html
{
    -ms-content-zooming: none; /* Disables zooming */
    touch-action: none;   /* Disable any special actions on tap/touch */
}
.refreshWebcam {
	position: absolute;
	top:1620px;
	left:390px;
	display: block;
	width:300px;
	height: 300px;
	text-indent: -99999px;
	overflow: hidden;
}
input::-ms-clear {
    display: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.demo {
position:absolute;
top:411px;
left:299px;
}

/* alterando alerta */
.sweet-alert h2 {
	font-size:50px !important;
}
.sweet-alert p {
	font-size:36px !important;
	margin-top:20px !important;
}
.sweet-alert {
	max-height:120%;
	border-radius:25px !important;
	top:20% !important;
	}
.sweet-alert button {
	padding:30px 110px !important;
	font-size:30px !important;
	margin-top:20px !important;
	
}
/* fim alteração alerta sweet */

* {
	margin: 0;
	padding: 0;
	
	/** HIDE CURSOR **/
	/**cursor: none;**/
}

	#radios1 {
			display: block;
			width: 100%;
			position:absolute;
			top:740px;
			left:70px;
		}
		
	#radios2 {
			display: block;
			width: 100%;
			position:absolute;
			top:1095px;
			left:70px;
		}
	#radios3 {
			display: block;
			width: 940px;
			position:absolute;
			top:1447px;
			left:70px;
		}

		div.radiobutton1 {
			display: inline-block;
			margin-right: 10px;
		}

		div.radiobutton1:last-child {
			margin-right: 0px;
		}

		div.radiobutton1 label {
			position: relative;
			vertical-align: middle;
			font-size: 50px;
			color: #fff;
			font-weight: 800;
			line-height:80px;
			display: block;
			padding-left: 90px;
		}

		div.radiobutton1 label > input {
			display: none;
		}

		div.radiobutton1 label span:before {
			content: '';
			display: inline-block;
			width: 75px;
			height: 75px;
			border-radius: 500em;
			background: #ffffff;
			vertical-align: middle;
			position: absolute;
      top:0;
      left:0;
		}

		div.radiobutton1 label span:after {
			content: '';
			position: absolute;
			width: 45px;
			height: 45px;
			border-radius: 500em;
			background: #000;
			left: 15px;
			top: 15px;
			opacity: 0;
			transition: 0.5s all ease-in-out;
			background-color:#002445;
		}

		div.radiobutton1 input:checked + span:after {
			opacity: 1;
		}

	

/**  radio button-down
div.radiobutton1 {
	margin:580px 0px 0px 0px;
	float:left;
	height:75px;
	padding-right:0px;
	width:auto;

}
div.radiobutton2 {
	margin:283px 0px 0px 0px;
	float:left;
	height:75px;
	padding-right:0px;
	width:auto;

}
div.radiobutton3 {
	margin:295px 0px 0px 0px;
	float:left;
	height:75px;
	padding-right:0px;
	width:auto;

}
label span {
	padding:15px 0px 0px 5px;
	display:block;
	margin:0;
	float:right;
	font-weight:800;
}
label {
	color:#3a3a3a;
	font-size:25px;
	height:57px;
	display:block;
	}
*/







a:focus, *:focus {
    filter:chroma(color=#000000);
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

html {
	font-size: 62.5%;
}

#BemaWeb {
	display: none;
}

body{
	font-size: 38px;
	font-size: 3.8rem;
	font-family: 'VW Head', Arial, sans-serif;
	font-weight: normal;
	color: black;
	background-color: #FFFFFF;
	overflow:none;
}

a {
	text-decoration: none;
	outline: 0;
}

#page {
	position: relative;
	width: 1920px;
	height: 1080px;
	overflow: hidden;	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#primary,
#secondary {
	position: absolute;
	width: 1920px;
	height: 1080px;
	overflow: hidden;
}

a.finalBtn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/finalizar-button-normal.png');
}
a.takePictureBtn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/takepicture-button-normal.png');
}
a.finalBtn:active,
a.takePictureBtn:active {
	top: 5px;
}

