@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

@font-face {
    font-family: "Galano Grotesque Alt";
    src: url("https://blogveloe2.websiteseguro.com/wp-content/themes/veloe/assets/css/fonts/GalanoGrotesqueAlt-Bold.eot");
    src: url("https://blogveloe2.websiteseguro.com/wp-content/themes/veloe/assets/css/fonts/GalanoGrotesqueAlt-Bold.woff") format("woff"),
        url("https://blogveloe2.websiteseguro.com/wp-content/themes/veloe/assets/css/fonts/GalanoGrotesqueAlt-Bold.ttf") format("opentype"),
        url("https://blogveloe2.websiteseguro.com/wp-content/themes/veloe/assets/css/fonts/GalanoGrotesqueAlt-Bold.svg#GalanoGrotesqueAlt-Bold") format("svg");
}

/*@media (min-width: 1340px) {
    .container {
        max-width: 1340px;
    }
}*/

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

h1,
h2,
h3,
h4,
.search-post-title {
    font-family: 'Galano Grotesque Alt';
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a:active,
a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

.inner-space {
    padding: 60px 0;
}

.inner-space-sm {
    padding: 50px 0;
}

.inner-space-xs {
    padding: 40px 0;
}

:root {
    --color-1: #24206b;
    --color-2: #01C7D9;
    --color-3: #585380;
    --color-4: #2a2264;
    --color-6: #322d6d;
    --color-7: #b1b0c5;
    --color-8: #bd10e0;
    --color-white: #ffffff;
    --color-base: #555555;
}

.bg-gray {
    background-color: #F7F7FC;
}

.alert {
    color: #24206b;
    font-size: 14px;
}

/* ----------------------------------------------------------------------
NAVBAR
-------------------------------------------------------------------------*/
.transparent-black {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    will-change: opacity;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    display: none;
    pointer-events: none;
}

.transparent-black.show {
    opacity: 1;
}


.header {
    background-color: #fff;
    padding: 0;
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    font-family: 'Galano Grotesque Alt';
    font-weight: bold;
    font-style: normal;
    position: relative;
    z-index: 2;
}

.header .navbar-nav .nav-item {
    height: 88px;
    display: inline-flex;
    align-items: center;
}

.header .navbar-nav .nav-item .dropdown-toggle {
    display: flex;
    align-items: center;
}

.header .navbar-nav .nav-item .dropdown-toggle::after {
    background-image: url('../img/chevron.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 10px;
    width: 17px;
    border: none;
    vertical-align: initial;
}

.header .navbar-nav .nav-item .dropdown-menu {
    margin-top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px 0px 8px 8px;
    border: 2px solid #aeabc4;
    opacity: 0;
    will-change: opacity;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    pointer-events: none;
}

.header .navbar-nav .nav-item .dropdown-menu.show {
    pointer-events: auto;
}

.my-account {
    flex-direction: row;
    align-items: center;
}

.my-account::before {
    content: "";
    display: inline-block;
    background-image: url('../img/user.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    margin-right: 5px;
}

.header .navbar-nav .nav-item .dropdown-menu.animate-opacity {
    opacity: 1;
}

.header .navbar-nav .nav-item .dropdown-menu::before {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: #aeabc4;
    border-width: 2px 2px 0px 0px;
    width: 11px;
    height: 11px;
    top: -7px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    background: inherit;
    z-index: -1;
    transform: rotate(-45deg);
}

.header .navbar-nav .nav-item .dropdown-item {
    padding: 6px 16px;
    will-change: background-color;
    transition: background-color 0.3s ease;
    color: #24206b !important;
}

.header .navbar-nav .nav-item .dropdown-item:hover {
    background-color: #e2e1eb;
}

.navbar ul li:first-child {
    margin-left: 10px;
}

.menu-area {
    background-color: #24206b;
    color: #fff;
    padding: 0;
    height: 44px;
}

.menu-principal {
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 6px 0px, rgb(0 0 0 / 12%) 0px 0px 1px 0px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.header.fixed-top {
    position: sticky;
    /*box-shadow: 0 1px 2px 0 #b1b0c5;*/
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.20);
}

.header a {
    color: #24206b;
    font-weight: 500;
    position: relative;
}

.header a:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* .header .menu-2 ul li:first-child a:hover::before {
    display: none;
} */

/* .header .menu-2 ul li a:hover::before,
.header .menu-2 ul li.active a:before {
    content: '';
    position: absolute;
    top: 100%;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    margin-top: 3px;
} */

.navbar-expand-md .navbar-nav .nav-link {
    padding: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-expand-md .navbar-nav .nav-item {
    position: relative;
    margin: 0 1.5rem;
    padding: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-expand-md .navbar-nav .nav-item:not(.dropdown):hover a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: #24206b 0px 2px;
}

.header .show-mobile {
    display: none;
}

.header .menu-2 ul li ul,
.header .menu-responsive ul li ul {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 377px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px 4px, rgba(0, 0, 0, 0.12) 0px 0px 1px 1px;
    z-index: 999;
    border-radius: 8px;
    padding: 10px 0;
    left: 20px;
}

.header .menu-2 ul li.open ul,
.header .menu-responsive ul li.open ul {
    display: block;
    margin-top: 10px;
}

/*.header .menu-2 ul li:hover ul {
    display: block;
}*/

.header .menu-2 ul li ul a {
    color: #24206b;
    padding: 5px 0;
}

/*.header .menu-2 ul li:first-child::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin-left: 10px;
    top: -3px;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
}

.header .menu-2>ul>li:hover:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 2px;
}

/*.header a:hover {
	color: #24206b;
	text-decoration: none!important;
}*/

.header .navbar-nav li:nth-child(9) a.nav-link:hover::before,
.header .navbar-nav li:last-child a.nav-link:hover::before {
    display: none;
}

.menu-btn,
.menu-2 {
    margin-left: 1rem !important;
}

.menu-btn ul,
.menu-area ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}

.menu-area ul>li {
    padding-top: 0;
}

.menu-area .menu-1 a {
    font-size: 16px;
    color: #ffffff;
}

.menu-area .menu-1 a:hover {
    color: #24206a;
}

.menu-area .menu-1 li:last-child a {
    padding: 10px 42px;
    display: inline-block;
}

.menu-area .menu-1 li:first-child {
    background-color: #ffffff;
    color: #24206a;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px 40px;
}

.menu-area .menu-1 li {
    transition: all 0.3s;
}

.menu-area .menu-1 li:last-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-left: 2px;
}

.menu-area .menu-1 li:last-child:hover {
    transition: all 0.3s;
    background-color: #ffffff;
    color: #24206a !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.menu-area .menu-1 li:first-child a {
    color: #24206a;
}

.menu-area .menu-2 li a {
    padding: 0;
    margin: 0 1.73rem 0;
    color: #ffffff;
    display: inline-block;
}

.menu-area .menu-2 ul.sub-menu li:hover {
    background-color: #ccc;
}

.menu-area .menu-2 li:last-child a {
    margin-right: 0;
}

.menu-btn li a {
    font-size: 16px;
    display: inline-block;
}

.menu-btn li:first-child a {
    border: solid 2px #24206b;
    color: #24206b;
    border-radius: 50px;
    font-weight: 900;
    padding: 15px 45px;
}

.menu-btn li:first-child a:hover {
    background-color: #24206b;
    color: #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #24206b;
    -moz-box-shadow: 0px 0px 0px 2px #24206b;
    box-shadow: 0px 0px 0px 2px #24206b;
}

.menu-btn li:last-child a {
    background-color: #24206b;
    border: solid 2px #24206b;
    color: #ffffff;
    margin-left: 15px;
    border-radius: 50px;
    padding: 15px 30px;
}

.menu-btn li:last-child a:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #24206b;
    -moz-box-shadow: 0px 0px 0px 2px #24206b;
    box-shadow: 0px 0px 0px 2px #24206b;
}

.navbar {
    padding: 0;
}

.menu-categoria-lista {
    padding: 0;
    margin: 20px 0;
}

.menu-categoria-lista ul {
    padding: 0;
    margin: 0 20px;
}

.menu-categoria-lista ul li a {
    display: block;
    color: #01C7D9;
    padding: 0;
    text-decoration: none;
    font-size: 14px;
}

.menu-categoria-lista ul li a:hover {
    color: #24206b;
}

.tagcloud {
    margin-bottom: 20px;
}

.tagcloud a {
    color: #01C7D9;
}

.tagcloud a:hover {
    color: #24206b;
}

.tagcloud a:before {
    content: "#";
    font-color: #000;
}

/********************************************* MAIN BANNER *********************************************/

.intro {
    margin-top: 40px;
    text-align: center;
}

.intro h1 {
    font-size: 48px;
    background-image: url(../img/veloe-smile.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 60px;
    padding-bottom: 35px;
    color: #24206b;
    font-family: 'Galano Grotesque Alt';
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
}

.main {
    background-color: #fff;
}

.playlists {
    background-color: #01C7D9;
    color: #24206b;
}

.playlists span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

/*.playlists .slick-slide {
	width: 210px!important;
}*/

.playlists .box-music {
    padding: 0;
}

/*.playlists .box-music img {
	border: rgba(36, 32, 107, 1) solid 1px;
}*/

/*.playlists .box-music img {
	-webkit-box-shadow: 2px 0px 17px -8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 0px 17px -8px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 0px 17px -8px rgba(0, 0, 0, 0.3);
}*/

/*.playlists .slick-dots {
	text-align: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.playlists .slick-dots li {
	margin: 0;
	margin-right: 15px;
	width: 30px;
	height: 3px;
}

.playlists .slick-dots button {
	display: block;
	width: 30px;
	height: 3px;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0.6);
	text-indent: -9999px;
}

.playlists .slick-dots li.slick-active button {
	background-color: #ffffff;
}*/

/*.playlists figure img {
    border-bottom-right-radius: 30px;
}*/

.playlists h3 {
    font-weight: 700;
    margin: 40px 0 20px;
    color: #ffffff;
    font-size: 60px;
    line-height: 1em;
}

.playlists .cta {
    margin-bottom: 0;
}

/*.news .cta.blue:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #24206b;
	text-decoration: none;
}*/

.carousel {
    background-color: #322d6d;
    padding: 80px 0 60px;
    font-size: 15px;
}

.carousel h3 {
    text-align: center;
    margin-bottom: 40px;
    color: #01C7D9;
    font-size: 20px;
    font-weight: 800;
}

.carousel a {
    color: #01C7D9;
    font-weight: 700;
}

.carousel h4 {
    font-size: 20px;
    text-transform: none !important;
}

.carousel .slick-slide {
    padding: 0 1px;
}

.carousel .slick-dots li button::before,
.playlists .slick-dots li button::before {
    color: #ffffff;
    font-size: 10px;
}

.carousel .slick-dots li.slick-active button:before,
.playlists .slick-dots li.slick-active button:before {
    font-size: 12px;
}

.search-input {
    width: 100%;
}

.search-input input[type=text] {
    border: 0;
    border-bottom: 2px solid #01C7D9;
    border-radius: 0;
    background-color: #FAFAFC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #01C7D9;
    width: 100%;
}

/*.search input[type=text]:focus:not([readonly]) {
	border-bottom: 1px solid #0cb498;
	box-shadow: 0 1px 0 0 #0cb498;
	color: #0cb498;
}*/

.search-input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1;
    /* Firefox */
    font-weight: 300;
}

.search-input .fa {
    color: #01C7D9;
}

.cta {
    display: inline-block;
    margin: 20px 0;
    border-radius: 50px;
    position: relative;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 15px;
    border-style: solid;
    border-width: 2px;
    font-family: 'Galano Grotesque Alt';
}

.cta:hover,
.cta:active,
.cta:focus {
    text-decoration: none;
    border-style: solid;
    border-width: 2px;
}

.cta.blue {
    background-color: #24206b;
    border-color: #24206b;
    color: #ffffff;
}

/*.cta.blue:hover {
	background-color: #01C7D9;
	border-color: #01C7D9;
	color: #24206b;
	text-decoration: none;
}*/

.cta.pink {
    background-color: #c5168c;
    border-color: #c5168c;
    color: #ffffff;
}

.cta.pink:hover {
    background-color: #24206b;
    border-color: #24206b;
    color: #ffffff;
    text-decoration: none;
}

.cta.purple {
    background-color: #bd10e0;
    border-color: #bd10e0;
    color: #ffffff;
}

/*.cta.purple:hover {
	background-color: #24206b;
	border-color: #24206b;
	color: #ffffff;
	text-decoration: none;
}*/

.cta.blue-2 {
    background-color: #01C7D9;
    border-color: #01C7D9;
    color: #24206b;
}

/*.cta.blue-2:hover, .cta.blue-2:active {
	background-color: #ffffff;
	border-color: #01C7D9;
	color: #24206b;
	text-decoration: none;
}*/

.cta-box {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 0;
}

.cta-box.blue {
    background-color: #01C7D9;
    color: #ffffff;
    background-image: url(../img/vector-news.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: top 15px left -10px;
}

.cta-box.blue p {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 16px;
}

.cta-box h3 {
    font-size: 18px;
    font-weight: 700;
    padding-left: 70px;
}

.cta-box.blue a {
    color: #ffffff;
    font-size: 15px;
}

/*.cta-box.blue a:hover {
	color: #24206b;
	text-decoration: none;
}

.cta-box.blue .cta.blue:hover {
    background: #ffffff;
    color: #24206b;
}*/

.cta-box .cta {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .cta-full .resp {
        display: block !important;
    }

    .cta-full .desk {
        display: none !important;
    }
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h3 {
    font-size: 40px;
    background-image: url(../img/veloe-smile.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 60px;
    padding-bottom: 35px;
    color: #24206b;
    font-family: 'Galano Grotesque Alt';
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
}

.section-title.lg h3 {
    font-size: 32px;
}

.section-title p {
    font-size: 16px;
}

/********************************************* BUSCA *********************************************/

.search-header {
    margin-bottom: 30px;
}

.search-resultados {
    border-bottom: solid 1px #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: .9rem
}

.search-post-title {
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 600 !important;
    display: block;
    margin-bottom: 10px;
    color: #24206b;
}

.search-post-link {
    display: block;
}

.search-post-link a {
    color: #01C7D9;
}

.search-post-link a:hover {
    color: #585380;
}

.search-post-excerpt {
    display: block;
    color: #555555;
}

/********************************************* COMENTARIOS *********************************************/

#comments h4 {
    font-size: 14px;
    margin: 0 0 20px 0;
}

#comments p {
    font-size: 15px;
}

#comments a {
    color: #24206b;
}

ol.commentlist {
    list-style: none;
    padding: 0;
}

ol.commentlist li {
    margin-bottom: 30px;
}

ol.commentlist ul {
    margin: 0px;
}

ol.commentlist ul li {
    margin: 20px 20px 20px 40px;
}

#respond {
    margin: 0 0 30px 0;
    clear: both;
}

