* {
	margin: 0;
	outline-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);}

p{
	margin: 0 0 10px;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0,0,0, .5);
    opacity: 1; /* Firefox */
}

body{
	font-family: sans-serif;
	-webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: text;    /* Chrome, Safari 3 */
    -khtml-user-select: text;     /* Safari 2 */
    -moz-user-select: text;       /* Firefox */
    -ms-user-select: text;        /* IE10+ */
    user-select: text;
 	touch-action: manipulation;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	min-height: 100%;
	min-width: 900px;
}

button{
	cursor: pointer;
	outline: none;
	transition: .2s;}
	
button:hover > .i-arrow{
    border-color:white;}

.btn-disabled{
	opacity: .3;
	pointer-events: none;
}

form{
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;}
	
input, 
select{
	color: rgba(0,0,0, .8);
	outline-color: rgb(60,60,60);}

option:hover{
    box-shadow: 0 0 10px 100px #1882A8 inset;}

ul{
	padding: 0;}
	
/*.center{
	height: calc(100% - 49px);}*/
	
.center, .center-y{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	width: 100%;}
	
.center > *, .center-y > *{
	margin: auto;}

.disabled{
	pointer-events: none;}

.i-arrow{
    border: solid #FFF;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;}

.right{
	margin-right: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);}

.left{
	margin-left:3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);}

.up{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);}

.down{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);}

.css-withGod{
	position: relative;
	width: 100%;
	color: #7e3729;
	font-size: 27px;
	top: 40px;
	margin-left: 100px;
}


iframe{
	border:0;
}

@font-face {
     font-family: Luckies;
     src: url('fonts/LuckiestGuy-Regular.ttf');}

@font-face {
     font-family: Montserrat;
     src: url('fonts/Montserrat-Regular.otf');}

@font-face {
     font-family: Satisfy;
     src: url('fonts/Satisfy-Regular.ttf');}
@font-face {
     font-family: Games;
     src: url('fonts/Starlight-Personal.ttf');
 }
@font-face {
     font-family: Dimbo;
     src: url('fonts/Dimbo.ttf');
}
@font-face {
  font-family: "Tw Cen MT";
  font-weight: normal;
  src: url("fonts/TwCenMT/TwCenMT.eot"); 
  src: url("fonts/TwCenMT/TwCenMT.eot?#iefix") format("embedded-opentype"), 
       url("fonts/TwCenMT/TwCenMT.woff2") format("woff2"), 
       url("fonts/TwCenMT/TwCenMT.woff") format("woff"), 
       url("fonts/TwCenMT/TwCenMT.ttf") format("truetype"), 
       url("fonts/TwCenMT/TwCenMT.svg#Tw Cen MT") format("svg");
}
@font-face {
  font-family: "Tw Cen MT";
  font-weight: bold;
  src: url("fonts/TwCenMTBold/TwCenMTBold.eot"); 
  src: url("fonts/TwCenMTBold/TwCenMTBold.eot?#iefix") format("embedded-opentype"), 
       url("fonts/TwCenMTBold/TwCenMTBold.woff2") format("woff2"), 
       url("fonts/TwCenMTBold/TwCenMTBold.woff") format("woff"), 
       url("fonts/TwCenMTBold/TwCenMTBold.ttf") format("truetype"), 
       url("fonts/TwCenMTBold/TwCenMTBold.svg#Tw Cen MT") format("svg");
}
@font-face {
  font-family: "Frankfurter";
  font-weight: normal;
  src: url("fonts/Frankfurter/Frankfurter.eot"); 
  src: url("fonts/Frankfurter/Frankfurter.eot?#iefix") format("embedded-opentype"), 
       url("fonts/Frankfurter/Frankfurter.woff2") format("woff2"), 
       url("fonts/Frankfurter/Frankfurter.woff") format("woff"), 
       url("fonts/Frankfurter/Frankfurter.ttf") format("truetype"), 
       url("fonts/Frankfurter/Frankfurter.svg#Tw Cen MT") format("svg");
}
@font-face {
     font-family: Gil;
     src: url('fonts/Gil.ttf');
}
@font-face {
     font-family: Monaco;
     src: url('fonts/Monaco.ttf');
}
@media only screen and (min-device-width : 769px){
	
	body{
		font-size: 14px;}
		
}

@media only screen and (max-device-width : 768px){
	
	body{
		font-size: 40px;}
		
		
	form a{
		font-size: 45px;}
	
	.css-withGod{
		top: 150px;
    display: block;
    text-align: center;
    margin-left: 0px;
    font-size: 47px;
	}
	.css-withGod > b {
		font-weight: 900;
	}	
}
.signup-body-adc{
	width: 100%;
	min-height: 100vh;
	padding: 100px 0 80px;
	background:
	url('/images/changepay/Celular-com-Jesus.png') center right/ 45% 660px no-repeat,
	url('/images/changepay/Fundo.png') center left/100% 110% no-repeat
	;
	overflow: auto;
}
 .form-signup .formInfosAdc{
 	padding-bottom: 0px;
 }
.signup-body-adc .form-signup {
	padding-bottom: 0px;
}
.js-logoutinfo{
	text-align: center;
	z-index: 3;
	top: 2%;
	margin-bottom: 10px;
	font-weight: 900;
	position: absolute;
	left: 37%;
	font-family: Satisfy;
	transform: translateX(-50%);
	text-decoration: underline;
	cursor:pointer;
	display:table;margin:auto;
	padding-bottom: 10px;
}
.css-adc{
	top: -10px;
}

.js-logoutinfo > img {
	width: 200px;
}
@media only screen and (min-device-width : 768px){
	@media only screen and (max-device-height: 600px){
		.signup-body-adc{
			background:
			url('/images/changepay/Celular-com-Jesus.png') center right/ 45% 660px no-repeat,
			url('/images/changepay/Fundo.png') center left/100% 100% no-repeat
			;
		}
	}
}
@media only screen and (max-device-width : 768px){
	.signup-body-adc .form-signup {
		margin-top: 5%;
	}
		.js-logoutinfo > img {
		width: 500px;
	}
	.css-adc{
		top: 130px;
	}
	.signup-body-adc{
		position: fixed;
		width: 100%;
		height: 100vh;
		background:
		url('/images/changepay/Fundo.png') center left/130% 100% no-repeat
		;
	}
	.js-logoutinfo{
		left: 50%;
		transform: translateX(-50%);
	}
	.formInfosAdc{
		margin-top: 20px
	}
}

.formInfosAdc input:nth-child(4){
   width:62%;
   float:left;
   margin-right:10px;
}
.formInfosAdc input:nth-child(5){
	width:35%;
	float:left;
}
.formInfosAdc input:nth-child(6){
	width:62%;
	float:left;
}
.formInfosAdc input:nth-child(7){
	width:35%;
	float:right; 
}
.formInfosAdc input:nth-child(8){
	width:62%;
	float:left;
	margin-right:10px;
}
.formInfosAdc input:nth-child(9){
	width:35%;
	float:left;
}

#testesNewPopup{
  newPopup: true;
  user: true;
  REQUEST_URI: false;
}
#alerts form, #popup form{
	margin:0;
}
#alerts .title, #popup .title{
	min-height: 13px;
	text-align:center;
      font-size: 18px;
    padding: 10px;
    border-radius: 30px;
    width: 75%;
    display: block;
    margin: 0 auto;
    color: #FFF;
    font-family: 'Gil';
    font-weight: bold;
  }
#popup .sub-msg{
	text-align:center;
  overflow: auto;
  max-height: 80vh;
}
#alerts, #popup{
	visibility:hidden;
  width:100%;
  height:100%;
  opacity:0;
  position:fixed;
  top:0px;
  left:0px;
  background-color:rgba(0,0,0, .7);
  transition:.3s;
  overflow: auto;
	text-align: center;
}
#alerts{
	z-index: 999;
}
#popup{
	z-index: 998;
}

.alert_container .cont{
	z-index:5;
	color:rgba(0,0,0, .8);
	display:table;
	transition: all 1.30s ease-in-out;
	transition: opacity 1.5s;
	background-color: white;
}

.infosAdc span{
	display:table;
}
.infosAdc ul li span:first-child{
	color:black;
}
.infosAdc ul li span:last-child{
	color:rgb(100,100,100);
}
.infosAdc ul{padding:0;margin:0;}
.infosAdc ul li{
	list-style-type: none;
}
#alerts .cont,#popup .cont{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
  padding: 15px;
      box-sizing: content-box;
	  background: url('../images/changepay/popup.png')center right/ 100% 100% no-repeat;
  }
#alerts .cont::-webkit-scrollbar-track,#popup .cont::-webkit-scrollbar-track{
    background-color: #F4F4F4;
    display: none;
}
#alerts .cont::-webkit-scrollbar,#popup .cont::-webkit-scrollbar{
    width: 6px;
    background: #F4F4F4;
    display: none;
}
#alerts .cont::-webkit-scrollbar-thumb,#popup .cont::-webkit-scrollbar-thumb{
    background: #dad7d7;
    display: none;
}
#alerts .cont .c{
	padding: 12px 5px;
}
#popup .cont .c{
	padding: 15px 70px;
}
#popup .cont .c, #alerts .cont .c{
      color: #FFF;
    font-family: 'Gil';
    font-size: 14px;
  }
#popup .notif-1{
	background-color: transparent;
	color: #FFF;
	padding: 20px;
}
#popup table{
      padding: 40px 70px;
  }
#alerts input, #popup input{
	border: none;
  	  background: #FFF;
    border-radius: 999px;
  }

#alertX{
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  border: none;
      background: url(../images/changepay/close.png)center right/ 100% 100% no-repeat;
    right: -35px;
    top: -35px;
  }

#popup #alertX{
  }

#alerts .btn-1,#popup .btn-1,
#alerts .btn-2,#popup .btn-2,
#alerts .btn-3,#popup .btn-3{
  text-align: center;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  border-radius: 10px;
  border-width: 1px 1px 1px 1px;
  padding: 10px 15px 10px 15px;
  box-shadow: inset 0px 2px 0px #ffffff, 0px 1px 3px rgba(0%,0%,0%,0.3);
  color: #fff;
  margin: 0 5px;
  text-transform: uppercase;
      font-size: 14px;
    font-weight: bold;
    font-family: 'Gil';
  }
#alerts .btn-1,#popup .btn-1{
      background: #FFF;
    color: #712b11;
    border: 1px solid #FF0000;
    box-shadow: inset 0px 2px 0px #a9cae0, 0px 1px 3px rgba(0, 0, 0, 0.08);
  }
#alerts .btn-2,#popup .btn-2{
      background: linear-gradient(180deg,#FF0000 0%,#FF0000 49%,#DF0101 73.43303646445976%,#B40404 100%);
    border: 1px solid #FF0000;
  }
#alerts .btn-3,#popup .btn-3{
      background: linear-gradient(180deg,#448cc4 0%,#58a0d8 49%,#448cc4 73.43303646445976%,#3c80b5 100%);
    border: 1px solid #448cc4;
  }

@media only screen and (min-device-width : 769px){
	#alerts input, #popup input,#alerts select, #popup select{
		margin-bottom: 10px;
	}
	#alerts .cont{
		max-width: 300px;
	}
	#alerts .cont,#popup .cont{
		border-radius:4px;
		min-width: 200px;
		min-height: 80px;
		font-size: 14px;
		max-height: 80vh;
    display: block;
	}
  #popup .cont.small{
    width: 360px;
  }
  #popup .cont.medium{
    width: 400px;
  }
  #popup .cont.large{
    width: 500px;
  }
	#popup .sub-msg{
		line-height:28px;
		font-size:13px;
		padding: 0 30px;
	}
      #popup #alertX{
      right: 7%;
    }
  	#alerts input, #popup input{
		padding: 8px;
	}
}

@media only screen and (max-device-width : 768px){
	#alerts input, #popup input,#alerts select, #popup select{
		margin-bottom: 30px;
	}
	
	#alerts .cont,#popup .cont{
		font-size: 45px;
		max-height: 80vh;;
    min-width: 400px;
    display: block;
		border-radius:10px;
		margin: auto;
	}

  #popup .cont.small{
    width: 400px;
  }
  #popup .cont.medium{
    width: 500px;
  }
  #popup .cont.large{
    width: 700px;
  }
	
	#popup .sub-msg{
		line-height:20px;
		font-size:36px;
		padding: 30px;
	}
	
	#alerts input, #popup input{
		padding: 28px;
	}
	
	#alerts select, #popup select{
		padding: 18px;
	}
  #alerts .title, #popup .title{
    font-size: 50px;
  }
  #alertX{
    width: 100px;
    height: 100px;
  }

  #alerts .btn-1,#popup .btn-1,
  #alerts .btn-2,#popup .btn-2,
  #alerts .btn-3,#popup .btn-3{
          font-size: 30px;
      }

  #popup .cont .c, #alerts .cont .c{
      font-size: 34px;
  }
}
.form-signup{
	position: relative;
	border-radius: 10px;
	text-align: center;
	margin: 0 auto;
}
.spaco{
	height: 120px;
}	
.form-signup h2{
	color: #275c98;
	font-weight: 500;
	margin: 0;
	text-shadow: 0 0 1px #275c98;}
	
.form-signup > .sub-title{
	font-size: 40px;
	stroke-width: 2px;
	stroke-color: #000;
	color:#6d6d6d;
	font-family: Comic Sans MS;
	display: block;
	margin-top: 10px;
}
.form-signup > .title-1{
	color:#FF4000;
	font-size: 34px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	stroke-color: #fff;
  position: relative;
  display: block;
  padding: 20px 0 !important;
}
.form-signup button:not(.loginWithFacebook){
	background: #FF4000;
	border: none;
	color: white;
	cursor: pointer;
	margin: 0;
}
.form-signup button.yellow:not(.loginWithFacebook){
	background-color: #fff200;
  color: #7e3729;
  font-family: Dimbo;
  font-size: 16px;
  text-transform: uppercase;
}
#valuesBoleto, #valuesCredito, #valuesDeposito, .qtdplan{
	color:#216594;
}
.form-signup label{
  color: #762c14;
  font-weight: bold;
  font-size: 13px;
}

.form-signup input,
.form-signup button:not(.loginWithFacebook),
.form-signup select,
.form-signup textarea{
	width: 100%;}
#passforce{
	margin-top: 4%;
	transition: opacity 1s;
	opacity:1;
	height:80px;
	width:7px;
	background:#DDDDDD;
	display:block;
	position:relative;
	right:9px;
	bottom:111px;
	border-radius:2px;
}
#passforce div{
	width:100%;
	height:0px;
	position:absolute;
	bottom:0px;
	transition:1s;
}
.form-signup textarea:focus, .form-signup input:focus, .form-signup select:focus {
    box-shadow: 0 0 0 0;
    /*border: 2px solid #FF4000;*/
    outline: 0;
}
@media only screen and (min-device-width : 769px){
	
	.form-signup{
		padding: 15px 20px 10px;
		width: 400px;
    left: -168px;
	}
		
	.form-signup > .sub-title{
		font-size: 14px;
	}
		
	.form-signup button:not(.loginWithFacebook){
		margin-top: 5px;
		padding: 12px;
	}
		
	.form-signup button:not(.loginWithFacebook):hover{
		background: #2a66a9;
		color: white;
		text-shadow: 0px 0 1px white;
	}
	
	.form-signup > div{
		color: rgb(100,100,100);
	}
		
	.form-signup > div a{
		color: rgb(100,100,100);
		text-decoration: none;
	}
		
	.form-signup form{
		margin-top: -10px;
	}

	.form-signup h2{
		font-size: 22px;
	}
	
	.form-signup input,
	.form-signup button:not(.loginWithFacebook),
	.form-signup select,
	.form-signup textarea{
		border-radius: 7px;
		font-size: 15px;
		margin-bottom: 8px;
	}

	.form-signup input, 
	.form-signup select,
	.form-signup textarea{
		/*border: 2px solid #FF4000;*/
		padding: 7px 5px;
	}
}

@media only screen and (max-device-width : 768px){
	.form-signup{
		position: relative;
		border-radius: 50px;
		padding: 50px 50px 10px;
		width: 80%;
	}
	.spaco{
		height: 160px;
	}
	.form-signup > .sub-title{
		font-size: 35px;
		display: block;
    margin-top: 70px;
    height: 50px;
	}
		
	.form-signup button:not(.loginWithFacebook){
		padding: 30px;}
		
	.form-signup button:not(.loginWithFacebook):hover{
		background: #2a66a9;
		color: white;
		text-shadow: 0px 0 1px white;}

	.form-signup form{
		margin-bottom: 60px;
	}
	.form-signup button.yellow:not(.loginWithFacebook){
	  font-size: 35px;
	}
	.form-signup h2{
		font-size: 70px;}
		
	.form-signup input[name='codigoIndicacao']{
		font-size: 30px;}

	.form-signup > .title-1{
		color:#FF4000;
		font-size: 67px;
		-webkit-text-stroke-width: 3px;
		-webkit-text-stroke-color: #fff;
		stroke-color: #fff;
		top: 0px;
	  position: relative;
	  display: block;
	}
	.form-signup textarea:focus, .form-signup input:focus, .form-signup select:focus {
	    box-shadow: 0 0 0 0;
	    border: 5px solid #FF4000;
	    outline: 0;
	}
	.form-signup input,
	.form-signup select,
	.form-signup textarea{
		background: #fff;
		border: 5px solid #FF4000;
		padding: 15px;}	
	.form-signup input,
	.form-signup button:not(.loginWithFacebook),
	.form-signup select,
	.form-signup label,
	.form-signup textarea{
		font-size: 40px;}
	.form-signup input,
	.form-signup button:not(.loginWithFacebook),
	.form-signup select,
	.form-signup textarea{
		border-radius: 20px;
		margin-bottom: 20px;}

	.form-signup #passforce{
	top: 51.5%;
	height:210px;
	width:17px;
	border-radius:4px;
	right:15px;
	}
	.form-signup > .title-1{
		margin-top: -20px;
	}
}
@media only screen and (max-device-width : 668px){
	.form-signup{
		position: relative;
		border-radius: 50px;
		padding: 50px 50px 10px;
		width: 90%;
	}
	.spaco{
		height: 160px;
	}
	.form-signup > .sub-title{
		font-size: 35px;}
		
	.form-signup button:not(.loginWithFacebook){
		padding: 30px;}
		
	.form-signup button:not(.loginWithFacebook):hover{
		background: #2a66a9;
		color: white;
		text-shadow: 0px 0 1px white;}

	.form-signup form{
		margin-bottom: 60px;
	}


	.form-signup h2{
		font-size: 70px;}
		
	.form-signup input[name='codigoIndicacao']{
		font-size: 30px;}

	.form-signup > .title-1{
		color:#FF4000;
		font-size: 67px;
		-webkit-text-stroke-width: 3px;
		-webkit-text-stroke-color: #fff;
		stroke-color: #fff;
		top: 0px;
	  position: relative;
	}
	.form-signup textarea:focus, .form-signup input:focus, .form-signup select:focus {
	    box-shadow: 0 0 0 0;
	    border: 5px solid #FF4000;
	    outline: 0;
	}
	.form-signup input,
	.form-signup select,
	.form-signup textarea{
		background: #fff;
		border: 5px solid #FF4000;
		padding: 20px;}	
	.form-signup input,
	.form-signup button:not(.loginWithFacebook),
	.form-signup select,
	.form-signup label,
	.form-signup textarea{
		font-size: 40px;}
	.form-signup input,
	.form-signup button:not(.loginWithFacebook),
	.form-signup select,
	.form-signup textarea{
		border-radius: 20px;
		margin-bottom: 20px;}

	.form-signup #passforce{
		top: 57.2%;
		height:210px;
		width:17px;
		border-radius:4px;
		right:15px;
	}
}
.js-logoutquest{
	text-decoration: underline;
	cursor:pointer;
	color:blue;
	font-size:15px;
	display:table;
	margin:auto;
}
.inpppsDesktop{
	max-width:150px;
	overflow:auto;margin-top:10px;
}
.css-fontquestDesktop{
	font-weight: 800;
}
.rrr{
	width:50%;
	float:left;
	white-space:
	nowrap;
}
.rrr input{
	width:20px;
}
.form-signup textarea{
	margin-top:10px;
}
.form-signup form{
	text-align:left;
}
.alert_container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.css-textquestrpmDesktop{
	resize: none;
	height: 100px;
	width:100%;
}
.questcolcluido{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	max-width:630px;
}
.questconcluido img{
	position: relative;
	top: 100px;
	width:200px;
	display: block;
	margin: auto;
}
.spanquestsend{
	text-align: center;
	position:absolute;
	top:70%;
	left:50%;
	transform: translate(-50%,-50%)!important;
	font-size:16px;
}
.logoutsendquest{
	position: relative;
	top: 40px;
	cursor:pointer;
	color:blue;
	font-size:15px;
	display:table;
	margin:auto;
}
/*Mobile*/
.inpppsMobile > .rrr input{
		width: 15px;
	    height: 15px;
	}
