@font-face {
	font-family: 'Always';
	src: url('../fontes/Always In My Heart.eot');
	src: local('☺'), url('../fontes/Always In My Heart.woff') format('woff'), url('../fontes/Always In My Heart.ttf') format('truetype'), url('../fontes/Always In My Heart.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fontes/Roboto-Regular.eot');
	src: local('☺'), url('../fontes/Roboto-Regular.woff') format('woff'), url('../fontes/Roboto-Regular.ttf') format('truetype'), url('../fontes/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	overflow:hidden;
}
.titulo{
	font-family: 'Always';
	font-size:3em !important;
}
p{
	font-family: 'Roboto-Regular' !important;
	font-size:1em !important;
	max-width:650px;
}
.clique{
	font-size:0.8em;
	color:#ffffff;
	text-shadow:#222222 1px 1px;
	text-align:center;
}
.play{
	margin:30px 0 0 50px;}

.sub-titulo{
	font-family: 'Roboto-Regular' !important;
	font-size:1.5em !important;
}
.mini-title{
	color:#144d66;
	font-size:0.9em;
	text-align:left;
	margin-top:90px !important;
}

.images01{
	width:355px;
}
.img-tela01{
	margin-bottom:-5px;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: 1;
}
.img-tela02{
	margin-bottom:-5px;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
}
.img-tela03{
	margin-bottom:-5px;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-iteration-count: 1;
}
.img-tela04{
	margin-bottom:-5px;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
}
.img-tela05{
	margin-bottom:-5px;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 2.5s;
    -webkit-animation-iteration-count: 1;
}
.img-tela06{
	margin-bottom:-5px;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 3s;
    -webkit-animation-iteration-count: 1;
}
.img-tela07{
	margin-bottom:-5px;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 3.5s;
    -webkit-animation-iteration-count: 1;
}
.images-bottom{
	bottom:90px;
	position:absolute;
	z-index:999;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}
.img-tela01-02{
	width:118px;
	margin-bottom:-5px;
	margin:auto;
	position:relative;
	-webkit-animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
}
.passo01{
	background:#eb8000;
	min-height:600px;
}
.passo02{
	background:#1796a3 !important;
}

.passo03{
	background:#38697d !important;
	min-height:600px;
}
.modal h3{
	font-family:'Roboto-Regular';
	font-weight:bold;
	color:#fcc700;
}
.modal p{
	color:#ffffff;
	font-family:'Roboto-Regular';
	font-size:1em;
}
.passo2-box{
	border-radius:10px;
	background:#45abb5;
    padding: 0 15px;
    margin: 0 20px;
}
.passo2-box p{
	color:#ffffff;
	font-size:0.9em;
}
.display-off{
	display:none !important;
}
.images-size{
	width:100%;
}
.images-sup-l-01{	width:416px;	bottom:100px;	left:50px;}
.images-sup-r-01{	width:416px;	bottom:100px ;	right:30px; z-index:0;}
.images-sup-l-02{	width:316px;	bottom:100px;	left:50px; z-index:0}
.images-sup-r-02{	width:316px;	bottom:100px ;	right:50px; z-index:0}
.images-sup-l-03{	width:223px;	bottom:100px ;	left:50px;}
.images-sup-r-03{	width:223px;	bottom:100px;	right:50px;}
.margin-l{ margin-left:-50px;}
@media only screen and (max-height: 1050px) {
	.images-bottom{ background:url(../objetos/obj01.png);	background-size:70%;	background-repeat:no-repeat;	background-position:center left;}
	.bg-obj {    background: url(../objetos/obj01.png);    background-repeat: no-repeat;    background-position: left 90px;    position: relative;    background-size: 70%;}
	.images-size{	width:70%;}
	.images-sup-l-01{	width:316px;}
	.images-sup-r-01{	width:316px;}
	.images-sup-l-02{	width:256px;}
	.images-sup-r-02{	width:256px;}
	.images-sup-l-03{	width:190px;}
	.images-sup-r-03{	width:190px;}
}
@media only screen and (max-height: 900px) {
	.images-sup-l-01{	bottom:20px !important}
	.images-sup-r-01{	bottom:20px !important}
	.images-sup-l-02{	bottom:20px !important; left:0px;}
	.images-sup-r-02{	bottom:20px !important; right:20px;}
	.images-sup-l-03{	bottom:20px !important; left:20px;}
	.images-sup-r-03{	bottom:20px !important}
	.play{
	margin:0px 0 0 50px;}
	.bgtela02 { margin-top: -100px !important;    min-height: 100px !important;}

}
@media only screen and (max-height: 768px) {
	.images-bottom{ bottom:0 !important;}
	.images-display02{ display:none !important;}
	.bgtela02 { margin-top: -50px !important;    min-height: 50px !important;}
	.table-resp{width: 365px !important;}
	.images-display02{ display:none}	
	.images-sup-l-01{	width:206px;}
	.images-sup-r-01{	width:206px;}
	.images-sup-l-02{	width:166px;}
	.images-sup-r-02{	width:166px;}
	.images-sup-l-03{	width:100px;}
	.images-sup-r-03{	width:100px;}
	.play{ width:300px;}
	p{ line-height:1.4;}
	
}
@media only screen and (max-width: 1290px) {
	.images-bottom{ bottom:0 !important;}
	
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 768px){
	.images-display{ display:none;}
}
@media only screen and (max-width: 450px) {
	.titulo{ color:#ffffff !important; max-width:80%; margin: 0 10px}
	p{ color:#ffffff !important; max-width:80%; margin: 0 10px}
	.mini-title{ color:#ffffff !important; max-width:250px; margin: 90px 10px 0 10px !important;}
	.sub-titulo{ color:#ffffff !important; max-width:80%; margin: 0 10px}
	.img-tela07{ margin-bottom:50px;}
	.animated p{ margin-bottom:50px;}
	.image01{ max-width:320px;}
	.display-on{ display:none;}
	.display-off{ display: block}
	.images-display02{ display:none}
	.clique { width:70%;}
	.play{ margin:0 auto; width:270px;}
}
@media only screen and (max-width: 420px) {
	.images01{
		width:390px;
	}
}

@media only screen and (max-width: 375px) {
	.images01{
		width:350px;
	}
	.image01{ max-width:270px;}
	.table-resp{
		width: 390px !important;
}
}

@media only screen and (max-width: 320px) {
	.images01{
		width:300px;
	}
}