#respond form label {
    width: auto;
    margin-right: 10px;
    display: block;
    font-size: 14px;
}

#respond form input {
    margin-bottom: 10px;
    width: 100%;
}

#respond form textarea {
    margin-bottom: 10px;
    width: 100%;
}

#respond form input.commentsubmit {
    background: #01C7D9;
    border-color: #01C7D9;
    display: block;
    font-weight: 700;
    position: relative;
    text-align: center;
    color: #24206b;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    padding: 12px 24px;
    width: auto;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*#respond form input.commentsubmit:hover {
	background: #24206b;
	border-color: #24206b;
	color: #01C7D9;
}*/

.comment-metadata {
    padding: 20px 0;
}

/********************************************* POSTS *********************************************/

.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.posts-lista .row-flex [class*="col-"] {
    margin-bottom: 40px;
}

.posts-lista .cta {
    margin: 0;
}

.post-item {
    margin-bottom: 32px;
}

/*.post-item,
.post-item:hover {
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;    
}

.post-item:hover {
	-moz-transform: translate(0px, -5px);
	-webkit-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	transform: translate(0px, -5px);  
	-webkit-box-shadow: 0px 36px 35px -12px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 36px 35px -12px rgba(0,0,0,0.30);
	box-shadow: 0px 36px 35px -12px rgba(0,0,0,0.30);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;    
}*/

