@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;
	margin-top:80px !important;
}
.telas p{
	max-width:650px;
}
p{
	font-family: 'Roboto-Regular' !important;
	font-size:1em !important;
}
.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:20px;
	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;
	min-width:900px;
}
.passo02{
	background:#1796a3 !important;
}

.passo03{
	background:#38697d !important;
	min-height:600px;
	min-width:900px;
}
.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;
}
.margins{ position:inherit;
    right: 100px;
}
.display-off{
	display:none !important;
}
.telas{overflow-x:hidden !important;}

.images-sup-r-01{	width:316px;	bottom:150px !important;	left:40px;}
.images-sup-l-01{	width:539px;	bottom:150px !important;	right:40px;}
@media only screen and (max-height: 1050px) {
	.bg-obj {    background: url(../objetos/obj01.png);    background-repeat: no-repeat;    background-position: left 90px;    position: relative;    background-size: 70%;}
	
	.images-sup-r-01{	width:216px;}
	.images-sup-l-01{	width:400px;}
}
@media only screen and (max-height: 900px) {
	.images-sup-r-01{ bottom:100px !important}
	.images-sup-l-01{ bottom:100px !important}
	.images-sup-r-01{	width:190px;}
	.images-sup-l-01{	width:370px;}
}

@media only screen and (max-height: 780px) {
	.images-bottom{ bottom:0 !important;}
	.bgtela02 {    margin-top: -50px !important;    min-height: 50px !important;
	}
	.images-display03{ display:none;}
	h2{ color:#ffffff !important;}
	h3{ color:#ffffff !important;}
	p{ color:#ffffff !important;}
	
}
@media only screen and (max-width: 1000px) {
}
}
@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:80%; 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;}
.margins{ top:0; !important; margin-bottom:50px;}
	.display-on{ display:none;}
	.display-off{ display: block}
	.height-full{ height:auto !important;}
	.height-full02{ height:auto !important;}
}
@media only screen and (max-width: 420px) {
	.images01{
		width:390px;
	}
}

@media only screen and (max-width: 375px) {
	.images01{
		width:350px;
	}
}

@media only screen and (max-width: 320px) {
	.images01{
		width:300px;
	}
}