#step-1,
#step-2,
#step-3,
#step-4 ,
#step-5 ,
#step-6 ,
#step-7 ,
#step-8,
#step-9,
#dropMore{
	position: absolute;
	width: 1920px;
	height: 1080px;
	padding-top:161px;
}

#dropMore {
	left: 0;
	background-image: url('../images/menu-dropdown-background.png');
}

#step-1 {
	left: 0;
	background-image: url('../images/photo1-background.png');
}

#step-2,
#step-3 ,
#step-4 ,
#step-5 ,
#step-6 ,
#step-7 ,
#step-8,
#step-9{
	left: 1920px;
	top:0;
}

#step-2 {
	background-image: url('../images/photo2-background.png');
}
#step-3 {
	background-image: url('../images/photo3-background.png');
}
#step-4 {
	background-image: url('../images/photo4-background.png');
}
#step-5 {
	background-image: url('../images/evento-corporativo-background.png');
	z-index:99;
}
#step-6 {
	background-image: url('../images/evento-social-background.png');
	z-index:99;
}
#step-7 {
	background-image: url('../images/evento-patrocinado-background.png');
	z-index:99;
}
#step-7 {
	background-image: url('../images/evento-patrocinado-background.png');
}
#step-8 {
	background-image: url('../images/photo8-background.png');
}
#step-9 {
	background-image: url('../images/photo9-background.png');
}

#step-3 #text {
	position: absolute;
	top: 1206px;
	width: 1920px;
	text-align: center;
}
#step-4 #text {
	position: absolute;
	top: 1096px;
	width: 1920px;
	text-align: center;
}
.emailAddress {
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	color:#b72d2e;
}

.score {
	position: absolute;
	top: 761px;
	width: 1920px;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	font-size: 170px;
	color:#004f8d;
}


#altContentWrapper {
	width: 100%;
	text-align: center;
}

#altContentWrapperHome {
	width: 100%;
	text-align: center;
	
}

#step-2  fieldset {
    display:table;
    width:100%;
    height:40px;
    clear:both;
    background-color:transparent;
    position:relative;
	}
#step-2 label {
		float: left;
	}

#mailing  fieldset {
    display:table;
    width:100%;
    height:40px;
    clear:both;
    background-color:transparent;
    position:relative;
	}
#mailing label {
		float: left;
	}	
	
a.deletenormalBtn {
	position: absolute;
	top: 303px;
	left: 930px;
	display:inline-block;
	width: 34px;
	height: 35px;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/erase-button-normal.png');
}


	a.deletenormalBtn:active {
		background-image: url('../images/erase-button-down.png');
	}
	
	
a.deletenormalBtnName {
	position: absolute;
	top: 353px;
	left: 950px;
	display:inline-block;
	width: 34px;
	height: 35px;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/erase-button-normal.png');
}

	a.deletenormalBtnName:active {
		background-image: url('../images/erase-button-down.png');
	}	
	
	
	
a.deletenormalBtnContactName {
	position: absolute;
	top: 353px;
	left: 950px;
	display:inline-block;
	width: 34px;
	height: 35px;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/erase-button-normal.png');
}


	a.deletenormalBtnContactName:active {
		background-image: url('../images/erase-button-down.png');
	}


a.deletenormalBtnContactEmail {
	position: absolute;
	top: 500px;
	left: 950px;
	display:inline-block;
	width: 34px;
	height: 35px;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/erase-button-normal.png');
}


	a.deletenormalBtnContactEmail:active {
		background-image: url('../images/erase-button-down.png');
	}


a.deletenormalBtnContactTel {
	position: absolute;
	top: 92px;
	left: 940px;
	display:inline-block;
	width: 42px;
	height: 42px;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/erase-button-normal.png');
}


	a.deletenormalBtnEmail:active {
		background-image: url('../images/erase-button-down.png');
	}

a.deletenormalBtnEmail {
	position: absolute;
	top: 500px;
	left: 950px;
	display:inline-block;
	width: 34px;
	height: 35px;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/erase-button-normal.png');
}


	a.deletenormalBtnEmail:active {
		background-image: url('../images/erase-button-down.png');
	}
	
.cancelBtn {
	position: absolute;
	display: block;
	top: 420px;
	left:28px;
	width: 328px;
	height: 101px;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/cancel-button-normal.png');
}

.sendBtn {
	position: absolute;
	top: 1215px;
	left: 323px;
	width: 438px;
	height: 111px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/sendBtn.png');
}
.sendBtn:active {
	filter: alpha(opacity=60);
	opacity: 0.6;	
}
.registerBtn {
	position: absolute;
	top: 480px;
	left: 670px;
	display: block;
	width: 380px;
	height: 101px;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/register-button-normal.png');
}
.telBtn {
	position: absolute;
	top: 900px;
	left: 710px;
	display: block;
	width: 277px;
	height: 93px;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/send-button-normal.png');
}

.telBtn:active {
	background-image: url('../images/send-button-down.png');
}

div.mailing:not(.v3):not(.v3-parte2) input#emailInput {
	position: absolute;
	top: 423px;
	left: 377px;
	/* font-size: 50px; */
	font-size: 5rem;
	width: 1131px;
	font-family: 'Aller';
	height: 124px;
	padding-top: 4px;
	padding-left: 27px;
	border: none;
	background-color: transparent;
	color: #2b2b2b;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
div.mailing:not(.v3):not(.v3-parte2) input#emailInput::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
div.mailing:not(.v3):not(.v3-parte2) input#emailInput:-ms-input-placeholder {
    color: #a9a9a9;
  }

div.mailing:not(.v3):not(.v3-parte2) input#nameInput {
	position: absolute;
  top: 223px;
  left: 392px;
  font-size: 50px;
  font-size: 3rem;
  width: 1063px;
  font-family: 'VW Head', Arial, sans-serif;
  font-weight: normal;
  height: 93px;
  padding-top: 4px;
  padding-left: 33px;
  border: none;
  background-color: transparent;
  color: #2b2b2b;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
div.mailing:not(.v3):not(.v3-parte2) input#nameInput::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
div.mailing:not(.v3):not(.v3-parte2) input#nameInput:-ms-input-placeholder {
    color: #a9a9a9;
    font-family: 'VW Head', Arial, sans-serif;
    font-weight: normal;
  }

div.mailing:not(.v3):not(.v3-parte2) input#companyInput {
position: absolute;
  top: 418px;
  left: 392px;
  font-size: 50px;
  font-size: 3rem;
  width: 1063px;
  font-family: 'VW Head', Arial, sans-serif;
  font-weight: normal;
  height: 93px;
  padding-top: 4px;
  padding-left: 33px;
  border: none;
  background-color: transparent;
  color: #2b2b2b;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
div.mailing:not(.v3):not(.v3-parte2) input#companyInput::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
div.mailing:not(.v3):not(.v3-parte2) input#companyInput:-ms-input-placeholder {
    color: #a9a9a9;
    font-family: 'VW Head', Arial, sans-serif;
    font-weight: normal;
  }
    
div.mailing:not(.v3):not(.v3-parte2) input#phoneInput {
position: absolute;
  top: 605px;
  left: 392px;
  font-size: 50px;
  font-size: 3rem;
  width: 1063px;
  font-family: 'VW Head', Arial, sans-serif;
  font-weight: normal;
  height: 92px;
  padding-top: 4px;
  padding-left: 33px;
  border: none;
  background-color: transparent;
  color: #2b2b2b;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
div.mailing:not(.v3):not(.v3-parte2) input#phoneInput::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
div.mailing:not(.v3):not(.v3-parte2) input#phoneInput:-ms-input-placeholder {
    color: #a9a9a9;
  }
  
input#escolaInput {
	position: absolute;
	top: 462px;
	left: 292px;
	font-size: 50px;
	font-size: 5.0rem;
	width: 885px;
	height: 105px;
	padding-top: 4px;
	padding-left:30px;
	border: none;
	background-color: transparent;
	color: #6d6e70;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
input#escolaInput::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
input#escolaInput:-ms-input-placeholder {
    color: #d0d0d0;
  }
.telInput {
	font-size: 50px;
	font-size: 3.0rem;
	margin-left:20px;
	width: 262px;
	height: 80px;
	padding-top: 2px;
	padding-bottom: 0px;
	border: none;
	background-color: transparent;
	color:#161e35;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
.telInput::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
 input.telInput:-ms-input-placeholder {
    color: #A9A9A9;
  }
  
.emailInputContact {
	font-size: 50px;
	font-size: 4.0rem;
	margin-left:110px;
	width: 750px;
	height: 80px;
	padding-top: 18px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	color:#009e44;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
.emailInputContact::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
 input.emailInputContact:-ms-input-placeholder {
    color: #b9d3c4;
  }
.nameInputContact {
	font-size: 50px;
	font-size: 4.0rem;
	margin-left:110px;
	width: 750px;
	height: 80px;
	padding-top: 18px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	color:#009e44;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
.nameInputContact::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
 input.nameInputContact:-ms-input-placeholder {
    color: #b9d3c4;
  }
.telInputContact {
	font-size: 70px;
	font-size: 4.0rem;
	margin-left:105px;
	width: 750px;
	height: 80px;
	padding-top: 20px;
	padding-bottom: 0px;
	border: none;
	background-color: transparent;
	color:#161e35;
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
.telInputContact::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
 input.telInputContact:-ms-input-placeholder {
    color: #A9A9A9;
  }

#photoResultWrapper{
	position: absolute;
	top: 555px;
	left: 37px;
}

#photoResult {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 976px;
	height: 727px;
	-ms-transform: rotate(-4.6deg) scale(0.8,0.8); /* IE 9 */
    -webkit-transform: rotate(-4.6deg) scale(0.8,0.8); /* Chrome, Safari, Opera */
    transform: rotate(-4.6deg) scale(0.8,0.8);
}

#photoResult img {
	width: 730px;
	height: auto;
}

/**
**  PAGES
**/

a.closeCongrats {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/close-button-normal.png');
}

a.closeCongrats:active {
	background-image: url('../images/close-button-down.png');
}

a.pictureBtn {
	position: absolute;
	top: 769px;
	left: 163px;
	width: 754px;
	height: 160px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/takepicture-button-normal.png');
}

a.pictureBtn:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
a.videoBtn {
	position: absolute;
	top: 992px;
	left: 163px;
	width: 754px;
	height: 160px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/video-button-normal.png');
}

a.videoBtn:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
a.photoHomeBtn {
	position: absolute;
	top: 831px;
	left: -12px;
	width: 157px;
	height: 111px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/back-button-normal.png');
	z-index:100;

}
a.photoHomeBtn:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.sendBtn2 {
	position: absolute;
	top: 876px;
	left: 772px;
	background-image: url('../images/send-button-normal.png');
	width:347px;
	height: 117px;
	text-indent: -9999px;
	background-repeat: no-repeat;
  }
div.agradecimento a.continue {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/finalizarApp.png');
	width:1920px;
	height: 1080px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	z-index: 999;
}


div.feedbackbrindeOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image:url('../images/feedbackbrinde5-background.png');
}

	a.introBtn {
	position: absolute;
	top: 1225px;
	left: 323px;
	width: 438px;
	height: 111px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/sendBtn.png');

}
	
a.introBtn:active {
top:795px;
	}

a.photoPularBtn {
	position: absolute;
	top: 35px;
	left: 701px;
	width: 379px;
	height: 98px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/photoPularBtn.png');

}
	
a.photoPularBtn:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
	}
	
	
	
a.photoHomeBtn2 {
	position: absolute;
	top: 26px;
	left: 0px;
	width: 385px;
	height: 98px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/back2-button-normal.png');

}
	
a.photoHomeBtn2:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
	}
	

a.finalBtnfeedback {
	position: absolute;
	top: 596px;
	left: 337px;
	width: 412px;
	height: 104px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/backBtn.png');
}
a.finalBtnfeedback:active {
	top:610px;
}

a.takepictureBtnfeedback {
	position: absolute;
	top: 650px;
	left: 115px;
	width: 412px;
	height: 104px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/takepictureBtn.png');
}
a.takepictureBtnfeedback:active {
	top:645px;
}


a.homeBtn {
	position: absolute;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/start-button-normal.png');
	}
	
a.congratstohomeBtn {
	position: absolute;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: none;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/congratstohomeBtn.png');
	}	
	a.finishFeedback1Btn {
	position: absolute;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: none;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/finishroleta-button-normal.png');
	z-index:99;
	}
	
a.homeBtn:active,
a.finishFeedback1Btn:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
	}

div#menu-dropdown,
div#video,
div#videoThumb,
div.roleta,
div.home,
div.agradecimento,
div.pesquisaProdutos,
div.setup,
div.photo,
div.mailing,
div.congrats,
div.cadastro,
div.fimpremios,

div.videopage,
div.videopage1,
div.feedbackbrinde,
div.feedbackbrinde1,
div.feedbackbrinde2,
div.feedbackbrinde3,
div.feedbackbrinde4,
div.feedbackbrinde5,
div.feedbackbrinde6,
div.feedbackbrinde7,
div.feedbackbrinde8,

div.colheitadera-graos-2,
div.tratores,
div.farmsight,
div.tratos-culturais,
div.colhedora-algodao,
div.pos-venda,
div.product1,
div.product2,
div.product3,
div.product4,
div.product5,
div.product6,
div.feedback   {
	width: 1920px;
	height: 1080px;
	background-repeat: no-repeat;
	background-position: left top;
}

div#menu-dropdown {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/menu-dropdown-background.png');
	display: none;
}

div#video {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 430px;
	background-image: url('../images/video-background.png');
	display: none;
}
div.game-container {
	position:absolute;
	top:166px;
	left:0px;
	background:transparent;
}

div.home {
	background-image: url('../images/home-background.png');
}
div.agradecimento {
	background-image: url('../images/agradecimentoBG.png');
}
div.pesquisaProdutos {
	background-image: url('../images/pesquisaProdutosBG.png');
}
div.fimpremios {
	background-image: url('../images/fimpremios-background.png');
}

div.feedback {
	background-image: url('../images/feedback-good.png');
}
div.roleta {
	background-image: url('../images/roleta-background.png');

}
div.feedbackbrinde {
	background-image: url('../images/feedbackbrinde-background.png');
}
div.feedbackbrinde1 {
	background-image: url('../images/feedbackbrinde1-background.png');
}
div.feedbackbrinde2 {
	background-image: url('../images/feedbackbrinde2-background.png');
}

div.feedbackbrinde3 {
	background-image: url('../images/feedbackbrinde3-background.png');
}
div.feedbackbrinde4 {
	background-image: url('../images/feedbackbrinde4-background.png');
}
div.feedbackbrinde5 {
	background-image: url('../images/feedbackbrinde5-background.png');
}
div.feedbackbrinde6 {
	background-image: url('../images/feedbackbrinde6-background.png');
}
div.feedbackbrinde7 {
	background-image: url('../images/feedbackbrinde7-background.png');
}
div.feedbackbrinde8 {
	background-image: url('../images/feedbackbrinde8-background.png');
}
div.product3 {
	background-image: url('../images/product3-background.png');
}
div.product4 {
	background-image: url('../images/product4-background.png');
}
div.product5 {
	background-image: url('../images/product6-background.png');
}
div.product6 {
	background-image: url('../images/product7-background.png');
}
div.setup {
	background-image: url('../images/home-background.png');
}
div.mailing {
	background-image: url('../images/mailing-background.png');
}
div.congrats {
	background-image: url('../images/congrats-background.png');
}