.post-item .post-header {}

.post-item.big .post-header .picture {
    height: 350px;
}

.post-item.sm .post-header .picture {
    height: 150px;
}

.post-item .post-header .picture {
    overflow: hidden;
    position: relative;
    height: 210px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
    border: solid 1px #efefef;
    border-bottom-right-radius: 30px;
}

.post-item .post-header .picture .post-link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/*.post-item .post-header .picture .overlay {
	background:#3b5d61;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}

.post-item:hover .post-header .picture .overlay {
	opacity:.8;
}*/

.slider-projetos figure {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    border-bottom-left-radius: 30px;
}

.slider-projetos figure img {
    border-bottom-left-radius: 30px;
}

.slider-projetos figure:before,
.slider-projetos figure:after {
    position: absolute;
}

.slider-projetos figure .overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 30px;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: visibility 0s, opacity 0.5s linear;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.slider-projetos figure:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-image: url(../img/botao-play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    z-index: 999;
}

.post-item .post-body a {
    color: #24206b;
}

.post-item .post-body a:hover {
    text-decoration: none;
    color: #01C7D9;
}

.post-item .post-body {
    padding: 0px;
}

.post-item .post-body .categoria {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #01C7D9;
}

.post-item .post-body h2 {
    font-size: 24px;
    line-height: 1.3em;
    font-weight: 900;
}

