:root{
    --amarelo:#fdc724;
    --amarelo-hover:#f0bc22;
    --amarelo-active:#e3b220;
}
.bg-black,.btn-black{background-color:#111;}
.bg-yellow{background-color:var(--amarelo);}
.btn-yellow{background-color:var(--amarelo);}
.btn-yellow:hover{background-color:var(--amarelo-hover);}
.btn-yellow:active{background-color:var(--amarelo-active);}
.text-yellow{
    color:var(--amarelo);
}
a.text-yellow:focus,
a.text-yellow:hover,
.btn.text-yellow:focus,
.btn.text-yellow:hover{
    color:var(--amarelo-hover);
}
a.text-yellow:active{
    color:var(--amarelo-active);
}
.text-black{
    color:#111!important;
}







.text-black::after{
	background:#000;
}
.text-dark::after{
	background:#343a40;
}
.text-white::after{
	background:#fff;
}
.bg-verde{
	background-color:var(--verde);
}
.nav-item,
a,
a img,
button,
input,
select,
svg,
textarea{
	transition:.3s;
}

a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    opacity:0;
	-webkit-transform:translateY(5px);
	   -moz-transform:translateY(5px);
	        transform:translateY(5px);
	-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
	   -moz-transition:   -moz-transform 0.3s, opacity 0.3s;
	        transition:        transform 0.3s, opacity 0.3s;
    pointer-events:none;
}
a:focus::after,
a:hover::after{
    opacity:1;
    -webkit-transform:translateY(1px);
       -moz-transform:translateY(1px);
            transform:translateY(1px);
}
a.btn::after,
a.drop-shadow::after,
a.sem::after{
	height:0;
}

.navbar-toggler{
	position:relative;
	padding:10px;
	width:42px;
	margin-left:-42px;
	border:none;
	background:0 0!important;
}
.navbar-toggler:focus{
	box-shadow:0 0 3px #333;
}
.navbar-toggler .icon-bar{
	transform: rotate(0) translate(0,0);
	transition: ease all .2s;
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background:#333;
}
.navbar-toggler .icon-bar+.icon-bar{
	margin-top:4px;
}
.navbar-toggler .icon-bar:nth-child(2){
	/*width:16px;*/
}
.navbar-toggler:hover>.icon-bar,
.navbar-toggler:focus>.icon-bar,
.navbar-toggler:active>.icon-bar{
	width:22px!important;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){
	transform: rotate(45deg) translate(5px, 4px);
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){
	opacity: 0;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){
	transform: rotate(-45deg) translate(4px, -4px);
}