.css-textquestrpmMobile{
resize: none;
height: 100px;
width:100%;
}
.formquestMobile{
	width:50%;
}
@media(max-width: 1000px){
	.js-logoutquest{
		font-size:40px;
	}
	.css-fontquestMobile{
	font-weight: 600;
	}
	.inpppsMobile{
		max-width:300px;
		overflow:auto;
		margin-top:20px;
	}
	.inpppsMobile > .rrr input{
		width: 40px;
	    height: 40px;
	}
	.css-textquestrpmMobile{
		resize: none;
		height: 200px;
		width:100%;
	}
	.spanquestsend{
		font-size: 50px;
	}
	.questconcluido img{
		top: 100px;
		width:300px;
	}
}
/*form contact*/
.form-1 input[name='nome']{
	text-transform: capitalize;
}.form-1{
	position: relative;
	top: 50px;
	border-radius: 10px;
	text-align: center;
}
.spaco{
	height: 120px;
}	
.form-1 h2{
	color: #275c98;
	font-weight: 500;
	margin: 0;
	text-shadow: 0 0 1px #275c98;}
	
.form-1 > .sub-title{
	color:#6d6d6d;
	font-family: Comic Sans MS;
}
.form-1 button:not(.loginWithFacebook){
	background: #f1a12f;
	border: none;
	color: white;
	cursor: pointer;
	margin: 0;
}
#valuesBoleto, #valuesCredito, #valuesDeposito, .qtdplan{
	color:#216594;
}
.form-1 input,
.form-1 button:not(.loginWithFacebook),
.form-1 select,
.form-1 textarea{
	width: 100%;
}
.form-1 input:read-only,
.form-1 textarea:read-only{
	background-color: #dcdcdc;
	cursor: not-allowed;
}
#passforce{
	top: 62.7%;
	transition: opacity 1s;
	opacity:1;
	height:78px;
	width:7px;
	background:#DDDDDD;
	display:block;
	position:absolute;
	right:9px;
	bottom:111px;
	border-radius:2px;
}
#passforce div{
	width:100%;
	height:0px;
	position:absolute;
	bottom:0px;
	transition:1s;
}
textarea:focus, input:focus, select:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
} 
@media only screen and (min-device-width : 769px){
	
	.form-1{
		box-shadow: 5px 5px 20px rgba(0,0,0, .5);
		margin: 120px auto;
		padding: 15px 20px 10px;
		width: 400px;}
		
	.form-1 > .sub-title{
		font-size: 14px;}
		
	.form-1 button:not(.loginWithFacebook){
		margin-top: 5px;
		padding: 12px;}
		
	.form-1 button:not(.loginWithFacebook):hover{
		background: #2a66a9;
		color: white;
		text-shadow: 0px 0 1px white;}
		
	.form-1 > div{
		color: rgb(100,100,100);}
		
	.form-1 > div a{
		color: rgb(100,100,100);
		text-decoration: none;}
		
	.form-1 form{
		margin-top: 15px;}

	.form-1 h2{
		font-size: 22px;}
	
	.form-1 input,
	.form-1 button:not(.loginWithFacebook),
	.form-1 select,
	.form-1 textarea{
		border-radius: 10px;
		font-size: 15px;
		margin-bottom: 8px;}

	.form-1 input, 
	.form-1 select,
	.form-1 textarea{
		border: 2px solid #37669f;
		padding: 7px 5px;
	}
}

@media only screen and (max-device-width : 768px){
	#seqtdplan{
		text-align: center;
		font-size: 30px;
		width: 100px;
		height: 50px;
	}
	.form-1{
		top: 90px;
		position: relative;
		border: 5px solid rgba(0,0,0, .1);
		border-radius: 50px;
		margin-bottom: 100px;
		margin: 250px auto 100px auto;
		padding: 50px 50px 10px;
		width: 90%;
	}
	.spaco{
		height: 160px;
	}
	.form-1 > .sub-title{
		font-size: 35px;}
		
	.form-1 button:not(.loginWithFacebook){
		padding: 30px;}
		
	.form-1 button:not(.loginWithFacebook):hover{
		background: #2a66a9;
		color: white;
		text-shadow: 0px 0 1px white;}

	.form-1 form{
		margin-top: 50px;}

	.form-1 h2{
		font-size: 70px;}
		
	.form-1 input[name='codigoIndicacao']{
		font-size: 30px;}

	.form-1 input,
	.form-1 select,
	.form-1 textarea{
		background: none;
		border: 3px solid #37669f;
		padding: 20px;}	
	.form-1 input,
	.form-1 button:not(.loginWithFacebook),
	.form-1 select,
	.form-1 label,
	.form-1 textarea{
		font-size: 40px;}
	.form-1 input,
	.form-1 button:not(.loginWithFacebook),
	.form-1 select,
	.form-1 textarea{
		border-radius: 20px;
		margin-bottom: 20px;}

	#passforce{
	top: 47.5%;
	height:210px;
	width:17px;
	border-radius:4px;
	right:15px;
	}
}
.js-logoutquest{
	text-decoration: underline;
	cursor:pointer;
	color:blue;
	font-size:15px;
	display:table;
	margin:auto;
}
.inpppsDesktop{
	max-width:150px;
	overflow:auto;margin-top:10px;
}
.css-fontquestDesktop{
	font-weight: 800;
}
.rrr{
	width:50%;
	float:left;
	white-space:
	nowrap;
}
.rrr input{
	width:20px;
}
.form-1{
	margin-top:10px;
}
.form-1{
	margin-bottom:100px;
}
.form-1 textarea{
	margin-top:10px;
}
.form-1 form{
	text-align:left;
}
.alert_container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.css-textquestrpmDesktop{
	resize: none;
	height: 100px;
	width:100%;
}
.questcolcluido{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	max-width:630px;
}
.questconcluido img{
	position: relative;
	top: 100px;
	width:200px;
	display: block;
	margin: auto;
}
.spanquestsend{
	text-align: center;
	position:absolute;
	top:70%;
	left:50%;
	transform: translate(-50%,-50%)!important;
	font-size:16px;
}
.logoutsendquest{
	position: relative;
	top: 40px;
	cursor:pointer;
	color:blue;
	font-size:15px;
	display:table;
	margin:auto;
}
/*Mobile*/
.inpppsMobile > .rrr input{
		width: 15px;
	    height: 15px;
	}
.css-textquestrpmMobile{
resize: none;
height: 100px;
width:100%;
}
.formquestMobile{
	width:50%;
}
@media(max-width: 1000px){
	.js-logoutquest{
		font-size:40px;
	}
	.css-fontquestMobile{
	font-weight: 600;
	}
	.inpppsMobile{
		max-width:300px;
		overflow:auto;
		margin-top:20px;
	}
	.inpppsMobile > .rrr input{
		width: 40px;
	    height: 40px;
	}
	.css-textquestrpmMobile{
		resize: none;
		height: 200px;
		width:100%;
	}
	.spanquestsend{
		font-size: 50px;
	}
	.questconcluido img{
		top: 100px;
		width:300px;
	}
	.form-1{
	margin-bottom:200px;
	}
}
/*form contact*/
.form-1 input[name='nome']{
	text-transform: capitalize;
}.table-prices{
	background: #216594;}
.table-prices ul li{
	list-style-type: none;}
.table-prices > div:nth-child(2){
	background: white;
	box-shadow: 0 3px 10px rgba(0,0,0, .4);
	overflow-x: hidden;
	min-height: 310px;
}
.table-prices .sub{
	color: #216594;
	display: block;
	white-space: nowrap;}
.table-prices .planLines{
	width: 100%;}
	.table-prices .planLines .prices{
		width: 32%;
		margin: 0 3px;
	}
.table-prices .prices{
	float: left;
	font-family: Montserrat;}
.table-prices .op span:nth-child(1){
	color: #216594;}
	

.table-prices #download{
	margin-top: 20px;}
.table-prices #download > div a:first-child{
	background: url('../images/site/down-ios.png') center left/100% auto no-repeat;
	margin: 0;}
.table-prices #download > div a:last-child{
	background: url('../images/site/down-android.png') center center/100% auto  no-repeat;}
.table-prices #download div a,
.table-prices-top #download a,
.table-prices .sub{
	display: block;}
.table-prices .op button,
.table-prices > div > div:nth-child(2),
.table-prices > div > div:nth-child(3),
.table-prices-top > div{
	float: right;}
.table-prices #qnt select,
.table-prices .title,
.table-prices .planLines li:not(.warning):hover{
	background: #216594;
	cursor: pointer;
	transition: .2s;
	border-radius: 8px!important;}
.table-prices #qnt select,
.table-prices .title,
.table-prices .planLines li:not(.warning):hover,
.table-prices .balloon-dsk,
.table-prices-top #balao-desconto{
	color: white;}
.table-prices .planLines li,
.table-prices #qnt,
.table-prices .title{
	border-radius: 8px;
	display: table;
	font-weight: 500;
	text-align: center;
	text-shadow: 0 0 1px #216594;}

.table-prices .title{
	text-transform: uppercase;
	font-size: 12px;
}

.table-prices-top #download,
.table-prices #download > div{
	overflow: visible!important;
}
/*.table-prices-top #download>div:nth-child(1),
.table-prices #download > div >div:nth-child(1) >p{
	position: relative;
	margin-top: 15%;
	margin-left: 40px;
	font-family: Luckies;
	font-size: 19px;
	color: #d94228;
}*/
/*.table-prices-top #download>div:nth-child(1) p{
	position: relative;
	text-align: center;
	font-size: 35px;margin-top: 80px;
	left: 40px;
}*/
/*.table-prices-top #download{
	width: 93%;
	height: 100px;
	margin-top: 20px;
	cursor: pointer;
	float: left;
}*/

/*.table-prices-top #download>div:nth-child(1),
.table-prices #download > div >div:nth-child(1){
	width: 93%;
	height: 100px;
	margin-top: 20px;
	border:3px solid #216594;
	box-shadow: 0 2px 4px #999;
	cursor: pointer;
	border-radius: 10px;
	overflow: visible!important;
	background: url('/images/expe.png')left bottom/ 30% auto no-repeat,
	url('/images/flamula.png') 101% top/ 30% auto no-repeat;
	float: left;}
.table-prices-top #download>div:nth-child(1){
	position: relative;
	top:-10%;
	left: -8%;
	height: 200px;
}*/
.table-prices .balloon-dsk,
.table-prices-top #balao-desconto{
	background: url('../images/site/ballon-desc.png?a') center center/100% auto no-repeat;}
.table-prices div #download #buttons li:first-child > a,
.table-prices-top #download #buttons li:first-child > a{
	background: url('../images/site/down-ios.png') center center/100% auto no-repeat;}
.table-prices div #download #buttons li:last-child > a,
.table-prices-top #download #buttons li:last-child > a{
	background: url('../images/site/down-android.png') center center/100% auto  no-repeat;}
	
#\/cartao-presente .title-1{
	text-align: center;}

	.table-prices .planLines ul li.warning{
		height: 37px;
	}

.table-prices .planLines ul li.warning span{
	display: block;
}

.table-prices .planLines ul:not(#valuesCredito) li.warning{
	font-size: 11px;
	color: #000;
	padding-top: 4px;
	font-weight: normal;
}

.table-prices .planLines ul#valuesCredito li.warning{
	color: #fd2f01;
	font-weight: bold;
}
	
@media only screen and (min-device-width : 769px){
	.table-prices #qnt select{
		border-radius: 12px!important;
	}
	.table-prices{
		margin: 0 auto;
		min-width: 450px;
		max-width: 810px;
		padding: 20px;
		position: relative;}
	.table-prices > div{
		padding: 20px 25px;
		position: relative;}
	.table-prices > div:nth-child(2),
	.table-prices > div:nth-child(2) > div:first-child{
		color: #216594;
		text-align: center;}
	.table-prices > div > div:nth-child(3){
		width: 57%;}
		
	.table-prices #download{ 
		top: 50%;
		transform: translateY(-50%);
		width: 34%;
		margin-top: 0px;}
	.table-prices #download > div{
		border-right: 2px solid #216594;
		font-size: 11px;
		height: 220px;
		overflow: auto;}
	.table-prices #download > div ul{ 
		bottom: 30px;
		margin: 10px 0;
		width: 93%;}
	.table-prices #download > div li{
		display: inline-block;		
		height: 35px; width: 49%;
		padding: 0;}
	.table-prices #download > div a{
		border-radius: 5px;
		height: 93%; width: 99%;}
		
	.table-prices .balloon-dsk{
		box-shadow: none;
		font-size: 12px;
		height: 130px; width: 150px;
		left: 104%; top: 105px;
		margin: 0 auto 50px;
		padding: 28px 30px 0px 30px;
		text-align: left;
		transform: translateX(-50%);
		z-index: 2;}
	.table-prices .balloon-dsk span{
		font-size: 24px;
		left: 5px;
	}
	#\/matricular-crianca .table-prices .balloon-dsk{
		font-size: 11px;	
		padding: 35px 38px 20px;}
	#\/inscrever-instituicao .table-prices .balloon-dsk{
		font-size: 10px;
		padding: 33px 25px 0px 32px;}
	#\/inscrever-instituicao .table-prices .balloon-dsk span{
		font-size: 21px;}
	#\/matricular-crianca .table-prices .balloon-dsk,
	#\/inscrever-instituicao .table-prices .balloon-dsk{
		overflow: hidden;
		height: 130px; width: 150px;}
	#\/matricular-crianca .table-prices #qnt,
	#\/inscrever-instituicao .table-prices #qnt{
		width: 343px;}
		
	.table-prices .op{
		margin: 3px 10px;
		padding: 7px 0;}
	.table-prices .op span:nth-child(1){
		font-size: 30px;}
	.table-prices .op button{
		display: inline;
		font-size: 14px;
		padding: 5px;
		width: 40%;}
		
	.table-prices .sub{
		font-size: 11px;
		margin-left: 10px;}
	.table-prices #qnt{
		width: 99%;
		margin: 3px 5px;}
	.table-prices .planLines .prices .title,
	.table-prices .planLines .prices ul li{
		margin: 3px 5px;}

	.table-prices .planLines li, .table-prices .title{
		width: 100%;
	}

			
	.table-prices,
	.table-prices > div{
		border-radius: 20px;}
	.table-prices .planLines li:not(.warning),
	.table-prices #qnt,
	.table-prices .title{
		border: 1px solid #216594;
		padding: 5px;}
	.table-prices .planLines li,
	.table-prices .title{
		margin: 3px;}

	.table-prices #download > div{
		width: 100%;}
	.table-prices #download,
	.table-prices #download > div ul,
	.table-prices .balloon-dsk{
		position: absolute;}
	.table-prices .balloon-dsk span,
	#\/inscrever-instituicao .table-prices .balloon-dsk span{
		line-height: 28px;
		margin-left: 15px;
	}

	.table-prices ul#valuesDeposito li:not(.warning) span{
    color: #000;
    font-weight: normal;
	}
		
}

@media only screen and (max-device-width : 768px){
	.table-prices .planLines ul li.warning{
		height: auto;
	}
	
	.table-prices .planLines ul li.warning span{
		display: inline;
	}
	
	.table-prices .planLines ul:not(#valuesCredito) li.warning{
		font-size: 25px;
		padding-top: 20px;
	}

	.table-prices #qnt select{
		border-radius: 30px!important;
	}
	.table-prices .title{
		font-size: inherit;
	}
	.table-prices-top #download{
		height: 380px; width: 48%;float: left;
		position: relative;}
	.table-prices-top #download li{
		display: inline-block;
		font-size: 22px;
		width: 48%;}
	.table-prices-top #download a{
		height: 65px;}
	.table-prices-top #download #buttons{ 
		bottom: 0px;}
		
	.table-prices-top #balao-desconto{
		bottom: 0px; right: 30px;
		font-size: 26px;
		height: 350px; width: 350px;
		padding: 89px 0 0 80px; }
	.table-prices-top #balao-desconto span{
		line-height: 75px;
		font-size: 80px;}
	#\/inscrever-instituicao #balao-desconto{
		padding: 95px 0 0 70px!important;
	}
	#\/inscrever-instituicao #balao-desconto span{
		font-size: 47px;}
		
	.table-prices{
		font-size: 35px;
		margin: 130px auto;
		padding: 50px;}

	.table-prices ul#valuesDeposito li:not(.warning) span{
		font-size: 32px !important;
    color: #000;
    font-weight: normal;
	}

	.table-prices,
	.table-prices > div{
		border-radius: 20px;}
	.table-prices > div:nth-child(2){
		text-align: center;}
	.table-prices > div:last-child > div:nth-child(2){
	 margin-right: 10px;}
	 
	.planLines div:nth-child(4) ul li:nth-child(5){
		margin-bottom: 0px;
	}
	.op button{
		
		display: none;
	}
	.balloon-dsk{
		display: none;}
		
	.table-prices-top{
		margin-top: 20px;
		overflow: hidden;
		padding-bottom: 80px;
		position: relative;}
	.table-prices-top > div{
		width: 45%;}
	.table-prices-top > div button{
		font-size: 30px;}		
	.table-prices .op span:nth-child(1){
		font-size: 70px;
		margin-left: 15px;}
		
	.table-prices .prices{
		width: 100% !important;}
	#\/cartao-presente .balloon-dsk{
		padding-left: 37px;
		top: 70px;}
	.table-prices-top #download #buttons,
	.table-prices-top #balao-desconto{
		position: absolute;}
	#\/inscrever-instituicao #balao-desconto span{
		line-height: 45px;}
	.table-prices-top #download ul,
	.table-prices-top #download a,
	.table-prices-top #download #buttons,
	.table-prices > div > div:nth-child(2),
	.table-prices .title,
	.table-prices .planLines li,
	.table-prices #qnt{
		width: 98%;}
	#block-valores .block-2,
	.table-prices .sub,
	.table-prices .op,
	.table-prices #qnt{
		color: #216594;
		text-align: center;}		
	.table-prices .title,
	.table-prices .planLines li:not(.warning),
	.table-prices #qnt{
		border: 2px solid #216594;
		margin: 10px;}	
	.table-prices > div,
	.table-prices-top > div button,
	.table-prices .title,
	.table-prices .planLines li,
	.table-prices #qnt{
		padding: 20px;}
			
}a{
	color: #22548d;
	text-shadow: 0 0 1px rgba(34,84,141, .5);
	text-decoration: none;}
	
.btn-1{
	background: #f1a12f;
	border: none;
	color: white;
	display: table;
	text-shadow: none;}
.btn-1:hover{
	background: #2a66a9;
	color: white;
	text-decoration: none;}

/*Facebook login*/
.loginWithFacebook{
	background-color: #4267B2;
	margin:0;
	color:white;
	border:none;
	cursor:pointer;
	transition: 0.5s;
	border-radius: 5px;
	position: relative;

	/*Esconder botão do facebook, comentar linha abaixo para ativar o login*/
	display: none !important;
}

.loginWithFacebook:hover{
	background-color: #2a519e;
}

.loginWithFacebook:before{
	content: '';
	background-image: url('/images/facebook-login-button-icon.png');
	background-size: 100% 100%;
  position: absolute;
  left: 7px;
}