div.cadastro {
	background-image: url('../images/cadastro-background.png');
}
div.videopage {
	background-image: url('../images/videopage-background.png');
}
div.videopage1 {
	background-image: url('../images/videopage1-background.png');
}
div#videoThumb {
	background-image: url('../images/thumbvideo-background.png');
}
div#setup_bt1 {
	display: block;
	position: absolute;
	top: 560px;
	left: 340px;
	width: 400px;
	height: 122px;
	background-repeat: no-repeat;
	color:#FFFFFF;
	padding:40px 48px;
	background-image: url('../images/key3-button-normal.png');
}
div#setup_bt2 {
	display: block;
	position: absolute;
	top: 760px;
	left: 340px;
	width: 400px;
	height: 122px;
	background-repeat: no-repeat;
		color:#FFFFFF;
	padding:40px 48px;
	background-image: url('../images/key3-button-normal.png');
}

div.institucional {
	background-image: url('../images/institucional-background.png');
}

div.cana-acucar {
	background-image: url('../images/cana-acucar-background.png');
}

div.colheitadera-graos-1 {
	background-image: url('../images/colheitadera-graos-1-background.png');
}

div.colheitadera-graos-2 {
	background-image: url('../images/colheitadera-graos-2-background.png');
}

div.tratores {
	background-image: url('../images/tratores-background.png');
}

div.tratos-culturais {
	background-image: url('../images/tratos-culturais-background.png');
}

div.farmsight {
	background-image: url('../images/farmsight-background.png');
}

div.colhedora-algodao {
	background-image: url('../images/colhedora-algodao-background.png');
}

div.pos-venda {
	background-image: url('../images/pos-venda-background.png');
}

div#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 208px;
	background-repeat: no-repeat;
	background-image: url('../images/header-background.png');
}

a.product1,
a.product2,
a.product3,
a.product4,
a.product5,
a.product6{
	position: absolute;
	display: block;
	text-indent: -99999px;
	background-color: #73addc;
	filter: alpha(opacity=0);
	opacity: 0;
}

a.product1:active,
a.product2:active,
a.product3:active,
a.product4:active,
a.product5:active,
a.product6:active{
	filter: alpha(opacity=60);
	opacity: 0.6;	
}

a.product1 {
	width: 275px;
	height: 128px;
	
	
	top: 766px;
	left: 377px;
}
a.product2 {
	width: 275px;
	height: 128px;

	
	top: 766px;
	left: 669px;
}
a.product3 {
	width: 275px;
	height: 128px;
	
	
	top: 766px;
	left: 1000px;
}
a.product4 {
	width: 275px;
	height: 128px;
	
	
	top: 766px;
	left: 1328px;
}

a.product5{
	width: 275px;
	height: 148px;
	
	
	top: 912px;
	left: 669px;
}
a.product6{
	width: 275px;
	height: 148px;
	
	
	top: 912px;
	left: 1000px;
}
input#cargoInput {
	position: absolute;
	top: 817px;
	left: 110px;
	font-size: 55px;
	font-size: 5.5rem;
	width: 815px;
	height: 110px;
	padding-top: 0px;
	padding-left:40px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	color: #000000;
	font-family:'sanukotregular';
}
/*Conserta bug do botao input no IE, que aparece um X a mais, para deletar o conteudo do input */
input#cargoInput::-ms-clear {
  width : 0;
  height: 0;
}
/*Conserta bug do placeholder no IE neste código, que não esta pegando a cor padrao do placehold (light gray) e sim herdando a cor black de alguem*/
input#cargoInput:-ms-input-placeholder {
    color: #b6b6b6;
  }
.sendBtn {
	position: absolute;
	top: 1008px;
	left: 244px;
	display: block;
	width: 594px;
	height: 129px;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/send-button-normal.png');
}
.sendBtn:active {
filter: alpha(opacity=60);
	opacity: 0.6;
}

div#step-5 a.link1,
div#step-5 a.link2,
div#step-5 a.link3 {
	position: absolute;
	display: block;
	text-indent: -99999px;
	background-color: #004d99;
	filter: alpha(opacity=0);
	opacity: 0;
}

div#step-5 a.link1:active,
div#step-5 a.link2:active,
div#step-5 a.link3 :active{
	filter: alpha(opacity=60);
	opacity: 0.6;
}
div#step-5 a.link1 {
	top:0px;
	left:377px;
	width:335px;
	height:130px;
}

div#step-5 a.link2 {
	top:0px;
	left:712px;
	width:342px;
	height:130px;
}