.drop-shadow:active svg,
.drop-shadow:focus svg,
.drop-shadow:hover svg{
	-webkit-filter:drop-shadow(0 0 6px #fff);
	-moz-filter:drop-shadow(0 0 6px #fff);
	-ms-filter:drop-shadow(0 0 6px #fff);
	-o-filter:drop-shadow(0 0 6px #fff);
	filter:drop-shadow(0 0 6px #fff);
	fill:#fff!important;
}

.cinza-colorido,
.cinza-colorido img{
	filter:grayscale(100%);
	mix-blend-mode:multiply;
}
.cinza-colorido:active,
.cinza-colorido:active img,
.cinza-colorido:focus,
.cinza-colorido:focus img,
.cinza-colorido:hover,
.cinza-colorido:hover img{
	filter:grayscale(0);
}

.hover-opacity-100{
	opacity:.7;
	transition:.3s;
}
.hover-opacity-100:active,
.hover-opacity-100:focus,
.hover-opacity-100:hover{
	opacity:1;
}
.hover-opacity-80{
	opacity:1;
	transition:.3s;
}
.hover-opacity-80:active,
.hover-opacity-80:focus,
.hover-opacity-80:hover{
	opacity:.8;
}
.counter,.fadeIn,.slideUp,.zoomIn{
	visibility:hidden;
}


input[type=checkbox] ~ span:last-of-type{
    position:relative;
}
.checkbox {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom:1rem;
}
.checkbox label {
    cursor: pointer;
    padding-left: 0;
}
.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    /*width: 0;*/
    /*height: 0;*/
    overflow: hidden;
    /*left: 0;*/
    pointer-events: none;
}
.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top:1px;
}
.checkbox .checkbox-material:before {
    position: absolute;
    left: 8px;
    top: 2px;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    height: 4px;
    width: 4px;
    border-radius: 100%;
    z-index:1;
    opacity: 0;
    margin: 0;
}
.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 2px;
    overflow: hidden;
    z-index:1;
}
.checkbox > label > span:nth-child(3){
    margin-left:.5rem;
    top:1px;
    color:#333;
}
.checkbox-material:before{
    pointer-events: none;
    cursor: default;
}
.checkbox .checkbox-material .check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    -webkit-animation: checkbox-off 0.3s forwards ease-out;
    animation: checkbox-off 0.3s forwards ease-out;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
    opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on 0.3s forwards ease-out;
    animation: checkbox-on 0.3s forwards ease-out;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
    -webkit-animation: rippleOff 700ms forwards ease-out;
    animation: rippleOff 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
    -webkit-animation: rippleOn 700ms forwards ease-out;
    animation: rippleOn 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
    -webkit-animation: rippleOff 700ms forwards ease-out;
    animation: rippleOff 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
    -webkit-animation: rippleOn 700ms forwards ease-out;
    animation: rippleOn 700ms forwards ease-out;
}
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled] + .circle {
    opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
    background-color: rgba(0, 0, 0, 0.84);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@-webkit-keyframes checkbox-on {
    0% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;}
    50% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;}
    100% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;}
}
@keyframes checkbox-on {
    0% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;}
    50% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;}
    100% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;}
}
@-webkit-keyframes checkbox-off {
    0% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;}
    25% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;}
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }
    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
    }
}
@keyframes checkbox-off {
    0% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;}
    25% {box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;}
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }
    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
    }
}
body,html,p{
	font-family:Open Sans, sans-serif;
	font-size:15px;
    color:#261e05;
}
p{}
.h1,.h2,.h3,.h4,.h5,.h6,.titulo,.subtitulo,.lato{
    font-family:'Lato', sans-serif;
	margin:0;
}
.h1{}
.h2{}
.h3{}
.h4{}
.h5{}
.h6{}
.menu{}
.el{font-weight:200;}
.sb{font-weight:600;}
.menu,body{
    min-width:300px;
}
.nav-item,
a,
button{
    text-decoration:none!important;
    position:relative;
}
.btn:active,
.btn:focus,
button:active,
button:focus{
    outline:0!important;
}
.menu .nav-link,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul{
	margin:0;
	padding:0;
    line-height:inherit;
}
.menu{
	z-index:50;
}
.menu .container-fluid{
    max-width:1110px;
}
.bg-cover{
	background-size:cover;
	background-position:center center;
	background-color: #343a40;
}
ul{
    list-style: none;
}
	.swiper:not(.swiper-multiplo) .swiper-slide:not(.swiper-slide-active){
		opacity:0!important;
	}
	.swiper-multiplo{
		overflow:hidden;
	}