/*Facebook login small*/
.loginWithFacebook.small{
	padding: 5px 5px 5px 25px;
}

.loginWithFacebook.small:before{
	width: 15px;
  height: 15px;
}

/*Facebook login medium*/
.loginWithFacebook.medium{
	padding: 10px 10px 10px 25px;
}

.loginWithFacebook.medium:before{
	width: 15px;
  height: 15px;
}

/*Facebook login larger*/
.loginWithFacebook.larger{
	padding: 15px 15px 15px 25px;
	font-size: 15px;
}

.loginWithFacebook.larger:before{
	width: 15px;
  height: 15px;
}

@media only screen and (max-device-width : 768px){
	.loginWithFacebook{
		font-size: 45px !important;
	}

	.loginWithFacebook.medium{
		padding: 25px 25px 25px 65px;
	}

	.loginWithFacebook.medium:before{
		width: 50px;
	  height: 50px;
	}

	/*Facebook login larger*/
	.loginWithFacebook.larger{
		padding: 25px 25px 25px 65px;
	}

	.loginWithFacebook.larger:before{
		width: 50px;
	  height: 50px;
	}
}.home{
	background: url('/images/site/home-fundo-bottom-otimized.jpg') bottom center/100% auto no-repeat, url('images/site/home-fundo-top-otimized.jpg') top center/100% auto no-repeat;
	background-color:#fef0cb;
	width: 100%;}
#app-evang{
	border-radius: 20px;
	box-shadow: 0 5px 10px #999;
	color: white;
	padding: 10px;
	position: relative;
	text-align: center;
}
#app-evang > span:nth-child(1){
	font-size: 35px;
	font-family: Dimbo;
}
#app-evang > span:nth-child(3){
	margin-top:4%;
	float: left;
	width: 210px;
	text-align: center;
	font-family: Dimbo;
}
.in-bu-ex{
	width: 40%;
	height: 2.1em;
	line-height: 1.7;
	font-size: 23px;
	position: relative;
	margin-top: 25%;
	margin-left: -192px;
	border:5px outset #FF4000;
	border-radius: 10em;
	background-color: #FF4000;
	cursor: pointer;
	font-family: Dimbo;
}
#app-evang span p{
	margin: 10px auto;}
#app-evang span{
	color: white;}
#app-evang > div{
	float: left;}
#app-evang > div:last-child{
	float: right;
	position: absolute; bottom: 15px; right: 20px;
	width: 45%;}
	
#app-evang #new-contents{
	background: url('../images/site/semanalmente.png') center center/100% auto no-repeat;
	position: absolute;
	white-space: nowrap;
	width: 42%;}
#app-evang #new-contents > .title-1{
	padding: 0;}
#app-evang #new-contents > .btn-1{
	margin: auto;}
	
#app-evang #downl{
	text-align: left;
	white-space: nowrap;}
#app-evang #downl li{
	display: inline-block;
	white-space: nowrap;
	width: 49%;}
#app-evang #downl li a{
	display: block;}
#app-evang #downl li:first-child a{
	background: url('../images/site/down-ios.png') center center/100% auto no-repeat;}
#app-evang #downl li:last-child a{
	background: url('../images/site/down-android.png') center center/100% auto  no-repeat;}

#text-bottom{
	position: relative;
	top: 110px;}
#text-bottom > div{
	text-align: center;}
#text-bottom > div > .btn-1{
	margin: auto;}

.three-option{
	text-align: center;}
.three-option .title-1{
	text-shadow: 0 0 20px white,0 0 20px white,0 0 20px white,0 0 20px white,0 0 20px white,0 0 20px white,0 0 20px white,0 0 20px white,0 0 20px white,0 0 20px white;
	text-align: center;
	padding: 0;}
.three-option > a{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-decoration: none;}
.three-option > a:nth-child(1){
	background: url('../images/site/home-instituicoes.jpg') center center/100% auto;}
.three-option > a:nth-child(2){
	background: url('../images/site/home-rpm.jpg') center center/100% auto;}
.three-option > a:nth-child(3){
	background: url('../images/site/home-cartao-presente.jpg') center center/100% auto;}
.three-option > a > div{
	background: #c62020;
	border-radius: 10px 10px 0 0px;
	box-shadow: 0 0 10px white,0 0 10px white,0 0 10px white,0 0 10px white,0 0 10px white,0 0 10px white;
	color: white;
	position: absolute; bottom: 0px;
	text-shadow: 0 0 1px white;}
.index-exper{
	float: right;
	width: 80%;
	height: 80%;
	background: url('/images/Site-versao-gratuita-br.png') center center/100% auto no-repeat;
	top: 80px;
}








div.homeContainer{
	max-width: 2000px;
	margin: 0 auto;
}

div.homeContainer section.presentation{
	position: relative;
	overflow: hidden;
}

div.homeContainer section.presentation img.bgImage.mobile{
	display: none;
}

div.homeContainer section.presentation img.bgImage{
	width: 100%;
}

div.homeContainer section.presentation h1{
	color: #054384;
	font-weight: bold;
  display: table;
  margin: 0 auto;
  bottom: 130px;
  position: absolute;
	font-size: 35px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
  font-family: 'Frankfurter', sans-serif;
}

div.homeContainer section.presentation h1 span{
	color: #f86809;
}

div.homeContainer section.presentation h2{
	color: #FFF;
	font-weight: normal;
  display: table;
  margin: 0 auto;
  bottom: 90px;
  position: absolute;
	font-size: 26px;
	text-transform: uppercase;
	padding: 10px;
	background: rgb(247,121,185);
	background: linear-gradient(180deg, rgba(247,121,185,1) 0%, rgba(241,102,81,1) 1%, rgba(192,78,1,1) 95%, rgba(130,28,0,1) 100%);
	font-family: 'Dimbo', sans-serif;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
}

div.homeContainer section.presentation img.weekly{
  display: block;
  margin: 0 auto;
  bottom: 45px;
  position: absolute;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
	width: 600px;
}

div.homeContainer section.biblicalVerse{
	background-image: url(/images/site/newHome/bgBiblicalVerse.jpg);
	background-size: 100% 100%;
}

div.homeContainer section.biblicalVerse div.infos{
	display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
}

div.homeContainer section.biblicalVerse div.infos div.text{
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 30px;
	margin-right: 120px;
	margin-bottom: 160px;
	font-size: 24px;
	line-height: 30px;
	text-shadow: 1px 2px 2px #000000;
  font-family: 'Frankfurter', sans-serif;
}

div.homeContainer section.biblicalVerse div.infos div.text span.mainText{
	display: block;
	color: #fa0159;
	font-size: 60px;
	line-height: 70px;
	text-transform: uppercase;
	text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;
	margin: 20px 0;
	text-align: center;
	letter-spacing: -1px;
}

div.homeContainer section.biblicalVerse div.infos div.text span.verse{
	text-align: right;
	display: block;
}

div.homeContainer section.biblicalPhrase.mobile{
	display: none;
}

div.homeContainer section.biblicalPhrase.desktop{
	display: block;
}

div.homeContainer section.biblicalPhrase{
	background-image: url(/images/site/newHome/bgPhrase.jpg);
	background-size: 100% 100%;
}

div.homeContainer section.biblicalPhrase div.infos div.text h1{
	display: table;
	color: #f60000;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	padding: 40px 200px;
	text-align: center;
	font-family: 'Frankfurter', sans-serif;
	width: 100%;
}

div.homeContainer section.biblicalHistory{
	background-image: url(/images/site/newHome/bgBiblicalHistory.jpg);
	background-size: 100% 100%;
}

div.homeContainer section.biblicalHistory h1{
	text-align: center;
	display: block;
	font-size: 60px;
	padding: 25px 0 15px;
	text-transform: uppercase;
	color: #FFF;
  margin-bottom: 20px;
  font-family: 'Frankfurter', sans-serif;
}

