:root{

	--c-porcelain-rose:#F06C6A;
	--c-pink:#e070a2;
	--c-purple:#923472;
	--c-primary:#3B44B5;
	--c-success:#28AE62;
	--c-light-green:#b7db6e;
	--c-orange:#F4AB63;
	--c-secondary:#F4CF80;

    --c-white: #ffffff;
    --c-black: #333333;
}

.c-primary{color:var(--c-primary)}
.c-secondary{color:var(--c-secondary)}
.c-success{color:var(--c-success)}
.c-danger{color:var(--c-porcelain-rose)}
.text-white, .c-white{color: var(--c-white);}
.text-black, .c-black{color: var(--c-black);}

.bg-primary{background:var(--c-primary) !important}
.bg-secondary{background:var(--c-secondary) !important}
.bg-success{background: var(--c-success) !important}


.row{
	max-width: 80vw;
}

body,html{
	font-family: 'Open Sans';
}

.d-block{display:block}

/* Fix for IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    body, html{height: 1px}
}

#extra {
    padding: 16px 0;
}

.btn-cta{
    color: var(--c-white);
    display: block;
    position: relative;
    padding: 50px 10%;
    text-align: center;
    font-weight: 700;
    font-size: 1.8rem;
    transition: 0.25s;
    text-transform: uppercase;
}
.btn-cta:hover{color: var(--c-black);}

.btn-cta::before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    transform: skew(-45deg);
    background: var(--c-primary);
    z-index: -1;
}
.btn-cta:hover:before{background: var(--c-orange);}

a > img, .hover-opacity{transition: 0.25s;}
a:hover > img, .hover-opacity:hover{opacity: 0.7;}
.hover-opacity:hover img{opacity: 1;}

.button.bg-secondary{color: var(--c-black)}
.button.bg-secondary:hover{color: var(--c-white);background: var(--c-primary) !important}

.button.bg-primary{color: var(--c-white)}
.button.bg-primary:hover{color: var(--c-black);background: var(--c-secondary) !important}


blockquote {border-left:0;font-size: 28px;line-height: 1.3;color: var(--c-primary);}
blockquote.small {border-left:0;font-size: 16px;line-height: 1.3;color: var(--c-primary);}
blockquote cite {font-weight:bold}
blockquote span {font-weight: bold;font-size:3rem;font-family: times new roman;color: var(--c-primary);line-height: 1;}
blockquote cite::before {color: var(--c-primary);}

 
.follow a.internal{font-size: 15px;}
.follow a:not(.internal) i {font-size:16px;margin:0 5px;background:#fff;line-height:30px;width:30px;text-align:center;transition: all ease 0.3s;}
.follow a:nth-child(1) i{color: #3B5998;}
.follow a:nth-child(2) i{color: #4875B4;}
.follow a:nth-child(3) i{color: #c32aa3;}
.follow a:nth-child(4) i{color: #CD332D;}
.follow a:hover:nth-child(1) i{background: #3B5998;}
.follow a:hover:nth-child(2) i{background: #4875B4;}
.follow a:hover:nth-child(3) i{background: #c32aa3;}
.follow a:hover:nth-child(4) i{background: #CD332D;}
.follow a:hover i {color:#fff;transform: rotatey(360deg);transition-duration: 0.5s;}

.subnav {margin-bottom: 0px;margin-top:10px}
ul.subnav > li{max-width: 100%;}

.submenu{
	border: 1px solid #ffffff54;
	border-bottom: 0;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	overflow: hidden;
}
.submenu li{text-align:center;line-height:50px;padding:0 !important;box-shadow: inset 0 0 25px rgba(60, 60, 60, 0.1);transition:0.25s}
.submenu li:hover, .submenu li.active{box-shadow: none;}
.submenu li a{font-size: 14px;color:#fff;display: inline-block;}
.submenu li:hover a span, .submenu li.active a span{border-bottom:2px solid #fff;padding-bottom: 4px;}
/* .submenu li:nth-child(1), .submenu li:nth-child(1) .sub-panel{background: #fec028;} */
.submenu li:nth-child(1), .submenu li:nth-child(1) .sub-panel{background: #0F99B3;}
.submenu li:nth-child(2), .submenu li:nth-child(2) .sub-panel{background: var(--c-secondary);}
.submenu li:nth-child(3), .submenu li:nth-child(3) .sub-panel{background: var(--c-orange);}
.submenu li:nth-child(4), .submenu li:nth-child(4) .sub-panel{background: var(--c-success);}
.submenu li:nth-child(5), .submenu li:nth-child(5) .sub-panel{background: var(--c-primary);}
.submenu li:nth-child(6), .submenu li:nth-child(6) .sub-panel{background: var(--c-purple);}
.submenu li:nth-child(7), .submenu li:nth-child(7) .sub-panel{background: #E43316;}
.submenu li .button{background: #fff;color:#000}

.submenu li:nth-child(2) .sub-panel *{color: #000}

.submenu li:nth-child(2) .curso-title .menu-icon img {filter: none;}

#site_nav a{color:#fff;}
#site_nav li.contact{float:left}
#brand_wrap {padding-bottom:0px;padding-top: 10px;}


.sub-panel{position: absolute;z-index: 9999;display: block;padding: 10px;top: -9999px;left: -9999px;visibility: hidden;}
.sub-panel:hover, .submenu li a:hover+.sub-panel{left: 0;top: 50px;visibility: visible;transition-delay: 0.25s;width: 100%;}
.sub-panel strong{font-size: 18px;color: #fff;border-bottom: 2px dotted #fff;margin-bottom:15px;display:inline-block;line-height: 32px;font-size: 18px;color: #fff;border-bottom: 2px dotted #fff;margin-bottom:15px;display:inline-block;line-height: 32px;}
.sub-panel em{display: block;color: rgba(255, 255, 255, 0.8);font-weight: bold;line-height: 18px;margin-bottom: 12px;font-size: 16px;}
.submenu .sub-panel a{line-height:18px;font-size:14px;margin-bottom:10px;}
.submenu .sub-panel a:hover{text-decoration:underline}
.submenu .sub-family{margin-bottom:20px}
.submenu .sub-family .curso-title{
	line-height: initial;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.submenu .sub-family a{margin-bottom:0;font-size: 16px;}


.curso-title .menu-icon {
	position: relative;
	display: inline-block;
}

.curso-title .menu-icon img{
	height: 25px;
	opacity: 0.7;
	margin-left: 10px;
}
.submenu .curso-title .menu-icon img{
	filter: invert(100%) sepia(3%) saturate(12%) hue-rotate(53deg) brightness(104%) contrast(104%);
}
.description.curso-title .menu-icon img{
	height: 30px;
}

.curso-title .menu-icon:hover{cursor: help;}
.curso-title .menu-icon:hover img{opacity: 1;}

[data-wl-tooltip]::before{
	content: attr(data-wl-tooltip);
	visibility: hidden;
	min-width: 110px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	top: calc(100% + 5px);
	left: -35px;
	font-size: 12px;
}

[data-wl-tooltip]:hover::after{
	content: "";
  	position: absolute;
  	bottom: -5px;
  	left: calc(50% + 5px);
  	margin-left: -5px;
  	border-width: 5px;
  	border-style: solid;
  	border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}

[data-wl-tooltip]:hover::before{
	visibility: visible;
}


.panel a{display:inline-block;color:#000;margin-bottom:15px;line-height: 20px;font-size: 14px;}
.panel a:hover{text-decoration:underline;}
.panel strong{margin-bottom:10px;display:inline-block;line-height: 22px;font-size:16px}
.panel em{margin-bottom:15px;display:block}
.panel .sub-family{margin-bottom:30px}
.panel i.label.success{margin-bottom:0px;}

.panel a.active{color: var(--c-secondary);font-weight: 700;}
.panel a i.label.success{display:none;}



.panel strong{border-bottom:2px dotted #000;padding-bottom:5px}
.panel.cursos-jovens strong{color:var(--c-orange);border-color:var(--c-orange)}
.panel.cursos-cambridge strong{color:var(--c-purple);border-color:var(--c-purple)}
.panel.cursos-adultos strong{color:var(--c-primary);border-color:var(--c-primary)}
.panel.cursos-empresas strong{color:#0F99B3;border-color:#0F99B3}
.panel.cursos-outras strong{color:var(--c-purple);border-color:var(--c-purple)}

.panel.cursos-jovens em{color: RGBA(239, 137, 0, 0.80);}
.panel.cursos-cambridge em{color: RGBA(185, 39, 111, 0.80);}
.panel.cursos-adultos em{color: RGBA(1, 54, 137, 0.80)}
.panel.cursos-empresas em{color: RGBA(15, 153, 179, 0.80)}
.panel.cursos-outras em{color:RGBA(228, 51, 22, 0.80);}

.panel-ribbon{
	background: var(--c-primary);
	padding: 30px 20px 20px;
	position: relative;
	margin-top: 20px
}

.panel-ribbon:before{
	background: url(../img/ribbon_2018.png) no-repeat left center / contain;
	height: 25px;
	width: 100%;
	position: absolute;
	top: -12.5px;
	left: 0;
	display: block;
	content: " ";
}



.panel-ribbon p{margin-bottom: 10px;}
.panel-ribbon p a{margin-bottom: 5px;display: inline-block;}

.button.curso-jovens, .curso-jovens{ background-color: var(--c-orange);border-color:var(--c-orange); color:#fff;text-transform: uppercase; }
.button.curso-jovens:hover, .curso-jovens:hover{ background-color: #fff;color:var(--c-orange); }
.button.curso-cambridge, .curso-cambridge{ background-color: var(--c-purple);border-color:var(--c-purple); color:#fff;text-transform: uppercase; }
.button.curso-cambridge:hover, .curso-cambridge:hover{ background-color: #fff;color:var(--c-purple); }
.button.curso-adultos, .curso-adultos{ background-color: var(--c-primary);border-color:var(--c-primary); color:#fff;text-transform: uppercase; }
.button.curso-adultos:hover, .curso-adultos:hover{ background-color: #fff;color:var(--c-primary); }
.button.curso-empresas, .curso-empresas{ background-color: #0F99B3;border-color:#0F99B3; color:#fff;text-transform: uppercase; }
.button.curso-empresas:hover, .curso-empresas:hover{ background-color: #fff;color:#0F99B3; }
.button.curso-outras, .curso-outras{ background-color: var(--c-purple);border-color:var(--c-purple); color:#fff;text-transform: uppercase; }
.button.curso-outras:hover, .curso-outras:hover{ background-color: #fff;color:var(--c-purple); }


.cta-title{
	text-transform: uppercase;
	font-size: 36px;
	line-height: 42px;
	margin: 0;
	display: inline-block;
	padding: 5px 8px;
	background-color: var(--c-secondary);
	letter-spacing: 1px;
}

.cta-call{
	background: #207f5f;
	border-radius: 20px;
	padding: 20px;
	color:#fff;
	font-size: 20px;
	line-height: 32px;
	margin: 30px 0 20px;
}

.cta-call .button{
	background: transparent;
	border:2px solid #fff;
	text-transform: uppercase;
	margin: 15px 0 5px;
	transition: border-color 0.5s, background-color 0.5s;
}

.cta-call .button:hover{
	border-color:transparent;
	background:rgba(0, 0, 0, 0.15);
}

#site_nav .cta-title{font-size: 17px;line-height: 26px;margin-top:7px;}

h2.cta-title#special{position: relative}
h2.cta-title#special strong{position: absolute;top: -13px;right: -16px;}

.faq-blocks ul li.grid-center{float: none;margin: auto;}
.faq-blocks figure {
	position: relative;
	overflow: hidden;
	margin: 0;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.faq-blocks figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	margin:auto;
}

.faq-blocks figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.faq-blocks figure figcaption::before,
.faq-blocks figure figcaption::after {
	pointer-events: none;
}

.faq-blocks figure figcaption,
.faq-blocks figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.faq-blocks figure figcaption > a {
	z-index: 99;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, var(--c-primary) 0%,#00388c 40%,#0e0d0c 100%);
	background: linear-gradient(45deg, var(--c-primary) 0%,#00388c 40%,#0e0d0c 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 25px;
	background-color: rgba(58,52,42,0.5);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin-top:0;
	position: relative;
	top:50%;
	font-size: 32px;
	color:#ffffff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	font-size:13px;
	opacity: 0;
	color:#ffffff;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	display:none;
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.3;
}


.card-summary{margin-bottom:10px;}
.card-summary li{font-weight:bold;font-size: 16px;padding-bottom:20px}
.card-summary li span{
	display: inline-block;
	margin-left:5px;
	line-height: 23px;
	vertical-align: top;
}
.card-summary li i{font-size: 26px;vertical-align: middle;color: #053160;}

.card-list input[type="checkbox"] {display: none;}

.card-list .card {
    background: #FFF;
	min-height:486px;
	max-height:486px;
    width: 100%;
    box-shadow: 0px 1px 4px rgba(0,0,0,.1);
    transition: all ease 0.25s;
	position: relative;
}

.card-list .wrewind > .card {
	min-height:454px;
	max-height:454px;
}

/*.card-list .card.card-special{min-height: auto;max-height: auto;}*/
.card-list .card:hover {
    box-shadow: 0px 2px 8px rgba(251, 196, 40,.4);  
}

.card-list li:nth-child(7n+1) .card-head:after {background: RGBA(150, 189, 12, 0.8);}
.card-list li:nth-child(7n+2) .card-head:after {background: RGBA(239, 139, 1, 0.8);}
.card-list li:nth-child(7n+3) .card-head:after {background: RGBA(228, 51, 22, 0.8);}
.card-list li:nth-child(7n+4) .card-head:after {background: RGBA(186, 41, 109, 0.8);}
.card-list li:nth-child(7n+5) .card-head:after {background: RGBA(100, 0, 73, 0.8);}
.card-list li:nth-child(7n+6) .card-head:after {background: RGBA(0, 56, 140, 0.8);}
.card-list li:nth-child(7n+7) .card-head:after {background: RGBA(0, 122, 84, 0.8);}

.card-list li .card-head.old-event:after{background: rgba(58,52,42,0.7);}

.card-list .card-head:after {
	position: absolute;
    top:0;
    left:0;
    content: " ";
    width: 100%;
    height: 100%;
}

.card-list .card-head {
    height: 200px;
    padding: 20px;
    position: relative;
	transition: height 0.25s ease-in;
}

.card-list .card-head.imagem-coffee {
	background: url(/img/teacher-training/2017/coffee.jpg);
	background-size: cover;
}
.card-list .card-head.imagem-coffee-full{
	/*background: url(/img/teacher-training/2016/coffee/coffee-full.jpg);*/
	background: url(/img/teacher-training/2017/coffee.jpg);
	background-size: cover;
}
.card-list .card-head.imagem-you {
	background: url(/img/teacher-training/2017/you.jpg);
	background-size: cover;
}
.card-list .card-head.imagem-special {
	background: url(/img/teacher-training/2017/it_ih2.jpg);
	background-size: cover;
}


.card-list .card-head h2, .card-list .card-head h3 {
	color: #ffffff;
	margin: 0;
	font-weight:400;
	z-index: 9;
}
.card-list .card-head h2{
    text-align: right;
    font-size: 31px;
    line-height: 38px;
    position: absolute;
    bottom: 20px;
	right:0;
	padding: 0 20px;
}
.card-list .card-head h3 {
    text-align: left;
    font-size: 22px;
    position: relative;
    top: 10px;
	letter-spacing: 2px;
	transition:0.25s;
}

.card-list .card-body {
    padding: 0 20px;
	margin:20px 0 0;
	height:170px;
	transition:0.25s;
	overflow: hidden;
}
/*.card-list .card.card-special .card-body {height: auto}*/

.card-list .card-body p {
	font-size: 16px;
	line-height:28px;
    color: #555555;
    margin: 0;
	max-height:100%;
    transition: height ease .25s;
}

.card-list label.card-expand{
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    margin: 0 20px;
	position: absolute;
	bottom: 47px;
}

.card-list .card-sign{
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    margin: 0 20px;
	position: absolute;
	bottom: 47px;
	right:0;
	font-weight:bold;
}

.card-list .wrewind > .card .card-sign,.card-list .wrewind > .card  label.card-expand{
	bottom: 14px;
}

/*.card-list .card.card-special .card-sign {position: relative;bottom: auto;display:block;padding-bottom: 48px;text-align: right}*/

.card-list .card-sign.full{color:tomato}
.card-list .card-sign.past{color:var(--c-primary)}
.card-list label.card-expand:after{opacity:0;content:"Hide text";left: 0;position: absolute;transition:2s all ease-in, 0.25s all ease-out;color:tomato;}
.card-list label.card-expand:before{content:"Read more...";opacity:1;transition:2s all ease-in, 0.25s all ease-out;font-weight:800}

.card-list .card-share{
	position: absolute;
	left: -15px;
    bottom: -18px;
	display:inline-block;
	z-index: 9;
}
.card-list .card-share > div{position:relative;overflow: hidden;}
.card-list .card-share > div > i:first-child{
	display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--c-secondary);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    color: rgb(255, 255, 255);
}
.card-list .card-share a{
	display:inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    color: rgb(255, 255, 255);
	opacity:0;
	transition:0.25s;
	position:absolute;
	left:-30px;
}
.card-list .card-share:hover{display:block;}
.card-list .card-share:hover a{opacity:1;position:relative;left:0}
.card-list .card-share a:nth-of-type(1){background-color: #3b5999;}
.card-list .card-share a:nth-of-type(2){background-color: #55acee;}
.card-list .card-share a:nth-of-type(3){background-color: #0077B5;}
.card-list .card-share a:nth-of-type(4){background-color: #bd081c;}
.card-list .card-share a:nth-of-type(5){background-color: #f57d00;}

.card-list input[type="checkbox"]:checked + .card .card-head {
    height:110px;
}

.card-list input[type="checkbox"]:checked + .card .card-head h3{opacity:0;margin-top:-33px;}
.card-list input[type="checkbox"]:checked + .card .card-head h2{
	position:relative;
	top:50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	left: 0;
	font-size: 27px;
	line-height: 33px;
	padding: 0
}
.card-list input[type="checkbox"]:checked + .card .card-body p{overflow:visible;}
.card-list input[type="checkbox"]:checked + .card .card-body {
    height: 260px;
	overflow:auto;
}
.card-list input[type="checkbox"]:checked + .card .card-expand:before{opacity:0;}
.card-list input[type="checkbox"]:checked + .card .card-expand:after{opacity:1;}



.cta{background-color:var(--c-primary);padding: 10px;margin:20px 0 60px;border: 5px dashed #053160;}
.cta h2{font-size: 28px;color:#000;text-transform:uppercase;}
.cta h3{color:#fff;}
.cta .button{background:#053160;border:4px solid #053160;color:#fff;font-weight:bold;text-transform:uppercase;margin:20px 0}

.pricing-table {width: 100%;}
.pricing-table .sub-title{
	background-color: #4787E6;
	padding: 0.9375rem 1.25rem;
	text-align: center;
	color: #eee;
	font-weight: normal;
	font-size: 1rem;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}



.ttl-linha{color:#063d78;padding: 10px 15px;text-transform:uppercase;position:relative;z-index:1}
.ttl-linha > span{background: #fff;padding:0 15px}
.ttl-linha:before{border-top:2px solid #FBC428;content:"";display:block;position:absolute;width: calc(100% - 30px);top: 26px;z-index:-1}



h2.showmore{margin: 0 auto 10px;display: table;font-size: 20px;line-height: 22px;background: #9b9b9b;color: #fff;}
h2.showmore:hover{cursor: pointer}

.pastevents{margin-left: -15px;margin-right: -15px;padding: 0 15px;}





.switch-box {
	position: relative;
	width:60px;
	text-align:center
}


.switch{
	background: #5399D2;
	border-radius: 16px;
	display: block;
	height: 24px;
	position: relative;
	width: 60px;
}

.switch label {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	line-height: 24px !important;
	text-transform: uppercase;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}


.switch label:nth-of-type(2) {
	left: 8px;
	position: absolute;
	text-align: left;
}

.switch label:nth-of-type(1) {
	position: absolute;
	text-align: left;
}

.switch input {
	height: 32px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 80px;
	z-index: 2;
}

.switch input:hover, .switch label:hover{
	cursor:pointer;
}

.switch-box input:checked~label:nth-of-type(2) { color: #5399D2; }
.switch-box input:checked~label:nth-of-type(1) { color: #ffffff; }

.switch-box input~:checked~label:nth-of-type(2) { color: #ffffff; }
.switch-box input~:checked~label:nth-of-type(1) { color: #5399D2; }

.switch input:checked~.toggle {
	left: 0px;
}

.switch input~:checked~.toggle {
	left: 32px;
}

.switch input:checked {
	z-index: 0;
}

.toggle {
	background: #063d78;
	border-radius: 50%;
	height: 28px;
	left: 0;
	position: absolute;
	top: -2px;
	-webkit-transition: left .2s ease;
	-moz-transition: left .2s ease;
	-ms-transition: left .2s ease;
	-o-transition: left .2s ease;
	transition: left .2s ease;
	width: 28px;
	z-index: 1;
}

.flip-preview{transition: all ease 1.5s;background:#eee;padding:1px 30px 15px}
.flip-preview.active{transform: rotatey(360deg);transition-duration: 1.5s;}
.flip-preview .flip1.active, .flip-preview .flip1.active > *{height:auto;opacity:1;}
.flip-preview .flip2, .flip-preview .flip2 > *{height:0;opacity:0;}
.flip-preview .flip1{height:0;opacity:0;transition: visibility 1.5s, opacity 1.5s linear;}
.flip-preview .flip1 > *{height:0;opacity:0;}

.flip-preview .flip2.active{height:auto;opacity:1;transition: visibility 1.5s, opacity 1.5s linear;margin-top:-30px}
.flip-preview .flip2.active > *{height:auto;opacity:1;transition: visibility 1.5s, opacity 1.5s linear;}

.card-verao{background:#FBC428;margin:10px 0;text-align:center;transition:0.25s;animation-delay: 0.25s;}
.card-verao:hover{background:#063d78;}
.card-verao a{display:block;font-weight:700;padding: 15px 30px;font-family: 'Open Sans', sans-serif;text-transform:uppercase;margin:0;color:#063d78;font-size: 19px;letter-spacing: 1px;}
.card-verao a:hover{text-decoration:none;color:#fff;}

.v-text-center-curso { position: relative;top: 40%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.word-orbit{text-align:center}
.word-orbit h3{text-align:center;color:#fff;font-size: 82px;}
.word-orbit+.orbit-prev+.orbit-next+.orbit-timer{display:none;}


.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb40{margin-bottom:40px !important}
.mb60{margin-bottom:60px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt60{margin-top:40px !important}
.ml5{margin-left:5px !important}
.mr0{margin-right:0 !important}
.mr3{margin-right:3px !important}

.main_window{
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: linear-gradient(to bottom, #98cefe 1%,#b0d9fe 100%);
}
/* .cloud-background{
	padding: 10px;
	position: relative;
	height: 100%;
	background: url(/img/cii/clouds1000.png) 0 200px,
              url(/img/cii/clouds1200_1.png) 0 300px;
	animation: wind 20s linear infinite;
}
@keyframes wind{
  0% {
    background-position: 0 200px, 0 300px, 100px 250px;
  }
  100% {
    background-position: 1000px 200px, 1200px 300px, 1100px 250px;
  }

} */

.cursos-info > .row {
	display: flex;
}

@media only screen and (max-width: 40em) {

	.cursos-info > .row {
		flex-direction: column;
	}

}

.title-verao{
	color:#fff;
	font-size: 22px;
	margin:15px 0;
	display:inline-block;
}

.title-verao strong{
	letter-spacing: 2px;
	color: #fff;
	background: #fec028;
	padding: 7px 7px 7px 10px;
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	border: 1px solid rgba(255, 255, 255, 0.4);
}



.grandient-rainbow {
	width: 100%;
	overflow: hidden;
	transition: 0;
	position: relative;
	border-bottom: 5px solid var(--c-primary);
}
.grandient-rainbow:after {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 2300px;
	background: linear-gradient(0% -15%, #655bef 0%, #fa28bf 20%, #ff4665 40%, #fbde4e 60%, #00fbea 80%, #555def 100%);
	background: -moz-linear-gradient(0% -15%, #655bef 0%, #fa28bf 20%, #ff4665 40%, #fbde4e 60%, #00fbea 80%, #555def 100%);
	background: -webkit-gradient(linear, 0% -15%, 100% 100%, color-stop(0, #655bef), color-stop(0.2, #fa28bf), color-stop(0.4, #ff4665), color-stop(0.6, #fbde4e), color-stop(0.8, #00fbea), color-stop(1, #555def));
	-o-animation: anime 17.5s infinite;
	-ms-animation: anime 17.5s infinite;
	-moz-animation: anime 17.5s infinite;
	-webkit-animation: anime 17.5s infinite;
	z-index: -1;
}

.banner-list{
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
}
.banner-list.single{
	grid-template-columns: 1fr;
}
.banner-list a img{transition: 0.35s;}
.banner-list a:hover img{opacity: 0.7;}

.banner-christmas{
	width: 100%;
	overflow: hidden;
	transition: 0;
	position: relative;
	background: url("/img/2018/natal/banner.jpg") center center / cover;
	border-bottom: 5px solid var(--c-primary);
}

.banner-easter{
	width: 100%;
	overflow: hidden;
	transition: 0;
	position: relative;
	background: url("/img/2017/easter-2017.jpg") fixed center 12px;
	border-bottom: 5px solid var(--c-primary);
}
  
@-webkit-keyframes anime {
	0% {
		top: 0;
	}
	50% {
		top: -1800px;
	}
	100% {
		top: 0;
	}
}
@keyframes anime {
	0% {
		top: 0;
	}
	50% {
		top: -1800px;
	}
	100% {
		top: 0;
	}
}

.box-verao-titulo{
	color: #fff;
	background: #053b79;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	display: block;
	padding: 10px 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.box-verao-filtro{
	background: rgba(255, 255, 255, 0.9);
	padding: 1px 10px 10px;
	min-height: calc(100% - 45px);
}

body{z-index: -3;background: var(--c-secondary);}
.off-canvas-wrap, .inner-wrap{z-index: -2}


.inner-wrap > .small-menu{
	z-index: 9;
	padding:10px 0;
}
.inner-wrap > .small-menu.fixo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.inner-wrap > .row .left-off-canvas-toggle > span{padding-top: 27px;color: #063d78;display: inline-block;}


aside.left-off-canvas-menu{border-right: 1px solid #333333}
aside.left-off-canvas-menu > ul{
    list-style-type: none;
	margin:0
}
aside.left-off-canvas-menu > ul > li > a{
	display: block;
	color:#ffffff;
	padding:12px 0px 12px 12px;
	text-transform:uppercase;
	border-bottom: 1px solid #444444;
	border-top: 1px solid #444444;
}
aside.left-off-canvas-menu > ul > li > a.active, aside.left-off-canvas-menu > ul > li > a:hover{background:#063d78;}
aside.left-off-canvas-menu > ul li ul{list-style:none}
aside.left-off-canvas-menu > ul li ul li:first-child{margin-top:15px;}
aside.left-off-canvas-menu > ul li ul li:last-child{margin-bottom:15px;}
aside.left-off-canvas-menu > ul li ul li a{color:#c4d2dd;line-height:22px}
aside.left-off-canvas-menu > ul li ul li a.active{text-decoration:underline;}
.off-canvas-wrap {overflow:visible}

@media only screen and (max-width: 40em) { 
	.word-orbit h3{font-size: 32px;} 
	.follow{display:inline-block}
	.follow i {
		font-size: 18px;
		line-height: 35px;
		width: 35px;margin: 4px 8px;
	}
} 

.banner-curso{
	height: 550px;
	border: 8px solid RGBA(251, 196, 40, 0.8);
	margin-bottom: 20px;
	padding: 15px 25px;
	position: relative;
}

.banner-curso > .banner-ttl, .banner-curso > div > .banner-ttl{
	display: inline;
	background: RGBA(0, 54, 138, 0.9);
	padding: 10px 0;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	box-shadow: 10px 0px 0px RGBA(0, 54, 138, 0.9), -10px 0px 0 RGBA(0, 54, 138, 0.9);
	box-decoration-break: clone;
	line-height: 52px;
}

.banner-curso > .banner-watermark{
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0.8;
	width: 120px;
}
.banner-curso > .banner-watermark.left{left:0}
.banner-curso > .banner-watermark.dgert-watermark{
	left: 20px;
	width: 120px;
	bottom: 20px;
	opacity: 1;
	filter: drop-shadow(1px 1px 0px#fff) drop-shadow(-1px -1px 0 #fff);
}
.banner-curso > .banner-watermark.hibrido-watermark{
	left: 15px;
	width: 200px;
	bottom: 15px;
	opacity: 0;
	filter: drop-shadow(1px 1px 0px#fff) drop-shadow(-1px -1px 0 #fff);
}

input[type="checkbox"]+label{
	max-width: calc(100% - 50px);
	vertical-align: middle;
}

.reveal-modal{height: auto;}

/* Alert Ice */
.dashbord{
	width:100%;
	display: inline-block;
	background-color:#34495E;
	color:#fff;
	margin-top: 50px; 
}
.icon-section img{
	padding:10px;
	border:1px solid #fff;
	border-radius:30%;
	margin-top:-47px;
	margin-bottom: 5px;
	background-color:#34495E;
}
.icon-section p, .icon-section h4{
	color: #ffffff;
	font-size: 18px;
}
.detail-section{
	background-color: #2F4254;
	padding: 15px 0px;
}
.dashbord .detail-section:hover{
	background-color: #5a5a5a;
	cursor: pointer;
}
.detail-section a{
	color:#fff;
	text-decoration: none;
}


.flex-list{
	display: flex;
	flex-wrap: wrap;
}
.ofertas_lista.flex-list > dl {
    padding-right: 10px;
}


#footer_wrap {
    height: auto;
    background: url(../img/_new/rainbow/Rhythm.svg) repeat-x left top;
	background-size: auto 85px;
    padding-top: 120px;
}

@media only screen and (max-width: 40em) {

	.ofertas_lista.flex-list > dl {
		width: 100%;
		padding-right: 0;
	}

 }

/* orbit custom curso */
.orbitcurso .orbit-container .orbit-prev, .orbitcurso .orbit-container .orbit-next{
	background-color: #e63312 !important;
	display: block;
}

.orbitcurso .orbit-timer{
	display: none;
}

.orbitcurso .orbit-bullets{
	display: block;
}


.orbitcurso .orbit-container .orbit-slide-number {
	display: none;
}

 /* Marquee */
.marquee {
    white-space: nowrap;
    animation: marquee 20s linear infinite; /* Adjust duration as needed */
}

.marquee img {
    max-height: 100px; /* Adjust the height of the images as needed */
    margin-right: 20px; /* Adjust spacing between images as needed */
}

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

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

.marquee-container {
	width: 100%; /* Make sure the container fills the column */
	overflow: hidden; /* Hide anything that overflows */
}


.list-logos img{
	height: 80px;
	object-fit: contain;
	margin: 0 10px;
}

.availability-card img{
	height: 25px;
}

.availability-card span[data-wl-tooltip]{
	position: relative;
	cursor: help;
}

#inscricao_box{
	display: none;
}