/* Base */
@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");

* {
    box-sizing: border-box;
    margin: 0;
}

a,
img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

html,
body {
    height: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important;
    height: 100%;
}
.dev-bar {
    color: #fff;
    background-color: #ce0808;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Objects */
.wrapper:not(.internal) {
    height: 100hv;
    /* background: url("../images/home/bg.jpg"); */
}

/* Header */
.header-class {
    min-height: 850px;
    background: url("../images/home/bg-header.png") no-repeat center bottom;
    background-size: cover;
}

.header-class>.top-bar {
    font-size: 1.25em;
    font-weight: 500;
    color: #30a453;
}

.header-class>.top-bar label {
    font-size: 1em !important;
}

.header-class h2.subtitle {
    font-size: 1.959em;
    font-weight: 500;
}

.header-class h1.title.title-header strong {
    color: #ec7e30;
    font-weight: 700;
}

.header-class .btn-outline-success {
    font-size: 2.083em;
    font-weight: 600;
}

.top-bar a {
    font-size: 1.25em;
    font-weight: 500;
    color: #fff !important;
}

.top-bar * {
    margin-bottom: 0;
}

.navbar-class.fixed-top {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
    z-index: 99999;
}

.menu .nav-item .nav-link {
    text-transform: uppercase;
}

.menu .nav-item .nav-link.btn {
    font-size: 1.166em;
    font-weight: 700;
    color: #fff;
    background-color: #f58434;
    border: 0;
    margin-left: 20px;
    padding: 3px 20px;
}

.navbar-class.fixed-top .nav-link:not(.btn) {
    color: #5D5D5D !important;
}

.nav-link.btn>.user-photo {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
}

.menu .nav-item>.nav-link.btn.-pilled-button:hover {
    color: #fff;
    background-color: #F58434;
}

.menu:not(.mobile) .nav-item .nav-link {
    font-size: 1.071em;
    color: #fff;
}

.menu:not(.mobile) .nav-item>.nav-link:hover {
    color: #30A453;
    text-decoration: none;
}

.menu .dropdown-menu {
    border-radius: 0;
}

.menu .dropdown-menu>.dropdown-item {
    color: #888;
    text-transform: uppercase;
}

/* Hero Class */
.hero-class .title {
    font-size: 4.714em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 55px auto 10px;
}

.hero-class .subtitle {
    font-size: 1.857em;
    font-weight: 900;
    color: #3bd168;
    text-align: center;
    text-transform: uppercase;
}

.hero-class .btn {
    font-size: 1.428em;
    font-weight: 900;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #fb8534;
    margin: 30px auto;
}

.hero-class .btn:hover {
    background-color: #e0742c;
}

.video-banner {
    height: 520px;
    background: url('../images/home/notebook.png') no-repeat 0 0;
    background-size: 100% 100%;
    padding-top: 40px;
}

.video-banner img {
    position: absolute;
    z-index: 1;
    left: -90px;
}

.video-banner iframe {
    width: 100%;
    padding: 0px 18px;
}

/* Plans Class */
.plans-class {
    background-color: transparent;
    margin-top: 60px;
    padding-bottom: 40px;
}

.plans-class .title {
    font-size: 2.627em;
    font-weight: 700;
    color: #1a1a1a;
}

.plans-class .subtitle {
    font-size: 1.767em;
    font-weight: 900;
    color: #ff0000;
}

.plan-card {
    background-color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 10px;
    position: relative;
    z-index: 1;
}

.plan-card>.name {
    font-size: 3.363em;
    font-weight: 900;
    color: #b23989;
    text-transform: uppercase;
}

.plan-card>.plan-price {
    font-size: 2.285em;
    font-weight: 900;
    color: #fff;
    background-color: #30a453;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 0;
}

.price>small {
    font-size: 0.687em;
    font-weight: 500;
}

.plan-price>.secondary-price {
    font-size: 0.687em;
    font-weight: 500;
    text-transform: uppercase;
}

.plan-price .secondary-price>small {
    font-size: 0.693em;
    font-weight: 500;
}

.plan-card>.items {
    list-style-position: inside;
    list-style-image: url('../images/home/bullet.png');
    margin: 0;
    padding: 0;
    width: 100%;
}

.plan-card>.items>.item:nth-child(odd) {
    background: #f6f6f6;
}

.plan-card>.items>.item {
    font-size: 1.142em;
    color: #1a1a1a;
    text-align: left;
    padding: 10px;
}

.plan-card>.items>.item.-active {
    font-size: 1.5em;
    font-weight: 900;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3),
        inset 0px 0px 20px rgba(0, 0, 0, 0.1),
        0px 1px 1px rgba(0, 0, 0, 0.4);
    background: #f00 !important;
    margin-left: -20px;
    margin-right: -19px;
    padding: 3px 0;
    position: relative;
}

.plan-card>.items>.item.-active:before {
    content: "";
    width: .2em;
    bottom: -.45em;
    position: absolute;
    display: block;
    border: .9em solid #de0202;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
    z-index: -1 !important;
}

.plan-card>.items>.item.-active:before {
    left: -1.15em;
    border-right-width: .75em;
    border-left-color: transparent;
}

.plan-card>.items>.item.-active:after {
    content: "";
    width: .2em;
    bottom: -.45em;
    position: absolute;
    display: block;
    border: .9em solid #de0202;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
    z-index: -2;
}

.plan-card>.items>.item.-active:after {
    right: -1.15em;
    border-left-width: .75em;
    border-right-color: transparent;
}

.plan-card>.items>.item.-active span:before {
    content: "";
    bottom: -.45em;
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #9f0000 transparent transparent transparent;
    z-index: -1;
}

.plan-card>.items>.item.-active span:before {
    left: 0;
    border-width: .5em 0 0 .5em;
}

.plan-card>.btn {
    font-size: 1.428em;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    background: #30a453;
    margin-top: 20px;
    padding: 5px 30px;
}

.items-plans ul {
    padding: 10px;
    position: relative;
    z-index: 1;
}

.list-plans .items-plans ul {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: -5px;
}

.items-plans ul li {
    font-size: 1.1em;
    font-weight: 500;
    color: #1a1a1a;
}

.items-plans ul li .exclusive {
    font-size: 1.1em;
    font-weight: 700;
    color: #ffa800;
}

.items-plans ul li .featured {
    font-size: 1em !important;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    background-color: #bc3180;
    border-radius: 5px;
    display: inline-block !important;
}

.items-plans ul li i {
    font-size: 1em;
    color: #30a453;
}

.items-plans .description-item {
    font-size: 2em;
    color: #30a453;
}

.list-plans.glue {
    margin-left: -15px;
}

.list-plans {
    box-shadow: 0
}

.list-plans h3.name {
    font-size: 3em;
    font-weight: 900;
    color: #b23989;
}

/* .list-plans .plan-price {
	font-size: 1.53em;
	font-weight: 900;
	color: #fff;
	height: 100px;
	background-color: #30a453;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px 5px;
}
.list-plans .price-featured {
	font-size: 1.53em;
	font-weight: 900;
	color: #fff;
	height: 100px;
	text-transform: uppercase;
	background-color: #b23989;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px 5px;
} */
.list-plans .plan-price {
    font-size: 1em;
    font-weight: 900;
    color: #fff;
    /* height: 100px; */
    background-color: #30a453;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    padding: 8px 5px;
}

.list-plans .price-featured {
    font-size: 1em;
    font-weight: 900;
    color: #fff;
    /* height: 100px; */
    text-transform: uppercase;
    background-color: #ec7e30;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 12px;
    padding: 8px 5px;
}

.list-plans .btn-featured,
.labels-plan .btn-featured {
    border: 0;
    background-color: #b23989;
}

.items-plans .labels-plan {
    margin-top: 147px;
}

.items-plans .labels-plan button {
    padding-top: 13px;
    padding-bottom: 15px;
}

.list-plans .btn-featured {
    border: 0;
    background-color: #b23989;
}

.list-plans .plan-price>.secondary-price {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
}

