.container {
max-width:1500px;
margin-right: auto;
margin-left: auto;
}

img{max-width:100%;height:auto;}

@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
body{color:#fff;   font-family: "Lato", Helvetica Neue, Arial, sans-serif; font-size:14px; font-weight:300; line-height: 16px;overflow-x:hidden;}

.sbubble1{width:100%; margin-left:auto; margin-right:auto; text-align:center;}

.mainbg{background: url(../images/2botbackground2.png) center bottom repeat-x, url(../images/3background1.jpg) center top no-repeat;
  width:100%;
  min-height:1000px;
  overflow:hidden;
  }
  
  .mainbgsweet{background: url(../images/2botbackground2.png) center bottom repeat-x, url(../images/sweetbg.jpg) center top no-repeat;
  width:100%;
  min-height:1000px;
  overflow:hidden;
  }
  
  .mainbgpudd{background: url(../images/2botbackground2.png) center bottom repeat-x, url(../images/puddingbg.jpg) center top no-repeat;
  width:100%;
  min-height:1000px;
  overflow:hidden;
  }  
  
  .mainbgfruit{background: url(../images/2botbackground2.png) center bottom repeat-x, url(../images/fruitbg.jpg) center top no-repeat;
  width:100%;
  min-height:1000px;
  overflow:hidden;
  }  
  
  .mainbgq1{background: url(../images/2botbackground2.png) center bottom repeat-x, url(../images/2q1bg.jpg) center top no-repeat;
  width:100%;
  min-height:1000px;
  overflow:hidden;
  }
  
  .mainbgthanks{background: url(../images/2botbackground2.png) center bottom repeat-x, url(../images/thanksbg.jpg) center top no-repeat;
  width:100%;
  min-height:1145px;
  overflow:hidden;
  }
  
.flagsec{
background-color:#ffffff;
  max-width:820px;
  position: relative;
  margin-right: auto;
margin-left: auto;
overflow:hidden;
  }
  
img.logoimg{max-width:170px; margin-bottom:20px;}

p.maintext{color:#226225; font-weight:400; font-size:15px; line-height:20px;}
p.maintext2{color:#4d4d4d; font-weight:400; font-size:15px; line-height:20px; padding-bottom:20px;}
p.subtext1{font-size:11px; padding-top:20px;}

.optionbg{background: url(../images/optbg.png) center 95px no-repeat; padding-bottom:100px;}

.padlog2{padding-top:50px;}
.padquest2{padding-left:20px; width:98%; padding-top:30px;}
.padquest3{padding-top:0px; padding-bottom:20px;}
.padopt2{padding-top:80px;}
  
.flagsec2{
background: url(../images/sbubble2.png) top center no-repeat;
  position: relative;
  margin-right: auto;
  min-height:646px;
margin-left: auto;
overflow:hidden;
display:block;
padding-bottom:90px;
margin-top:40px;
  }
  
.surveybox{margin-right: auto;
margin-left: auto;
max-width:820px;
padding-top:71px;
}

.thankspad{padding-top:100px;}

@-webkit-keyframes thumb {
	0% {
		transform: rotate(-8deg);	
	}
	50% {
		transform: rotate(8deg);
	}
	100% {
		transform: rotate(-8deg);	
	}
}

@-moz-keyframes thumb2 {
		0% {
		transform: rotate(-8deg);	
	}
	50% {
		transform: rotate(8deg);
	}
	100% {
		transform: rotate(-8deg);	
	}
}

@keyframes thumb3 {
		0% {
		transform: rotate(-8deg);	
	}
	50% {
		transform: rotate(8deg);
	}
	100% {
		transform: rotate(-8deg);	
	}
}

.hover1 img:hover
{
	-webkit-animation-name: thumb;
	-webkit-animation-duration: 250ms;
	-webkit-transform-origin:50% 100%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: thumb2;
	-moz-animation-duration: 250ms;
	-moz-transform-origin:50% 100%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	animation-name: thumb3;
	animation-duration: 250ms;
	transform-origin:50% 100%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.hover2 img:hover{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.0s;	
	-webkit-animation-duration: 1.0s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

.surveybox iframe{-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;}

@media screen and (max-width: 768px) {
  /* Add your styles for devices with a maximum width of 768 */
	.alcent{text-align:center;}
	.padmob2{padding-top:70px;}
	.padmob3{padding-top:20px;}
	.padlog2{padding-top:0px;}
	.padquest2{padding-left:0px;}
	.padquest3{padding-bottom:0px;}
	.padopt2{padding-top:0px;}
	.mainbgq1{background-color:#87a81b;}
	.mobpad3{padding-bottom:60px;}
	p.maintext2{padding-bottom:10px;}
	.thankspad{padding-top:0px;}
	.hidemob{max-height:1px;}
	p.subtext1{padding-top:10px;}
}

@media screen and (max-width: 480px) {
	.padquest3{padding-bottom:0px;}
	p.maintext2{padding-bottom:10px;}
	.thankspad{padding-top:0px;}
	.hidemob{max-height:1px;}
	p.subtext1{padding-top:10px;}
}

@media screen and (max-width: 320px) {
  /* Add your styles for devices with a maximum width of 320 */
   .alcent{text-align:center;}
   .padmob2{padding-top:70px;}
   .padmob3{padding-top:20px;}
   .padlog2{padding-top:0px;}
   .padquest2{padding-left:0px;}
   .padquest3{padding-bottom:0px;}
   .padopt2{padding-top:0px;}
   .mainbgq1{background-color:#87a81b;}
   .mobpad3{padding-bottom:60px;}
   .thankspad{padding-top:0px;}
   p.maintext2{padding-bottom:10px;}
   .hidemob{max-height:1px;}
   p.subtext1{padding-top:10px;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* Add your styles for iphone landscape */

}

@media screen and (max-width: 1024px) {
  /* Add your styles for devices with a maximum width of 1024 */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Add your styles for devices with a maximum width of 1024 */
  	
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Add your styles for devices with a maximum width of 768 */
  
}

/* Font Styles */
.txt-8 { font-size:8px;}
.txt-10 { font-size:10px;}
.txt-12 { font-size:12px;}
.txt-14 { font-size:14px;}
.txt-16 { font-size:16px;}
.txt-18 { font-size:18px;}
.txt-20 { font-size:20px;}
.txt-22 { font-size:22px;}
.txt-24 { font-size:24px;}
.txt-26 { font-size:26px;}
.txt-30 { font-size:30px;}
.txt-34 { font-size:34px;}
.txt-50 { font-size:50px;}
.txt-80 { font-size:80px;}
.txt-100 { font-size:100px;}
.txt-120 { font-size:120px;}

/* Padding */

.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }

.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }

.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }

/* Margin */

.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-35 { margin: 35px; }
.m-40 { margin: 40px; }

.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }

.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }