/* Default */
body { font-family: 'Catamaran', sans-serif; color: #57728d; }

/* Sprite */
.sprite { background: url(../img/sprite.png) no-repeat; }

/* images */
.logo {
	width: 142px;
	height: 104px;
	background-position: -212px -260px;
}

/* Login box */
.login-box {
	width: 250px;
	padding:10px;
	position: absolute;
	left:50%;
	margin-left: -125px;
	top: 0;
	margin-top: 15px;
	border:1px solid #cccccc;
	box-shadow: 0 0 1px 1px #52525214;
	-o-transition: all .35s cubic-bezier(.26, .15, .17, 1);
	-moz-transition: all .35s cubic-bezier(.26, .15, .17, 1);
	-webkit-transition: all .35s cubic-bezier(.26, .15, .17, 1);
	transition: all .35s cubic-bezier(.26, .15, .17, 1);
	z-index: 1;
}
.login-box.go-left-out {
	left:0%;
	margin-left: -250px;
	opacity: 0;
}
.login-box.go-right-out {
	left:100%;
	margin-left: 0px;
	opacity: 0;
}
.login-box input {
	background-color: #f7f7f7;
	
}
.login-box a, .login-box p, .login-box input {
	font-size: 0.9rem;
}
.login-box a {
	color:#5a5a5a;
	text-decoration: underline;
}
.login-box button {
	color:#ffffff;
	width: 100%;
	background-color: #58728d;
	border-color: #58728d;
	line-height: 30px;
}
.login-box button:hover {
	background-color: #023d5d;
	border-color: #023d5d;
}

/* Font Size */
.fs-11 { font-size: 11px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-17 { font-size: 17px; }
.fs-18 { font-size: 18px; }
.fs-21 { font-size: 21px; }
.fs-22 { font-size: 22px; }
.fs-23 { font-size: 23px; }
.fs-26 { font-size: 26px; }
.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-33 { font-size: 33px; }
.fs-42 { font-size: 42px; }

/* Font Weight */
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }

/* Margin */
.mr-20 { margin-right: 20px; }

/* Line height */
.lh-20 {
	line-height: 20px;
}

/* Colors */
.color-dark-blue { color: #043d5d; }
.color-light-blue { color: #57728d; }
.color-white { color: #ffffff; }
.color-red { color: #ff0000; }
.color-black { color: #000000; }
.color-green-light { color: #5fba2e; }

/* Background colors */
.bgcolor-dark-blue { background-color: #01263a; }
.bgcolor-light-blue { background-color: #043d5d; }
.bgcolor-grey { background-color: #989898; }
.bgcolor-grey-light{ background-color: #d2d2d2; }
.bgcolor-green { background-color: #528100; }
.bgcolor-dark-green { background-color: #324e00; }
.bgcolor-darkest-green { background-color: #223401; }

/* Text decoration */
.br-15 {
	border-radius: 15px;
}

/* Text decoration */
.underline {
	text-decoration: underline;
}

/* Blocks */
.block-entenda-saldo {
	background-color: #043c5d8c;
	padding: 15px;
	border-radius:15px;
}
.entenda_saldo {
	margin: 0 0 10px 0;
}
.entenda_saldo > div {
	display: block;
	min-height: 100%;
	background-color: #01263abf;
	color: #ffffff;
	border-radius: 15px;
	padding: 15px;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
}
.entenda_saldo span {
	display: block;
	width: 100%;
	font-size: 20px;
}
.block-assistido-reserva-projetada {
	background-color: #d2d2d2;
	padding: 15px;
	text-align: center;
	border-radius: 15px;

}
.block-assistido-reserva-projetada i {
	margin: 0 auto;
}
.block-vantagem-migracao {
	border-radius: 15px;
}
.block-vantagem-migracao .block-assistido {
	background-color: #7d7d7d;
	border-radius: 15px;
	padding: 2px 10px;
	height: 100%;
}
.block-plano-atual {
	transform: rotate(-90deg);
	position:relative;
	padding: 1px 10px;
	top: -44px;
	left: -27px;
}
.block-plano-equatorial {
	transform: rotate(-90deg);
	position:relative;
	padding: 1px 10px;
	top: -64px;
	left: -117px;
}
.block-plano-equatorial-text {
	text-align: justify;
}
.block-plano-atual-text {
	text-align: justify;
}

/* Padding */
.pt-9 {
	padding-top: 9px;	
}
.p-24 {
	padding: 24px;	
}

/* Icons */
.icon-moneymoney {
	min-width: 82px;
	width: 82px;
	height: 47px;
	background-position: -460px 0px;
}
.icon-person {
	min-width: 50px;
	width: 50px;
	height: 38px;
	background-position: 0px 0px;
}
.icon-book {
	width: 57px;
	height: 44px;
	background-position: -90px 0px;
}
.icon-money {
	min-width: 57px;
	width: 57px;
	height: 52px;
	background-position: -195px 0px;
}
.icon-refresh {
	min-width: 70px;
	width: 70px;
	height: 52px;
	background-position: -277px 0px;
}
.icon-pig {
	min-width: 58px;
	width: 92px;
	height: 109px;
	background-position: 0 -140px;
	position: absolute;
	z-index: 1;
	top: -21px;
}
.icon-hand-money {
	min-width: 58px;
	width: 58px;
	height: 57px;
	background-position: -127px -140px;
}
.icon-moneyless {
	min-width: 59px;
	width: 59px;
	height: 57px;
	background-position: -226px -140px;
}
.icon-moneymore {
	min-width: 59px;
	width: 59px;
	height: 76px;
	background-position: -329px -140px;
}
.icon-dolar {
	min-width: 57px;
	width: 57px;
	height: 56px;
	background-position: -432px -140px;
}
.icon-time {
	min-width: 59px;
	width: 59px;
	height: 56px;
	background-position: -544px -140px;
}
.icon-bag {
	min-width: 59px;
	width: 59px;
	height: 47px;
	background-position: 0 -280px;
}
.icon-doc {
	min-width: 50px;
	width: 50px;
	height: 62px;
	background-position: -79px -280px;
}
.icon-heart {
	min-width: 59px;
	width: 59px;
	height: 58px;
	background-position: -388px 0px;
}
.icon-size {
	min-width: 30px;
	width: 30px;
	height: 30px;
}
.icon-face {
	background-position: -50px -78px;
}
.icon-birthday {
	background-position: -103px -78px;
}
.icon-family {
	background-position: 0 -78px;
}
.icon-map {
	background-position: -153px -78px;
}
.icon-email {
	background-position: -204px -74px;
}
.icon-plan {
	background-position: -259px -78px;
}
.icon-star {
	background-position: -309px -76px;
}

/* Input */
#frmContato .form-control {
	border-radius: 1rem;
	background-color: #d5dae5;
	color: #043d5d;
	font-size: 13px;
	font-weight: 700;
}


/* Button */
.btn-green {
	background-color: #528100;
	color: #ffffff;
	border-radius: 19px;
	padding-left: 20px;
	padding-right: 20px; 
}
.simulacao-choice {
	display: block;
	width: 100%;
	background-color: #737373;
	color:#ffffff !important;
	padding: 12px 26px;
	
}
.simulacao-choice:hover, .simulacao-choice.active {
	background-color: #0086e3;
}
.simulacao-choice h1 {
	margin-bottom: 4px;
	font-weight: 700;
}
.simulacao-choice p {
	margin: 0;
}


/* Screen rules */
@media(min-width: 576px) {

	/* Fundos */
	.bg-1 { background: url(../img/fundo-1.jpg) no-repeat 50% 0; }
	.bg-2 { background: url(../img/fundo-2.jpg) no-repeat 50% 0; }
	.bg-3 { background: url(../img/fundo-3.jpg) no-repeat 50% -41px; }
	.bg-4 { background: url(../img/fundo-4.jpg) no-repeat 50% 95px; }
	.assistido .bg-1 { background: url(../img/fundo-1-assistido.jpg) no-repeat 50% 0; }
	.assistido .bg-2 { background: url(../img/fundo-2-assistido.jpg) no-repeat 50% 0; }
	.assistido .bg-3 { background: none; }
	.mt-sm-8 {
		margin-top: 8rem!important;
	}
	.block-plano-equatorial-text {
		margin-left: -167px!important;
		text-align:left;
	}
	.block-plano-atual-text {
		text-align:right;
	}
	.logo-text { margin-bottom: 103px; }
	/* Blocks */
	.block-vantagem-migracao .block-simulacao-1 {
		padding: 24px;
		border-radius: 15px;
		position: relative;
		z-index: 2;
	}
	.block-vantagem-migracao .block-simulacao-1.ajustar-espaco {
		padding: 10px 15px 0 15px;
	}
	.block-vantagem-migracao .block-simulacao-1-1 {
		padding: 24px;
		border-radius:0 0 15px 15px;
		position: relative;
		z-index: 1;
	}
	.block-vantagem-migracao .block-simulacao-1-1.ajustar-espaco {
		padding: 10px 15px 0 15px;
		border-radius:0 0 15px 15px;
		position: relative;
		z-index: 1;
		top:-10px;
	}
	.block-assistido-reserva-projetada {
		position: absolute;
		left: 100%;
		top:-292px;
		z-index:1;
		width: 176px;
		height:294px;
		padding: 15px;
		border-radius: 15px;
		text-align: center;
		margin-left: -20%;
	}
	.block-assistido-reserva-projetada i {
		margin: 0 auto 12px auto;
	}

	/* Button */
	.simulacao-choice {
		width: auto;
		max-width: 150px;
		border-radius: 22px;
	}
}
@media(min-width: 768px) {
	.block-assistido-reserva-projetada {
		margin-left: -20%;
	}
}
@media(min-width: 992px) {
	.block-assistido-reserva-projetada {
		margin-left: 0;
	}
}