.simform {

	position: relative;

	margin: 0 auto;

	padding: 75px 0 0;

	max-width: 860px;

	width: 100%;

	text-align: left;

	font-size: 2.5em;

}



.simform .submit {

	display: none;

}



/* Question list style */

.simform ol {

	margin: 0;

	padding: 0;

	list-style: none;

	position: relative;

	-webkit-transition: height 0.4s;

	transition: height 0.4s;

}



.simform ol:before {

	content: '';

	background-color: #FFFFFF;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2.35em;

}



.questions li {

	z-index: 100;

	position: relative;

	visibility: hidden;

	height: 0;

	-webkit-transition: visibility 0s 0.4s, height 0s 0.4s;

	transition: visibility 0s 0.4s, height 0s 0.4s;

}



.questions li.current,

.no-js .questions li {

	visibility: visible;

	height: auto;

	-webkit-transition: none;

	transition: none;

}



/* Labels */

.questions li > span {

	display: block;

	overflow: hidden;

}



.questions li > span label {

	display: block;

	-webkit-transition: -webkit-transform 0.4s;

	transition: transform 0.4s;

	-webkit-transform: translateY(-100%);

	transform: translateY(-100%);

	color: #FFFFFF;

	font-family: 'Lato';

	font-size: 27px;

	text-align: center;

}



.questions li.current > span label,

.no-js .questions li > span label {

	-webkit-transition: none;

	transition: none;

	-webkit-transform: translateY(0);

	transform: translateY(0);

}



.show-next .questions li.current > span label {

	-webkit-animation: moveUpFromDown 0.4s both;

	animation: moveUpFromDown 0.4s both;

}

/*

@-webkit-keyframes moveUpFromDown {

	from { -webkit-transform: translateY(100%); }

	to { -webkit-transform: translateY(0); }

}



@keyframes moveUpFromDown {

	from { -webkit-transform: translateY(100%); transform: translateY(100%); }

	to { -webkit-transform: translateY(0); transform: translateY(0); }

}

*/

/* Input field */

.questions input {

	display: block;

	margin: 1em 0 0 0;

	padding: 0.5em 1em 0.5em 0.7em;

	width: calc(100% - 2em);

	border: none;

	background: transparent;

	color: rgba(0,0,0,0.8);

	font-family: 'Merriweather';

	font-size: 32px;

	line-height: 48px;

	opacity: 0;

	-webkit-transition: opacity 0.3s;

	transition: opacity 0.3s;

}



.questions .current input,

.no-js .questions input {

	opacity: 1;

}



.questions input:focus,

.simform button:focus {

	outline: none;

}



/* Next question button */

.next {

	position: absolute;

	right: 0;

	bottom: 6px; /* padding-bottom of form plus progress bar height */

	display: block;

	padding: 0;

	width: 2em;

	height: 2em;

	border: none;

	background: none;

	color: rgba(0,0,0,0.4);

	text-align: center;

	opacity: 0;

	z-index: 100;

	cursor: pointer;

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

	transition: transform 0.3s, opacity 0.3s;

	-webkit-transform: translateX(-20%);

	transform: translateX(-20%);

	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	font-size:100%;

}



.next:hover {

	color: rgba(0,0,0,0.5);

}