div.homeContainer section.biblicalHistory div.biblicalInfos{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.homeContainer section.biblicalHistory div.biblicalInfos div.infos{
	width: 450px;
	margin-left: 50px;
	padding-bottom: 50px;
}

div.homeContainer section.biblicalHistory div.biblicalInfos div.infos img{
	width: 100%;
}

div.homeContainer section.biblicalHistory div.biblicalInfos div.infos div.text{
	border: 1px solid #FFF;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 30px;
	text-shadow: 1px 2px 2px #000000;
  font-family: 'Frankfurter', sans-serif;
}

div.homeContainer section.biblicalHistory div.biblicalInfos img{
	width: 750px;
}

div.homeContainer section.biblicalGames{
	background-image: url(/images/site/newHome/bgBiblicalGames.jpg);
	background-size: 100% 100%;
	padding: 50px 0;
}

div.homeContainer section.biblicalGames div.biblicalInfos{
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

div.homeContainer section.biblicalGames div.biblicalInfos div.infos{
	width: 500px;
	margin-right: 50px;
	padding-bottom: 50px;
}

div.homeContainer section.biblicalGames div.biblicalInfos div.infos img.title{
	width: 100%;
}

div.homeContainer section.biblicalGames div.biblicalInfos div.infos div.text{
	border: 1px solid #FFF;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 17px;
	font-size: 24px;
	line-height: 30px;
	text-shadow: 1px 2px 2px #000000;
  font-family: 'Frankfurter', sans-serif;
  width: 650px;
  margin-left: 70px;
}

div.homeContainer section.biblicalGames div.biblicalInfos img.examples{
	width: 600px;
}

div.homeContainer section.biblicalGames div.biblicalInfos div.infos img.examplesMobile{
	display: none;
}

div.homeContainer section.biblicalGames a.GoToBuyPlan{
  margin-top: -110px;
}

div.homeContainer section.biblequest{
	background-image: url(/images/site/newHome/bgBiblequest.jpg);
	background-size: 100% 100%;
}

div.homeContainer section.biblequest div.infos{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-direction: column;
	padding: 50px 50px 50px 0;
}

div.homeContainer section.biblequest div.infos img.title{
	width: 600px;
}

div.homeContainer section.biblequest div.infos div.text{
	border: 1px solid #FFF;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 30px;
	text-shadow: 1px 2px 2px #000000;
  font-family: 'Frankfurter', sans-serif;
  width: 700px;
  margin-bottom: 50px;
}

div.homeContainer section.biblequest div.infos img.examples{
	width: 850px;
}

div.homeContainer section.superEducational{
	background-image: url(/images/site/newHome/bgSuperEducational.jpg);
	background-size: 100% 100%;
}

div.homeContainer section.superEducational div.infos{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	padding: 50px 0 50px 50px;
}

div.homeContainer section.superEducational div.infos img.title{
	width: 600px;
}

div.homeContainer section.superEducational div.infos div.text{
	border: 1px solid #FFF;
	color: #681e07;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 30px;
  font-family: 'Frankfurter', sans-serif;
  width: 700px;
  margin-bottom: 50px;
}

div.homeContainer section.superEducational div.infos img.examples{
	width: 780px;
}

div.homeContainer section.discoveringGifts{
	background-image: url(/images/site/newHome/bgDiscoveringGifts.jpg);
	background-size: 100% 100%;
	padding-bottom: 50px;
}

div.homeContainer section.discoveringGifts div.biblicalInfos{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

div.homeContainer section.discoveringGifts div.biblicalInfos div.infos{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-direction: column;
	padding: 50px 50px 50px 0;
}

div.homeContainer section.discoveringGifts div.biblicalInfos div.infos img.title{
	width: 500px;
}

div.homeContainer section.discoveringGifts div.biblicalInfos div.infos div.text{
	border: 1px solid #FFF;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 30px;
	text-shadow: 1px 2px 2px #000000;
  font-family: 'Frankfurter', sans-serif;
  width: 550px;
  margin-bottom: 50px;
}

div.homeContainer section.discoveringGifts div.biblicalInfos div.infos img.examples{
	width: 550px;
}

div.homeContainer section.discoveringGifts div.biblicalInfos img.examples2{
	width: 300px;
}

div.homeContainer section.cardFactory{
	background-image: url(/images/site/newHome/bgCardFactory.jpg);
	background-size: 100% 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
}

div.homeContainer section.cardFactory div.infos{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 50px 0 50px 50px;
}

div.homeContainer section.cardFactory div.infos img.title{
	width: 430px;
	margin-right: 20px;
}

div.homeContainer section.cardFactory div.infos div.text{
	border: 1px solid #FFF;
	color: #034f0c;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 30px;
  font-family: 'Frankfurter', sans-serif;
  width: 400px;
}

div.homeContainer section.cardFactory img.examples{
	width: 700px;
	margin-left: 50px;
	margin-bottom: 50px;
}

div.homeContainer section.famousDepositions{
	background-image: url(/images/site/newHome/bgFamousDepositions.jpg);
	background-size: 100% 100%;
}

div.homeContainer section.famousDepositions h1{
	text-align: center;
	display: block;
	font-size: 50px;
	padding: 22px 0 10px;
	text-transform: uppercase;
	color: #FFF;
  margin-bottom: 20px;
  font-family: 'Frankfurter', sans-serif;
}

div.homeContainer section.famousDepositions div.depositions{
	padding: 10px 120px 25px 120px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

div.homeContainer section.famousDepositions div.depositions div.deposition{
	background-color: #0078ff;
	width: 48%;
	position: relative;
	border-radius: 20px;
	padding: 15px 15px 60px;
	margin: 30px 0 150px;
}

div.homeContainer section.famousDepositions div.depositions div.deposition img.quote{
	display: block;
	margin: 0 auto 15px;
	height: 55px;
}

div.homeContainer section.famousDepositions div.depositions div.deposition p.text{
	color: #FFF;
	font-style: italic;
	font-family: Arial, sans-serif;
	font-size: 17px;
	text-align: center;
	line-height: 25px;
	display: block;
	height: 175px;
}

div.homeContainer section.famousDepositions div.depositions div.deposition p.signature{
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 17px;
	margin-top: 25px;
}

div.homeContainer section.famousDepositions div.depositions div.deposition img.author{
	position: absolute;
	left: 50%;
	margin-right: -50%;
	bottom: -65px;
	transform: translate(-50%);
	width: 130px;
}

div.homeContainer section.mothersDepositions{
	background-image: url(/images/site/newHome/bgMothersDepositions.jpg);
	background-size: 100% 100%;
}

div.homeContainer section.mothersDepositions h1{
	text-align: center;
	display: block;
	font-size: 50px;
	padding: 15px 0 15px;
	text-transform: uppercase;
	color: #FFF;
  margin-bottom: 20px;
  font-family: 'Frankfurter', sans-serif;
}

div.homeContainer section.mothersDepositions div.depositions{
	display: flex;
	flex-direction: column;
	padding: 10px 120px 85px 120px;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 15px 0;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition{
	width: 49%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.initial{
  border-radius: 999px;
  font-size: 30px;
  color: #FFF;
  padding: 10px 15px;
  width: 55px;
  height: 55px;
  text-align: center;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.initial.noPad{
	padding: 0px;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.initial img{
  width: 55px;
  height: 55px;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos{
	background-color: #FFF;
	padding: 10px;
	border-radius: 15px;
	margin-left: 10px;
	width: 470px;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos p.motherData{
	color: #a0a0a0;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos p.motherData span.name{
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos img.stars{
	margin: 5px 0;
}

div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos p.depositionText{
	color: #5f5f5f;
	font-size: 13px;
	line-height: 18px;
}

div.homeContainer section.buyPlan{
	background-image: url(/images/site/newHome/bgBuyPlan.jpg);
	background-size: 100% 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
}

div.homeContainer section.buyPlan h1.title{
	display: block;
	background-size: 100% 100%;
	background-image: url('/images/site/newHome/bgBuyPlanHeader.jpg');
	width: 100%;
	padding: 15px 0;
	color: #FFF;
  font-family: 'Frankfurter', sans-serif;
  font-size: 50px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 15px solid #f59419;
  z-index: 2;
}

div.homeContainer section.buyPlan h1.title span{
	color: #7a45e0;
}

div.homeContainer section.buyPlan div.buyInfos{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

div.homeContainer section.buyPlan div.buyInfos img.bobby,
div.homeContainer section.buyPlan div.buyInfos img.lilly{
	width: 400px;
	z-index: 1;
	position: relative;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos{
	background-color: #FFF;
	border-radius: 25px;
	background-image: url('/images/site/newHome/bgBuyPlanInfos.png');
	background-repeat: no-repeat;
	background-position: right -3px top -3px;
	background-size: 180px;
	padding: 0 10px 10px;
	width: 500px;
	-webkit-box-shadow: 0px 0px 174px 53px rgba(198,105,50,1);
		 -moz-box-shadow: 0px 0px 174px 53px rgba(198,105,50,1);
					box-shadow: 0px 0px 174px 53px rgba(198,105,50,1);
	z-index: 2;
	position: relative;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos img.premiumLogo{
	width: 420px;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos h2.unlimitedAccess{
	border: 1px solid #9a72e4;
	color: #000;
	text-transform: uppercase;
	padding: 5px;
	border-radius: 10px;
	display: table;
	margin: 25px auto;
	font-size: 22px;
  font-family: 'Tw Cen MT', sans-serif;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue{
	color: #424242;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
  font-family: 'Tw Cen MT', sans-serif;
  margin-bottom: 0px;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue::first-letter{
	font-size: 28px;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue span.value{
	position: relative;
	font-size: 28px;
	margin-bottom: 17px;
  display: inline-block;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue span.value:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #ffcd32;
	left: 0;
	top: 15px;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue span.sifrao{
	font-size: 15px;
	vertical-align: text-top;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newInstalmentedValue{
	color: #7a45e0;
	text-align: center;
	font-weight: bold;
	font-size: 50px;
  font-family: 'Tw Cen MT', sans-serif;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newInstalmentedValue span.sifrao{
	font-size: 20px;
	vertical-align: text-top;
	display: inline-block;
	margin-top: 7px;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newValue{
	color: #424242;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
  font-family: 'Tw Cen MT', sans-serif;
}

div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newValue span.sifrao{
	margin-top: 2px;
	font-size: 13px;
	vertical-align: text-top;
}

div.homeContainer section.buyPlan img.weekly{
	display: none;
}

div.homeContainer section.buyPlan div.obs{
	background-color: #FFF;
	font-size: 20px;
  color: #000;
  padding: 20px 100px;
	text-align: center;
  line-height: 28px;
  margin-top: 20px;
}

div.homeContainer section.buyPlan div.obs span{
	color: #7a45e0;
	text-transform: uppercase;
	font-weight: bold;
}

div.homeContainer section.buyPlan a.GoToBuyPlan{
  z-index: 3;
}

div.homeContainer section a.GoToBuyPlan{
	background-image: url('/images/site/newHome/bgButtonToBuy.png');
	background-size: 100% 100%;
	text-transform: uppercase;
	color: #FFF;
  font-family: 'Frankfurter', sans-serif;
  font-size: 20px;
  padding: 20px;
  display: table;
  margin: 0 auto;
  animation: growButton 2s infinite;
  cursor: pointer;
}

@keyframes growButton {
  0%   {transform: scale(0.9);}
  50%  {transform: scale(1);}
  100% {transform: scale(0.9);}
}








@media only screen and (min-device-width : 769px){
	.hrefknow{
		position: absolute;
    bottom: 30px;
    right: 60px;
    width: 17%;
    height: 90px;
	}
	#baner-jesus{
		min-height: 90vh;
	}
	#top-home{
		background: url('/images/site/bg-1-otimized.jpg') center center/100% 100%;
		height: 120px;}
	.home{
		height: 870px;}
	#iframe-home-1{
		display: none;
		float: left;
		height: 27vw; width:54%;
	}
	#load-iframe{
		float: left;
		height: 27vw; width:54%;
	}
	#load-iframe > div{
		position: relative;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 60px;
		height: 60px; 
		border: 7px solid #f1a12f;
		border-color: #f1a12f transparent #f1a12f transparent;
		z-index: 4;
		border-radius: 50%;
		animation: load 1s linear infinite;
	}
	#app-evang{
		background:
		linear-gradient(#FF8000,#FF8000,#F7FE2E);
		float: right;
		border-left: 3px outset rgba(100, 100, 100, .3);
		border-top: 3px outset #FF8000;
		border-right:3px outset rgba(100, 100, 100, .2);
		border-bottom:3px outset #F3F781;
		height: 33.3vw; width: 44%;
		box-shadow: 0 3 5px #999;
		margin: 5px;
		max-height: 330px;
		max-width: 455px;}
	#app-evang #new-contents{
		bottom: 15%; left: 15px;}
	#app-evang #new-contents .title-1{
		font-size:1.7vw;}
	#app-evang #downl li{
		font-size: 12px;}
	#app-evang #downl li a{
		height: 3.1vw; width:100%;}

	#text-bottom > div{
		max-width: 700px;
		width: 100%;}

	.three-option{
		overflow:auto;}
	.three-option > a{
		float: left;
		height: 32.7vw; width: 33.333%;}
	.three-option > a:nth-child(1){
		font-size: 12px;}
	.three-option > a:nth-child(2),
	.three-option > a:nth-child(3){
		font-size: 14px;}
	.three-option > a > div{
		height: 100px; width: 200px;
		left: calc(50% - 105px);
		padding: 10px;}
}
@media only screen and (min-device-width : 1024px){
	#iframe-home-1{
		display: none;
		float: left;
		height: 25vw; width:54%;
	}
	#load-iframe{
		float: left;
		height: 25vw; width:54%;
	}
}
@media only screen and (max-device-width : 1024px){
	div.homeContainer section.presentation h1{
		bottom: 120px;
		font-size: 40px;
	}

	div.homeContainer section.presentation h2{
		bottom: 80px;
		font-size: 30px;
	}







	.know-plan{
		position: absolute;
		width: 400px;
		height: 100px;
		top: 37.5%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-device-width : 768px){

	div.homeContainer section.presentation img.bgImage.mobile{
		display: block;
	}

	div.homeContainer section.presentation img.bgImage.desktop{
		display: none;
	}

	div.homeContainer section.presentation img.bgImage{
		width: 130%;
    margin-left: -15%;
	}

	div.homeContainer section.biblicalVerse{
		background-size: 125% 100%;
		background-position: bottom center;
	}

	div.homeContainer section.biblicalHistory{
		background-image: url(/images/site/newHome/bgBiblicalHistoryMobile.jpg);
		background-size: 100%;
	}

	div.homeContainer section.biblequest{
		background-image: url(/images/site/newHome/bgBiblequestMobile.jpg);
		background-size: 100%;
		padding-bottom: 420px;
		background-position: bottom center;
	}

	div.homeContainer section.superEducational{
		background-image: url(/images/site/newHome/bgSuperEducationalMobile.jpg);
		background-size: 100%;
		background-position: bottom;
	}

	div.homeContainer section.discoveringGifts{
		background-image: url(/images/site/newHome/bgDiscoveringGiftsMobile.jpg);
		background-position: bottom;
		background-size: 100% 100%;
	}

	div.homeContainer section.cardFactory{
		background-image: url(/images/site/newHome/bgCardFactoryMobile.jpg);
		align-items: center;
		background-position: bottom;
		background-size: 100%;
		padding-bottom: 580px;
	}

	div.homeContainer section.biblicalGames{
		background-image: url(/images/site/newHome/bgBiblicalGamesMobile.jpg);
		background-size: 100%;
		padding-top: 0px;
		background-position: bottom center;
	}

	div.homeContainer section.famousDepositions{
		background-image: url(/images/site/newHome/bgFamousDepositionsMobile.jpg);
	}

	div.homeContainer section.mothersDepositions{
		background-image: url(/images/site/newHome/bgMothersDepositionsMobile.jpg);
	}

	div.homeContainer section.presentation h1{
		bottom: 10px;
	}

	div.homeContainer section.presentation img.weekly{
		display: none;
	}

	div.homeContainer section.biblicalVerse div.infos{
		position: relative;
	}

	div.homeContainer section.biblicalVerse div.infos div.text{
		margin-right: 20px;
	}

	div.homeContainer section.biblicalPhrase.mobile{
		display: block;
	}

	div.homeContainer section.biblicalPhrase.desktop{
		display: none;
	}

	div.homeContainer section.biblicalPhrase div.infos div.text h1{
		padding: 20px 40px;
		font-size: 30px;
    line-height: initial;
		text-shadow: none;
		font-weight: normal;
	}

	div.homeContainer section.biblicalHistory div.biblicalInfos{
		flex-direction: column;
	}

	div.homeContainer section.biblicalHistory h1{
		padding: 30px 0;
    margin-bottom: 40px;
	}

	div.homeContainer section.biblicalHistory div.biblicalInfos div.infos{
		margin-left: 0px;
		padding-bottom: 0px;
		width: 80%;
	}

	div.homeContainer section.biblicalHistory div.biblicalInfos div.infos img{
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	div.homeContainer section.biblicalHistory div.biblicalInfos div.infos div.text{
    margin: 40px 0 10px;
	}

	div.homeContainer section.biblicalGames div.biblicalInfos{
		justify-content: center;
		flex-direction: column;
		align-items: flex-end;
	}

	div.homeContainer section.biblicalGames div.biblicalInfos div.infos{
    margin-right: auto;
    padding-bottom: 0px;
	}

	div.homeContainer section.biblicalGames div.biblicalInfos div.infos div.text{
		margin-left: 0px;
		width: 100%;
		margin: 50px 0;
	}

	div.homeContainer section.biblicalGames div.biblicalInfos img.examples{
		width: 800px;
	}

	div.homeContainer section.biblicalGames a.GoToBuyPlan{
		margin-top: 70px;
	}

	div.homeContainer section.superEducational div.infos{
		align-items: flex-start !important;
	}

	div.homeContainer section.superEducational div.infos div.text{
		/*width: 370px !important;*/
    margin-bottom: 420px !important;
	}

	div.homeContainer section.discoveringGifts div.biblicalInfos{
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
	}

	div.homeContainer section.discoveringGifts div.biblicalInfos img.examples2{
		width: 500px;
	}

	div.homeContainer section.cardFactory img.title{
		margin-right: 0px;
	}

	div.homeContainer section.cardFactory div.infos{
		flex-direction: column;
		align-items: center;
	}

	div.homeContainer section.cardFactory img.examples{
		margin-left: 0px;
		width: 80%;
	}

	div.homeContainer section.famousDepositions div.depositions,
	div.homeContainer section.mothersDepositions div.depositions div.depositionRow{
		flex-direction: column;
	}

	div.homeContainer section.famousDepositions h1{
		padding-top: 35px;
	}

	div.homeContainer section.famousDepositions div.depositions{
		margin-top: 30px;
		padding: 0 170px 150px 170px;
	}

	div.homeContainer section.famousDepositions div.depositions div.deposition{
		width: 100%;
		padding-bottom: 90px;
		margin-bottom: 100px;
	}

	div.homeContainer section.famousDepositions div.depositions div.deposition img.quote{
		height: 70px;
	}

	div.homeContainer section.famousDepositions div.depositions div.deposition p.text{
		height: auto;
		font-size: 30px;
		line-height: 45px;
	}

	div.homeContainer section.famousDepositions div.depositions div.deposition p.signature{
		font-size: 30px;
	}

	div.homeContainer section.famousDepositions div.depositions div.deposition img.author{
		width: 200px;
		bottom: -100px;
	}

	div.homeContainer section.mothersDepositions h1{
		padding: 35px 0;
	}

	div.homeContainer section.mothersDepositions div.depositions{
		padding: 0 170px 130px 170px;
	}

	div.homeContainer section.mothersDepositions div.depositions div.depositionRow{
		margin: 0px;
	}

	div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition{
    width: 100%;
    margin: 15px 0;
	}

	div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos{
		width: 100%;
	}

	div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos p.motherData span.name{
		font-size: 17px;
	}

	div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos p.motherData{
		font-size: 14px;
	}

	div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos img.stars{
		height: 30px;
	}

	div.homeContainer section.mothersDepositions div.depositions div.depositionRow div.deposition div.infos p.depositionText{
		font-size: 16px;
		line-height: 30px;
	}

	div.homeContainer section.biblicalGames div.infos,
	div.homeContainer section.biblequest div.infos,
	div.homeContainer section.superEducational div.infos,
	div.homeContainer section.discoveringGifts div.biblicalInfos div.infos,
	div.homeContainer section.cardFactory div.infos{
		align-items: center;
    justify-content: center;
    padding: 50px 0;
    width: 80% !important;
    margin: 0 auto;
	}

	div.homeContainer section.superEducational div.infos{
		padding: 90px 0;
	}

	div.homeContainer section.biblicalGames div.infos img.title,
	div.homeContainer section.biblicalGames div.biblicalInfos div.infos img.examplesMobile,
	div.homeContainer section.biblequest div.infos img.title,
	div.homeContainer section.biblequest div.infos img.examples,
	div.homeContainer section.superEducational div.infos img.title,
	div.homeContainer section.superEducational div.infos img.examples,
	div.homeContainer section.discoveringGifts div.biblicalInfos div.infos img.title,
	div.homeContainer section.discoveringGifts div.biblicalInfos div.infos img.examples,
	div.homeContainer section.cardFactory div.infos img.title,
	div.homeContainer section.cardFactory div.infos img.examples{
		width: 100%;
	}

	div.homeContainer section.superEducational div.infos div.text,
	div.homeContainer section.biblequest div.infos div.text{
		margin: 90px 0;
	}

	div.homeContainer section.cardFactory div.infos div.text{
		margin: 70px 0 0;
	}

	div.homeContainer section.discoveringGifts div.biblicalInfos div.infos div.text{
		margin: 40px 0;
	}

	div.homeContainer section.biblicalHistory div.biblicalInfos div.infos div.text,
	div.homeContainer section.biblicalGames div.biblicalInfos div.infos div.text,
	div.homeContainer section.biblequest div.infos div.text,
	div.homeContainer section.superEducational div.infos div.text,
	div.homeContainer section.discoveringGifts div.biblicalInfos div.infos div.text,
	div.homeContainer section.cardFactory div.infos div.text{
		text-align: center;
    font-size: 40px;
    line-height: 45px;
    width: 100%;
    border-width: 2px;
	}

	div.homeContainer section.buyPlan div.buyInfos{
		justify-content: center;
		padding: 50px 0;
	}

	div.homeContainer section.buyPlan div.buyInfos img.bobby,
	div.homeContainer section.buyPlan div.buyInfos img.lilly{
		display: none;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos{
		width: 80%;
		box-shadow: none;
    background-size: 270px;
    background-position: right -5px top -7px;
    border-radius: 30px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos img.premiumLogo{
		width: 95%;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos h2.unlimitedAccess{
    font-size: 40px;
    border-radius: 25px;
    padding: 15px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue,
	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newValue{
		font-size: 40px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newInstalmentedValue{
		font-size: 80px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue::first-letter,
	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue span.value{
		font-size: 50px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue span.value:before{
		height: 5px;
		top: 25px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.oldValue span.sifrao{
		font-size: 30px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newValue span.sifrao{
		font-size: 30px;
	}

	div.homeContainer section.buyPlan div.buyInfos div.planInfos p.newInstalmentedValue span.sifrao{
		font-size: 40px;
	}

	div.homeContainer section.buyPlan img.weekly{
		display: block;
		width: 85%;
		margin: 0 auto;
	}

	div.homeContainer section a.GoToBuyPlan{
		font-size: 35px;
    padding: 35px;
    margin-top: 40px;
	}
















	.hrefknow{
		position: absolute;
    bottom: 16%;
    left: 30px;
    width: 34%;
    height: 140px;
	}
	#baner-jesus{
		min-height: 75vh;
	}
	#app-evang > span:nth-child(1){
		font-size: 70px;
	}
	.know-plan{
		position: absolute;
		width: 400px;
		height: 100px;
		top: 14.2%;
		transform: translateY(-50%);
	}
	#top-home{
		background: url('/images/site/bg-1-otimized.jpg') center center/100% 100%;
		height: 200px;}
	.home{
		height: 2200px;}
		
	#iframe-home-1{
		height: 47vw; width: 100%;}
	#load-iframe{
		float: left;
		height: 47vw; width:100%;
	}
	#load-iframe > div{
		position: relative;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 60px;
		height: 60px; 
		border: 7px solid #f1a12f;
		border-color: #f1a12f transparent #f1a12f transparent;
		z-index: 4;
		border-radius: 50%;
		animation: load 1s linear infinite;
	}
	#app-evang > span:nth-child(3){
		margin-top:100px;
		width: 350px;
		float: left;
		text-align: center;
		margin-left: 10px;
	}
	.in-bu-ex{
		width: 42%;
		height: 2.6em;
		line-height: 2;
		font-size: 50px;
		position: relative;
		margin-top: 280px;
		margin-left: -43%;
		border:15px outset #FF4000;
		border-radius: 10em;
		background-color: #FF4000;
		cursor: pointer;
		font-family: Luckies;
	}
	.index-exper{
		float: right;
		width: 600px;
		height: 600px;
		background: url('/images/Site-versao-gratuita-br.png') center center/100% auto no-repeat;
		top: 28%;
	}
	#app-evang{
		background:
		linear-gradient(#FF8000,#FF8000,#F7FE2E);
		float: right;
		box-shadow: 0 6 10px #999;
		font-size: 32px;
		height: 78.3vw; width :100%;
		margin-top: 50px;
		padding: 50px;}
	#app-evang #new-contents{
		bottom: 120px; left: 50px;}
	#app-evang #new-contents .title-1{
		font-size: 35px;}
	#app-evang #downl li{
		font-size: 22px;}
	#app-evang #downl li a{
		height: 60px; width: 100%;}		
	#app-evang > div:last-child{
		bottom: 75px; right: 40px;}
		
	#text-bottom > div{
		width: 90%;}
	#text-bottom{
		top: 100px;}

	.three-option > a{
		height: 100vw; width: 100%;}
	.three-option > a:nth-child(1){
		font-size: 30px;}
	.three-option > a:nth-child(2),
	.three-option > a:nth-child(3){
		font-size: 35px;}
	.three-option > a > div{
		height: 220px; width: 600px;
		left :calc(50% - 305px);
		padding: 30px;}
}

@media only screen and (max-device-width : 550px){
	div.homeContainer section.biblicalPhrase div.infos div.text h1{
		display: block;
	}

	div.homeContainer section.biblicalHistory h1{
		font-size: 40px;
	}
}

@media only screen and (max-device-width : 400px){
	div.homeContainer section.biblicalPhrase div.infos div.text h1{
		font-size: 17px;
		display: block;
	}
}

@media only screen and (max-device-width : 280px){
	div.homeContainer section.biblicalPhrase div.infos div.text h1{
		font-size: 10px;
	}

	div.homeContainer section.biblicalHistory h1{
		font-size: 20px;
	}
}.block-5,
.block{
	position: relative;
}

.block-1{
	background-color: #d94228;
	color: white;}
.text-childworld{
	position: relative;
	left: 10%;
	top: 21%;
}

.block-2{
	border-radius: 10px;
	background-color: #d94228;
	color: white;}
.block-2{
	font-family: Luckies;}

.block-3{
	background: white;
	border-radius: 40px;
	box-shadow: 0 0 20px black;}

.block-4{
	width: 100%;}

.block-5{
	padding: 70px 2%;
}

.content{
	position: relative;}

	
.div-blue{
	background: url('../images/site/bg-1.jpg') center center/100% 100%;
	width: 100%;}
.div-blue-2{
	background: #21659d;
	border-radius: 40px;}
	
.middle{
	display: table;
	margin: auto;}

	
.text-1{
	text-align: justify;}
.text-2{
	color: #ff7300;
	font-family: Satisfy;}	
.text-1,
.text-3{
	color: rgb(120,120,120);
	font-family: Montserrat;}
.text-2,
.text-3{
	text-align: center;}
.text-4{
	color: rgb(120,120,120);
    font-family: Montserrat;
	text-align: justify;}
	
	
.title-1{
	color: #d94228;
}
.title-2{
	color: #d94228;
}
.title-3{
  background-color: #d94228;
	color: white;
	text-align: center;
}	
.title-4{
  color: #7e3729;
  font-size: 50px;
  text-transform: uppercase;
  display: block;
  font-family: Dimbo;
}
.title-1,
.title-2,
.title-3{
  font-family: Luckies;
}
.title-3,
.text-4{
	display:table;
	margin: auto;}

div.styleTerms{
	width: 700px;
	margin: 20px auto;
	padding: 15px;
	color: #FFF;
	text-align: justify;
	max-height: 400px;
	overflow: auto;
}

div.styleTerms::-webkit-scrollbar-track {
    background-color: #c3c3c3;
}
div.styleTerms::-webkit-scrollbar {
    width: 2px;
    background: #c3c3c3;
}
div.styleTerms::-webkit-scrollbar-thumb {
    background: #b40100;
}


@media only screen and (min-device-width : 769px){

	.block{
		padding: 10px 5%;}
		
	.block > div{
		max-width: 1800px;
		margin: 20px auto 0;
		overflow: auto;
		width: 100%;}
		
	.block-1{
		padding: 20px 35px;
		border-radius: 30px;}
	.block-2{
		font-size: 20px;
		padding: 10px 25px;}
	.block-3{
		padding: 40px 30px 0;}
	.block-4{
		padding: 40px;}
	
	.btn-1{
		border-radius: 8px;
		font-size: 17px;
		line-height: 15px;
		padding: 11px 25px;}
		
	.content{
		position: relative;
		margin-top: 52px;
		/*padding-bottom: 210px;*/
	}

	.div-blue{
		height: 120px;}
	.div-blue-2{
		box-shadow: 0px 5px 20px rgba(0,0,0, .5);
		height: 70px; width: 100%;}
		
	.text-1,
	.text-3{
		font-size: 15px;
		font-weight: 300;
		text-indent: 25px;}
	.text-2{
		font-size: 30px;}
	.text-4{
		font-size: 16px;
		font-weight: 300;
	}
	.block-4 > .text-4{
		max-width: 80%;}
	
	.title-1{
		font-size: 22px;
		padding: 20px 15px;}
	.title-2{
		font-size: 23px;}
	.title-3{
		border-radius: 20px;
		font-size: 20px;
		padding: 10px 20px;}
}

@media only screen and (max-device-width : 768px){

	div.styleTerms{
		line-height: 50px;
		text-align: center;
	}
	
	.block{
		padding: 70px;}	
	.block-1{
		padding: 40px 35px;
		border-radius: 40px;}
	.text-childworld{
		position: relative;
		left: 25%;
		top: 15%;
	}
	.block-2{
		font-size: 35px;
		padding: 20px 30px;
		text-align: center;}		
	.block-3{
		padding: 60px;}		
	.block-4{
		padding: 40px;}
		
	.btn-1{
		border-radius: 8px;
		font-size: 40px;
		line-height: 45px;
		padding: 21px 65px;}
	.btn-2{
		border-radius: 12px;
	    margin-bottom: 30px;
	    font-size: 40px;
	    padding: 21px 5px;
	}
	.content{
		margin-top: 130px;
	}
	
	.div-blue-2{
		height: 20px; width: 100%;}
	.div-blue-3{
		height: 20px; width: 100%;
		bottom: 0%; top: 90%;}
	.div-blue-2,
	.div-blue-3{
		box-shadow: 0px 5px 20px rgba(0,0,0, .5);}
		
	.text-1,
	.text-3{
		font-size: 35px;
		font-weight: 400;
		letter-spacing: -1px;
		text-indent: 35px;}
	.text-2{
		font-size: 70px;}
	.text-4{
		font-size: 36px;
		font-weight: 300;
		text-align: left;
	}
		
	.title-1{
		font-size: 50px;
		font-weight: 700;
		text-indent: 35px;}
	.title-2{
		font-size: 40px;}
	.title-3{
		border-radius: 10px;
		font-size: 39px;
		padding: 20px 35px;}
}
.menuLeft{
		font-size: 40px;
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: 80%;
		z-index: 9;
		border-right: 10px solid #f1a12f;
		height: 100%;
		background: url(/images/logo-azul.png) center 20px/60% auto no-repeat;		position: absolute;
		right: 100%;
		padding-top: 250px;
		background-color: rgb(240,240,240);
		transition: .2s;
		transition-timing-function: linear;}
	.menuLeft .sub{
		visibility: visible;
		min-height: 125px;
	}
	.menuLeft a{
		text-decoration: none;
		padding: 40px 90px;
		display: block;
		color: rgb(50,50,50);
		text-shadow: 0 0px 2px #22548d;
		font-weight: 300;}
	.menuLeft > li > ul{
		visibility: hidden;
		height: 0;
		transition: .5s;
		overflow: hidden;
		list-style-type: none;
		background: rgba(0,0,0,.07);
		margin: 0;
		padding: 0;}
	.menuLeft > li > ul a{
		padding-left: 100px;}
	.menuClose{
		background: rgba(0,0,0, .0);
		width: 100%;
		min-height: 100%;
		position: absolute;
		right: 0px;
		z-index: -1;
		transition: .6s;}
	.menuLeft > li > .active{
		background: #2a66a9;
		color: white;
		text-shadow: none;}
	.menuLeft > li > ul .active{
		background: rgb(180,180,180);}
	

}

/* Tabela */
.table-1 tr > th{
	background:orange;color:white;font-weight:700;text-shadow: 0 0 1px black;
}
.table-1 td{
	background: #fff;
}
.table-1 tr > th{
	background:orange;color:white;font-weight:700;text-shadow: 0 0 1px black;
}
.table-1 .pendente{
	background: #f8b955;
}

.table-1-sub tr > th{
	background:#ccc;color:white;font-weight:700;text-shadow: 0 0 1px black;
}

.table-1-sub button,.table-1 button,.ul-1 button,.ul-1 button{
	line-height:3px;background:transparent;
}

.table-1-sub .blocked,.table-1 .blocked,.ul-1 .blocked,.ul-1 .blocked{
	border:none;background: #fff;cursor:auto;
}.view-reset-password1{
  height: 30px;
  width: 30px;
  position: absolute;
  top: 74px;
  left: 89%;
  background: url('/images/eye.png')center center/ 60% auto no-repeat;
  cursor: pointer;
  transform: translate(-50%,-50%);
}
.view-reset-password2{
  height: 30px;
  width: 30px;
  position: absolute;
  top: 117px;
  left: 89%;
  background: url('/images/eye.png')center center/ 60% auto no-repeat;
  cursor: pointer;
  transform: translate(-50%,-50%);
}

@media only screen and (max-device-width : 768px){
  .view-reset-password1{
    height: 90px;
    width: 90px;
    top: 37.5%;
    left: 86%;
  }
  .view-reset-password2{
    height: 90px;
    width: 90px;
    top: 57%;
    left: 86%;
  }
}#quem-somos > #bottom{
	display: table;
	font-family: Luckies;
	position: absolute; left: calc(50% - 325px); top: auto;}
	
#objetivo{
	width: 100%;}

#objetivo > div:first-child > span:first-child{
	color: #ff7300;}

#objetivo > div:last-child > span{
	color: white;}

#quem-somos > span:first-child, 
#objetivo > div:first-child > span:first-child,
#objetivo > div:last-child > span:first-child{
	padding-bottom: 10px;}
	
@media only screen and (min-device-width : 769px){
		
	#quem-somos{
		background: url('../images/site/about-baby.png') right calc(50% + 375px) bottom 30px/auto 200px no-repeat;
		height: 685px;
		padding: 20px 5%;}
		
	#quem-somos > #bottom{ 
		bottom: 20px;
		font-size: 20px;
		max-width: 710px;
		display: block;}

	#objetivo{
		background: url('../images/site/mother-and-children-objetivo.png') top 50px right calc(50% + 270px)/450px auto no-repeat, url('../images/site/about-objetivo.png') bottom center/100% auto no-repeat,url('../images/site/about-objetivo-top.png') bottom -120px right/100% auto;
		height: 700px;}
		
	#objetivo > div:first-child{
		left: 50%;
		max-width: 500px;
		margin: 0;
		padding:10px 20px;}
		
	#objetivo > div:first-child > span:first-child{
		margin: 0;}
	
	#objetivo > div:last-child{
		margin: 0;
		max-width: 600px;
		left: 3%; right: 5%; top: 11%;
		width: 50%;}
		
	#objetivo > div:first-child,
	#objetivo > div:last-child{
		position: relative;}
	
}