div#step-5 a.link3 {
	top:240px;
	left:158px;
	width:435px;
	height:116px;
}

div#step-6 a.link1,
div#step-6 a.link2,
div#step-6 a.link3 {
	position: absolute;
	display: block;
	text-indent: -99999px;
	background-color: #004d99;
	filter: alpha(opacity=0);
	opacity: 0;

}

div#step-6 a.link1:active,
div#step-6 a.link2:active,
div#step-6 a.link3 :active{
	filter: alpha(opacity=60);
	opacity: 0.6;
}

div#step-6 a.link1 {
	top:0px;
	left:28px;
	width:336px;
	height:130px;
}

div#step-6 a.link2 {
	top:0px;
	left:712px;
	width:342px;
	height:130px;
}

div#step-6 a.link3 {
	top:309px;
	left:158px;
	width:435px;
	height:116px;
}
/* BOTÃO FECHAR EVENTO */
div#step-5 a.fechar-evento,
div#step-6 a.fechar-evento,
div#step-7 a.fechar-evento {
	position: absolute;
	display: block;
	width:315px;
	height:113px;
	text-indent: -99999px;
	background-color:#004d99;
	filter: alpha(opacity=0);
	opacity: 0;

}

div#step-5 a.fechar-evento:active,
div#step-6 a.fechar-evento:active,
div#step-7 a.fechar-evento :active {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

div#step-5 a.fechar-evento,
div#step-7 a.fechar-evento {
	top:243px;
	left:607px;;
}
div#step-6 a.fechar-evento {
	top:309px;
	left:607px;;
}

/* FIM BOTÃO FECHAR EVENTO */

div#step-7 a.link1,
div#step-7 a.link2,
div#step-7 a.link3 {
	position: absolute;
	display: block;
	text-indent: -99999px;
	background-color: #004d99;
	filter: alpha(opacity=0);
	opacity: 0;

}

div#step-7 a.link1:active,
div#step-7 a.link2:active,
div#step-7 a.link3 :active{
	filter: alpha(opacity=60);
	opacity: 0.6;
}

div#step-7 a.link1 {
	top:0px;
	left:28px;
	width:351px;
	height:130px;
}

div#step-7 a.link2 {
	top:0px;
	left:379px;
	width:332px;
	height:130px;
}

div#step-7 a.link3 {
	top:240px;
	left:158px;
	width:435px;
	height:116px;
}

#dropMore a.fecharDrop {
	width:200px;
	height:163px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	position:absolute;
	top:0;
	left:880px;
	filter: alpha(opacity=0);
	opacity: 0;
}
#dropMore a.fecharDrop:active {
	filter: alpha(opacity=60);
	opacity: 0.6;

}



div#menu-dropdown div.menu-header {
	width: 1920px;
	height: 162px;
}

#dropMore a.l1,
#dropMore a.l2,
#dropMore a.l3,
#menu-dropdown a.l4,
#menu-dropdown a.l5,
#menu-dropdown a.l6,
#menu-dropdown a.l7,
#menu-dropdown a.l8 {
	margin-top: 5px;
	margin-left: 40px;
	width: 1000px;
	height: 150px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left bottom;
	filter: alpha(opacity=0);
	opacity: 0;
}

#dropMore a.l1:active,
#dropMore a.l2:active,
#dropMore a.l3:active,
#menu-dropdown a.l4:active,
#menu-dropdown a.l5:active,
#menu-dropdown a.l6:active,
#menu-dropdown a.l7:active,
#menu-dropdown a.l8:active {
	background-color: transparent;
	filter: alpha(opacity=100);
	opacity: 1;
}

#dropMore a.l1:active {
	background-image: url('../images/menu1-button-down.png');
}

#dropMore a.l2:active {
	background-image: url('../images/menu2-button-down.png');
}

#dropMore a.l3:active {
	background-image: url('../images/menu3-button-down.png');
}

div#menu-dropdown a.l4:active {
	background-image: url('../images/menu4-button-down.png');
}