body{
    line-height:1.8rem;
}
a{
    color:var(--amarelo);
}
a:focus,
a:hover{
    color:var(--amarelo-hover);
}
a::after{
    background:var(--amarelo-hover);
}
a:active{
    color:var(--verde-active);
}
.barra_topo{
    font-size:13px;
    line-height:48px;
}
.barra_topo *{
    color:var(--amarelo);
}
.barra_topo a:hover{
    color:var(--amarelo-hover);
}
.barra_topo a:active{
    color:var(--amarelo-active);
}
.barra_topo a::after{
    background-color:var(--amarelo-hover);
    height:0;
}
#menuprincipal a{
    color:#161818;
    font-size:15px;
    font-weight:600;
}
#menuprincipal .active a,#menuprincipal a:active{
    color:#8b8b8b;
}
.menu{
    background-color:rgba(0,0,0,0);
    transition:.5s;
}
#menu.rolou,#menu.aberto{
    background-color:#ededed;
    box-shadow:0 0 10px 0 rgba(0,0,0,.25);
}
#menu.rolou img,#menu.aberto img{
    transition:.3s;
}
.menu > .container{
    padding-top:50px;
    transition:.5s;
}
#menu.rolou > .container,#menu.aberto > .container{
    padding:1rem 0;
}
.transparente{
    opacity:0!important;
    z-index:10!important;
}
body{
    padding-top:48px;
}
#banner{
    height:800px;
}
#banner .jumbotron{
    padding-top:175px;
    padding-bottom:125px;
}
#banner,#banner p{
    color:#161818;
    font-size:18px;
}
#banner span{
    color:#8b8b8b;
    font-size:15px;
}
#banner .titulo{
    font-size:44px;
    font-weight:700;
}
.btn{
    line-height:50px;
    padding-top:0;
    padding-bottom:0;
    border:0;
    font-weight:600;
    font-size:14px;
}
#traducao{
    border-radius:10px;
    position:relative;
    top:-75px;
    margin-bottom:-75px;
    box-shadow:0px 0px 20px 0px rgba(0,0,0,.1);
    z-index:45;
}
.h2{
    font-size:32px;
}
.h3{
    font-size:20px;
}
.h4{
    font-size:16px;
    font-weight:600;
}
.palavra{
    color:var(--amarelo);
    font-weight:600;
}
.palavra span{
    color:#000;
}
.traducao{
    color:#8b8b8b;
    font-size:16px;
    margin-left:2rem;
    font-weight:600;
}
.significado,.significado p{
    font-size:18px;
}
.swiper-button-prev::after,
.swiper-button-next::after{
    display:none;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:-57px!important;
}
.swiper-pagination-bullet{
    opacity:1;
    width:10px;
    height:10px;
    margin:0 8px!important;
}
.swiper-pagination-bullet-active{
    background:#fff;
}
#traducao .swiper-button-prev{
    left:10%;
}
#traducao .swiper-button-next{
    right:10%;
}
.modal-body {
    padding: 45px;
}
.modal-content {
    border: none;
    border-radius: 13px;
}
.mostra_unidade {
    border: none;
    border-radius: 8px;
    padding: 0;
    margin-top: 30px !important;
}

body#teste{
    background:#343a40;
    padding:0;
    background:var(--amarelo);
}


.fundo_linhas{
    background-repeat:no-repeat;
    background-position:bottom center;
}
#cursos{
    padding-top:150px!important;
}
#cursos img,#sobre img{
    border-radius:10px;
    z-index:40;
}
#sobre img{
    position:relative;
    margin-bottom:-170px;
}
#aulas{
    font-size:15px;
}
#contato button{
    font-size:14px;
    font-weight:600;
    padding:0;
    border:0;
}
.btn-voltar{
    background-color: rgba(0,0,0,.1);
    color: #000 !important;
}
input.form-control,textarea.form-control{
    font-size:14px;
    padding:25px;
}
select.form-control{
    line-height:50px;
    height:50px;
    font-size:14px;
}


@media(max-width:991.8px){
    #banner .jumbotron{
        background:none!important;
    }
}
@media(min-width:576px){
}
@media(min-width:768px){
    .menu .navbar-collapse{
        margin-top:-62px;
        transition:.5s;
    }
    #menu.rolou .navbar-collapse{
        margin-top:0;
    }
}
@media(min-width:992px){
    #sobre img{
        margin-bottom:-230px;
    }
    #cursos{
        padding-top:3rem!important;
    }
}
@media(min-width:1200px){
}
@media(max-width:767.8px){
    .navbar-brand img{
        height:45px !important;
    }
}