@media only screen and (max-device-width : 768px){

	#quem-somos{
		background: url('../images/site/about-baby.png') right calc(50% + 320px) bottom 120px/auto 300px no-repeat;
		height: 2200px;}

	#quem-somos{
		padding: 40px 5%;}

	#quem-somos > #bottom{
		bottom: 15px;
		font-size: 29px;
		max-width: 700px;}

	#objetivo{
		background: url('../images/site/about-objetivo.png') bottom center/100% auto no-repeat,url('../images/site/about-objetivo-top.png') bottom -120px right/100% auto;
		height: 1800px;}
		
	#objetivo >  div:first-child{
		margin-bottom: 50px;}
		
}#playerJPC{
	margin: auto;
}
#eps{
	margin-top: 40px;
}
#eps > ul{
	list-style-type: none;
}
#eps button{
	border: 0;
	background: url('/images/site/icon-play2.png') center center/100% auto no-repeat;
	display: inline;
	float: right;
}	
@media only screen and (min-device-width : 769px){
	#jjtv{ 
		overflow: auto;
		margin:auto;
		max-width:1100px;
		background: url('/images/site/pipoca.png') top 70px left calc(50% + 340px)/230px auto no-repeat;
		padding: 80px; 
	}
	#jjtv iframe{
		padding:0;
		border:none;
		position:relative;
	}
	#playerJPC{
		height: 360px;
		width: 70%;
	}
	#titleEpisode{
		font-size: 23px;
	}
	#eps ul{
		font-size: 18px;
	}
	#eps h3{
		padding: 15px 0;
	}
	#eps li{
		padding: 5px;
		margin-bottom: 15px;
		border-bottom: 1px solid #22548d;
	}		
	#eps button{
		height:27px;
		width: 27px;
	}
}
		
@media only screen and (max-device-width : 769px){
	#jjtv{ 
		padding: 80px 20px; 
	}
	#playerJPC{
		height: 540px;width: 100%;
	}
	#titleEpisode{
		font-size: 50px;
	}
	#eps ul{
		font-size: 45px;
	}
	#eps h3{
		padding: 30 20px;
	}
	#eps li{
		padding: 10px;
		margin: 20px;
		border-bottom: 2px solid #22548d;
	}
	#eps button{
		height: 60px;
		width: 60px;
	}
}#block-valores{
	padding: 10px;
}
#block-valores .block-1{
	border-radius: 10px;}
.css-singup-free{
	position: relative;
	top: -16%;
	left: -3%;
	background-color: black;
	width: 99%;
	height: 230px;
	background: url('../images/Site-versao-gratuita-br.png')center bottom/100% auto no-repeat;
}
.js-singup-free.planChild{
	top: -14%;
	color: white;
	box-shadow: inset 0px 1px 2px #fff, 0 1px 2px #666;
	font-size: 26px;
	cursor: pointer;
	line-height: 1.7;
	left: -1%;
	position: relative;
	border: 0.5px solid #FD2F01;
	background-color: #FD2F01;
	width: 95%;
	height: 45px;
	border-radius: 50px;
}
.table-prices > div > div:nth-child(2){
	width: 460px;
}

.meber-usa{font-size: 20px!important;}

div.giftCards{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.giftCards .btn-giftCard{
	border: 0.5px solid #FD2F01;
  background-color: #FD2F01;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 1px 2px #fff, 0 1px 2px #666;
  border-radius: 999px;
  height: 40px;
  font-size: 20px;
  padding: 8px 15px;
  position: relative;
  line-height: 10px;
}

div.giftCards .btn-giftCard img{
	height: 25px;
	cursor: pointer;
	position: relative;
  margin-left: 10px;
}

/*
=====================
==TERMS AND PRIVACY==
=====================
*/
.box-terms{
	top: 9px;
	position: relative;
	width: 500px;
	background-color: rgba(250,250,250, 0.8);
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	border-radius: 10px;
}

.box-terms .terms .term{
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	font-size: 12px;
	padding: 5px;
	border-radius: 4px;
	margin-bottom: 10px;
}

/*
================
==HAVE ACCOUNT==
================
*/
.box-have-acount{
	width: 700px;
	border-radius: 20px;
	margin: 0 auto;
  padding: 20px;
  position: relative;
  background-color: #216594;
  margin-bottom: 40px;
}

.box-have-acount .innerBox{
	padding: 20px;
	background-color: #FFF;
	border-radius: 20px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.4);
	text-align: center;
}

.box-have-acount .innerBox h2{
	color: #216594;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 15px;
}

.box-have-acount .innerBox p{
	color: #216594;
	text-transform: uppercase;
	font-size: 12px;
}

.box-have-acount .innerBox button{
	margin: 0 auto;
}

@media only screen and (min-device-width : 769px){
	#block-valores .block-1{
		font-size: 20px;
		padding: 15px;}
	.table-prices .opChild button{
		position: relative;
		margin-left: 10px;
		top: -10px;
		display: inline;
		font-size: 14px;
		padding: 5px;
		width: 40%;}
	.table-prices .opChild span{
		font-size: 30px;
		color: #216594;
	}
	.balloon-child > span.small{
		font-size: 17px;
		line-height: 17px;
		margin-left: -30px;
	}
	.table-prices .opChild button > img{
		position: absolute;
		float: right;
		margin-top: -13px;
		margin-left: 10px;
		width: 25px;
	}
	#block-valores .table-prices{
		margin: 40px auto!important;
	}
	#ba-span-1{
		margin-left: 0;
		font-size: 18px;
		margin-top:-15px;
	}
	#ba-span-3{
		font-size: 18px;
		margin-left: -30px;
		margin-top:-7px;
	}
	#ba-span-4{
		font-size: 20px;
		margin-top:-7px;
	}
}
@media only screen and (max-device-width : 769px){
	.terms{
		margin-top: -0px;
		width: 90%;
		left: 5%;
	}
	#ba-span-1{
		margin-left: 0;
		margin-top: 30px;
	}
	#ba-span-2{
		font-size: 50px;
	}
	#ba-span-3{
		font-size: 40px;
		/*margin-left: -30px;*/
		margin-top:60px;
	}
	#ba-span-4{
		font-size: 50px;
		margin-top:30px;
	}
	.small{
		margin-top: 20px!important;
		font-size: 30px!important;
	}
	#block-valores .block-1{
		font-size: 44px;
		padding: 35px;
		max-width: 900px;
		text-align: center;}
	#block-valores .title-1{
		font-size: 41px;
		margin-top: 30px;}
	.terms > input{
		-ms-transform: scale(3); /* IE */
		  -moz-transform: scale(3); /* FF */
		  -webkit-transform: scale(3); /* Safari and Chrome */
		  -o-transform: scale(3); /* Opera */
		  padding: 00px;
	}
	#block-valores .block-1,
	#block-valores .title-1{
		text-align: center;}
	#balao-desconto > span:nth-child(2){
		font-size: 40px!important;
	}
	#balao-desconto > span:nth-child(3){
		font-size: 60px;
	}
	#qnt select{
		width: 80px;
		height: 60px;
		font-size: 40px;
		-webkit-appearance: 40px;
	}
	.css-singup-free{
		width: 80%;
		left: 10%;
		height: 550px;
	}
	.meber-usa{font-size: 60px!important;}
	.js-singup-free.planChild{
		top: 15px;
		left: 15%;
		width: 70%;
		height: 100px;
		box-shadow: inset 0px 2px 4px #fff, 0 3px 7px #666;
		border-radius: 100px;
		border:2px solid #FD2F01;
		font-size: 55px;
		line-height: 1.8;
	}
	.table-prices > div > div:nth-child(2){
		width: 100%;
	}

	.table-prices .opChild button{
		text-align: center;
		position: relative;
		font-size: 40px;
		left: 1%;
		font-weight: 700;
		width: 99%;
		top: 20%;
		border-radius: 13px!important;
	}
	.table-prices .opChild button > img{
		position: absolute;
		float: right;
		margin-top: -13px;
		margin-left: 100px;
	}
	.table-prices .opChild span{
		font-size: 70px;
		color: #216594;
		margin-left: 20px;
	}
	.balloon-child{
		width: 30%;
		height: 300px;
		margin-top: 81%;
		left: 70%;
		position: absolute;
		display: block;
		text-align: left;
	}
	.balloon-child > span{
		margin-top: 22px;
		line-height: 24px;
	}
	.balloon-child > span.small{
		margin-top: 60px;
		margin-left: -50px;
	}
	.balloon-child > span:nth-child(3){
		margin-top: 10px;
	}
	.table-prices .opChild{
		margin-top: 15%;
		width: 100%;
		text-align: left;
	}
	.baner-planchild{
		min-height: 400px;
	}
	#block-valores .table-prices{
		margin: 50px auto!important;
	}
	.box-terms{
		font-size: 30px;
		position: relative;
		width: 90%;
		background-color: rgba(200,200,200,0.2);
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		border-radius: 10px;
	}

	.box-terms .terms .term{
		cursor: pointer;
		display: inline-block;
		font-size: 32px;
		border: 4px solid #f1a12f;
		border-radius: 6px;
	}
	.box-terms .terms .term:hover{
		text-decoration: underline;
	}
	.box-terms .terms div input{
		width: 30px;
		height: 30px;
	}
	/*
	================
	==HAVE ACCOUNT==
	================
	*/
	.box-have-acount{
		width: 100%;
		margin-bottom: 50px;
	}

	.box-have-acount .innerBox h2{
		font-size: 50px;
	}
	/*.box-terms-and-privacy .terms h2{
		font-size: 50px!important;
	}*/
	.box-have-acount .innerBox p{
		font-size: 28px;
	}
	div.giftCards{
		margin-top: 50px;
	}
	div.giftCards .btn-giftCard	{
		font-size: 45px !important;
    height: auto !important;
    padding: 20px 30px !important;
    line-height: 45px;
	}
	div.giftCards .btn-giftCard	 img{
		height: 60px !important;
	}
}
.balloon-dsk > span{
	display: flex;
	/*margin-top:-20px;*/
	margin-left: 0px;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}.css-themeknow{
	position: fixed;
	top: 0px;
	z-index: 30;
	width:100%;
	height:100vh;
	background: -webkit-linear-gradient(top, #ff6532 1%,#ffe989 100%); 
	background: linear-gradient(to bottom, #ff6532 1%,#ffe989 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6532', endColorstr='#ffe989',GradientType=0 );
	transition: 1s;
}
.css-themeknow > div{
	text-align: center;
	width:100%;
	height:100%;
	background: url(/images/PanelChild/ovelhas-extra.png) right bottom/25% auto no-repeat;
}
.linkbacknow{
	z-index:2;
	position:absolute;
	top:20px;right:20px;
	background:url(/images/PanelChild/button_back.png) center center/auto 100% no-repeat;
	width:40px;
	height:40px;
	display:block;
	transition: 0.2s;
}
.linkbacknow:hover{
	width:45px;
	height:45px;
}
.endknowgame{
	cursor:pointer;
	z-index:2;
	position:absolute;
	top:20px;right:20px;
	background:url(/images/PanelChild/fechar.png) center center/auto 100% no-repeat;
	width:40px;
	height:40px;
	display:block;
	transition: 0.2s;
}
.endknowgame:hover{
	width:45px;
	height:45px;
}
.title-kow{
	font-family: Luckies;
	position: relative;
	color: white;
	font-size: 50px;
	line-height: 130px
}
.iconknow ul{
	align-items: left;
	width: 70%;
	list-style: none;
}
.iconknow li{
	opacity: 1;
	background-color: white;
	margin-left: 50px;
	width: 150px;
	height: 150px;
	cursor: pointer;
}
.iconknow ul li{
	display: inline-block;
}
.iconknow li:nth-child(1){
	background: url(/images/PanelChild/games-icons/historias_biblicas.png) center center/100% auto no-repeat;
}
.iconknow li:nth-child(2){
	background: url(/images/PanelChild/games-icons/biblia_interativa.png) center center/100% auto no-repeat;
}
.iconknow li:nth-child(3){
	background: url(/images/PanelChild/games-icons/acerte_as_cores.png) center center/100% auto no-repeat;
}
.iconknow li:nth-child(4){
	background: url(/images/PanelChild/games-icons/figura_maluca.png) center center/100% auto no-repeat;
}

.iconknow li:nth-child(5){
	background: url(/images/PanelChild/games-icons/gira_gira.png) center center/100% auto no-repeat;
}
.iconknow li:nth-child(6){
	background: url(/images/PanelChild/games-icons/xo_serpente.png) center center/100% auto no-repeat;
}
.iconknow li:nth-child(7){
	background: url(https://external.biblical.com.br/images/panel-child/extras/N%C3%A1ufrago%20x%20Bondade.png) center center/100% auto no-repeat;
}
.iconknow li:nth-child(8){
	background: url(/images/PanelChild/games-icons/bible_quest.png) center center/100% auto no-repeat;
}
.iconknow li:nth-child(9){
	background: url(/images/PanelChild/games-icons/super_educativo.png) center center/100% auto no-repeat;
}
.iconknow li:hover{
	animation:animate 2s infinite;
	
}
@keyframes animate{
	0%{
	    background-size: 100%;
	   
	}
	50%{
	    background-size: 115%;
	   
	}
	70%{
	    background-size: 115%;
	   
	}
	100%{
	    background-size: 100%;
	   
	}
}
#gameTv{
	width:100%;
	height:100%;background:rgba(255,255,255, .8);
	position:fixed;
	top:0;
	left:0;
	visibility:hidden;
	opacity:0;
	z-index:99;
}
#gameContainer,video{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);width:70vw;height:40vw;
}
@media (min-height: 1000px){
	.iconknow{
	position: relative;
	top: 10%;
	}
}.promo-download{
	position: absolute;
	left: 0;
	position: relative;
	width: 95%;
	height: 130px;
	border:0;
	background: 
	url('/images/faca_download.png') bottom center/ 90% auto no-repeat;
}
#educator #textJesus{
	text-align: center;
}
#p-educador{
	width: 100%;
}
#p-educador > div{
	position: relative;
	text-align: center;
}
#p-educador .block-2{
	position: absolute; left: 50%; top: 0;
	transform: translate(-50%,-50%);
}
#educator .text-1{
	color: #216594;
}	
#p-educador ul{
	list-style-type: none;
	margin-top: 20px;
}
#p-educador li{
	overflow: auto;
	position: relative;
}	
#p-educador li img{
    float: left;
	width: 22%;
}	
#p-educador li span{
	float: right;
	text-align: left;
	width: 74%;
}
.balloon-inst {
	min-width: 170px;
	min-height: 170px;
	background-size: 100px;
	padding: 10px;
}
.balloon-dsk > span{
	line-height: 24px;
}
.balloon-dsk > span.small{
	margin-left: -50px;
	font-size: 17px;
	line-height: 17px;
}

/*
=====================
==TERMS AND PRIVACY==
=====================
*/
/*.box-terms-and-privacy.institution{
	width: 500px;
}

.box-terms-and-privacy{
	border-radius: 20px;
	margin: 40px auto;
  padding: 20px;
  position: relative;
  background-color: #216594;
}

.box-terms-and-privacy .terms{
	padding: 20px;
	background-color: #FFF;
	border-radius: 20px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.4);
	text-align: center;
	width: 100%;
}

.box-terms-and-privacy .terms h2{
	color: #216594;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 15px;
}

.box-terms-and-privacy .terms p{
	color: #216594;
	text-transform: uppercase;
	font-size: 12px;
}

.box-terms-and-privacy .terms .term{
	cursor: pointer;
	display: inline-block;
	margin: 10px 5px;
	font-size: 12px;
}

.box-terms-and-privacy .terms div{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.box-terms-and-privacy .terms div input{
	cursor: pointer;
}

.box-terms-and-privacy .terms div label{
	margin-left: 5px;
	cursor: pointer;
}*/