.post-item.big .post-body h2 {
    font-size: 32px;
    line-height: 1.3em;
    font-weight: 900;
}

.post-item .post-body .excerpt {
    font-size: 16px;
    color: #555555;
    margin-bottom: 10px;
}

.post-item .post-body .date {
    font-size: 12px;
    color: #555555;
    font-weight: 500;
    text-transform: uppercase;
}

.post-texto h1 {
    font-size: 2rem;
    margin-bottom: 30px;
    color: #01C7D9;
    font-weight: 700;
    text-align: center;
}

.post-texto .picture {
    overflow: hidden;
    position: relative;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 40px;
    border: solid 1px #efefef;
    border-bottom-right-radius: 30px;
}

.post-texto p {
    margin-bottom: 30px;
    color: #6c6e77;
    line-height: 1.5em;
}

.post-texto strong {
    font-weight: 600;
}

.post-texto h2,
.post-texto h3,
.post-texto h4 {
    margin: 40px 0px 30px 0px;
}

.post-texto h2 {
    font-size: 1.8rem;
    color: #24206b;
    font-weight: 500;
}

.post-texto h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    border-bottom: none;
    padding-bottom: 0;
    text-transform: none;
    color: #585380;
    letter-spacing: 0;
    font-weight: 500;
}

.post-texto ul,
.post-texto ol {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #555555;
    line-height: 1.8em;
}

.post-texto .conteudo a {
    color: #01C7D9;
    text-decoration: underline;
}

.post-texto .conteudo a:hover {
    background-color: rgba(1, 199, 217, .2);
}

.post-texto img {
    margin-bottom: 0;
}

.post-texto .categoria {
    margin-bottom: 30px;
    font-size: 14px;
}

.post-texto .categoria a {
    font-size: 15px;
    color: #24206b;
}

.post-texto blockquote {
    margin-bottom: 60px;
    margin-top: 60px;
    margin-left: 70px;
    width: 75%;
    font-size: 1.2rem;
    font-weight: 500;
    border-left: solid 4px #e7e7e7;
    padding-left: 30px;
}

/********************************************* SOCIAL MEDIA *********************************************/

.social-media-bar {
    margin: 20px 0;
    text-align: center;
}

.social-media-bar p {
    margin-bottom: 0;
}

.social-media-bar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.social-media-bar li {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-right: 10px;
}

.social-media-bar li a {
    padding: 0;
    color: #01C7D9;
    display: block;
}

.social-media-bar .fa,
.social-media-bar .fas,
.social-media-bar .far,
.social-media-bar .fal,
.social-media-bar .fad,
.social-media-bar .fab {
    font-size: 18px;
}

.social-media-bar li a:hover {
    color: #24206b;
}

.navigation {
    list-style: none;
}

.navigation li {
    display: inline-block;
    margin: 20px 0;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}

.navigation li a {
    border-radius: 50px;
    padding: 10px 25px;
    border: 2px solid;
    background-color: #01C7D9;
    border-color: #01C7D9;
    color: #24206b;
}

.navigation li.active,
.navigation li a:hover {
    background-color: #ffffff;
    border-color: #01C7D9;
    color: #24206b;
    text-decoration: none;
}

/********************************************* FOOTER *********************************************/

.footer {
    color: #fff;
}

.footer .top {
    padding-top: 48px;
    padding-bottom: 48px;
    background: #24206A;
}

.footer a {
    text-decoration: none;
}