.next::after {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	content: "\e600";

	text-transform: none;

	font-weight: normal;

	font-style: normal;

	font-variant: normal;

	font-family: 'icomoon';

	line-height: 2;

	speak: none;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.next.show {

	opacity: 1;

	-webkit-transform: translateX(0);

	transform: translateX(0);

	pointer-events: auto;

}



/* Progress bar */

.simform .progress {

	width: 0%;

	height: 0.15em;

	background: #5c041e;

	-webkit-transition: width 0.4s ease-in-out;

	transition: width 0.4s ease-in-out;

}



.simform .progress::before {

	position: absolute;

	top: auto;

	width: 100%;

	height: inherit;

	background: rgba(0,0,0,0.05);

	content: '';

}



/* Number indicator */

.simform .number {

	position: absolute;

	right: 50%;

	overflow: hidden;

	margin: 0.4em 0;

	width: 40px;

	font-size: 0.4em;

	text-align: center;

	margin-right: -20px;

	margin-top: 54px;

	color: #FFFFFF;

	font-family: 'Lato';

}



.simform .number:after {

	position: absolute;

	left: 50%;

	content: '/';

	opacity: 0.4;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

}



.simform .number span {

	float: right;

	width: 40%;

	text-align: center;

}



.simform .number .number-current {

	float: left;

}



.simform .number-next {

	position: absolute;

	left: 0;

}



.simform.show-next .number-current {

	-webkit-transition: -webkit-transform 0.4s;

	transition: transform 0.4s;

	-webkit-transform: translateY(-100%);

	transform: translateY(-100%);

}



.simform.show-next .number-next {

	-webkit-animation: moveUpFromDown 0.4s both;

	animation: moveUpFromDown 0.4s both;

}



/* Error and final message */

.simform .error-message,

.simform .final-message {

	position: absolute;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: opacity 0.4s;

	transition: opacity 0.4s;

}



.simform .error-message {

	padding: 22px 0 0;

	width: 100%;

	font-size: 0.4em;

	text-align: center;

	font-size: 15px;

	font-family: 'Lato';

	color: #FFFFFF;	

}



.final-message {

	top: 130px;

	left: 0;

	padding: 0.5em;

	width: 100%;

	text-align: center;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	color: #FFFFFF;

	font-family: 'Merriweather';

	font-size: 34px;

}



.error-message.show,

.final-message.show {

	visibility: visible;

	opacity: 1;

}



.final-message.show {

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s;

}



/* Final hiding of form / showing message */

.simform-inner.hide {

	visibility: hidden;

	opacity: 0;

	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;

	transition: opacity 0.3s, visibility 0s 0.3s;

}



/* No JS Fallback */

.no-js .simform {

	font-size: 1.75em;

}



.no-js .questions li {

	padding: 0 0 2em;

}



.no-js .simform .submit {

	display: block;

	float: right;

	padding: 10px 20px;

	border: none;

	background: #f1d81a;

	color: rgba(0,0,0,0.4);

}



.no-js .simform .controls {

	display: none;

}



.simform-inner .controls{

	background-color: #FFFFFF;

}



.wrap_form{

	position: relative;

	background: url(../images/bg-contato.jpg) no-repeat top center;

	padding: 0 15px 2%;

	background-size: cover;

}



.wrap_form h3{

	font-family: 'Lato';

	color: #FFFFFF;

	font-size: 60px;

	line-height: 1;

	max-width: 560px;

	margin: 0 auto;

	padding-top: 9%;

}



.formcontato-inner{

	max-width: 862px;

	margin: 0 auto;

	/*padding-top: 5%;*/
	padding-top: 10px;

}



.formcontato-inner .wrap-all-form{

	min-height: 285px;

	margin-bottom: 15px;

}



.formcontato-inner .button-form-inner{

	clear: both;

}



.formcontato-inner .button-form-inner span{

	float: left;

	color: #f1d81a;

	font-size: 11px;

	font-family: 'Merriweather';

	font-weight: 300;

	display: inline-block;

	line-height: 40px;

}



.formcontato-inner .f_left,

.formcontato-inner .f_right{

	width: 380px;

}



/* 

	Left side

*/



.formcontato-inner .f_left > div.field-item{

	width: 100%;

	border-bottom: 1px solid #706f6e;

	height: 40px;

	margin-bottom: 9%;

	position: relative;

}



.formcontato-inner .f_left > div:after{

	content: "*";

	font-family: 'Lato';

	color: rgba(255,255,255,.5);

	position: absolute;

	display: inline-block;

	padding: 12px 2px 0 0;

	top: 4px;

	right: 5px;

	z-index: 2;

}



.formcontato-inner .f_left > div .field-text{

	background: transparent;

	border: none;

	outline: none;

	height: 100%;

	width: 96%;

	color: rgba(255,255,255,.5);

	font-size: 13px;

	font-family: 'Lato';

}



/* 

	Right side

*/



.formcontato-inner .f_right label{

   color: rgba(255,255,255,.5);

   font-size: 13px;

   font-family: 'Lato';

   display: block;

   height: 40px;

   line-height: 40px;	

}



.formcontato-inner .f_right textarea{

	background: transparent;

	border: 1px solid #706f6e;

	outline: none;

	height: 150px;

	width: 380px;

	padding: 8px;

    color: rgba(255,255,255,.5);

   	font-size: 13px;

   	font-family: 'Lato';

}



#st-container .formcontato-inner button{

	background: #f1d81a;

	color: #333;

	height: 58px;

	line-height: 58px;

	width: 140px;

   	font-size: 13px;

   	font-family: 'Lato';

   	border: none;

   	outline: none;

   	border-radius: 5px;

	cursor: pointer;

   	transition: background .3s;

}



