/* 1. Theme default css */
 @import url("https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap");

 :root {
   /* --cor-primaria: #2b82c2; */
   --cor-primaria: #1a61a8;
   --cor-primaria-escuro: #1a61a8;
   --cor-secundaria1: #e86a30;
   /* --cor-secundaria2: #75A83F; */
   --cor-secundaria2: #8abd47;
   --cor-secundaria3: #de1327;
   --cor-claro: #ffffff;
   --cor-escuro: #212529;
   --preto: #000000;
 }

 html::-webkit-scrollbar,
 body::-webkit-scrollbar {
   width: 5px;
 }

 html::-moz-scrollbar,
 body::-moz-scrollbar {
   width: 5px;
 }

 html::-ms-scrollbar,
 body::-ms-scrollbar {
   width: 5px;
 }

 html::-webkit-scrollbar-track,
 body::-webkit-scrollbar-track {
   background: #c1c1c1;
 }

 html::-moz-scrollbar-track,
 body::-moz-scrollbar-track {
   background: #c1c1c1;
 }

 html::-webkit-scrollbar-thumb,
 body::-webkit-scrollbar-thumb {
   background-color: var(--cor-primaria);
   outline: none;
 }

 html::-moz-scrollbar-thumb,
 body::-moz-scrollbar-thumb {
   background-color: var(--cor-primaria);
   outline: none;
 }

 html::-webkit-scrollbar-thumb:active,
 body::-webkit-scrollbar-thumb:active {
   background: var(--preto);
 }

 html::-moz-scrollbar-thumb:active,
 body::-moz-scrollbar-thumb:active {
   background: var(--preto);
 }

 .slick-track>[class*=col] {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   max-width: 100%;
   padding-right: calc(var(--bs-gutter-x) / 2);
   padding-left: calc(var(--bs-gutter-x) / 2);
   margin-top: var(--bs-gutter-y);
 }

 body {
   font-family: "Satoshi-Regular";
   font-size: 18px;
   line-height: 34px;
   font-weight: 400;
   font-style: normal;
   color: var(--preto);
 }

 .main-page-wrapper {
   overflow-x: hidden;
 }

 .fix {
   overflow: hidden;
 }

 a,
 .button {
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 a:focus,
 .button:focus {
   text-decoration: none;
   outline: none;
 }

 a:focus,
 a:hover {
   color: inherit;
   text-decoration: none;
 }

 a,
 button {
   color: inherit;
   outline: medium none;
   text-decoration: none;
 }

 button:focus,
 input:focus,
 input:focus,
 textarea,
 textarea:focus {
   outline: 0;
 }

 .uppercase {
   text-transform: uppercase;
 }

 .capitalize {
   text-transform: capitalize;
 }

 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3,
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6 {
   font-family: "Radio Canada Big", serif;
   color: var(--preto);
   line-height: 1.4;
   font-style: normal;
   font-weight: 700;
   text-transform: normal;
 }

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
   color: inherit;
   text-decoration: none;
 }

 h1 {
   font-size: 40px;
 }

 h2 {
   font-size: 35px;
 }

 h3 {
   font-size: 28px;
 }

 h4 {
   font-size: 22px;
 }

 h5 {
   font-size: 18px;
 }

 h6 {
   font-size: 16px;
 }

 .list-none {
   margin: 0px;
   padding: 0px;
 }

 p {
   font-size: 18px;
   font-weight: 400;
   line-height: 34px;
   font-family: "Satoshi-Regular";
   color: var(--preto);
   margin-bottom: 15px;
 }

 hr {
   border-bottom: 1px solid rgab(var(--cor-claro), 0.1);
   border-top: 0 none;
   margin: 30px 0;
   padding: 0;
 }

 label {
   cursor: pointer;
   font-size: 14px;
   font-weight: 400;
 }

 *::-moz-selection {
   background: var(--preto);
   color: var(--cor-claro);
   text-shadow: none;
 }

 ::-moz-selection {
   background: var(--preto);
   color: var(--cor-claro);
   text-shadow: none;
 }

 ::selection {
   background: var(--preto);
   color: var(--cor-claro);
   text-shadow: none;
 }

 /*--
    - Input Placeholder
-----------------------------------------*/
 *::-moz-placeholder {
   color: var(--preto);
   font-size: 14px;
   opacity: 1;
 }

 *::placeholder {
   color: var(--preto);
   font-size: 14px;
   opacity: 1;
 }

 /*--
    - Common Classes
-----------------------------------------*/
 .fix {
   overflow: hidden;
 }

 .clear {
   clear: both;
 }

 .overlay-bg {
   position: relative;
   z-index: 2;
 }

 .overlay-bg::before {
   content: "";
   position: absolute;
   z-index: -1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }

 .background-image {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .popup-video {
   color: var(--cor-claro);
   border-radius: 50%;
   background: #FFE149;
   border-radius: 50%;
   font-size: 20px;
   line-height: 90px;
   display: inline-block;
   width: 90px;
   height: 90px;
   text-align: center;
   -webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -ms-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
   position: relative;
   z-index: 1;
   animation: pulseBig infinite 5s linear;
 }

 .popup-video:hover {
   color: var(--cor-claro);
   background: var(--cor-primaria);
 }

 .custom-container-1600 {
   padding-left: 145px;
   padding-right: 145px;
 }

 @media only screen and (max-width: 1800px) {
   .custom-container-1600 {
     padding-left: 0;
     padding-right: 0;
   }
 }

 .ctn-preloader {
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 999999;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
 }

 .ctn-preloader .icon {
   animation: rotated 8s infinite linear;
 }

 .ctn-preloader .txt-loading {
   user-select: none;
   margin-top: 30px;
 }

 .ctn-preloader .txt-loading .letters-loading {
   font-family: "Radio Canada Big", serif;
   font-weight: 700;
   letter-spacing: 8px;
   display: inline-block;
   color: rgba(0, 0, 0, 0.12);
   position: relative;
   font-size: 50px;
   line-height: 30px;
 }

 .ctn-preloader .txt-loading .letters-loading::before {
   animation: letters-loading 4s infinite;
   color: var(--preto);
   content: attr(data-text-preloader);
   left: 0;
   opacity: 0;
   top: 0;
   line-height: 30px;
   position: absolute;
 }

 .ctn-preloader .txt-loading .letters-loading:nth-child(2):before {
   animation-delay: 0.2s;
 }

 .ctn-preloader .txt-loading .letters-loading:nth-child(3):before {
   animation-delay: 0.4s;
 }

 .ctn-preloader .txt-loading .letters-loading:nth-child(4):before {
   animation-delay: 0.6s;
 }

 .ctn-preloader .txt-loading .letters-loading:nth-child(5):before {
   animation-delay: 0.8s;
 }

 .ctn-preloader .txt-loading .letters-loading:nth-child(6):before {
   animation-delay: 1s;
 }

 .ctn-preloader .txt-loading .letters-loading:nth-child(7):before {
   animation-delay: 1.2s;
 }

 .ctn-preloader .txt-loading .letters-loading:nth-child(8):before {
   animation-delay: 1.4s;
 }

 @keyframes spinner {
   to {
     transform: rotateZ(360deg);
   }
 }

 @keyframes letters-loading {

   0%,
   75%,
   100% {
     opacity: 0;
     transform: rotateY(-90deg);
   }

   25%,
   50% {
     opacity: 1;
     transform: rotateY(0deg);
   }
 }

 #scrollToTopBtn {
   font-size: 18px;
   display: inline-block;
   background: var(--cor-secundaria2);
   position: fixed;
   width: 35px;
   height: 35px;
   right: 7px;
   bottom: 7px;
   border-radius: 6px;
   line-height: 35px;
   text-align: center;
   transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
   opacity: 0;
   visibility: hidden;
   z-index: 1000;
 }

 #scrollToTopBtn i {
   color: #fff;
 }

 #scrollToTopBtn:hover {
   cursor: pointer;
   background-color: var(--cor-secundaria1);
 }

 #scrollToTopBtn.show {
   opacity: 1;
   visibility: visible;
 }

 /*--
    - Overlay
------------------------------------------*/
 .overlay-soft {
   position: relative;
   z-index: 1;
 }

 .overlay-soft::after {
   content: "";
   position: absolute;
   background: rgba(0, 0, 0, 0.2);
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   z-index: -1;
 }

 [data-overlay] {
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
 }

 [data-overlay]::before {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   content: "";
 }

 /*-- Overlay Color --*/
 [data-overlay=light]::before {
   background-color: var(--cor-claro);
 }

 [data-overlay=dark]::before {
   background-color: var(--cor-primaria);
 }

 /*-- Overlay Opacity --*/
 [data-opacity="1"]::before {
   opacity: 0.1;
 }

 [data-opacity="2"]::before {
   opacity: 0.2;
 }

 [data-opacity="3"]::before {
   opacity: 0.3;
 }

 [data-opacity="4"]::before {
   opacity: 0.4;
 }

 [data-opacity="5"]::before {
   opacity: 0.5;
 }

 [data-opacity="6"]::before {
   opacity: 0.6;
 }

 [data-opacity="7"]::before {
   opacity: 0.7;
 }

 [data-opacity="8"]::before {
   opacity: 0.8;
 }

 [data-opacity="9"]::before {
   opacity: 0.9;
 }

 .main-header-area {
   position: relative;
   width: 100%;
   left: 0;
   z-index: 999;
 }

 .offset-sidebar {
   display: block;
   margin-top: 30px;
 }

 .theme-main-menu .ht-promo,
 .theme-main-menu .ht-phone,
 .theme-main-menu .ht-email {
   color: var(--cor-escuro);
   font-size: 18px;
   font-family: "Satoshi-Medium";
   font-weight: 500;
   padding-right: 10px;
   margin-right: 10px;
   display: inline-block;
   position: relative;
   z-index: 1;
 }

 .theme-main-menu .ht-promo {
   font-family: "Radio Canada Big", serif;
 }

 .theme-main-menu .ht-promo span {
   color: rgba(0, 0, 0, 0.6);
 }

 .theme-main-menu .hamburger-menu {
   width: 60px;
   height: 60px;
   border: 1.5px solid rgb(0, 0, 0);
   border-radius: 100%;
   margin-left: 20px;
   display: flex;
   align-items: center;
   cursor: pointer;
   justify-content: center;
   -webkit-transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
 }

 .theme-main-menu .hamburger-menu .bar-wrap {
   display: flex;
   align-items: flex-end;
   flex-direction: column;
   gap: 5px;
 }

 .theme-main-menu .hamburger-menu .bar-wrap .bar-1 {
   width: 20px;
   height: 2px;
   background: var(--preto);
   border-radius: 50px;
 }

 .theme-main-menu .hamburger-menu .bar-wrap .bar-2 {
   width: 16px;
   height: 2px;
   background: var(--preto);
   border-radius: 50px;
 }

 .theme-main-menu .hamburger-menu .bar-wrap .bar-3 {
   width: 20px;
   height: 2px;
   background: var(--preto);
   border-radius: 50px;
 }

 .theme-main-menu .hamburger-menu:hover {
   background: var(--cor-primaria);
   color: var(--cor-claro);
 }

 @media only screen and (max-width: 767.98px) {
   .theme-main-menu .hamburger-menu {
     width: 50px;
     height: 50px;
   }

   .theme-main-menu .hamburger-menu .bar-wrap .bar-1 {
     width: 16px;
   }

   .theme-main-menu .hamburger-menu .bar-wrap .bar-2 {
     width: 12px;
   }

   .theme-main-menu .hamburger-menu .bar-wrap .bar-3 {
     width: 16px;
   }
 }

 .header-social a {
   display: inline-block;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: var(--cor-escuro);
   color: var(--cor-claro);
   font-size: 14px;
   text-align: center;
   line-height: 30px;
   margin: 0 5px;
 }

 .header-social a:hover {
   color: var(--cor-escuro);
   background: var(--cor-primaria);
 }

 .main-menu {
   position: relative;
   z-index: 11;
 }

 .main-menu ul {
   padding: 0;
   margin: 0;
 }

 .main-menu ul li {
   list-style: none;
   position: relative;
   z-index: 1;
   display: inline-block;
   margin: 0 26px 0 26px;
 }

 @media only screen and (max-width: 1600px) {
   .main-menu ul li {
     margin: 0 28px 0 0;
   }
 }

 .main-menu ul li:last-child {
   margin-right: 0;
 }

 .main-menu ul li:last-child a {
   margin-right: 0;
 }

 .main-menu ul li:last-child a::before {
   display: none;
 }

 .main-menu ul li.active {
   color: var(--preto);
 }

 .main-menu ul li.active a {
   color: var(--preto);
 }

 .main-menu ul li a {
   color: var(--cor-escuro);
   font-family: "Satoshi-Medium";
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
   display: inline-block;
   position: relative;
   padding: 19px 0 20px 0;
 }

 /*ÍCONES SUBMENUS*/
 /* .main-menu ul li a::before {
   content: "\f282";
   font-family: "bootstrap-icons";
   font-weight: 700;
   position: absolute;
   font-size: 16px;
   right: -18px;
   top: 22px;
   z-index: 1;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 } */

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .main-menu ul li a::before {
     display: none;
   }
 }

 .main-menu ul li a::after {
   display: none;
 }

 .main-menu ul li a:hover {
   color: var(--cor-primaria);
 }

 .main-menu ul li a i {
   font-size: 10px;
 }

 .main-menu ul li:hover>a {
   color: var(--cor-primaria);
 }

 .main-menu ul li ul.sub-menu {
   border: 0;
   position: absolute;
   z-index: 5;
   background: var(--cor-claro);
   border-radius: 0;
   display: block;
   right: 0;
   left: 0;
   padding: 0;
   top: 100%;
   visibility: hidden;
   transform: scaleY(0);
   opacity: 0;
   min-width: 170px;
   box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, 0.05);
   margin: 0;
   transform-origin: 0 0;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }

 .main-menu ul li ul.sub-menu.mega-menu {
   min-width: 600px;
 }

 .main-menu ul li ul.sub-menu li {
   display: block;
   position: relative;
   z-index: 1;
   margin-right: 0;
   margin-left: 0;
 }

 .main-menu ul li ul.sub-menu li ul.sub-menu {
   position: absolute;
   right: 0;
   left: 100%;
   top: 0;
 }

 .main-menu ul li ul.sub-menu li a {
   color: var(--preto);
   font-size: 16px;
   font-family: "Radio Canada Big", serif;
   font-weight: 500;
   padding: 14px 25px;
   display: block;
   transition: all 0.3s ease-in-out;
   width: 100%;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .main-menu ul li ul.sub-menu li a::before {
   display: none;
 }

 .main-menu ul li ul.sub-menu li a .sub-menu-arrow {
   float: right;
 }

 .main-menu ul li ul.sub-menu li a.active {
   background-color: transparent;
 }

 .main-menu ul li ul.sub-menu li a:hover {
   background-color: transparent;
   transform: translateX(5px);
   text-decoration: underline;
 }

 .main-menu ul li:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
 }

 .sticky-menu {
   position: fixed;
   background: var(--cor-claro);
   top: 0;
   animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
   padding-top: 0;
   padding-bottom: 0;
 }

 .theme-menu-one {
   padding-left: 85px;
   padding-right: 85px;
 }

 .theme-menu-one .header-top {
   padding-top: 18px;
   padding-bottom: 17px;
   position: relative;
   z-index: 1010;
 }

 .theme-menu-one .main-header-area {
   padding: 20px 30px;
   border: 1px solid #D5D5D5;
   border-radius: 20px;
 }

 .theme-menu-one .sticky-menu {
   padding: 10px 85px;
 }

 @media (max-width: 991.98px) {
   .theme-menu-one .sticky-menu {
     padding-top: 15px;
     padding-bottom: 15px;
   }
 }

 .theme-menu-one .cart-menu .shopping-cart:hover {
   color: var(--cor-claro);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .theme-menu-one .hamburger-menu:hover {
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .theme-menu-one .hamburger-menu:hover .bar-wrap .bar-1,
 .theme-menu-one .hamburger-menu:hover .bar-wrap .bar-2,
 .theme-menu-one .hamburger-menu:hover .bar-wrap .bar-3 {
   background: var(--cor-claro);
 }

 .theme-menu-one .bs-btn {
   padding: 22px 40px;
   transform: translateY(6px);
 }

 .theme-menu-one .bs-btn::before {
   background: var(--cor-escuro);
 }

 @media only screen and (max-width: 1800px) {
   .theme-menu-one {
     padding-left: 0;
     padding-right: 0;
   }

   .theme-menu-one .main-header-area {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (max-width: 1200px) {
   .theme-menu-one .logo-area img {
     width: 80%;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-menu-one .logo-area img {
     width: 100%;
   }
 }

 .theme-menu-two {
   position: absolute;
   width: 100%;
   top: 40px;
   z-index: 999;
 }

 .theme-menu-two .custom-container {
   max-width: 1720px;
 }

 .theme-menu-two .cart-menu .shopping-cart {
   color: var(--preto);
   background: white;
   border: 1.5px solid var(--preto);
 }

 .theme-menu-two .cart-menu .shopping-cart span {
   background: var(--cor-escuro);
 }

 .theme-menu-two .cart-menu .shopping-cart:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
   border-color: var(--cor-escuro);
 }

 .theme-menu-two .hamburger-menu {
   background: var(--cor-escuro);
   border-color: var(--cor-escuro);
 }

 .theme-menu-two .hamburger-menu .bar-wrap .bar-1,
 .theme-menu-two .hamburger-menu .bar-wrap .bar-2,
 .theme-menu-two .hamburger-menu .bar-wrap .bar-3 {
   background: var(--cor-claro);
 }

 .theme-menu-two .bs-btn {
   color: var(--preto);
   background: var(--cor-primaria);
   font-size: 18px;
   padding: 20px 45px 20px 45px;
   border-width: 0;
   transform: translateY(5px);
 }

 .theme-menu-two .bs-btn::before {
   background: var(--cor-escuro);
 }

 .theme-menu-two .logo {
   display: inline-block;
   visibility: visible;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-two .sticky-logo {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-two .main-header-area {
   background: var(--cor-claro);
   border: 2px solid var(--preto);
   border-radius: 20px;
   padding: 15px 45px 15px 45px;
 }

 .theme-menu-two .main-header-area.sticky-menu {
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .theme-menu-two .main-header-area.sticky-menu .logo {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-two .main-header-area.sticky-menu .sticky-logo {
   display: inline-block;
   visibility: visible;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-two .main-header-area.sticky-menu .cart-menu .shopping-cart {
   color: var(--cor-claro);
   border: 1.5px solid var(--cor-escuro);
   background: var(--cor-escuro);
 }

 .theme-menu-two .main-menu ul li a {
   color: var(--preto);
 }

 @media only screen and (max-width: 1600px) {

   .theme-menu-two .topbar,
   .theme-menu-two .main-header-area {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-menu-two .logo-area img {
     max-width: 100%;
   }
 }

 .theme-menu-three {
   max-width: 1720px;
   position: absolute;
   top: 20px;
   left: 0;
   right: 0;
   margin: 0 auto;
   z-index: 999;
 }

 .theme-menu-three .cart-menu .shopping-cart {
   color: var(--preto);
   border-color: var(--preto);
 }

 .theme-menu-three .cart-menu .shopping-cart:hover {
   color: var(--cor-claro);
   border-color: var(--cor-escuro);
   background: var(--cor-escuro);
 }

 .theme-menu-three .cart-menu .shopping-cart span {
   background: var(--cor-escuro);
 }

 .theme-menu-three .bs-btn {
   color: var(--preto);
   background: var(--cor-primaria);
   font-size: 18px;
   padding: 20px 45px 20px 45px;
   border: 2px solid var(--preto);
   transform: translateY(5px);
 }

 .theme-menu-three .bs-btn::before {
   background: var(--cor-escuro);
 }

 .theme-menu-three .logo {
   display: inline-block;
   visibility: visible;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-three .sticky-logo {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-three .main-header-area {
   background: var(--cor-claro);
   padding: 15px 20px;
   border-radius: 50px;
 }

 .theme-menu-three .main-header-area.sticky-menu {
   padding-top: 10px;
   padding-bottom: 10px;
   border: 0;
 }

 .theme-menu-three .main-header-area.sticky-menu .logo {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-three .main-header-area.sticky-menu .sticky-logo {
   display: inline-block;
   visibility: visible;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-three .main-menu ul li:hover>a {
   color: var(--cor-escuro);
 }

 @media only screen and (max-width: 1600px) {

   .theme-menu-three .header-top,
   .theme-menu-three .main-header-area {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-menu-three .logo-area img {
     max-width: 100%;
   }
 }

 .theme-menu-four {
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   width: 100%;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 999;
 }

 .theme-menu-four .header-top {
   background: var(--cor-escuro);
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .theme-menu-four .ht-promo span {
   color: rgba(255, 255, 255, 0.6);
 }

 .theme-menu-four .ht-promo,
 .theme-menu-four .ht-email,
 .theme-menu-four .ht-phone {
   color: var(--cor-claro);
 }

 .theme-menu-four .header-social a {
   color: var(--preto);
   background: var(--cor-claro);
 }

 .theme-menu-four .main-header-area {
   padding-top: 15px;
   padding-bottom: 15px;
 }

 .theme-menu-four .main-header-area.sticky-menu {
   padding-top: 15px;
   padding-bottom: 15px;
   background: var(--cor-escuro);
 }

 .theme-menu-four .main-menu ul li a {
   color: var(--cor-claro);
 }

 .theme-menu-four .hamburger-menu {
   border-color: var(--cor-claro);
   background: var(--cor-claro);
 }

 .theme-menu-four .cart-menu .shopping-cart {
   color: var(--preto);
   background: var(--cor-claro);
   border-color: var(--cor-claro);
 }

 .theme-menu-four .cart-menu .shopping-cart span {
   background: var(--cor-primaria);
 }

 .theme-menu-four .cart-menu .shopping-cart:hover {
   color: var(--cor-claro);
   border-color: var(--cor-primaria);
   background: var(--cor-primaria);
 }

 .theme-menu-four .search-area .search-input {
   color: var(--preto);
   background: var(--cor-claro);
   border-color: var(--cor-claro);
 }

 .theme-menu-four .search-area .search-input:hover {
   color: var(--cor-claro);
   border-color: var(--cor-primaria);
   background: var(--cor-primaria);
 }

 .theme-menu-four .main-header-area,
 .theme-menu-four .header-top {
   padding-left: 85px;
   padding-right: 85px;
 }

 .theme-menu-four .bs-btn {
   padding: 21px 43px 20px 43px;
   border-radius: 40px;
 }

 .theme-menu-four .bs-btn::before {
   background: var(--cor-claro);
 }

 .theme-menu-four .bs-btn:hover {
   color: var(--preto);
   background: var(--cor-claro);
 }

 @media only screen and (max-width: 1600px) {

   .theme-menu-four .main-header-area,
   .theme-menu-four .header-top {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-menu-four .logo-area img {
     max-width: 100%;
   }
 }

 .theme-menu-five .logo {
   display: inline-block;
   visibility: visible;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-five .sticky-logo {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-five .cart-menu .shopping-cart {
   color: var(--preto);
   border-color: var(--preto);
   background: var(--cor-claro);
 }

 .theme-menu-five .cart-menu .shopping-cart span {
   background: var(--cor-escuro);
 }

 .theme-menu-five .cart-menu .shopping-cart:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 .theme-menu-five .hamburger-menu {
   background: var(--cor-escuro);
   border-color: var(--cor-escuro);
 }

 .theme-menu-five .hamburger-menu .bar-wrap .bar-1,
 .theme-menu-five .hamburger-menu .bar-wrap .bar-2,
 .theme-menu-five .hamburger-menu .bar-wrap .bar-3 {
   background: var(--cor-claro);
 }

 .theme-menu-five .main-header-area {
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 85px;
   padding-right: 38px;
 }

 .theme-menu-five .main-header-area .logo {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-five .main-header-area .sticky-logo {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-five .main-header-area.sticky-menu {
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .theme-menu-five .main-header-area.sticky-menu .logo {
   display: none;
 }

 .theme-menu-five .main-header-area.sticky-menu .sticky-logo {
   display: inline-block;
   visibility: visible;
 }

 .theme-menu-five .main-header-area.sticky-menu .hamburger-menu {
   background: var(--cor-escuro);
   border-color: var(--cor-escuro);
 }

 .theme-menu-five .main-header-area.sticky-menu .hamburger-menu .bar-wrap .bar-1,
 .theme-menu-five .main-header-area.sticky-menu .hamburger-menu .bar-wrap .bar-2,
 .theme-menu-five .main-header-area.sticky-menu .hamburger-menu .bar-wrap .bar-3 {
   background: var(--cor-claro);
 }

 .theme-menu-five .bs-btn {
   color: var(--preto);
   padding: 23px 40px 22px 40px;
   background: var(--cor-primaria);
   border-radius: 40px;
 }

 .theme-menu-five .bs-btn::before {
   background: var(--cor-escuro);
 }

 .theme-menu-five .bs-btn:hover {
   color: var(--cor-claro);
 }

 @media only screen and (max-width: 1600px) {

   .theme-menu-five .header-top,
   .theme-menu-five .main-header-area {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (max-width: 1200px) {
   .theme-menu-five {
     position: relative;
   }

   .theme-menu-five .main-header-area .logo {
     display: none;
   }

   .theme-menu-five .main-header-area .sticky-logo {
     display: inline-block;
     visibility: visible;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-menu-five .logo-area img {
     max-width: 100%;
   }
 }

 .theme-menu-six {
   width: 100%;
   position: relative;
   left: 0;
   right: 0;
   z-index: 999;
 }

 .theme-menu-six .header-top {
   background: var(--cor-escuro);
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .theme-menu-six .ht-promo,
 .theme-menu-six .ht-email,
 .theme-menu-six .ht-phone {
   color: var(--cor-claro);
 }

 .theme-menu-six .ht-promo .hello,
 .theme-menu-six .ht-email .hello,
 .theme-menu-six .ht-phone .hello {
   color: rgba(255, 255, 255, 0.6);
 }

 .theme-menu-six .header-social a {
   color: var(--preto);
   background: var(--cor-claro);
 }

 .theme-menu-six .cart-menu .shopping-cart {
   color: var(--preto);
   border-color: var(--preto);
   background: var(--cor-claro);
 }

 .theme-menu-six .cart-menu .shopping-cart span {
   background: var(--cor-escuro);
 }

 .theme-menu-six .cart-menu .shopping-cart:hover {
   color: var(--cor-escuro);
   background: var(--cor-claro);
 }

 .theme-menu-six .hamburger-menu {
   background: var(--cor-escuro);
   border-color: var(--cor-escuro);
 }

 .theme-menu-six .hamburger-menu .bar-wrap .bar-1,
 .theme-menu-six .hamburger-menu .bar-wrap .bar-2,
 .theme-menu-six .hamburger-menu .bar-wrap .bar-3 {
   background: var(--cor-claro);
 }

 .theme-menu-six .main-header-area {
   padding-left: 85px;
   padding-right: 38px;
 }

 .theme-menu-six .main-header-area {
   padding-top: 20px;
   padding-bottom: 20px;
 }

 .theme-menu-six .main-header-area .logo {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-six .main-header-area .sticky-logo {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-menu-six .main-header-area.sticky-menu {
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .theme-menu-six .main-header-area.sticky-menu .logo {
   display: none;
 }

 .theme-menu-six .main-header-area.sticky-menu .sticky-logo {
   display: inline-block;
   visibility: visible;
 }

 .theme-menu-six .bs-btn {
   color: var(--cor-claro);
   padding: 23px 40px 22px 40px;
   background: var(--cor-escuro);
   border-radius: 40px;
 }

 .theme-menu-six .bs-btn::before {
   background: var(--preto);
 }

 .theme-menu-six .bs-btn:hover {
   color: var(--cor-claro);
 }

 .theme-menu-six .main-header-area,
 .theme-menu-six .header-top {
   padding-left: 85px;
   padding-right: 85px;
 }

 .theme-menu-six .bs-btn {
   color: var(--preto);
   padding: 22px 43px 21px 43px;
   border-radius: 40px;
   background: var(--cor-primaria);
 }

 .theme-menu-six .bs-btn::before {
   background: var(--cor-escuro);
 }

 .theme-menu-six .bs-btn:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 @media only screen and (max-width: 1600px) {

   .theme-menu-six .main-header-area,
   .theme-menu-six .header-top {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-menu-six .logo-area img {
     max-width: 100%;
   }
 }

 .onepage-nav .main-menu ul li a::before {
   display: none;
 }

 .breadcrumb-wrapper {
   padding-top: 70px;
   padding-bottom: 70px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   z-index: 2;
 }

 .breadcrumb-wrapper::before {
   content: "";
   position: absolute;
   background: rgba(0, 0, 0, 0.6);
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: -1;
 }

 .breadcrumb-wrapper .breadcrumb-title {
   color: var(--cor-claro);
   font-size: 80px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
 }

 @media only screen and (max-width: 1600px) {
   .breadcrumb-wrapper .breadcrumb-title {
     font-size: 35px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .breadcrumb-wrapper {
     padding-top: 110px;
     padding-bottom: 110px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .breadcrumb-wrapper .page-title {
     font-size: 28px;
   }
 }

 ul.breadcumb-menu {
   display: inline-block;
   padding: 0;
 }

 ul.breadcumb-menu li {
   display: inline-block;
 }

 ul.breadcumb-menu li:last-child a {
   color: var(--cor-claro);
   margin-right: 0;
   padding-right: 0;
 }

 ul.breadcumb-menu li:last-child a::before {
   display: none;
 }

 ul.breadcumb-menu li a {
   color: var(--cor-claro);
   font-size: 28px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   line-height: 1;
   display: inline-block;
   padding-right: 10px;
   margin-right: 10px;
   position: relative;
   z-index: 1;
 }

 ul.breadcumb-menu li a::before {
   content: "";
   position: absolute;
   background: var(--cor-claro);
   width: 2px;
   height: 21px;
   right: -4px;
   top: 4px;
   z-index: 1;
   transform: rotate(23deg);
 }

 @media only screen and (max-width: 1600px) {
   ul.breadcumb-menu li a {
     font-size: 18px;
   }

   ul.breadcumb-menu li a::before {
     top: 0;
   }
 }

 /*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
 /* hide the link until viewport size is reached */
 a.meanmenu-reveal {
   display: none;
 }

 /* when under viewport size, .mean-container is added to body */
 .mean-container .mean-bar {
   float: left;
   width: 100%;
   position: relative;
   background: none;
   padding: 4px 0;
   min-height: 42px;
   z-index: 999999;
 }

 .mean-container a.meanmenu-reveal {
   width: 22px;
   height: 22px;
   padding: 13px 13px 11px 13px;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
   color: #fff;
   text-decoration: none;
   font-size: 16px;
   text-indent: -9999em;
   line-height: 22px;
   font-size: 1px;
   display: none !important;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 700;
 }

 .mean-container a.meanmenu-reveal span {
   display: block;
   background: #fff;
   height: 3px;
   margin-top: 3px;
 }

 .mean-container .mean-nav {
   float: left;
   width: 100%;
   background: none;
   margin-top: 0;
 }

 .mean-container .mean-nav>ul {
   padding: 0;
   margin: 0;
   width: 100%;
   list-style-type: none;
   display: block !important;
 }

 .mean-container .mean-nav ul li {
   list-style-type: none !important;
   position: relative;
   float: left;
   width: 100%;
 }

 .mean-container .mean-nav ul li a {
   font-size: 16px;
   display: block;
   float: left;
   width: 100%;
   padding: 0.5em 5% 0.5em 0;
   margin: 0;
   text-align: left;
   color: #fff;
   /* border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, 0.5); */
   text-decoration: none;
   text-transform: uppercase;
 }

 .mean-container .mean-nav ul li li a {
   font-size: 15px;
   width: 80%;
   padding: 0.4em 5%;
   border-top: 1px solid #f1f1f1;
   border-top: 1px solid rgba(255, 255, 255, 0.25);
   opacity: 0.8;
   /* filter: alpha(opacity=75);
  text-shadow: none !important; */
   visibility: visible;
 }

 .mean-container .mean-nav ul li.mean-last a {
   border-bottom: none;
   margin-bottom: 0;
 }

 .mean-container .mean-nav ul li li li a {
   width: 70%;
   padding: 1em 15%;
 }

 .mean-container .mean-nav ul li li li li a {
   width: 60%;
   padding: 1em 20%;
 }

 .mean-container .mean-nav ul li li li li li a {
   width: 50%;
   padding: 1em 25%;
 }

 .mean-container .mean-nav ul li a:hover {
   background: #252525;
   background: rgba(255, 255, 255, 0.1);
 }

 .mean-container .mean-nav ul li a.mean-expand {
   margin-top: 1px;
   width: 26px;
   height: 32px;
   padding: 4px 8px !important;
   text-align: center;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
   font-weight: 700;
   background: rgba(255, 255, 255, 0.1);
   border: none !important;
   /* border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; */
 }

 .mean-container .mean-nav ul li a.mean-expand:hover {
   background: rgba(0, 0, 0, 0.9);
 }

 .mean-container .mean-push {
   float: left;
   width: 100%;
   padding: 0;
   margin: 0;
   clear: both;
 }

 .mean-nav .wrapper {
   width: 100%;
   padding: 0;
   margin: 0;
 }

 /* Fix for box sizing on Foundation Framework etc. */
 .mean-container .mean-bar,
 .mean-container .mean-bar * {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 }

 .mean-remove {
   display: none !important;
 }

 .ht-menu-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 999999;
   width: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: all ease 0.8s;
   transition: all ease 0.8s;
   opacity: 0;
   visibility: hidden;
 }

 .ht-menu-wrapper .mobile-logo {
   border-bottom: 2px solid rgba(255, 255, 255, 0.3);
   padding-bottom: 31px;
 }

 .ht-menu-wrapper .mobile-menu-wrapper {
   overflow-y: scroll;
   max-height: calc(100vh - 200px);
   padding-bottom: 40px;
   margin-top: 33px;
   text-align: left;
 }

 .ht-menu-wrapper .mobile-menu-wrapper span.float-end {
   display: none;
 }

 .ht-menu-wrapper .ht-menu-area {
   padding: 50px 20px;
   width: 100%;
   max-width: 310px;
   background-color: var(--preto);
   border-right: 3px solid var(--cor-primaria);
   height: 100%;
   position: relative;
   left: -110%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all ease 1s;
   transition: all ease 1s;
   z-index: 1;
 }

 .ht-menu-wrapper .ht-menu-toggle {
   border: none;
   font-size: 22px;
   position: absolute;
   right: -16.5px;
   top: 25px;
   padding: 0;
   line-height: 1;
   width: 33px;
   height: 33px;
   line-height: 35px;
   font-size: 16px;
   z-index: 1;
   color: var(--cor-claro);
   background-color: var(--cor-primaria);
   border-radius: 50%;
 }

 .ht-menu-wrapper.ht-body-visible {
   opacity: 1;
   visibility: visible;
 }

 .ht-menu-wrapper.ht-body-visible .ht-menu-area {
   left: 0;
   opacity: 1;
   visibility: visible;
 }

 .ht-mobile-menu ul li {
   border-bottom: 1px solid #fdedf1;
   list-style-type: none;
 }

 .ht-mobile-menu ul li {
   border-bottom: 1px solid #fdedf1;
   list-style-type: none;
 }

 .ht-mobile-menu ul li a {
   display: block;
   position: relative;
   padding: 12px 0;
   line-height: 1.4;
   font-size: 16px;
   text-transform: capitalize;
   color: var(--white-color);
   padding-left: 18px;
 }

 .offset-widget {
   margin-top: 50px;
 }

 .offset-widget.offset-logo {
   border-bottom: 1px solid #eeecec;
   padding-bottom: 20px;
 }

 .offset-widget .info-widget .offset-title {
   color: var(--cor-claro);
   font-size: 20px;
   font-weight: 800;
   color: var(--cor-claro);
 }

 .offset-widget .info-widget p {
   color: var(--cor-claro);
 }

 .offset-widget .info-widget.info-widget2 p {
   margin-bottom: 15px;
 }

 .offset-widget .info-widget.info-widget2 p i {
   margin-right: 7px;
   color: var(--cor-claro);
 }

 .fw-exbold {
   font-weight: 800 !important;
 }

 .fw-bold {
   font-weight: 700 !important;
 }

 .fw-semi {
   font-weight: 600 !important;
 }

 .fw-medium {
   font-weight: 500 !important;
 }

 .fw-normal {
   font-weight: 400 !important;
 }

 .fw-light {
   font-weight: 300 !important;
 }

 .fw-thin {
   font-weight: 100 !important;
 }

 .text-xl {
   font-size: 30px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   line-height: 1.8;
 }

 @media only screen and (max-width: 1600px) {
   .text-xl {
     font-size: 20px;
   }
 }

 .text-lg {
   font-size: 22px !important;
   line-height: 45px;
 }

 @media only screen and (max-width: 1200px) {
   .text-lg {
     font-size: 20px !important;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .text-lg {
     font-size: 18px !important;
     line-height: 34px;
   }
 }

 .fs-20 {
   font-size: 20px !important;
 }

 .fs-18 {
   font-size: 18px !important;
 }

 .fs-16 {
   font-size: 16px !important;
 }

 .fs-14 {
   font-size: 14px !important;
 }

 .fs-12 {
   font-size: 12px !important;
 }

 /*--
    - Background color
-----------------------------------------*/
 .grey-bg {
   background: #E4F0F0;
 }

 .light-grey-bg {
   background: #EBF3FF;
 }

 .white-bg {
   background: var(--cor-claro);
 }

 .black-bg {
   background: var(--preto) !important;
 }

 .heding-bg {
   background: var(--preto) !important;
 }

 .theme-bg {
   background: var(--cor-secundaria2) !important;
 }

 .theme-bg2 {
   background: var(--cor-primaria-escuro) !important;
 }

 .theme-bg3 {
   background: var(--cor-escuro) !important;
 }

 /*--
    - color
-----------------------------------------*/
 .text-white {
   color: var(--cor-claro);
 }

 .text-black {
   color: var(--preto);
 }

 .text-theme {
   color: var(--cor-primaria) !important;
 }

 .text-theme2 {
   color: var(--cor-escuro) !important;
 }

 .text-body {
   color: var(--preto) !important;
 }

 .text-body2 {
   color: var(--preto) !important;
 }

 .text-heding {
   color: var(--preto) !important;
 }

 .text-heding2 {
   color: var(--cor-escuro) !important;
 }

 /*--
    - fonts
-----------------------------------------*/
 .body-font {
   font-family: "Satoshi-Regular" !important;
 }

 .heding-font {
   font-family: "Radio Canada Big", serif !important;
 }

 .uppercase {
   text-transform: uppercase;
 }

 .capitalize {
   text-transform: capitalize;
 }

 .lowercase {
   text-transform: lowercase;
 }

 .bg-none {
   background: none !important;
 }

 .before-none::before {
   display: none !important;
 }

 .after-none::before {
   display: none !important;
 }

 .border-rad {
   border-radius: 50px;
 }

 /*---font family----*/
 .satoshibold {
   font-family: "Satoshi-Bold" !important;
 }

 .satoshiregular {
   font-family: "Satoshi-Regular" !important;
 }

 .satoshimedium {
   font-family: "Radio Canada Big", serif !important;
 }

 .radiofont {
   font-family: "Radio Canada Big", serif !important;
 }

 /* search-area */
 .search-area .search-input {
   color: var(--preto);
   font-size: 20px;
   width: 60px;
   height: 60px;
   display: inline-block;
   border: 1.5px solid var(--preto);
   border-radius: 50%;
   text-align: center;
   line-height: 60px;
   position: relative;
   z-index: 1;
 }

 .search-area .search-input:hover {
   background: var(--cor-primaria);
   color: var(--cor-claro);
 }

 /* Full screen search
-------------------------------------------------------*/
 .offcanvas-top {
   min-height: 150px;
 }

 .offcanvas-top .search-close {
   position: absolute;
   top: 50px;
   right: 50px;
   font-size: 30px;
   color: #fff;
   cursor: pointer;
 }

 .search-wrap {
   padding-bottom: 100px;
 }

 .search-wrap input {
   color: var(--cor-claro);
   font-size: 80px;
   width: 100%;
   background: transparent;
   border: 0;
   text-align: center;
   display: inline-block;
   height: auto;
   padding: 0;
   display: inline-block;
   display: flex;
   justify-content: center;
   margin: 0 auto;
   border-bottom: 2px solid var(--cor-claro);
 }

 .search-wrap input::placeholder {
   color: var(--cor-claro);
   padding-bottom: 80px;
   font-size: 80px;
   font-family: "Radio Canada Big", serif;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .search-wrap input::placeholder {
     font-size: 50px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .search-wrap input::placeholder {
     font-size: 40px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-wrap input::placeholder {
     font-size: 30px;
   }
 }

 @media (max-width: 767px) {
   .search-wrap input::placeholder {
     font-size: 20px;
   }
 }

 .search-wrap input::-moz-placeholder,
 .search-wrap input::-webkit-placeholder,
 .search-wrap input::-o-placeholder,
 .search-wrap input::-ms-placeholder {
   color: var(--cor-claro);
   padding-bottom: 80px;
   font-size: 80px;
   font-family: "Radio Canada Big", serif;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {

   .search-wrap input::-moz-placeholder,
   .search-wrap input::-webkit-placeholder,
   .search-wrap input::-o-placeholder,
   .search-wrap input::-ms-placeholder {
     font-size: 50px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {

   .search-wrap input::-moz-placeholder,
   .search-wrap input::-webkit-placeholder,
   .search-wrap input::-o-placeholder,
   .search-wrap input::-ms-placeholder {
     font-size: 40px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {

   .search-wrap input::-moz-placeholder,
   .search-wrap input::-webkit-placeholder,
   .search-wrap input::-o-placeholder,
   .search-wrap input::-ms-placeholder {
     font-size: 30px;
   }
 }

 @media (max-width: 767px) {

   .search-wrap input::-moz-placeholder,
   .search-wrap input::-webkit-placeholder,
   .search-wrap input::-o-placeholder,
   .search-wrap input::-ms-placeholder {
     font-size: 30px;
   }
 }

 @media (min-width: 1600px) {

   .container-xxl,
   .container-xl,
   .container-lg,
   .container-md,
   .container-sm,
   .container {
     max-width: 1470px;
   }
 }

 .container,
 .container-fluid,
 .container-xxl,
 .container-xl,
 .container-lg,
 .container-md,
 .container-sm {
   --bs-gutter-x: 30px;
 }

 .row {
   --bs-gutter-x: 30px;
 }

 .gx-50 {
   --bs-gutter-x: 50px;
 }

 @media only screen and (max-width: 1600px) {
   .gx-50 {
     --bs-gutter-x: 30px;
   }
 }

 @-webkit-keyframes rotated {
   0% {
     -webkit-transform: rotateY(0);
     transform: rotateY(0);
   }

   100% {
     -webkit-transform: rotateY(360deg);
     transform: rotateY(360deg);
   }
 }

 @keyframes rotated {
   0% {
     -webkit-transform: rotateY(0);
     transform: rotateY(0);
   }

   100% {
     -webkit-transform: rotateY(360deg);
     transform: rotateY(360deg);
   }
 }

 @-webkit-keyframes rotatedHalf {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50% {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
   }

   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
 }

 @keyframes rotatedHalf {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50% {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
   }

   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
 }

 @-webkit-keyframes rotatedHalfTwo {
   0% {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
   }

   100% {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
   }
 }

 @keyframes rotatedHalfTwo {
   0% {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
   }

   100% {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
   }
 }

 @-webkit-keyframes scale-upOne {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(0.2);
     transform: scale(0.2);
   }
 }

 @keyframes scale-upOne {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   100% {
     -webkit-transform: scale(0.2);
     transform: scale(0.2);
   }
 }

 @-webkit-keyframes scale-right {
   0% {
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
   }

   50% {
     -webkit-transform: translateX(50%);
     transform: translateX(50%);
   }

   100% {
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
   }
 }

 @keyframes scale-right {
   0% {
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
   }

   50% {
     -webkit-transform: translateX(50%);
     transform: translateX(50%);
   }

   100% {
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
   }
 }

 @-webkit-keyframes fade-in {
   0% {
     opacity: 0.5;
   }

   40% {
     opacity: 1;
   }

   100% {
     opacity: 0.7;
   }
 }

 @keyframes fade-in {
   0% {
     opacity: 0.5;
   }

   40% {
     opacity: 1;
   }

   100% {
     opacity: 0.7;
   }
 }

 @keyframes hvr-ripple-out {
   0% {
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
     opacity: 1;
   }

   100% {
     top: -6px;
     right: -6px;
     bottom: -6px;
     left: -6px;
     opacity: 0;
   }
 }

 @keyframes hvr-ripple-out-two {
   0% {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 1;
   }

   100% {
     top: -12px;
     right: -12px;
     bottom: -12px;
     left: -12px;
     opacity: 0;
   }
 }

 @-webkit-keyframes scale-up-one {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes scale-up-one {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @-webkit-keyframes scale-up-one-1 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes scale-up-one-1 {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes animationFramesOne {
   0% {
     transform: translate(0px, 0px) rotate(0deg);
   }

   20% {
     transform: translate(73px, -1px) rotate(36deg);
   }

   40% {
     transform: translate(141px, 72px) rotate(72deg);
   }

   60% {
     transform: translate(83px, 122px) rotate(108deg);
   }

   80% {
     transform: translate(-40px, 72px) rotate(144deg);
   }

   100% {
     transform: translate(0px, 0px) rotate(0deg);
   }
 }

 @-webkit-keyframes animationFramesOne {
   0% {
     -webkit-transform: translate(0px, 0px) rotate(0deg);
   }

   20% {
     -webkit-transform: translate(73px, -1px) rotate(36deg);
   }

   40% {
     -webkit-transform: translate(141px, 72px) rotate(72deg);
   }

   60% {
     -webkit-transform: translate(83px, 122px) rotate(108deg);
   }

   80% {
     -webkit-transform: translate(-40px, 72px) rotate(144deg);
   }

   100% {
     -webkit-transform: translate(0px, 0px) rotate(0deg);
   }
 }

 /* Move frame*/
 @keyframes moveRound {
   0% {
     background-color: #eee3ff;
     left: -24px;
     top: 0px;
   }

   25% {
     background-color: #feddfc;
     left: 100px;
     top: 0px;
   }

   50% {
     background-color: #efe4ff;
     left: 100px;
     top: 100px;
   }

   75% {
     background-color: #e2fcf4;
     left: -24px;
     top: 200px;
   }

   100% {
     background-color: #eee3ff;
     left: -24px;
     top: 0px;
   }
 }

 @-webkit-keyframes moveRound {
   0% {
     background-color: #eee3ff;
     left: -24px;
     top: 0px;
   }

   25% {
     background-color: #feddfc;
     left: 100px;
     top: 0px;
   }

   50% {
     background-color: #efe4ff;
     left: 100px;
     top: 200px;
   }

   75% {
     background-color: #e2fcf4;
     left: -24px;
     top: 100px;
   }

   100% {
     background-color: #eee3ff;
     left: -24px;
     top: 0px;
   }
 }

 @keyframes moveShap {
   0% {
     left: 0px;
     top: 0px;
   }

   25% {
     left: 100px;
     top: 0px;
   }

   50% {
     left: 100px;
     top: 100px;
   }

   75% {
     left: 0px;
     top: 200px;
   }

   100% {
     left: 0px;
     top: 0px;
   }
 }

 @keyframes moveShap2 {
   0% {
     right: 0px;
     top: 0px;
   }

   25% {
     right: 100px;
     top: 0px;
   }

   50% {
     right: 100px;
     top: 100px;
   }

   75% {
     right: 0px;
     top: 200px;
   }

   100% {
     right: 0px;
     top: 0px;
   }
 }

 /* Heartbeat frame*/
 @-webkit-keyframes heartbeat {
   to {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
   }
 }

 @keyframes heartbeat {
   to {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
   }
 }

 /* Rotation frame*/
 @keyframes rotation {
   to {
     transform: rotate(360deg);
   }
 }

 .rotation {
   animation: rotation 50s infinite linear;
 }

 /* pulseBig */
 @keyframes pulseBig {
   0% {
     box-shadow: 0 0 0 0 rgba(55, 140, 255, 0.2);
   }

   50% {
     box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
   }

   100% {
     box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
   }
 }

 .scaleUp1 {
   -webkit-animation-name: scaleUp1;
   animation-name: scaleUp1;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
 }

 @-webkit-keyframes scaleUp1 {
   0% {
     -webkit-transform: translateY(1);
     transform: translateY(1);
   }

   20% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px);
   }

   40% {
     -webkit-transform: translateY(1);
     transform: translateY(1);
   }

   80% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px);
   }

   100% {
     -webkit-transform: translateY(1);
     transform: translateY(1);
   }
 }

 @keyframes scaleUp1 {
   0% {
     -webkit-transform: translateY(1);
     transform: translateY(1);
   }

   20% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px);
   }

   40% {
     -webkit-transform: translateY(1);
     transform: translateY(1);
   }

   80% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px);
   }

   100% {
     -webkit-transform: translateY(1);
     transform: translateY(1);
   }
 }

 @keyframes runs {
   0% {
     transform: translateY(0) rotate(90deg);
   }

   50% {
     transform: translateY(300px) rotate(90deg);
   }

   100% {
     transform: translateY(-300px) rotate(180deg);
   }
 }

 @-webkit-keyframes runs {
   0% {
     transform: translateY(0) rotate(90deg);
   }

   50% {
     transform: translateY(300px) rotate(90deg);
   }

   100% {
     transform: translateY(-300px) rotate(180deg);
   }
 }

 @-moz-keyframes runs {
   0% {
     transform: translateY(0) rotate(90deg);
   }

   50% {
     transform: translateY(300px) rotate(90deg);
   }

   100% {
     transform: translateY(-300px) rotate(180deg);
   }
 }

 @-o-keyframes runs {
   0% {
     transform: translateY(0) rotate(90deg);
   }

   50% {
     transform: translateY(300px) rotate(90deg);
   }

   100% {
     transform: translateY(-300px) rotate(180deg);
   }
 }

 @keyframes zoomIncolor {
   0% {
     transform: scale(0.8);
   }

   50% {
     transform: scale(1);
     background: var(--cor-primaria);
     opacity: 0.5;
   }

   100% {
     transform: scale(1.3);
     background: var(--cor-primaria);
     opacity: 0.8;
   }
 }

 @-webkit-keyframes zoomIncolor {
   0% {
     transform: scale(0.8);
   }

   50% {
     transform: scale(1);
     background: var(--cor-primaria);
     opacity: 0.5;
   }

   100% {
     transform: scale(1.3);
     background: var(--cor-primaria);
     opacity: 0.8;
   }
 }

 @-moz-keyframes zoomIncolor {
   0% {
     transform: scale(0.8);
   }

   50% {
     transform: scale(1);
     background: var(--cor-primaria);
     opacity: 0.5;
   }

   100% {
     transform: scale(1.3);
     background: var(--cor-primaria);
     opacity: 0.8;
   }
 }

 @keyframes squareMove {
   0% {
     transform: translateX(0px) rotate(0deg);
   }

   33% {
     transform: translateY(-100px) rotate(180deg);
   }

   66% {
     transform: translateX(200px) rotate(-90deg);
   }

   100% {
     transform: translateX(0px) rotate(0deg);
   }
 }

 @-webkit-keyframes squareMove {
   0% {
     transform: translateX(0px);
   }

   33% {
     transform: translateY(-100px);
   }

   66% {
     transform: translateX(200px);
   }

   100% {
     transform: translateX(0px);
   }
 }

 @-moz-keyframes squareMove {
   0% {
     transform: translateX(0px);
   }

   33% {
     transform: translateY(-100px);
   }

   66% {
     transform: translateX(200px);
   }

   100% {
     transform: translateX(0px);
   }
 }

 @keyframes float-bob {
   0% {
     transform: translateY(0px);
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
   }

   50% {
     transform: translateY(-100px);
     -webkit-transform: translateY(-100px);
     -moz-transform: translateY(-100px);
     -ms-transform: translateY(-100px);
     -o-transform: translateY(-100px);
   }

   100% {
     transform: translateY(0px);
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
   }
 }

 .movingX {
   animation: movingX 8s linear infinite;
 }

 @keyframes movingX {
   0% {
     transform: translateX(0);
   }

   50% {
     transform: translateX(50px);
   }

   100% {
     transform: translateX(0);
   }
 }

 .jump {
   animation: jumpAni 7s linear infinite;
 }

 @keyframes jumpAni {
   0% {
     transform: translateY(0);
   }

   40% {
     transform: translateY(-30px);
   }

   100% {
     transform: translateY(0);
   }
 }

 .jump-reverse {
   animation: jumpReverseAni 7s linear infinite;
 }

 @keyframes jumpReverseAni {
   0% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(30px);
   }

   100% {
     transform: translateY(0);
   }
 }

 .spin {
   animation: spin 15s linear infinite;
 }

 @keyframes spin {
   0% {
     transform: rotate(0);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes rotate {
   0% {
     transform: rotate(0);
   }

   50% {
     transform: rotate(40deg);
   }

   100% {
     transform: rotate(0);
   }
 }

 @keyframes marqueslide {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(-100%);
   }
 }

 .jump {
   animation: jumpAni 7s linear infinite;
 }

 @keyframes jumpAni {
   0% {
     transform: translateY(0);
   }

   40% {
     transform: translateY(-30px);
   }

   100% {
     transform: translateY(0);
   }
 }

 .jump-reverse {
   animation: jumpReverseAni 7s linear infinite;
 }

 @keyframes jumpReverseAni {
   0% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(30px);
   }

   100% {
     transform: translateY(0);
   }
 }

 @-webkit-keyframes fade-in {
   0% {
     opacity: 0.2;
   }

   40% {
     opacity: 1;
   }

   100% {
     opacity: 0.2;
   }
 }

 @keyframes fade-in {
   0% {
     opacity: 0.2;
   }

   40% {
     opacity: 1;
   }

   100% {
     opacity: 0.2;
   }
 }

 @keyframes hvr-ripple-out {
   0% {
     top: -5px;
     right: -5px;
     bottom: -5px;
     left: -5px;
   }

   50% {
     top: -15px;
     right: -15px;
     bottom: -15px;
     left: -15px;
     opacity: 0.8;
   }

   100% {
     top: -5px;
     right: -5px;
     bottom: -5px;
     left: -5px;
     opacity: 1;
   }
 }

 @keyframes hvr-ripple-out-two {
   0% {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
   }

   100% {
     top: -30px;
     right: -30px;
     bottom: -30px;
     left: -30px;
     opacity: 0;
   }
 }

 @-webkit-keyframes scale-up-one {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes scale-up-one {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @-webkit-keyframes scale-up-two {
   0% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   40% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }

   100% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }
 }

 @keyframes scale-up-two {
   0% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   40% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }

   100% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }
 }

 @-webkit-keyframes scale-up-three {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(2);
     transform: scale(2);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes scale-up-three {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(2);
     transform: scale(2);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
 .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }

 .animated.hinge {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
 }

 @-webkit-keyframes bounce {

   0%,
   20%,
   50%,
   80%,
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   40% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   60% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px);
   }
 }

 @keyframes bounce {

   0%,
   20%,
   50%,
   80%,
   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   40% {
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   60% {
     -webkit-transform: translateY(-15px);
     -ms-transform: translateY(-15px);
     transform: translateY(-15px);
   }
 }

 .bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce;
 }

 @-webkit-keyframes flash {

   0%,
   50%,
   100% {
     opacity: 1;
   }

   25%,
   75% {
     opacity: 0;
   }
 }

 @keyframes flash {

   0%,
   50%,
   100% {
     opacity: 1;
   }

   25%,
   75% {
     opacity: 0;
   }
 }

 .flash {
   -webkit-animation-name: flash;
   animation-name: flash;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   50% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }

   50% {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }
 }

 .pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse;
 }

 @-webkit-keyframes shake {

   0%,
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   10%,
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
   }
 }

 @keyframes shake {

   0%,
   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   10%,
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px);
   }
 }

 .shake {
   -webkit-animation-name: shake;
   animation-name: shake;
 }

 @-webkit-keyframes swing {
   20% {
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg);
   }

   40% {
     -webkit-transform: rotate(-10deg);
     transform: rotate(-10deg);
   }

   60% {
     -webkit-transform: rotate(5deg);
     transform: rotate(5deg);
   }

   80% {
     -webkit-transform: rotate(-5deg);
     transform: rotate(-5deg);
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
 }

 @keyframes swing {
   20% {
     -webkit-transform: rotate(15deg);
     -ms-transform: rotate(15deg);
     transform: rotate(15deg);
   }

   40% {
     -webkit-transform: rotate(-10deg);
     -ms-transform: rotate(-10deg);
     transform: rotate(-10deg);
   }

   60% {
     -webkit-transform: rotate(5deg);
     -ms-transform: rotate(5deg);
     transform: rotate(5deg);
   }

   80% {
     -webkit-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     transform: rotate(-5deg);
   }

   100% {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
   }
 }

 .swing {
   -webkit-transform-origin: top center;
   -ms-transform-origin: top center;
   transform-origin: top center;
   -webkit-animation-name: swing;
   animation-name: swing;
 }

 @-webkit-keyframes tada {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg);
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg);
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg);
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
   }
 }

 @keyframes tada {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     -ms-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg);
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     -ms-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg);
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     -ms-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg);
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     -ms-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
   }
 }

 .tada {
   -webkit-animation-name: tada;
   animation-name: tada;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes wobble {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }

   15% {
     -webkit-transform: translateX(-25%) rotate(-5deg);
     transform: translateX(-25%) rotate(-5deg);
   }

   30% {
     -webkit-transform: translateX(20%) rotate(3deg);
     transform: translateX(20%) rotate(3deg);
   }

   45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg);
   }

   60% {
     -webkit-transform: translateX(10%) rotate(2deg);
     transform: translateX(10%) rotate(2deg);
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg);
   }

   100% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }
 }

 @keyframes wobble {
   0% {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
   }

   15% {
     -webkit-transform: translateX(-25%) rotate(-5deg);
     -ms-transform: translateX(-25%) rotate(-5deg);
     transform: translateX(-25%) rotate(-5deg);
   }

   30% {
     -webkit-transform: translateX(20%) rotate(3deg);
     -ms-transform: translateX(20%) rotate(3deg);
     transform: translateX(20%) rotate(3deg);
   }

   45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     -ms-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg);
   }

   60% {
     -webkit-transform: translateX(10%) rotate(2deg);
     -ms-transform: translateX(10%) rotate(2deg);
     transform: translateX(10%) rotate(2deg);
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     -ms-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg);
   }

   100% {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
   }
 }

 .wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble;
 }

 @-webkit-keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.3);
     transform: scale(0.3);
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     transform: scale(1.05);
   }

   70% {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.3);
     -ms-transform: scale(0.3);
     transform: scale(0.3);
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
   }

   70% {
     -webkit-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }
 }

 .bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
 }

 @-webkit-keyframes bounceInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
   }

   80% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes bounceInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
   }

   80% {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown;
 }

 @-webkit-keyframes bounceInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
   }

   80% {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes bounceInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(30px);
     -ms-transform: translateX(30px);
     transform: translateX(30px);
   }

   80% {
     -webkit-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     transform: translateX(-10px);
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft;
 }

 @-webkit-keyframes bounceInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px);
   }

   80% {
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes bounceInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(-30px);
     -ms-transform: translateX(-30px);
     transform: translateX(-30px);
   }

   80% {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px);
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight;
 }

 @-webkit-keyframes bounceInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   80% {
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes bounceInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px);
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px);
   }

   80% {
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px);
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp;
 }

 @-webkit-keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   25% {
     -webkit-transform: scale(0.95);
     transform: scale(0.95);
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(0.3);
     transform: scale(0.3);
   }
 }

 @keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }

   25% {
     -webkit-transform: scale(0.95);
     -ms-transform: scale(0.95);
     transform: scale(0.95);
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(0.3);
     -ms-transform: scale(0.3);
     transform: scale(0.3);
   }
 }

 .bounceOut {
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut;
 }

 @-webkit-keyframes bounceOutDown {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px);
   }
 }

 @keyframes bounceOutDown {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px);
   }
 }

 .bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown;
 }

 @-webkit-keyframes bounceOutLeft {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(20px);
     transform: translateX(20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }
 }

 @keyframes bounceOutLeft {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }
 }

 .bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft;
 }

 @-webkit-keyframes bounceOutRight {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px);
   }
 }

 @keyframes bounceOutRight {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px);
   }
 }

 .bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight;
 }

 @-webkit-keyframes bounceOutUp {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(20px);
     transform: translateY(20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }
 }

 @keyframes bounceOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }
 }

 .bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp;
 }

 @-webkit-keyframes fadeIn {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @keyframes fadeIn {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 .fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
 }

 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
 }

 @-webkit-keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig;
 }

 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
 }

 @-webkit-keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig;
 }

 @-webkit-keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
 }

 @-webkit-keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig;
 }

 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
 }

 @-webkit-keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .fadeInUpBig {
   -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig;
 }

 @-webkit-keyframes fadeOut {
   0% {
     opacity: 1;
   }

   100% {
     opacity: 0;
   }
 }

 @keyframes fadeOut {
   0% {
     opacity: 1;
   }

   100% {
     opacity: 0;
   }
 }

 .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
 }

 @-webkit-keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px);
   }
 }

 @keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
   }
 }

 .fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown;
 }

 @-webkit-keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px);
   }
 }

 @keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px);
   }
 }

 .fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig;
 }

 @-webkit-keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px);
   }
 }

 @keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px);
   }
 }

 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
 }

 @-webkit-keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }
 }

 @keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }
 }

 .fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig;
 }

 @-webkit-keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px);
   }
 }

 @keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px);
   }
 }

 .fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight;
 }

 @-webkit-keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px);
   }
 }

 @keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px);
   }
 }

 .fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig;
 }

 @-webkit-keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }
 }

 @keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
   }
 }

 .fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp;
 }

 @-webkit-keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }
 }

 @keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }
 }

 .fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig;
 }

 @-webkit-keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 }

 @keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 }

 .animated.flip {
   -webkit-backface-visibility: visible;
   -ms-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation-name: flip;
   animation-name: flip;
 }

 @-webkit-keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0;
   }

   40% {
     -webkit-transform: perspective(400px) rotateX(-10deg);
     transform: perspective(400px) rotateX(-10deg);
   }

   70% {
     -webkit-transform: perspective(400px) rotateX(10deg);
     transform: perspective(400px) rotateX(10deg);
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1;
   }
 }

 @keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0;
   }

   40% {
     -webkit-transform: perspective(400px) rotateX(-10deg);
     -ms-transform: perspective(400px) rotateX(-10deg);
     transform: perspective(400px) rotateX(-10deg);
   }

   70% {
     -webkit-transform: perspective(400px) rotateX(10deg);
     -ms-transform: perspective(400px) rotateX(10deg);
     transform: perspective(400px) rotateX(10deg);
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1;
   }
 }

 .flipInX {
   -webkit-backface-visibility: visible !important;
   -ms-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInX;
   animation-name: flipInX;
 }

 @-webkit-keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0;
   }

   40% {
     -webkit-transform: perspective(400px) rotateY(-10deg);
     transform: perspective(400px) rotateY(-10deg);
   }

   70% {
     -webkit-transform: perspective(400px) rotateY(10deg);
     transform: perspective(400px) rotateY(10deg);
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1;
   }
 }

 @keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0;
   }

   40% {
     -webkit-transform: perspective(400px) rotateY(-10deg);
     -ms-transform: perspective(400px) rotateY(-10deg);
     transform: perspective(400px) rotateY(-10deg);
   }

   70% {
     -webkit-transform: perspective(400px) rotateY(10deg);
     -ms-transform: perspective(400px) rotateY(10deg);
     transform: perspective(400px) rotateY(10deg);
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1;
   }
 }

 .flipInY {
   -webkit-backface-visibility: visible !important;
   -ms-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInY;
   animation-name: flipInY;
 }

 @-webkit-keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0;
   }
 }

 @keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0;
   }
 }

 .flipOutX {
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   -ms-backface-visibility: visible !important;
   backface-visibility: visible !important;
 }

 @-webkit-keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0;
   }
 }

 @keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0;
   }
 }

 .flipOutY {
   -webkit-backface-visibility: visible !important;
   -ms-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipOutY;
   animation-name: flipOutY;
 }

 @-webkit-keyframes lightSpeedIn {
   0% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0;
   }

   60% {
     -webkit-transform: translateX(-20%) skewX(30deg);
     transform: translateX(-20%) skewX(30deg);
     opacity: 1;
   }

   80% {
     -webkit-transform: translateX(0%) skewX(-15deg);
     transform: translateX(0%) skewX(-15deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1;
   }
 }

 @keyframes lightSpeedIn {
   0% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0;
   }

   60% {
     -webkit-transform: translateX(-20%) skewX(30deg);
     -ms-transform: translateX(-20%) skewX(30deg);
     transform: translateX(-20%) skewX(30deg);
     opacity: 1;
   }

   80% {
     -webkit-transform: translateX(0%) skewX(-15deg);
     -ms-transform: translateX(0%) skewX(-15deg);
     transform: translateX(0%) skewX(-15deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1;
   }
 }

 .lightSpeedIn {
   -webkit-animation-name: lightSpeedIn;
   animation-name: lightSpeedIn;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
 }

 @-webkit-keyframes lightSpeedOut {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0;
   }
 }

 @keyframes lightSpeedOut {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1;
   }

   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0;
   }
 }

 .lightSpeedOut {
   -webkit-animation-name: lightSpeedOut;
   animation-name: lightSpeedOut;
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
 }

 @-webkit-keyframes rotateIn {
   0% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(-200deg);
     transform: rotate(-200deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 @keyframes rotateIn {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(-200deg);
     -ms-transform: rotate(-200deg);
     transform: rotate(-200deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 .rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn;
 }

 @-webkit-keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 @keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 .rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft;
 }

 @-webkit-keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 @keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 .rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight;
 }

 @-webkit-keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 @keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 .rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft;
 }

 @-webkit-keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 @keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }

 .rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight;
 }

 @-webkit-keyframes rotateOut {
   0% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(200deg);
     transform: rotate(200deg);
     opacity: 0;
   }
 }

 @keyframes rotateOut {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(200deg);
     -ms-transform: rotate(200deg);
     transform: rotate(200deg);
     opacity: 0;
   }
 }

 .rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut;
 }

 @-webkit-keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }
 }

 @keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }
 }

 .rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft;
 }

 @-webkit-keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }
 }

 @keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }
 }

 .rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight;
 }

 @-webkit-keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }
 }

 @keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0;
   }
 }

 .rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft;
 }

 @-webkit-keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }
 }

 @keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0;
   }
 }

 .rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight;
 }

 @-webkit-keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes slideInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(150px);
     -ms-transform: translateY(150px);
     transform: translateY(150px);
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
 }

 @keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }
 }

 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown;
 }

 @-webkit-keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-200px);
     -ms-transform: translateX(-200px);
     transform: translateX(-200px);
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft;
 }

 @-webkit-keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(200px);
     -ms-transform: translateX(200px);
     transform: translateX(200px);
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }
 }

 .slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight;
 }

 @-webkit-keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }
 }

 @keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px);
   }
 }

 .slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft;
 }

 @-webkit-keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px);
   }
 }

 @keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px);
   }
 }

 .slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight;
 }

 @-webkit-keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }
 }

 @keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px);
   }
 }

 .slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
 }

 @-webkit-keyframes hinge {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   20%,
   60% {
     -webkit-transform: rotate(80deg);
     transform: rotate(80deg);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   40% {
     -webkit-transform: rotate(60deg);
     transform: rotate(60deg);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   80% {
     -webkit-transform: rotate(60deg) translateY(0);
     transform: rotate(60deg) translateY(0);
     opacity: 1;
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   100% {
     -webkit-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0;
   }
 }

 @keyframes hinge {
   0% {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   20%,
   60% {
     -webkit-transform: rotate(80deg);
     -ms-transform: rotate(80deg);
     transform: rotate(80deg);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   40% {
     -webkit-transform: rotate(60deg);
     -ms-transform: rotate(60deg);
     transform: rotate(60deg);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   80% {
     -webkit-transform: rotate(60deg) translateY(0);
     -ms-transform: rotate(60deg) translateY(0);
     transform: rotate(60deg) translateY(0);
     opacity: 1;
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
   }

   100% {
     -webkit-transform: translateY(700px);
     -ms-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0;
   }
 }

 .hinge {
   -webkit-animation-name: hinge;
   animation-name: hinge;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg);
   }
 }

 @keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     -ms-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg);
   }
 }

 .rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg);
   }
 }

 @keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg);
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     -ms-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg);
   }
 }

 .rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut;
 }

 @-webkit-keyframes jump {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   40% {
     -webkit-transform: translate3d(0, 50%, 0);
     transform: translate3d(0, 50%, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @keyframes jump {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   40% {
     -webkit-transform: translate3d(0, 50%, 0);
     transform: translate3d(0, 50%, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @-webkit-keyframes jumpTwo {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   40% {
     -webkit-transform: translate3d(0, 20px, 0);
     transform: translate3d(0, 20px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @keyframes jumpTwo {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   40% {
     -webkit-transform: translate3d(0, 20px, 0);
     transform: translate3d(0, 20px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @-webkit-keyframes jumpThree {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   40% {
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @keyframes jumpThree {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   40% {
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @-webkit-keyframes jumpFour {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   50% {
     -webkit-transform: translate3d(0, -10px, 0);
     transform: translate3d(0, -10px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @keyframes jumpFour {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   50% {
     -webkit-transform: translate3d(0, -10px, 0);
     transform: translate3d(0, -10px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @-webkit-keyframes jumpFive {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   50% {
     -webkit-transform: translate3d(0, 10px, 0);
     transform: translate3d(0, 10px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @keyframes jumpFive {
   0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }

   50% {
     -webkit-transform: translate3d(0, 10px, 0);
     transform: translate3d(0, 10px, 0);
   }

   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @-webkit-keyframes prXOne {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     -webkit-transform: translateX(-15px);
     transform: translateX(-15px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes prXOne {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     -webkit-transform: translateX(-15px);
     transform: translateX(-15px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @-webkit-keyframes prXTwo {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     -webkit-transform: translateX(15px);
     transform: translateX(15px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes prXTwo {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   50% {
     -webkit-transform: translateX(15px);
     transform: translateX(15px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @-webkit-keyframes rotated {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @keyframes rotated {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @-webkit-keyframes rotatedTwo {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   100% {
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg);
   }
 }

 @keyframes rotatedTwo {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   100% {
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg);
   }
 }

 @-webkit-keyframes rotatedHalf {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50% {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
   }

   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
 }

 @keyframes rotatedHalf {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50% {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
   }

   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
 }

 @-webkit-keyframes rotatedHalfTwo {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50% {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
   }

   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
 }

 @keyframes rotatedHalfTwo {
   0% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50% {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
   }

   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
 }

 @-webkit-keyframes scale-right {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }

   50% {
     -webkit-transform: translateX(20%);
     transform: translateX(20%);
   }

   100% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }
 }

 @keyframes scale-right {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }

   50% {
     -webkit-transform: translateX(20%);
     transform: translateX(20%);
   }

   100% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
   }
 }

 @-webkit-keyframes fade-in {
   0% {
     opacity: 0.2;
   }

   40% {
     opacity: 1;
   }

   100% {
     opacity: 0.2;
   }
 }

 @keyframes fade-in {
   0% {
     opacity: 0.2;
   }

   40% {
     opacity: 1;
   }

   100% {
     opacity: 0.2;
   }
 }

 @keyframes hvr-ripple-out {
   0% {
     top: -5px;
     right: -5px;
     bottom: -5px;
     left: -5px;
   }

   50% {
     top: -15px;
     right: -15px;
     bottom: -15px;
     left: -15px;
     opacity: 0.8;
   }

   100% {
     top: -5px;
     right: -5px;
     bottom: -5px;
     left: -5px;
     opacity: 1;
   }
 }

 @keyframes hvr-ripple-out-two {
   0% {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
   }

   100% {
     top: -30px;
     right: -30px;
     bottom: -30px;
     left: -30px;
     opacity: 0;
   }
 }

 @-webkit-keyframes scale-up-one {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes scale-up-one {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @-webkit-keyframes scale-up-two {
   0% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   40% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }

   100% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }
 }

 @keyframes scale-up-two {
   0% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }

   40% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }

   100% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
   }
 }

 @-webkit-keyframes scale-up-three {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(2);
     transform: scale(2);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes scale-up-three {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   40% {
     -webkit-transform: scale(2);
     transform: scale(2);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 /*-------------------------------------
theme-btn
---------------------------------------*/
 .ht-btn {
   overflow: hidden;
   color: var(--cor-claro);
   font-size: 18px;
   font-family: "Radio Canada Big", serif;
   font-weight: 700;
   line-height: 1;
   letter-spacing: 0.05px;
   background-color: var(--cor-secundaria2);
   padding: 23px 30px 20px 30px;
   border-radius: 40px;
   position: relative;
   z-index: 1;
   cursor: pointer;
   text-decoration: none;
   text-transform: uppercase;
   display: inline-block;
   -webkit-transition-duration: 800ms;
   transition-duration: 800ms;
   transition: all .3s;
 }

 /* .ht-btn::before {
   -webkit-transition-duration: 800ms;
   transition-duration: 800ms;
   position: absolute;
   width: 0px;
   height: 100%;
   content: "";
   left: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   background: var(--cor-escuro);
 } */

 .ht-btn:hover {
   color: var(--cor-claro);
   background: var(--cor-secundaria1);
 }

 .ht-btn:hover::before {
   width: 100%;
   height: 100%;
   right: 0;
   border-radius: 10px;
 }

 .ht-btn.style-2 {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 .ht-btn.style-2::before {
   background: var(--cor-claro);
 }

 .ht-btn.style-2:hover {
   background: var(--cor-claro);
   color: var(--preto);
 }

 @media only screen and (max-width: 767.98px) {
   .ht-btn {
     padding-left: 30px;
     padding-right: 30px;
   }
 }

 .btn-two {
   color: var(--cor-claro);
   font-size: 18px;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   line-height: 1;
   text-transform: uppercase;
   display: inline-block;
   position: relative;
   z-index: 1;
   cursor: pointer;
   text-decoration: none;
   transition: all;
 }

 .btn-two span {
   margin-left: 20px;
   position: relative;
   z-index: 1;
 }

 .btn-two span::after {
   content: "";
   position: absolute;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background: var(--cor-primaria);
   right: -16px;
   top: 50%;
   transform: translateY(-50%);
   z-index: -1;
 }

 .btn-two:hover {
   color: var(--cor-primaria);
 }

 .btn-three {
   color: var(--cor-claro);
   border: 2px solid var(--cor-claro);
   background: transparent;
 }

 .btn-three::before {
   background: var(--cor-escuro);
 }

 .btn-three:hover {
   color: var(--cor-secundaria2);
   border-color: var(--cor-secundaria2);
 }

 .btn-four {
   color: var(--preto);
   font-size: 18px;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   line-height: 1;
   text-transform: uppercase;
   padding: 21px 51px;
   border: 1.5px solid var(--preto);
   background: var(--cor-primaria);
   border-radius: 38px;
   display: inline-block;
   position: relative;
   z-index: 1;
   cursor: pointer;
   text-decoration: none;
   display: inline-block;
   transition: all;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .btn-four img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   display: inline-block;
   margin-left: 20px;
 }

 .btn-four:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 .btn-four:hover img {
   filter: invert(1);
 }

 .btn-five {
   color: var(--preto);
   font-size: 18px;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   line-height: 1;
   text-transform: uppercase;
   padding: 20px 50px 20px 53px;
   border: 1.5px solid var(--preto);
   background: var(--cor-primaria);
   border-radius: 38px;
   display: inline-block;
   position: relative;
   z-index: 1;
   cursor: pointer;
   text-decoration: none;
   display: inline-block;
   transition: all;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .btn-five img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   display: inline-block;
   margin-left: 20px;
 }

 .btn-five:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 .btn-five:hover img {
   filter: invert(1);
 }

 @media only screen and (max-width: 991.98px) {
   .btn-five {
     padding-left: 25px;
     padding-right: 25px;
   }
 }

 ul.slick-dots {
   padding: 0;
   margin: 0;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   margin-top: 45px;
   text-align: center;
 }

 ul.slick-dots li {
   display: inline-block;
   border: 0;
   width: unset;
   height: unset;
 }

 ul.slick-dots li button {
   border: 0;
   font-size: 0;
   width: 17px;
   height: 17px;
   margin: 0px 7px 0px 7px;
   border: 1.5px solid var(--preto);
   padding: 0;
   border-radius: 50%;
   background: transparent;
 }

 ul.slick-dots li.slick-active button {
   width: 17px;
   height: 17px;
   background: var(--preto);
   transform: translateY(-1px);
 }

 .dot-style-1 ul.slick-dots {
   margin-top: 0;
 }

 .dot-style-2 ul.slick-dots {
   margin-top: 0;
 }

 .dot-style-2 ul.slick-dots li button {
   background: rgba(0, 0, 0, 0.1);
 }

 .dot-style-2 ul.slick-dots li.slick-active button {
   background: var(--cor-primaria);
 }

 .dot-style-3 ul.slick-dots {
   margin-top: 0;
 }

 .dot-style-3 ul.slick-dots li button {
   background: rgba(0, 0, 0, 0.1);
 }

 .dot-style-3 ul.slick-dots li.slick-active button {
   background: var(--cor-escuro);
 }

 .arrow-style-1 .slick-prev,
 .arrow-style-1 .slick-next,
 .arrow-style-1 .next-p1,
 .arrow-style-1 .prev-p1,
 .arrow-style-1 .slick-arrow {
   background: transparent;
   padding: 0;
   display: inline-flex;
   align-items: center;
   position: relative;
   z-index: 1;
   border: 0;
   cursor: pointer;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .arrow-style-1 .slick-prev::before,
 .arrow-style-1 .slick-next::before,
 .arrow-style-1 .next-p1::before,
 .arrow-style-1 .prev-p1::before,
 .arrow-style-1 .slick-arrow::before {
   content: "";
   position: absolute;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   right: -23px;
   top: -23px;
   border: 1px solid var(--cor-escuro);
   z-index: -1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .arrow-style-1 .slick-prev::after,
 .arrow-style-1 .slick-next::after,
 .arrow-style-1 .next-p1::after,
 .arrow-style-1 .prev-p1::after,
 .arrow-style-1 .slick-arrow::after {
   content: "";
   position: absolute;
   background: var(--cor-escuro);
   width: 26px;
   height: 2px;
   left: 0;
   top: 7px;
   z-index: 3;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .arrow-style-1 .slick-prev img,
 .arrow-style-1 .slick-next img,
 .arrow-style-1 .next-p1 img,
 .arrow-style-1 .prev-p1 img,
 .arrow-style-1 .slick-arrow img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .arrow-style-1 .slick-prev:hover::before,
 .arrow-style-1 .slick-next:hover::before,
 .arrow-style-1 .next-p1:hover::before,
 .arrow-style-1 .prev-p1:hover::before,
 .arrow-style-1 .slick-arrow:hover::before {
   border-color: var(--cor-primaria);
   background: var(--cor-primaria);
 }

 .arrow-style-1 .slick-prev {
   justify-content: end;
   margin-right: 20px;
 }

 .arrow-style-1 .slick-prev::before {
   left: -23px;
   right: auto;
 }

 .arrow-style-1 .slick-prev::after {
   left: auto;
   right: 0;
 }

 .arrow-style-2 .slick-arrow,
 .arrow-style-2 .slick-prev,
 .arrow-style-2 .slick-next,
 .arrow-style-4 .slick-arrow,
 .arrow-style-4 .slick-prev,
 .arrow-style-4 .slick-next {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   border: 2px solid var(--preto);
   text-align: center;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: transparent;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .arrow-style-2 .slick-arrow:hover,
 .arrow-style-2 .slick-prev:hover,
 .arrow-style-2 .slick-next:hover,
 .arrow-style-4 .slick-arrow:hover,
 .arrow-style-4 .slick-prev:hover,
 .arrow-style-4 .slick-next:hover {
   background: var(--cor-secundaria2);
   border-color: var(--cor-secundaria2);
 }

 .arrow-style-2 .prev-p1,
 .arrow-style-4 .prev-p1 {
   justify-content: end;
   margin-right: 20px;
 }

 .arrow-style-2 .prev-p1::before,
 .arrow-style-4 .prev-p1::before {
   left: -23px;
   right: auto;
 }

 .arrow-style-2 .prev-p1::after,
 .arrow-style-4 .prev-p1::after {
   left: auto;
   right: 0;
 }

 .arrow-style-4 .slick-arrow {
   border-color: var(--cor-claro);
 }

 .arrow-style-4 .slick-arrow img {
   filter: invert(1);
 }

 .arrow-style-4 .slick-arrow:hover img {
   filter: invert(0);
 }

 .arrow-style-3 .slick-arrow {
   background: var(--preto);
   border: 0;
   width: 90px;
   height: 90px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   border-radius: 15px 0 15px 0;
   position: relative;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .arrow-style-3 .slick-arrow img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .arrow-style-3 .slick-arrow::before {
   content: "";
   position: absolute;
   left: -12px;
   top: -12px;
   background: #DEEBDC;
   width: 102px;
   height: 102px;
   border-radius: 20px 0 15px 0;
   z-index: -2;
 }

 .arrow-style-3 .slick-arrow:hover {
   background: var(--cor-primaria);
 }

 .arrow-style-3 .slick-arrow:hover img {
   filter: invert(1);
 }

 .feature-slider-wrap {
   position: relative;
   z-index: 1;
 }

 .feature-slider-wrap .feature-arrow-border {
   width: 100%;
   height: 2px;
   background: var(--preto);
   position: absolute;
   z-index: -1;
 }

 .feature-slider-wrap .arrow-style-2 {
   position: absolute;
   bottom: -30px;
   right: 23.5%;
 }

 .feature-slider-wrap.border-arrow-2 .arrow-style-2 {
   width: max-content;
   right: 40%;
 }

 .number-wrapper {
   position: relative;
   z-index: 1;
 }

 .number-wrapper::before {
   content: "";
   background: var(--preto);
   width: 229px;
   height: 1.5px;
   position: relative;
   left: 0;
   top: -6px;
   display: inline-block;
   margin-right: 35px;
 }

 .number-wrapper .number-pagination {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   display: inline-block;
   line-height: 1;
 }

 .number-wrapper .total-pagination {
   font-size: 20px;
   color: rgba(0, 0, 0, 0.3);
   display: inline-block;
   line-height: 1;
 }

 .number-wrapper .divider-line {
   width: 2px;
   height: 17px;
   background: rgba(0, 0, 0, 0.3);
   display: inline-block;
   margin: 0 6px 0 4px;
   line-height: 1;
   transform: rotate(20deg) translateY(1px);
 }

 .number-wrapper-2 {
   display: inline-flex;
   position: absolute;
   left: 70px;
   bottom: 81px;
   z-index: 2;
   transform: rotate(-90deg);
 }

 .number-wrapper-2 .number-pagination {
   font-size: 22px;
   font-weight: 500;
   font-family: "Satoshi-Regular";
   color: var(--preto);
 }

 @media only screen and (max-width: 991.98px) {
   .number-wrapper-2 {
     left: 0;
     bottom: 0;
   }
 }

 .faq-que-list .accordion-item:first-of-type>.accordion-header .accordion-button {
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
 }

 .faq-que-list .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
 }

 .faq-que-list .accordion-item {
   border: 0;
   background-color: transparent;
   margin-bottom: 30px;
 }

 .faq-que-list .accordion-item button:focus,
 .faq-que-list .accordion-item input:focus,
 .faq-que-list .accordion-item input:focus,
 .faq-que-list .accordion-item textarea,
 .faq-que-list .accordion-item textarea:focus {
   outline: 0;
 }

 .faq-que-list .accordion-item .accordion-button {
   border: 0;
   border-radius: 0;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border: 1px solid var(--cor-escuro);
   transition: unset;
   color: var(--cor-claro);
   font-size: 26px;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   line-height: 1.875rem;
   box-shadow: none;
   background: var(--cor-escuro);
   padding: 0;
   padding: 34px 0 24px 20px;
   position: relative;
   box-shadow: 0;
   -webkit-transition: unset;
   -moz-transition: unset;
   -ms-transition: unset;
   -o-transition: unset;
   word-wrap: normal;
   display: inline-block;
 }

 .faq-que-list .accordion-item .accordion-button.collapsed {
   border: 0;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 15px;
   padding-bottom: 30px;
   background: transparent;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .faq-que-list .accordion-item .accordion-button {
     padding: 21px 20px;
     font-size: 20px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .faq-que-list .accordion-item .accordion-button {
     padding: 21px 20px;
     font-size: 18px;
   }
 }

 @media (max-width: 767px) {
   .faq-que-list .accordion-item .accordion-button {
     padding: 21px 10px;
     font-size: 18px;
   }
 }

 .faq-que-list .accordion-item .accordion-button:focus {
   box-shadow: none;
   outline: 0;
 }

 .faq-que-list .accordion-item .accordion-button::before {
   content: "\f282";
   position: absolute;
   font-family: "bootstrap-icons";
   font-size: 25px;
   font-weight: 300;
   color: var(--cor-claro);
   text-align: center;
   border-radius: 50%;
   right: 20px;
   top: 50%;
   transform: translateY(-50%) rotate(180deg);
   transition: 0.3s linear;
   z-index: 1;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .faq-que-list .accordion-item .accordion-button::before {
     right: 10px;
     font-size: 16px;
   }
 }

 @media (max-width: 767px) {
   .faq-que-list .accordion-item .accordion-button::before {
     color: var(--cor-claro);
     right: 5px;
     font-size: 16px;
   }
 }

 .faq-que-list .accordion-item .accordion-button::after {
   display: none;
 }

 .faq-que-list .accordion-item .collapsed {
   color: var(--cor-escuro);
   border: 0;
 }

 .faq-que-list .accordion-item .collapsed::before {
   content: "\f286";
   color: var(--cor-escuro);
   transform: translateY(-50%) rotate(0deg);
 }

 .faq-que-list .accordion-item .accordion-body {
   padding-top: 15px;
   background: var(--cor-escuro);
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
   border-top: 1px solid rgba(255, 255, 255, 0.5);
 }

 .faq-que-list .accordion-item .accordion-body p {
   color: var(--cor-claro);
 }

 @media only screen and (max-width: 991.98px) {
   .faq-que-list .accordion-item {
     font-size: 20px;
   }
 }

 .faq-style-2 .accordion-item {
   border-radius: 15px;
 }

 .faq-style-2 .accordion-item .accordion-button {
   background: transparent;
   color: var(--cor-escuro);
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom: 0;
   border-color: var(--cor-escuro);
 }

 .faq-style-2 .accordion-item .accordion-button::before {
   content: "\f2ea";
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
 }

 .faq-style-2 .accordion-item .accordion-button.collapsed {
   border: 0;
   border: 1px solid rgba(0, 0, 0, 0.2);
 }

 .faq-style-2 .accordion-item .collapsed {
   border: 0;
 }

 .faq-style-2 .accordion-item .collapsed::before {
   content: "\f4fe";
   color: var(--cor-claro);
   background: var(--cor-escuro);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   transform: translateY(-50%) rotate(0deg);
 }

 .faq-style-2 .accordion-item .accordion-body {
   background: transparent;
   border: 1px solid var(--cor-escuro);
   border-top: 0;
   padding-top: 0;
 }

 .faq-style-2 .accordion-item .accordion-body p {
   color: var(--cor-escuro);
 }

 .faq-style-3 .accordion-item {
   border-radius: 15px;
 }

 .faq-style-3 .accordion-item .accordion-button {
   background: transparent;
   color: var(--preto);
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom: 0;
   border-color: var(--preto);
 }

 .faq-style-3 .accordion-item .accordion-button::before {
   content: "\f2ea";
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
 }

 .faq-style-3 .accordion-item .accordion-button.collapsed {
   border: 0;
   border: 1px solid rgba(0, 0, 0, 0.2);
 }

 @media only screen and (max-width: 991.98px) {
   .faq-style-3 .accordion-item .accordion-button {
     font-size: 20px;
   }
 }

 .faq-style-3 .accordion-item .collapsed {
   border: 0;
 }

 .faq-style-3 .accordion-item .collapsed::before {
   content: "\f4fe";
   color: var(--cor-claro);
   background: var(--preto);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   transform: translateY(-50%) rotate(0deg);
 }

 .faq-style-3 .accordion-item .accordion-body {
   background: transparent;
   border: 1px solid var(--preto);
   border-top: 0;
   padding-top: 0;
 }

 .faq-style-3 .accordion-item .accordion-body p {
   color: var(--preto);
 }

 .faq-style-4 .accordion-item {
   border-radius: 15px;
 }

 .faq-style-4 .accordion-item .accordion-button {
   background: transparent;
   color: var(--preto);
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-bottom: 0;
   border-color: var(--preto);
 }

 .faq-style-4 .accordion-item .accordion-button::before {
   content: "\f2ea";
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
 }

 .faq-style-4 .accordion-item .accordion-button.collapsed {
   border: 0;
   border: 1px solid rgba(0, 0, 0, 0.2);
 }

 .faq-style-4 .accordion-item .collapsed {
   border: 0;
 }

 .faq-style-4 .accordion-item .collapsed::before {
   content: "\f4fe";
   color: var(--cor-claro);
   background: var(--preto);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   transform: translateY(-50%) rotate(0deg);
 }

 .faq-style-4 .accordion-item .accordion-body {
   background: transparent;
   border: 1px solid var(--preto);
   border-top: 0;
   padding-top: 0;
 }

 .faq-style-4 .accordion-item .accordion-body p {
   color: var(--preto);
 }

 .faq-style-5 .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }

 .faq-style-5 .accordion-item {
   border-radius: 15px;
 }

 .faq-style-5 .accordion-item .accordion-button {
   background: transparent;
   color: var(--cor-escuro);
   border: 0;
   padding-left: 0;
   padding-right: 0;
 }

 .faq-style-5 .accordion-item .accordion-button::before {
   content: "\f2ea";
   color: var(--cor-claro);
   background: var(--cor-secundaria1);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   right: 0;
 }

 .faq-style-5 .accordion-item .accordion-button.collapsed {
   border: 0;
   border-radius: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .faq-style-5 .accordion-item .collapsed {
   border: 0;
 }

 .faq-style-5 .accordion-item .collapsed::before {
   content: "\f4fe";
   color: var(--cor-claro);
   background: var(--cor-secundaria2);
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   right: 0;
   transform: translateY(-50%) rotate(0deg);
 }

 .faq-style-5 .accordion-item .accordion-body {
   background: transparent;
   border: 0;
   border-radius: 0;
   border-bottom: 1px solid var(--preto);
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
 }

 .faq-style-5 .accordion-item .accordion-body p {
   color: var(--preto);
 }

 .feature-list-one {
   display: inline-flex;
   align-items: center;
   background: var(--cor-primaria);
   border-radius: 45px;
   padding: 7px 33px 7px 10px;
 }

 .feature-list-one .icon {
   display: inline-block;
   background: var(--cor-claro);
   width: 24px;
   height: 24px;
   border-radius: 50%;
   line-height: 24px;
   text-align: center;
   display: inline-block;
   margin-right: 10px;
 }

 .feature-list-one .feature-title {
   color: var(--preto);
   font-size: 18px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 0;
   line-height: 1;
 }

 @media only screen and (max-width: 1600px) {
   .feature-list-one .icon {
     margin-right: 5px;
   }
 }

 .feature-list-two {
   margin-bottom: 50px;
   padding: 15px 20px;
   border-width: 2px;
   border-style: solid;
   border-color: transparent transparent var(--preto) transparent;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-list-two .number {
   color: var(--preto);
   font-size: 26px;
   margin-right: 35px;
 }

 .feature-list-two .feature-title {
   color: var(--preto);
   font-size: 26px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
 }

 .feature-list-two:hover {
   background: var(--cor-primaria);
   border: 2px solid var(--preto);
   border-radius: 15px;
 }

 @media only screen and (max-width: 1200px) {
   .feature-list-two .feature-title {
     font-size: 18px;
   }

   .feature-list-two .number {
     margin-right: 5px;
   }
 }

 .feature-list-three {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 50px;
   padding: 30px 20px 30px 25px;
   border: 2px solid var(--preto);
   border-radius: 15px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-list-three .number {
   color: var(--preto);
   font-size: 26px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
 }

 .feature-list-three .feature-title {
   color: var(--preto);
   font-size: 30px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 .feature-list-three .icon {
   font-size: 30px;
   display: inline-block;
   background: var(--cor-claro);
   width: 70px;
   height: 70px;
   border-radius: 50%;
   line-height: 70px;
   text-align: center;
   display: inline-block;
   margin-right: 10px;
   background: var(--cor-primaria);
 }

 .feature-list-three:hover {
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .feature-list-three:hover .icon {
   background: var(--cor-claro);
 }

 @media only screen and (max-width: 1200px) {
   .feature-list-three {
     padding: 10px;
     margin-bottom: 30px;
   }

   .feature-list-three .feature-title {
     font-size: 18px;
   }

   .feature-list-three .number {
     margin-right: 5px;
   }
 }

 .feature-list-four {
   display: flex;
   align-items: center;
 }

 .feature-list-four .icon {
   color: var(--preto);
   font-size: 16px;
   display: inline-block;
   background: var(--cor-primaria);
   width: 20px;
   height: 20px;
   border-radius: 50%;
   line-height: 20px;
   text-align: center;
   display: inline-block;
   margin-right: 20px;
 }

 .feature-list-four .feature-title {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 0;
   line-height: 1;
 }

 @media only screen and (max-width: 1600px) {
   .feature-list-four .feature-title {
     font-size: 18px;
   }

   .feature-list-four .icon {
     margin-right: 5px;
   }
 }

 .feature-list-five {
   display: flex;
   align-items: center;
 }

 .feature-list-five .icon {
   color: var(--cor-claro);
   font-size: 20px;
   display: inline-block;
   background: var(--preto);
   width: 50px;
   height: 50px;
   border-radius: 50%;
   line-height: 50px;
   text-align: center;
   display: inline-block;
   margin-right: 20px;
 }

 .feature-list-five .feature-title {
   color: var(--preto);
   font-size: 22px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 0;
   line-height: 1;
 }

 @media only screen and (max-width: 1600px) {
   .feature-list-five .feature-title {
     font-size: 18px;
   }

   .feature-list-five .icon {
     margin-right: 5px;
   }
 }

 .feature-list-six {
   display: inline-flex;
   align-items: center;
 }

 .feature-list-six .icon {
   color: var(--preto);
   font-size: 26px;
   display: inline-block;
   display: inline-block;
   margin-right: 15px;
 }

 .feature-list-six .feature-title {
   color: var(--preto);
   font-size: 26px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 0;
   line-height: 1;
 }

 @media only screen and (max-width: 1600px) {
   .feature-list-six .icon {
     margin-right: 5px;
   }

   .feature-list-six .feature-title {
     font-size: 20px;
   }
 }

 .feature-list-seven {
   display: flex;
   align-items: center;
 }

 .feature-list-seven .icon {
   color: var(--preto);
   font-size: 18px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: var(--cor-primaria);
   margin-right: 15px;
 }

 .feature-list-seven .feature-title {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 0;
   line-height: 1;
 }

 @media only screen and (max-width: 1600px) {
   .feature-list-seven .icon {
     margin-right: 5px;
   }

   .feature-list-seven .feature-title {
     font-size: 20px;
   }
 }

 .feature-wrap-1 {
   display: flex;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 15px;
   padding: 45px 45px 25px 45px;
   margin-bottom: 45px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-1 .icon {
   width: 110px;
   height: 110px;
   border-radius: 50%;
   text-align: center;
   line-height: 110px;
   margin-bottom: 26px;
   margin-right: 25px;
   background: var(--cor-primaria);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-1 .front-icon {
   display: inline-block;
   visibility: visible;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-1 .back-icon {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-1 .content {
   flex: 1;
 }

 .feature-wrap-1 .feature-title {
   font-size: 36px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 15px;
   line-height: 1;
 }

 .feature-wrap-1 .feature-title a {
   color: var(--cor-escuro);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-1 .description {
   margin-bottom: 0;
 }

 .feature-wrap-1:hover {
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .feature-wrap-1:hover .icon {
   background: var(--cor-claro);
 }

 .feature-wrap-1:hover .front-icon {
   display: none;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-1:hover .back-icon {
   display: inline-block;
   visibility: visible;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 @media only screen and (max-width: 1600px) {
   .feature-wrap-1 {
     padding-left: 15px;
     padding-right: 15px;
   }

   .feature-wrap-1 .feature-title {
     font-size: 24px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feature-wrap-1 {
     display: block;
     padding-bottom: 0px;
   }
 }

 .feature-wrap-2 {
   background: #E2F5F5;
   border-radius: 15px;
   padding: 44px 88px 40px 60px;
   margin-bottom: 45px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-2 .icon {
   display: inline-block;
   margin-bottom: 45px;
 }

 .feature-wrap-2 .feature-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 10px;
 }

 .feature-wrap-2 .feature-title a {
   color: var(--cor-escuro);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-2 .description {
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 @media only screen and (max-width: 1600px) {
   .feature-wrap-2 {
     padding-left: 15px;
     padding-right: 15px;
   }

   .feature-wrap-2 .feature-title {
     font-size: 24px;
   }
 }

 .feature-slider-wrapper {
   width: 100vw;
 }

 .feature-wrap-3 {
   background: var(--cor-claro);
   border-radius: 15px;
   padding: 42px 45px 44px 45px;
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 45px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-3 .icon {
   display: inline-block;
   margin-bottom: 35px;
 }

 .feature-wrap-3 .feature-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 16px;
 }

 .feature-wrap-3 .feature-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-3 .description {
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-3 .feature-btn {
   display: inline-block;
 }

 @media only screen and (max-width: 1600px) {
   .feature-wrap-3 {
     padding-left: 15px;
     padding-right: 15px;
   }

   .feature-wrap-3 .feature-title {
     font-size: 24px;
   }
 }

 .feature-wrap-4 .feature-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 16px;
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-4 .description {
   margin-bottom: 50px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-border-2 {
   border: 2px solid var(--preto);
   border-radius: 30px;
 }

 .feature-wrap-5 {
   text-align: center;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-5 .arrow-shape1,
 .feature-wrap-5 .arrow-shape2 {
   display: inline-block;
   position: absolute;
   z-index: 1;
 }

 .feature-wrap-5 .arrow-shape1 {
   left: -14%;
   top: 30%;
 }

 .feature-wrap-5 .arrow-shape2 {
   right: -14%;
   top: 30%;
 }

 .feature-wrap-5 .icon {
   display: inline-block;
   width: 325px;
   height: 325px;
   border-radius: 50%;
   line-height: 320px;
   text-align: center;
   border: 2px solid var(--preto);
   margin-bottom: 37px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-5 .feature-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 14px;
 }

 .feature-wrap-5 .feature-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-5 .description {
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 @media only screen and (max-width: 1600px) {
   .feature-wrap-5 .feature-title {
     font-size: 24px;
   }
 }

 @media only screen and (max-width: 1200px) {

   .feature-wrap-5 .arrow-shape1,
   .feature-wrap-5 .arrow-shape2 {
     display: none;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feature-wrap-5 .icon {
     width: 300px;
     height: 300px;
   }
 }

 .feature-wrap-6 {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 45px 35px 48px 45px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   margin-bottom: 45px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-6 .icon {
   width: 140px;
   height: 140px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--cor-escuro);
   margin-bottom: 32px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-6 .feature-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 16px;
 }

 .feature-wrap-6 .feature-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-6 .description {
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-6 .arrow-btn {
   display: inline-block;
 }

 .feature-wrap-6:hover {
   background: #E2F5F5;
   border-color: #E2F5F5;
 }

 @media only screen and (max-width: 1600px) {
   .feature-wrap-6 {
     padding-left: 15px;
     padding-right: 15px;
   }

   .feature-wrap-6 .feature-title {
     font-size: 24px;
   }
 }

 .feature-wrap-7 {
   text-align: center;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-7 .arrow-shape1,
 .feature-wrap-7 .arrow-shape2 {
   display: inline-block;
   position: absolute;
   z-index: 1;
   filter: invert(1);
 }

 .feature-wrap-7 .arrow-shape1 {
   left: -14%;
   top: 30%;
 }

 .feature-wrap-7 .arrow-shape2 {
   right: -14%;
   top: 30%;
 }

 .feature-wrap-7 .icon {
   display: inline-block;
   width: 325px;
   height: 325px;
   border-radius: 50%;
   line-height: 320px;
   text-align: center;
   background: var(--cor-claro);
   margin-bottom: 37px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-7 .feature-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 14px;
 }

 .feature-wrap-7 .feature-title a {
   color: var(--cor-claro);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .feature-wrap-7 .description {
   color: var(--cor-claro);
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 @media only screen and (max-width: 1600px) {
   .feature-wrap-7 .feature-title {
     font-size: 24px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feature-wrap-7 .icon {
     width: 300px;
     height: 300px;
   }
 }

 .block-style-1 {
   display: flex;
   align-items: center;
   background: var(--cor-claro);
   border-radius: 20px;
   padding: 35px 35px 35px 40px;
 }

 .block-style-1 .flag {
   margin-right: 30px;
 }

 .block-style-1 .flag img {
   border-radius: 50%;
 }

 .block-style-1 p {
   color: var(--cor-escuro);
   font-weight: 500;
   font-family: "Satoshi-Medium";
   font-size: 22px;
   margin-bottom: 0;
 }

 .block-style-1 p span {
   font-size: 34px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
 }

 @media only screen and (max-width: 1200px) {
   .block-style-1 {
     display: block;
     text-align: center;
   }

   .block-style-1 .flag {
     margin-right: 0;
     margin-bottom: 25px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .block-style-1 {
     padding-left: 5px;
     padding-right: 5px;
   }

   .block-style-1 p span {
     font-size: 24px;
   }
 }

 .widget-title {
   font-size: 26px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 .blog-sidebar .widget-title,
 .service-widget .widget-title {
   margin-bottom: 26px;
 }

 .blog-sidebar .widget,
 .service-widget .widget {
   padding-bottom: 30px;
 }

 .social-links a {
   color: var(--cor-escuro);
   font-size: 22px;
   border: 1px solid var(--preto);
   margin-right: 10px;
   display: inline-block;
   width: 50px;
   height: 50px;
   text-align: center;
   line-height: 47px;
   border-radius: 50%;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .social-links a:last-child {
   margin-right: 0;
 }

 .social-links a:hover {
   color: var(--cor-escuro);
   background: var(--cor-secundaria2);
 }

 .social-links2 a {
   color: var(--preto);
   font-size: 22px;
   border-style: solid;
   border-width: 1px;
   border-color: rgb(0, 0, 0);
   margin-right: 10px;
   display: inline-block;
   width: 50px;
   height: 50px;
   text-align: center;
   line-height: 50px;
   border-radius: 50%;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .social-links2 a:last-child {
   margin-right: 0;
 }

 .social-links2 a:hover {
   border-color: var(--cor-escuro);
   background: var(--cor-escuro);
 }

 .service-category-widget li:last-child a,
 .category-widget li:last-child a {
   margin-bottom: 0;
 }

 .service-category-widget li a,
 .category-widget li a {
   color: var(--preto);
   font-size: 18px;
   font-weight: 500;
   line-height: 30px;
   font-family: "Satoshi-Medium";
   background: var(--cor-claro);
   padding: 0 20px 16px 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.4);
   margin-bottom: 20px;
   display: block;
   position: relative;
   z-index: 1;
 }

 .service-category-widget li a:hover,
 .category-widget li a:hover {
   color: var(--cor-escuro);
 }

 .widget-file .file-download {
   color: #191f23;
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   font-family: "Radio Canada Big", serif;
   padding: 15px 10px 15px 20px;
   background: var(--cor-claro);
   border: 1px solid rgba(7, 17, 6, 0.1);
   margin-bottom: 20px;
   display: block;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .widget-file .file-download:hover {
   color: var(--cor-claro);
   background: var(--cor-primaria);
 }

 .widget-file ul li:last-child .file-download {
   margin-bottom: 0;
 }

 .comment-form input,
 .comment-form textarea {
   border: 0;
   background: #E4F0F0;
   border-radius: 0;
   color: rgba(0, 0, 0, 0.5);
   font-size: 18px;
   display: block;
   height: 60px;
   width: 100%;
   padding-left: 20px;
   margin-bottom: 40px;
   border-radius: 10px;
 }

 .comment-form input:focus,
 .comment-form textarea:focus {
   outline: none;
   border-color: var(--preto);
 }

 .comment-form input::placeholder,
 .comment-form textarea::placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .comment-form input::-moz-placeholder,
 .comment-form textarea::-moz-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .comment-form input::-webkit-placeholder,
 .comment-form textarea::-webkit-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .comment-form input::-o-placeholder,
 .comment-form textarea::-o-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .comment-form input::-ms-placeholder,
 .comment-form textarea::-ms-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .comment-form textarea {
   height: 146px;
   resize: none;
   padding-top: 10px;
 }

 .comment-form button {
   color: var(--preto);
   padding: 18px 40px 17px 40px;
   background: transparent;
 }

 .comment-form p {
   display: flex;
   align-items: center;
 }

 /* .comment-form p input {
   width: 20px;
   height: 20px;
   margin-bottom: 0;
   margin-right: 10px;
 } */

 .page-navigation .page-item:first-child .page-link {
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
 }

 .page-navigation .page-item:last-child .page-link {
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
 }

 .page-navigation .page-link {
   display: inline-block;
   color: var(--preto);
   background: transparent;
   font-size: 22px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   margin-right: 20px;
   padding: 0;
   border-radius: 5px;
   border: 1px solid var(--preto);
 }

 .page-navigation .page-link i {
   font-size: 20px;
 }

 .page-navigation .page-link:focus {
   z-index: 2;
   color: var(--preto);
   border-color: unset;
   outline: none;
   box-shadow: none;
 }

 .page-navigation .page-link:hover {
   color: var(--preto);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .recent-post {
   display: flex;
   align-items: center;
 }

 .recent-post .post-thumb {
   width: 100px;
   height: 85px;
   display: inline-block;
   margin-right: 15px;
   margin-bottom: 0;
   background-size: cover;
   background-position: center;
   border-radius: 8px;
   background-repeat: no-repeat;
 }

 .recent-post h5 {
   font-size: 16px;
   font-family: "Radio Canada Big", serif;
   font-weight: 500;
   line-height: 22px;
 }

 .recent-post h5 a {
   color: var(--preto);
 }

 .recent-post h5 a:hover {
   color: var(--cor-escuro);
 }

 .recent-post span {
   color: var(--preto);
   font-size: 12px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
 }

 .recent-post span i {
   color: var(--preto);
 }

 @media (max-width: 1599.98px) {
   .recent-post h5 {
     font-size: 18px;
   }
 }

 .widget-search .search-form {
   position: relative;
   z-index: 1;
 }

 .widget-search .search-form input {
   color: var(--cor-escuro);
   font-size: 20px;
   height: 60px;
   width: 100%;
   line-height: 60px;
   padding-left: 22px;
   background: #f1f1f1;
   border-radius: 8px;
   border: 0;
 }

 .widget-search .search-form input::placeholder,
 .widget-search .search-form input::-webkit-placeholder,
 .widget-search .search-form input::-moz-placeholder,
 .widget-search .search-form input::-o-placeholder {
   font-size: 20px;
   color: var(--cor-claro);
 }

 .widget-search .search-form .widget-btn {
   color: var(--cor-claro);
   background: transparent;
   border: 0;
   width: 54px;
   height: 50px;
   line-height: 50px;
   color: var(--cor-claro);
   position: absolute;
   right: 5px;
   top: 5px;
   border-radius: 6px;
   z-index: 1;
 }

 .widget-search .search-form .widget-btn i {
   color: var(--preto);
   font-size: 20px;
 }

 .tagcloud span {
   color: #191f23;
   font-size: 24px;
   font-weight: 600;
   display: inline-block;
   margin-right: 10px;
 }

 .tagcloud a {
   color: var(--preto);
   font-size: 14px;
   line-height: 18px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   border: 1px solid var(--preto);
   display: inline-block;
   padding: 10px 24px;
   margin: 5px 5px;
   border-radius: 4px;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   position: relative;
   z-index: 1;
 }

 .tagcloud a::before {
   content: "";
   position: absolute;
   z-index: 1;
   background: var(--cor-claro);
   width: 0px;
   height: 100%;
   left: 0;
   bottom: 0;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   z-index: -1;
 }

 .tagcloud a:hover {
   color: var(--cor-claro);
   border-color: var(--cor-escuro);
 }

 .tagcloud a:hover::before {
   width: 100%;
   background: var(--cor-escuro);
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .tagcloud a {
     padding: 16px 16px;
     margin: 5px 2px;
   }
 }

 @media (max-width: 767px) {
   .tagcloud a {
     padding: 16px 10px;
     margin: 5px 2px;
   }
 }

 .widget-contact {
   text-align: center;
   background: var(--cor-escuro);
   border-radius: 10px;
   padding: 1em .5em 2em;
 }

 .widget-contact a {
   color: var(--cor-escuro);
   font-size: 22px;
   background: var(--cor-secundaria2);
   border-radius: 50px;
   width: max-content;
   padding: 12px 20px;
   margin: 0 auto;
   cursor: pointer;
 }

 .widget-contact a:hover {
   color: var(--cor-escuro);
   background: var(--cor-secundaria1);
 }

 .widget-contact a span {
   color: var(--cor-claro);
   font-size: 18px;
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   border-radius: 50%;
   background: var(--cor-escuro);
 }

 .widget-contact .contact-title {
   font-size: 26px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 .widget-contact .contact-btn {
   color: var(--preto);
   font-size: 16px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   border-radius: 50px;
   background: var(--cor-claro);
   color: var(--preto);
   padding: 15px 40px;
   width: 100%;
   display: inline-block;
 }

 .widget-contact .contact-btn:hover {
   color: var(--cor-claro);
   background: var(--preto);
 }

 .widget-contact .contact-title {
   color: var(--cor-claro);
   font-size: 28px;
 }

 @media only screen and (max-width: 1200px) {
   .widget-contact .contact-title {
     font-size: 22px;
     line-height: 40px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .widget-contact {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .cart-list-form {
   border: 1px solid rgba(7, 17, 6, 0.1);
 }

 .cart-list-form .table th {
   font-weight: 400;
   font-size: 18px;
   border: none;
   border-bottom: 1px solid rgba(7, 17, 6, 0.1);
   padding: 15px 30px;
   text-align: start;
   color: var(--preto);
 }

 .cart-list-form .table .product-thumbnails {
   padding-left: 20px;
   width: 100px;
 }

 .cart-list-form .table .product-thumbnails img {
   max-height: 100%;
   max-width: none;
 }

 .cart-list-form .table .product-img {
   display: block;
   max-width: 100px;
   max-height: 100px;
   overflow: hidden;
 }

 .cart-list-form .table tbody td {
   border: none;
   vertical-align: middle;
   text-align: center;
   padding: 30px 0;
 }

 @media only screen and (max-width: 991.98px) {
   .cart-list-form .table .product-thumbnails {
     padding-left: 10px;
   }
 }

 .cart-list-form .table-responsive {
   margin-bottom: 30px;
 }

 .cart-list-form .table-responsive::-webkit-scrollbar {
   width: 0.3em;
   height: 10px;
 }

 .cart-list-form .table-responsive::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 }

 .cart-list-form .table-responsive::-webkit-scrollbar-thumb {
   background-color: var(--cor-primaria);
 }

 .cart-list-form .table .product-info {
   padding-left: 30px;
   text-align: left;
 }

 .cart-list-form .table .product-info ul.style-none {
   padding: 0;
   margin: 0;
 }

 .cart-list-form .table .product-info ul.style-none li {
   font-weight: 500;
   display: inline-block;
   font-size: 15px;
   color: var(--preto);
   padding-right: 15px;
 }

 .cart-list-form .table .product-info .product-name {
   font-weight: 500;
   letter-spacing: -0.5px;
   font-size: 20px;
   color: var(--preto);
 }

 @media only screen and (max-width: 991.98px) {
   .cart-list-form .table .product-info .product-name {
     font-size: 18px;
   }
 }

 .cart-list-form .table .product-info .serial {
   font-size: 15px;
   color: var(--preto);
   padding-bottom: 6px;
 }

 @media only screen and (max-width: 991.98px) {
   .cart-list-form .table .product-info {
     padding-left: 15px;
   }
 }

 .cart-list-form .table .quantity .product-value {
   font-weight: 500;
   font-size: 18px;
   color: var(--preto);
   max-width: 55px;
   background: 0 0;
   border: none;
   text-align: center;
   padding-left: 12px;
 }

 @media only screen and (max-width: 991.98px) {
   .cart-list-form .table .quantity .product-value {
     max-width: 20px;
     padding-left: 0;
   }
 }

 .cart-list-form .table .quantity .order-box {
   padding: 0;
   margin: 0;
 }

 .cart-list-form .table .quantity li {
   display: inline-block;
   line-height: 40px;
   max-height: 40px;
 }

 .cart-list-form .table .quantity li .btn {
   font-size: 24px;
   padding: 0;
   border: none;
   vertical-align: inherit;
   color: var(--preto);
   background: #EBF3FF;
   width: 36px;
   height: 36px;
   border-radius: 50%;
 }

 @media only screen and (max-width: 991.98px) {
   .cart-list-form .table .quantity li .btn {
     width: 25px;
     height: 25px;
     line-height: 25px;
   }
 }

 .cart-list-form .table .remove-product {
   color: var(--cor-primaria);
   font-size: 22px;
 }

 .cart-list-form .table tbody tr {
   padding: 10px 0;
   border-bottom: 1px solid rgba(119, 124, 144, 0.2);
 }

 .cart-list-form .table .price,
 .cat__section .cart-footer .cart-total-table tr td {
   font-size: 18px;
   color: var(--preto);
   font-weight: 500;
 }

 .cart-footer .coupon-form {
   background: #FCF1EC;
   position: relative;
   z-index: 1;
 }

 .cart-footer .coupon-form input {
   width: 275px;
   border: none;
   background: #EBF3FF;
   font-size: 16px;
   color: var(--preto);
   padding-left: 14px;
   height: 40px;
   border-radius: 6px;
 }

 .cart-footer .coupon-form input::placeholder {
   font-size: 16px;
   color: var(--preto);
 }

 .cart-footer .coupon-form input::-moz-placeholder {
   font-size: 16px;
   color: var(--preto);
 }

 .cart-footer .coupon-form input::-o-placeholder {
   font-size: 16px;
   color: var(--preto);
 }

 .cart-footer .coupon-form input::-webkit-placeholder {
   font-size: 16px;
   color: var(--preto);
 }

 .cart-footer .coupon-form input::-ms-placeholder {
   font-size: 16px;
   color: var(--preto);
 }

 .cart-footer .coupon-form .coupon_btn {
   font-size: 16px;
   font-weight: 400;
   position: absolute;
   right: 0;
   top: 1px;
   border: 0;
   height: 40px;
   padding: 0;
   width: 130px;
   text-transform: capitalize;
 }

 .cart-footer .coupon-form .coupon_btn:hover {
   color: var(--preto);
 }

 .cart-footer .coupon-form .coupon_btn:hover::before {
   background: var(--cor-primaria);
 }

 .cart-footer .update-section p {
   color: var(--preto);
   margin-bottom: 10px;
   cursor: pointer;
 }

 .cart-footer .update-cart-button {
   color: var(--cor-claro);
   font-size: 16px;
   font-weight: 500;
   border: 0;
   background: var(--preto);
   width: max-content;
   height: 40px;
   display: inline-block;
   margin-top: -3px;
 }

 .cart-total-section {
   padding: 40px 30px;
   border-radius: 6px;
   background: #E4F0F0;
 }

 .cart-total-section .checkout-process {
   width: 100%;
   text-align: center;
   background: var(--preto);
   color: var(--cor-claro);
   font-size: 16px;
   font-weight: 500;
   display: block;
   padding: 10px 25px;
 }

 .cart-total-section .checkout-process:hover {
   background: var(--cor-primaria);
 }

 @media only screen and (max-width: 767.98px) {
   .cart-total-section {
     padding: 40px 15px;
   }
 }

 .cart-total-table tbody tr {
   padding-bottom: 25px;
   border-bottom: 1px solid rgba(119, 124, 144, 0.2);
   margin-bottom: 25px;
 }

 .cart-total-table tbody tr:last-child {
   border-bottom: 0;
 }

 .cart-total-table tbody th,
 .cart-total-table tbody td {
   color: var(--preto);
   font-size: 16px;
   font-weight: 500;
   padding: 10px 0px;
 }

 .checkout-form label {
   color: var(--preto);
   font-size: 16px;
   display: inline-block;
   margin-bottom: 10px;
 }

 .checkout-form .single-input-wrapper,
 .checkout-form textarea {
   width: 100%;
   border-radius: 4px;
   background: #E4F0F0;
   border: 0;
   color: var(--preto);
   font-size: 16px;
   font-weight: 400;
   width: 100%;
   height: 60px;
   padding-left: 20px;
   line-height: 60px;
   margin-bottom: 25px;
   border-radius: 6px;
 }

 .checkout-form .single-input-wrapper::placeholder,
 .checkout-form textarea::placeholder {
   color: var(--preto);
   font-size: 16px;
   font-weight: 400;
 }

 .checkout-form .single-input-wrapper::-ms-placeholder,
 .checkout-form textarea::-ms-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .checkout-form .single-input-wrapper::-o-placeholder,
 .checkout-form textarea::-o-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .checkout-form .single-input-wrapper::-moz-placeholder,
 .checkout-form textarea::-moz-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .checkout-form .single-input-wrapper::-webkit-placeholder,
 .checkout-form textarea::-webkit-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .checkout-form .ht-select-menu {
   width: 100%;
   border-radius: 6px;
   background: #E4F0F0;
   border: 0;
   color: var(--preto);
   font-size: 18px;
   font-weight: 400;
   width: 100%;
   height: 60px;
   padding-left: 20px;
   line-height: 60px;
   position: relative;
   z-index: 10;
   margin-bottom: 40px;
 }

 .checkout-form .nice-select {
   position: relative;
   z-index: 10;
 }

 .checkout-form .nice-select .option {
   color: var(--preto);
 }

 .checkout-form textarea {
   height: 200px;
 }

 .checkout-form .checkbox-list {
   list-style: none;
   padding: 0;
 }

 .payment-list {
   padding: 0;
   list-style: none;
 }

 .payment-list p {
   color: var(--preto);
 }

 .payment-list .credit-card-form h6 {
   font-size: 16px;
   font-weight: 600;
   font-family: "Satoshi-Regular";
 }

 .payment-list .credit-card-form input {
   width: 100%;
   border: 1px solid rgba(119, 124, 144, 0.15);
   padding-left: 10px;
   display: block;
   margin-bottom: 15px;
   height: 40px;
   line-height: 40px;
   color: var(--preto);
 }

 .payment-list .credit-card-form input::placeholder {
   color: var(--preto);
 }

 .payment-list .credit-card-form input::-moz-placeholder {
   color: var(--preto);
 }

 .payment-list .credit-card-form input::-ms-placeholder {
   color: var(--preto);
 }

 .payment-list .credit-card-form input::-o-placeholder {
   color: var(--preto);
 }

 .payment-list .credit-card-form input::-webkit-placeholder {
   color: var(--preto);
 }

 .checkout__section {
   overflow: hidden;
 }

 .cart-info-title,
 .cart-total-title {
   font-size: 32px;
   font-weight: 600;
   font-family: "Satoshi-Regular";
   margin-bottom: 30px;
   text-decoration: underline;
 }

 @media only screen and (max-width: 1200px) {

   .cart-info-title,
   .cart-total-title {
     font-size: 24px;
   }
 }

 .shopping-cart {
   color: var(--preto);
   font-size: 20px;
   width: 60px;
   height: 60px;
   display: inline-block;
   border: 1.5px solid rgb(0, 0, 0);
   border-radius: 50%;
   text-align: center;
   line-height: 57px;
   position: relative;
 }

 .shopping-cart span {
   position: absolute;
   background: var(--cor-primaria);
   border-radius: 50%;
   width: 17px;
   height: 17px;
   padding: 0;
   line-height: 17px;
   top: -9px;
   right: -9px;
   left: auto;
 }

 .shopping-cart:hover {
   background: var(--cor-primaria);
   color: var(--cor-claro);
 }

 @media only screen and (max-width: 767.98px) {
   .shopping-cart {
     font-size: 18px;
     width: 50px;
     height: 50px;
     line-height: 47px;
   }
 }

 .categories-accordion .accordion-item {
   background-color: transparent;
   border: 0;
 }

 .categories-accordion .accordion-item:first-of-type .accordion-button {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }

 .categories-accordion .accordion-button {
   border-radius: 0;
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 0;
   font-size: 16px;
   color: var(--preto);
   font-weight: 400;
   border: 0;
   background-color: rgba(7, 17, 6, 0.03);
   padding: 5px 8px;
   border-radius: 0px;
 }

 .categories-accordion .accordion-button:focus {
   z-index: 3;
   border-color: none;
   outline: 0;
   box-shadow: none;
 }

 .categories-accordion .accordion-button::after {
   content: "\f078";
   font-size: 16px;
   font-family: "Font Awesome 5 Pro";
   background: none;
   transition: transform 0.2s ease-in-out;
   height: unset;
   width: unset;
 }

 .categories-accordion .accordion-button:not(.collapsed)::after {
   content: "\f078";
   font-size: 16px;
   font-family: "Font Awesome 5 Pro";
   background: none;
   transform: rotate(180deg);
   height: unset;
   width: unset;
 }

 .categories-accordion .accordion-button:not(.collapsed) {
   color: var(--preto);
 }

 .categories-accordion .accordion-item .accordion-collapse {
   list-style: none;
   border: 0;
   border-width: 0;
   background-color: rgba(7, 17, 6, 0.05);
   padding-left: 0;
 }

 .categories-accordion .accordion-item .accordion-collapse li {
   padding: 13px 0 0 22px;
 }

 .categories-accordion .accordion-item .accordion-collapse li:last-child {
   padding-bottom: 20px;
 }

 .categories-accordion .accordion-item .accordion-collapse li a {
   color: var(--preto);
   font-size: 15px;
   line-height: 1;
 }

 .highlight_content li:first-child {
   margin-bottom: 8px;
 }

 .highlight_content li a {
   color: var(--preto);
   font-size: 15px;
   font-weight: 300;
 }

 .price-range {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
 }

 .price-range .filter {
   border: 0;
   background: var(--cor-primaria);
   color: #fff;
   font-size: 16px;
   line-height: 1;
   text-transform: capitalize;
   display: inline-block;
   padding: 10px 13px;
 }

 .price-range label {
   color: var(--preto);
   cursor: pointer;
   font-size: 16px;
   font-weight: 500;
   display: inline-block;
   margin-right: 15px;
   margin-left: 15px;
 }

 .price-range #amount {
   background: 0;
   color: var(--preto) !important;
   display: inline-block;
 }

 .ui-widget.ui-widget-content {
   position: relative;
   border: 0;
 }

 .ui-widget-content {
   border: 1px solid var(--cor-claro);
   background: var(--cor-primaria);
   color: var(--cor-claro);
   border: 0;
   border-radius: 4px;
 }

 .ui-slider-horizontal {
   height: 6px;
 }

 .ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 15px;
   height: 15px;
   cursor: default;
   -ms-touch-action: none;
   touch-action: none;
   border-radius: 50%;
   border: 3px solid var(--preto);
   top: -4px;
   background: #FFE149;
 }

 .ui-widget-header {
   border: 0;
   background: #e6e6e6;
   color: var(--cor-claro);
   font-weight: bold;
   position: absolute;
   height: 100%;
 }

 .ui-state-active,
 .ui-state-hover:hover,
 .ui-state-active:focus {
   border-color: red;
   background-color: var(--cor-claro);
 }

 .widget-review .form-check .form-check-input {
   background: none;
   border: 1px solid #e6e6e6;
   border-radius: 0;
   width: 20px;
   height: 20px;
   background: rgba(0, 0, 0, 0.1);
   margin-right: 8px;
 }

 .widget-review .form-check .form-check-input:focus {
   border-color: transparent;
   outline: 0;
   box-shadow: none;
 }

 .widget-review .form-check input[type=checkbox] {
   color: #fbb807;
 }

 .widget-review .form-check input {
   color: #fbb807;
 }

 .widget-review .products_rating a {
   color: #fbb807;
 }

 .widget-review .products_rating span {
   color: var(--preto);
 }

 .color-picker a {
   width: 30px;
   height: 30px;
   display: inline-block;
   border-radius: 50%;
   margin-right: 13px;
   margin-bottom: 10px;
 }

 .product-wrapper {
   padding: 15px 15px 15px 15px;
   overflow: hidden;
   position: relative;
   z-index: 1;
   background: #f3f3f3;
   box-shadow: 4px 5px 45px 0px rgba(7, 17, 6, 0.03);
 }

 .product-wrapper.style-2 {
   background: var(--cor-claro);
   text-align: center;
 }

 .product-wrapper.style-2 .product-rating {
   margin-bottom: 10px;
 }

 .product-wrapper.style-2 .product-title {
   margin-bottom: 10px;
 }

 .product-wrapper .product-tag {
   color: var(--cor-primaria);
   font-size: 14px;
   line-height: 1;
   font-weight: 400;
   font-family: "Radio Canada Big", serif;
   border-bottom: 1px solid var(--cor-primaria);
   display: inline-block;
   margin-bottom: 13px;
 }

 .product-wrapper .product-img {
   position: relative;
   z-index: 1;
   overflow: hidden;
   margin-bottom: 29px;
 }

 .product-wrapper .product-img img {
   display: block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .product-wrapper .product-img .add-to-cart {
   position: absolute;
   left: 15%;
   right: 15%;
   text-align: center;
   margin: 0 auto;
   bottom: -60px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 @media only screen and (max-width: 767.98px) {
   .product-wrapper .product-img .add-to-cart {
     width: 100%;
   }
 }

 .product-wrapper .add-to-cart.ht-btn {
   padding: 15px 10px;
   justify-content: center;
 }

 .product-wrapper .product-title {
   color: #9F9F9F;
   font-size: 18px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   margin-bottom: 8px;
 }

 .product-wrapper .product-title:hover {
   color: var(--cor-primaria);
 }

 .product-wrapper .price {
   color: var(--preto);
   font-size: 24px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
 }

 .product-wrapper .price .old-price {
   margin-right: 12px;
 }

 .product-wrapper .price .new-price {
   color: rgba(0, 0, 0, 0.5);
 }

 .product-wrapper .content-info {
   display: flex;
   justify-content: space-between;
 }

 .product-wrapper .content {
   text-align: start;
 }

 .product-wrapper:hover .product-icon {
   right: 16px;
 }

 .product-wrapper:hover .product-img img {
   transform: scale(1.1);
 }

 .product-wrapper:hover .product-img .add-to-cart {
   bottom: 16px;
 }

 .product-icon {
   position: absolute;
   top: 20px;
   right: -50px;
   z-index: 1;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .product-icon a {
   color: var(--preto);
   font-size: 15px;
   display: block;
   line-height: 32px;
   background: var(--cor-primaria);
   width: 32px;
   height: 32px;
   border-radius: 50%;
   text-align: center;
   margin-bottom: 5px;
 }

 .product-icon a:nth-child(2) {
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .product-icon a:nth-child(3) {
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }

 .product-icon a:nth-child(4) {
   -webkit-transition: all 0.7s ease 0s;
   -moz-transition: all 0.7s ease 0s;
   -ms-transition: all 0.7s ease 0s;
   -o-transition: all 0.7s ease 0s;
   transition: all 0.7s ease 0s;
 }

 .product-icon a:hover {
   color: var(--cor-claro);
   background: var(--preto);
 }

 .cart-btn {
   overflow: hidden;
   color: var(--cor-claro);
   font-size: 16px;
   line-height: 1;
   background: var(--preto);
   width: 100%;
   display: block;
   text-align: center;
   padding: 18px 0;
   border-radius: 0;
   position: relative;
   z-index: 1;
 }

 .cart-btn::before {
   -webkit-transition-duration: 800ms;
   transition-duration: 800ms;
   position: absolute;
   width: 200%;
   height: 200%;
   content: "";
   top: -200%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   border-radius: 50%;
   z-index: -1;
   background: var(--cor-primaria);
 }

 .cart-btn:hover {
   color: var(--cor-claro);
 }

 .cart-btn:hover::before {
   top: -40%;
 }

 .shop-sidebar .widget-title {
   margin-bottom: 15px;
 }

 .sort-item {
   color: var(--preto);
   font-size: 16px;
   font-weight: 600;
   font-family: "Satoshi-Regular";
 }

 .sort-item .sort-btn {
   line-height: 1;
   background: #E4F0F0;
   padding: 12px 21px;
   margin-left: 15px;
   border: 0;
 }

 .sort-item .sort-btn i {
   margin-left: 16px;
 }

 .sort-item .sort-btn::after {
   display: none;
 }

 .sort-item .sort-btn:hover {
   color: var(--cor-claro);
   background: var(--cor-primaria);
 }

 .product-item-slider .product-item {
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.1);
 }

 .product-item-slider .product-item img {
   display: inline-block;
   padding: 10px;
   padding-left: 0;
 }

 @media (max-width: 991.98px) {
   .product-item-slider .product-item img {
     width: 100%;
     padding: 0;
   }
 }

 .product-thumb-slider .product-item {
   border-right: 1px solid rgba(0, 0, 0, 0.1);
   text-align: center;
 }

 .product-thumb-slider .product-item img {
   object-fit: cover;
   display: inline-block;
   padding: 10px;
   padding-left: 0;
   width: 100px;
   height: 100px;
 }

 .cart-plus-minus {
   position: relative;
   display: inline-block;
 }

 .cart-plus-minus input {
   color: var(--preto);
   background: rgba(7, 17, 6, 0.03);
   border: 0;
   height: 50px;
   width: 130px;
   font-size: 25px;
   line-height: 1;
   text-align: center;
   margin-top: 1px;
   border-radius: 0;
 }

 .cart-plus-minus .qtybutton {
   background: rgba(0, 0, 0, 0.3);
   width: 35px;
   height: 35px;
   line-height: 30px;
   position: absolute;
   border-radius: 50%;
   font-size: 25px;
   color: #fff;
   left: 7px;
   top: 18%;
   z-index: 1;
   cursor: pointer;
 }

 .cart-plus-minus .inc {
   left: auto;
   right: 7px;
   line-height: 35px;
 }

 .product-details .product-title {
   color: var(--preto);
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .product-details .product-title {
     font-size: 28px;
   }
 }

 @media (max-width: 991.98px) {
   .product-details .product-title {
     font-size: 24px;
   }
 }

 .product-details .price-list .old-price {
   font-size: 20px;
   color: var(--preto);
   margin-right: 10px;
 }

 .product-details .price-list .new-price {
   font-size: 22px;
   color: var(--cor-primaria);
   font-family: "Radio Canada Big", serif;
 }

 .product-details .add-to-cart {
   overflow: hidden;
   color: var(--cor-claro);
   font-size: 16px;
   line-height: 20px;
   font-family: "Radio Canada Big", serif;
   font-weight: 500;
   background: var(--cor-primaria);
   padding: 14px 40px;
   border-radius: 4px;
   position: relative;
   z-index: 1;
 }

 .product-details .add-to-cart::before {
   -webkit-transition-duration: 800ms;
   transition-duration: 800ms;
   position: absolute;
   width: 200%;
   height: 200%;
   content: "";
   top: -200%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   border-radius: 50%;
   z-index: -1;
   background: var(--preto);
 }

 .product-details .add-to-cart:hover {
   color: var(--cor-claro);
 }

 .product-details .add-to-cart:hover::before {
   top: -40%;
 }

 @media (max-width: 767px) {
   .product-details .add-to-cart {
     text-align: center;
     width: 100%;
     padding: 16px 23px;
   }
 }

 .product-details .cart-btn {
   width: unset;
   padding: 16px 133px;
   line-height: 20px;
   display: inline-block;
   border-radius: 4px;
 }

 @media (max-width: 767px) {
   .product-details .cart-btn {
     width: 100%;
     padding: 16px 23px;
   }
 }

 .product-rating a {
   color: #f7c600;
   font-size: 18px;
 }

 .color-mode {
   display: flex;
   align-items: center;
 }

 .color-mode p {
   color: var(--preto);
   margin-bottom: 0;
 }

 .color-mode .color-cus {
   background: var(--cor-claro);
   width: 35px;
   height: 35px;
   display: inline-block;
   border-radius: 50%;
   margin: 0 7px;
 }

 .product-tab {
   border: 0;
   background: 0;
   border-radius: 0;
   justify-content: center;
   background: rgba(0, 0, 0, 0.03);
   padding: 2px 0;
 }

 .product-tab .nav-link {
   border: 0;
   border-radius: 0;
   color: var(--preto);
   font-size: 20px;
   font-family: "Satoshi-Medium";
   font-weight: 500;
   line-height: 30px;
   display: inline-block;
   padding: 15px 0;
   margin: 0 30px;
 }

 .product-tab .nav-link.active,
 .product-tab .nav-link:hover {
   color: var(--cor-escuro);
   background-color: transparent;
   border-bottom: 2px solid var(--cor-escuro);
 }

 .cart-menu-right {
   opacity: 0;
   visibility: hidden;
   transition: all 0.5s ease-in-out;
 }

 .cart-menu-right.cart-info {
   right: 0;
   opacity: 1;
   visibility: visible;
   display: block;
   transition: all 0.5s ease-in-out;
 }

 .cart-menu-right .close-icon a {
   color: #222222;
   padding-left: 10px;
   position: absolute;
   top: 36px;
   border: 1px solid var(--cor-primaria);
   padding-left: 0;
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   left: 30px;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .cart-menu-right .close-icon a i {
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .cart-menu-right .close-icon a:hover {
   color: var(--cor-primaria);
 }

 .cart-menu-right .close-icon a:hover i {
   transform: rotate(180deg);
 }

 .cart-style-1 {
   padding: 100px 30px 30px 20px;
   position: fixed;
   z-index: 1200;
   width: 450px;
   height: 100%;
   left: auto;
   right: -450px;
   top: 0;
   background: var(--cor-claro);
   box-shadow: 0 1px 21px 0 rgba(43, 43, 43, 0.08);
   transition: all 0.5s ease-in-out;
 }

 .cart-style-1 .dropdown-cart-products {
   overflow-y: auto;
 }

 .cart-style-1 .product {
   display: flex;
   align-items: flex-start;
   padding: 10px 20px 25px 10px;
   position: relative;
   border-bottom: 1px solid #ededed;
   margin-bottom: 15px;
 }

 .cart-style-1 .product__cart-details {
   margin-bottom: 0;
 }

 .cart-style-1 .product__cart-details .product-title {
   color: var(--preto);
   font-weight: 400;
   font-family: "Satoshi-Regular";
   margin-bottom: 10px;
 }

 .cart-style-1 .product__cart-details .product-title a:hover {
   color: var(--cor-primaria);
 }

 .cart-style-1 .product .cart-product-info {
   color: var(--preto);
 }

 .cart-style-1 .product figure {
   margin-bottom: 0;
 }

 .cart-style-1 .product .product-img {
   display: block;
   width: 132px;
   height: auto;
 }

 .cart-style-1 .product .remove-btn {
   position: absolute;
   z-index: 1;
   right: 0;
   top: 50%;
   display: flex;
   align-items: center;
   transform: translateY(-100%);
 }

 .cart-style-1 .product .remove-btn i {
   color: var(--preto);
   font-size: 14px;
   line-height: 1;
 }

 .cart-style-1 .cart-total {
   display: flex;
   align-items: flex-end;
   color: var(--preto);
   text-transform: uppercase;
 }

 .cart-style-1 .cart-total .cart-total-price {
   margin-left: auto;
 }

 .cart-style-1 .cart-action .btn {
   background: var(--cor-primaria);
   border-radius: 0;
   padding: 6px 20px;
   border: 0;
 }

 .cart-style-1 .cart-action .btn-outline-primary-2 {
   background: transparent;
   border: 1px solid var(--cor-primaria);
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   padding: 6px 30px 6px 20px;
   margin-left: 10px;
 }

 .cart-style-1 .cart-action .btn-outline-primary-2 i {
   transform: translateX(10px);
   line-height: 1;
 }

 .cart-style-1 .cart-action .btn-outline-primary-2:hover {
   color: var(--cor-claro);
   background: var(--cor-primaria);
 }

 @media only screen and (max-width: 767.98px) {
   .cart-style-1 {
     width: 315px;
   }

   .cart-style-1 .product .product-img {
     width: 88px;
   }

   .cart-style-1 .product .product-img img {
     width: 100%;
   }
 }

 .social-links-two a {
   color: var(--preto);
   font-size: 18px;
   display: inline-block;
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-right: 10px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .social-links-two a:hover {
   color: var(--cor-primaria);
   transform: scale(1.1);
 }

 .product-category-wrap {
   text-align: center;
   display: inline-block;
   border-radius: 50%;
   position: relative;
   z-index: 1;
 }

 .product-category-wrap .category-thumb {
   display: block;
   position: relative;
   z-index: 1;
 }

 .product-category-wrap .category-thumb::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(11, 10, 10, 0.25);
   border-radius: 50%;
   left: 0;
   top: 0;
   z-index: 1;
 }

 .product-category-wrap .category-thumb img {
   width: 100%;
 }

 .product-category-wrap .category-tag {
   color: var(--cor-claro);
   font-size: 36px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
 }

 .product-category-wrap .content {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   text-align: center;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2;
 }

 .product-category-wrap .category-btn {
   color: var(--cor-claro);
   font-size: 15px;
   text-transform: uppercase;
   border: 1.5px solid var(--cor-claro);
   border-radius: 5px;
   line-height: 45px;
   padding-left: 32px;
   padding-right: 32px;
   transform: scale(0);
   -webkit-transition: all 0.6s ease 0s;
   -moz-transition: all 0.6s ease 0s;
   -ms-transition: all 0.6s ease 0s;
   -o-transition: all 0.6s ease 0s;
   transition: all 0.6s ease 0s;
   visibility: hidden;
   display: none;
 }

 .product-category-wrap .category-btn:hover {
   border-color: var(--cor-primaria);
   background: var(--cor-primaria);
 }

 .product-category-wrap:hover .category-btn {
   display: inline-block;
   visibility: visible;
   transform: scale(1);
 }

 .offer-bg-section {
   background: #FFFBF4;
   position: relative;
   z-index: 1;
 }

 .offer-bg-section::before {
   content: "";
   display: block;
   width: 97%;
   height: 94%;
   position: absolute;
   z-index: 2;
   left: 27px;
   top: 20px;
   right: 20px;
   bottom: 20px;
   border: 1px solid rgb(0, 0, 0);
 }

 @media only screen and (max-width: 1600px) {
   .offer-bg-section::before {
     display: none;
   }
 }

 .bg-product-section {
   background: #F5F5F5;
 }

 .theme-banner-one {
   padding-top: 107px;
   padding-bottom: 100px;
   padding-left: 85px;
   padding-right: 85px;
   position: relative;
   z-index: 1;
 }

 .theme-banner-one .shape-1 {
   position: absolute;
   right: 55%;
   top: 39%;
   animation: rotation infinite linear 55s;
 }

 .theme-banner-one .main-title {
   color: var(--cor-escuro);
   font-size: 120px;
   line-height: 1;
   margin-bottom: 22px;
 }

 .theme-banner-one .hero-description {
   color: var(--cor-escuro);
   font-size: 28px;
   line-height: 45px;
   margin-bottom: 58px;
 }

 .theme-banner-one .bstyle {
   padding: 29px 50px 26px 50px;
 }

 .theme-banner-one .bstyle::before {
   background: var(--cor-escuro);
 }

 .theme-banner-one .bstyle:hover {
   color: var(--cor-claro);
 }

 .theme-banner-one .bstyle-2 {
   overflow: visible;
   color: var(--cor-escuro);
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
   border: 1px solid var(--cor-escuro);
   padding: 28px 75px 25px 35px;
   display: inline-flex;
   align-items: center;
   background: var(--cor-claro);
   border-radius: 40px;
   position: relative;
   z-index: 1;
 }

 .theme-banner-one .bstyle-2::before {
   display: none;
 }

 .theme-banner-one .bstyle-2 .popup-video {
   color: var(--cor-claro);
   width: 75px;
   height: 75px;
   color: var(--preto);
   font-size: 35px;
   line-height: 75px;
   border-radius: 50%;
   background: var(--cor-escuro);
   position: absolute;
   right: -37px;
   top: 0;
 }

 .theme-banner-one .bstyle-2 .popup-video i {
   color: var(--cor-claro);
 }

 .theme-banner-one .bstyle-2:hover {
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .theme-banner-one .main-img {
   position: relative;
   z-index: 1;
 }

 .theme-banner-one .hero-img {
   position: relative;
 }

 .theme-banner-one .card-shape {
   position: absolute;
   left: -8%;
   bottom: 42px;
   z-index: 2;
 }

 .theme-banner-one .rating-box h3 {
   color: var(--cor-escuro);
   font-weight: 500;
   font-size: 28px;
   font-family: "Satoshi-Medium";
 }

 .theme-banner-one .rating-box span {
   color: rgba(0, 0, 0, 0.5);
   font-family: "Satoshi-Regular";
   font-weight: 400;
 }

 @media only screen and (max-width: 1900px) {
   .theme-banner-one {
     padding-left: 0;
     padding-right: 0;
     padding-top: 100px;
   }

   .theme-banner-one .main-title {
     font-size: 65px;
     line-height: 1.5;
   }

   .theme-banner-one .main-img {
     width: 100%;
     margin-left: 0;
   }

   .theme-banner-one .hero-img .shape-4,
   .theme-banner-one .hero-img .shape-5 {
     display: none;
   }
 }

 @media only screen and (max-width: 1200px) {
   .theme-banner-one p {
     font-size: 22px;
     max-width: 100%;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .theme-banner-one p {
     font-size: 18px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-banner-one .main-title {
     font-size: 45px;
   }

   .theme-banner-one p {
     font-size: 20px;
     line-height: 34px;
     max-width: 100%;
   }

   .theme-banner-one .bstyle {
     padding: 29px 30px 26px 30px;
   }
 }

 .hero-rating a {
   font-size: 23px;
   color: var(--cor-escuro);
   display: inline-block;
   margin-right: 5px;
 }

 .theme-banner-two {
   background: #DEEBDC;
   padding-top: 260px;
   padding-bottom: 145px;
   padding-left: 100px;
   padding-right: 100px;
   position: relative;
 }

 .theme-banner-two .main-title {
   color: var(--preto);
   font-size: 120px;
   line-height: 1;
   margin-bottom: 27px;
 }

 .theme-banner-two p {
   color: var(--preto);
   font-size: 28px;
   line-height: 45px;
   margin-bottom: 50px;
   max-width: 99%;
 }

 .theme-banner-two .sub-title {
   font-size: 22px;
   font-family: "Satoshi-Medium";
   font-weight: 500;
   margin-bottom: 54px;
 }

 .theme-banner-two .rating-box h3 {
   color: var(--preto);
   font-weight: 500;
   font-size: 28px;
   font-family: "Satoshi-Medium";
 }

 .theme-banner-two .rating-box span {
   color: rgba(0, 0, 0, 0.5);
   font-family: "Satoshi-Regular";
   font-weight: 400;
 }

 .theme-banner-two .hero-rating a {
   color: var(--preto);
 }

 .theme-banner-two .user-content-wrap-1 {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
 }

 .theme-banner-two .card-shape {
   position: absolute;
   left: -18%;
   bottom: 32px;
   animation: float-bob-y infinite linear 5s;
 }

 .theme-banner-two .bs-style {
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   border-radius: 40px;
   padding-top: 28px;
   padding-bottom: 26px;
 }

 .theme-banner-two .bs-style::before {
   background: var(--cor-escuro);
 }

 .theme-banner-two .bs-style:hover {
   color: var(--cor-claro);
 }

 .theme-banner-two .bstyle-2 {
   overflow: visible;
   color: var(--preto);
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
   border: 2px solid var(--preto);
   padding: 8px 10px 8px 40px;
   display: inline-flex;
   align-items: center;
   background: var(--cor-claro);
   border-radius: 40px;
   position: relative;
   z-index: 1;
 }

 .theme-banner-two .bstyle-2::before {
   display: none;
 }

 .theme-banner-two .bstyle-2 .popup-video {
   color: var(--cor-claro);
   width: 55px;
   height: 55px;
   color: var(--preto);
   font-size: 25px;
   line-height: 55px;
   border-radius: 50%;
   background: var(--preto);
 }

 .theme-banner-two .bstyle-2 .popup-video i {
   color: var(--cor-claro);
 }

 .theme-banner-two .bstyle-2:hover {
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 @media only screen and (max-width: 1600px) {
   .theme-banner-two {
     padding-left: 15px;
     padding-right: 15px;
   }

   .theme-banner-two .main-title {
     font-size: 75px;
   }

   .theme-banner-two p {
     font-size: 22px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .theme-banner-two .main-title {
     font-size: 65px;
   }

   .theme-banner-two p {
     font-size: 22px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .theme-banner-two {
     padding-top: 200px;
     padding-bottom: 100px;
   }

   .theme-banner-two .main-title {
     font-size: 45px;
     line-height: 1.3;
   }

   .theme-banner-two p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-banner-two {
     padding-left: 0;
     padding-right: 0;
   }

   .theme-banner-two .main-title {
     font-size: 35px;
     margin-bottom: 40px;
   }

   .theme-banner-two p {
     font-size: 20px;
     line-height: 34px;
     max-width: 100%;
   }

   .theme-banner-two .bstyle2 {
     display: none;
   }

   .theme-banner-two .hero-subscribe-form button {
     position: relative;
     height: 55px;
     width: 100%;
     border-radius: 40px;
     border: 2px solid var(--preto);
     margin-top: 15px;
   }
 }

 .hero-subscribe-form {
   width: 100%;
   max-width: 666px;
   position: relative;
   z-index: 1;
 }

 .hero-subscribe-form input {
   width: 100%;
   height: 80px;
   border: 2px solid var(--preto);
   color: var(--preto);
   font-size: 18px;
   font-family: "Satoshi-Regular";
   padding-left: 30px;
   border-radius: 40px;
 }

 .hero-subscribe-form input::placeholder {
   color: var(--preto);
   font-size: 18px;
 }

 .hero-subscribe-form input::-moz-placeholder {
   color: var(--preto);
   font-size: 18px;
 }

 .hero-subscribe-form input::-webkit-placeholder {
   color: var(--cor-escuro);
   font-size: 18px;
 }

 .hero-subscribe-form input::-o-placeholder {
   color: var(--preto);
   font-size: 18px;
 }

 .hero-subscribe-form input::-ms-placeholder {
   color: var(--preto);
   font-size: 18px;
 }

 .hero-subscribe-form button {
   color: var(--preto);
   font-size: 18px;
   font-family: "Radio Canada Big", serif;
   border: 2px solid var(--preto);
   border-left: 0;
   font-weight: 600;
   line-height: 1;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   display: inline-block;
   background: var(--cor-primaria);
   position: absolute;
   right: 0;
   top: 0;
   border-radius: 0 40px 40px 0;
   height: 100%;
   padding: 0px 37px 0 37px;
   z-index: 2;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .hero-subscribe-form button:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 .theme-banner-three {
   margin-top: 70px;
   padding-left: 20px;
   padding-right: 20px;
   position: relative;
   display: block;
   z-index: 2;
 }

 .theme-banner-three .main-title {
   color: var(--cor-claro);
   font-size: 120px;
   font-family: "Radio Canada Big", serif;
   font-weight: 700;
   line-height: 1;
   margin-bottom: 43px;
 }

 .theme-banner-three p {
   color: var(--cor-claro);
   font-size: 28px;
   line-height: 45px;
   font-family: "Satoshi-Regular";
   margin-bottom: 32px;
 }

 .theme-banner-three .bstyle {
   color: var(--cor-claro);
   background: var(--cor-secundaria2);
   border-radius: 40px;
   padding: 25px 49px 25px 49px;
 }

 .theme-banner-three .bstyle::before {
   background: var(--cor-escuro);
 }

 .theme-banner-three .bstyle:hover {
   color: var(--cor-claro);
   background: var(--cor-secundaria1);
 }

 .theme-banner-three .ht-slider-wrapper {
   border-radius: 20px;
   /* padding-left: 75px;
   padding-right: 75px; */
   position: relative;
   z-index: 1;
 }

 .theme-banner-three .ht-slider-wrapper::before {
   /* content: ""; */
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 615px;
   border-radius: 0px 0px 50px 50px;
   background: linear-gradient(0deg, var(--preto) 0%, rgba(0, 0, 0, 0.65) 38.67%, rgba(0, 0, 0, 0) 69.63%, rgba(0, 0, 0, 0) 88.94%);
   z-index: -1;
 }

 .theme-banner-three .rating-box h3 {
   color: var(--preto);
   font-weight: 500;
   font-size: 28px;
   font-family: "Satoshi-Medium";
 }

 .theme-banner-three .rating-box span {
   color: rgba(0, 0, 0, 0.5);
   font-family: "Satoshi-Regular";
   font-weight: 400;
 }

 .theme-banner-three .hero-rating a {
   color: var(--preto);
 }

 .theme-banner-three .user-content-wrap-1 {
   background: #fff;
   border-radius: 100px;
   padding: 27px 48px 0px 34px;
   margin-left: auto;
   width: max-content;
 }

 .theme-banner-three .feedback-user-list img {
   border-color: var(--preto);
   border-width: 2px;
 }

 .theme-banner-three ul.slick-dots {
   background: var(--cor-claro);
   padding: 20px 35px;
   border-radius: 70px;
   display: inline-block;
   width: max-content;
   bottom: -40px;
 }

 @media only screen and (max-width: 1800px) {
   .theme-banner-three .main-title {
     font-size: 75px;
   }
 }

 @media only screen and (max-width: 1600px) {
   .theme-banner-three .main-title {
     font-size: 75px;
   }

   .theme-banner-three p {
     font-size: 22px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .theme-banner-three .ht-slider-wrapper {
     padding-left: 0;
     padding-right: 0;
   }

   .theme-banner-three .main-title {
     font-size: 55px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-banner-three .main-title {
     font-size: 45px;
   }

   .theme-banner-three .bstyle {
     padding: 25px 30px 25px 30px;
   }
 }

 .theme-banner-four {
   margin-top: 50px;
   padding-top: 230px;
   padding-bottom: 329px;
   position: relative;
   display: block;
   z-index: 2;
 }

 .theme-banner-four::before {
   content: "";
   background: rgba(0, 0, 0, 0.5);
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   position: absolute;
   z-index: -1;
 }

 .theme-banner-four .main-title {
   color: var(--cor-claro);
   font-size: 120px;
   line-height: 1;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 30px;
 }

 .theme-banner-four p {
   color: var(--cor-claro);
   font-size: 28px;
   line-height: 45px;
   font-family: "Satoshi-Regular";
   max-width: 71%;
   margin: 0 auto;
   margin-bottom: 55px;
 }

 .theme-banner-four .bstyle {
   color: var(--cor-escuro);
   text-transform: uppercase;
   background: var(--cor-primaria);
   border-radius: 40px;
   padding-top: 28px;
   padding-bottom: 25px;
 }

 .theme-banner-four .bstyle::before {
   background: var(--cor-claro);
 }

 .theme-banner-four .bstyle:hover {
   color: var(--preto);
 }

 .theme-banner-four .bstyle-2 {
   overflow: visible;
   color: var(--cor-claro);
   font-size: 18px;
   font-weight: 700;
   text-transform: uppercase;
   border: 2px solid var(--cor-claro);
   padding: 7px 10px 7px 40px;
   display: inline-flex;
   align-items: center;
   background: transparent;
   border-radius: 40px;
   position: relative;
   z-index: 1;
 }

 .theme-banner-four .bstyle-2::before {
   display: none;
 }

 .theme-banner-four .bstyle-2 .popup-video {
   color: var(--preto);
   width: 55px;
   height: 55px;
   font-size: 25px;
   line-height: 55px;
   border-radius: 50%;
   background: var(--cor-primaria);
 }

 .theme-banner-four .bstyle-2 .popup-video i {
   color: var(--preto);
 }

 .theme-banner-four .bstyle-2:hover {
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .theme-banner-four .bstyle-2:hover .popup-video {
   background: var(--cor-claro);
 }

 @media only screen and (max-width: 1600px) {
   .theme-banner-four .main-title {
     font-size: 75px;
   }

   .theme-banner-four p {
     font-size: 22px;
     line-height: 38px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .theme-banner-four {
     padding-top: 180px;
     padding-bottom: 100px;
   }

   .theme-banner-four .main-title {
     font-size: 55px;
   }

   .theme-banner-four p {
     font-size: 22px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .theme-banner-four .main-title {
     font-size: 55px;
   }

   .theme-banner-four p {
     font-size: 18px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-banner-four .main-title {
     font-size: 45px;
     margin-bottom: 40px;
   }

   .theme-banner-four p {
     font-size: 20px;
     line-height: 34px;
     max-width: 100%;
   }
 }

 .theme-banner-five {
   padding-bottom: 70px;
   padding-left: 100px;
   padding-right: 38px;
   position: relative;
 }

 .theme-banner-five .main-title {
   color: var(--preto);
   font-size: 120px;
   line-height: 1;
   margin-bottom: 27px;
 }

 .theme-banner-five p {
   color: var(--preto);
   font-size: 28px;
   line-height: 45px;
   margin-bottom: 40px;
   max-width: 99%;
 }

 .theme-banner-five .rating-box h3 {
   color: var(--preto);
   font-weight: 500;
   font-size: 28px;
   font-family: "Satoshi-Medium";
 }

 .theme-banner-five .rating-box span {
   color: rgba(0, 0, 0, 0.5);
   font-family: "Satoshi-Regular";
   font-weight: 400;
 }

 .theme-banner-five .hero-rating a {
   color: var(--preto);
 }

 .theme-banner-five .card-shape {
   position: absolute;
   left: -144px;
   bottom: 77px;
   animation: float-bob-y infinite linear 5s;
 }

 .theme-banner-five .card-shape-2 {
   position: absolute;
   right: 42px;
   top: 48px;
   z-index: 1;
 }

 .theme-banner-five .bs-style {
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   border-radius: 40px;
   padding-top: 28px;
   padding-bottom: 26px;
 }

 .theme-banner-five .bs-style::before {
   background: var(--cor-escuro);
 }

 .theme-banner-five .bs-style:hover {
   color: var(--cor-claro);
 }

 .theme-banner-five .bstyle-2 {
   overflow: visible;
   color: var(--preto);
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
   border: 2px solid var(--preto);
   padding: 8px 10px 8px 40px;
   display: inline-flex;
   align-items: center;
   background: var(--cor-claro);
   border-radius: 40px;
   position: relative;
   z-index: 1;
 }

 .theme-banner-five .bstyle-2::before {
   display: none;
 }

 .theme-banner-five .bstyle-2 .popup-video {
   color: var(--preto);
   width: 55px;
   height: 55px;
   color: var(--preto);
   font-size: 25px;
   line-height: 55px;
   border-radius: 50%;
   background: var(--cor-primaria);
 }

 .theme-banner-five .bstyle-2 .popup-video i {
   color: var(--cor-claro);
 }

 .theme-banner-five .bstyle-2:hover {
   color: var(--cor-escuro);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .theme-banner-five .bstyle-2:hover .popup-video {
   background: var(--cor-escuro);
 }

 .theme-banner-five .hero-subscribe-form input {
   border-radius: 15px;
 }

 .theme-banner-five .hero-subscribe-form button {
   border-radius: 0 15px 15px 0;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .theme-banner-five .hero-subscribe-form button:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 @media only screen and (max-width: 1600px) {
   .theme-banner-five {
     padding-left: 15px;
     padding-right: 15px;
   }

   .theme-banner-five .main-title {
     font-size: 75px;
   }

   .theme-banner-five p {
     font-size: 22px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .theme-banner-five .main-title {
     font-size: 65px;
   }

   .theme-banner-five p {
     font-size: 22px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .theme-banner-five {
     padding-top: 60px;
   }

   .theme-banner-five .main-title {
     font-size: 65px;
     line-height: 1.3;
   }

   .theme-banner-five p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .theme-banner-five {
     padding-left: 0;
     padding-right: 0;
   }

   .theme-banner-five .main-title {
     font-size: 45px;
     margin-bottom: 40px;
   }

   .theme-banner-five p {
     font-size: 20px;
     line-height: 34px;
     max-width: 100%;
   }

   .theme-banner-five .bstyle2 {
     display: none;
   }

   .theme-banner-five .hero-subscribe-form button {
     position: relative;
     height: 55px;
     width: 100%;
     border-radius: 40px;
     border: 2px solid var(--preto);
     margin-top: 15px;
   }
 }

 .user-list,
 .feedback-user-list {
   padding: 0;
   margin: 0;
   display: flex;
   align-items: center;
   list-style: none;
   padding-bottom: 25px;
   border-radius: 70px;
   width: max-content;
 }

 .user-list img,
 .feedback-user-list img {
   border-radius: 50%;
   border: 4px solid var(--cor-claro);
 }

 .user-list li,
 .feedback-user-list li {
   margin-left: -18px;
   position: relative;
   z-index: 1;
 }

 .user-list li:first-child,
 .feedback-user-list li:first-child {
   margin-left: 0;
 }

 .user-list .number,
 .feedback-user-list .number {
   border-radius: 50%;
   background: var(--preto);
   font-size: 20px;
   color: var(--cor-claro);
   width: 65px;
   height: 65px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 4px solid var(--cor-claro);
 }

 /*title-one*/
 .title-one .sub-title {
   color: var(--preto);
   font-size: 18px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   margin-bottom: 12px;
 }

 .title-one .title {
   font-size: 80px;
   line-height: 1.03;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   margin-bottom: 15px;
   color: var(--cor-escuro);
 }

 .title-one p {
   font-size: 22px;
   line-height: 38px;
 }

 @media only screen and (max-width: 1600px) {
   .title-one .title {
     font-size: 55px;
   }

   .title-one p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .title-one .title {
     font-size: 45px;
   }

   .title-one p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .title-one .title {
     font-size: 32px;
   }
 }

 /*title-two*/
 .title-two .sub-title {
   color: var(--cor-escuro);
   font-size: 18px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   margin-bottom: 12px;
 }

 .title-two .title {
   font-size: 82px;
   line-height: 1.14;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   margin-bottom: 20px;
 }

 .title-two p {
   font-size: 22px;
   line-height: 38px;
 }

 @media only screen and (max-width: 1600px) {
   .title-two .title {
     font-size: 55px;
   }

   .title-two p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .title-two .title {
     font-size: 45px;
   }

   .title-two p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .title-two .title {
     font-size: 32px;
   }
 }

 /*title-two*/
 .title-three .sub-title {
   color: var(--cor-escuro);
   font-size: 18px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   margin-bottom: 12px;
 }

 .title-three .title {
   color: var(--cor-escuro);
   font-size: 82px;
   line-height: 1.14;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   margin-bottom: 20px;
 }

 .title-three p {
   color: var(--cor-escuro);
   font-size: 22px;
   line-height: 38px;
 }

 @media only screen and (max-width: 1600px) {
   .title-three .title {
     font-size: 55px;
   }

   .title-three p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .title-three .title {
     font-size: 45px;
   }

   .title-three p {
     font-size: 18px;
     line-height: 34px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .title-three .title {
     font-size: 32px;
   }
 }

 .cta-title {
   font-size: 82px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1.1;
 }

 @media only screen and (max-width: 1600px) {
   .cta-title {
     font-size: 55px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .cta-title {
     font-size: 32px;
   }
 }

 .semi-title {
   font-size: 60px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 @media only screen and (max-width: 1600px) {
   .semi-title {
     font-size: 36px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .semi-title {
     font-size: 28px;
   }
 }

 .img-wrapper-one .main-img {
   position: relative;
   z-index: 2;
 }

 .img-wrapper-one .shape-1 {
   position: absolute;
   z-index: -1;
   left: 0;
   bottom: 0;
 }

 .img-wrapper-one .shape-2 {
   border-radius: 15px;
   position: absolute;
   bottom: 72px;
   left: 62px;
   z-index: 2;
   animation: float-bob-y infinite linear 5s;
 }

 .img-wrapper-one .float-content-1 {
   display: flex;
   align-items: center;
   position: absolute;
   right: 0;
   top: 163px;
   z-index: 3;
   background: var(--cor-claro);
   border-radius: 15px;
   padding: 20px 23px 20px 23px;
   box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.15);
 }

 .img-wrapper-one .float-content-1 .content {
   flex: 1;
 }

 .img-wrapper-one .float-content-1 .icon {
   margin-right: 18px;
 }

 .img-wrapper-one .float-content-1 .number {
   color: var(--cor-escuro);
   font-size: 40px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 0;
 }

 .img-wrapper-one .float-content-1 .text-title {
   color: rgba(0, 0, 0, 0.5);
   font-size: 12px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-bottom: 0;
   line-height: 1;
 }

 @media only screen and (max-width: 1600px) {
   .img-wrapper-one .shape-2 {
     display: none;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .img-wrapper-one .float-content-1 {
     display: none;
   }
 }

 .img-wrapper-two {
   position: relative;
   z-index: 1;
 }

 .img-wrapper-two .main-img {
   border-radius: 30px;
   position: relative;
   z-index: 2;
 }

 .img-wrapper-two .card {
   position: absolute;
   left: -123px;
   bottom: 95px;
   z-index: 2;
   border-radius: 27px;
 }

 .img-wrapper-two .float-content-1 {
   display: flex;
   align-items: center;
   position: absolute;
   left: 40px;
   top: 90px;
   z-index: 3;
   background: var(--cor-claro);
   border-radius: 15px;
   padding: 20px 25px 20px 20px;
 }

 .img-wrapper-two .float-content-1 .content {
   flex: 1;
 }

 .img-wrapper-two .float-content-1 .icon {
   margin-right: 14px;
 }

 .img-wrapper-two .float-content-1 .number {
   color: var(--cor-escuro);
   font-size: 52px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 0;
 }

 .img-wrapper-two .float-content-1 .text-title {
   color: rgba(0, 0, 0, 0.5);
   font-size: 12px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-bottom: 0;
   line-height: 1;
 }

 @media only screen and (max-width: 767.98px) {
   .img-wrapper-two .float-content-1 {
     display: none;
   }
 }

 .img-wrapper-three {
   position: relative;
   z-index: 1;
 }

 .img-wrapper-four {
   padding-right: 30px;
   position: relative;
   z-index: 1;
 }

 .img-wrapper-four .main-img-1 {
   border-radius: 94px;
   margin-bottom: 30px;
 }

 .img-wrapper-four .float-content-1,
 .img-wrapper-four .float-content-2 {
   display: flex;
   align-items: center;
   position: absolute;
   left: -79px;
   top: 50px;
   z-index: 3;
   background: var(--cor-claro);
   border-radius: 15px;
   box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.2);
   padding: 30px 25px 30px 27px;
 }

 .img-wrapper-four .float-content-1 .content,
 .img-wrapper-four .float-content-2 .content {
   flex: 1;
 }

 .img-wrapper-four .float-content-1 .icon,
 .img-wrapper-four .float-content-2 .icon {
   color: var(--preto);
   font-size: 20px;
   margin-right: 20px;
   width: 33px;
   height: 33px;
   border-radius: 50%;
   background: var(--cor-primaria);
   text-align: center;
   line-height: 33px;
 }

 .img-wrapper-four .float-content-1 .number,
 .img-wrapper-four .float-content-2 .number {
   color: var(--preto);
   font-size: 38px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 3px;
 }

 .img-wrapper-four .float-content-1 .text-title,
 .img-wrapper-four .float-content-2 .text-title {
   color: var(--preto);
   font-size: 20px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-bottom: 0;
   line-height: 1;
 }

 .img-wrapper-four .float-content-2 {
   left: auto;
   top: auto;
   right: 45px;
   bottom: 30px;
 }

 .img-wrapper-five {
   position: relative;
   z-index: 1;
 }

 .img-wrapper-five .float-content-1 {
   display: flex;
   align-items: start;
   position: absolute;
   left: 102px;
   top: 150px;
   z-index: 3;
   background: var(--cor-claro);
   border-radius: 15px;
   padding: 21px 16px 24px 23px;
 }

 .img-wrapper-five .float-content-1 .content {
   flex: 1;
 }

 .img-wrapper-five .float-content-1 .icon {
   margin-right: 12px;
   transform: translateY(10px);
 }

 .img-wrapper-five .float-content-1 .number {
   color: var(--preto);
   font-size: 80px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 3px;
 }

 .img-wrapper-five .float-content-1 .text-title {
   color: var(--preto);
   font-size: 14px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-bottom: 0;
   line-height: 1;
 }

 .img-wrapper-six {
   position: relative;
   z-index: 1;
 }

 .img-wrapper-six .main-img {
   border-radius: 30px;
   position: relative;
   z-index: 1;
 }

 .img-wrapper-six .rating-box {
   border-radius: 20px;
   background: var(--cor-claro);
   box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.12);
   width: max-content;
   padding: 29px 47px 15px 47px;
 }

 .img-wrapper-six .rating-box h3 {
   font-size: 28px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
 }

 .img-wrapper-six .rating-box h3 span {
   color: rgba(30, 30, 30, 0.5);
   font-weight: 400;
   font-family: "Satoshi-Regular";
 }

 .img-wrapper-six .hero-rating a {
   font-size: 20px;
   color: #FF7F49;
 }

 .img-wrapper-seven {
   position: relative;
   z-index: 1;
 }

 .img-wrapper-seven .main-img {
   border-radius: 30px;
   position: relative;
   z-index: 1;
 }

 .img-wrapper-seven .main-img2 {
   position: absolute;
   right: 28px;
   z-index: 2;
   top: 122px;
 }

 .video-wrap-1 {
   position: relative;
   z-index: 1;
 }

 .video-wrap-1 .popup-video {
   color: var(--preto);
   font-size: 55px;
   width: 140px;
   height: 140px;
   background: var(--cor-primaria);
   display: inline-flex;
   justify-content: center;
   align-items: center;
 }

 .video-content {
   background: #E4F0F0;
   border-radius: 20px;
   padding: 80px 60px 72px 50px;
 }

 @media only screen and (max-width: 1200px) {
   .video-content {
     padding: 20px;
   }
 }

 .video-section.overlay-bg::before {
   background: rgba(0, 0, 0, 0.4);
 }

 .counter-wrap-1 {
   text-align: center;
   margin-bottom: 35px;
 }

 .counter-wrap-1 .number {
   color: var(--cor-primaria);
   font-size: 120px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 9px;
 }

 .counter-wrap-1 .counter-title {
   color: rgba(255, 255, 255, 0.6);
   font-size: 22px;
   font-family: "Satoshi-Regular";
 }

 @media only screen and (max-width: 1200px) {
   .counter-wrap-1 .number {
     font-size: 75px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .counter-wrap-1 .number {
     font-size: 60px;
   }
 }

 .counter-wrap-2 {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 37px 84px 17px 65px;
   position: relative;
   z-index: 1;
 }

 .counter-wrap-2 .counter-shape {
   position: absolute;
   right: 0;
   bottom: 0;
 }

 .counter-wrap-2 .number {
   color: var(--cor-escuro);
   font-size: 130px;
   font-weight: 400;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 20px;
   line-height: 1;
   flex: 1;
 }

 .counter-wrap-2 .counter-title {
   color: rgba(0, 0, 0, 0.5);
   font-size: 32px;
   line-height: 42px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-left: 53px;
 }

 @media only screen and (max-width: 1200px) {
   .counter-wrap-2 {
     padding: 20px 15px;
   }

   .counter-wrap-2 .number {
     font-size: 40px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .counter-wrap-2 .counter-title {
     margin-left: 0;
   }
 }

 .counter-wrap-3 {
   position: relative;
   z-index: 1;
 }

 .counter-wrap-3 .number {
   color: var(--cor-escuro);
   font-size: 120px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   display: inline-block;
   border-bottom: 2px solid var(--cor-escuro);
 }

 .counter-wrap-3 .counter-title {
   color: var(--cor-escuro);
   font-size: 30px;
   line-height: 1;
   font-family: "Radio Canada Big", serif;
   font-weight: 500;
   margin-left: 30px;
 }

 @media only screen and (max-width: 1200px) {
   .counter-wrap-3 {
     padding: 20px 15px;
   }

   .counter-wrap-3 .number {
     font-size: 40px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .counter-wrap-3 .counter-title {
     margin-left: 0;
   }
 }

 .counter-wrap-4 {
   margin-bottom: 45px;
   max-width: 375px;
 }

 .counter-wrap-4 .number {
   color: var(--preto);
   font-size: 110px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 23px;
 }

 .counter-wrap-4 .counter-title {
   color: var(--preto);
   font-size: 16px;
   font-family: "Satoshi-Bold";
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 24px;
 }

 .counter-wrap-4 .counter-divider {
   width: 100%;
   height: 1.5px;
   background: var(--preto);
   margin-bottom: 30px;
 }

 .counter-wrap-4 .description {
   font-size: 20px;
   line-height: 34px;
 }

 @media only screen and (max-width: 1200px) {
   .counter-wrap-4 .number {
     font-size: 75px;
   }

   .counter-wrap-4 .description {
     font-size: 18px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .counter-wrap-4 .number {
     font-size: 60px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .counter-wrap-4 {
     max-width: 100%;
   }
 }

 .counter-wrap-5 {
   margin-bottom: 30px;
 }

 .counter-wrap-5 .number {
   color: var(--cor-escuro);
   font-size: 90px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   font-style: italic;
   line-height: 1;
   margin-bottom: 23px;
 }

 .counter-wrap-5 .counter-title {
   color: var(--preto);
   font-size: 22px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-bottom: 0;
 }

 @media only screen and (max-width: 1200px) {
   .counter-wrap-5 .number {
     font-size: 75px;
   }

   .counter-wrap-5 .counter-title {
     font-size: 18px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .counter-wrap-5 .number {
     font-size: 60px;
   }
 }

 .border-wrapper {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

 .author-quote {
   text-align: center;
   background: #2F2E45;
   padding: 51px 45px 74px 45px;
   border-radius: 30px;
 }

 .author-quote .icon {
   background: var(--cor-primaria);
   width: 70px;
   height: 70px;
   border-radius: 50%;
   display: inline-block;
   text-align: center;
   line-height: 70px;
   margin-bottom: 37px;
 }

 .author-quote .icon img {
   display: inline-block;
 }

 .author-quote .quote-text {
   color: var(--cor-claro);
   font-size: 34px;
   line-height: 1.6;
   font-family: "Satoshi-Regular";
   margin-bottom: 57px;
 }

 .author-quote .name {
   color: var(--cor-claro);
   font-size: 20px;
   font-family: "Satoshi-Regular";
   font-weight: 500;
 }

 .author-quote .name span {
   color: rgba(255, 255, 255, 0.6);
 }

 @media only screen and (max-width: 1600px) {
   .author-quote {
     padding-left: 15px;
     padding-right: 15px;
   }

   .author-quote .quote-text {
     font-size: 30px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .author-quote .quote-text {
     font-size: 22px;
     line-height: 30px;
   }
 }

 .service-tag-list a {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Regular";
   display: inline-block;
   border-radius: 50px;
   background: var(--cor-claro);
   padding: 8px 40px;
   margin: 3px 1px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-tag-list a:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 .brand-wrap-1 {
   max-width: 86vw;
   margin: 0 auto;
 }

 .brand-wrap-1 .brand-item {
   text-align: center;
 }

 .brand-wrap-1 .brand-item a {
   display: inline-block;
 }

 .brand-wrap-1 .brand-item img {
   display: inline-block;
 }

 @media only screen and (max-width: 1200px) {
   .brand-wrap-1 {
     padding-left: 0;
     text-align: center;
   }
 }

 .brand-wrap-2 {
   padding-left: 85px;
 }

 .brand-wrap-2 h4 {
   color: rgba(0, 0, 0, 0.4);
   font-size: 23px;
   font-weight: 400;
   font-family: "Radio Canada Big", serif;
 }

 .brand-wrap-2 h4 .number {
   color: var(--preto);
   font-size: 26px;
   font-weight: 500;
   border-bottom: 1px solid var(--preto);
 }

 .brand-wrap-2 .brand-item a {
   display: inline-block;
 }

 .brand-wrap-2 .brand-item img {
   display: inline-block;
 }

 @media only screen and (max-width: 1200px) {
   .brand-wrap-2 {
     padding-left: 0;
     text-align: center;
   }
 }

 .icon-box img {
   margin-bottom: 20px;
 }

 .icon-box h4 {
   font-size: 24px;
   margin-bottom: 15px;
   font-weight: 600;
 }

 .icon-box .icon {
   color: var(--cor-primaria);
   font-size: 20px;
   display: inline-block;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   text-align: center;
   line-height: 50px;
   background: rgba(174, 255, 28, 0.1);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .icon-box:hover .icon {
   color: var(--cor-claro);
   background: var(--cor-primaria);
 }

 .skill-wrapper-box {
   padding-left: 80px;
   padding-right: 315px;
   height: 100%;
   padding-top: 100px;
   padding-bottom: 50px;
 }

 @media (max-width: 1800px) {
   .skill-wrapper-box {
     padding-right: 50px;
     padding-top: 42px;
   }
 }

 @media (max-width: 991px) {
   .skill-wrapper-box {
     padding-right: 15px;
     padding-left: 15px;
     padding-top: 60px;
   }
 }

 .skill-wrapper {
   position: relative;
   z-index: 1;
 }

 .skill-wrapper .skill-title {
   font-size: 16px;
   font-weight: 400;
   color: var(--preto);
   font-family: "Satoshi-Regular";
 }

 .skill-wrapper .progress {
   height: 7px;
   background: rgba(0, 0, 0, 0.1);
   border-radius: 0px;
   overflow: visible;
   position: relative;
   z-index: 1;
 }

 .skill-wrapper .progress .progress-bar {
   height: 7px;
   background: var(--cor-primaria);
   width: 72%;
   border-radius: 0px;
   overflow: visible;
 }

 .skill-wrapper .progress span {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   position: absolute;
   right: 13%;
   top: -30px;
 }

 .skill-wrapper.sk-2 .progress .progress-bar {
   width: 55%;
 }

 .skill-wrapper.sk-2 .skill-title span {
   right: 15%;
 }

 .skill-wrapper.sk-3 .progress .progress-bar {
   width: 95%;
 }

 .skill-wrapper.sk-3 .skill-title span {
   right: 8%;
 }

 .progressbar-content {
   text-align: center;
   display: inline-block;
 }

 .progressbar-content .chart,
 .progressbar-content .chart2 {
   display: inline-block;
   text-align: center;
   position: relative;
   z-index: 1;
 }

 .progressbar-content .chart span,
 .progressbar-content .chart2 span {
   color: var(--preto);
   font-size: 60px;
   font-family: "Radio Canada Big", serif;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   top: 50%;
   transform: translateY(-77%);
 }

 .progressbar-content .progress-title {
   font-size: 28px;
   font-family: "Satoshi-Medium";
   font-weight: 500;
   margin-top: 5px;
 }

 @media only screen and (max-width: 1200px) {
   .progressbar-content .chart span {
     font-size: 48px;
   }

   .progressbar-content .progress-title {
     font-size: 22px;
   }
 }

 .ht-marquee-wrapper {
   overflow: hidden;
   white-space: nowrap;
   position: relative;
   display: flex;
   align-items: center;
 }

 .ht-marquee-wrapper:hover .marquee-slide {
   animation-play-state: paused;
 }

 .marquee-slide {
   display: inline-block;
   animation: 35s marqueslide infinite linear;
   padding: 14px 0;
   display: flex;
   align-items: center;
 }

 .marquee-slide .marquee-text {
   color: transparent;
   font-size: 200px;
   font-weight: 600;
   line-height: 1;
   -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
   position: relative;
 }

 .marquee-slide .marquee-text::before {
   content: attr(data-text);
   position: absolute;
   width: 0;
   height: 100%;
   color: var(--preto);
   -webkit-text-stroke: 0px transparent;
   overflow: hidden;
   transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
   opacity: 0.01;
 }

 .marquee-slide .marquee-text:hover::before {
   width: 100%;
 }

 @media only screen and (max-width: 1600px) {
   .marquee-slide .marquee-text {
     font-size: 120px;
   }
 }

 .website-timer {
   padding: 0;
   margin: 0 auto;
   list-style: none;
   max-width: 450px;
   display: flex;
   justify-content: center;
   justify-content: space-between;
 }

 .working-process-section {
   border-radius: 40px;
   margin-left: 20px;
   margin-right: 20px;
 }

 .working-process-section .shape-1 {
   position: absolute;
   top: 60px;
   left: 170px;
 }

 .working-process-section .shape-2 {
   position: absolute;
   right: 88px;
   top: 105px;
 }

 .working-process-section-2 {
   background: #EBF3FF;
   padding-left: 175px;
   padding-right: 175px;
 }

 .working-process-section-2 .shape-1 {
   position: absolute;
   top: 60px;
   left: 170px;
 }

 .working-process-section-2 .shape-2 {
   position: absolute;
   right: 88px;
   top: 105px;
   transform: rotate(90deg);
 }

 @media only screen and (max-width: 1600px) {
   .working-process-section-2 {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media only screen and (max-width: 991.98px) {

   .working-process-section-2 .shape-1,
   .working-process-section-2 .shape-2 {
     display: none;
   }
 }

 .process-wrap-1 {
   margin-bottom: 45px;
   text-align: center;
 }

 .process-wrap-1 .icon {
   background: var(--cor-escuro);
   width: 90px;
   height: 90px;
   line-height: 90px;
   text-align: center;
   border-radius: 50%;
   margin: 0 auto;
   margin-bottom: 35px;
 }

 .process-wrap-1 .process-title {
   color: var(--cor-claro);
   font-size: 40px;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
 }

 .process-wrap-1 .description {
   color: var(--cor-claro);
 }

 @media only screen and (max-width: 1600px) {
   .process-wrap-1 .process-title {
     font-size: 24px;
   }
 }

 .process-wrap-2 {
   padding-left: 15px;
   padding-right: 15px;
   margin-bottom: 45px;
   text-align: center;
   position: relative;
   z-index: 1;
 }

 .process-wrap-2 .arrow-icon {
   position: absolute;
   z-index: 1;
   right: -14%;
   top: 16%;
 }

 .process-wrap-2 .icon {
   background: var(--cor-primaria);
   width: 90px;
   height: 90px;
   line-height: 90px;
   text-align: center;
   border-radius: 50%;
   margin: 0 auto;
   margin-bottom: 35px;
 }

 .process-wrap-2 .icon img {
   filter: invert(1);
 }

 .process-wrap-2 .process-title {
   color: var(--cor-escuro);
   font-size: 40px;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
 }

 .process-wrap-2 .description {
   color: var(--cor-escuro);
 }

 @media only screen and (max-width: 1600px) {
   .process-wrap-2 .process-title {
     font-size: 24px;
   }

   .process-wrap-2 .arrow-icon {
     right: 50px;
     z-index: -1;
   }
 }

 .service-wrap-1 {
   padding: 50px 50px 60px 50px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-1 .icon {
   width: 80px;
   height: 80px;
   border-radius: 50%;
   background: var(--cor-escuro);
   text-align: center;
   line-height: 72px;
   margin-bottom: 26px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-1 .icon img {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-1 .service-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 10px;
 }

 .service-wrap-1 .service-title a {
   color: var(--cor-escuro);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-1 .service-title a:hover {
   color: var(--cor-primaria);
 }

 .service-wrap-1 .description {
   color: var(--cor-escuro);
   margin-bottom: 55px;
 }

 .service-wrap-1 .more-btn {
   color: var(--cor-escuro);
   font-size: 18px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   border-bottom: 1.5px solid var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-1 .more-btn:hover {
   border-bottom-color: transparent;
 }

 @media only screen and (max-width: 1600px) {
   .service-wrap-1 {
     padding: 15px;
   }

   .service-wrap-1 .service-title a {
     font-size: 24px;
   }

   .service-wrap-1 .description {
     margin-bottom: 10px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .service-wrap-1 {
     padding-left: 0;
     padding-right: 0;
   }
 }

 .service-border {
   border-radius: 25px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   padding: 40px 30px 40px 40px;
   margin-bottom: 50px;
 }

 @media only screen and (max-width: 1200px) {
   .service-border {
     padding: 15px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .service-border {
     padding: 15px 0;
   }
 }

 .service-wrap-2 {
   background: var(--cor-claro);
   border-radius: 20px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   padding: 45px 35px 60px 35px;
   margin-bottom: 45px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-2 .icon {
   display: inline-block;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   line-height: 76px;
   text-align: center;
   background: var(--cor-escuro);
   margin-bottom: 23px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-2 .icon .front-icon {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-2 .icon .back-icon {
   display: none;
   visibility: hidden;
   opacity: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-2 .service-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 10px;
 }

 .service-wrap-2 .service-title a {
   color: var(--cor-escuro);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-2 .description {
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-2 .more-btn {
   color: var(--cor-escuro);
   font-size: 18px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 .service-wrap-2 .more-btn i {
   font-size: 20px;
   margin-left: 6px;
 }

 .service-wrap-2:hover {
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .service-wrap-2:hover .icon {
   background: var(--cor-claro);
   transform: scale(1.1);
 }

 .service-wrap-2:hover .icon .front-icon {
   display: none;
   visibility: hidden;
 }

 .service-wrap-2:hover .icon .back-icon {
   display: inline-block;
   visibility: visible;
   opacity: 1;
 }

 @media only screen and (max-width: 1600px) {
   .service-wrap-2 {
     padding-left: 15px;
     padding-right: 15px;
     padding-left: 15px;
     padding-right: 15px;
   }

   .service-wrap-2 .service-title a {
     font-size: 28px;
   }
 }

 .service-container-wrapper {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 120px;
 }

 @media only screen and (max-width: 1600px) {
   .service-container-wrapper {
     gap: 15px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .service-container-wrapper {
     grid-template-columns: repeat(2, 1fr);
     justify-content: center;
     gap: 15px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .service-container-wrapper {
     grid-template-columns: repeat(1, 1fr);
     justify-content: center;
     gap: 15px;
   }
 }

 .service-wrap-3 {
   text-align: center;
   margin-bottom: 45px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-3 .icon {
   display: inline-block;
   width: 250px;
   height: 250px;
   border-radius: 50%;
   line-height: 245px;
   text-align: center;
   border: 2px solid var(--preto);
   margin-bottom: 37px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-3 .icon .front-icon {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-3 .icon .back-icon {
   display: none;
   visibility: hidden;
   opacity: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-3 .service-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 14px;
 }

 .service-wrap-3 .service-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-3 .description {
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-3:hover .icon {
   background: var(--preto);
 }

 .service-wrap-3:hover .icon .front-icon {
   display: none;
   visibility: hidden;
 }

 .service-wrap-3:hover .icon .back-icon {
   display: inline-block;
   visibility: visible;
   opacity: 1;
 }

 @media only screen and (max-width: 1600px) {
   .service-wrap-3 .service-title a {
     font-size: 28px;
   }
 }

 .service-wrap-4 {
   border: 1.5px solid rgba(0, 0, 0, 0.2);
   border-radius: 30px;
   padding: 50px 60px 58px 40px;
   margin-bottom: 60px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-4 .icon {
   width: 140px;
   height: 140px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 2px solid var(--cor-escuro);
   background: var(--cor-escuro);
   margin-right: 60px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-4 .icon .front-icon {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-4 .icon .back-icon {
   display: none;
   visibility: hidden;
   opacity: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-4 .content {
   flex: 1;
 }

 .service-wrap-4 .service-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 23px;
 }

 .service-wrap-4 .service-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-4 .service-title a:hover {
   color: var(--cor-escuro);
 }

 .service-wrap-4 .description {
   color: var(--preto);
   margin-bottom: 44px;
 }

 .service-wrap-4 .more-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   letter-spacing: 0.05px;
   border-bottom: 1.5px solid var(--preto);
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-4 .more-btn img {
   display: inline-block;
   margin-left: 15px;
 }

 .service-wrap-4 .more-btn:hover {
   border-bottom-color: transparent;
 }

 .service-wrap-4:hover {
   background: #E4F0F0;
   border-color: var(--preto);
 }

 .service-wrap-4:hover .icon {
   background: var(--cor-primaria);
   border-color: var(--preto);
 }

 .service-wrap-4:hover .icon .front-icon {
   display: none;
   visibility: hidden;
 }

 .service-wrap-4:hover .icon .back-icon {
   display: inline-block;
   visibility: visible;
   opacity: 1;
 }

 @media only screen and (max-width: 1600px) {
   .service-wrap-4 {
     padding: 30px 15px;
   }

   .service-wrap-4 .icon {
     margin-right: 15px;
   }

   .service-wrap-4 .service-title {
     font-size: 24px;
   }

   .service-wrap-4 .description {
     margin-bottom: 10px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .service-wrap-4 .more-btn {
     font-size: 16px;
   }

   .service-wrap-4 .icon {
     margin-right: 0;
     margin-bottom: 20px;
   }
 }

 .service-wrap-5 {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 45px 35px 48px 45px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   margin-bottom: 45px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-5 .icon {
   width: 140px;
   height: 140px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f4f4f4;
   margin-bottom: 32px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-5 .icon .front-icon {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-5 .icon .back-icon {
   display: none;
   visibility: hidden;
   opacity: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-5 .service-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 16px;
 }

 .service-wrap-5 .service-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-5 .description {
   margin-bottom: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-5 .more-btn {
   display: inline-block;
 }

 .service-wrap-5:hover {
   background: #E2F5F5;
   border-color: #E2F5F5;
 }

 .service-wrap-5:hover .icon {
   background: var(--cor-escuro);
 }

 .service-wrap-5:hover .icon .front-icon {
   display: none;
   visibility: hidden;
 }

 .service-wrap-5:hover .icon .back-icon {
   display: inline-block;
   visibility: visible;
   opacity: 1;
 }

 @media only screen and (max-width: 1600px) {
   .service-wrap-5 {
     padding-left: 15px;
     padding-right: 15px;
   }

   .service-wrap-5 .service-title {
     font-size: 28px;
   }
 }

 .service-wrap-6 {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 50px 60px 58px 40px;
   margin-bottom: 60px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-6 .icon {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--cor-escuro);
   margin-right: 60px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-6 .icon .front-icon {
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-6 .icon .back-icon {
   display: none;
   visibility: hidden;
   opacity: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-6 .content {
   flex: 1;
 }

 .service-wrap-6 .service-title {
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 23px;
 }

 .service-wrap-6 .service-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   line-height: 1.3em;
 }

 .service-wrap-6 .service-title a:hover {
   color: var(--cor-escuro);
 }

 .service-wrap-6 .description {
   color: var(--preto);
   margin-bottom: 25px;
 }

 .service-wrap-6 .more-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   letter-spacing: 0.05px;
   border-bottom: 1.5px solid var(--preto);
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .service-wrap-6 .more-btn img {
   display: inline-block;
   margin-left: 15px;
 }

 .service-wrap-6 .more-btn:hover {
   border-bottom-color: transparent;
 }

 .service-wrap-6:hover .icon {
   background: var(--cor-primaria);
   border-color: var(--preto);
 }

 .service-wrap-6:hover .icon .front-icon {
   display: none;
   visibility: hidden;
 }

 .service-wrap-6:hover .icon .back-icon {
   display: inline-block;
   visibility: visible;
   opacity: 1;
 }

 @media only screen and (max-width: 1600px) {
   .service-wrap-6 {
     padding: 30px 15px;
   }

   .service-wrap-6 .service-title {
     font-size: 24px;
   }

   .service-wrap-6 .description {
     margin-bottom: 10px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .service-wrap-6 .icon {
     margin-bottom: 20px;
     margin-right: 0;
   }

   .service-wrap-6 .more-btn {
     font-size: 16px;
   }
 }

 .portfolio-section-bg {
   width: 100%;
   height: 640px;
   left: 0;
   bottom: 0;
   position: absolute;
   z-index: -1;
 }

 .portfolio-wrap-1 {
   margin-bottom: 45px;
 }

 .portfolio-wrap-1 .portfolio-thumb {
   margin-bottom: 20px;
   position: relative;
   z-index: 1;
 }

 .portfolio-wrap-1 .portfolio-thumb::before {
   content: "";
   position: absolute;
   background: #175557;
   opacity: 0;
   visibility: hidden;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   border-radius: 20px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .portfolio-wrap-1 .portfolio-thumb img {
   border-radius: 20px;
   width: 100%;
 }

 .portfolio-wrap-1 .pf-title {
   color: var(--preto);
   font-size: 30px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 15px;
   transition: all 0.4s;
 }

 .portfolio-wrap-1 .pf-tag {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   display: inline-block;
   margin-bottom: 11px;
 }

 .portfolio-wrap-1 .icon-link {
   font-size: 32px;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background: var(--cor-primaria);
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   z-index: 3;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .portfolio-wrap-1 .icon-link img {
   width: auto;
 }

 .portfolio-wrap-1:hover .portfolio-thumb::before {
   opacity: 0.4;
   visibility: visible;
 }

 .portfolio-wrap-1:hover .icon-link {
   opacity: 1;
   visibility: visible;
 }

 @media only screen and (max-width: 1200px) {
   .portfolio-wrap-1 .pf-title {
     font-size: 24px;
   }
 }

 .portfolio-wrap-2 {
   background: var(--cor-claro);
   border-radius: 30px;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
 }

 .portfolio-wrap-2 .portfolio-thumb {
   margin-bottom: 30px;
 }

 .portfolio-wrap-2 .portfolio-thumb img {
   border-radius: 30px 30px 0 0;
   width: 100%;
 }

 .portfolio-wrap-2 .content {
   padding-left: 30px;
   padding-bottom: 28px;
   max-width: 85%;
 }

 .portfolio-wrap-2 .pf-title {
   color: var(--preto);
   font-size: 30px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 15px;
   transition: all 0.4s;
 }

 .portfolio-wrap-2 .pf-tag {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   display: inline-block;
   margin-bottom: 11px;
 }

 .portfolio-wrap-2 .icon-link {
   color: var(--cor-claro);
   font-size: 32px;
   width: 90px;
   height: 90px;
   border-radius: 20px;
   background: var(--cor-escuro);
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   z-index: 3;
   right: 30px;
   bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .portfolio-wrap-2 .icon-link img {
   width: auto;
   border-radius: 0;
 }

 .portfolio-wrap-2 .icon-link:hover {
   background: var(--cor-primaria);
 }

 .portfolio-wrap-2 .icon-link:hover img {
   filter: invert(1);
 }

 @media only screen and (max-width: 1200px) {
   .portfolio-wrap-2 .icon-link {
     top: 50%;
     bottom: auto;
     width: 60px;
     height: 60px;
   }

   .portfolio-wrap-2 .pf-title {
     font-size: 24px;
   }

   .portfolio-wrap-2 .content {
     max-width: 100%;
   }
 }

 .portfolio-wrap-3 {
   background: #E4F0F0;
   border-radius: 30px;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
 }

 .portfolio-wrap-3 .portfolio-thumb {
   margin-bottom: 30px;
 }

 .portfolio-wrap-3 .portfolio-thumb img {
   border-radius: 30px 30px 0 0;
   width: 100%;
 }

 .portfolio-wrap-3 .content {
   padding-left: 30px;
   padding-bottom: 28px;
   max-width: 90%;
 }

 .portfolio-wrap-3 .pf-title {
   color: var(--preto);
   font-size: 30px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 1;
   margin-bottom: 15px;
   max-width: 90%;
   transition: all 0.4s;
 }

 .portfolio-wrap-3 .pf-tag {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   display: inline-block;
   margin-bottom: 11px;
 }

 .portfolio-wrap-3 .icon-link {
   color: var(--cor-claro);
   font-size: 32px;
   width: 90px;
   height: 90px;
   border-radius: 20px;
   background: var(--cor-escuro);
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   z-index: 3;
   right: 30px;
   bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .portfolio-wrap-3 .icon-link img {
   width: auto;
   border-radius: 0;
 }

 .portfolio-wrap-3 .icon-link:hover {
   background: var(--cor-primaria);
 }

 .portfolio-wrap-3 .icon-link:hover img {
   filter: invert(1);
 }

 @media only screen and (max-width: 1600px) {
   .portfolio-wrap-3 .icon-link {
     width: 60px;
     height: 60px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .portfolio-wrap-3 .icon-link {
     top: 50%;
     bottom: auto;
     width: 60px;
     height: 60px;
   }

   .portfolio-wrap-3 .pf-title {
     font-size: 24px;
   }

   .portfolio-wrap-3 .content {
     max-width: 100%;
     padding-left: 15px;
   }
 }

 .project-details-content img {
   border-radius: 30px;
 }

 .portfolio-menu {
   background: rgba(0, 0, 0, 0.1);
   padding: 10px 20px 5px 20px;
   border-radius: 50px;
   width: max-content;
 }

 .portfolio-menu .gf_btn {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   line-height: 18px;
   padding: 11px 20px;
   border: 0px;
   border-radius: 40px;
   margin-left: 2px;
   margin-right: 2px;
   margin-bottom: 5px;
   background: transparent;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.6s ease 0s;
   -moz-transition: all 0.6s ease 0s;
   -ms-transition: all 0.6s ease 0s;
   -o-transition: all 0.6s ease 0s;
   transition: all 0.6s ease 0s;
 }

 .portfolio-menu .gf_btn:hover,
 .portfolio-menu .gf_btn.active {
   background: var(--cor-primaria);
   color: var(--cor-claro);
 }

 @media only screen and (max-width: 991.98px) {
   .portfolio-menu .gf_btn {
     font-size: 16px;
     padding: 10px;
   }
 }

 .project-info {
   padding-top: 45px;
   padding-bottom: 10px;
   padding-left: 45px;
   padding-right: 45px;
   background: var(--cor-escuro);
   border-radius: 20px;
   margin-top: -350px;
 }

 .project-info .project-info-top-title {
   color: var(--cor-claro);
   font-size: 36px;
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   margin-bottom: 45px;
 }

 .project-info .info-box {
   margin-bottom: 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }

 .project-info .info-box .icon {
   color: var(--preto);
   width: 60px;
   height: 60px;
   text-align: center;
   line-height: 60px;
   background: var(--cor-primaria);
   border-radius: 50%;
   font-size: 26px;
   margin-right: 20px;
 }

 .project-info .info-box p {
   font-size: 20px;
   color: var(--cor-claro);
   opacity: 0.7;
   margin-bottom: 0px;
 }

 .project-info .info-box h5 {
   color: var(--cor-claro);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
 }

 @media only screen and (max-width: 767.98px) {

   .project-info .info-box p,
   .project-info .info-box h5 {
     font-size: 18px;
   }
 }

 @media only screen and (max-width: 1800px) {
   .project-info {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 1600px) {
   .project-info {
     margin-top: 0;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .project-info .project-info-top-title {
     font-size: 24px;
   }
 }

 .portfolio-navigation-wrap {
   border: 1px solid rgba(0, 0, 0, 0.5);
   border-radius: 20px;
   padding-top: 30px;
   padding-bottom: 30px;
 }

 .portfolio-navigation .icon-link {
   border: 1px solid var(--preto);
   width: 100px;
   height: 100px;
   border-radius: 50%;
   justify-content: center;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .portfolio-navigation .icon-link img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .portfolio-navigation .icon-link:hover {
   border-color: var(--cor-primaria);
   background: var(--cor-primaria);
 }

 .portfolio-navigation .icon-link:hover img {
   filter: invert(1);
 }

 @media only screen and (max-width: 767.98px) {
   .portfolio-navigation .icon-link {
     margin-bottom: 30px;
   }
 }

 .portfolio-navigation .pf-tag {
   font-weight: 400;
   font-size: 20px;
   margin-bottom: 15px;
 }

 .portfolio-navigation .pf-title {
   font-size: 26px;
   font-weight: 500;
   margin-bottom: 0;
 }

 .contact-form-wrapper {
   background: var(--cor-claro);
   border-radius: 30px 0 0 30px;
   padding: 54px 120px 78px 60px;
 }

 @media only screen and (max-width: 1200px) {
   .contact-form-wrapper {
     padding: 15px 15px 12px 15px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .contact-form-wrapper {
     padding: 30px 15px;
   }
 }

 .contact-form-wrapper-2 {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 40px 0 50px 40px;
 }

 @media only screen and (max-width: 1200px) {
   .contact-form-wrapper-2 {
     padding: 15px 0 12px 15px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .contact-form-wrapper-2 {
     padding: 30px 15px;
   }
 }

 .contact-form-wrapper-3 {
   background: var(--cor-escuro);
   border-radius: 30px;
   padding: 57px 60px 70px 60px;
 }

 @media only screen and (max-width: 991.98px) {
   .contact-form-wrapper-3 {
     padding: 30px 15px;
   }
 }

 .contact-bg-one {
   background: var(--cor-claro);
   border-radius: 30px;
 }

 .contact-img-box img {
   border-radius: 0 30px 30px 0;
 }

 @media only screen and (max-width: 1200px) {
   .contact-img-box img {
     width: 100%;
   }
 }

 .contact-form .input-wrapper {
   position: relative;
   z-index: 1;
   margin-bottom: 40px;
 }

 .contact-form .input-wrapper input {
   width: 100%;
   height: 49px;
   border: 0;
   background: rgba(255, 255, 255, 0.15);
   color: var(--preto);
   font-size: 18px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   border-radius: 0;
   border-bottom: 1px solid var(--preto);
 }

 .contact-form .input-wrapper input::placeholder,
 .contact-form .input-wrapper input::-moz-placeholder,
 .contact-form .input-wrapper input::-webkit-placeholder,
 .contact-form .input-wrapper input::-o-placeholder,
 .contact-form .input-wrapper input::-ms-placeholder {
   color: var(--preto);
   font-size: 18px;
 }

 .contact-form .input-wrapper textarea {
   width: 100%;
   height: 119px;
   border: 0;
   background: rgb(255, 255, 255);
   color: var(--preto);
   font-size: 16px;
   font-family: "Satoshi-Regular";
   padding-top: 10px;
   border-radius: 0;
   border-bottom: 1px solid var(--preto);
 }

 .contact-form .input-wrapper textarea::placeholder,
 .contact-form .input-wrapper textarea::-moz-placeholder,
 .contact-form .input-wrapper textarea::-webkit-placeholder,
 .contact-form .input-wrapper textarea::-o-placeholder,
 .contact-form .input-wrapper textarea::-ms-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .contact-form .submit-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   height: 65px;
   line-height: 60px;
   padding-left: 55px;
   padding-right: 55px;
   text-transform: uppercase;
   letter-spacing: 0.05px;
   border-radius: 50px;
   border: 0;
   background: var(--cor-primaria);
   border: 2px solid var(--preto);
   width: 100%;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .contact-form .submit-btn:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 @media only screen and (max-width: 1200px) {
   .contact-form .input-wrapper {
     margin-bottom: 25px;
   }
 }

 .contact-form.form-2 .input-wrapper input,
 .contact-form.form-2 .input-wrapper textarea {
   color: var(--preto);
   padding-left: 0;
   border-bottom: 1px solid var(--preto);
   border-radius: 0px;
 }

 .contact-form.form-2 .input-wrapper input::placeholder,
 .contact-form.form-2 .input-wrapper input::-ms-placeholder,
 .contact-form.form-2 .input-wrapper input::-o-placeholder,
 .contact-form.form-2 .input-wrapper input::-moz-placeholder,
 .contact-form.form-2 .input-wrapper input::-webkit-placeholder,
 .contact-form.form-2 .input-wrapper textarea::placeholder,
 .contact-form.form-2 .input-wrapper textarea::-ms-placeholder,
 .contact-form.form-2 .input-wrapper textarea::-o-placeholder,
 .contact-form.form-2 .input-wrapper textarea::-moz-placeholder,
 .contact-form.form-2 .input-wrapper textarea::-webkit-placeholder {
   color: var(--preto);
 }

 .contact-form.form-2 .submit-btn {
   color: var(--cor-claro);
   width: auto;
   background: var(--cor-escuro);
 }

 .contact-form.form-2 .submit-btn:hover {
   background: var(--preto);
 }

 .contact-form.form-3 .input-wrapper input,
 .contact-form.form-3 .input-wrapper textarea {
   color: var(--cor-claro);
   padding-left: 0;
   border-bottom: 1px solid var(--cor-claro);
   border-radius: 0px;
   background: transparent;
 }

 .contact-form.form-3 .input-wrapper input::-webkit-input-placeholder,
 .contact-form.form-3 .input-wrapper textarea::-webkit-input-placeholder {
   color: var(--cor-claro);
   background: transparent;
 }

 .contact-form.form-3 .input-wrapper input::-moz-placeholder,
 .contact-form.form-3 .input-wrapper textarea::-moz-placeholder {
   color: var(--cor-claro);
   background: transparent;
 }

 .contact-form.form-3 .input-wrapper input::-ms-placeholder,
 .contact-form.form-3 .input-wrapper textarea::-ms-placeholder {
   color: var(--cor-claro);
   background: transparent;
 }

 .contact-form.form-3 .input-wrapper input::placeholder,
 .contact-form.form-3 .input-wrapper textarea::placeholder {
   color: var(--cor-claro);
   background: transparent;
 }

 .contact-form.form-3 .submit-btn {
   color: var(--cor-claro);
   width: 100%;
   background: var(--cor-secundaria2);
   border-color: var(--cor-secundaria2);
 }

 .subscribe-form {
   width: 100%;
   position: relative;
   z-index: 1;
 }

 .subscribe-form input {
   width: 100%;
   height: 70px;
   border: 0;
   color: var(--cor-escuro);
   font-size: 18px;
   font-family: "Satoshi-Regular";
   border: 1px solid var(--cor-escuro);
   padding-left: 30px;
   border-radius: 10px;
 }

 .subscribe-form input::placeholder,
 .subscribe-form input::-moz-placeholder,
 .subscribe-form input::-webkit-placeholder,
 .subscribe-form input::-o-placeholder,
 .subscribe-form input::-ms-placeholder {
   color: var(--cor-escuro);
   font-size: 18px;
 }

 .subscribe-form button {
   color: var(--cor-claro);
   font-size: 18px;
   font-family: "Radio Canada Big", serif;
   border: 0;
   font-weight: 600;
   line-height: 1;
   text-transform: capitalize;
   display: inline-block;
   background: var(--cor-escuro);
   position: absolute;
   right: 8px;
   top: 8px;
   border-radius: 6px;
   height: 55px;
   width: max-content;
   padding: 0px 37px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .subscribe-form button:hover {
   color: var(--preto);
   background: var(--cor-primaria);
 }

 .subscribe-form.sub-form-2 {
   display: inline-block;
 }

 .subscribe-form.sub-form-2 input {
   height: 70px;
   line-height: 70px;
   display: block;
   border-radius: 10px;
 }

 .subscribe-form.sub-form-2 input::placeholder {
   color: var(--preto);
 }

 .subscribe-form.sub-form-2 button {
   color: var(--preto);
   font-size: 18px;
   background: var(--cor-primaria);
   min-height: 55px;
   line-height: 55px;
   padding-left: 30px;
   padding-right: 30px;
   width: auto;
   border-radius: 8px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .subscribe-form.sub-form-2 button:hover {
   color: var(--cor-claro);
   background: var(--cor-escuro);
 }

 @media only screen and (max-width: 991.98px) {
   .subscribe-form.sub-form-2 input {
     width: 100%;
     margin-bottom: 15px;
   }

   .subscribe-form.sub-form-2 button {
     right: 0;
   }
 }

 .subscribe-form.sub-form-3 input {
   border: 1px solid var(--preto);
   border-radius: 10px;
   height: 65px;
   line-height: 65px;
   font-size: 16px;
 }

 .subscribe-form.sub-form-3 input::placeholder,
 .subscribe-form.sub-form-3 input::-moz-placeholder,
 .subscribe-form.sub-form-3 input::-webkit-placeholder,
 .subscribe-form.sub-form-3 input::-o-placeholder,
 .subscribe-form.sub-form-3 input::-ms-placeholder {
   color: var(--preto);
   font-size: 16px;
 }

 .subscribe-form.sub-form-3 button {
   color: var(--preto);
   background: var(--cor-secundaria2);
   position: relative;
   z-index: 1;
   min-width: 155px;
   min-height: 65px;
   text-transform: uppercase;
   right: unset;
   top: unset;
   margin-left: 15px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .subscribe-form.sub-form-3 button:hover {
   color: var(--cor-claro);
   background: var(--cor-secundaria1);
 }

 @media only screen and (max-width: 767.98px) {
   .subscribe-form.sub-form-3 button {
     margin-left: 0;
   }
 }

 .subscribe-form.sub-form-4 {
   display: inline-block;
 }

 .subscribe-form.sub-form-4 input {
   width: 386px;
   height: 65px;
   line-height: 65px;
   border: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   display: block;
 }

 .subscribe-form.sub-form-4 button {
   color: var(--cor-claro);
   background: var(--cor-primaria);
   min-height: 65px;
   line-height: 65px;
   padding-left: 30px;
   padding-right: 30px;
   width: auto;
   transform: translateY(-11px);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .subscribe-form.sub-form-4 button:hover {
   background: var(--preto);
 }

 @media only screen and (max-width: 991.98px) {
   .subscribe-form.sub-form-4 input {
     width: 100%;
     margin-bottom: 15px;
   }

   .subscribe-form.sub-form-4 button {
     right: 0;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .subscribe-form.sub-form-4 button {
     width: 100%;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .subscribe-form {
     text-align: center;
     width: 100%;
   }

   .subscribe-form button {
     width: 100%;
     position: relative;
     top: unset;
     right: unset;
     margin-top: 10px;
   }

   .subscribe-form button.black-btn {
     background: var(--preto);
   }
 }

 .contact-map {
   margin-top: -515px;
 }

 .contact-map iframe {
   height: 730px;
   width: 100%;
   display: block;
 }

 @media only screen and (max-width: 1600px) {
   .contact-map {
     margin-top: -400px;
   }

   .contact-map iframe {
     height: 600px;
   }
 }

 @media only screen and (max-width: 1600px) {
   .contact-map {
     margin-top: 60px;
   }

   .contact-map iframe {
     height: 400px;
   }
 }

 .loan-calculate-form {
   position: relative;
   z-index: 1;
 }

 .loan-calculate-form .loan-calculator-form {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 70px 60px 50px 60px;
 }

 @media only screen and (max-width: 767.98px) {
   .loan-calculate-form .loan-calculator-form {
     padding: 70px 15px 50px 15px;
   }
 }

 .loan-calculate-form .input-wrapper {
   margin-bottom: 30px;
   position: relative;
   z-index: 1;
 }

 .loan-calculate-form .input-wrapper label {
   color: var(--preto);
   font-size: 14px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   display: block;
 }

 .loan-calculate-form .input-wrapper input {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Satoshi-Bold";
   border: 0;
   background: rgba(0, 0, 0, 0.06);
   height: 65px;
   width: 100%;
   border-radius: 8px;
   padding-left: 25px;
 }

 .loan-calculate-form .input-wrapper input::placeholder,
 .loan-calculate-form .input-wrapper input::-moz-placeholder,
 .loan-calculate-form .input-wrapper input::-webkit-placeholder,
 .loan-calculate-form .input-wrapper input::-o-placeholder,
 .loan-calculate-form .input-wrapper input::-ms-placeholder {
   color: var(--preto);
   font-size: 22px;
 }

 .loan-calculate-form .input-wrapper input[type=number]::-webkit-inner-spin-button {
   opacity: 1;
 }

 .signup-form-section .contact-wrapper {
   background: rgba(244, 244, 244, 0.5);
   padding: 50px;
   border-radius: 30px;
 }

 @media only screen and (max-width: 767.98px) {
   .signup-form-section .contact-wrapper {
     padding-left: 10px;
     padding-right: 10px;
   }
 }

 .signup-form-section .contact-form .input-wrapper span {
   left: 21px;
 }

 .signup-form-section button.signup-btn {
   border: 0;
   width: 100%;
   height: 45px;
   background: transparent;
   color: var(--preto);
   font-weight: 600;
 }

 .info-box2 {
   text-align: center;
   background: #F3F3F3;
   border-radius: 20px;
   padding: 40px 40px 30px 40px;
   margin-bottom: 45px;
 }

 .info-box2 .icon {
   color: var(--cor-claro);
   width: 70px;
   height: 70px;
   background: var(--cor-primaria);
   border-radius: 50%;
   font-size: 40px;
   text-align: center;
   line-height: 70px;
   margin-right: 20px;
   margin-bottom: 25px;
   margin: 0 auto;
   margin-bottom: 20px;
 }

 .info-box2 .info-title {
   font-size: 28px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 15px;
 }

 .info-box2 p {
   margin-bottom: 0;
 }

 @media only screen and (max-width: 1200px) {
   .info-box2 {
     padding-left: 0;
     padding-right: 0;
   }

   .info-box2 .icon {
     margin-bottom: 30px;
   }

   .info-box2 .info-title {
     font-size: 22px;
   }
 }

 .user-data-form {
   background: #fff;
   margin: 0 auto;
   max-width: 720px;
   border-radius: 20px !important;
   padding: 50px 15px 40px;
 }

 .user-data-form .btn-close {
   position: absolute;
   right: 15px;
   top: 15px;
   box-shadow: none;
   z-index: 1;
 }

 .user-data-form .form-wrapper {
   max-width: 565px;
 }

 .user-data-form .form-wrapper .input-wrapper label {
   font-size: 16px;
   font-weight: normal;
   color: #175557;
   display: block;
   margin-bottom: 6px;
 }

 .user-data-form .form-wrapper .input-wrapper .placeholder-icon {
   position: absolute;
   height: 55px;
   top: 49px;
   right: 0;
   bottom: 0;
   width: 50px;
   text-align: center;
   z-index: 1;
   color: rgba(0, 0, 0, 0.45);
   font-size: 17px;
 }

 .user-data-form .form-wrapper .input-wrapper .placeholder-icon .passVicon {
   width: 100%;
   height: 100%;
   cursor: pointer;
   display: block;
   position: relative;
 }

 .user-data-form .form-wrapper .input-wrapper input {
   width: 100%;
   height: 55px;
   font-size: 20px;
   border: 1px solid rgba(37, 64, 53, 0.06);
   border-radius: 8px;
   padding: 0 52px 0 20px;
   color: var(--preto);
   background: #E9F3F3;
 }

 .user-data-form .form-wrapper .input-wrapper input::placeholder {
   color: var(--preto);
   font-size: 20px;
 }

 .user-data-form .form-wrapper .input-wrapper input::-webkit-placeholder {
   color: var(--preto);
   font-size: 20px;
 }

 .user-data-form .form-wrapper .input-wrapper input::-moz-placeholder {
   color: var(--preto);
   font-size: 20px;
 }

 .user-data-form .form-wrapper .input-wrapper input::-o-placeholder {
   color: var(--preto);
   font-size: 20px;
 }

 .user-data-form .form-wrapper .input-wrapper input::-ms-placeholder {
   color: var(--preto);
   font-size: 20px;
 }

 .user-data-form .agreement-checkbox input[type=checkbox] {
   display: none;
 }

 .user-data-form .agreement-checkbox label {
   position: relative;
   font-size: 16px;
   font-weight: 500;
   color: #19352d;
   cursor: pointer;
   padding-left: 22px;
   transition: all 0.1s ease-in-out;
 }

 .user-data-form .agreement-checkbox label::before {
   content: "";
   width: 14px;
   height: 14px;
   line-height: 11px;
   border-radius: 2px;
   border: 2px solid #b3b3b3;
   font-size: 12px;
   text-align: center;
   position: absolute;
   left: 0;
   top: 11px;
   transition: all 0.1s ease-in-out;
 }

 .user-data-form .agreement-checkbox a {
   position: relative;
   font-size: 16px;
   color: rgba(0, 0, 0, 0.5);
 }

 .user-data-form .nav {
   background: #f0f5f3;
   border-radius: 40px;
 }

 .user-data-form .nav .nav-item {
   width: 50%;
 }

 .user-data-form .nav .nav-item .nav-link {
   font-weight: 500;
   display: block;
   width: 100%;
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 40px;
   font-size: 20px;
   color: #839b8f;
 }

 .user-data-form .nav .nav-item .nav-link.active {
   color: #29594b;
   border-color: #29594b;
 }

 .user-data-form h2 {
   font-size: 42px;
   font-weight: 500;
   margin-bottom: 10px;
 }

 .user-data-form .line {
   height: 1px;
   width: 100%;
   background: rgba(0, 0, 0, 0.2);
 }

 .user-data-form .social-use-btn {
   font-size: 16px;
   color: var(--preto);
   height: 55px;
   border: 1px solid #e5e5e5;
   border-radius: 7px;
 }

 .feedback-wrap-1 {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 53px 60px 85px 60px;
 }

 .feedback-wrap-1 .quote-icon {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   text-align: center;
   line-height: 65px;
   background: var(--cor-escuro);
   display: inline-block;
 }

 .feedback-wrap-1 .quote-icon img {
   display: inline-block;
 }

 .feedback-wrap-1 .feedback-text {
   font-size: 30px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   color: var(--cor-escuro);
   line-height: 1.6;
   margin-top: 30px;
   margin-bottom: 60px;
 }

 .feedback-wrap-1 .name {
   color: var(--cor-escuro);
   font-size: 24px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   padding-left: 30px;
   position: relative;
   z-index: 1;
 }

 .feedback-wrap-1 .name::before {
   content: "";
   position: absolute;
   left: 0;
   top: 48%;
   width: 21px;
   height: 2px;
   background: var(--cor-escuro);
 }

 .feedback-wrap-1 .designation {
   color: rgba(0, 0, 0, 0.6);
   font-family: "Satoshi-Regular";
   font-weight: 400;
 }

 @media only screen and (max-width: 1200px) {
   .feedback-wrap-1 {
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 25px;
     padding-bottom: 20px;
   }

   .feedback-wrap-1 .feedback-text {
     margin-bottom: 20px;
   }

   .feedback-wrap-1 .name {
     font-size: 20px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feedback-wrap-1 .feedback-text {
     font-size: 24px;
     line-height: 38px;
     margin-bottom: 25px;
   }

   .feedback-wrap-1 .name {
     font-size: 20px;
   }
 }

 .feedback-wrap-2 {
   background: #E9F3F6;
   padding-left: 40px;
   padding-right: 30px;
   border-radius: 25px;
 }

 .feedback-wrap-2 .quote-icon {
   display: inline-block;
 }

 .feedback-wrap-2 .author-avatar {
   position: relative;
   margin-top: -80px;
 }

 .feedback-wrap-2 .author-avatar img {
   display: inline-block;
 }

 .feedback-wrap-2 .name {
   color: var(--cor-escuro);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 0;
 }

 .feedback-wrap-2 .designation {
   color: var(--cor-escuro);
   font-size: 16px;
   margin-bottom: 0;
 }

 .feedback-wrap-2 .feedback-text {
   color: var(--cor-escuro);
   font-size: 40px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   line-height: 60px;
   margin-bottom: 50px;
   padding-left: 40px;
 }

 .feedback-wrap-2 .rating {
   border-radius: 42.5px;
   background: rgba(255, 255, 255, 0.7);
   box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
   backdrop-filter: blur(35px);
   text-align: center;
   width: 226px;
   padding-top: 10px;
   padding-bottom: 10px;
   position: absolute;
   bottom: 77px;
   left: -23%;
   animation: jumpAni 7s infinite linear;
 }

 .feedback-wrap-2 .rating p {
   color: var(--cor-escuro);
   margin-bottom: 0;
 }

 .feedback-wrap-2 .rating a {
   color: var(--cor-escuro);
   font-size: 24px;
   margin: 0 4px;
 }

 .feedback-wrap-2 .author-content {
   padding-left: 40px;
 }

 @media only screen and (max-width: 1200px) {
   .feedback-wrap-2 {
     padding-left: 25px;
   }

   .feedback-wrap-2 .feedback-text {
     font-size: 28px;
     line-height: 40px;
     padding-left: 0;
     margin-bottom: 20px;
   }

   .feedback-wrap-2 .author-content {
     padding-left: 0;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .feedback-wrap-2 {
     padding-bottom: 40px;
     padding-left: 15px;
     padding-right: 0;
   }

   .feedback-wrap-2 .author-avatar {
     text-align: center;
     margin-bottom: 30px;
   }

   .feedback-wrap-2 .rating {
     left: 0;
     right: 0;
     bottom: 0;
   }

   .feedback-wrap-2 .quote-icon {
     margin-left: 0;
     margin-bottom: 20px;
   }

   .feedback-wrap-2 .feedback-text {
     font-size: 24px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feedback-wrap-2 .feedback-text {
     padding-left: 0;
   }
 }

 .feedback-wrap-3 {
   background: var(--cor-claro);
   border-radius: 30px;
   padding: 75px 48px 71px 55px;
 }

 .feedback-wrap-3 .feedback-text {
   font-size: 36px;
   font-family: "Satoshi-Bold";
   font-weight: 700;
   color: var(--preto);
   line-height: 1.55;
   margin-bottom: 50px;
 }

 .feedback-wrap-3 .name {
   color: var(--preto);
   font-size: 20px;
   font-weight: 700;
   font-family: "Satoshi-Bold";
   padding-left: 30px;
   position: relative;
   z-index: 1;
   margin-bottom: 62px;
 }

 .feedback-wrap-3 .name::before {
   content: "";
   position: absolute;
   left: 0;
   top: 48%;
   width: 21px;
   height: 2px;
   background: var(--preto);
 }

 .feedback-wrap-3 .designation {
   font-family: "Satoshi-Regular";
   font-weight: 400;
 }

 .feedback-wrap-3 .rating-text {
   font-size: 20px;
   margin-bottom: 0;
   margin-left: 25px;
   line-height: 1;
 }

 .feedback-wrap-3 .rating-text span {
   font-weight: 500;
   font-family: "Satoshi-Medium";
 }

 @media only screen and (max-width: 1200px) {
   .feedback-wrap-3 {
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 25px;
     padding-bottom: 20px;
   }

   .feedback-wrap-3 .feedback-text {
     margin-bottom: 20px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feedback-wrap-3 .feedback-text {
     font-size: 24px;
     line-height: 38px;
     margin-bottom: 25px;
   }

   .feedback-wrap-3 .name {
     font-size: 20px;
   }

   .feedback-wrap-3 .rating {
     margin-bottom: 15px;
   }

   .feedback-wrap-3 .rating-text {
     margin-left: 0;
   }
 }

 .feedback-wrap-4 {
   border: 1.5px solid rgba(0, 0, 0, 0.2);
   border-radius: 30px;
   padding: 45px 62px 50px 60px;
   margin-bottom: 40px;
 }

 .feedback-wrap-4 .quote {
   background: var(--cor-primaria);
   width: 70px;
   height: 70px;
   border-radius: 50%;
   text-align: center;
   line-height: 60px;
   display: inline-block;
 }

 .feedback-wrap-4 .quote img {
   display: inline-block;
 }

 .feedback-wrap-4 .author {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   margin-right: -40px;
   position: relative;
   z-index: 2;
 }

 .feedback-wrap-4 .author img {
   display: inline-block;
 }

 .feedback-wrap-4 .name {
   color: var(--preto);
   font-size: 24px;
   font-weight: 600;
   font-family: "Satoshi-Medium";
   margin-bottom: 2px;
 }

 .feedback-wrap-4 .designation {
   color: var(--preto);
   font-size: 18px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-bottom: 0;
 }

 .feedback-wrap-4 .feedback-text {
   color: var(--preto);
   font-size: 30px;
   font-weight: 700;
   font-family: "Satoshi-Bold";
   line-height: 1.4;
   margin-bottom: 65px;
   margin-top: 46px;
 }

 .feedback-wrap-4 .rating {
   margin-top: 16px;
 }

 .feedback-wrap-4 .rating a {
   color: #FF7F49;
   font-size: 23px;
   margin: 0 4px;
 }

 .feedback-wrap-4 .flag-box {
   display: inline-block;
   position: relative;
   z-index: 1;
 }

 .feedback-wrap-4 .flag-box img {
   display: inline-block;
 }

 .feedback-wrap-4 .author-country {
   border-radius: 50%;
 }

 @media only screen and (max-width: 1600px) {
   .feedback-wrap-4 {
     padding-left: 25px;
     padding-right: 25px;
   }

   .feedback-wrap-4 .feedback-text {
     font-size: 24px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .feedback-wrap-4 .feedback-text {
     margin-bottom: 30px;
   }

   .feedback-wrap-4 .name {
     font-size: 20px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feedback-wrap-4 {
     padding-left: 15px;
     padding-right: 15px;
   }

   .feedback-wrap-4 .feedback-text {
     font-size: 20px;
   }
 }

 .feedback-slider-three {
   width: 113vw;
 }

 @media only screen and (max-width: 767.98px) {
   .feedback-slider-three {
     width: 100%;
   }
 }

 .feedback-slider-three .slick-slide.slick-current.slick-active .feedback-wrap-4 {
   border-color: var(--preto);
 }

 .feedback-wrap-5 .feedback-title {
   color: rgba(255, 255, 255, 0.8);
   font-size: 18px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   text-transform: uppercase;
   display: inline-block;
   margin-bottom: 0;
   position: relative;
   z-index: 1;
 }

 .feedback-wrap-5 .feedback-title::before {
   content: "";
   position: absolute;
   right: -33px;
   top: 10px;
   width: 20px;
   height: 1.5px;
   background: rgba(255, 255, 255, 0.8);
 }

 .feedback-wrap-5 .name {
   color: var(--cor-claro);
   font-size: 24px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 6px;
 }

 .feedback-wrap-5 .designation {
   color: var(--cor-claro);
   font-size: 18px;
   font-family: "Satoshi-Regular";
   font-weight: 400;
   margin-bottom: 0;
 }

 .feedback-wrap-5 .feedback-text {
   color: var(--cor-claro);
   font-size: 60px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   font-style: italic;
   line-height: 1.28;
   margin-bottom: 60px;
   margin-top: 16px;
 }

 @media only screen and (max-width: 1600px) {
   .feedback-wrap-5 .feedback-text {
     font-size: 38px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feedback-wrap-5 .feedback-text {
     font-size: 28px;
   }
 }

 .feedback-wrap-6 {
   position: relative;
   z-index: 1;
 }

 .feedback-wrap-6 .feedback-text {
   color: var(--preto);
   font-size: 32px;
   line-height: 1.53;
   font-family: "Satoshi-Medium";
   font-weight: 500;
   margin-bottom: 105px;
 }

 .feedback-wrap-6 .name {
   font-size: 24px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
 }

 .feedback-wrap-6 .designation {
   font-size: 18px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   margin-bottom: 0;
 }

 .feedback-wrap-6 .author-avatar {
   margin-right: 20px;
 }

 .feedback-wrap-6 .author-avatar img {
   border-radius: 50%;
   display: inline-block;
 }

 .feedback-wrap-6 .quote-icon {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background: var(--cor-primaria);
   position: absolute;
   right: 0;
   bottom: 0;
   display: inline-flex;
   justify-content: center;
   align-items: center;
 }

 .feedback-wrap-6 .quote-icon img {
   display: inline-block;
 }

 @media only screen and (max-width: 1200px) {
   .feedback-wrap-6 .feedback-text {
     font-size: 24px;
   }

   .feedback-wrap-6 .name {
     font-size: 20px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .feedback-wrap-6 .feedback-text {
     margin-bottom: 30px;
   }

   .feedback-wrap-6 .quote-icon {
     display: none;
   }
 }

 .feedback-slider-five .slick-dots {
   display: none !important;
 }

 .team-wrap-1 {
   border-radius: 30px;
   background: #F4F4F4;
   border: 2px solid var(--preto);
   margin-bottom: 45px;
   overflow: hidden;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-1 .team-thumb {
   overflow: hidden;
   position: relative;
   z-index: 1;
 }

 .team-wrap-1 .team-thumb img {
   border-radius: 10px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-1 .team-social {
   display: flex;
   flex-direction: column;
   gap: 10px;
   position: absolute;
   right: -150px;
   top: 20px;
   z-index: 2;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-1 .content {
   text-align: center;
   background: var(--cor-primaria);
   padding: 25px 43px 14px 40px;
   position: absolute;
   width: 83%;
   border-radius: 40px;
   bottom: -30%;
   min-height: 70px;
   left: 0;
   right: 0;
   margin: 0 auto;
   z-index: 3;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-1 .name {
   color: var(--preto);
   font-size: 24px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
 }

 .team-wrap-1 .name a {
   margin-bottom: 0;
 }

 .team-wrap-1 .designation {
   color: var(--preto);
   font-size: 28px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 4px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-1:hover {
   background: #DEEBDC;
   border: 2px solid #DEEBDC;
 }

 .team-wrap-1:hover .content {
   bottom: 30px;
 }

 .team-wrap-1:hover .team-social {
   right: 20px;
 }

 @media only screen and (max-width: 1200px) {
   .team-wrap-1 .content {
     bottom: 15px;
   }

   .team-wrap-1 .name a {
     font-size: 20px;
   }

   .team-wrap-1 .designation {
     font-size: 18px;
   }
 }

 .team-wrap-2 {
   text-align: center;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-2 .team-thumb {
   overflow: hidden;
   position: relative;
   z-index: 1;
 }

 .team-wrap-2 .team-thumb img {
   border-radius: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-2 .team-social {
   display: inline-flex;
   justify-content: center;
   gap: 10px;
   position: absolute;
   bottom: -100px;
   left: 0;
   right: 0;
   z-index: 2;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-2 .team-social a {
   font-size: 25px;
   width: 65px;
   height: 65px;
   line-height: 65px;
 }

 .team-wrap-2 .team-social a:hover {
   color: var(--cor-primaria);
   background: var(--cor-escuro);
 }

 .team-wrap-2 .content {
   padding-top: 19px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-2 .designation {
   color: rgba(0, 0, 0, 0.5);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 0;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-2 .name {
   color: var(--cor-claro);
   font-size: 28px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 4px;
 }

 .team-wrap-2:hover .team-social {
   bottom: 25px;
 }

 .team-wrap-2:hover .name a {
   color: var(--cor-escuro);
 }

 @media only screen and (max-width: 1200px) {
   .team-wrap-2 .name a {
     font-size: 20px;
   }

   .team-wrap-2 .designation {
     font-size: 18px;
   }
 }

 .team-wrap-3 {
   background: #F4F4F4;
   border-radius: 30px;
   padding: 30px;
   text-align: center;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-3 .team-thumb {
   overflow: hidden;
   position: relative;
   z-index: 1;
 }

 .team-wrap-3 .team-thumb img {
   border-radius: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-3 .team-social {
   display: inline-flex;
   justify-content: center;
   gap: 10px;
   position: absolute;
   bottom: -100px;
   left: 0;
   right: 0;
   z-index: 2;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-3 .team-social a {
   font-size: 25px;
   width: 65px;
   height: 65px;
   line-height: 65px;
 }

 .team-wrap-3 .team-social a:hover {
   background: var(--cor-escuro);
 }

 .team-wrap-3 .content {
   padding-top: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-3 .designation {
   color: rgba(0, 0, 0, 0.5);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin-bottom: 0;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-wrap-3 .name {
   color: var(--preto);
   font-size: 28px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 4px;
 }

 .team-wrap-3:hover .team-social {
   bottom: 25px;
 }

 .team-wrap-3:hover .name a {
   color: var(--cor-escuro);
 }

 @media only screen and (max-width: 1200px) {
   .team-wrap-3 {
     padding: 15px;
   }

   .team-wrap-3 .name a {
     font-size: 20px;
   }

   .team-wrap-3 .designation {
     font-size: 18px;
   }
 }

 .team-social a {
   color: var(--preto);
   font-size: 20px;
   background: var(--cor-claro);
   width: 45px;
   height: 45px;
   border-radius: 50%;
   text-align: center;
   line-height: 45px;
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-social a i {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-social a:hover {
   color: var(--cor-claro);
   background: var(--cor-primaria);
 }

 .team-social a:hover i {
   transform: scale(1.2);
 }

 .team-social-2 a {
   color: var(--preto);
   font-size: 22px;
   text-align: center;
   line-height: 48px;
   border: 1px solid rgb(0, 0, 0);
   border-radius: 50%;
   width: 50px;
   height: 50px;
   display: inline-block;
   margin-right: 10px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .team-social-2 a:hover {
   color: var(--preto);
   border-color: var(--cor-primaria);
   background: var(--cor-primaria);
 }

 .biography-content-wrap .team-biography img {
   border-radius: 30px 0 0 30px;
 }

 @media only screen and (max-width: 991.98px) {
   .biography-content-wrap .team-biography {
     margin-bottom: 40px;
   }

   .biography-content-wrap .team-biography img {
     border-radius: 30px;
   }
 }

 .biography-content-wrap .name {
   font-size: 60px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 .biography-content-wrap .name a {
   color: var(--preto);
 }

 .biography-content-wrap .designation {
   font-size: 20px;
   margin-bottom: 0;
 }

 .biography-content-wrap .description {
   margin-bottom: 35px;
   max-width: 79%;
 }

 .biography-content-wrap .addres-line {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   padding-bottom: 15px;
 }

 .biography-content-wrap .addres-line span {
   font-weight: 400;
   font-family: "Satoshi-Regular";
 }

 .biography-content-wrap .contact-btn {
   border: 1px solid var(--preto);
   border-radius: 30px;
   padding: 14px 40px;
   font-weight: 600;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .biography-content-wrap .contact-btn:hover {
   color: var(--cor-claro);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 @media only screen and (max-width: 1200px) {
   .biography-content-wrap .name {
     font-size: 32px;
   }

   .biography-content-wrap h3 {
     font-size: 24px;
   }

   .biography-content-wrap .description {
     max-width: 100%;
   }

   .biography-content-wrap .addres-line {
     font-size: 18px;
     padding-bottom: 10px;
   }
 }

 .biography-content {
   background: #E4F0F0;
   padding: 67px 60px 67px 75px;
   border-radius: 30px;
   position: relative;
   z-index: 1;
 }

 .biography-content .team-social-2 {
   position: absolute;
   right: 60px;
   bottom: 85px;
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 @media only screen and (max-width: 1200px) {
   .biography-content {
     padding: 25px 15px;
   }

   .biography-content .team-social-2 {
     position: relative;
     flex-direction: row;
     bottom: 0;
     left: 0;
     gap: 10px;
   }
 }

 .blog-one {
   margin-bottom: 30px;
   position: relative;
   z-index: 1;
 }

 .blog-one .blog-thumb {
   position: relative;
   z-index: 1;
 }

 .blog-one .blog-thumb img {
   max-width: 100%;
   border-radius: 30px;
 }

 .blog-one .blog-date {
   color: var(--cor-escuro);
   font-size: 16px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   text-transform: uppercase;
   line-height: 40px;
   background: var(--cor-claro);
   border-radius: 6px;
   padding: 0 25px;
   position: absolute;
   right: 35px;
   top: 35px;
 }

 .blog-one .blog-meta {
   margin-bottom: 12px;
 }

 .blog-one .blog-meta a {
   color: rgba(0, 0, 0, 0.7);
   font-size: 20px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   display: inline-block;
   margin-right: 12px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-one .blog-meta a:hover {
   color: var(--cor-escuro);
 }

 .blog-one .blog-meta a:last-child {
   margin-right: 0;
   margin-left: 8px;
 }

 .blog-one .blog-title {
   font-size: 36px;
   line-height: 46px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 15px;
   margin-top: 5px;
 }

 .blog-one .blog-title a {
   color: var(--cor-escuro);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-one .blog-title a:hover {
   color: var(--cor-escuro);
 }

 .blog-one .blog-content {
   padding-top: 30px;
 }

 .blog-one p {
   margin-bottom: 60px;
 }

 .blog-one .blog-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   width: 90px;
   height: 90px;
   border-radius: 50%;
   background: var(--cor-claro);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: 35px;
   bottom: 35px;
   transition: all 0.4s ease 0s;
 }

 .blog-one .blog-btn img {
   display: inline-block;
   transition: all 0.4s ease 0s;
 }

 .blog-one:hover .blog-btn {
   background: var(--cor-secundaria2);
   transform: rotate(-45deg);
 }

 @media only screen and (max-width: 1200px) {
   .blog-one .blog-meta a {
     font-size: 15px;
     font-weight: 400;
   }

   .blog-one .blog-meta a:first-child {
     margin-right: 3px;
   }

   .blog-one .blog-title {
     font-size: 28px;
     line-height: 1.4;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .blog-one {
     margin-left: 0;
   }

   .blog-one .blog-meta {
     margin-bottom: 15px;
   }

   .blog-one .blog-btn {
     width: 70px;
     height: 70px;
     right: 15px;
     bottom: 15px;
   }

   .blog-one .blog-date {
     right: 15px;
     top: 15px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .blog-one {
     margin-left: 0;
   }

   .blog-one .blog-content {
     margin-left: 0;
   }
 }

 .blog-two {
   position: relative;
   z-index: 1;
   margin-bottom: 45px;
 }

 .blog-two .blog-thumb {
   position: relative;
   z-index: 1;
 }

 .blog-two .blog-thumb img {
   max-width: 100%;
   border-radius: 30px;
 }

 .blog-two .blog-tag {
   color: var(--preto);
   font-size: 14px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   line-height: 35px;
   text-transform: uppercase;
   display: inline-block;
   padding: 0 20px;
   background: var(--cor-claro);
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   left: 35px;
   top: 40px;
 }

 .blog-two .blog-title {
   font-size: 36px;
   line-height: 46px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 .blog-two .blog-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-two .blog-content {
   position: absolute;
   left: 58px;
   bottom: 60px;
   z-index: 1;
   max-width: 540px;
   padding: 15px 19px 9px 20px;
 }

 .blog-two p {
   margin-bottom: 60px;
 }

 .blog-two .blog-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   width: 90px;
   height: 90px;
   border-radius: 50%;
   background: var(--cor-claro);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: 40px;
   bottom: 60px;
   transform: rotate(-45deg);
   transition: all 0.4s ease 0s;
 }

 .blog-two .blog-btn img {
   display: inline-block;
   transition: all 0.4s ease 0s;
 }

 .blog-two:hover .blog-btn {
   background: var(--cor-primaria);
 }

 @media only screen and (max-width: 1600px) {
   .blog-two .blog-thumb .blog-tag {
     position: relative;
   }

   .blog-two .blog-content {
     left: 15px;
     max-width: 400px;
   }

   .blog-two .blog-title {
     font-size: 24px;
     line-height: 36px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .blog-two .blog-content {
     bottom: 0;
     left: 0;
     max-width: 100%;
     padding: 0;
   }

   .blog-two .blog-title {
     font-size: 20px;
     line-height: 30px;
   }

   .blog-two .blog-btn {
     display: none;
   }
 }

 .blog-three {
   margin-bottom: 25px;
   background: #DEEBDC;
   border-radius: 20px;
   padding: 20px 25px 20px 35px;
   position: relative;
   z-index: 1;
 }

 .blog-three .blog-meta {
   margin-bottom: 12px;
 }

 .blog-three .blog-meta .divider {
   width: 2px;
   height: 18px;
   background: rgba(0, 0, 0, 0.6);
   display: inline-block;
   transform: rotate(24deg) translateY(3px);
 }

 .blog-three .blog-meta a {
   color: rgba(0, 0, 0, 0.6);
   font-size: 18px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   display: inline-block;
   margin-right: 12px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-three .blog-meta a:hover {
   color: var(--cor-primaria);
 }

 .blog-three .blog-title {
   font-size: 36px;
   line-height: 46px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-top: 22px;
   margin-bottom: 22px;
 }

 .blog-three .blog-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-three p {
   margin-bottom: 92px;
 }

 .blog-three .blog-date {
   color: var(--preto);
   font-size: 14px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   text-transform: uppercase;
 }

 .blog-three .blog-meta a {
   color: var(--preto);
   font-size: 14px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   line-height: 35px;
   text-transform: uppercase;
   padding: 0 20px;
   background: var(--cor-claro);
   border-radius: 6px;
 }

 .blog-three .blog-btn {
   color: var(--cor-claro);
   font-size: 24px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background: var(--preto);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: 25px;
   bottom: 25px;
   transition: all 0.4s ease 0s;
 }

 .blog-three:hover .blog-btn {
   color: var(--preto);
   background: var(--cor-primaria);
 }

 @media only screen and (max-width: 1200px) {
   .blog-three {
     padding-left: 15px;
     padding-right: 15px;
   }

   .blog-three .blog-title {
     font-size: 24px;
     line-height: 36px;
   }
 }

 .blog-four {
   position: relative;
   z-index: 1;
   margin-bottom: 45px;
 }

 .blog-four .blog-thumb {
   position: relative;
   z-index: 1;
 }

 .blog-four .blog-thumb img {
   max-width: 100%;
   border-radius: 30px;
 }

 .blog-four .blog-date {
   color: var(--cor-claro);
   font-size: 14px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   text-transform: uppercase;
   position: absolute;
   z-index: 1;
   left: 35px;
   top: 38px;
 }

 .blog-four .blog-title {
   font-size: 26px;
   line-height: 36px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 .blog-four .blog-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-four .blog-content {
   position: absolute;
   left: 35px;
   bottom: 40px;
   z-index: 1;
   max-width: 350px;
   padding: 12px 7px 10px 15px;
 }

 @media only screen and (max-width: 1200px) {
   .blog-four .blog-content {
     left: 15px;
     bottom: 10px;
   }

   .blog-four .blog-date {
     top: 15px;
     left: 15px;
   }

   .blog-four .blog-title {
     font-size: 24px;
     line-height: 36px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .blog-four .blog-title {
     font-size: 18px;
     line-height: 26px;
   }

   .blog-four .blog-content {
     padding: 0;
   }
 }

 .blog-five {
   padding: 30px;
   background: var(--cor-claro);
   border-radius: 30px;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
 }

 .blog-five .blog-thumb {
   position: relative;
   z-index: 1;
 }

 .blog-five .blog-thumb img {
   width: 100%;
   border-radius: 20px;
 }

 .blog-five .blog-date {
   color: var(--cor-claro);
   font-size: 16px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   text-transform: uppercase;
   line-height: 40px;
   background: var(--preto);
   border-radius: 28px;
   padding: 0 25px;
   position: absolute;
   left: 35px;
   top: 35px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-five .blog-meta {
   margin-bottom: 15px;
 }

 .blog-five .blog-meta .divider {
   width: 2px;
   height: 18px;
   background: rgba(0, 0, 0, 0.6);
   display: inline-block;
   transform: rotate(24deg) translateY(3px);
 }

 .blog-five .blog-meta a {
   color: rgba(0, 0, 0, 0.6);
   font-size: 18px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   display: inline-block;
   margin-right: 12px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-five .blog-meta a:hover {
   color: var(--preto);
 }

 .blog-five .blog-meta a:last-child {
   margin-right: 0;
   margin-left: 8px;
 }

 .blog-five .blog-title {
   font-size: 36px;
   line-height: 1.3;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 15px;
 }

 .blog-five .blog-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-five .blog-title a:hover {
   color: var(--cor-escuro);
 }

 .blog-five .blog-content {
   padding-top: 30px;
 }

 .blog-five .blog-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   background: var(--cor-primaria);
   width: 80px;
   height: 80px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   text-transform: uppercase;
   border-radius: 50%;
   position: absolute;
   right: 15px;
   bottom: 15px;
   transform: rotate(-45deg);
   opacity: 0;
   visibility: hidden;
   transition: all 0.4s ease 0s;
 }

 .blog-five .blog-btn img {
   display: inline-block;
   transition: all 0.4s ease 0s;
   border-radius: 0;
   width: auto;
 }

 .blog-five .blog-btn:hover {
   color: var(--cor-escuro);
 }

 .blog-five:hover .blog-btn {
   opacity: 1;
   visibility: visible;
 }

 @media only screen and (max-width: 1200px) {
   .blog-five {
     padding-top: 15px;
     padding-left: 15px;
     padding-right: 15px;
   }

   .blog-five .blog-meta a {
     font-size: 15px;
     font-weight: 400;
   }

   .blog-five .blog-meta a:first-child {
     margin-right: 3px;
   }

   .blog-five .blog-title {
     font-size: 24px;
   }

   .blog-five .blog-date {
     left: 10px;
     top: 10px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .blog-five .blog-thumb img {
     width: 100%;
   }
 }

 .blog-six {
   padding: 30px;
   background: var(--cor-claro);
   border-radius: 30px;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
 }

 .blog-six .blog-content {
   flex: 1;
   margin-left: 70px;
 }

 .blog-six .blog-thumb {
   position: relative;
   z-index: 3;
 }

 .blog-six .blog-thumb img {
   width: 100%;
   border-radius: 20px;
 }

 .blog-six .blog-tag {
   color: var(--cor-claro);
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   padding: 8px 20px;
   background: var(--preto);
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   left: 35px;
   top: 35px;
 }

 .blog-six .blog-meta {
   margin-bottom: 10px;
   text-transform: uppercase;
 }

 .blog-six .blog-meta a {
   color: rgba(0, 0, 0, 0.6);
   font-size: 18px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   display: inline-block;
   margin-right: 6px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-six .blog-meta a:hover {
   color: var(--cor-primaria);
 }

 .blog-six .blog-meta a:last-child {
   margin-right: 0;
   margin-left: 4px;
 }

 .blog-six .blog-meta .divider {
   display: inline-block;
   width: 1.4px;
   height: 14px;
   background: rgba(0, 0, 0, 0.6);
   transform: rotate(32deg) translateY(2px);
 }

 .blog-six .blog-title {
   font-size: 60px;
   line-height: 1.1;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 20px;
 }

 .blog-six .blog-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-six .blog-text {
   margin-bottom: 70px;
 }

 .blog-six .blog-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   letter-spacing: 0.05px;
   border-bottom: 1.5px solid var(--preto);
   display: inline-block;
   transition: all 0.4s ease 0s;
 }

 .blog-six .blog-btn i {
   margin-left: 19px;
 }

 @media only screen and (max-width: 1600px) {
   .blog-six .blog-content {
     margin-left: 0;
     margin-top: 30px;
   }

   .blog-six .blog-title {
     font-size: 38px;
   }

   .blog-six .blog-text {
     margin-bottom: 20px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .blog-six {
     padding: 15px 15px 30px 15px;
   }

   .blog-six .blog-title {
     font-size: 28px;
   }

   .blog-six .blog-tag {
     left: 15px;
     top: 15px;
   }
 }

 .blog-seven {
   background: #f1f1f1;
   border-radius: 30px;
   margin-bottom: 45px;
   position: relative;
   z-index: 1;
 }

 .blog-seven .blog-content {
   padding: 20px 35px 13px 25px;
 }

 .blog-seven .blog-thumb {
   position: relative;
   z-index: 3;
 }

 .blog-seven .blog-thumb img {
   width: 100%;
   border-radius: 10px 10px 0 0;
 }

 .blog-seven .blog-tag {
   color: var(--cor-claro);
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   padding: 8px 20px;
   background: var(--preto);
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   left: 35px;
   top: 35px;
 }

 .blog-seven .blog-meta {
   margin-bottom: 15px;
 }

 .blog-seven .blog-meta a {
   color: rgba(0, 0, 0, 0.6);
   font-size: 18px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   display: inline-block;
   margin-right: 6px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-seven .blog-meta a:hover {
   color: var(--cor-escuro);
 }

 .blog-seven .blog-meta a:last-child {
   margin-right: 0;
   margin-left: 4px;
 }

 .blog-seven .blog-meta .divider {
   display: inline-block;
   width: 1.4px;
   height: 14px;
   background: rgba(0, 0, 0, 0.6);
   transform: rotate(32deg) translateY(2px);
 }

 .blog-seven .blog-title {
   font-size: 28px;
   line-height: 1.3;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 20px;
 }

 .blog-seven .blog-title a {
   color: var(--cor-escuro);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .blog-seven .blog-title a:hover {
   color: var(--cor-escuro);
 }

 .blog-seven .blog-btn {
   color: var(--cor-claro);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   letter-spacing: 0.05px;
   width: 70px;
   height: 70px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   display: inline-flex;
   border-radius: 50%;
   background: var(--cor-secundaria2);
   position: absolute;
   right: 20px;
   bottom: 20px;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   transition: all 0.4s ease 0s;
 }

 .blog-seven .blog-btn img {
   border-radius: 0;
   width: auto;
 }

 .blog-seven:hover .blog-btn {
   opacity: 1;
   visibility: visible;
 }

 @media only screen and (max-width: 1200px) {
   .blog-seven .blog-content {
     padding-left: 15px;
     padding-right: 15px;
   }

   .blog-seven .blog-title {
     font-size: 24px;
   }

   .blog-seven .blog-tag {
     left: 15px;
     top: 15px;
   }
 }

 .classic-style {
   margin-bottom: 60px;
   position: relative;
   z-index: 1;
 }

 .classic-style .blog-thumb {
   position: relative;
   z-index: 1;
 }

 .classic-style .blog-thumb img {
   max-width: 100%;
   border-radius: 30px;
 }

 .classic-style .popup-video {
   color: var(--cor-claro);
   font-size: 50px;
   width: 120px;
   height: 120px;
   line-height: 120px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background: var(--cor-primaria);
   position: absolute;
 }

 .classic-style .popup-video img {
   width: 20px;
 }

 .classic-style button.slick-arrow {
   font-size: 24px;
   border: 0;
   background: rgba(7, 17, 6, 0.3);
   width: 45px;
   height: 45px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
 }

 .classic-style button.slick-next {
   left: auto;
   right: 30px;
 }

 .classic-style button.slick-prev {
   left: 30px;
 }

 .classic-style .blog-tag {
   color: var(--preto);
   font-size: 16px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   text-transform: uppercase;
   line-height: 40px;
   background: var(--cor-claro);
   border-radius: 6px;
   padding: 0 25px;
   position: absolute;
   right: 35px;
   top: 35px;
 }

 .classic-style .blog-meta {
   margin-bottom: 15px;
 }

 .classic-style .blog-meta a {
   color: rgba(0, 0, 0, 0.6);
   font-size: 18px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   display: inline-block;
   margin-right: 6px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .classic-style .blog-meta a:hover {
   color: var(--cor-escuro);
 }

 .classic-style .blog-meta a:last-child {
   margin-right: 0;
   margin-left: 4px;
 }

 .classic-style .blog-meta .divider {
   display: inline-block;
   width: 1.4px;
   height: 14px;
   background: rgba(0, 0, 0, 0.6);
   transform: rotate(32deg) translateY(2px);
 }

 .classic-style .blog-title {
   font-size: 36px;
   line-height: 46px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 15px;
   margin-top: 5px;
 }

 .classic-style .blog-title a {
   color: var(--preto);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .classic-style .blog-title a:hover {
   color: var(--cor-escuro);
 }

 .classic-style .blog-content {
   padding-top: 30px;
 }

 .classic-style p {
   margin-bottom: 30px;
 }

 .classic-style .blog-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   width: 90px;
   height: 90px;
   border-radius: 50%;
   background: var(--cor-claro);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: 35px;
   top: 60%;
   z-index: 2;
   transition: all 0.4s ease 0s;
 }

 .classic-style .blog-btn img {
   display: inline-block;
   transition: all 0.4s ease 0s;
 }

 .classic-style:hover .blog-btn {
   background: var(--cor-secundaria2);
   transform: rotate(-45deg);
 }

 @media only screen and (max-width: 1200px) {
   .classic-style .blog-meta a {
     font-size: 15px;
     font-weight: 400;
   }

   .classic-style .blog-meta a:first-child {
     margin-right: 3px;
   }

   .classic-style .blog-title {
     font-size: 28px;
     line-height: 1.4;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .classic-style {
     margin-left: 0;
   }

   .classic-style .blog-meta {
     margin-bottom: 15px;
   }

   .classic-style .blog-btn {
     width: 70px;
     height: 70px;
     right: 15px;
     bottom: 15px;
   }

   .classic-style .blog-date {
     right: 15px;
     top: 15px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .classic-style {
     margin-left: 0;
   }

   .classic-style .blog-content {
     margin-left: 0;
   }
 }

 .blockquote {
   background: var(--cor-primaria);
   padding: 45px 10px 60px 128px;
   border-radius: 20px;
   position: relative;
   z-index: 1;
 }

 .blockquote img {
   display: inline-block;
 }

 .blockquote .quote-icon {
   display: inline-block;
   position: absolute;
   left: 45px;
   top: 54px;
 }

 .blockquote p {
   color: var(--preto);
   font-family: "Radio Canada Big", serif;
   font-weight: 600;
   font-size: 30px;
   line-height: 1.5;
   margin-bottom: 22px;
   margin-top: 15px;
 }

 @media only screen and (max-width: 1200px) {
   .blockquote p {
     font-size: 20px;
   }
 }

 .blockquote .blockquote-footer {
   color: var(--preto);
   display: inline-block;
   font-size: 24px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   position: relative;
 }

 .blockquote .blockquote-footer::before {
   color: var(--preto);
   width: 30px;
   height: 2px;
   border-radius: 6px;
   position: absolute;
   right: -45px;
 }

 @media only screen and (max-width: 1200px) {
   .blockquote .blockquote-footer {
     font-size: 20px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .blockquote {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .blog-details-wrapper .classic-style {
   border: 0;
 }

 .blog-details-wrapper .classic-style .blog-content {
   padding-left: 0;
   padding-right: 0;
 }

 .comment-reply-title,
 .comment-title,
 .blog-details-title {
   font-size: 42px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
 }

 @media only screen and (max-width: 1200px) {

   .comment-reply-title,
   .comment-title,
   .blog-details-title {
     font-size: 24px;
   }
 }

 .comment-box {
   position: relative;
   z-index: 1;
   border-bottom: 2px solid rgba(7, 17, 6, 0.05);
 }

 .comment-box .date {
   color: rgba(0, 0, 0, 0.6);
   font-size: 16px;
   font-family: "Satoshi-Regular";
   margin-bottom: 0;
 }

 .comment-box .name {
   font-size: 20px;
   font-weight: 600;
   color: var(--preto);
 }

 .comment-box .comment-avatar {
   float: left;
   margin-right: 30px;
   margin-top: 8px;
 }

 .comment-box .comment-avatar img {
   width: 100px;
   height: 100px;
 }

 @media (max-width: 767px) {
   .comment-box .comment-avatar {
     float: none;
     margin-right: 0;
     margin-top: 0;
     margin-bottom: 15px;
   }
 }

 .comment-box .comment-content {
   overflow: hidden;
 }

 .comment-box .comment-content p i {
   margin-right: 5px;
 }

 .comment-box .comment-content h5 {
   margin-bottom: 3px;
 }

 .comment-box .comment-reply-link {
   color: var(--cor-claro);
   font-size: 16px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   padding: 10px 22px;
   line-height: 1;
   position: absolute;
   background: var(--preto);
   z-index: 1;
   right: 0;
   top: 8px;
   border-radius: 4px;
 }

 @media (max-width: 767px) {
   .comment-box .comment-reply-link {
     float: none;
     margin-right: 0;
     margin-top: 0;
     position: relative;
   }
 }

 .comment-box .comment-reply-link:hover {
   color: var(--cor-claro);
   background: var(--preto);
 }

 .comment-list {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .comment-list li {
   padding-bottom: 20px;
   margin-bottom: 45px;
 }

 .media-content {
   border-top: 1.5px solid rgba(0, 0, 0, 0.6);
   border-bottom: 1.5px solid rgba(0, 0, 0, 0.6);
   margin-top: 50px;
 }

 .ht-plan {
   background: #E4F0F0;
   border-radius: 20px;
   position: relative;
   z-index: 2;
 }

 .ht-plan .shape-holder {
   position: absolute;
   right: 0;
   top: 0;
 }

 .ht-plan .shape-holder .icon,
 .ht-plan .shape-holder .back-icon {
   position: absolute;
   right: 33px;
   top: 43px;
 }

 .ht-plan .shape-holder .front-shape {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .ht-plan .shape-holder .back-shape,
 .ht-plan .shape-holder .back-icon {
   display: none;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 @media only screen and (max-width: 767.98px) {
   .ht-plan .shape-holder {
     display: none;
   }
 }

 .ht-plan.active,
 .ht-plan:hover {
   background: var(--cor-escuro);
 }

 .ht-plan.active .back-shape,
 .ht-plan.active .back-icon,
 .ht-plan:hover .back-shape,
 .ht-plan:hover .back-icon {
   display: inline-block;
   visibility: visible;
   opacity: 1;
 }

 .ht-plan.active .front-shape,
 .ht-plan.active .icon,
 .ht-plan:hover .front-shape,
 .ht-plan:hover .icon {
   visibility: hidden;
   opacity: 0;
   display: none;
 }

 .ht-plan.active .plan-title,
 .ht-plan.active .plan-desc,
 .ht-plan.active .plan-price,
 .ht-plan:hover .plan-title,
 .ht-plan:hover .plan-desc,
 .ht-plan:hover .plan-price {
   color: var(--cor-claro);
 }

 .ht-plan.active .feature-list li,
 .ht-plan:hover .feature-list li {
   color: var(--cor-claro);
 }

 .ht-plan.active .feature-list li.price-available .check-mark,
 .ht-plan:hover .feature-list li.price-available .check-mark {
   color: var(--cor-primaria);
 }

 .ht-plan.active .feature-list li.unavailable .check-mark,
 .ht-plan:hover .feature-list li.unavailable .check-mark {
   color: var(--cor-primaria);
 }

 .ht-plan.active .feature-list li.unavailable,
 .ht-plan:hover .feature-list li.unavailable {
   color: rgba(255, 255, 255, 0.4);
 }

 .ht-plan.active .price-btn,
 .ht-plan:hover .price-btn {
   border-color: var(--cor-primaria);
   background: var(--cor-primaria);
 }

 .ht-plan-tag {
   border-top: 1px solid var(--preto);
   border-right: 1px solid var(--preto);
   border-left: 1px solid var(--preto);
   text-align: center;
   background: #0BC270;
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   border-radius: 20px 20px 0px 0px;
   color: #fff;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   height: 50px;
   line-height: 50px;
 }

 .ht-plan-inner {
   padding: 45px 43px 40px 43px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .ht-plan-inner .plan-title {
   color: var(--preto);
   font-size: 16px;
   font-weight: 700;
   font-family: "Satoshi-Bold";
   text-transform: uppercase;
   margin-bottom: 0;
 }

 .ht-plan-inner .plan-desc {
   font-size: 20px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   margin-bottom: 32px;
 }

 .ht-plan-inner .plan-price {
   color: var(--preto);
   font-size: 80px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   font-style: italic;
 }

 .ht-plan-inner .price-border {
   height: 1px;
   width: 100%;
   background: rgba(0, 0, 0, 0.15);
   display: block;
   margin-bottom: 38px;
 }

 .ht-plan-inner .feature-list {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .ht-plan-inner .feature-list li {
   font-size: 18px;
   font-weight: 500;
   color: var(--preto);
   font-family: "Satoshi-Medium";
   display: block;
   padding-bottom: 6px;
 }

 .ht-plan-inner .feature-list li .check-mark {
   color: var(--preto);
   font-size: 20px;
   display: inline-block;
   transform: translateY(2px);
 }

 .ht-plan-inner .feature-list li.price-available .check-mark {
   color: var(--preto);
 }

 .ht-plan-inner .feature-list li.unavailable {
   color: rgba(0, 0, 0, 0.4);
 }

 .ht-plan-inner .feature-list li.unavailable .check-mark {
   color: var(--preto);
 }

 .ht-plan-inner .price-btn {
   color: var(--preto);
   font-size: 18px;
   font-weight: 700;
   font-family: "Radio Canada Big", serif;
   text-transform: uppercase;
   padding: 13px 30px 12px 35px;
   display: inline-flex;
   justify-content: space-between;
   border: 1.5px solid var(--preto);
   border-radius: 40px;
   width: 100%;
   background: transparent;
 }

 .ht-plan-inner .price-btn::before {
   background: var(--preto);
 }

 .ht-plan-inner .price-btn img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 @media only screen and (max-width: 1600px) {
   .ht-plan-inner {
     padding: 45px 15px 40px 15px;
   }

   .ht-plan-inner .plan-price {
     font-size: 45px;
   }
 }

 @media only screen and (max-width: 1200px) {
   .ht-plan-inner .price-title {
     font-size: 24px;
   }
 }

 @media only screen and (max-width: 991.98px) {
   .ht-plan-inner {
     padding: 30px 15px;
   }

   .ht-plan-inner .feature-list li {
     font-size: 16px;
   }

   .ht-plan-inner .plan-price {
     font-size: 32px;
   }

   .ht-plan-inner .ht-btn {
     font-size: 16px;
   }
 }

 @media only screen and (max-width: 767.98px) {
   .ht-plan-inner .ht-btn {
     padding-left: 10px;
     padding-right: 10px;
   }

   .ht-plan-inner .shape-holder {
     display: none;
   }

   .ht-plan-inner .price-btn {
     font-size: 16px;
   }
 }

 .copyright-text {
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   color: var(--cor-claro);
 }

 .copyright-text a {
   color: var(--cor-escuro);
 }

 .copyright-text a:hover {
   color: var(--cor-primaria);
 }

 @media only screen and (max-width: 991.98px) {
   .copyright-text {
     font-size: 18px;
   }
 }

 .footer-widget {
   position: relative;
   z-index: 1;
 }

 .footer-widget .widget-title {
   color: var(--cor-escuro);
   font-size: 28px;
   font-weight: 600;
   font-family: "Radio Canada Big", serif;
   margin-bottom: 30px;
 }

 .footer-widget ul {
   padding-left: 0;
 }

 .footer-widget ul li {
   list-style: none;
 }

 .footer-widget ul li a {
   color: var(--cor-escuro);
   font-size: 20px;
   line-height: 36px;
   font-weight: 400;
   font-family: "Satoshi-Regular";
   display: inline-block;
   margin-bottom: 15px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .footer-widget ul li a:hover {
   color: var(--cor-primaria);
 }

 @media only screen and (max-width: 991.98px) {
   .footer-widget .widget-title {
     font-size: 24px;
   }
 }

 .ht-widget-contact .info-box {
   display: flex;
 }

 .ht-widget-contact .info-box-icon {
   font-size: 24px;
   margin-right: 15px;
   color: var(--cor-primaria);
   line-height: 1;
   margin-top: 10px;
 }

 .ht-widget-contact .ht-content {
   font-size: 16px;
 }

 .ht-widget-contact .ht-content:hover {
   color: var(--cor-primaria);
 }

 .ht-widget-contact .info-box-label {
   display: block;
   font-size: 18px;
   font-weight: 600;
   line-height: 1;
   margin-bottom: 10px;
 }

 .copyright-wrap {
   border-top: 1px solid var(--cor-escuro);
 }

 .footer-menu {
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .footer-menu li {
   display: inline-block;
 }

 .footer-menu li:last-child a {
   margin-right: 0;
 }

 .footer-menu li a {
   color: var(--cor-escuro);
   font-size: 20px;
   font-weight: 500;
   font-family: "Satoshi-Medium";
   margin: 0 10px;
   display: inline-block;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
 }

 .footer-menu li a:hover {
   color: var(--cor-primaria);
 }

 @media only screen and (max-width: 1200px) {
   .footer-menu li a {
     font-size: 18px;
   }
 }

 .footer-one {
   position: relative;
   z-index: 1;
 }

 .footer-one .shape-1 {
   position: relative;
   z-index: 1;
   margin-left: -85px;
 }

 .footer-one .shape-1 .text-bg-shape {
   border-radius: 50%;
   animation: rotation infinite linear 55s;
 }

 .footer-one .shape-1 img.text-letter-shape {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 2;
 }

 .footer-one .widget-title {
   color: var(--cor-escuro);
 }

 .footer-one p {
   color: var(--cor-escuro);
   font-size: 20px;
   line-height: 36px;
 }

 .footer-one .social-links a {
   color: var(--cor-escuro);
   border-color: var(--cor-escuro);
 }

 .footer-one .social-links a:hover {
   color: var(--preto);
   background: var(--cor-secundaria2);
   border-color: var(--cor-secundaria2);
 }

 .footer-one .copyright-wrap {
   border-top: 1px solid var(--cor-escuro);
 }

 @media only screen and (max-width: 1200px) {
   .footer-one .shape-1 {
     margin-left: 0;
   }
 }

 .footer-two .copyright-wrap {
   padding-bottom: 30px;
   border-color: rgba(255, 255, 255, 0.5);
 }

 .footer-two .footer-logo {
   margin-bottom: 26px;
 }

 .footer-two .widget-title {
   color: var(--cor-claro);
 }

 .footer-two p {
   color: var(--cor-claro);
   font-size: 20px;
   line-height: 36px;
 }

 .footer-two .description-text {
   margin-bottom: 70px;
 }

 .footer-two .footer-widget ul li a {
   color: var(--cor-claro);
 }

 .footer-two .footer-widget ul li a:hover {
   color: var(--cor-primaria);
 }

 .footer-two .social-links a {
   color: var(--cor-claro);
   border-color: var(--cor-claro);
 }

 .footer-two .social-links a:hover {
   color: var(--preto);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .footer-two .footer-menu li a {
   color: var(--cor-claro);
 }

 .footer-two .footer-menu li a:hover {
   color: var(--cor-primaria);
 }

 .footer-two .copyright-text {
   color: var(--cor-claro);
 }

 .footer-two .copyright-text a {
   color: var(--cor-claro);
 }

 .footer-two .copyright-text a:hover {
   color: var(--cor-escuro);
 }

 .footer-three .footer-border {
   border-top: 1px solid rgba(0, 0, 0, 0.2);
 }

 .footer-three .widget-title {
   margin-bottom: 40px;
 }

 .footer-three .description-text {
   font-size: 20px;
   line-height: 36px;
   max-width: 63%;
   margin-bottom: 48px;
 }

 .footer-three .footer-logo {
   margin-bottom: 43px;
 }

 .footer-three .footer-widget ul li a {
   color: var(--preto);
   font-size: 20px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
 }

 .footer-three .footer-widget ul li a:hover {
   color: var(--cor-primaria);
 }

 .footer-three .footer-menu li a {
   color: var(--preto);
 }

 .footer-three .footer-menu li a:hover {
   color: var(--cor-escuro);
 }

 .footer-three .copyright-text a {
   color: var(--preto);
 }

 .footer-three .copyright-text a:hover {
   color: var(--cor-escuro);
 }

 .footer-three .social-links a:hover {
   color: var(--preto);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .footer-three .copyright-wrap {
   border-top: 1px solid rgba(0, 0, 0, 0.3);
 }

 .footer-three .copyright-text a {
   font-weight: 500;
   font-family: "Satoshi-Medium";
 }

 @media only screen and (max-width: 1200px) {
   .footer-three .description-text {
     max-width: 100%;
   }
 }

 .footer-four {
   position: relative;
   z-index: 1;
 }

 .footer-four .widget-title {
   color: var(--preto);
 }

 .footer-four p {
   color: var(--preto);
   font-size: 20px;
   line-height: 36px;
 }

 .footer-four .social-links a {
   color: var(--preto);
   border-color: var(--preto);
 }

 .footer-four .social-links a:hover {
   color: var(--preto);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .footer-four .copyright-wrap {
   border-top: 1px solid var(--preto);
 }

 .footer-five .footer-border {
   border-top: 1px solid rgba(0, 0, 0, 0.2);
 }

 .footer-five .widget-title {
   color: var(--cor-claro);
   margin-bottom: 40px;
 }

 .footer-five .description-text {
   color: var(--cor-claro);
   font-size: 20px;
   line-height: 36px;
   max-width: 100%;
   margin-bottom: 48px;
 }

 .footer-five .footer-logo {
   margin-bottom: 43px;
 }

 .footer-five .footer-widget ul li a {
   color: var(--cor-claro);
   font-size: 20px;
   font-weight: 500;
   font-family: "Radio Canada Big", serif;
   cursor: pointer;
 }

 .footer-five .footer-widget ul li a:hover {
   color: var(--cor-secundaria2);
 }

 @media only screen and (max-width: 1200px) {
   .footer-five .footer-widget ul li a {
     font-size: 18px;
   }
 }

 .footer-five .footer-menu li a {
   color: var(--cor-claro);
 }

 .footer-five .footer-menu li a:hover {
   color: var(--cor-secundaria2);
 }

 .footer-five .copyright-text a {
   color: var(--cor-claro);
 }

 .footer-five .copyright-text a:hover {
   color: var(--cor-primaria);
 }

 .footer-five .social-links a {
   color: var(--cor-claro);
   border-color: var(--cor-claro);
 }

 .footer-five .social-links a:hover {
   color: var(--cor-secundaria2);
   background: var(--cor-primaria);
   border-color: var(--cor-primaria);
 }

 .footer-five .copyright-wrap {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
 }

 .footer-five .copyright-text a {
   font-weight: 500;
   font-family: "Satoshi-Medium";
 }

 @media only screen and (max-width: 1200px) {
   .footer-five .description-text {
     max-width: 100%;
   }
 }

 /*# sourceMappingURL=main.css.map */