.footer ul {
    list-style: none;
    padding-left: 0;
}

/* .footer ul ul {
    display: none;
    transition: 3s ease-out;
} */

.footer ul li.open ul {
    transition: 3s ease-out;
    display: block;
    padding: 0;
}

.footer .submenu {
    font-size: 14px;
    color: #b1b0c5;
}

.footer li.submenu a {
    color: #b1b0c5 !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer;
}

.footer li.submenu ul li {
    padding: 3px 0;
}

.footer li.submenu ul li a {
    color: #fff !important;
    text-transform: none;
    font-family: 'Galano Grotesque Alt' !important;
    font-weight: 900 !important;
}

.footer .submenu a:hover {
    text-decoration: none;
}

.arrow,
ul>li.submenu>a:after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin-left: 10px;
    top: -3px;
    position: relative;
    transition: 0.9s;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
}

li.submenu.open a:after {
    transition: 0.9s;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 2px;
}

/*.footer .submenu:before {
    content: '\203A';
    float: right;
    color: #fff;
    font-size: 30px;
    margin-right: 40px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.footer li.open:before {
    content: '\2039';
}*/

/* .footer ul ul ul {
    margin-left: 2em;
} */

.footer .top .menu-item:not(:last-child) {
    margin-bottom: 14px;
}

.footer .top a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.footer .top a:hover {
    text-decoration: underline;
}

.footer .asset-veloe {
    width: 163px;
    margin-top: -140px;
    margin-left: -70px;
}

.footer .news p {
    color: #24206b;
}

.news {
    background-color: #ffffff;
}

.news a {
    color: #24206b;
}

.news .cta {
    margin-top: 0;
}

.news p {
    font-size: 16px;
    line-height: 1.1em;
}

.news span {
    font-size: 12px;
    color: #24206A;
}

.news .section-title h3 {
    margin-bottom: 0;
    padding-bottom: 10px;
    background-image: none;
}

.news .form-control {
    background-color: #FAFAFC;
    border: 0;
    border-bottom: #24206A solid 2px;
    border-radius: 0;
    padding: 25px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 80%;
    margin: 0 auto;
}

.wpcf7 .wpcf7-submit {
    display: inline-block;
    margin-top: 30px;
    border-radius: 50px;
    position: relative;
    padding: 15px 30px;
    font-weight: 900;
    font-size: 16x;
    border-style: solid;
    border-width: 2px;
    background-color: #24206b;
    border-color: #24206b;
    color: #ffffff;
    font-family: 'Galano Grotesque Alt' !important;
}

/*.wpcf7 .wpcf7-submit:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #24206b;
}*/

div.wpcf7-response-output {
    display: none;
}

.footer .copyright span,
.footer .copyright a {
    color: #fff;
    font-size: 12px;
}

.footer .disclaimer {
    font-size: 10px;
    text-align: center;
    padding: 20px 0;
    line-height: 1.2em;
    color: #b1b0c5;
}

.footer .disclaimer p {
    margin-bottom: 0;
}

.footer .top h2 {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    line-height: 15.6px;
    color: #ACA6BE;
    margin-bottom: 13px;
}

.footer .top .socials ul {
    margin: 0;
    padding: 0;
}

.footer .top .socials ul li {
    margin-right: 15px;
    display: inline-block;
}

.footer .termos {
    color: #c7bee1;
    font-size: 14px;
    font-family: "Open-Sans", sans-serif;
    line-height: 20px;
    text-align: center;
}

.termos p {
    margin-bottom: 0;
}

.footer .termos a {
    color: #ffffff;
    position: relative;
    font-size: 14px;
    margin-top: 8px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px 100%, 100% 100%;
    background-size: 0px 2px, 100% 2px;
    font-weight: bold;
    line-height: 1.3em;
    transition: background-size 0.2s ease-in-out 0s;
    width: max-content;
    background-image: linear-gradient(120deg, rgb(36, 32, 107) 0%, rgb(36, 32, 107) 100%), 
                      linear-gradient(120deg, rgb(174, 171, 196) 0%, rgb(174, 171, 196) 100%);
}

.footer .termos a:hover {
    text-decoration: none;
    background-size: 100% 2px, 100% 2px;
}

.footer .apps {
    margin-bottom: 30px;
}

.footer .apps img {
    height: 38px;
    margin-right: 10px;
}

.footer .grupo {
    font-size: 12px;
    font-weight: normal;
    color: #b1b0c5;
}

.footer .grupo img {
    height: 32px;
    margin: 0 6px;
}

.footer .copyright {
    font-size: 0.875rem;
    font-weight: normal;
    color: #b1b0c5;
}

.footer-btn__wrapper {
    margin: 30px 0;
}

.footer-btn__wrapper::before,
.footer-btn__wrapper::after {
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background-color: #544F8F;
}

.footer .footer-btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #C7BEE1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    cursor: pointer;
    will-change: background-color;
    transition: background-color 0.3s ease;
}

.footer .footer-btn:hover {
    background-color: #ffffff;
}