#educator{
	background-color: #dadada;
}

@media only screen and (min-device-width : 769px){	
	#educator{
		width: 100%;
		padding: 60px 0;
	}
	#educator .text-1{
		display: block;
		margin: auto;
		max-width: 900px;
	}
	#educator #textJesus{
		max-width: 660px;
	}
	#p-educador{
		background: url('../images/site/inst-ovelha.png') top right/auto 100% no-repeat;
		margin: 80px 0;
	}
	#p-educador > div{
		min-height: 480px;
		width: 52%;
	}
	#p-educador ul{
		float: left;
		width: 50%;
	}
	#p-educador li{
		padding: 15px 0px;
	}
	#p-educador li span{
		font-size: 13px;
		margin: 0 4px;
	}
	.pricers-inst{
	    width: 460px;
	}
	.pricers-inst > div:nth-child(2){
		margin-right: 20px;
	}
	.box-price{
		width: 500px;
	}
}
@media only screen and (max-device-width : 768px){
	.box-price{
	    font-size: 35px;
	    margin: 30px auto;
	    padding: 50px;
	}
	#educator .text-1 p{
		padding: 0 20px;
	}
	.balloon-inst {
		text-align: center;
		display: block;
		width: 400px;
		height: 300px;
	    position: absolute;
	    font-size: 30px;
	    float: right;
	    line-height: 160px;
	    margin-top: -30%;
	    z-index: 9;
	    left: 58%;
	    background: url(../images/site/ballon-desc.png?a) center center/90% auto no-repeat!important;
	}
	.balloon-dsk > span{
		line-height: 24px;
	}
	.balloon-dsk > span.small{
		margin-top: 60px;
		margin-left: -50px;
		font-size: 17px;
		line-height: 17px;
	}
			#educator{
		width: 100%;
		padding: 40px 0;
	}
		
	#educator .title-1{
		text-align: center;
	}
	#educator .table-prices-top #balao-desconto{
		top: 130px;
		padding-left: 60px;
		padding-top: 105px;
	}
	#p-educador{
		margin: 100px auto;
	}
	#p-educador li{
		padding: 20px 0;
	}
	.promo-download{
		height: 250px;
	}
	#balao-desconto > b{
		font-size: 42px!important;
	}
	.table-prices-top > div > button{
		margin-top: 25px;
	}
	/*.table-prices-top > div > div{
		margin-top: 25px;
	}*/
}@media only screen and (min-device-width : 769px){
	.baner-aid{
	width: 100%;
	min-height: 400px;
	}
	.baner-aid > img{
		width: 100%;
	}
}.cardCategory{
	padding: 40px;
}

#cardCategory-options{
	display:block;}
#cardCategory-options .block-2{
	text-align: center;
	width: 100%;}

#cardCategory-options .text-2{
	color: #ff7300;}
#gc-options{
	background: #d94228; 
	border-radius: 20px;
	margin: auto;}
#gc-options > div{
	background: white;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0,0,0, .4);
	padding: 15px;}
#gc-options > div > button{
	margin: auto;
	width: 85%;}

#cardCategory-child{
	width: 100%;
	background-color: #dadada;
}
#cardCategory-child .text-1{
	display: block;
	margin: auto;
	max-width: 620px;
	text-align: justify;
	text-indent: 0px;
}
	
#cardCategory-institution,
#cardCategory-child{
	display:none;}
#cardCategory-options .text-1,
#cardCategory-institution .sub-text,
#cardCategory-institution .sub-text2,
#cardCategory-institution .sub-text3,
#cardCategory-institution .text-1{
	display: table;
	margin: auto;}
#cardCategory-institution .sub-text{
	color: rgb(100,100,100);}
#cardCategory-options .text-2,
#cardCategory-institution .sub-text2{
	color: #ff7300;
	font-family: Satisfy;}
#cardCategory-institution .sub-text3{
	color: #ff7300;
	font-family: Luckies;}


@media only screen and (min-device-width : 769px){
	#cardCategory-options .block-2{
		max-width: 90%;}
	#cardCategory-options .text-1{
		max-width: 1020px;}

	#gc-options{
		padding: 19px;
		width: 400px;}
	#gc-options .title-1{
		font-size: 25px;}
	#gc-options > div > button{
		font-size: 35px;
		margin-top: 10px;
		padding: 25px 20px;}

	#cardCategory-options .text-2,
	#cardCategory-child .text-2{
		font-size: 30px;}

	#cardCategory-institution{width: 100%;}
	#cardCategory-institution .sub-text{
		font-size: 14px;}
	#cardCategory-institution .sub-text2{
		font-size: 29px;}
	#cardCategory-institution .sub-text3{
		font-size: 24px;}
	#cardCategory-institution .text-1{
		width: 920px;}

	.cardCategory .op button,
	.cardCategory .table-prices > div:nth-child(2){
		display: none;}
	.cardCategory .table-prices{
		margin: 20px auto;
		width: 550px;}
	.cardCategory .table-prices > div > div:nth-child(3){
		width: 100%;}
	.planLines{
		float: none !important;
	}

}
.middle{
	text-align: center;
}
.middle2{
	text-align: justify;
}
#text-card-inst{
	text-align: justify;
}
@media only screen and (max-device-width : 768px){
		
	#gc-options{
		max-width: 80%;
		padding: 29px;}
	#gc-options > div > button{
		font-size: 55px;
		margin-top: 20px;
		padding: 45px;}

	#cardCategory-options .text-2,
	#cardCategory-child .text-2{
		font-size: 45px;}
		
	#cardCategory-institution .sub-text{
		font-size: 22px;}
	#cardCategory-institution .sub-text2{
		font-size: 49px;}
	#cardCategory-institution .sub-text3{
		font-size: 44px;}
	#cardCategory-institution .block-2{
		text-align: center;}
	
}
/*css add*/
@media only screen and (min-device-width : 769px){
	.form-generate-lot{width:300px;}
	.gc-prices > div:nth-child(3){
		background-color: #fff;
		min-height: 300px;
	}
	.op{
		text-align: center;
	}

}

@media only screen and (max-device-width : 768px){
	.form-generate-lot{
		width:800px;
	}
	.middle2{
		font-size: 20px;
	}
		#cardCategory-child .text-1{
		font-size: 15px;
		display: block;
		margin: auto;
		max-width: 820px;
		text-align: justify;
		text-indent: 0px;
	}
	#text-card-inst{
		font-size: 20px;
		display: block;
		margin: auto;
		max-width: 820px;
		text-align: justify;
		text-indent: 0px;
	}
}/* Tw Cen MT - Regular */
/*@import url(//db.onlinewebfonts.com/c/9b62dc86f936227b3f7b367bd0b6c05e?family=Tw+Cen+MT);*/
/* Tw Cen MT - Bold */
/*@import url(//db.onlinewebfonts.com/c/5d246fe92931a92e7355fe67b5ad609f?family=Tw+Cen+MT);*/

.signup-body, .signup-bodyGratis{
	width: 100%;
  padding: 10px 0 70px;
	background:
	url('/images/changepay/Celular-com-Jesus.png') center right/ 45% auto no-repeat,
	url('/images/changepay/Fundo.png') center left/100% 110% no-repeat
	;
}

form.formCad{
	margin-top: 15px;
}

.form-signup .haveAnAccount{
	margin: 15px 0 0 0;
	font-weight: bold;
	font-size: 18px;
}
.form-signup .haveAnAccount img{
	width: 18px;
}

span.crie-sin{
	text-align: center;
  display: block;
  margin: 0 auto;
}

div.passMainContainer{
	position: relative;
	width: 100%;
}

div.passMainContainer>div{
	position: relative;
}

div.passMainContainer>div div.view-pass{
	height: 30px;
	width: 30px;
	position: absolute;
	background: url('/images/eye.png')center center/ 60% auto no-repeat;
	cursor: pointer;
  top: 2px;
  right: 5px;
}

.form-signup input,
.form-signup select{
	border: 2px solid transparent;
}

.form-signup input.empty,
.form-signup select.empty{
	border-color: #FF4000;
}

.form-signup .loginWithFacebook{
	margin: 0 auto;
}

div.signup-body div#passforce{
  top: 0px;
  right: -12px;
  margin-top: 0px;
}

input.hiddenByCep{
	display: none;
}

input[name=rua]{
	width: 70%;
}

input[name=numero]{
	width: 25%;
}

input[name=bairro],
input[name=cidade]{
	width: 48%;
}

select[name=birthDay],
select[name=birthMonth],
select[name=birthYear]{
	width: 30%;
}

label.signupInputTitle{
	display: block;
  width: 100%;
  margin-bottom: 5px;
}

span.codesStatus{
	font-weight: bold;
	font-size: 15px;
	display: block;
	height: 27px;
}

span.codesStatus.ok{
	color: #009005;
}

span.codesStatus.notOk{
	color: #ff4000;
}



#block-valores{
	padding: 0px;
	background-color: #dadada;
  min-height: 100vh;
}

.content.noTop{
	margin-top: 0px;
}

#block-valores,
#block-valores button,
#block-valores input,
div.buyHeader,
div.buyHeader button,
div.buyHeader input,
form.buyInfos,
form.buyInfos button,
form.buyInfos input{
	font-family: 'Tw Cen MT', sans-serif;
	caret-color: #000;
}

header.navBuyChild{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background-color: #FFF;
}

header.navBuyChild img.logo{
	height: 80px;
	cursor: pointer;
}

header.navBuyChild img.secure{
	height: 60px;
}

section.numberOfEnrolls{
	background-color: #704e9f;
	padding: 25px 0;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	position: relative;
	margin-bottom: 45px;
}

section.numberOfEnrolls img{
	position: absolute;
	width: 250px;
	left: 50%;
	margin-right: -50px;
	transform: translate(-50%);
	bottom: -30px;
}

section.steeps{
	position: relative;
}

section.steeps div.line{
	background-color: #b3b3b3;
	height: 5px;
	width: 100%;
	position: absolute;
	top: 19px;
	left: 0;
	z-index: 600;
}

section.steeps div.line div.fill{
	width: 0%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #59b56a;
	position: absolute;
  transition: 0.5s;
}

section.steeps ul{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	z-index: 700;
	position: relative;
}

section.steeps ul li{
	margin: 0 30px;
	list-style: none;
	width: 140px;
	text-align: center;
}

section.steeps ul li span.number{
	background-color: #b3b3b3;
	padding: 10px 15px;
	border-radius: 999px;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	display: table;
	margin: 0 auto 5px;
	transition: 0.5s;
}

section.steeps ul li span.number.active{
	background-color: #59b56a;
}

section.steeps ul li span.steep{
  color: #4e4e4e;
}

div.buyHeader{
	display: flex;
	align-items: flex-start;
  justify-content: space-around;
}

div.buyHeader > img{
	height: 470px;
	margin: 30px 0;
}

div.buyHeader div.buyPlan{
	background-color: #FFF;
	border-radius: 20px;
	padding: 15px;
	margin: 30px 0;
	width: 600px;
}

div.buyHeader div.buyPlan div.productInfo{
	display: flex;
	justify-content: flex-start;
  align-items: flex-start;
}

div.buyHeader div.buyPlan div.productInfo > img{
	display: block;
	width: 100px;
}

div.buyHeader div.buyPlan div.productInfo div.infos{
	padding: 0 5px 5px 10px;
	width: 290px;
}

