@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
body{
	font-family: 'Roboto', sans-serif;
	font-size:1rem;
	background:#F8F8F8;
}

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:0;
	margin:0;
}
a{text-decoration:none}

/*scroolbar*/
::-webkit-scrollbar { width: 6px;height:6px;}
::-webkit-scrollbar-thumb {background: #7b7fb6}
::-webkit-scrollbar-track {background:rgb(177, 172, 173)}
	p{line-height:1.8rem;color:#444;font-size:1.1rem}
.topo {
    padding:5px 0;
	position: initial;
    top: 0;
    right: 0;
    left: 0;
	background:rgb(68 68 68)!important;
	z-index: 2;
}
.topo .logo{
	width: 220px;
    background: #FFF;
    color: #FF4B42;
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    margin-left: 4.4rem;
    padding-right: 0;
}
.topo .logo img{width:100%}

.topo .conteudo{display:flex;justify-content: space-between;align-items: center;}
.topo .conteudo .btn{border-radius:50px;padding:8px 20px;font-size:1rem;color:#fff}

.menu-topo{
	display:block;
}
.menu-topo li{
	display:inline-block;
	    color: rgba(0,0,0,.5);
		padding: .3rem .8rem;
}
.menu-topo li>a{
	    color: rgba(0,0,0,.5);
}

.conteudo{
	width:900px;
	margin:0 auto;
}

.titulo{color:#261c2a}
.titulo b{box-shadow: 0 4px 0 0 #261c2a; display: inline-block; line-height: 1.7rem;color:#261c2a}
.titulo .text-azul{box-shadow: 0 4px 0 0 #3aa6ea!important}
.PrimeiraDobra{
	width:100%;
	background:#2d2033 url(../img/back-php.png) no-repeat;
	background-size:cover;
	 padding-top: 2rem;
    padding-bottom: 6rem;
	font-family: "Barlow Condensed", sans-serif;
}

.PrimeiraDobra.alt{
	background:#2e2e50;
	position:relative
}

.PrimeiraDobra.alt .footer{
	height: 150px; overflow: hidden;
	position:absolute;
	bottom:-81px;
	left:0;
	right:0
}

.PrimeiraDobra.alt .btn.btn-amarelo,.setimaDobra.alt .btn {
    border: solid 1px #e8a40b;
    background: #ffc926;
    color: #000!important;
    font-size: 1.26rem;
}

.PrimeiraDobra.alt .col-6 h1{
	text-align:left;
}
.tlive{
	    text-align: center;
    display: inline-block;
    border-radius: 50px;
    background: #52ebff;
    font-size: .95rem;
    text-transform: uppercase;
    padding: .3rem .8rem;
    font-weight: 700;
}

.SextaDobra.alt {
    padding-top: 8rem;
}

.window.sm-modal{
	width:400px;
	box-shadow:none
}

.window.sm-modal h4{
	background: #444;
    color: #fff;
    text-align: center;
    padding: .4rem;
	margin-bottom:1rem
}
.window.sm-modal .btn-verde{
	border: solid 1px #2daf72;
    background: #35da95;
    border-radius: 6px;
    color: #fff;
    font-size: 1.6rem;
}
.window.sm-modal .dados small{
	color: #9a9a9a;
    display: block;
    line-height: 2rem;
    text-align: center;
}


.PrimeiraDobra .conteudo {
    width: 796px;
    margin: 0 auto;
}
.PrimeiraDobra h2{
	color:#fff;	text-align:center;
}
.PrimeiraDobra .col-10 p{
	color:#fff;	
	font-size:1.3rem;
	margin-bottom:1rem
}
.PrimeiraDobra .col-10 p i{
	color:orange
}
.PrimeiraDobra .mark{
	background:orange;
	display: table;
    margin: 0 auto;
    padding: 0 1rem;
}

.PrimeiraDobra .col-12 .embed-responsive {
	border:solid 4px #fff
}
.PrimeiraDobra .caixa-ciclo {
	transition:all .4s linear;
	cursor:default;
}
.PrimeiraDobra .caixa-ciclo img{	
	filter: grayscale(1);
}
.PrimeiraDobra .caixa-ciclo.liberado img {
	filter:none;
}
.PrimeiraDobra .caixa-ciclo.liberado {
	cursor:pointer
}
.PrimeiraDobra .caixa-ciclo.liberado:hover {
	opacity:.7;
	transition:all .4s linear;
}

.SegundaDobra.alt{
	width:100%;
	background:#fff;
	padding:3rem 0;
	padding-top:6rem
}
.SegundaDobra.alt .text-cont p{
	font-size: 1rem;
    line-height: 1.4rem;
}
.SegundaDobra.alt .text-cont .col-8 span{
	display:block;
	margin-bottom:.5rem;
	font-weight:700
}
.SegundaDobra.alt .text-cont .col-8 .txt{
	font-size: 2.8rem;
    margin-right: 1rem;
    color: #6868b7;
    border: solid 2px;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    padding: 8px;
}
.SegundaDobra{
	width:100%;
	background:#fff;
	padding:3rem 0
}


.TerceiraDobra{
	width:100%;
	background:radial-gradient(circle,#fff 36%, #d6d5d5);
	background:-webkit-radial-gradient(circle,#fff 36%, #d6d5d5);
	background:-moz-radial-gradient(circle,#fff 36%, #d6d5d5);
	background:-o-radial-gradient(circle,#fff 36%, #d6d5d5);
	background:-ms-radial-gradient(circle,#fff 36%, #d6d5d5);
	padding-top:4rem;
	padding-bottom:0;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}
.TerceiraDobra p{
	padding-bottom:1rem;color:#222
}
.TerceiraDobra .col-4{
	margin-bottom:-4px
}

.QuartaDobra.alt{
	width:100%;
	background:#141414  url(../img/back-php.png) right top no-repeat;
	padding:4rem 0;
	color:#fff;
}
.QuartaDobra.alt p{
	color:#d2d2d2;font-size:1.2rem
}
.QuartaDobra.alt .h3 b{
	color:#9a31c5
}


/*Quarta dobra*/
.QuartaDobra{
	width:100%;
	background:#ffffff;
	padding: 5rem 0;
    padding-bottom: 7rem;
}
.QuartaDobra .conteudo{ width: 100%; padding: 0 3%;}
.SextaDobra .conteudo
{
	width:1080px
}
.QuartaDobra .conteudo .caixa-ciclo p{
	color: #513d5a;
    font-size: .85rem;
    line-height: 1.3rem;
	}
.QuartaDobra .caixa-ciclo{
	width:100%;
	background:radial-gradient(circle,#fff 36%, #d6d5d5);
	border-radius:5px;
	text-align:center;
	padding:1rem;
	border:solid 1px #ddd;
	transform:all .4s linear;
}
.QuartaDobra .caixa-ciclo .ciclos{
	width:107px;
	height:107px;
	background:url(../img/img-ciclo.png) center no-repeat;
	background-size:cover;
	display:block;
	margin:10px auto;
	text-align:center;
	align-items:center;
	padding: 15px;
}
.QuartaDobra .caixa-ciclo .ciclos small{
	display:block;font-weight:bold;font-size: .85rem; color: #8012b1;
}
.QuartaDobra .caixa-ciclo .ciclos h1{
	font-size:1.8rem;
	line-height:2rem;  
	color: #0497d0;
}
.QuartaDobra .caixa-ciclo span.h5 {
	font-weight:bold;min-height: 39px;
    color: #8626b1;
	font-size: 1rem!important;
}


/*Quinta dobra*/
.QuintaDobra{
	width:100%;
	background:#fff;
	padding:2rem 0
}
.QuintaDobra  ul{
	display:block
}
.QuintaDobra  p{
	padding-bottom:1.3rem;
}
.base-ciclos{
	margin-bottom:1rem;
	padding-bottom:3rem;
	border: solid 1px #ddd;
    border-radius: 5px;
    padding: 0 15px 20px 15px;
	background: #f5f5f5;
}
.QuintaDobra  ul>li{
	display: block;
    padding:10px 13px;
    border: solid 1px #ddd;
    margin-bottom: -1px;
    font-size: .9rem;
    color: #525252;
	background:#fff;
}
.QuintaDobra  ul>li>div{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.QuintaDobra  ul> li i{
	color:#4cc6f5
}
.QuintaDobra  ul> li small{
	display:block;color:#1fa1f3;line-height: 1.15rem;
}
.QuintaDobra .tt{
	background:linear-gradient(64deg, #2563b1, #4cc6f5);
	background:-webkit-linear-gradient(64deg, #2563b1, #4cc6f5);
	background:-moz-linear-gradient(64deg, #2563b1, #4cc6f5);
	background:-o-linear-gradient(64deg, #2563b1, #4cc6f5);
	background:-ms-linear-gradient(64deg, #2563b1, #4cc6f5);
	border-radius:5px 5px 0 0;
	text-align:center;
	padding:10px;
	font-size:1.2rem;
	color:#fff;
	text-transform:uppercase;
}

.QuintaDobra.importante{
	background:radial-gradient(circle, #ffb100 28%, #f16e03 100%);
	background:-webkit-radial-gradient(circle, #ffb100 28%, #f16e03 100%);
	background:-moz-radial-gradient(circle, #ffb100 28%, #f16e03 100%);
	background:-o-radial-gradient(circle, #ffb100 28%, #f16e03 100%);
	background:-ms-radial-gradient(circle, #ffb100 28%, #f16e03 100%);
}
.QuintaDobra.importante p{
	color:#000;
}


.SextaDobra{
	width:100%;
	background:#eaeaea;
	padding:2rem 0
}
.SextaDobra .zoom img{
	box-shadow:3px 4px 3px 0 #0000002e;
	border:solid 2px #fff;
}
.SextaDobra .zoom img:hover{
	border:solid 2px #fff;box-shadow:3px 4px 3px 0 #0000002e;border-radius:2px;
}
.SextaDobra .caixa{
	background:#fff;
	padding:1rem
}
.SextaSete{
	width:100%;
	background:#fff;
	padding:4rem 0;
	border-top:solid 3px #9e289e;
}
.SextaSete .cronometro {
	    border: solid 1px #80008f;
    padding: .8rem;
    border-radius: 14px;
}
.SextaSete .cronometro span{
	display:block;
	font-size:4rem;
	text-align:center;
}
.SextaSete .cronometro small{
	display:block;
	text-align:center;
}
.SextaSete .campo-email{
	    border: solid 1px #80008f;
    padding:5rem 4rem;
    border-radius: 14px;
}
.parabens{
	height:100vh;
	width:100%;
	background:radial-gradient(circle, #5a0080, black) fixed;
	background:-moz-radial-gradient(circle, #5a0080, black) fixed;
	background:-ms-radial-gradient(circle, #5a0080, black) fixed;
	padding:2rem 1rem
}
.parabens .col-8 h1,
.parabens .col-8 h4
{color:#fff;}


.setimaDobra.alt{
	background:#2e2e50;
	position:relative;
	padding:6rem 0
}


/**/
@media (max-width:1140px){
}

/**/
@media (max-width:991px){
.PrimeiraDobra.alt .footer{display:none}
	.conteudo{max-width:100%}
	.window { width: 98%;position:absolute;    top: 34.406px!important;}
	.window .py-4{ padding:2rem!important}
}
/**/
@media (max-width:880px){
	.PrimeiraDobra { padding: 2rem 2rem 4rem 2rem;background-position-x: -406px;}
	.PrimeiraDobra h1 { font-size: 2.3rem;}	
}
/**/
@media (max-width:658px){
	.btn.btn-grande { font-size: 1.5rem;}
}
/**/
@media (max-width:580px){
	.btn.btn-grande { font-size: 1.3rem;}
}
/**/
@media (max-width:480px){
	.btn.btn-grande { font-size: 1.1rem;}
	.PrimeiraDobra h1	{ font-size: 1.8rem!important;}	
	
	.PrimeiraDobra h2.h4 .h2{ font-size: 1.6rem!important;}	
}