.footer .footer-btn::before {
    content: "";
    background-image: url('../img/chevron.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 10px;
    width: 17px;
    will-change: transform;
    transition: transform 0.3s ease;
}

.footer .footer-btn--opened::before {
    transform: rotateX(-180deg);
}

.footer-menu__wrapper {
    position: relative;
    will-change: max-height;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
}

.footer-menu__wrapper--visible {
    max-height: 300vh;
}

.footer-menu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-menu li {
    display: flex;
    flex-direction: column;
}

.footer-menu li > a {
    font-weight: bold;
}

.footer-menu li .sub-menu {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
    margin-left: 0;
}

.footer-menu li .sub-menu li a {
    font-size: 14px;
    line-height: 26px;
    color: #C7BEE1;
    font-weight: normal;
}

.footer-menu li .sub-menu li.bold > a {
    font-weight: bold;
    color: #fff;
}

.brand__container {
    display: flex;
    align-items: center;
    gap: 32px;
}

@media (min-width: 821px) {
    .brand__container {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.brand {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    line-height: 20px;
    color: #C7BEE1;
    display: inline-flex;
    gap: 12px;
}

body.error404 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 1199px) {
    .footer .top {
        padding-left: 24px;
        padding-right: 24px;
    }

    .footer .top .container,
    .footer .top .col-12 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .footer .top .row {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-container--first .col-12 {
        flex-direction: column;
    }

    .logo-veloe__container {
        margin-left: auto;
        margin-right: auto;
    }

    .footer .top h2 {
        font-size: 16px;
    }

    .footer .apps {
        margin-bottom: 0;
    }

    .footer-menu__wrapper .col-12 {
        display: flex;
        flex-direction: column;
    }

    .footer .termos a {
        font-size: 14px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .xs-mb {
        margin-bottom: 24px;
    }

    .xs-mb--1-2 {
        margin-bottom: 32px;
    }

    .xs-mb--x2 {
        margin-bottom: 42px;
    }
}

@media (max-width: 820px) {
    #menu-rodape {
        flex-direction: column;
    }

    #menu-rodape .sub-menu {
        margin-top: 0;
    }

    #menu-rodape .sub-menu .sub-menu {
        margin-top: 20px;
    }

    #menu-rodape .sub-menu > li {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #menu-rodape > li {
        width: 100%;
        border-bottom: 2px solid #C7BEE1;
        margin-top: 0;
        margin-bottom: 0;
    }

    #menu-rodape > li:first-child {
        padding-top: 0;
    }

    #menu-rodape > li > a {
        font-size: 16px;
        display: flex;
        padding: 20px 0;
        align-items: center;
        justify-content: space-between;
    }

    #menu-rodape .sub-menu .menu-item-has-children:not(:last-child) li:last-child {
        margin-bottom: 0;
    }

    #menu-rodape > li > a::after {
        content: "";
        background-image: url('../img/chevron-white.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        height: 10px;
        width: 17px;
        transform: rotate(-180deg);
        will-change: transform;
        transition: transform 0.3s ease;
    }

    #menu-rodape > li.submenu-visible > a::after {
        transform: rotate(0);
    }

    .sub-menu {
        will-change: max-height;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
    }

    .sub-menu--visible {
        max-height: 300vh;
    }
    
    .brand__container {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 16px;
    }

    .brand {
        gap: 8px;
    }
}

/********************************************* RESPONSIVE *********************************************/
@media (min-width: 1200px) {
    .menu-mobile {
        display: none;
    }

    .hidden-lg {
        display: none;
    }
}


/* Small devices (tablets, 768px and up) */