div.buyHeader div.buyPlan div.productInfo div.infos h1.appName{
	font-size: 20px;
	color: #4e4e4e;
	font-weight: normal;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan{
	font-size: 16px;
	color: #2f2f2f;
	margin-top: 3px;
	text-transform: uppercase;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan span{
	text-transform: none;
	font-size: 15px;
  display: block;
  font-weight: normal;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan div.oldValue{
	display: flex;
	justify-content: flex-start;
  align-items: center;
	margin: 5px 0;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan div.oldValue span.value{
	/*text-decoration: line-through;*/
	position: relative;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan div.oldValue span.value:before{
	content: '';
	width: 100%;
	height: 2px;
	background-color: red;
	position: absolute;
	left: 0;
	top: 50%;
	margin-bottom: -50%;
	transform: translate(0, -50%);
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan div.oldValue span.percent{
	background-color: #59b56a;
	border-radius: 10px;
  display: inline-flex;
	justify-content: center;
  align-items: center;
  padding: 2px 5px;
  color: #FFF;
  margin-left: 10px;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan div.oldValue span.percent img{
	height: 12px;
  margin-right: 2px;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan span.mainValue{
	font-size: 30px;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans{
	display: flex;
	flex-direction: column;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li{
	padding: 10px 20px 25px;
	border-radius: 20px;
	border: 1px solid #704e9f;
	margin: 5px 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li input{
	margin-right: 10px;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li span{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 5px 0 5px;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li div.desconto{
	position: absolute;
	right: 15px;
	font-size: 12px;
	background-color: #704e9f;
	padding: 5px 10px;
	border-radius: 999px;
	color: #FFF;
}

div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li div.payOnly{
	position: absolute;
	left: 20px;
	bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

div.buyHeader div.buyPlan h3.weekly{
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	color: #59b56a;
	display: block;
	margin: 5px 0;
}

div.buyHeader div.buyPlan h3.weekly span{
	display: block;
	font-size: 18px;
}

div.buyHeader div.buyPlan div.quantity{
	text-align: center;
	margin: 10px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #cacaca;
}

div.buyHeader div.buyPlan div.quantity label{
	font-size: 12px;
	color: #4e4e4e;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
}

div.buyHeader div.buyPlan div.quantity div.fieldBackground{
	position: relative;
	width: 200px;
	margin: 0 auto;
}

div.buyHeader div.buyPlan div.quantity div.fieldBackground input{
	border-radius: 10px;
	border: 2px solid #717171;
	text-align: center;
	padding: 5px;
  font-weight: bold;
  color: #717171;
  width: 100%;
}

div.buyHeader div.buyPlan div.quantity div.fieldBackground input.disabled{
	background-color: #c5c5c5;
	cursor: not-allowed;
}

div.buyHeader div.buyPlan div.quantity div.fieldBackground button.lessQuantity,
div.buyHeader div.buyPlan div.quantity div.fieldBackground button.moreQuantity{
	position: absolute;
	background: none;
	border: none;
  font-weight: bold;
  color: #717171;
  font-size: 18px;
  top: 3px;
  transition: 0.5s;
  user-select: none;
}

div.buyHeader div.buyPlan div.quantity div.fieldBackground button.lessQuantity:hover,
div.buyHeader div.buyPlan div.quantity div.fieldBackground button.moreQuantity:hover{
	color: #59b56a;
}

div.buyHeader div.buyPlan div.quantity div.fieldBackground button.lessQuantity{
	left: 5px;
}

div.buyHeader div.buyPlan div.quantity div.fieldBackground button.moreQuantity{
	right: 5px;
}

div.buyHeader div.buyPlan div.discount{
	text-align: center;
	margin: 10px auto;
	padding-bottom: 20px;
}

div.buyHeader div.buyPlan div.discount label{
	font-size: 12px;
	color: #4e4e4e;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
  width: 260px;
  margin: 0 auto 5px;
}

div.buyHeader div.buyPlan div.discount div.fieldBackground{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
}

div.buyHeader div.buyPlan div.discount div.fieldBackground div.fieldInfos input{
	border-radius: 10px;
	border: 2px solid #717171;
	text-align: center;
	padding: 5px;
  font-weight: bold;
  color: #717171;
}

div.buyHeader div.buyPlan div.discount div.fieldBackground div.fieldInfos button{
	background: none;
	display: block;
	border: none;
	padding: 3px 5px;
	color: #717171;
	text-transform: lowercase;
}

div.buyHeader div.buyPlan div.discount div.fieldBackground > button{
	background-color: #a1a1a0;
	color: #FFF;
	border-radius: 10px;
	border: none;
  padding: 7px 10px;
  margin-left: 5px;
}

div.buyHeader div.buyPlan div.lifePlan{
	width: 90%;
	margin: 0 auto 30px;
	border: 3px dashed #080503;
	padding: 15px;
}

div.buyHeader div.buyPlan div.lifePlan div.title{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #feff99;
	padding: 7px 0;
}

div.buyHeader div.buyPlan div.lifePlan div.title img{
	width: 24px;
}

div.buyHeader div.buyPlan div.lifePlan div.title input{
	margin: 0 8px;
}

div.buyHeader div.buyPlan div.lifePlan > p{
	display: block;
	margin-top: 20px;
	font-size: 14px;
}

div.buyHeader div.buyPlan div.lifePlan > p span{
	color: #764724;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
}

div.buyHeader div.buyPlan div.lifePlan div.title p{
	color: #388705;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 16px;
}

div.buyHeader div.buyPlan div.lifePlan div.title p span{
	font-size: 14px;
}

div.buyHeader div.buyPlan button.nextSteep{
	border: none;
	background-color: #59b56a;
	border-radius: 5px;
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-weight: bold;
	padding: 10px 0;
	width: 380px;
	text-transform: uppercase;
}

div.buyHeader div.buyPlan button.nextSteep > span{
	display: block;
}

div.buyHeader div.buyPlan button.nextSteep span.discount{
	font-size: 15px;
	margin-bottom: 5px;
	display: none;
}

div.buyHeader div.buyPlan button.nextSteep span.discount span.value{
	color: #216594;
}

div.buyHeader div.buyPlan button.nextSteep span.finalValue{
	font-size: 20px;
}

div.buyHeader div.buyPlan button.nextSteep > img{
	height: 23px;
  margin: 9px 0 8px;
}

div.buyHeader div.buyPlan button.advancePayment{
	user-select: none;
  border: none;
  background-color: #704e9f;
  border-radius: 10px;
  display: block;
  margin: 15px auto 0;
  color: #FFF;
  font-weight: bold;
  padding: 10px 30px;
  text-transform: uppercase;
}

form.buyInfos{
	display: flex;
	align-items: flex-start;
  justify-content: space-around;
  margin-bottom: 50px;
}

form.buyInfos > div{
	border-radius: 15px;
	background-color: #FFF;
	width: 400px;
	padding: 20px;
	overflow: hidden;
	position: relative;
}

/*form.buyInfos > div.disabled{
	height: 85px;
  opacity: 0.5;
}*/

form.buyInfos > div.disabled:before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 2;
}

form.buyInfos > div h1{
	color: #216594;
	border-bottom: 1px solid #cacaca;
	font-size: 20px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

form.buyInfos > div h1 span{
	display: inline-block;
	background-color: #216594;
	border-radius: 999px;
	color: #FFF;
	padding: 8px 14px;
	margin-right: 8px;
}

form.buyInfos > div label{
	font-size: 12px;
	color: #4e4e4e;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 2px;
}

form.buyInfos > div input:not([type=radio]),
form.buyInfos > div select{
	border-radius: 10px;
	border: 2px solid #717171;
	text-align: left;
	padding: 5px;
  font-weight: bold;
  color: #717171;
  width: 100%;
  margin-bottom: 5px;
  outline: none;
}

form.buyInfos > div input.invalid,
form.buyInfos > div select.invalid{
	border: 2px solid red !important;
}

form.buyInfos > div > div{
	position: relative;
}

form.buyInfos > div > div > div.view-pass{
	height: 30px;
  width: 30px;
  position: absolute;
  background: url(/images/eye.png)center center/ 60% auto no-repeat;
  cursor: pointer;
  top: 15px;
  right: 5px;
}

form.buyInfos > div div.steepsButtons{
	display: flex;
	align-items: center;
  justify-content: center;
}

form.buyInfos > div div.steepsButtons button{
	user-select: none;
	border: none;
	background-color: #59b56a;
	border-radius: 10px;
	display: block;
	margin: 15px auto 0;
	color: #FFF;
	font-weight: bold;
	padding: 10px 30px;
	text-transform: uppercase;
}

form.buyInfos > div div.steepsButtons button.advance{
	background-color: #59b56a;
}

form.buyInfos > div div.steepsButtons button.return{
	background-color: #704e9f;
}

form.buyInfos > div > div.inline{
	display: flex;
	align-items: flex-start;
  justify-content: space-between;
}

form.buyInfos > div > div.inline > div.areaCode{
	width: 30%;
}

form.buyInfos > div > div.inline > div.phone{
	width: 65%;
}

form.buyInfos > div > div.inline > div.cep{
	width: 30%;
}

form.buyInfos > div > div.inline > div.cidade{
	width: 45%;
}

form.buyInfos > div > div.inline > div.estado{
	width: 15%;
}

form.buyInfos > div .hiddenByCep{
	display: none;
}

form.buyInfos > div div.paymentProcess{
	font-size: 12px;
	color: #4e4e4e;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 2px;
}

form.buyInfos > div div.paymentProcess img{
	height: 30px;
  vertical-align: middle;
}

form.buyInfos > div div.payMethods{
	background-color: #e4e5e4;
	border-radius: 15px;
	padding: 10px;
}

form.buyInfos > div div.payMethods div.method{
	margin-bottom: 10px;
}

form.buyInfos > div div.payMethods div.method div.methodName{
	background-color: #FFF;
	border-radius: 5px;
	padding: 10px 20px;
}

form.buyInfos > div div.payMethods div.method div.methodName div.selection{
	display: flex;
	align-items: center;
  justify-content: flex-start;
}

form.buyInfos > div div.payMethods div.method div.methodName div.selection img{
	margin-left: 5px;
	width: 20px;
}

form.buyInfos > div div.payMethods div.method div.methodName div.selection label{
	margin-top: 2px;
	margin-left: 5px;
}

form.buyInfos > div div.payMethods div.method div.methodName div.aceptedsBrands{
  margin-top: 9px;
}

form.buyInfos > div div.payMethods div.method div.methodName div.aceptedsBrands img{
  width: 25px;
}

form.buyInfos > div div.payMethods div.method div.methodBody{
	display: none;
}

form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos{
	padding: 10px 0;
}

form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos select,
form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos input{
	border: none;
	background-color: #FFF;
}

form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodText,
form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodValue{
	font-size: 12px;
	display: block;
	font-weight: bold;
	margin: 5px 0 2px;
	text-align: center;
}

form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodText{
	color: #4e4e4e;
	line-height: 18px;
}

form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodText span{
	display: block;
	color: #59b56a;
	font-size: 16px;
	margin-top: 5px;
}

form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodValue{
	color: #59b56a;
	margin-top: 15px;
}

form.buyInfos > div div.payMethods div.method div.methodBody button.goToPayment,
form.buyInfos > div div.freeEnroll button.goToPayment{
	user-select: none;
	border: none;
	background-color: #59b56a;
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-weight: bold;
	padding: 10px 30px;
	text-transform: uppercase;
	background-color: #59b56a;
}

form.buyInfos > div div.payMethods div.method div.methodBody button.goToPayment img,
form.buyInfos > div div.freeEnroll button.goToPayment img{
	height: 18px;
  vertical-align: sub;
}

form.buyInfos > div div.freeEnroll{
	background-color: #e4e5e4;
	border-radius: 15px;
	padding: 30px 10px;
	text-align: center;
}

form.buyInfos > div div.freeEnroll p{
	color: red;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
}

form.buyInfos > div img#securityWebsite{
  width: 175px;
  display: block;
  margin: 15px auto 0;
}

footer.footerBuyChild{
	border-top: 2px solid #cacaca;
	padding: 15px 0;
	text-align: center;
	max-width: 1120px;
	margin: 0 auto;
}

footer.footerBuyChild img{
	height: 150px;
}

@media only screen and (max-device-width : 768px){
	header.navBuyChild img.logo{
		height: 120px;
	}

	header.navBuyChild img.secure{
		height: 100px;
	}

	section.numberOfEnrolls{
		font-size: 33px;
		margin-bottom: 65px;
	}

	section.numberOfEnrolls img{
		width: 350px;
		bottom: -42px;
	}

	section.steeps div.line{
		top: 32px;
	}

	section.steeps ul li{
		width: 220px;
	}

	section.steeps ul li span.number{
		font-size: 40px;
    padding: 10px 20px;
	}

	section.steeps ul li span.steep{
		font-size: 30px;
	}

	div.buyHeader > img{
		display: none;
	}

	div.buyHeader div.buyPlan{
		width: 90%;
		padding: 40px;
	}

	div.buyHeader div.buyPlan div.productInfo > img{
		width: 200px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos{
		width: 100%;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h1.appName{
		font-size: 35px;
		margin-bottom: 20px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan{
		font-size: 29px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan div.oldValue{
		margin: 15px 0;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan div.oldValue span.percent img{
		height: 20px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan span{
		font-size: 30px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan span.mainValue{
		font-size: 50px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li{
		font-size: 35px;
		padding-bottom: 40px
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li input{
		width: 30px;
		height: 30px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li span{
		font-size: 22px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li div.desconto{
		font-size: 25px;
	}

	div.buyHeader div.buyPlan div.productInfo div.infos h2.plan ul.plans li div.payOnly{
		font-size: 25px;
	}

	div.buyHeader div.buyPlan h3.weekly{
		font-size: 30px;
	}

	div.buyHeader div.buyPlan h3.weekly span{
		font-size: 32px;
	}

	div.buyHeader div.buyPlan div.quantity{
		margin: 25px 0;
	}

	div.buyHeader div.buyPlan div.quantity label,
	div.buyHeader div.buyPlan div.discount label{
		font-size: 25px;
		text-align: left;
		margin: 0 auto;
	}

	div.buyHeader div.buyPlan div.quantity label{
		width: 490px;
	}

	div.buyHeader div.buyPlan div.discount label{
		width: 533px;
	}

	div.buyHeader div.buyPlan div.quantity div.fieldBackground{
		width: 500px;
	}

	div.buyHeader div.buyPlan div.discount div.fieldBackground > button{
		font-size: 32px;
    padding: 9px 10px;
	}

	div.buyHeader div.buyPlan div.quantity div.fieldBackground input,
	div.buyHeader div.buyPlan div.discount div.fieldBackground div.fieldInfos input{
		font-size: 32px;
    padding: 7px 15px;
    border-radius: 50px;
	}

	div.buyHeader div.buyPlan div.quantity div.fieldBackground button.lessQuantity, 
	div.buyHeader div.buyPlan div.quantity div.fieldBackground button.moreQuantity{
		font-size: 55px;
		font-weight: normal;
	}

	div.buyHeader div.buyPlan div.quantity div.fieldBackground button.lessQuantity{
		left: 10px;
		top: -9px;
	}

	div.buyHeader div.buyPlan div.quantity div.fieldBackground button.moreQuantity{
		right: 10px;
		top: -6px;
	}

	div.buyHeader div.buyPlan div.discount div.fieldBackground div.fieldInfos button{
		font-size: 27px;
	}

	div.buyHeader div.buyPlan div.lifePlan div.title p{
		font-size: 24px;
	}

	div.buyHeader div.buyPlan div.lifePlan div.title p span{
		font-size: 18px;
	}

	div.buyHeader div.buyPlan div.lifePlan div.title input{
		width: 40px;
		height: 40px;
	}

	div.buyHeader div.buyPlan div.lifePlan > p{
		font-size: 22px;
	}

	div.buyHeader div.buyPlan button.nextSteep{
		width: 100%;
		padding: 20px 0;
	}

	div.buyHeader div.buyPlan button.nextSteep span.discount{
		font-size: 27px;
	}

	div.buyHeader div.buyPlan button.nextSteep span.finalValue{
		font-size: 35px;
		margin-top: 10px;
	}

	div.buyHeader div.buyPlan button.advancePayment{
		font-size: 30px;
    padding: 20px 100px;
	}

	form.buyInfos{
		flex-direction: column;
    align-items: center;
	}

	form.buyInfos > div{
		margin-bottom: 40px;
		width: 90%;
		padding: 40px;
	}

	form.buyInfos > div h1{
		font-size: 35px;
	}

	form.buyInfos > div h1 span{
		padding: 8px 18px;
	}

	form.buyInfos > div label{
		font-size: 25px;
		margin-top: 20px;
	}

	form.buyInfos > div input:not([type=radio]), 
	form.buyInfos > div select{
		font-size: 32px;
		padding: 15px;
		border-radius: 50px;
	}

	form.buyInfos > div div.steepsButtons button{
		font-size: 30px;
    padding: 20px 50px;
	}

	form.buyInfos > div > div > div.view-pass{
		width: 50px;
    height: 50px;
    top: 40px;
	}

	form.buyInfos > div div.paymentProcess{
		font-size: 20px;
	}

	form.buyInfos > div div.paymentProcess img{
		height: 50px;
	}

	form.buyInfos > div div.payMethods div.method div.methodName{
		padding: 20px;
	}

	form.buyInfos > div div.payMethods div.method div.methodName div.aceptedsBrands img{
		width: 60px;
	}

	form.buyInfos > div div.payMethods div.method div.methodName div.selection label{
		font-size: 25px;
	}

	form.buyInfos > div div.freeEnroll button.goToPayment,
	form.buyInfos > div div.payMethods div.method div.methodBody button.goToPayment{
		font-size: 30px;
		padding: 25px 50px;
	}

	form.buyInfos > div div.payMethods div.method div.methodBody button.goToPayment img,
	form.buyInfos > div div.freeEnroll button.goToPayment img{
		height: 25px;
		vertical-align: inherit;
	}

	form.buyInfos > div div.payMethods div.method div.methodName div.selection input[type=radio]{
		width: 20px;
    height: 20px;
	}

	form.buyInfos > div div.payMethods div.method div.methodName div.selection img{
		width: 30px;
	}

	form.buyInfos > div div.payMethods div.method div.methodBody button.goToPayment img{
		vertical-align: initial;
	}

	form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodText,
	form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodValue{
		font-size: 23px;
    line-height: 25px;
	}

	form.buyInfos > div div.payMethods div.method div.methodBody div.methodInfos p.payMethodText span{
		font-size: 28px;
    margin-top: 10px;
	}

	form.buyInfos > div img#securityWebsite{
		width: 400px;
	}

	footer.footerBuyChild img{
		height: 350px;
	}




	.signup-body, .signup-bodyGratis{
		position: relative;
		width: 100%;
		padding-top: 10px;
		background:
		url('/images/changepay/Fundo.png') center left/130% 100% no-repeat;
	}
	.form-signup .haveAnAccount img{
		width: 50px;
	}
	.form-signup .haveAnAccount{
		margin-top: 40px;
		font-size: 48px;
	}
	span.crie-sin{
		text-indent: 0px;
    margin: 40px auto;
	}
	div.signup-body div#passforce{
		right: -30px;
	}
	div.passMainContainer>div div.view-pass{
		width: 80px;
    height: 80px;
	}
	.form-signup input,
	.form-signup select{
		border-width: 5px;
	}

	span.codesStatus{
		font-size: 34px;
	}
}
#rpm-form{
	background: url('../images/site/bg-rpm.png') center bottom/100% auto no-repeat;
	padding: 40px;}
	
#rpm-form > .text-1{
	display: table;
	margin: auto;
	max-width: 950px;}
	
#rpm-form > .form-1{
	background-color: white;}

#rpm-form > .form-1 > .formRpm{
	color: rgb(130,130,130);
	margin: 0;
	text-align: left;}

#rpm-form > .form-1 > input[name='codigoIndicacao'],
#rpm-form > .form-1 > input[name='codigoPresente']{
	margin-top: 5px;}
	
#rpm-form > .form-1 label{
	padding-bottom: 5px;
	width:100%;}
	
#rpm-form > .form-1 select[name='birthDay']{
	width:27%;}
#rpm-form > .form-1 select[name='birthMonth']{
	width:39%;}
#rpm-form > .form-1 select[name='birthYear']{
	width:30%;}

.view-password-rpm{
  height: 30px;
  width: 30px;
  position: absolute;
  background: url(/images/eye.png)center center/ 60% auto no-repeat;
  cursor: pointer;
  top: 3px;
  right: 5px;
}
.view-password-rpm.popMakeRpm{
  top: 43px;
  z-index: 9;
  left: 94%;
}

#passforce.passforceRPM{
	top: 60%;
}

#textha{
  font-family: 'Gil';
  color: #FFF;
}

#habilitar > input{
	position: relative;
  width: 100%;
  border-radius: 999px;
  font-size: 15px;
  margin-bottom: 8px;
  border: 2px solid #FF4000;
  padding: 7px 5px;
}

@media only screen and (min-device-width : 769px){	
	#rpm-form > .text-1{
		font-size: 12px;}

	#rpm-form > .form-1{
		border-radius: 30px;
		margin: 30px 20px 30px 33%;
		padding: 25px 15px 0;}
		
	#rpm-form > .form-1 > .formRpm{
		font-size: 14px;
		padding: 15px;}
	.habilitar{
		text-align: center;
		width: 400px;
	}
	#hab{
		padding: 10px;
		min-width: 300px;
		border-radius: 5px;
	}
	#textha{
    position: relative;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 15px;
    text-align: center;
	}
}

@media only screen and (max-device-width : 768px){
	#hab{
		padding: 10px;
		min-width: 300px;
		border-radius: 5px;
	}
	#passforce.passforceRPM{
		top: 61.5%;
	}
	#textha{
		text-align: left;
		margin-bottom: 20px;
    font-size: 38px;
    line-height: 38px;
    margin-top: 30px;
	}
	#habilitar > input,
  #habilitar > div > input{
		font-size: 40px;
    padding: 20px;
	}
	#rpm-form{
		height: 2800px;
	}
	
	#rpm-form > .text-1{
		font-size: 32px;}
		
	#rpm-form > .form-1{
		margin-top: 20px;
		margin-bottom: 0px;
	}
		
	#rpm-form > .form-1 > .formRpm{
		font-size: 45px;}

	.view-password-rpm{
	  height: 70px;
	  width: 70px;
    top: 10px;
	}
	.view-password-rpm.popMakeRpm{
		top: 70px;
		left: 88%;
	}		
}.formContatoDesktop{
 text-align:left;
 color:rgb(130,130,130);font-size: 13px;
}
.formContatoMobile{
 text-align:left;
 color:rgb(130,130,130);font-size:45px;
}
.formContatoDesktop textarea, .formContatoMobile textarea{
	resize: none;
}
.poUp-email{
	display: none;
	position: relative;
	height: 60px;
	width: 160px;
	background-color: rgba(100, 100, 100, 0.5);
	z-index: 3;
	float: right;
	margin-top: -125px;
	margin-right: 20px;
	animation: popUp 0.50s;
	border-radius: 10px;
}
.poUp-email > div:nth-child(1){
	margin-top: 10px;
	margin-left: 10px;
	width: 40px;
	height: 40px; 
	 border: 5px solid #fff;
	border-color: #fff transparent #fff transparent;
	z-index: 4;
	border-radius: 50%;
	animation: load 1s linear infinite;
}
.poUp-email > div:nth-child(2){
	color: white;
	font-size: 17px;
	margin-top: 20px;
	margin-left: 5px;
}
@media only screen and (max-device-width : 768px){
	.poUp-email{
		position: fixed;
		left: 60%;
		top: 17%;
		height: 120px;
		width: 320px;
	}
	.poUp-email > div:nth-child(1){
		margin-top: 20px;
		margin-left: 20px;
		width: 80px;
		height: 80px; 
		border: 10px solid #fff;
		border-color: #fff transparent #fff transparent;
	}
	.poUp-email > div:nth-child(2){
		color: white;
		font-size: 37px;
		margin-top: 40px;
		margin-left: 15px;
	}
}
@keyframes load{
  0%{
      transform: rotate(0deg);
  }
  100%{
      transform: rotate(360deg);
  }
}
@keyframes popUp{
  from {
      margin-top: 120px; opacity:0
  }
  to {
      margin-top: -125px; opacity:1
  }
}.formLoginPage > div{
	position:relative;
	width:100%;
}
.formLoginPage > a{
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.sitelogin{
	padding-bottom: 20px;
}
.view-pass-login-page{
	cursor:pointer;
	position:absolute;
	right: 5px;
  top: 8px;
	height: 20px;
  width: 35px;
	background: url('/images/eye.png')center center/ 60% auto no-repeat;
}
.formLoginPage .loginWithFacebook{
	margin: 10px auto 0;
}

@media only screen and (max-device-width : 768px){
	#questInfos2 > form{
		width: 400px !important;
	}
	#questInfos2 > form > input{
		width: 100%!important;
		font-size: 35px;
	}
	#questInfos2 > form > div > button{
		position: absolute;
		top: 69%;
		width: 40%!important;
		height: 70px!important;
		font-size: 35px;
	}
	.view-pass-login-page{
		width: 70px;
    height: 50px;
    top: 20px;
	}
}.js-logoutquest{
	text-decoration: underline;
	cursor:pointer;
	color:blue;
	font-size:15px;
	display:table;
	margin:auto;
}
.formquest{
	width: 1000px;
}
.inpppsDesktop{
	max-width:150px;
	overflow:auto;margin-top:10px;
}
.css-fontquestDesktop{
	font-weight: 800;
}
.rrr{
	width:50%;
	float:left;
	white-space:
	nowrap;
}
.rrr input{
	width:20px;
}
.form-1{
	margin-top:10px;
}
.form-1{
	margin-bottom:100px;
}
.form-1 textarea{
	margin-top:10px;
}
.form-1 form{
	text-align:left;
}
.alert_container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.css-textquestrpmDesktop{
	resize: none;
	height: 100px;
	width:100%;
}
.questcolcluido{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	max-width:630px;
}
.questconcluido img{
	position: relative;
	top: 100px;
	width:200px;
	display: block;
	margin: auto;
}
.spanquestsend{
	text-align: center;
	position:absolute;
	top:70%;
	left:50%;
	transform: translate(-50%,-50%)!important;
	font-size:16px;
}
.logoutsendquest{
	position: relative;
	top: 40px;
	cursor:pointer;
	color:blue;
	font-size:15px;
	display:table;
	margin:auto;
}
@media only screen and (min-device-width : 769px){
	#questrpm{
		width: 1000px;
	}
	.diverrpm{
		width: 45%;
	}
	.quest_3{
		height: 138px;
	}
}
/*Mobile*/
.inpppsMobile > .rrr input{
		width: 15px;
	    height: 15px;
	}
.css-textquestrpmMobile{
resize: none;
height: 100px;
width:100%;
}
.formquestMobile{
	width:50%;
}

@media only screen and (max-device-width : 769px){
	.js-logoutquest{
		font-size:40px;
	}
	.css-fontquestMobile{
	font-weight: 600;
	}
	.inpppsMobile{
		max-width:300px;
		overflow:auto;
		margin-top:20px;
	}
	.inpppsMobile > .rrr input{
		width: 40px;
	    height: 40px;
	}
	.css-textquestrpmMobile{
		resize: none;
		height: 200px;
		width:100%;
	}
	.spanquestsend{
		font-size: 50px;
	}
	.questconcluido img{
		top: 100px;
		width:300px;
	}
}.headerTop a{
	color:white;
	text-shadow: 0 1px 1px black;
	padding:0 10px;
}
.footer{
	visibility: hidden;
	background: url('/images/site/bg-1-otimized.jpg') center center/100% 100%;
	padding:20px;
	position:relative;
	bottom:0;
	height:220px;
	width:100%;
	border-top:6px solid #05294b;
}
.newFooter{
	background: #d334c4 !important;
	border-top-color: #901d85 !important;
}
.footer > img{
	width: 180px;
	height: 180px;
	position:absolute;
	right:calc(50% + 280px);
	top:15px;
	z-index:2;
}
.footer > img.footer-logo-nova,
.newFooter > img.footer-logo{
	display: none;
}
.newFooter > img.footer-logo-nova{
	display: block;
	height: 84px;
	margin-top: 50px;
}
.footerMobile.newFooter  > img.footer-logo-nova{
	height: 177px;
	margin-top: 110px;
}
.contato{
	background:rgba(0,0,0, .1);
	padding:10px;
	padding-left: 30px;
	border-radius:5px;
	float:left;
	text-align:center;
	position:absolute;
	top:110px;
	transform: translate(-0%,-50%);
	right: calc(50% + 135px);
}
.newFooter .contato{
	background-color: transparent;
	padding-left: 0;
		   right: calc(50% + 180px);
    }