.list-plans .discount {
    font-size: 0.7em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: line-through;
}

.list-plans .plan-price .monthly-price {
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
}

.list-plans .plan-price .monthly-price>small {
    font-size: 0.5em;
    font-weight: 400;
}

.list-plans .plan-price .secondary-price>small {
    font-size: 0.293em;
    font-weight: 400;
}

.list-plans .price>small {
    font-size: 0.387em;
    font-weight: 500;
}

.list-plans .plan-description,
.list-plans .plan-description p {
    font-size: 1.166em;
    font-weight: 500;
    min-height: 42px;
    padding-right: 5px;
    color: #373838;
    padding-left: 15px;
}

.list-plans .plan-description span,
.list-plans .plan-description p span {
    color: #ec7e30;
}

.list-plans .old-price {
    font-size: 1.5em;
    font-weight: 600;
    color: #373838;
    text-decoration: line-through;
}

.list-plans .new-price {
    font-size: 2.3em;
    font-weight: 800;
    color: #373838;
}

.list-plans .cicle-price {
    font-size: 1.166em;
    color: #373838;
}

.plans-class .featured {
    font-size: 2.059em;
    font-weight: 900;
    color: #fff;
    /* text-transform: uppercase; */
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
    text-transform: uppercase;
}

.plans-class .plan-featured {
    border-width: 3px;
    border-style: solid;
    border-top: 0;
    border-radius: 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.plans-class .featured1 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
    /* text-transform: uppercase; */
}