@media (max-width: 1199px) {
    .hidden-xs {
        display: none;
    }

    html {
        overflow-x: hidden;
    }

    body {
        position: relative;
        overflow-x: hidden;
    }

    .my-account {
        display: none;
    }

    .menu-mobile {
        position: absolute;
        width: 100vw;
        top: 132px;
        background-color: #fff;
        z-index: 1;
        padding: 35px 24px 0;
        height: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow-y: auto;
    }

    .menu-mobile.open {
        opacity: 1;
        visibility: visible;
        height: calc(100vh - 132px);
        transition: opacity .35s, visibility .35s, height .35s;
    }

    .back-btn {
        display: none;
        opacity: 0;
        font-size: 14px;
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        background-color: transparent;
        border: none;
        outline: none !important;
        transition: opacity 0.3s ease-in-out;
        align-items: center;
        color: #24206b;
    }

    .back-btn::before {
        content: "";
        background-image: url(../img/chevron.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 10px;
        height: 8px;
        transform: rotate(90deg);
        margin-right: 5px;
    }

    .menu-mobile ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
    }

    .menu-mobile ul li {
        width: 100%;
        border-bottom: 2px solid #C7BEE1;
        padding: 20px 0;
        font-size: 16px;
    }

    .menu-mobile__list > .menu-item {
        will-change: opacity;
        transition: opacity 0.3s ease-in-out;
    }

    .menu-mobile ul li.submenu-visible {
        border-bottom: none;
        padding-bottom: 0;
    }

    .menu-mobile ul li a {
        color: #24206b;
        font-family: "Galano Grotesque Alt";
        line-height: 26px;
    }

    .menu-mobile .menu-item-has-children a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu-mobile .menu-item-has-children > a::after {
        content: "";
        background-image: url(../img/chevron.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        height: 10px;
        width: 17px;
        transform: rotate(-90deg);
        will-change: transform;
        transition: transform 0.3s ease;
    }

    .menu-mobile .menu-item-has-children.submenu-visible > a {
        font-size: 20px;
    }

    .menu-mobile .menu-item-has-children.submenu-visible > a::after {
        visibility: hidden;
        pointer-events: none;
    }

    .menu-mobile .sub-menu {
        will-change: max-height;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
    }

    .menu-mobile .sub-menu--visible {
        max-height: 300vh;
    }

    .my-account-mobile li a {
        justify-content: flex-start;
    }

    .my-account-mobile > li > a::before {
        content: "";
        display: inline-block;
        background-image: url('../img/user.svg');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 25px;
        height: 22px;
        margin-right: 5px;
    }

    .my-account-mobile li a::after {
        margin-left: auto;
    }

    .intro h1 {
        font-size: 32px;
    }

    .main.inner-space {
        padding-top: 20px;
    }

    .cta-box.blue h3 {
        padding-left: 0;
    }

    .cta-box.blue {
        background-size: 100px;
        padding-left: 110px;
    }

    /*.playlists .figure {
		text-align: right;
	}
	.playlists .figure img {
		position: relative!important;
		width: 250px;
    }*/
    .menu-2 {
        display: none;
    }

    .menu-area ul {
        padding: 5px 10px 0;
    }

    .menu-area ul li {
        display: inline-block;
        width: 50%;
        text-align: center !important;
        padding: 10px 0;
    }

    .menu-area .menu-1 a {
        font-size: 14px;
        padding: 0 !important;
    }

    .menu-area .menu-1 li:last-child {
        border-top-right-radius: 8px;
    }

    .menu-area .menu-1 li:first-child {
        background-color: #ffffff;
        padding-left: 0;
        padding-right: 0;
    }

    .menu-area .menu-1 li a {
        padding: 0;
    }

    .menu-area .menu-1 li:first-child a {
        color: #24206a;
    }

    .menu-area .container {
        padding: 0;
    }

    .menu-btn {
        margin-right: 20px;
    }

    .menu-btn li:last-child a {
        padding: 10px 20px;
        font-size: 13px;
    }

    .navbar-toggler {
        border-color: #ffffff !important;
        background-color: #ffffff !important;
        margin-left: 10px;
    }

    .navbar-toggler-icon {
        background-image: url(../img/menu-mobile.svg) !important;
    }

    .navbar-brand img {
        margin-left: 10px;
    }

    .navbar-collapse {
        position: absolute;
        margin-top: 60px;
        background-color: #bd10e0;
        z-index: 9999;
    }

    .playlists .slick-dotted.slick-slider {
        margin-top: 30px;
    }

    .playlists p br {
        display: inline;
        content: ' ';
        clear: none;
    }

    .playlists p br:after {
        content: ' '
    }

    .menu-categoria-lista ul {
        margin: 30px 0 0 0;
        text-align: left;
    }

    .menu-categoria-lista ul li a {
        padding: 0 .9rem;
        border-radius: 4px;
        border: solid 2px #01C7D9;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .search-input input[type=text] {
        padding: 0 10px;
    }

    .search-input input[type=text]:focus:not([readonly]) {
        border-bottom: none;
        box-shadow: none;
    }

    .overlay-menu .navbar-nav {
        margin-bottom: 20px;
    }

    .navbar-nav li:last-child a {
        margin-left: 0;
    }

    .navbar-collapse .navbar-nav:first-child li:first-child {
        display: none;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding: 10px 0;
    }

    .navbar-expand-md .navbar-nav .nav-item:hover::before {
        display: none;
    }

    /*.navbar-nav li:nth-child(9) a {
        margin-left: 0;
        padding: 5px 15px!important;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .navbar-nav li:nth-child(10) a {
        padding: 5px 15px!important;
    }*/
    .menu-categoria-lista ul li {
        list-style: none;
        display: inline-block;
    }

    .materiais img {
        margin-bottom: 20px;
    }

    .post-item.big .post-header .picture {
        height: 150px;
    }

    .post-item.big .post-body h2 {
        font-size: 24px;
    }

    .post-item.big .post-body .excerpt {
        display: none;
    }

    .post-item {
        margin-bottom: 20px;
    }

    .post-texto h1 {
        font-size: 1.4rem;
    }

    .post-texto p {
        font-size: 1rem;
    }

    .post-texto blockquote {
        margin-left: 20px;
        width: 85%;
    }

    .menu-aux i {
        display: none;
    }

    .slider-projetos h4 {
        margin-top: 30px;
    }

    .carousel {
        padding: 40px 0;
    }

    .playlists {
        height: auto;
        padding: 40px 20px;
    }

    .playlists figure {
        display: inline;
    }

    .playlists figure:nth-child(2) {
        margin-left: 15px;
    }

    .playlists figure img {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer {
        text-align: center;
    }

    .footer .termos {
        margin-top: 0;
    }

    .footer .top {
        padding: 24px;
    }

    .footer .top .menu h2 {
        margin: 0;
        padding: 0;
    }

    .footer .top .menu h2:after {
        width: 100%;
    }

    .footer .top .menu:first-child {
        margin-bottom: 0;
    }

    .footer .top .socials {
        text-align: left;
    }

    .footer .top .socials ul li {
        margin-right: 10px;
    }

    .footer .top .socials ul li a {
        width: 45px;
        height: 45px;
    }

    .footer .bottom {
        padding: 30px 20px 20px;
    }

    /*.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-toggler {
        border-color: #24206b;
        background-color: #24206b;
    }*/
    .cta-box.blue p {
        margin-top: 0;
    }

    .footer .asset-veloe {
        width: 93px;
        margin-top: -50px;
    }

    .footer ul.pl-5 {
        padding: 0 !important;
    }

    .footer ul,
    .footer ul.pl-5 {
        text-align: left;
    }

    .footer .apps {
        margin-top: 20px;
    }

    .footer-menu.pt-3 {
        padding-top: .1rem !important;
    }

    .footer .apps,
    .footer .grupos,
    .footer .socials,
    .footer .termos {
        text-align: left;
    }

    .termos p {
        padding-left: 0;
    }

    .termos .selo-reclame {
        margin-bottom: 30px;
    }

    .termos .address {
        margin-top: 20px;
    }

    .footer-menu li {
        margin: 10px 0;
    }

    .footer li.submenu a {
        font-size: 12px;
    }

    .footer .asset-veloe {
        margin-left: 0;
    }

    ul.slick-dots {
        text-align: center !important;
    }

    .header .show-mobile {
        display: block !important;
        background-color: #F7F7FC;
        padding: 20px 0 30px;
    }

    .header .show-mobile .menu-btn li a {
        display: inline-block !important;
        width: 180px;
        padding: 15px 25px !important;
    }

    .header .show-mobile .menu-btn:last-child a {
        font-size: 18px;
        margin-top: 20px;
        color: #24206a !important;
    }

    .header .show-mobile .sub-menu {
        text-align: left;
        padding: 10px 20px;
    }

    .header .show-mobile .sub-menu li:first-child {
        margin-left: 0 !important;
    }

    .button_container {
        position: relative;
        height: 23px;
        width: 23px;
        cursor: pointer;
        transition: opacity .25s ease;
        z-index: 999999;
        margin-left: 30px;
        right: 5px;
        top: 4px;
    }

    .button_container.active .top {
        transform: translateY(6px) translateX(0) rotate(45deg);
        background: #24206a;
        border-top: solid 1px #ffffff;
        border-bottom: solid 1px #ffffff;
        height: 4px;
        z-index: 9999;
    }

    .button_container.active .middle {
        opacity: 0;
        background: #fff;
    }

    .button_container.active .bottom {
        transform: translateY(-6px) translateX(0) rotate(-45deg);
        background: #24206a;
    }

    .button_container span {
        background: #24206a;
        border: none;
        height: 2px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .35s ease;
        cursor: pointer;
        border-radius: 2px;
    }

    .button_container span:nth-of-type(2) {
        top: 6px;
    }

    .button_container span:nth-of-type(3) {
        top: 12px;
        width: 50%;
    }

    .button_container.active span:nth-of-type(3) {
        width: 100%;
    }

    .overlay {
        position: fixed;
        background: #ffffff;
        top: 120px;
        left: 0;
        right: 0;
        width: 100%;
        height: 0%;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow: hidden;
        z-index: 99999999;
    }

    .overlay.open {
        opacity: 1;
        visibility: visible;
        height: auto;
        transition: opacity .35s, visibility .35s, height .35s;
    }

    .overlay.open li {
        animation: fadeInRight .5s ease forwards;
        animation-delay: .35s;
    }

    .overlay.open li:nth-of-type(2) {
        animation-delay: .4s;
    }

    .overlay.open li:nth-of-type(3) {
        animation-delay: .45s;
    }

    .overlay.open li:nth-of-type(4) {
        animation-delay: .50s;
    }

    .overlay nav {
        position: relative;
        height: 70%;
        top: 50%;
        transform: translateY(-50%);
        font-size: 50px;
        font-family: 'Varela Round', serif;
        font-weight: 400;
        text-align: center;
    }

    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        height: 100%;
        width: 100%;
        text-align: center;
    }

    .overlay ul li {
        display: block;
        position: relative;
        opacity: 1;
    }

    .overlay ul li a {
        display: block;
        position: relative;
        color: #24206a;
        text-decoration: none;
        font-size: 18px;
        padding: 7px 0;
    }

    .overlay ul li a:hover:after,
    .overlay ul li a:focus:after,
    .overlay ul li a:active:after {
        width: 100%;
    }

    .overlay ul li a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0%;
        transform: translateX(-50%);
        height: 3px;
        background: #FFF;
        transition: .35s;
        display: none;
    }

    .menu-responsive li.submenu>a:after {
        border: solid #24206b;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 4px;
        margin-left: 10px;
        top: -3px;
        position: relative;
        transition: 0.9s;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        width: 10px !important;
        left: 0;
    }

    .menu-responsive li.submenu.open a:after {
        transition: 0.9s;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        top: 2px;
    }

    .header .menu-2 ul li ul,
    .header .menu-responsive ul li ul {
        width: 96%;
        left: 0;
        height: auto;
    }

    .header .menu-2 ul li.open ul,
    .header .menu-responsive ul li.open ul {
        margin-top: 0;
    }
}

.tablet-show {
    display: none;
}

@media (min-width: 769px) and (max-width: 1199px) {
    .tablet-show {
        display: block;
    }

    .tablet-hide {
        display: none;
    }

    .footer .termos {
        text-align: center;
    }

    .footer .top .col-12.tablet-justify-between {
        flex-direction: row;
        justify-content: space-between !important;
    }
}

/* Media query hover */
@media (hover: none) {
    a {
        text-decoration: none !important;
    }
}