#st-container .formcontato-inner button:hover{

	background: #D1B80a;

}





.formcontato-inner .span-error{

	color: #d9003c;

	display: block;

	font-family: 'Merriweather';

	font-size: 11px;	

	line-height: 22px;

}



.formcontato-inner .wrap-all-form > span{

	font-family: 'Lato';

	color: rgba(217,0,60,1);

	font-size: 40px;

	line-height: 40px;

	margin: 0 auto;

	display: block;

	text-align: center;

}



.formcontato-inner .wrap-all-form .loader{

	width: 80px;

	height: 80px;

	border-radius: 4px;

	-webkit-border-radius: 4px;	

	background-color: rgba(217,0,60,1);

	padding: 10px 0 0;

	margin: 0 auto;

	display: none;

}



.formcontato-inner .wrap-all-form .loader img{

	display: block;	

	margin: 0 auto;

}



/* 

	Endereço

*/



.formcontato-inner .dados{

	float: left;

	display: table;

	width: 50%;

	font-family: 'Lato';

	white-space: nowrap;

}

.formcontato-inner .sociais{

	float: right;

	display: table;

	direction: rtl;

}



.dados .fone,

.dados .end{

	display: table-cell;

	vertical-align: top;

}



.dados .fone span,

.dados .end span{

	color: #FFFFFF;

	font-family: 'Lato';

	font-size: 14px;

}



.dados .fone span strong{

	display: block;

	font-size: 18px;

	padding-top: 14px;

}



.dados .fone span strong span {

    font-size: 11px;

    padding-bottom: 8px;

    display: block;

}



.dados .end span small{

	display: block;

	font-size: 11px;

	line-height: 18px;

	padding-top: 14px;

	font-family: 'Lato';

	font-weight: 400;	

	text-transform: none;

}



.dados .end{

	padding-left: 30px;

	width: 175px;

	font-family: 'Lato';

}





.formcontato-inner .sociais a{

	display: inline-block;

	vertical-align: top;

	height: 20px;

	width: 22px;

	background-position: top center;

	background-repeat: no-repeat;

	transition: opacity .3s;

}



.formcontato-inner .sociais a.facebook{

	margin-right: 30px;

	background-image: url(../images/icons/fb_footer.png);

}



.formcontato-inner .sociais a.linkedin{

	margin-right: 20px;

	background-image: url(../images/icons/linkedin_footer.png);

}



.formcontato-inner .sociais a:hover{

	opacity: .75;

}





/* 

	Maps

*/





.mapa{

	padding: 7% 0;

	background: #fcfcfc url(../images/bg-mapa-agenciakindle.jpg) no-repeat top center;

}



.mapa .default_button{

	padding: 0 35px;

	transition: opacity .3s;

}



.mapa .default_button:hover{

	opacity: .75;

}



#mapa-kindle{

	position: absolute;

	z-index: 300;

	top: 50%;

	left: 50%;

	margin-left: -420px;

	margin-top: -260px;

}



#mapa-kindle iframe{

	display: block;

}



.wrap-googlemaps{	

	position: fixed;

	top: -120%;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 400;

	-webkit-transition: top 0.25s;

			transition: top 0.25s;

}