.plans-class .plan-featured1 {
    border: 3px solid #BC3180;
    border-top: 0;
    border-radius: 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.plans-class .featured2 {
    font-size: 2.218em;
    font-weight: 500;
    color: #fff;
    background-color: #fff;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
    /* text-transform: uppercase; */
}

.plans-class .plan-featured2 {
    border: 3px solid #fff;
    border-radius: 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.plans-class .btn-success {
    font-size: 1.9em !important;
    font-weight: 400 !important;
}

.plans-class .plan-table {
    margin-top: 40px;
}

.plans-class .div-fuatured {
    margin-top: -40px !important;
}

.plans-class .mobile.div-fuatured {
    margin-top: 0 !important;
}

.plans-class .mobile .featured {
    margin: 0 30px !important;
    display: inline-block !important;
}

.slick-plans .slick-arrow {
    height: 100px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.slick-plans .slick-arrow.slick-prev::before,
.slick-home .slick-arrow.slick-prev::before,
.slick-carousel .slick-arrow.slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.slick-plans .slick-arrow.slick-next::before,
.slick-home .slick-arrow.slick-next::before,
.slick-carousel .slick-arrow.slick-next::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.slick-home .slick-arrow,
.slick-carousel .slick-arrow {
    width: 35px;
    height: 60px;
}

/* Consulting Class */
.consulting-class {
    background-color: rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 0;
    overflow-y: 0;
}

.consulting-class .teacher {
    margin-top: -40px;
}

.consulting-class .title {
    font-size: 2.726em;
    font-weight: 900;
    color: #121212;
}

.consulting-class .description,
.consulting-class .how {
    font-size: 1.5em;
    font-weight: 500;
    color: #121212;
}

.consulting-class .how {
    text-transform: uppercase;
}

.consulting-class .items {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 0 0 20px 0;
    padding: 0;
}

.consulting-class .items>.item {
    font-size: 1.142em;
    counter-increment: my-awesome-counter;
    display: flex;
}

.consulting-class .items>.item:not(:first-child) {
    margin-left: 30px;
}

.consulting-class .items>.item::before {
    content: counter(my-awesome-counter);
    font-weight: 500;
    font-size: 2em;
    color: #30a453;
    width: 50px;
    height: 50px;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    border: 4px solid #30A453;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 100%;
    margin-right: 3px;
    display: block !important;
    padding: 5px 13px;
}

/* Courses Class */
.courses-class {
    background-color: #ededed;
    padding-top: 80px;
    padding-bottom: 120px;
}

.courses-class .title {
    font-size: 3.363em;
    font-weight: 900;
    color: #ec7e30;
}

.courses-class h2 {
    font-size: 2.125em;
    font-weight: 800;
    color: #30a453;
}

.courses-class h3 {
    font-size: 1.5em;
    font-weight: 600;
    color: #373838;
}

.courses-class .description {
    font-size: 1.5em;
    font-weight: 500;
    color: #373838;
}

.courses-class .embed-responsive, .testimonials-class .embed-responsive {
    border-radius: 10px;
    overflow: hidden;
}

.courses-class .list-video-home {
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-around;
    list-style: none;
    margin-bottom: 0;
}

.courses-class .list-video-home .list-inline-item {
    font-size: 1.5em;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    position: relative;
}

.courses-class .list-video-home .list-inline-item:after {
    content: " ";
    width: 15px;
    height: 15px;
    border-color: transparent transparent transparent #fb8534;
    box-sizing: border-box;
    border-style: solid;
    border-width: 7.5px 7.5px 7.5px 15px;
    position: absolute;
    top: 12px;
    left: 13px;
}

.courses-class .list-video-home .list-inline-item:before {
    font-size: 2em;
    content: "";
    color: #fb8534;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #0a4238;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 100%;
    margin-right: 3px;
    display: block !important;
    padding: 5px 10px;
    position: relative;
}

/* Incredible Class */
.incredible-class {
    min-height: 450px;
    background: #000;
    padding-top: 50px;
}

.incredible-class .title {
    font-weight: 900;
    font-size: 3.333em;
    color: #fff;
}

.incredible-class .description {
    font-weight: 600;
    font-size: 1.5em;
    color: #fff;
}

.slick-slide.slick-cloned {}

.incredible-class .slick-carousel,
.incredible-class .slick-home,
.slick-carousel {
    width: 98%;
    height: 400px;
    float: none !important;
    margin: 0 auto !important;
    display: inline-block !important;
}

.slick-home .slick-arrow.slick-prev::before,
.slick-home .slick-arrow.slick-next::before,
.slick-carousel .slick-arrow.slick-prev::before,
.slick-carousel .slick-arrow.slick-next::before {
    font-size: 25px !important;
    z-index: 50000 !important;
}

.incredible-class .slick-home .slick-list {
    /* overflow: visible !important; */
    padding-top: 30px;
    padding-bottom: 30px;
}

.incredible-class .slick-home .slick-arrow,
.slick-carousel .slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #30a453;
    border-radius: 50% !important;
    z-index: 4;
}

.incredible-class .slick-home .slick-prev::before,
.incredible-class .slick-home .slick-next::before,
.slick-carousel .slick-prev::before,
.slick-carousel .slick-next::before {
    color: #000 !important;
}

.slick-carousel .slick-prev {
    left: -50px;
}

.slick-carousel .slick-next {
    right: -60px;
}

.incredible-class .slick-carousel .item,
.incredible-class .slick-home .item {
    width: 100px;
    margin-right: 20px;
    display: inline-block;
    overflow: visible !important;
}

.incredible-class .slick-home .item img {
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.incredible-class .slick-home .item img:hover {
    box-shadow: 0px 0px 150px #000000;
    z-index: 1;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

/* Teachers Class */
.teachers-class {
    background: url('../images/home/bg-teachers.jpg');
    padding-top: 40px;
}

.teachers-class .title {
    font-weight: 900;
    font-size: 2.857em;
    color: #125247;
    text-align: center;
    margin-bottom: 20px;
}

.teachers-skills {
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px;
}

.teachers-skills .item {
    font-size: 1.5em;
    font-weight: 500;
    color: #1a1a1a;
    flex-wrap: nowrap;
    display: flex;
    justify-content: flex-start;
}

.teachers-skills .item .thumb {
    width: 67px;
    height: 67px;
    margin-right: 10px;
}

.teachers-class .img-fluid {
    margin: 0 auto;
    display: block;
}

/* .teacher-class .media {
    min-height: 228px;
    background-color: #eee;
    border-radius: 10px;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
}

.teacher-class .media-body h5 {
    font-size: 1.416em;
    font-weight: 600;
    color: #30a453;
}

.teacher-class .media-body p {
    font-size: 1em;
    font-weight: 500;
    color: #373838;
} */

/* Dream Class */
.dream-class {
    background: url('../images/home/bg-dream.png') no-repeat 0 0;
    background-size: cover;
}

.dream-class h1.title {
    font-size: 4em;
    font-weight: 900;
    color: #fff;
}

.dream-class p.description {
    font-size: 2em;
    font-weight: 800;
    color: #974b16;
}

.dream-class .video-dream {
    background: #252525;
    border-radius: 15px;
    overflow: hidden !important;
    display: block;
}

.dream-class .video-bg {
    width: 780px;
    height: 441px;
    background: url('../images/home/bg-video.png?1') no-repeat 0 10px;
    margin-top: -100px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 75px;
    padding-bottom: 25px;
    display: block;
}

/* Media Class */
.media-class {
    text-align: center;
    background-color: #ebebeb;
    padding-top: 60px;
    padding-bottom: 80px;
}

.media-class .title {
    font-size: 3em;
    font-weight: 900;
    color: #30a453;
    margin-bottom: 30px;
    padding-right: 50px;
    padding-left: 50px;
}

.media-class .description {
    font-size: 1.5em;
    font-weight: 500;
    color: #373838;
}

.media-clipping {
    font-size: 1.5em;
    font-weight: 500;
    color: #373838;
}

/* Testimonials Class */
/* .testimonials-class {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.testimonials-class .embed-responsive {
    background-color: #eee;
}

.testimonials-class h1.title {
    font-weight: 900;
    font-size: 3.333em;
    color: #30a453;
    margin-bottom: 30px;
}

.testimonials-class .description {
    font-size: 1.5em;
    font-weight: 500;
    color: #373838;
}

.testimonials-class .media {
    height: 220px;
    background-color: rgba(245, 245, 245, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 15px;
    overflow: hidden;
}

.testimonials-class .media figure {
    width: 70px;
    height: 70px;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
}

.testimonials-class .media .title {
    font-weight: 600;
    font-size: 1.4em;
    color: #333;
    text-align: left;
    display: block;
}
.testimonials-class .media p {
    font-size: 1.2em;
}

.testimonials-class .btn {
    font-weight: 600;
    font-size: 1.9em;
} */


/* Waiting What? */
.waiting-what-class {
    background-color: #fff;
}

.waiting-what-class h1.title {
    font-size: 3.333em;
    font-weight: 900;
    color: #b23989;
    margin-top: 80px;
}

.courses-class p.cta,
.waiting-what-class p.cta {
    font-size: 2.125em;
    font-weight: 800;
    color: #2fa251;
}

.courses-class p.cta a,
.waiting-what-class p.cta a {
    font-size: 0.877em;
    font-weight: 700;
    color: #fff;
}

.gradient-success {
    background: #228840;
    background: -moz-linear-gradient(top, #30a453 0%, #228840 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #228840), color-stop(100%, #30a453));
    background: -webkit-linear-gradient(top, #30a453 0%, #228840 100%);
    background: -o-linear-gradient(top, #30a453 0%, #228840 100%);
    background: -ms-linear-gradient(top, #30a453 0%, #228840 100%);
    background: linear-gradient(to bottom, #30a453 0%, #228840 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30a453', endColorstr='#228840', GradientType=0);
}

.gradient-success:hover {
    background: #228840;
    background: -moz-linear-gradient(top, #228840 0%, #30a453 100%);
    background: -webkit-linear-gradient(top, #228840 0%, #30a453 100%);
    background: linear-gradient(to bottom, #228840 0%, #30a453 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#228840', endColorstr='#30a453', GradientType=0);
}

/* Footer */
/* footer {
    color: #fff;
    background-color: #004539;
    padding-top: 40px;
}

footer .title {
    font-size: 1.667em;
    font-weight: 600;
    line-height: 8px;
    margin-bottom: 20px;
}

footer .border-marker {
    width: 40px;
    border-bottom: 1px solid #30a453;
    text-indent: -99999px !important;
    margin-top: 5px;
    display: block !important;
}

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

footer .items .item {
    font-size: 1.166em;
    font-weight: 400;
    margin-bottom: 5px;
}

footer .items .item a {
    color: #fff;
}

footer .bottom-bar {
    text-align: center;
    background-color: #014035;
    padding: 20px 0 0;
}

footer .socials li {
    width: 40px !important;
    height: 40px;
    line-height: 40px;
}

footer .socials li a {
    font-size: 1.8em;
    color: #30a453 !important;
    background-color: #fff;
}

footer .socials li a:hover {
    color: #fff !important;
    background-color: #30a453;
}

footer .group-mega-more {
    font-size: 1.166em;
    font-weight: 400;
}

footer .img-fluid {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
} */

/*
 * Internal Class
 */
.internal .header-class:not(.header-courses-class) {
    min-height: 333px;
    background: url("../images/internal/bg-header-internal.png") no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.internal.internal-courses .header-class.header-courses-class {
    min-height: 242px;
    background: 0;
    background-color: #004539;
}

.guide {
    margin-top: 120px;
}

.guide>.title {
    font-size: 3.5em !important;
    font-weight: 800 !important;
    color: #fff !important;
    border: 0 !important;
    padding: 0 !important;
}

.guide>.title ul li a {
    font-size: 0.3em !important;
    font-weight: 500;
}

.guide>a {
    font-size: 1em;
    font-weight: 500;
    color: #fff;
}

/* Pages Class */
.pages-class {
    padding-bottom: 30px;
}

.pages-class p {
    font-size: 1.142em;
    font-weight: 400;
    color: #1a1a1a;
    text-align: left;
}

.satisfaction h1.title {
    font-size: 2.562em;
    font-weight: 900;
    color: #b23989;
}

.satisfaction h2.subtitle {
    font-size: 1.416em;
    font-weight: 800;
    color: #30a453;
}

.satisfaction p.description {
    font-size: 1.25em;
    font-weight: 400;
    color: #373838;
}

.account-class .sign-in .description {
    font-size: 1.25em;
    font-weight: 400;
    color: #373838;
}

.account-class .sign-in .description strong {
    font-size: 1.133em;
    font-weight: 800;
    color: #30a453;
}

.account-class .sign-in .btn {
    font-size: 1.900em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
    padding-right: 40px;
    padding-left: 40px;
}

/* Sign In Class */
.signin-class .btn {
    color: #fff;
    background-color: #fb8534;
}

.signin-class .term-description {
    height: 250px;
    text-align: left;
    background-color: #fff;
    border: 2px solid #e1e1e1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    overflow-y: auto;
}

.term-description .description {
    text-align: left;
}

.signin-class .warning {
    font-size: 1.142em;
    font-weight: 400;
    color: #5d5d5d;
    margin-top: 20px;
}

.signin-class .account-form {
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-top: 0;
}

.signin-class h3.term-title {
    font-size: 1.416em;
    font-weight: 700;
    color: #373838;
}

.signin-class .form-check label {
    font-size: 1.166em;
    font-weight: 400;
    color: #373838;
}

.signin-class p.primary {
    font-size: 1.416em;
    font-weight: 700;
    color: #373838;
}

.signin-class .form-group {
    font-size: 1.166em;
    font-weight: 400;
    color: #373838;
}

.signin-class .form-group strong {
    font-weight: 600;
}

/* Teachers Class */
.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip .btn {
    color: #fff;
    background-color: #30a453;
    padding: 3px 15px;
}

.image-flip .card {
    background-color: #ccc;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.2);
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a,
.backside .card-title,
.frontside .card-title {
    font-size: 1.142em;
    font-weight: 500;
    color: #007b5e;
}

.backside .card-text {
    font-weight: 400;
    text-align: left;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #007b5e !important;
}

/* Essays Class */
.internal .essays-class h1.title {
    font-size: 3em;
    font-weight: 700;
    color: #30a453;
}

.internal .essays-class h2.title {
    font-size: 2em;
    font-weight: 700;
    color: #125247;
    text-transform: uppercase;
}

.internal .essays-class .card {
    border: 0;
    margin-bottom: 20px;
    background: 0
}

.internal .essays-class h3.card-title {
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    background-color: #0D372E;
    padding-top: 5px;
    padding-bottom: 5px;
}

.internal .essays-class div.card-text {
    font-size: 1.333em;
    font-weight: 500;
    color: #000;
    padding: 5px;
}

.internal .essays-class div.card-body {
    background-color: #efeeee;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.internal .essays-class .card-img-top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
}

.internal .essays-class .card a.btn {
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    background-color: #30A453;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 1px;
}

.internal .essays-class .description {
    font-family: 'Montserrat';
}

.internal .essays-class .created-at {
    font-size: 0.541em;
    font-weight: 400;
    color: #6f6f6f;
}

.internal .essays-class .card .created-at {
    font-size: 0.8em;
    font-weight: 500;
    color: #6f6f6f;
}

.internal .essays-class.theme .-pilled-button {
    font-weight: 500 !important;
    color: #fff;
    background-color: #30A453;
    border-radius: 8px;
    padding: 3px 15px;
    text-transform: uppercase;
}

.internal .essays-class.theme .btn {
    font-size: 1.166em;
    font-weight: 500 !important;
    color: #fff;
    border-radius: 8px;
    padding: 3px 15px;
}

.internal .essays-class.theme .textual-genres span {
    font-weight: 500;
    color: #000;
    margin-top: 7px;
    margin-right: 10px;
}

.internal .essays-class.theme .textual-genres .btn {
    background-color: #01BABD;
    border: 0;
}

.internal .essays-class.theme .created-at {
    font-size: 0.6em;
    font-weight: 600;
    color: #888;
    text-transform: none;
    margin-top: 5px;
}

.internal .essays-class.theme .description {
    font-size: 1.1em;
    font-weight: 500;
    color: #000;
    text-transform: none;
    text-align: left;
    margin-top: 5px;
}

.internal .essays-class.theme .table {
    text-align: left;
}

.internal .essays-class.theme .table h3.title-essay {
    font-size: 1.3em;
    font-weight: 500;
    color: #333;
    margin-bottom: 20px;
}

.internal .essays-class.theme .table h4.title-genre {
    font-size: 1em;
    font-weight: 500;
    color: #333;
    text-align: left;
}

.internal .essays-class.theme .btn-success {
    background-color: #01BABD;
    border: 0;
}

.internal .essays-class.theme .btn-danger {
    background-color: #c40000;
    border: 0;
}

.internal .essays-class.theme .btn-primary {
    background-color: #30A453;
    border: 0;
}

.internal .essays-class.theme .btn-warning {
    background-color: #f48334;
    border: 0;
}

.internal .essays-class.theme .status-essay {
    text-align: center;
}

.internal .essays-class.theme .status-essay p {
    font-size: 1.333em;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.internal .essays-class.theme .status-essay p strong {
    font-size: 1em;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
}

.internal .essays-class.theme .status-essay .created-at {
    font-size: 1em;
    font-weight: 400;
    color: #000;
    text-align: center;
}

.internal .essays-class.theme .canceled-essay .btn,
.internal .essays-class.theme .btn-disabled {
    color: #fff;
    background-color: #ccc !important;
    border: 0;
}

.internal .essays-class.theme .canceled-essay h3,
.internal .essays-class.theme .canceled-essay h4,
.internal .essays-class.theme .canceled-essay p,
.internal .essays-class.theme .canceled-essay p strong,
.internal .essays-class.theme .canceled-essay span.created-at {
    color: #999;
}

.internal .essays-class.theme .table-striped>tbody>tr:nth-child(odd)>td,
.internal .essays-class.theme .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f7f7f7
}

/* Courses Class */
.internal .courses-class {
    background-color: #141414;
    margin-top: -80px;
    position: relative;
    z-index: 0;
}

.internal .courses-class .container-fluid.search-courses {
    /*background-color: #fff;*/
    margin: 40px 0;
    /*padding: 40px 0 30px;*/
}

.internal .courses-class .container-fluid.search-courses .form-control {
    background-color: #f3f2f2;
    border-color: #e1dfdf;
    -webkit-border-top-left-radius: 10rem;
    -webkit-border-bottom-left-radius: 10rem;
    -moz-border-radius-topleft: 10rem;
    -moz-border-radius-bottomleft: 10rem;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
}

.internal .courses-class .container-fluid.search-courses .input-group-append {
    border-left: 0
}

.internal .courses-class .container-fluid.search-courses .input-group-append .btn {
    background: #f3f2f2;
    border-left: 0;
    border-color: #e1dfdf;
    -webkit-border-top-right-radius: 10rem;
    -webkit-border-bottom-right-radius: 10rem;
    -moz-border-radius-topright: 10rem;
    -moz-border-radius-bottomright: 10rem;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 6px;
}

.internal .courses-class .container-fluid.search-courses .input-group-append .btn i {
    color: #eee;
    background: #999;
    -webkit-border-radius: 120%;
    -moz-border-radius: 120%;
    border-radius: 120%;
    padding: 5px;
}

.internal .courses-class .container-fluid.search-courses ::-webkit-input-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .courses-class .container-fluid.search-courses ::-ms-input-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .courses-class .container-fluid.search-courses ::-moz-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .courses-class .container-fluid.search-courses :-moz-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .courses-class .title {
    font-size: 2.166em;
    font-weight: 800;
    color: #30a453;
    text-align: left;
    text-transform: uppercase;
    padding: 3px 0 3px 15px
}

.internal .courses-class .item {
    width: 190px;
    margin-left: 20px;
    display: inline-block;
}

/* .internal .courses-class .owl-next {
	margin-top: 30px;
}
.internal .courses-class .owl-next i, .internal .courses-class .owl-prev i {
	font-size: 2.071em;
	font-weight: 700;
	margin-left: 30px;
} */
.internal .categories-class {
    padding-top: 30px;
    padding-bottom: 30px;
}

.internal .categories-class .form-control {
    border-right: 0;
    -webkit-border-top-left-radius: 10em;
    -webkit-border-bottom-left-radius: 10em;
    -moz-border-radius-topleft: 10em;
    -moz-border-radius-bottomleft: 10em;
    border-top-left-radius: 10em;
    border-bottom-left-radius: 10em;
}

.internal .categories-class .btn-outline-secondary {
    border-left: 0;
    border-color: #CED4DA;
    background-color: #f3f2f2;
    -webkit-border-top-right-radius: 10em;
    -webkit-border-bottom-right-radius: 10em;
    -moz-border-radius-topright: 10em;
    -moz-border-radius-bottomright: 10em;
    border-top-right-radius: 10em;
    border-bottom-right-radius: 10em;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
}

.internal .categories-class .btn-outline-secondary i {
    color: #f3f2f2;
    background-color: #a0a0a0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 5px;
}

.internal .categories-class .form-control {
    background-color: #f3f2f2;
}

.internal .categories-class ::-webkit-input-placeholder {
    font-size: 1.142em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .categories-class ::-ms-input-placeholder {
    font-size: 1.142em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .categories-class ::-moz-placeholder {
    font-size: 1.142em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .categories-class :-moz-placeholder {
    font-size: 1.142em;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

.internal .categories-class .categories {
    margin-top: 10px;
}

.internal .categories-class .categories .list-inline-item {
    margin-bottom: 10px;
}

.internal .categories-class .categories .list-inline-item:not(:last-child) {
    margin-right: 20px;
}

.internal .categories .btn {
    font-size: 1.142em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #a0a0a0;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* User Area */
.internal .userarea-class .userarea-card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    background-color: #f7f7f7;
}

.internal .userarea-class .user-photo {
    width: auto;
    height: auto;
    border: 0 solid #30a453;
}

.internal .userarea-class .categories {
    text-align: left;
    margin-top: 0;
}

.internal .userarea-class .categories .item {
    margin-bottom: 10px;
}

.internal .userarea-class .userarea-card {
    color: #303030;
    text-align: left;
}

.username {
    font-size: 1.142em;
    font-weight: 400;
    margin-bottom: 0;
}

.useremail .actions {
    font-size: 1.142em;
    font-weight: 400;
    color: #303030;
    margin-bottom: 0;
}

.useremail .btn {
    font-size: 1.166em;
    font-weight: 500;
    color: #fff;
    background-color: #30A453;
    border: 0;
    padding: 3px 20px;
}

.userarea-card.services .btn {
    font-size: 1.142em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #30A453;
    border: 0;
    padding: 3px 30px;
}

.internal .userarea-class .userarea-card .title,
.internal .userarea-class .categories-list .title {
    font-size: 1.416em;
    font-weight: 800;
    color: #373838;
    text-align: left;
    text-transform: uppercase;
}

.internal .userarea-class .userarea-card .subtitle {
    font-size: 1.667em;
    font-weight: 800;
    color: #30a453;
    text-align: left;
}

.internal .userarea-class .userarea-card .subtitle.-inactive {
    color: #CF3A3A;
}

.internal .userarea-class .userarea-card .subtitle .plan-title {
    font-size: 0.75em;
    font-weight: 700;
    color: #373838;
    text-transform: uppercase;
}

.internal .userarea-card {
    margin-bottom: 30px;
}

.internal .userarea-card .btn.btn-sign-out {
    font-size: 1.142em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #30A453;
    border: 0;
    margin-top: 20px;
    padding: 5px 30px;
}

.internal .userarea-card .card {
    color: #fff;
    text-align: center;
    background-color: #cf3a3a;
    padding: 0 !important;
}

.internal .userarea-card .card .card-title {
    font-size: 1.32em;
    font-weight: 900;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.internal .userarea-card .card .card-title {
    font-size: 1.32em;
    font-weight: 900;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.internal .userarea-card .card .card-text {
    font-size: 1.071em;
    font-weight: 700;
}

.internal .userarea-card .card .btn {
    font-size: 1.428em;
    font-weight: 900;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #ed4343;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
}

.internal .userarea-card.services .badge {
    font-size: 0.425em;
    font-weight: 800;
    color: #f58434;
    text-align: left;
    text-transform: uppercase;
    display: block;
    padding: 0;
}

.userarea-card .description {
    font-size: 1.25em !important;
    font-weight: 400;
    color: #373838;
}

.userarea-card .how-use {
    font-size: 1.25em !important;
    font-weight: 600;
    color: #373838;
}

.userarea-card .how-use i {
    color: #ff0000;
}

.internal .cancel-sign {
    font-size: 1.214em;
    font-weight: 400;
    color: #373838;
}

.internal .help-text {
    font-size: 1.142em;
    font-weight: 400;
    color: #303030;
}

.internal .tarja {
    font-size: 1.5em;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    background-color: #cf3a3a;
}

.-service-redacao {
    background-color: #f58434;
}

.-service-consultoria {
    background-color: #01babd;
}

.-categorie-fundamental {
    background-color: #30a453 !important;
}

.-categorie-medio {
    background-color: #f58434 !important;
}

.-categorie-superior {
    background-color: #b23989 !important;
}

.-pilled-button {
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    border-radius: 10rem;
}

.-pilled-button.active {
    border: 2px solid #777;
}

.user-dropdown.dropdown .dropdown-menu {
    min-width: 230px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    padding-bottom: 0;
    left: -50% !important;
}

.user-dropdown.dropdown .dropdown-menu .username {
    font-size: 1em;
    font-weight: 400;
}

.user-dropdown.dropdown .dropdown-menu .dropdown-item {
    font-size: 1em;
    font-weight: 400;
    color: #303030;
    text-transform: none;
    padding: 5px;
}

.user-dropdown .half-name {
    font-size: 0.8em !important;
    font-weight: 400;
    color: #303030;
    text-transform: none;
    padding: 5px;
}

.user-dropdown.dropdown .dropdown-menu .dropdown-item:not(:last-child) {
    padding: 5px 15px;
}

.user-dropdown.dropdown .dropdown-menu .dropdown-item.last-access {
    font-size: 0.75em;
    background-color: #ebebeb;
    padding: 10px;
}

.user-dropdown.dropdown .dropdown-menu .dropdown-item.last-access strong {
    font-weight: 500;
}

.user-dropdown.dropdown .dropdown-menu .dropdown-item.last-access .sign-out {
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 10px;
}

.user-dropdown.dropdown .dropdown-menu .dropdown-item i {
    color: #30A453;
}

.dropdown-menu .userarea-card {
    margin: 10px;
}

.dropdown-menu .userarea-card .btn-edit-user {
    font-size: 0.8em;
    font-weight: 400;
    color: #30A453;
    background: 0;
}

.user-dropdown.dropdown .dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    z-index: 10;
}

.user-dropdown.dropdown .dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -2px;
    z-index: 9;
}

/* Lesson Class */
.internal .header-class.lesson-class {
    height: 80px;
    min-height: 80px;
    background: #0d3b34 url("../images/internal/bg-lesson.png") no-repeat center center;
    background-size: cover;
}

.internal .header-class.lesson-class .title {
    font-size: 2em;
    font-weight: 500;
    color: #fff;
}

.internal .header-class.lesson-class .navbar-brand {
    width: 70%;
}

.content-lesson-class .progress-lesson {
    border-bottom: 1px solid #D7D7D7;
    margin: 0 0 20px;
    padding: 10px 25px;
}

.content-lesson-class .progress-lesson .title {
    font-size: 1.142em;
    font-weight: 400;
    color: #1A1A1A;
}

.content-lesson-class .progress-lesson .progress-count {
    font-size: 1.142em;
    font-weight: 400;
    color: #1A1A1A;
}

.content-lesson-class .progress-lesson .progress-count strong {
    font-weight: 700;
}

.content-lesson-class .progress-lesson .progress-bar {
    height: 7px;
    background-color: #d7d7d7;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    position: relative;
    margin-bottom: 20px;
}

.content-lesson-class .progress-lesson .progress-bar .gauge {
    height: 100%;
    background-color: #00a651;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    position: absolute;
    top: 0;
    left: 0
}

.content-lesson-class .form-control {
    background-color: #f3f2f2;
    border-color: #e1dfdf;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.content-lesson-class .input-group-append {
    border-left: 0
}

.content-lesson-class .input-group-append .btn {
    background: #f3f2f2;
    border-left: 0;
    border-color: #e1dfdf;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 6px;
}

.content-lesson-class .input-group-append .btn i {
    color: #fff;
    background: #30a453;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.content-lesson-class ::-webkit-input-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
}

.content-lesson-class ::-ms-input-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
}

.content-lesson-class ::-moz-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
}

.content-lesson-class :-moz-placeholder {
    font-size: 1em;
    font-weight: 400;
    color: #707070;
}

.content-lesson-class .lesson-list {
    height: 50vh;
    overflow-y: auto;
    padding: 10px 20px;
    z-index: 999;
}

.lesson-list>.items .item {
    border-bottom: 1px solid #E1DFDF;
    padding: 20px;
    cursor: pointer;
}

.lesson-list>.items .item .title {
    font-size: 1.142em;
    font-weight: 400;
    color: #1A1A1A;
    margin-left: 20px;
    margin-right: 20px;
}
.lesson-list>.items .item .title a {
    color: #1A1A1A;
}

.lesson-list>.items .item.-active {
    background-color: #f4f4f4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.lesson-list>.items .item i {
    font-size: 2em;
    color: #00a651;
}

.lesson {
    background: #000 url("../images/internal/bg-lesson.png") no-repeat center center;
    background-size: cover;
    margin-bottom: 20px;
    padding: 10px;
}

.lesson .embed-responsive {
    margin-bottom: 20px;
}

.lesson .title {
    font-size: 1.142em;
    font-weight: 400;
    color: #fff;
}

.lesson .lesson-controll {
    font-size: 1em;
    font-weight: 400;
    color: #fff;
}

.lesson .lesson-controll.controll-left {
    border-right: 1px solid #464646;
    margin-right: 10px;
    padding-right: 10px;
    display: block;
}

.lesson .lesson-controll i {
    font-size: 1em;
    color: #000;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #00a651;
}

.lesson .lesson-controll i:first-child {
    margin-right: 3px;
}

.lesson .lesson-controll i:last-child {
    margin-left: 3px;
}

.teacher {
    margin-bottom: 20px;
}

.teacher .user-photo {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    background-color: #00A651;
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 65px;
}

.teacher .user-photo img {
    margin: 0 auto;
    display: block;
}

.teacher .title {
    font-size: 1.5em;
    font-weight: 900;
    color: #1a1a1a;
    margin: 0;
    padding: 0;
}

.teacher .title small {
    font-size: 0.727em;
    font-weight: 400;
    color: #1a1a1a;
}

.list-skills p {
    font-size: 1.142em;
    font-weight: 400;
    color: #1A1A1A;
    margin: 0;
}

.teacher-info .subtitle {
    font-size: 1.142em;
    font-weight: 900;
    color: #1A1A1A;
    margin: 10px 0 0;
}

.teacher-info .description {
    font-size: 1.142em;
    font-weight: 400;
    color: #1A1A1A;
}

.lesson-files .title {
    font-size: 1.142em;
    font-weight: 900;
    color: #1A1A1A;
    margin: 10px 0;
}

.lesson-files ul li a {
    font-size: 1.142em;
    font-weight: 400;
    color: #1A1A1A;
    margin: 10px 0 0;
}

.lesson-files ul li a i {
    color: #30A453;
}

/* Quizz */
/* Lesson Class */
.internal .header-class.quiz-class {
    height: 80px;
    min-height: 80px;
    background: #0d3b34;
}

.internal .header-class.quiz-class .title {
    font-size: 2em;
    font-weight: 500;
    color: #fff;
}

.internal .header-class.quiz-class .navbar-brand {
    width: 70%;
}

.content-quiz-class .list-quiz {
    padding: 30px 0;
}

.content-quiz-class .list-quiz .options-list p {
    margin: 0 !important;
    padding: 0 !important;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-box {
    background: #eee;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content {
    font-size: 1.1em;
    font-weight: 400 !important;
    font-style: italic;
    color: #888;
    padding: 8px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content .more-tip {
    font-weight: 800 !important;
    font-style: normal;
    color: #30A453;
}

.content-quiz-class .time-finish {
    font-weight: 800 !important;
    font-style: normal;
    color: #fb8534;
}

.content-quiz-class .list-quiz .more-tip {
    cursor: pointer;
}

.content-quiz-class .result-value {
    font-size: 1.8em !important;
    font-weight: 700;
    color: #ddd;
    margin-top: 10px !important;
}
.content-quiz-class .result-value span {
    background-color: #eee;
    border-radius: 8px;
    padding: 8px;
}

.content-quiz-class .list-quiz .custom-control-label {
    font-size: 1.1em;
    font-weight: 500;
    color: #000;
}

.content-quiz-class .list-quiz .buttons .btn-warning {
    color: #fff;
    background-color: #fb8534;
    border: 0;
}

.custom-radio .custom-control-label::before,
.custom-checkbox .custom-control-label::before {
    border: 2px solid #30A453;
}

/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #30A453;
    /* green */
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active~.custom-control-label::before,
.custom-checkbox .custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #30A453;
}

/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus~.custom-control-label::before,
.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.solution .embed-responsive {
    margin-top: 20px;
    margin-bottom: 20px;
}

.controllers-actions .btn {
    font-size: 1.142em;
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: block;
}

.controllers-actions .btn.-action-continue-later {
    background-color: #01babd;
}

.controllers-actions .btn.-action-finished {
    background-color: #00a651;
}

.controllers-actions .btn.-action-questions {
    background-color: #b23989;
}

.help-class .title {
    font-size: 3em;
    font-weight: 700;
    color: #30a453;
}

.help-class .subtitle {
    font-size: 1.416em;
    font-weight: 700;
    color: #373838;
}

.help-class .card {
    border-radius: 0;
}

.help-class .card-header,
.help-class button:not(.vjs-big-play-button) {
    font-size: 0.45em;
    font-weight: 400;
    color: #1a1a1a;
    background-color: #f3f3f3;
    display: block !important;
}

.help-class .card-body {
    font-size: 1.25em;
    font-weight: 400;
    color: #373838;
    text-align: left;
}

.help-class .disclaimer h3 {
    font-size: 1.416em;
    font-weight: 700;
    color: #30a453;
}

.help-class .disclaimer span {
    font-size: 1.25em;
    font-weight: 500;
    color: #373838;
}

.help-class .disclaimer span strong {
    font-size: 1.333em;
    font-weight: 700;
}

.help-class input {
    background-color: #f3f3f3;
    border: 0;
    -webkit-border-top-left-radius: 10rem;
    -webkit-border-bottom-left-radius: 10rem;
    -moz-border-radius-topleft: 10rem;
    -moz-border-radius-bottomleft: 10rem;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    padding-top: 8px !important;
    padding-bottom: 8px;
}

.help-class button:not(.vjs-big-play-button) {
    background-color: #f3f3f3;
    border: 0;
    -webkit-border-top-right-radius: 10rem;
    -webkit-border-bottom-right-radius: 10rem;
    -moz-border-radius-topright: 10rem;
    -moz-border-radius-bottomright: 10rem;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
    padding-top: 8px;
    padding-bottom: 8px;
}

.help-class button i {
    font-size: 4em;
    color: #30a453;
}

/*.owl-item .item {
	width: 100px;
	height: 200px;
}*/
.select2-search,
.select2-dropdown {
    border-color: #ced4da !important;
}

.select2-selection,
.select2 {
    border: 0 !important;
}

.select2-selection__arrow {
    margin-top: 5px;
}

.select2-selection__rendered {
    width: 100%;
    height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.popup-landing {
    max-width: 600px;
    width: 95%;
    max-height: 500px;
    height: 95%;
    background: url('../images/internal/bg-popup.png') 0 0 no-repeat;
    background-size: cover;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*padding: 30px;*/
    z-index: 55555555555551;
    display: none;
}
.popup-landing form {
    width: 50%;
    margin-top: 70px;
    margin-left: 40px;
    top: 50%;
    transform: translate(0, -50%);
    position: relative;
}
.popup-landing form .form-control {
    height: 25px !important;
    margin: 0 !important;
    padding: 2px !important;
}
.popup-landing form .btn {
    font-size: 1em;
    height: 30px !important;
    margin: 15px 0 0 !important;
    padding: 3px 10px !important;
}
.popup-landing form label {
    margin: 0;
}
.popup-landing i {
    cursor: pointer;
    color: #ffd800;
    font-size: 3em;
    width: 30px;
    height: 30px;
    line-height: 25px;
    position: absolute;
    background-color: #000;
    top: -10px;
    right: -10px;
    z-index: 5556
}
.popup img {
    /*background: #ffcd00;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*padding: 30px;*/
    z-index: 5555555555555
}
.promo {
    margin-bottom:17px;
    height: 160px;
}
.promo .promo-vacancies {
    position: absolute;
    z-index: 5;
    right: 6%;
    top: 45px
}

.banner-promo{
    position:absolute;
    top: 25%;
    left: 80%;
}
.popup i {
    cursor: pointer;
    color: #ffd800;
    font-size: 2em;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 5556
}

.final-result {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999999999999;
}

.final-result p {
    font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    color: #ff0;
    text-align: center;
    text-transform: uppercase;
}

.font-danger {
    color: #f00;
}

.-to-myessays {
    color: #fff;
    background-color: #F58434;
    padding-top: 3px;
    padding-bottom: 3px;
}

.-to-myessays:hover {
    color: #fff;
    background-color: #e87b33;
}

.fancybox-slide--iframe .fancybox-content {
    max-height: 99% !important;
    margin: 0;
}

.input-coupon {
    text-transform: uppercase;
}

.favorite i {
    color: #ff0;
    cursor: pointer;
}

.favorites-class .card-title {
    font-size: 1.142em !important;
    font-weight: 500 !important;
    color: #fff !important;
}




/*
 * Bonsai Tree
 */
.bonsai,
.bonsai li {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.bonsai li {
    position: relative;
    padding-left: 1.3em;
    font-size: 1.3em;
    /* padding for the thumb */
}

li .thumb {
    margin: -1px 0 0 -1em;
    /* negative margin into the padding of the li */
    position: absolute;
    cursor: pointer;
}

li.has-children>.thumb:after {
    content: '▸';
}

li.has-children.expanded>.thumb:after {
    content: '▾';
}

li.collapsed>ol.bonsai {
    height: 0;
    overflow: hidden;
}

.bonsai .all,
.bonsai .none {
    cursor: pointer;
}

.breadcrumb {
    font-size: 1.166em;
    font-weight: 500;
    color: #fff;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent !important;
}

.breadcrumb a {
    color: #fff;
}

/* Checkout */
.signin-class.checkout-class p.disclaimer {
    font-size: 1.25em;
    font-weight: 700;
    color: #373838;
}

.signin-class.checkout-class .account-form {
    padding-left: 5px;
    padding-right: 5px;
}

.signin-class.checkout-class .account-form span {
    font-size: 1.25em;
    font-weight: 400;
    color: #373838;
}

.signin-class.checkout-class .account-form strong {
    font-weight: 700;
}

.signin-class.checkout-class h1.title {
    font-size: 1.416em;
    font-weight: 800;
    color: #373838;
}

.signin-class.checkout-class h2.subtitle {
    font-size: 1.25em;
    font-weight: 700;
    color: #373838;
}

.signin-class.checkout-class .coupons input {
    font-size: 1.166em;
    font-weight: 400;
    text-transform: none;
    border: 2px solid #30a453;
}

.signin-class.checkout-class .coupons .input-group-text {
    border: 2px solid #30a453;
}

.signin-class.checkout-class .text-discount {
    font-size: 1.25em;
    font-weight: 400;
    color: #f00 !important;
}

.signin-class.checkout-class .text-discount .discount {
    font-size: 1em;
    color: #f00 !important;
}

.signin-class.checkout-class .total-value {
    font-weight: 800 !important;
    color: #30a453 !important;
}

.signin-class.checkout-class .coupons a,
.signin-class.checkout-class .coupons .input-group-text {
    color: #fff;
    background-color: #30a453;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-width: 1px;
}

.signin-class.checkout-class .form-credit-card,
.signin-class.checkout-class .form-boleto {
    background-color: #f7f7f7;
    border-radius: 10px;
}

.signin-class.checkout-class .form-credit-card .form-control {
    border-color: #dadada;
    border-radius: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.signin-class.checkout-class .form-credit-card .input-group .form-control {
    border-right: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.signin-class.checkout-class .form-credit-card .input-group .form-control:active,
.signin-class.checkout-class .form-credit-card .input-group .form-control:focus {
    box-shadow: none
}

.signin-class.checkout-class .form-credit-card .input-group .input-group-text {
    background-color: #fff;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.signin-class.checkout-class .form-credit-card .btn,
.signin-class.checkout-class .form-boleto .btn {
    font-size: 1.9em;
    font-weight: 700;
}

.signin-class.checkout-class .form-boleto p.description {
    font-size: 1.25em;
}

.signin-class.checkout-class #modal-boleto .modal-title {
    font-size: 1.416em;
    font-weight: 800;
    color: #373838;
}

.signin-class.checkout-class #modal-boleto .btn {
    font-size: 1.25em;
    font-weight: 500;
}

.signin-class.checkout-class #modal-boleto .btn-link {
    font-size: 1.25em;
    font-weight: 500;
    color: #373838;
    background-color: transparent;
}

/* Quem Somos */
.pages-class .video-bar {
    min-height: 512px;
    background: url('../images/internal/bg-video-quem-somos.png?1') no-repeat 0 0;
    background-size: cover;
    display: block;
}

.post-content h2.subtitle {
    font-size: 4.166em;
    font-weight: 800;
    color: #373838;
}

.pages-class .video-dream {
    background: #252525;
    border-radius: 15px;
    overflow: hidden !important;
    padding: 10px;
    display: block;
}

.pages-class .video-bg {
    width: 818px !important;
    height: 539px;
    background: url('../images/internal/bg-video-about.png?1') no-repeat 0 10px;
    margin-top: -60px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 25px;
    padding-bottom: 0;
    display: block;
}

.slick-courses .item {
    margin-right: 20px !important;
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
    overflow: visible !important;
}

.slick-courses .item figure {
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.slick-courses .item figure:hover {
    box-shadow: 0px 0px 150px #000000;
    z-index: 1;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

.datasheet.show-data {
    width: 100% !important;
    position: absolute !important;
    bottom: 30px;
    padding: 0;
    margin: 0 auto;
    z-index: 3000000000000000 !important
}

.datasheet.show-data h5 {
    font-size: 2em;
    color: #fff !important;
    margin: 0 auto;
    display: block;
}

.datasheet.show-data span {
    font-size: 0.9em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.img-overlay {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0;
    margin: 0 auto;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 2
}

.img-overlay:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
    margin: 0 auto;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 0.5s ease;
    z-index: 4
}

.play-button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    content: '';
    box-sizing: border-box;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 18px 0 18px 26px;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

img.loading {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999999999998888888888888811111;
}

/*
 * Posts
 */
.posts {
    margin: 30px 0;
}

.posts .type-post {
    margin-bottom: 30px;
}

.posts .type-post .post-title {
    font-size: 1em !important;
    line-height: 18px;
    margin: 5px 0 10px;
}

.posts .type-post .post-title a {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 2.2rem;
    color: #222;
}

/* internal posts */
.post-internal {
    padding: 20px 0 0
}

.post-internal .post-category a,
.sidebar .post-category a {
    font-size: 1rem;
    color: #c1272c;
    text-transform: uppercase;
}

.post-internal .post-title {
    font-family: 'Roboto';
    font-weight: 500;
    color: #222;
    margin: 5px 0 20px;
}

.post-internal .post-meta,
.posts .post-meta a {
    color: #555;
    margin-top: 10px;
}

.post-internal .post-content {
    font-size: 1rem;
    color: #555;
    margin-top: 10px;
}

.post-internal .content-photo p.legend-photo {
    font-size: 1rem;
    font-weight: 300;
    color: #666;
    margin: 10px 0 20px;
    display: block;
}

.post-internal .post-content ul li a {
    font-size: 1.6rem;
    font-weight: 600;
    color: #c1272c;
    text-transform: uppercase;
}

.post-internal .post-content p {
    line-height: 150%;
    margin-top: 10px;
}

.post-internal .post-content h2 {
    font-size: 1.3rem;
}

.post-internal article img {
    width: 100%;
}

.post-meta .hat a {
    color: #c1272c;
    text-transform: uppercase;
}

/* newsletter */
.sidebar .subscribe-box input,
.sidebar .subscribe-box button {
    border-radius: 0;
    margin-bottom: 10px;
}

/* More viewed */
.sidebar .more-viewd-title {
    margin: 0;
}

.sidebar .more-viewd-title a {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sidebar .latest-content {
    margin-bottom: 20px;
}

.sidebar .post-category {
    margin: 0;
}

.sidebar .topic-content li {
    margin: 0 3px 5px 0;
}

/* sharing */
.sharing {
    border-top: 1px solid #333;
}

.sharing li i {
    font-size: 1.6rem;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 3px;
    line-height: 32px;
    margin-top: 10px;
}

.sharing li:last-child i {
    margin-bottom: 0;
}

.sharing li.facebook i {
    background: #3b5998;
}

.sharing li.twitter i {
    background: #1da1f2;
}

.sharing li.whatsapp i {
    background: #65BC54;
}

.swal2-close:active,
.swal2-close:focus {
    outline: none !important;
}

/* .swal2-popup {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
} */
.show-tip {
    font-size: 1.5em;
}

/* News */
.news .post-title {
    font-size: 1.3em;
    color: #000;
}

.news .post-title a {
    color: #000;
}

/*
 * Posts
 */
.posts {
    margin: 30px 0;
}

.posts .type-post {
    margin-bottom: 30px;
}

.posts .type-post .post-title {
    line-height: 18px;
    margin: 5px 0 10px;
}

.posts .type-post .post-title a {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 2em;
    color: #222;
}

/* internal posts */
.post-internal {
    padding: 20px 0 0
}

.post-internal .post-category a,
.sidebar .post-category a {
    font-size: 1rem;
    color: #c1272c;
    text-transform: uppercase;
}

.post-internal .post-title {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 2em !important;
    color: #222;
    margin: 5px 0 20px;
}

.post-internal .post-meta,
.posts .post-meta a {
    color: #555;
    margin-top: 10px;
}

.post-internal .post-content {
    font-size: 1.6rem;
    color: #555;
    margin-top: 10px;
}

.sisu-splash .btn {
    font-size: 2em;
    font-weight: 600;
    border-radius: 15px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.sisu-class .post-internal .post-content {
    font-size: 1rem;
    color: #555;
    margin-top: 10px;
}
.sisu-class span.sisu-explanation-title {
    font-size: 1.2rem;
    margin-bottom: 200px;
    /* font-weight: 700 !important; */
    /* color: #028678 !important; */
}
.sisu-class p.sisu-explanation-text {
    font-size: 1.1rem;
    color: #8c8c8c;
    text-align: justify;
    /* font-weight: 700 !important; */
}
.sisu-class .post-internal .description {
    font-size: 1.1rem;
    font-weight: 600;
    color: #8C8C8C;
    margin-top: 10px;
    text-align: center;
}
.sisu-class h6 {
    font-size: 1.3rem;
    padding-top: 10px;
    padding-bottom: 10px;
}
.sisu-class label.custom-control-label {
    font-weight: 700;
    font-size: 1em;
    color: #000;
}
.post-internal .content-photo p.legend-photo {
    font-size: 1.2rem;
    font-weight: 300;
    color: #666;
    margin: 10px 0 20px;
    display: block;
}

.post-internal .post-content ul li a {
    font-size: 1.6rem;
    font-weight: 600;
    color: #c1272c;
    text-transform: uppercase;
}

.post-internal .post-content p {
    line-height: 150%;
    margin-top: 10px;
}

.post-internal .post-content h2 {
    font-size: 1.8rem;
}

.post-internal article img {
    width: 100%;
}

.post-meta .hat a {
    color: #c1272c;
    text-transform: uppercase;
}

/* tags */
.tags {
    margin: 20px 0;
}

.tags h5 {
    font-weight: 600;
    margin-bottom: 15px;
}

.tags a {
    color: #000;
    background: #f5f5f5;
    padding: 10px 20px;
}

.tags a:hover {
    background: #eee;
    text-decoration: none;
}

.buttonOrange {
    background-color: #e08545;
    color: #FFF;
}

.buttonOrange:hover {
    background-color: #bf682b;
    color: #FFF;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-25 {
    opacity: 0.25;
}
/* Game Stats */
.game-stat span {
    color: #ffffff;
}
.game-stat.scores span {
    font-size: 1.1em;
    font-weight: 500;
    width: 35px;
    height: 30px;
    text-align: center;
    padding: 6px 5px;
    display: inline-block;
}
.game-stat.scores span.bg-shield {
    background: url("../images/internal/game/icone1.png") no-repeat 50% 50%;
    background-size: cover;
}
.game-stat.scores strong {
    font-size: 1.7em;
    font-weight: 300;
    color: #777;
}
.game-medals img.opacity {
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: relative;
}
.game-medals figure {
    width: 50px;
    height: 50px;
}
.game-medals img.opacity:hover {
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.highlighted {
    background-color:#999;
}
.-action-challenge {
    color: #555 !important;
}
.-action-challenge img {
    width: 20px;
}
#modal-challenge .modal-content {
    border-radius: 20px;
    text-align: center;
}
#modal-challenge .modal-content img, .challenger-img {
    width: 60px
}
#modal-challenge .modal-content h1 {
    font-weight: 400 !important;
}
#modal-challenge .modal-content label {
    font-size: 2.5em
}
#modal-challenge .modal-header, #modal-challenge .modal-footer {
    border:0
}
#modal-challenge .modal-footer button {
    font-size: 2.2em;
    font-weight: 500;
    border-radius: 15px;
    text-transform: uppercase;
}
.challenges-card a {
    font-size: 1.5em;
    color: #333333;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    display: block;
    /* vertical-align: middle; */
    max-width: 41px !important;
    margin: 0 0 0 5px;
}
.m--img-centered {
    text-align: center;
}
.m--marginless {
    margin: 0 !important;
}
.m--img-rounded {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.disconnected p {
    font-size: 2em;
}
.disconnected p strong {
    font-weight: 600;
}

/* Custom Switch */
.switch {
    font-size: 1rem;
    color: #555;
    position: relative;
}
.switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
}

.switch input+label {
    position: relative;
    min-width: calc(calc(2.375rem * 0.8) * 2);
    border-radius: calc(2.375rem * 0.8);
    height: calc(2.375rem * 0.8);
    line-height: calc(2.375rem * 0.8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
}

.switch input+label::before,
.switch input+label::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(2.375rem * 0.8) * 2);
    bottom: 0;
    display: block;
}

.switch input+label::before {
    right: 0;
    background-color: #F0F0F0;
    border-radius: calc(2.375rem * 0.8);
    transition: 0.2s all;
}

.switch input+label::after {
    top: 2px;
    left: 2px;
    width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
    height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
    border-radius: 50%;
    transition: 0.2s all;
}
.switch.success input+label::after {
    background-color: #56B058;
}
.switch.warning input+label::after {
    background-color: #F48335;
}

.switch input:checked+label::before {
    background-color: #08d;
}

.switch input:checked+label::after {
    margin-left: calc(2.375rem * 0.8);
}

.switch input:focus+label::before {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}

.switch input:disabled+label {
    color: #868e96;
    cursor: not-allowed;
}

.switch input:disabled+label::before {
    background-color: #e9ecef;
}

.switch.switch-sm {
    font-size: 0.875rem;
}

.switch.switch-sm input+label {
    min-width: calc(calc(1.9375rem * 0.8) * 2);
    height: calc(1.9375rem * 0.8);
    line-height: calc(1.9375rem * 0.8);
    text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
}

.switch.switch-sm input+label::before {
    width: calc(calc(1.9375rem * 0.8) * 2);
}

.switch.switch-sm input+label::after {
    width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
    height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
}

.switch.switch-sm input:checked+label::after {
    margin-left: calc(1.9375rem * 0.8);
}

.switch.switch-lg {
    font-size: 1.25rem;
}

.switch.switch-lg input+label {
    min-width: calc(calc(3rem * 0.8) * 2);
    height: calc(3rem * 0.8);
    line-height: calc(3rem * 0.8);
    text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
}

.switch.switch-lg input+label::before {
    width: calc(calc(3rem * 0.8) * 2); 
}

.switch.switch-lg input+label::after {
    width: calc(calc(3rem * 0.8) - calc(2px * 2));
    height: calc(calc(3rem * 0.8) - calc(2px * 2));
}

.switch.switch-lg input:checked+label::after {
    margin-left: calc(3rem * 0.8);
}

.switch+.switch {
    margin-left: 1rem;
}
.form-activation .btn {
    font-size: 1.3em !important;
    font-weight: bold;
    color: #fff;
    padding: 5px 25px;
}
.bg-player {
    background-color: #000;
}