div#menu-dropdown a.l5:active {
	background-image: url('../images/menu5-button-down.png');
}

div#menu-dropdown a.l6:active {
	background-image: url('../images/menu6-button-down.png');
}

div#menu-dropdown a.l7:active {
	background-image: url('../images/menu7-button-down.png');
}

div#menu-dropdown a.l8:active {
	background-image: url('../images/menu8-button-down.png');
}

/** SLIDE **/
div.esouzaslide {
	position: absolute;
}

div.esouzaslide div{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

div.esouzaslide div.pages {
	margin-left: 430px;
	width: 480px;
	height: 54px;
	text-align: center;
}

div.esouzaslide div.pages a {
	margin-left: 10px;
	margin-right: 10px;
	width: 39px;
	height: 39px;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('../images/p-white.png');
	float: left;
	display: block;
}

div.esouzaslide div.pages a.enabled {
	background-image: url('../images/p-yellow.png');
}

div.home div.esouzaslide div.pages{
	top: -60px;
}

div.cana-acucar div.esouzaslide div.pages{
	top: 20px;
}

div.tratos-culturais div.esouzaslide div.pages{
	top: 20px;
}

a.floatlink {
	position: absolute;
	display:inline-block;
	text-indent: -99999px;
	overflow: hidden;
	background-color: #fff;
	filter: alpha(opacity=0);
	opacity: 0;
}



/* NAO ESTA SENDO USADO o img.fingerTouch, pois foi substituido pelo SVG, que permite aplicar o pointer-events: none; */

/*
img.fingerTouch {
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 1;
	display: inline;
}
*/

svg.fingerTouch {
	background: url('../images/fingerTouch.png') no-repeat center top;
	width: 216px;
	height: 269px;	
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	display: none;
	/* Aplicado para permitir nao pegar evento de mouse no objeto, permitindo que o botão/link que esteja abaixo seja clicado mesmo durante sua animação */
	pointer-events: none; 
}

/* quiz */ 
/*media all*/

div.quiz div.title {
	width: 1739px;
	margin-top: 206px;
	margin-left: 91px;
	margin-bottom: 0px;
	color: #6c6e6f;
	font-size: 50px;
	font-family: 'HDI-Gerling Sans';
	text-align: left;
	/* font-weight: regular; */
	/* border: 3px solid green; */
}

/*media all*/
div.quiz div.option {
    margin-top: 33px;
    width: 1569px;
    margin-left: 151px;
    color: #6c6e6f;
    font-size: 42px;
    line-height: 70px;
    font-family: 'HDI-Gerling Sans';
}

div.quiz div.option img {
	margin-left: 10px;
}

div.quiz div.option li{
	list-style: none;
	line-height: 70px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url('../images/item-button-normal.png');
	background-position: left center;
	background-repeat: no-repeat;
    padding-left: 100px;
    margin-bottom: 15px;
	
}

div.quiz div.option li:after{
	background-color:green;
	
}


div.quiz div.option li:active{
	filter: alpha(opacity=60);
	opacity: 0.6;	
	
}

div.quiz a.continue,
div.feedback a.continue,
div.quiz a.finalizar {
	margin: 10px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

div.feedback a.continue {
	margin: 100px auto;
}

div.quiz a.continue{
	background-image: url('../images/continue-button-normal.png');
	width:595px;
	height:142px;
}
div.feedback a.continue {
	position: absolute;
	top: -100px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/takePicture-invite.png');
	
}

div.feedback a.continue:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

div.quiz a.continue:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

div.quiz a.finalizar {
	background-image: url('../images/finish-button-normal.png');
	width:595px;
	height:142px;
}

div.quiz a.finalizar:active {
	filter: alpha(opacity=60);
	opacity: 0.6;
	
}

div.feedback .quiz-status {
	margin-top: 896px;
	color: #c41a2e;
	font-size: 60px;
	text-align: center;
}

div.quiz {
	background-image: url('../images/quiz-background.png');
	text-align: left;
}
#rfidInput {
	position: absolute;
	top: -200px;
	left: -200px;
	width: 1px;
	height: 1px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	z-index:3;

}