.wrap-googlemaps::after{	

	content: "";

	top: 0;

	left: 0;

	display: block;

	height: 100%;

	width: 100%;

	z-index: 10;

	background-color: transparent;

	-webkit-transition: background-color 0.25s ease 0.2s;

			transition: background-color 0.25s ease 0.2s;

	

}



.wrap-googlemaps.show{

	top: 0%;

}



.wrap-googlemaps.show::after{	

	background-color: rgba(0,0,0,0.75);	

	-webkit-transition-delay: 0;

			transition-delay: 0;

}





.wrap-googlemaps .close{

	position: absolute;

	z-index: 50;

	top: -300px;

	right: -50px;

	background-color: rgba(217,0,60,1);

	display: block;

	width: 50px;

	height: 50px;

	padding: 13px;	

	border-radius: 0 3px 3px 0;

	-webkit-border-radius: 0 3px 3px 0;

	-webkit-transition: top 0.2s ease 0.25s;

			transition: top 0.2s ease 0.25s;			

}



.wrap-googlemaps .close img{

	width: 24px;

	display: block;

}



.wrap-googlemaps.show .close{	

	top: 0;

}





::-webkit-input-placeholder {

   color: rgba(255,255,255,.5);

   font-size: 13px;

   font-family: 'Lato';

}



:-moz-placeholder {

   color: rgba(255,255,255,.5);

   font-size: 13px;

   font-family: 'Lato';

}



::-moz-placeholder {

   color: rgba(255,255,255,.5);

   font-size: 13px;

   font-family: 'Lato';

}



:-ms-input-placeholder {  

   color: rgba(255,255,255,.5);

   font-size: 13px;

   font-family: 'Lato';

}







/* Remove IE clear cross */

input[type=text]::-ms-clear {

    display: none;

}



/* Adjust form for smaller screens */

@media screen and (max-width: 44.75em) {

	.simform {

		font-size: 1.8em;

	}

}



@media screen and (max-width: 33.5625em) {

	.simform {

		font-size: 1.2em;

	}

}

@media screen and (max-width: 480px) {

	.formcontato-inner .f_right textarea{

		height:100px;

	}

	

}





/*

	MEDIA

	-------- */



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

	.wrap_form h3 {

		font-size: 54px;

	}

}



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

	.display_bl{display:none;}

	.wrap_form {

		padding-right: 10%;

		padding-left: 10%;

		padding-bottom: 50px;

	}

	.wrap_form h3 {

		padding-top: 14%;

		font-size: 48px;

	}

	.formcontato-inner .f_left,

	.formcontato-inner .f_right {

		float: none;

		width: 100%;

	}

	.formcontato-inner .f_right textarea {

		width: 100%;

	}

	.formcontato-inner .button-form-inner {

		padding-top: 20px;

		margin: 0 auto;

	}

	#st-container .formcontato-inner button {

		float: right;

	}

	.mapa {

		padding: 60px 0;

	}

}



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

	.wrap_form {

		padding-right: 6%;

		padding-left: 6%;

	}

	.wrap_form h3 {

		padding-top: 70px;

		font-size: 40px;

	}

	.formcontato-inner .f_left > div {

		margin-bottom: 5%;

	}

	#st-container .formcontato-inner button {

		width: 120px;

		height: 43px;

		line-height: 40px;

	}

	.formcontato-inner .dados {

		float: none;

		width: 100%;

	}

	.formcontato-inner .sociais {

		    float: none;

            margin: 24px auto;

	}

}



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

	.wrap_form h3 {

		font-size: 26px;

	}

	.wrap_form {

		padding-right: 15px;

		padding-left: 15px;

	}

	.formcontato-inner .button-form-inner {

		padding-top: 6px;

	}

	.formcontato-inner .button-form-inner span {

		float: none;

		display: block;

		text-align: center;

	}

	#st-container .formcontato-inner button {

		float: none;

		display: block;

		margin: 0 auto;

	}

	.formcontato-inner .f_left > div {

		margin-bottom: 5px;

	}

}



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

	.wrap_form h3 {

		font-size: 25px;

	}

	.dados .end {

		padding-left: 15px;

	}

	.dados .fone span strong {

		font-size: 16px;

	}

}