.contato > div{
	margin-top:10px;
	text-align:left;
}
.contato > div span:nth-child(1){
	color:#ccc;font-size:11px;
}
.newFooter .contato > div span:nth-child(1){
	font-size: 16px;
}
.contato > div span:nth-child(3){
	color:white;font-size:17px;
}
.newFooter .contato > div span:nth-child(3){
	display: none;
}
.contato > div span:nth-child(5){
	color:#ccc;font-size:11px;
}
.contato > div span:nth-child(7){
	color:white;font-size:16px;
}
.contato > div span:nth-child(9){
	color:#ccc;font-size:11px;
}
.contato > div span:nth-child(11){
	color:white;font-size:17px;
}
.footer a{
	text-decoration:none;
}
.newFooter .mapa{
	display: none;
}
.mapa{
	position:absolute;
	left:calc(50% + 40px);
	padding-top:10px;
}
.mapa a{
	color:white;
	text-shadow: 0 0px 1px rgba(255,255,255, 1);
	font-size:12px;
	line-height:30px;
}
.sigaNos{
	text-align:center;
	display:table;
	position:absolute;
	left:calc(50% + 240px);
	top:20px;
}
.sigaNos > span{
	color:white;
	line-height:40px;
}
.sigaNos > div{
	background: url('/images/newredes.png') center 0px/auto 100% no-repeat;
	width:129px;
	height:30px;
}
.sigaNos > div > a{
	margin-right: -13px;
	display: inline-block;
	height: 30px;
	width:40px;
}
.emContato{
	display:table;
	position:absolute;
	left:calc(50% + 240px);
	bottom:60px;
	padding-top:0px;
}
.emContato span{
	color:#ccc;
	font-size:12px;
	line-height:30px;
}
.emContato a span{
	color:white;
	font-size:17px;
	background:#f1a12f;
	padding:6px 10px;
	border-radius:4px;
}
/*MOBILE*/
.footerMobile{
	background: url('/images/site/bg-1-otimized.jpg') center center/100% 100%;
	visibility: hidden;
	padding-top:60px;
	overflow:auto;
	position:absolute;
	width:100%;
	height:795px;
	border-top:12px solid #05294b;
}
.footerMobile img{
	width: 380px;
	height: 380px;
	position:absolute;
	z-index:2;
	left: 100px;
}
.footerMobile img.whatsapp{
	height: 50px !important;
}
.newFooter.footerMobile img.whatsapp{
	height: 70px !important;
}
.footerMobile a{
	text-decoration:none;
}
.contatoMobile{
	background:rgba(0,0,0, .1);
	padding:10px;
	padding-left:160px;
	border-radius:5px;
	float:left;
	text-align:center;
	position:absolute;
	top:260px;
	left: 340px;
	transform: translate(-0%,-50%);
}
.newFooter.footerMobile .contatoMobile{
	background-color: transparent;
}

.contatoMobile > div{
	margin-top:10px;
	text-align:left;
}
.contatoMobile > div span:nth-child(1){
	color:#ccc;font-size:31px;
}
.contatoMobile > div span:nth-child(3){
	color:white;font-size:44px;
}
.newFooter.footerMobile .contatoMobile > div span:nth-child(3){
	display: none;
}
.contatoMobile > div span:nth-child(5){
	color:#ccc;font-size:31px;
}
.contatoMobile > div span:nth-child(7){
	color:white;
			font-size:35px;
	}
.contatoMobile > div span:nth-child(9){
	color:#ccc;font-size:31px;
}
.contatoMobile > div span:nth-child(11){
	color:white;font-size:44px;
}
.sigaNosMobile{
	text-align:center;
	display:table;
	position:absolute;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
	top:450px;
}
.sigaNosMobile span{
	color:white;
	line-height:80px;
	font-size:35px;
}
.sigaNosMobile div{
	margin-top: 35px;
	background: url('/images/newredes.png') center 0px/auto 100% no-repeat;
	width:329px;
	height:90px;
}
.sigaNosMobile > div > a{
	display: inline-block;
	height: 90px;
	width:80px;
}
.emContatoMobile{
	display:table;
	position:absolute;
	right:50px;
	top:430px;
}
.emContatoMobile span{
	color:white;
	font-size:35px;
	line-height:120px;
}
.emContatoMobile a span{
	position: relative;
	margin-top: -10px;
	color:white;
	font-size:44px;
	background:#f1a12f;
	padding:16px 30px;
	border-radius:8px;
}
@media only screen and (max-device-width : 768px){
	.emContatoMobile a span{
		position: relative;
		top: 80px;
		color:white;
		font-size:44px;
		background:#f1a12f;
		padding:16px 30px;
		border-radius:8px;
	}
}
#t-program > #imgs{
	background-color: #ffede5;
	width:100%;}
#t-program > #imgs .title-3{
	border-radius: 60px;
	position: relative;
	transform: skewY(5deg);
		 -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
	z-index:-1;}
#t-program > #imgs .title-3 span{
	display: block;
		 -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: skewY(-5deg);}
		
#t-program > #temas > div:nth-child(2) img{
	left: 0;
	margin-right: 2%;
	position: absolute; top: 50%;
	transform: translateY(-50%);
	width: 20%;}
#t-program > #temas > div:nth-child(2) > div{
	overflow: hidden;
	padding: 10px 0;}
#t-program > #temas > div:nth-child(2) > div > div{
	float: right;
	width: 78%;}
#t-program > #temas,
#t-program > #temas > div,
#t-program > #temas > div:nth-child(2) > div{
	position: relative;}
	
#t-program > #temas .seta-baixo{
	border-radius: 900px;
	border: none;	
	position: absolute;}
#t-program > #temas .seta-baixo::after{
	content: "";
	display: inline-block;	
	margin-left: 4px;
	position: relative;
	right: 0; top: -2px;
	transform: rotate(45deg);}
	
#t-program > #temas{
	background: white;}
#t-program > #temas ul{
	list-style-type: none;
	position: absolute;
	z-index: 1;}	
#t-program > #temas ul li ul{
    background: #d5d5d5;
	max-height: 0;
    overflow: hidden;
	position: absolute;
    transition: max-height .15s ease-out;}
#t-program > #temas ul > li > a{
	color: #d94228;
	font-family: Luckies;
	text-decoration: none;}
#t-program > #temas ul li:hover a{
	color: white;}
#t-program > #temas ul > li li:nth-child(even){
	background-color: rgba(255,255,255, .5);}
#t-program > #temas ul li:hover ul{
	border-top: 0px;
	max-height: 2500px;
    transition: max-height 0.25s ease-in;}
#t-program > #temas ul > li > ul > li:nth-child(1){
	color: white;
	text-align: center;}
	
	
#t-program > #temas ul li:nth-child(1):hover a,
#t-program > #temas ul li:nth-child(1) .seta-baixo,
#t-program > #temas ul > li:nth-child(1) > ul > li:first-child{
	background: #0ca98c;}
#t-program > #temas ul li:nth-child(1):hover ul{
	border: 2px solid #0ca98c;}

#t-program > #temas ul li:nth-child(2):hover a,
#t-program > #temas ul li:nth-child(2) .seta-baixo,
#t-program > #temas ul > li:nth-child(2) > ul > li:first-child{
	background: #f76802;}	
#t-program #temas ul li:nth-child(2):hover ul{
	border: 2px solid #f76802;}

#t-program > #temas ul li:nth-child(3):hover a,
#t-program > #temas ul li:nth-child(3) .seta-baixo,
#t-program > #temas ul > li:nth-child(3) > ul > li:first-child{
	background: #dc4d4d;}
#t-program > #temas ul li:nth-child(3):hover ul{
	border: 2px solid #dc4d4d;}

#t-program > #temas ul li:nth-child(4):hover a,
#t-program > #temas ul li:nth-child(4) .seta-baixo,
#t-program > #temas ul > li:nth-child(4) > ul > li:first-child{
	background: #e2b355;}	
#t-program > #temas ul li:nth-child(4):hover ul{
	border: 2px solid #e2b355;}
	
#t-program .div-blue-2,
#t-program > #temas .div-blue-2{
	position: absolute; left: 50%;}
	
#t-program > #boletim-online{
	padding-bottom: 30%;
	position: relative;
	width: 100%;
	z-index: -1;}
	
@media only screen and (min-device-width : 769px){
	
	#t-program > #imgs{
		background: url(../images/site/tprogram-celular.png) left 95% center/auto 80% no-repeat,
					url(../images/site/tprogram-ovelhas-pc.png) right 95% center/40% auto no-repeat;
		height: 550px;}
	#t-program > #imgs .title-3{
		padding: 60px 30px;
		right: 75px; top: 110px;}
	
	#t-program > #semanalm{
		margin: 20px auto;
		width: 40%;}
		
	
	#t-program > #temas{
		border: 1px solid #ccc;
		border-radius: 20px;
		box-shadow: 5px 5px 20px rgba(0,0,0, .5);
		margin-bottom: 15px;
		min-width: 800px;
		max-width: 850px;
		padding: 30px 20px;
		top: 10px;
		width: 100%;
		z-index: 1;}
		
	#t-program > #temas > div:nth-child(1),
	#t-program > #temas > div:nth-child(2){
		float: left; 
		margin: auto;
		min-height: 400px;
		width: 40%;}
	#t-program > #temas > div:nth-child(2){
		float: right;
		width: 50%;}
	#t-program > #temas > div:nth-child(2) .text-4{
		font-size: 12px;}
		
	#t-program > #temas .title-3{
		width: 100%;}
		
	#t-program > #temas .seta-baixo{
		margin-top: -10px;
		padding: 13px 16px 20px 12px;
		right: -8px;}
	#t-program > #temas .seta-baixo::after{
		border-right: 4px solid white;
		border-bottom: 4px solid white;
		height: 22px; width: 22px;}
		
	#t-program > #temas > div > ul{
		position: absolute;	top: 50%; left: 50%;
		transform: translate(-50%);}
	#t-program > #temas ul > li{
		font-size: 12px;
		padding-bottom: 80px;}
	#t-program > #temas ul > li > ul{
		border-radius: 10px;
		left: -1px; top: -20px;
		width: calc(100% - 60px);}
	#t-program > #temas ul > li li{
		padding: 10px;}
	#t-program > #temas ul > li > a{
		border-radius: 5px;
		font-size: 25px;
		padding: 5px 110px 5px 40px;}
	
		
	#t-program .div-blue-2{
		height: 70px; width: 100%;
		min-width: 830px;
		max-width: 880px;
		transform: translate(-50%, -50%); }
	#t-program > #temas .div-blue-2{
		height: 40px; width: 100%;
		min-width: 100px;
		max-width: 200px;
		transform: translate(-50%, 0%); 
		top: 97%;}
		
	#t-program > #boletim-online{
		background: url('../images/site/Boletim.jpeg') calc(50% - 250px) 70px/auto 300px no-repeat,
					url('../images/site/tprogram.jpeg?1') center bottom/100% auto no-repeat,
					url('../images/site/tprogram-bg.jpg?1') center bottom/100% auto;}
	#t-program > #boletim-online > div:nth-child(2),
	#t-program > #boletim-online > span:nth-child(2){
		display: block;
		margin-left: 45%;
		width: 55%;}
	#t-program > #boletim-online span:last-child p{
		margin: 10px 50px;}

}

@media only screen and (max-device-width : 768px){

	#t-program{
		min-height: 3000px;}

	#t-program > #imgs{
		background: url(../images/site/tprogram-ovelhas-pc.png) left 20px bottom 80px/70% auto no-repeat;
		height: 770px;}
	#t-program > #imgs .title-3{
		padding: 90px 60px;
		left: 190px; top: 40px;}
		
	#t-program > #semanalm{
		width: 60%;}	
		
	#t-program > #temas{
		border-radius: 40px;
		box-shadow: 10px 10px 20px rgba(0,0,0, .5);
		padding: 20px;
		top: 39px;
		width: 90%;
		z-index: 1;}
	#t-program > #temas .title-3{
		width: 90%;}
	#t-program > #temas .seta-baixo{
		margin-top:-45px;
		padding: 36px 45px 55px 40px;
		right: -15px;}
	#t-program > #temas .seta-baixo::after{
		border-right: 10px solid white;
		border-bottom: 10px solid white;		
		height: 62px; width: 62px;
		transform: rotate(45deg);}
		
	#t-program > #temas > div:first-child,
	#t-program > #temas > div:nth-child(2){
		min-height: 1200px;
		padding: 50px 20px;}
	#t-program > #temas > div:nth-child(2) > div{
		margin: auto;
		margin-top: 40px;
		text-align: left;
		width: 100%;}	
	#t-program > #temas > div:last-child .text-4{
		font-size: 29px;}
	
	#t-program > #temas ul > li{
		font-size: 34px;
		padding-bottom: 80px;
		padding-top: 80px;}
	#t-program > #temas ul > li > ul{
		border-radius: 20px;
		left:-1px; top:5px;
		width: calc(100% - 160px);}	
	#t-program > #temas ul > li li{
		padding: 10px;}		
	#t-program > #temas ul > li > a{
		border-radius: 15px;
		font-size: 58px;
		padding: 35px 240px 15px 120px;}
		
	#t-program .div-blue-2{
		height: 100px; width: 100%;
		min-width: 830px; max-width: 950px;
		z-index: 0;}
	#t-program > #temas .div-blue-2{
		bottom: 0%; top: 99%;
		height: 70px; width: 100%;
		min-width: 300px; max-width: 400px;}
	#t-program .div-blue-2,
	#t-program > #temas .div-blue-2{
		transform: translate(-50%, 0%);}
		
	#t-program > #boletim-online{
		background: url('../images/site/Boletim.jpeg') calc(50% - 280px) 140px/auto 300px no-repeat,
					url('../images/site/tprogram.jpeg?1') center bottom/100% auto no-repeat,
					url('../images/site/tprogram-bg.jpg?1') center bottom/100% auto;
		padding: 150px 70px 300px ;}	
	#t-program > #boletim-online .p-mobile{
		display: block;
		float: right;
		padding-left: 35%;
		width: 100%;}
	#t-program > .block-4 > .text-3{
		text-align: justify;
		font-size: 27px!important;
	}	
	 .curriuculum{
		text-align: justify;
		font-size: 23px!important;
	}
}div.educatorContainer{
  max-width: 2000px;
  margin: 0 auto;
  background-color: #ff2a8a;
}

div.educatorContainer section.header img{
  width: 100%;
}

div.educatorContainer section.availableContent{
  margin: 20px 0 70px;
}

div.educatorContainer section.availableContent img.title{
  display: block;
  margin: 0 auto;
  height: 100px;
}

div.educatorContainer section.availableContent h2{
  color: #00c0ff;
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
  text-shadow: -2px 2px 2px rgba(153, 0, 83, 1);
}

div.educatorContainer section.availableContent div.availableList{
  background-image: url('/images/freeEducator/site/bgAvailableContent.png');
  background-size: 100% 100%;
  width: 600px;
  display: block;
  margin: 0 auto 50px;
  padding: 20px 40px;
}

div.educatorContainer section.availableContent div.availableList span{
  display: block;
  color: #FFF;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  margin: 10px 0;
}

div.educatorContainer section.availableContent div.availableList span.check:before{
  content: "";
  background-image: url(/images/freeEducator/site/checkIcon.png);
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
  display: inline-block;
}

div.educatorContainer section.availableContent div.availableList span.recomendation{
  text-transform: none;
  margin-top: 40px;
}

div.educatorContainer section.availableContent div.availableList span.recomendation:before{
  content: "";
  background-image: url(/images/freeEducator/site/recomendationIcon.png);
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 0 5px;
}

div.educatorContainer section.availableContent p{
  font-weight: bold;
  color: #FFF;
  font-size: 20px;
  display: block;
  margin: 20px auto;
  text-align: center;
}

div.educatorContainer section.availableContent img.banner{
  width: 800px;
  display: block;
  margin: 0 auto;
}

div.educatorContainer section.giftsAdvantages img{
  width: 550px;
  display: block;
  margin: 0px auto;
}

div.educatorContainer section.openingGift img{
  width: 100%;
}

div.educatorContainer section.contents{
  margin-bottom: 50px;
}

div.educatorContainer section.contents div.content img.title{
  display: block;
  margin: 0 auto;
  height: 100px;
}

div.educatorContainer section.contents div.content div.tvs{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 900px;
  margin: 20px auto 0;
}

div.educatorContainer section.contents div.content div.tvs img{
  width: 48%;
  margin: 10px 0;
}

div.educatorContainer section.contents div.content p{
  font-size: 25px;
  color: #FFF;
  text-align: center;
  width: 800px;
  display: block;
  margin: 20px auto 0;
  font-weight: bold;
}

div.educatorContainer section.benefits div img.title{
  display: block;
  margin: 0 auto;
  height: 100px;
}

div.educatorContainer section.benefits div p{
  font-weight: bold;
  color: #FFF;
  font-size: 25px;
  display: block;
  margin: 0 auto 20px;
  text-align: center;
}

div.educatorContainer section.benefits div img.content{
  width: 600px;
  display: block;
  margin: 30px auto;
}

div.educatorContainer section.benefits p{
  font-weight: bold;
  color: #FFF;
  font-size: 22px;
  display: block;
  margin: 20px auto;
  width: 500px;
}

div.educatorContainer section.instagram img{
  width: 800px;
  display: block;
  margin: 70px auto 100px;
}

div.educatorContainer section.register{
  background-image: url(/images/freeEducator/site/bgRegister.png);
  background-size: 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 70px 0;
}

div.educatorContainer section.register img.title{
  display: block;
  margin: 0 auto;
  height: 100px;
}

div.educatorContainer section.register form{
  width: 450px;
  display: block;
  margin: 50px auto 0;
}

div.educatorContainer section.register form div{
  position: relative;
}

div.educatorContainer section.register form div img{
  position: absolute;
  height: 17px;
  left: 25px;
  top: 50%;
  margin-bottom: 50%;
  transform: translate(-50%, -50%);
}

div.educatorContainer section.register form div input{
  width: 100%;
  display: block;
  margin: 10px 0;
  padding: 15px 20px 15px 40px;
  border-radius: 999px;
  border: 3px solid #ff7d00;
}

div.educatorContainer section.register form div div.view-pass{
  height: 40px;
  width: 40px;
  position: absolute;
  background: url(/images/eye.png)center center/ 60% auto no-repeat;
  cursor: pointer;
  top: 6px;
  right: 5px;
}

div.educatorContainer section.register form button{
  background-image: url(/images/freeEducator/site/bgButton.png);
  background-size: 100% 100%;
  background-color: transparent;
  border: none;
  font-family: 'Dimbo';
  color: #FFF;
  display: block;
  margin: 20px auto;
  font-size: 25px;
  padding: 19px 30px 30px;
  text-transform: uppercase;
}

@media only screen and (max-device-width : 769px){
  div.educatorContainer section.availableContent img.title{
    height: 150px;
  }

  div.educatorContainer section.availableContent div.availableList{
    width: 95%;
  }

  div.educatorContainer section.availableContent p span{
    margin-top: 23px;
  }

  div.educatorContainer section.giftsAdvantages img{
    width: 80%;
  }

  div.educatorContainer section.benefits div img.content{
    width: 800px;
  }

  div.educatorContainer section.benefits p{
    width: 100%;
    padding: 0 50px;
    text-align: center;
  }

  div.educatorContainer section.register img.title{
    height: 200px;
  }

  div.educatorContainer section.register form div input{
    font-size: 27px;
  }

  div.educatorContainer section.register form div div.view-pass{
    height: 50px;
    width: 50px;
    top: 9px;
    right: 9px;
  }

  div.educatorContainer section.register form button{
    font-size: 40px;
  }
}