@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:0 !important;
}
p{
	font-family: 'Roboto-Regular' !important;
	font-size:1em !important;
	max-width:650px;
}
.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;
	margin-bottom:0 !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;
}
.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;
}
.tooltip-all{
    position: absolute !important;
    border: none !important;
    background: #eb7f00 !important;
	color:#ffffff !important;
	padding:15px;
	border-radius:10px;
	;
}
.tooltip01{
	    top: 80px !important;
    left: -10px !important;
	z-index:10 !important;
}
.tooltip02{
	    top: 180px !important;
    left: -30px !important;
	z-index:20 !important;
}
.tooltip03{
	    top: 320px !important;
    left: -10px !important;
	z-index:30 !important;
}
.tooltip04{
	    top: 420px !important;
    left: 20px !important;
	z-index:40 !important;
}
.tooltip05{
	    top: 520px !important;
    left: 150px !important;
	z-index:50 !important;
}
.tooltip06{
	    top: 220px !important;
    left: 320px !important;
	z-index:60 !important;
}
.tooltip07{
	    top: 140px !important;
    left: 290px !important;
	z-index:70 !important;
}
.tooltip08{
	    top: 320px !important;
    left: 350px !important;
	z-index:80 !important;
}
.telas{overflow-x:hidden !important;}
.margin-neg{
	margin-top:-50px;
}
.margin01{ padding:0;}
.margin02{}
.display-off{
	display:none !important;
}
 .margin-neg02{
	 margin-left:50px;
}

.images-sup-l-01{	width:411px;	bottom:50px !important;	left:-30px;}
.images-sup-r-01{	width:338px;	bottom:100px !important;	right:50px;}
.display-01{ display:none;}
.col-lg-4{ padding:0 !important;}

@media only screen and (max-height: 1100px) {
 .margin-neg02{ 	 margin-left:-150px;}
}
@media only screen and (max-height: 1050px) {
	.images-bottom{ bottom:0 !important;	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-sup-l-01{	width:350px;	bottom:20px !important;	left:-50px;}
.images-sup-r-01{	width:280px;	bottom:100px !important;	right:50px;}
}
@media only screen and (max-height: 1025px) {
	.images-display01{ display:none;}
}

@media only screen and (max-height: 900px) {
	.images-sup-l-01{	width:350px;	bottom:-70px !important;	left:-150px;}
.images-sup-r-01{	width:280px;	bottom:0 !important;	right:-10px;}
.col-lg-4{ padding:0 !important;}	
.bgtela02 {
    background: url(../objetos/02.jpg);
    background-position: bottom center;
    margin-top: -160px !important;
    min-height: 160px !important;
    overflow: hidden;}
}
}
@media only screen and (max-height: 768px) {
	.images-display{ display:none;}
	.images-bottom{ bottom:0 !important;}
	.margin01 { padding:0 !important;}
	.images01 {    width: 100%;}
.margin-neg02{	 margin-left:-150px;}
.bgtela02 {    margin-top: -50px !important;    min-height: 50px !important;}
.display-01{ display:none !important;}
.display-02{ display:block;}
}




@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 770px){
	.images-display { display:none !important;}
	.images-display02{display:none !important;}
	.images01 {margin-left: 50px;}
	.img-tela03 { margin-top: -50px;}
	
	.bgtela02 {    margin-top: -70px !important;    min-height: 100px !important;    overflow: hidden;
}
@media only screen and (max-width: 450px) {
	.titulo{ color:#ffffff !important; max-width:80%; margin: 0 10px}
	p{ color:#ffffff !important; max-width:80% !important; 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;}
.margin01{ margin-top:20px;  padding:0 !important;}
.margin02{ margin-top:-50px;  padding:0 !important;}
	.display-on{ display:none;}
	.display-off{ display: block}
	.images-display02{ display:none !important;}
	.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:310px;
	}
}

@media only screen and (max-width: 360px) {
	.images01{
		width:280px;
	}
}

@media only screen and (max-width: 320px) {
	.images01{
		width:280px;
	}
}