body {
    background-color: #EDF0F5;
    font-family: 'Lexend', sans-serif;
    font-size: 16px;
    font-weight: 500;
	letter-spacing: -0.03em;
	color: #1C3358;
}
.container {
    width: 100%;
    max-width: 1200px;
    position: relative;
}
.container:after {
	display: block;
	clear: both;
	content: "";
}
.bt {
    background-color: #2EDF5F;
    box-shadow: 0px 6px 8px rgba(0, 134, 52, 0.08), 0px 3px 4px rgba(0, 134, 52, 0.15), 0px 1px 1px rgba(0, 134, 52, 0.4), inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    height: 40px;
    align-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.5;
	text-decoration: none;
    color: rgba(0,0,0,.7);
    padding: 0 15px;
    position: relative;
}
.bt:hover,
.bt:focus {
    background-color: #63FF8F;
    box-shadow: 0px 6px 8px rgba(0, 134, 52, 0.08), 0px 3px 4px rgba(0, 134, 52, 0.15), 0px 1px 1px rgba(0, 134, 52, 0.4), inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
	text-decoration: none;
	outline: 0;
}
.bt:active {
    background-color: #2EDF5F;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
    top: 1px;
}
.bt-entrar {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 2h-9c-1.1 0-2 .9-2 2v1a1 1 0 002 0V4h9v16h-9v-1a1 1 0 10-2 0v1c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5.795 14.295a.996.996 0 01-1.702-.705c0-.265.104-.519.291-.706L13.67 13H5a1 1 0 010-2h8.67l-1.876-1.884a.999.999 0 011.411-1.411l3.588 3.588a1 1 0 010 1.414l-3.588 3.588z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 40px;
}
.topo {
	background: #F36800 url(../../mmcode/home/img/mm-topo.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	padding-bottom: 100px;
}
.topo-header {
	display: flex;
	justify-content: space-between;
	padding: 20px 0 10px;
}
.mindmakers-logo {
    background: url("data:image/svg+xml,%0A%3Csvg width='73' height='35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.637 24.055a4 4 0 00-2.137.594 4.276 4.276 0 00-1.524 1.591c-.32-.702-.792-1.242-1.418-1.62-.627-.376-1.349-.565-2.166-.565-.78 0-1.46.172-2.042.518a3.192 3.192 0 00-1.293 1.418v-1.82H.779v10.695h3.278v-5.674c0-.741.191-1.31.575-1.706.382-.396.9-.594 1.552-.594.626 0 1.119.188 1.476.565.357.378.536.905.536 1.582v5.827h3.278v-5.674c0-.728.189-1.294.566-1.696.376-.403.89-.604 1.543-.604.625 0 1.121.188 1.485.565.365.378.547.905.547 1.582v5.827h3.259v-6.21c0-1.444-.377-2.572-1.13-3.383-.756-.812-1.79-1.218-3.107-1.218zm13.617 2.051a3.354 3.354 0 00-1.304-1.514c-.588-.37-1.292-.556-2.11-.556-.88 0-1.67.22-2.366.66-.697.442-1.246 1.075-1.648 1.898-.403.825-.604 1.8-.604 2.924 0 1.112.201 2.083.604 2.914.402.83.951 1.466 1.648 1.907.696.44 1.485.661 2.367.661.817 0 1.52-.185 2.109-.556a3.347 3.347 0 001.304-1.514v1.936h3.258V24.17h-3.258v1.936zm-.662 5.31c-.441.473-1.006.71-1.697.71-.702 0-1.268-.23-1.695-.691-.43-.46-.643-1.1-.643-1.917 0-.818.214-1.456.643-1.916.427-.46.993-.69 1.695-.69.691 0 1.256.233 1.698.699.44.466.66 1.102.66 1.907 0 .792-.22 1.425-.66 1.897zm24.52-6.728c-.805-.435-1.738-.652-2.798-.652-1.047 0-1.981.22-2.799.66a4.664 4.664 0 00-1.906 1.898c-.454.825-.682 1.8-.682 2.924 0 1.112.231 2.083.691 2.914a4.724 4.724 0 001.907 1.907c.812.44 1.742.661 2.789.661.895 0 1.706-.17 2.435-.508a4.898 4.898 0 001.801-1.399c.473-.594.78-1.268.92-2.022h-3.468a1.705 1.705 0 01-.634.939c-.32.243-.722.364-1.207.364-.576 0-1.049-.176-1.418-.527-.371-.351-.576-.93-.615-1.735h7.42c.063-.319.094-.613.094-.881 0-1.023-.22-1.927-.661-2.713a4.601 4.601 0 00-1.869-1.83zm-4.963 4.044c.05-.69.274-1.214.67-1.572.396-.357.894-.537 1.495-.537.575 0 1.057.177 1.447.528.39.351.579.879.567 1.581h-4.18zm12.175-2.55V24.17h-3.278v10.696h3.278v-4.869c0-.882.24-1.507.718-1.878.48-.37 1.153-.556 2.024-.556h.939v-3.508a4.04 4.04 0 00-2.1.575 4.66 4.66 0 00-1.581 1.553zm13.1 3.872a3.343 3.343 0 00-1.36-.968c-.524-.197-1.195-.392-2.014-.584-.753-.166-1.305-.332-1.658-.498-.35-.166-.525-.415-.525-.748 0-.293.095-.52.286-.68.192-.16.473-.24.844-.24.473 0 .865.124 1.178.374.314.249.515.591.604 1.026h3.067c-.205-1.113-.712-2.006-1.523-2.684-.813-.677-1.895-1.016-3.25-1.016-1.328 0-2.358.297-3.086.891-.729.594-1.092 1.371-1.092 2.329 0 .742.185 1.326.555 1.754a3.23 3.23 0 001.323.93c.512.192 1.162.37 1.956.536.791.18 1.364.349 1.715.508.352.16.527.425.527.796a.87.87 0 01-.287.68c-.192.173-.473.259-.844.259-.537 0-.975-.121-1.314-.364-.338-.242-.533-.594-.583-1.054H63.78c.191 1.188.722 2.102 1.59 2.74.87.64 2.025.959 3.47.959.856 0 1.597-.134 2.224-.402.626-.269 1.105-.64 1.437-1.112.332-.472.499-1.016.499-1.63 0-.753-.192-1.354-.576-1.802zM44.105 24.17h-3.853l-3.2 4.294V24.17h-3.278v10.696h3.278v-4.543l3.2 4.543h3.949l-4.409-5.348 4.313-5.348z' fill='%23fff'/%3E%3Cpath d='M20.993 5.48a5.836 5.836 0 00-3.117.866 6.236 6.236 0 00-2.223 2.321c-.466-1.025-1.156-1.812-2.068-2.363-.915-.55-1.968-.824-3.16-.824-1.138 0-2.13.251-2.979.755A4.656 4.656 0 005.56 8.303V5.648H.78v15.6h4.78v-8.275c0-1.082.28-1.91.84-2.489.557-.577 1.312-.867 2.263-.867.913 0 1.632.276 2.153.825.52.55.782 1.32.782 2.307v8.5h4.781v-8.276c0-1.062.275-1.887.826-2.474.548-.588 1.3-.882 2.25-.882.913 0 1.636.276 2.166.825.533.55.799 1.32.799 2.307v8.5h4.753v-9.06c0-2.105-.55-3.75-1.65-4.934-1.1-1.184-2.61-1.775-4.53-1.775zm9.366 15.769h4.78V5.648h-4.78v15.6zm17.98-15.77c-1.195 0-2.233.271-3.118.812a5.141 5.141 0 00-2 2.208V5.648h-4.78v15.6h4.78v-8.275c0-1.137.284-2.013.853-2.629.57-.614 1.336-.922 2.307-.922.913 0 1.643.293 2.194.88.55.588.826 1.404.826 2.447v8.5h4.78v-9.06c0-2.086-.528-3.726-1.579-4.92-1.053-1.192-2.475-1.79-4.264-1.79zM68.215 0v8.472a4.711 4.711 0 00-1.873-2.21c-.858-.54-1.884-.81-3.076-.81-1.286 0-2.437.321-3.452.964-1.017.644-1.818 1.566-2.405 2.768-.587 1.202-.88 2.624-.88 4.264 0 1.622.293 3.038.88 4.25.587 1.212 1.388 2.139 2.405 2.782 1.015.642 2.166.964 3.452.964 1.192 0 2.218-.27 3.076-.81a4.703 4.703 0 001.873-2.209v2.824h4.782V0h-4.782zm-.936 16.216c-.644.69-1.467 1.035-2.475 1.035-1.024 0-1.85-.336-2.474-1.007-.625-.671-.937-1.603-.937-2.796 0-1.193.312-2.124.938-2.796.623-.67 1.449-1.006 2.473-1.006 1.008 0 1.831.34 2.475 1.02.642.68.965 1.608.965 2.782 0 1.156-.323 2.078-.965 2.768z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
    background-size: cover;
    display: block;
	flex: 0 0 auto;
    width: 93px;
    height: 45px;
    text-indent: -999px;
    overflow: hidden;
}

.compsci-logo,
.login-compsci {
    background: url(../../mmcode/home/img/compsci++.svg) no-repeat;
    background-size: contain;
    display: block;
    float: left;
    width: 163px;
    height: 24px;
    margin: 34px 0 0;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.lesson-lab .header .compsci-logo { margin: 18px 0 0; }
.footer .compsci-logo {
    float: none;
    filter: grayscale(1);
    margin: 0 auto 25px auto;
}
.login-compsci {
    margin: 0;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
    .compsci-logo {
        float: none;
        margin: 18px auto;
    }
    .login-compsci {
        float: none;
        margin: 0 auto;
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
    }
}


.login-container {
	display: flex;
	align-items: center;
}
.login-call {
	background: url(../../mmcode/home/img/adventure-map.svg) no-repeat right center;
	font-size: 17px;
	line-height: 1.2;
	color: #fff;
	display: flex;
	align-items: center;
	min-height: 40px;
	padding: 10px 55px 0 0;
	margin: -10px 40px 0 0;
}
.mm-intro {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.25;
	color: #fff;
	padding: 50px 0;
}
.headline {
	font-size: 71px;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1.1;
	margin: 0 0 0 -3px;
}
.subheadline {
	font-size: 32px;
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.25;
	opacity: 0.8;
	margin: 0 0 25px;
}
.subheadline strong {
	font-weight: 700;
}
.mm-intro p:last-child {
	margin-bottom: 0;
}
.fale-conosco {
	background-color: rgba(134, 204, 0, .8);
	width: 100%;
	color: #343D00;
	position: absolute;
	bottom: 0;
	left: 0;
}
.cta {
	background: url(../../mmcode/home/img/programer.svg) no-repeat left center;
	display: flex;
	align-items: center;
	min-height: 100px;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.25;
	padding: 15px 0 15px 100px;
}
.bt-border {
    border: 2px solid #fff;
    border-radius: 10px;
    display: inline-flex;
    height: 50px;
    align-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
	text-decoration: none;
	color: #FFFFFF;
    padding: 0 20px;
	margin: 0 0 0 35px;
	white-space: nowrap
}
.bt-border:hover,
.bt-border:focus {
	background-color: #fff;
	color: #F36800;
	outline: none;
}
.rodape {
	background-color: rgba(255,255,255,.8);
	font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 18px;
    color: rgba(28, 51, 88,.6);
	position: relative;
}
.rodape .container {
	display: flex;
	align-items: center;
	min-height: 120px;
	padding: 20px 15px;
}
.rodape .mindmakers-logo {
	background: url("data:image/svg+xml,%0A%3Csvg width='73' height='35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.637 24.055a4 4 0 00-2.137.594 4.276 4.276 0 00-1.524 1.591c-.32-.702-.792-1.242-1.418-1.62-.627-.376-1.349-.565-2.166-.565-.78 0-1.46.172-2.042.518a3.192 3.192 0 00-1.293 1.418v-1.82H.779v10.695h3.278v-5.674c0-.741.191-1.31.575-1.706.382-.396.9-.594 1.552-.594.626 0 1.119.188 1.476.565.357.378.536.905.536 1.582v5.827h3.278v-5.674c0-.728.189-1.294.566-1.696.376-.403.89-.604 1.543-.604.625 0 1.121.188 1.485.565.365.378.547.905.547 1.582v5.827h3.259v-6.21c0-1.444-.377-2.572-1.13-3.383-.756-.812-1.79-1.218-3.107-1.218zm13.617 2.051a3.354 3.354 0 00-1.304-1.514c-.588-.37-1.292-.556-2.11-.556-.88 0-1.67.22-2.366.66-.697.442-1.246 1.075-1.648 1.898-.403.825-.604 1.8-.604 2.924 0 1.112.201 2.083.604 2.914.402.83.951 1.466 1.648 1.907.696.44 1.485.661 2.367.661.817 0 1.52-.185 2.109-.556a3.347 3.347 0 001.304-1.514v1.936h3.258V24.17h-3.258v1.936zm-.662 5.31c-.441.473-1.006.71-1.697.71-.702 0-1.268-.23-1.695-.691-.43-.46-.643-1.1-.643-1.917 0-.818.214-1.456.643-1.916.427-.46.993-.69 1.695-.69.691 0 1.256.233 1.698.699.44.466.66 1.102.66 1.907 0 .792-.22 1.425-.66 1.897zm24.52-6.728c-.805-.435-1.738-.652-2.798-.652-1.047 0-1.981.22-2.799.66a4.664 4.664 0 00-1.906 1.898c-.454.825-.682 1.8-.682 2.924 0 1.112.231 2.083.691 2.914a4.724 4.724 0 001.907 1.907c.812.44 1.742.661 2.789.661.895 0 1.706-.17 2.435-.508a4.898 4.898 0 001.801-1.399c.473-.594.78-1.268.92-2.022h-3.468a1.705 1.705 0 01-.634.939c-.32.243-.722.364-1.207.364-.576 0-1.049-.176-1.418-.527-.371-.351-.576-.93-.615-1.735h7.42c.063-.319.094-.613.094-.881 0-1.023-.22-1.927-.661-2.713a4.601 4.601 0 00-1.869-1.83zm-4.963 4.044c.05-.69.274-1.214.67-1.572.396-.357.894-.537 1.495-.537.575 0 1.057.177 1.447.528.39.351.579.879.567 1.581h-4.18zm12.175-2.55V24.17h-3.278v10.696h3.278v-4.869c0-.882.24-1.507.718-1.878.48-.37 1.153-.556 2.024-.556h.939v-3.508a4.04 4.04 0 00-2.1.575 4.66 4.66 0 00-1.581 1.553zm13.1 3.872a3.343 3.343 0 00-1.36-.968c-.524-.197-1.195-.392-2.014-.584-.753-.166-1.305-.332-1.658-.498-.35-.166-.525-.415-.525-.748 0-.293.095-.52.286-.68.192-.16.473-.24.844-.24.473 0 .865.124 1.178.374.314.249.515.591.604 1.026h3.067c-.205-1.113-.712-2.006-1.523-2.684-.813-.677-1.895-1.016-3.25-1.016-1.328 0-2.358.297-3.086.891-.729.594-1.092 1.371-1.092 2.329 0 .742.185 1.326.555 1.754a3.23 3.23 0 001.323.93c.512.192 1.162.37 1.956.536.791.18 1.364.349 1.715.508.352.16.527.425.527.796a.87.87 0 01-.287.68c-.192.173-.473.259-.844.259-.537 0-.975-.121-1.314-.364-.338-.242-.533-.594-.583-1.054H63.78c.191 1.188.722 2.102 1.59 2.74.87.64 2.025.959 3.47.959.856 0 1.597-.134 2.224-.402.626-.269 1.105-.64 1.437-1.112.332-.472.499-1.016.499-1.63 0-.753-.192-1.354-.576-1.802zM44.105 24.17h-3.853l-3.2 4.294V24.17h-3.278v10.696h3.278v-4.543l3.2 4.543h3.949l-4.409-5.348 4.313-5.348z' opacity='.5' fill='%23636E89'/%3E%3Cpath d='M20.993 5.48a5.836 5.836 0 00-3.117.866 6.236 6.236 0 00-2.223 2.321c-.466-1.025-1.156-1.812-2.068-2.363-.915-.55-1.968-.824-3.16-.824-1.138 0-2.13.251-2.979.755A4.656 4.656 0 005.56 8.303V5.648H.78v15.6h4.78v-8.275c0-1.082.28-1.91.84-2.489.557-.577 1.312-.867 2.263-.867.913 0 1.632.276 2.153.825.52.55.782 1.32.782 2.307v8.5h4.781v-8.276c0-1.062.275-1.887.826-2.474.548-.588 1.3-.882 2.25-.882.913 0 1.636.276 2.166.825.533.55.799 1.32.799 2.307v8.5h4.753v-9.06c0-2.105-.55-3.75-1.65-4.934-1.1-1.184-2.61-1.775-4.53-1.775zm9.366 15.769h4.78V5.648h-4.78v15.6zm17.98-15.77c-1.195 0-2.233.271-3.118.812a5.141 5.141 0 00-2 2.208V5.648h-4.78v15.6h4.78v-8.275c0-1.137.284-2.013.853-2.629.57-.614 1.336-.922 2.307-.922.913 0 1.643.293 2.194.88.55.588.826 1.404.826 2.447v8.5h4.78v-9.06c0-2.086-.528-3.726-1.579-4.92-1.053-1.192-2.475-1.79-4.264-1.79zM68.215 0v8.472a4.711 4.711 0 00-1.873-2.21c-.858-.54-1.884-.81-3.076-.81-1.286 0-2.437.321-3.452.964-1.017.644-1.818 1.566-2.405 2.768-.587 1.202-.88 2.624-.88 4.264 0 1.622.293 3.038.88 4.25.587 1.212 1.388 2.139 2.405 2.782 1.015.642 2.166.964 3.452.964 1.192 0 2.218-.27 3.076-.81a4.703 4.703 0 001.873-2.209v2.824h4.782V0h-4.782zm-.936 16.216c-.644.69-1.467 1.035-2.475 1.035-1.024 0-1.85-.336-2.474-1.007-.625-.671-.937-1.603-.937-2.796 0-1.193.312-2.124.938-2.796.623-.67 1.449-1.006 2.473-1.006 1.008 0 1.831.34 2.475 1.02.642.68.965 1.608.965 2.782 0 1.156-.323 2.078-.965 2.768z' opacity='.5' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    background-size: cover;
    display: flex;
	flex: 0 0 auto;
    float: none;
    width: 73px;
    height: 35px;
    margin: 0 140px 0 0;
}
.copyright {
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' d='M8.5 17C3.818 17 0 13.185 0 8.492 0 3.815 3.818 0 8.5 0 13.197 0 17 3.815 17 8.492 17.015 13.185 13.197 17 8.5 17zm0-15.638c-3.94 0-7.136 3.195-7.136 7.13 0 3.936 3.212 7.146 7.151 7.146 3.94 0 7.152-3.21 7.152-7.146 0-3.935-3.228-7.13-7.167-7.13zm0 10.643c-.364 0-.727-.061-1.09-.167a3.494 3.494 0 01-2.425-3.33 3.48 3.48 0 012.424-3.33A3.29 3.29 0 018.5 5.01c.985 0 1.924.424 2.59 1.15l-1.5 1.09a1.718 1.718 0 00-1.62-.333 1.677 1.677 0 00-1.167 1.605c0 .726.47 1.377 1.167 1.604.166.06.348.076.515.076.409 0 .803-.151 1.106-.409l1.5 1.09a3.587 3.587 0 01-2.591 1.12z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat left center;
    float: left;
    padding: 3px 0 3px 25px;
    margin: 0;
}
.color-bar,
.color-bar div {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.color-bar:before,
.color-bar:after,
.color-bar div:before,
.color-bar div:after {
    display: block;
    content: '';
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
}
.color-bar:before {
    background-color: #FFBE0B;
    left: 0;
}
.color-bar:after {
    background-color: #FB5607;
    left: 20%;
}
.color-bar div:before {
    background-color: #AFE525;
    left: 40%;
}
.color-bar div:after {
    background-color: #8B54FF;
    left: 60%;
}
.color-bar {
    background: #3AD0FF;
}
.main .container {
	padding-top: 50px;
	padding-bottom: 50px;
}
.main_title {
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.2;
	color: #FF6D00;
	margin: 0 0 50px;
}
.intro {
	font-size: 19px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 50px;
}
.underline {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23FF6D00' opacity='.4' d='M0 0h10v10H0z'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: 0 16px;
	background-size: 6px;
	font-weight: 500;
}
.diferenciais {
	background-color: rgba(237, 240, 245, .7);
	font-size: 15px;
	line-height: 1.2;
	padding: 50px 0;
	margin: 0 0 50px 0;
	position: relative;
}
.diferenciais:before {
	background: url(../../mmcode/home/img/mind-makers-diferenciais.png) no-repeat right center;
	background-size: contain;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
}
.diferenciais h4 {
	font-size: 27px;
	font-weight: 700;
	letter-spacing: -0.04em;
	color: #FF6D00;
	margin: 0 0 15px 0;
}
.diferenciais ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.diferenciais ul li {
	background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23FF6D00'/%3E%3C/svg%3E") no-repeat 0 3px;
	background-size: 14px;
	padding: 0 0 0 20px;
	margin: 0 0 10px;
}
.atividades {
	max-width: 370px;
	margin: 0 auto 25px auto;
}
.atividades-header {
	position: relative;
}
.atividades-header::before {
	background: linear-gradient(135deg, #D1FFB4 10.35%, #00E9B2 100%);
	border-radius: 20px 20px 0 0;
	display: block;
	content: '';
	width: 100%;
	height: 170px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.atividades-header img {
	display: block;
	max-width: 75%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.atividades-content {
	background: #FFFFFF;
	box-shadow: 0 50px 90px rgba(0, 4, 99, 0.07);
	border-radius: 0 0 20px 20px;
	font-size: 19px;
	line-height: 1.25;
	padding: 30px 35px;
}
.mm-orange {
	color: #FF6D00; 
}
.atividade_turmaDaMonica,
.atividade_irmaoDoJorel {
	display: flex;
	align-items: center;
	min-height: 70px;
	font-size: 15px;
	padding: 0 0 0 90px;
	margin: 0 0 15px;
}
.atividade_turmaDaMonica p:last-child,
.atividade_irmaoDoJorel p:last-child {
	margin: 0;
}
.depoimento-container {
	margin: 0 0 50px;
}
.depoimento-avatar {
	border-radius: 4px 40px 40px 40px;
	width: 120px;
	height: 120px;
	margin: 10px 0 0 55px;
	overflow: hidden;
}
.depoimento-avatar img {
	display: block;
	width: 100%;
	height: auto;
}
.depoimento-content {
	background: url("data:image/svg+xml,%3Csvg width='45' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4428 3.9504C11.4687 4.5108.0063 5.784 0 21.4008v19.6489h17.7939V20.0268h-5.9084c-.3743-5.6135 4.2481-7.063 9.2748-8.1756l-1.7175-7.9008zm23.8396 0c-7.9741.5604-19.4365 1.8335-19.4427 17.4504v19.6489h17.7939V20.0268h-5.9084c-.3744-5.6135 4.2482-7.063 9.2748-8.1756l-1.7176-7.9008z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 0 0;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.25;
	padding: 15px 0 0 55px;
}
.depoimento-content p {
	margin: 0 0 10px 0;
}
.depoente {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
}
.depoente-info {
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	opacity: 0.6;
}
/*  */
.top-header {
	justify-content: left;
	position: relative;
}
.login-container {	
	margin: 0 70px 0 auto;
}
.login-call {
	margin: -10px 0 0 0;
}
.atividades {
	max-width: none;
}
.hourofcode-logo {
	display: block;
	width: 130px;
}
.atividades-content {
	border-radius: 20px;
	font-size: 16px;
	padding: 30px;
}
.atividades-content p {
	margin-bottom: 10px;
}
.atividades-content p:last-child {
	margin-bottom: 0;
}
.trademark {
    display: inline-block;
    font-size: 20px;
    letter-spacing: normal;
    vertical-align: top;
    margin: 15px 0 0;
}
/* tooltip */
.tooltip {
    font-family: 'Lexend', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.25;
}
.tooltip.show {
    opacity: 1;
}
.tooltip .tooltip-arrow,
.tooltip .tooltip-arrow::before {
    display: none;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
    padding: 5px;
}
.tooltip-inner {
    background: rgba(255, 213, 63, 0.95);
    border-radius: 10px 10px 0px 10px;
    box-shadow: 0px 6px 10px rgba(219, 181, 50, 0.2);
    color: rgba(29, 22, 0,.7);
    padding: 11px 20px;
}
.bs-tooltip-end .tooltip-inner, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-inner {
    border-radius: 10px 10px 10px 0;
}
.bs-tooltip-bottom .tooltip-inner, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner {
    border-radius: 0 10px 10px 10px;
}
/* box */
.box {
    max-width: 270px;
    height: 370px;
    margin: 0 auto 30px auto;
    perspective: 1000px;
}
.box.disabled .box-front {
    filter: grayscale(1);
    opacity: .5;
}
.box:hover .box-front {
    box-shadow: 0 0 0 2px rgba(58, 132, 252, 0.5), 0 40px 70px rgba(62, 58, 254, 0.2), 0 80px 120px rgba(58, 184, 255, 0.2);
}
.box:hover .box-back {
    box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06), 0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
}
.turn .box-inner {
    transform: rotateY(180deg);
}
.turn .box-front {
    border-radius: 40px;
    z-index: -1;
}
.turn .box-front,
.turn:hover .box-front {
    box-shadow: none;
}
.box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.box-front, .box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    z-index: 1;
}
.box-front {
    background: #FBFBFB;
    box-shadow: 0 22px 45px rgba(0, 4, 99, 0.06), 0 50px 90px rgba(0, 4, 99, 0.07);
    border-radius: 40px 40px 4px 40px;
    padding: 20px;
}
.box-back {
    background: rgba(207,213,223,1);
    box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06), 0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
    border-radius: 40px 40px 4px 40px;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
}
.box-header {
    background: #3681ff;
    display: block;
    border-radius: 20px 20px 20px 4px;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.box-header:hover,
.box-header:focus {
    color: #fff;
    text-decoration: none;
}
.box-header-img {
    display: block;
    width: 100%;
    height: auto;
}
.box-header:hover .box-header-img {
    transform: scale(1.1);
    opacity: .5;
}
.box:hover .box-header,
.cartao-link:hover .cartao-img {
	-webkit-animation: bounce .3s ease infinite alternate;
	-moz-animation: bounce .3s ease infinite alternate;
	-ms-animation: bounce .3s ease infinite alternate;
	-o-animation: bounce .3s ease infinite alternate;
	animation: bounce .3s ease infinite alternate;
}
@-webkit-keyframes bounce {
    from { }
    to { -webkit-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@-moz-keyframes bounce { 
    from { }
    to { -moz-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@-ms-keyframes bounce { 
    from { }
    to { -ms-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@-o-keyframes bounce { 
    from { }
    to { -o-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@keyframes bounce { 
    from { }
    to { transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
.box-title {
    font-size: 18px;
    letter-spacing: -0.04em;
    line-height: 20px;
    margin: 0;
    position: absolute;
    left: 0;
}
.box-front .box-title {
    background: rgba(54, 129, 255, 0.9);
    border-radius: 0 20px 0 4px;
    color: #fff;
    padding: 17px 20px 17px;
    bottom: 0;
}
.box-back .box-title {
    background: #fff;
    border-radius: 0 0 20px 0;
    color: #636E89;
    padding: 25px;
    top: 0;
    z-index: 2;
}
.box-content {
    width: 100%;
    font-size: 13px;
    line-height: 135%;
    letter-spacing: -0.02em;
    color: rgba(28, 51, 88, .6);
}
.box-front .box-content {
    height: 70px;
    bottom: 0;
    overflow: hidden;
    position: relative;
}
.box-front .box-content:after {
    background: -moz-linear-gradient(top, rgba(251,251,251,0) 0%, rgba(251,251,251,1) 100%);
    background: -webkit-linear-gradient(top, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfbfb', endColorstr='#fbfbfb',GradientType=0 );
    display: block;
    content: '';
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.box-back .box-content {
    position: absolute;
    height: auto;
    top: 40px;
    right: 5px;
    bottom: 53px;
    overflow: auto;
    padding: 45px 15px 10px 20px;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: -0.02em;
    color: #535C6A;
}
.box-back .box-content:before,
.box-back .box-content:after {
    display: block;
    content: '';
    height: 45px;
    position: fixed;
    right: 15px;
    left: 0;
}
.box-back .box-content:before {
    background: -moz-linear-gradient(top, rgba(207,213,223,1) 0%, rgba(207,213,223,0) 100%);
    background: -webkit-linear-gradient(top, rgba(207,213,223,1) 0%,rgba(207,213,223,0) 100%);
    background: linear-gradient(to bottom, rgba(207,213,223,1) 0%,rgba(207,213,223,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd5df', endColorstr='#00cfd5df',GradientType=0 );
    top: 40px;
}
.box-back .box-content:after {
    background: -moz-linear-gradient(top, rgba(207,213,223,0) 0%, rgba(207,213,223,1) 100%);
    background: -webkit-linear-gradient(top, rgba(207,213,223,0) 0%,rgba(207,213,223,1) 100%);
    background: linear-gradient(to bottom, rgba(207,213,223,0) 0%,rgba(207,213,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cfd5df', endColorstr='#cfd5df',GradientType=0 );
    height: 30px;
    bottom: 48px;
}
.box-info {
    border-radius: 20px 0 4px 0;
    display: block;
    width: 48px;
    height: 48px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.box-front .box-info {
    background: #C9CFD9 url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.box-front .box-info:hover {
    background: #80ABF8 url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.box-back .box-info {
    background: #fff url("data:image/svg+xml,%3Csvg width='24' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.4' d='M18 10.116c-.558.14-1.047-.209-1.186-.697-.14-.559.21-1.047.698-1.186 3.07-.768 4.465-1.954 4.465-2.791 0-1.395-3.907-3.419-9.977-3.419S1.953 4.047 1.953 5.442c0 1.256 3.14 3 8.163 3.349L9 7.605c-.349-.419-.349-1.047 0-1.396.21-.209.419-.279.698-.279.279 0 .488.07.697.28l2.86 2.93a1 1 0 01.28.697c0 .28-.14.558-.349.698l-2.86 2.511c-.419.35-1.047.28-1.396-.07-.349-.418-.279-1.046.07-1.395l.977-.837C4.814 10.395 0 8.512 0 5.442 0 1.884 6.14 0 12 0s12 1.884 12 5.442c-.07 2.023-2.233 3.767-6 4.674z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat 12px 20px;
}
.box-back .box-info:hover {
    background: #80ABF8 url("data:image/svg+xml,%3Csvg width='24' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' d='M18 10.116c-.558.14-1.047-.209-1.186-.697-.14-.559.21-1.047.698-1.186 3.07-.768 4.465-1.954 4.465-2.791 0-1.395-3.907-3.419-9.977-3.419S1.953 4.047 1.953 5.442c0 1.256 3.14 3 8.163 3.349L9 7.605c-.349-.419-.349-1.047 0-1.396.21-.209.419-.279.698-.279.279 0 .488.07.697.28l2.86 2.93a1 1 0 01.28.697c0 .28-.14.558-.349.698l-2.86 2.511c-.419.35-1.047.28-1.396-.07-.349-.418-.279-1.046.07-1.395l.977-.837C4.814 10.395 0 8.512 0 5.442 0 1.884 6.14 0 12 0s12 1.884 12 5.442c-.07 2.023-2.233 3.767-6 4.674z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat 12px 20px;
}
/* scrollbar */
.box-content::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
}
.box-content::-webkit-scrollbar-track {
    background: rgba(154, 164, 180, .4);
    border-radius: 4px;
}
.box-content::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.6);
    border-radius: 4px;
}
.box-content::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,1);
}
.course-age {
    background: #E1F3DF url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' opacity='.5' fill='%2333772F'/%3E%3C/svg%3E") no-repeat 10px center;
    background-size: 12px;
    border-radius: 8px 8px 0px 8px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 14px;
    color: #579353;
    padding: 8px 10px 8px 30px;
    position: absolute;
    right: 56px;
    bottom: 8px;
}

.menu-dropdown-contaniner {
	position: absolute;
	top: 18px;
	right: 12px;
}
.menu-dropdown-ico {
    display: block;
    border-radius: 20px 20px 4px 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.ico-language {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.483 3.517c-4.688-4.689-12.277-4.69-16.966 0-4.689 4.688-4.69 12.277 0 16.966 4.688 4.689 12.277 4.69 16.966 0 4.689-4.688 4.69-12.277 0-16.966zm-.501 15.256c-.56-.501-1.16-.945-1.792-1.327.418-1.443.665-3.03.723-4.682h3.528a10.373 10.373 0 01-2.46 6.01zM1.559 12.765h3.527c.059 1.65.306 3.238.724 4.681-.632.382-1.231.826-1.792 1.327a10.374 10.374 0 01-2.459-6.008zm2.46-7.538c.56.501 1.16.945 1.791 1.327a19.403 19.403 0 00-.723 4.681H1.559a10.374 10.374 0 012.46-6.008zm7.216 1.485a10.387 10.387 0 01-3.563-.903c.648-1.67 1.843-3.671 3.564-4.167v5.07zm0 1.532v2.992H6.617c.053-1.397.251-2.738.58-3.964 1.267.553 2.629.884 4.04.972zm0 4.52v2.992c-1.41.088-2.772.419-4.039.972a18.013 18.013 0 01-.58-3.964h4.62zm0 4.524v5.07c-1.72-.496-2.915-2.498-3.563-4.167a10.388 10.388 0 013.564-.903zm1.53 0c1.246.09 2.449.396 3.563.903-.648 1.67-1.843 3.671-3.563 4.167v-5.07zm0-1.532v-2.992h4.619a18.014 18.014 0 01-.58 3.964 11.917 11.917 0 00-4.04-.972zm0-4.52V8.244a11.917 11.917 0 004.039-.972c.329 1.226.527 2.567.58 3.963h-4.62zm0-4.524v-5.07c1.72.496 2.915 2.498 3.563 4.167a10.388 10.388 0 01-3.563.903zm3.434-4.307c.978.429 1.891 1.01 2.71 1.73-.39.344-.8.656-1.23.934-.381-.944-.868-1.86-1.48-2.664zM6.32 5.069c-.43-.278-.84-.59-1.23-.933a10.422 10.422 0 012.71-1.731c-.612.803-1.099 1.72-1.48 2.664zm0 13.862c.381.944.868 1.861 1.48 2.664a10.424 10.424 0 01-2.71-1.73c.39-.344.8-.656 1.23-.934zm11.358 0c.43.278.84.59 1.23.933a10.422 10.422 0 01-2.71 1.731c.612-.803 1.099-1.72 1.48-2.664zm1.235-7.696a19.4 19.4 0 00-.724-4.681 12.03 12.03 0 001.792-1.327 10.374 10.374 0 012.459 6.008h-3.527z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;
}
.menu-dropdown-contaniner:hover .ico-language {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.483 3.517c-4.688-4.689-12.277-4.69-16.966 0-4.689 4.688-4.69 12.277 0 16.966 4.688 4.689 12.277 4.69 16.966 0 4.689-4.688 4.69-12.277 0-16.966zm-.501 15.256c-.56-.501-1.16-.945-1.792-1.327.418-1.443.665-3.03.723-4.682h3.528a10.373 10.373 0 01-2.46 6.01zM1.559 12.765h3.527c.059 1.65.306 3.238.724 4.681-.632.382-1.231.826-1.792 1.327a10.374 10.374 0 01-2.459-6.008zm2.46-7.538c.56.501 1.16.945 1.791 1.327a19.403 19.403 0 00-.723 4.681H1.559a10.374 10.374 0 012.46-6.008zm7.216 1.485a10.387 10.387 0 01-3.563-.903c.648-1.67 1.843-3.671 3.564-4.167v5.07zm0 1.532v2.992H6.617c.053-1.397.251-2.738.58-3.964 1.267.553 2.629.884 4.04.972zm0 4.52v2.992c-1.41.088-2.772.419-4.039.972a18.013 18.013 0 01-.58-3.964h4.62zm0 4.524v5.07c-1.72-.496-2.915-2.498-3.563-4.167a10.388 10.388 0 013.564-.903zm1.53 0c1.246.09 2.449.396 3.563.903-.648 1.67-1.843 3.671-3.563 4.167v-5.07zm0-1.532v-2.992h4.619a18.014 18.014 0 01-.58 3.964 11.917 11.917 0 00-4.04-.972zm0-4.52V8.244a11.917 11.917 0 004.039-.972c.329 1.226.527 2.567.58 3.963h-4.62zm0-4.524v-5.07c1.72.496 2.915 2.498 3.563 4.167a10.388 10.388 0 01-3.563.903zm3.434-4.307c.978.429 1.891 1.01 2.71 1.73-.39.344-.8.656-1.23.934-.381-.944-.868-1.86-1.48-2.664zM6.32 5.069c-.43-.278-.84-.59-1.23-.933a10.422 10.422 0 012.71-1.731c-.612.803-1.099 1.72-1.48 2.664zm0 13.862c.381.944.868 1.861 1.48 2.664a10.424 10.424 0 01-2.71-1.73c.39-.344.8-.656 1.23-.934zm11.358 0c.43.278.84.59 1.23.933a10.422 10.422 0 01-2.71 1.731c.612-.803 1.099-1.72 1.48-2.664zm1.235-7.696a19.4 19.4 0 00-.724-4.681 12.03 12.03 0 001.792-1.327 10.374 10.374 0 012.459 6.008h-3.527z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center;
	
}
.menu-dropdown-contaniner:hover .menu-dropdown-ico {
    background-color: #F6F6F6;
    box-shadow: inset 0 1px 0 1px rgba(255,255,255,.9), 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
}
.menu-dropdown {
    background: rgba(247, 247, 247, 0.9);
    box-shadow: 0px 40px 45px rgba(0, 19, 96, 0.06), 0px 70px 90px rgba(0, 19, 96, 0.07);
    border-radius: 20px 4px 20px 20px;
    display: block;
    max-width: 240px;
    font-size: 15px;
    line-height: 1.33335;
    letter-spacing: -0.03em;
    text-align: right;
    list-style: none;
    padding: 20px 0;
    margin: 10px 0 0;
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
    backdrop-filter: blur(15px);
}
.menu-dropdown-contaniner:hover .menu-dropdown,
.menu-dropdown-contaniner:hover .menu-dropdown-ico:before,
.has-menu:hover .submenu {
    margin: 0;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.menu-dropdown li {
    position: relative;
}
.menu-dropdown-item {
    display: block;
	text-decoration: none;
    color: #636E89;
    padding: 10px 50px;
    transition-property: background-color, color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
.menu-dropdown-item:hover,
.menu-dropdown-item:focus,
.menu-dropdown-item.active:hover,
.has-menu:hover > .menu-dropdown-item {
    background-color: rgba(255, 109, 0,.1);
    color: #FF6D00;
    text-decoration: none;
}
.menu-dropdown-item.active {
    background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' opacity='.7' fill='%23FF6D00'/%3E%3C/svg%3E") no-repeat right 20px top 15px;
    background-size: 12px;
    color: #FF6D00;
}


.bt, .bt-border,
.box-header-img,
.menu-dropdown-ico, 
.menu-dropdown {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}
@media (max-width: 767px) {
	.topo {
		padding-bottom: 0;
	}
	.topo-header {
		flex-wrap: wrap;
		padding: 15px 0;
	}
	.mindmakers-logo {
		margin: 0 auto 15px;
	}
	.login-container {
		width: 100%;
		flex-wrap: wrap;
		margin: 0;
	}
	.login-call {
		background-position: left top;
		width: 100%;
		padding: 10px 0 0 55px;
		margin: 0;
	}
	.bt-entrar {
		margin: 10px 0 0 55px;
	}
	.mm-intro {
		font-size: 20px;
		padding: 25px 0;
	}
	.headline {
		font-size: 36px;
		margin: 0;
	}
	.subheadline {
		font-size: 24px;
		margin: 0 0 15px;
	}
	.fale-conosco {
		position: relative;
		bottom: auto;
		left: auto;
	}
	.cta {
		flex-wrap: wrap;
		font-size: 20px;
		padding: 25px 0 25px 100px;
	}
	.bt-border {
		margin: 15px 0 0 0;
	}
	.main .container {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.main_title {
		font-size: 30px;
		margin: 0 0 25px;
	}
	.intro {
		margin: 0 0 25px;
	}
	.diferenciais {
		background: none;
		font-size: 15px;
		line-height: 1.2;
		padding: 350px 0 0;
		margin: 0 0 50px 0;
	}
	.diferenciais:before {
		background-position: center top;
	}
	.rodape .container {
		display: block;
	}
	.rodape .mindmakers-logo {
		margin: 0 auto 20px auto;
	}
	.menu-dropdown-contaniner {
		top: 15px;
	}
	.hourofcode-logo {
		margin: 0 0 25px;
	}
	.trademark { margin: 0; }
	
}