/* Override Styles for Merchant View Landing Page */
*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* Global Styles */
a.button, #newsletter-form .btn, #teaser a.button, .form-btn{
	background:#1387EB;
	border-radius:3px;
}
a.button:hover, #newsletter-form .btn:hover, #teaser a.button:hover, .form-btn:hover{
	background:#107AD5;
}


/* Header Styles */
#top{
	position:relative;
	z-index:9999;
	border-bottom: 2px solid #E1E1E1;
	min-height: 0;
}
header{
	
}
#logo img{
	width:435px;
}
.elevated{
	min-height:750px;
	padding: 2em 0;
}
#teaser{
	border:none;
	background-image: url(../images/sydney_bg.jpg) !important;
	background: none;
	background-size:100%;
	background-repeat:no-repeat;
	min-height:0;
}
#teaser h1{
	color: #FFF;
	font-family: 'Roboto', sans-serif !important;
	font-size: 7em;
	font-weight: 900;
	line-height: 1;
}
#teaser h2{
	color: #FFF;
	font-family: 'Roboto', sans-serif !important;
	font-size: 3.5em;
	font-weight: 300;
	line-height:1;
	margin: .5em 0 1em;
}
#teaser h3{
	font-size: 14px;
	color: #0067C0;
	width: 665px;
	padding: 4px;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 38px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 25px;
}
#teaser a.banner-button{
	background: #d500c1; 
}

#teaser a.banner-button:hover{
	background: #d500c1; 
}

#teaser h3 span{
	font-style: italic;
}
.contact-number{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#525252;
	font-family:'Liberation Sans', FreeSans, sans-serif !important;
	font-size:26px;
	line-height:1.4;
	margin: 0;
	text-align: right;
}
.contact-number span{
	letter-spacing: .2em;
	font-size:18px;
}

#social {
	overflow: auto;
	padding: .5em 0;
}
#social ul{
	float: right;
	list-style:none;
	margin:0;
	padding:0
}
#social ul li {
	margin:0 5px 0 0;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	padding:0
}
#social > a{
	display: block;
	float: left;
}
#social ul li img{
	width: 40px;
}
#em{
	float: left;
	margin: 7px 20px;
}
.trusted-agency-badge{
	float:right;
	padding:13px;
}
.trusted-agency-badge a img{
	width:100px;
}

/* Slider Area */
.googlized-btn{
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 50px;
}
.googlized-btn img{
	width:200px;
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg); /* IE 9 */
	-webkit-transform:rotate(-15deg); /* Opera, Chrome, and Safari */
}

/* Phone or Tablet Slider Style */
.cuttoff-slider{
	background: url(../images/ipad_background.png) no-repeat;
	width:822px;
	height: 370px;
	height:440px;
	position: absolute;
	bottom: -1px;
	margin-left: 175px;
}
#main-slider.flexslider{
	margin: 0!important;
	position: relative;
	zoom: 1;
	width: 670px;
	height: 400px;
	overflow:hidden;
	left: 75px;
	top: 38px;
}
/* Precontent Section */
#precontent{
	text-align: center;
	padding: 2em 0;
	margin: 0 !important;
}
#precontent h1{
	color: #163563;
	font-family: 'Roboto', sans-serif !important;
	font-size: 4em;
}
#precontent p{
	color: #163563;
	text-transform: uppercase;
	font-size: 1.5em;
}
/* Examples Section */
#examples{
	background: url(../images/examples_bg.jpg) no-repeat 100%;
	background-size: cover;
	margin: 0;
	padding: 2em 0;
}
#examples .logo{
	margin: 0 auto;
}
#examples h2{
	color: #FFF;
	font-size: 3.5em;
	font-family: 'Roboto', sans-serif !important;
	font-weight: bold;
	line-height: 1.2;
}
#examples h3{
	color: #FFF;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.2;
}
/* Content Boxes */
#content-boxes{
	box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.4);
	margin:0;
	padding:70px 0;
	position:relative;
	z-index:9999;


}
.section-title{
	width:600px;
	font-size: 10px;
}
.content-box{
	background:white;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #E8E8E8;
	border-radius:3px;
}
.content-box .feature-img{
	min-height:150px;
}
.content-box h3{
	margin-top:30px;
	font-size:30px;
	letter-spacing:-2px;
}
.feature-info{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	min-height: 150px;
	padding:5px 5px 35px;
}
/* Block Quote Area */

#blockquote-rotator{
	margin-top: 40px;
	min-height:220px;
	overflow:auto;
	padding: 12px;
	background: #1387EB;
}
#quote_wrap{
	background-image: url(../images/quotes.png);
	background-repeat: no-repeat;
	background-position: 20px 30px;
	border:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 170px;
	padding: 10px;
}
blockquote, blockquote p,blockquote cite{
	color:white;
}
/* Social Amplification */
#social-amplification{
	background: #FFF;
	background: url(../images/social-amplification-bg.jpg) no-repeat;
	background-size: 100%;
	box-shadow: inset 0px 0px 10px #616161;
	-moz-box-shadow: inset 0px 0px 10px #616161;
	-webkit-box-shadow: inset 0px 0px 10px #616161;
	color: #FFF;
	margin: 0;
}
#social-amplification .features{
	background: rgba(0, 0, 0, 0.3);
	padding: 50px ;
}
#social-amplification .features h3{
	color: #FFF;
	font-size: 30px;
	line-height: 1.3;
	text-shadow: 0px 1px 1px #777;
}
#social-amplification .features ul{
	margin: 0;
}
#social-amplification .features li{
	font-size: 18px;
	list-style: disc;
	margin: 20px 25px;
	text-shadow: 0px 1px 1px #777;
}
#social-amplification img{
	display: block;
	width: 85%;
	margin: 15px auto 0;
}
/* Event Analytics */
#event-analytics{
	background: #FFF;
	background: url(../images/events-analytics-bg.jpg) no-repeat;
	background-position: 0 -1px;
	background-size: 100%;
	border-top: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
	margin: 0;
	min-height: 400px;
}
#event-analytics .features{
	padding: 50px ;
}
#event-analytics h3{
	color: #1387EB;
	color: #036ECA;
	font-size: 46px;
	line-height: 1.2;
}
#event-analytics p{
	color: #080808;
	font-size: 18px;
	line-height: 1.3;
}
#event-analytics img{
	box-shadow: 1px 1px 4px #656565;
	border: 2px solid #FFF;
	display: block;
	margin: 35px auto;
	width: 85%;
}


/* Gallery Section */
.thumbnails{
	padding-top:25px;
}
#gallery .section-title{
	background: #163561;
}
/* Bottom */
footer{
	margin: 0;
}
footer, #contact{
	border-top:10px solid #1387EB;
}
.footer-left{
	margin-top: 25px;
}
.footer-left a{
	color: #1387EB;
}
.footer-right{
	margin-top: 25px;
}
.logo-small img{
	width:400px;
	padding-bottom:10px;
}
/* Contact Section */
#contact{
	background: #FFF;
	min-height: 0;
	margin: 0;
	height: auto;
}
#contact .content{
	padding: 10px 112px;
}
#contact img{
	margin-top: 65px;
}
#contact h2{
	font-size: 28px;
	letter-spacing: -1px;
}
#contact p{
	font-size: 16px;
}

/* Form Area */
.form-contain{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 auto;
	padding: 15px;
	width: 100%;
}

/* Modal Styles */
.modal{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:600px;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {

}

/* Responsive Styles */
@media only screen and (min-width : 480px) and (max-width : 768px){
	.container{
		padding:0;
	}
	#top{
		max-height:none;
	}
	.contact-number{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float:left;
		margin: 0;
		width: 50%;
	}
	#social{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float:left;
		margin: 0;
		padding:10px;
		width: 50%;
	}
	.cuttoff-slider{
		background: none;
		position:relative;
		margin: 0;
		width: 100%;
	}
	.flexslider .slides img{
		width:100%;
	}
	#content-boxes{
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	.feature-info{
		min-height:0;
	}
	.elevated{
		min-height:500px;
	}
}
@media only screen and (min-width : 0px) and (max-width : 480px) {
	.modal.fade{
		top:-100%;
	}
	#top{
		max-height:none;
	}
	#logo{
		clear:both;
		width:100%;
	}
	.contact-number{
		width:100%;
		padding:0;
		margin:0;
		text-align:center;
	}
	.contact-number span{
		font-size:24px;
	}
	.trusted-agency-badge{
		display:none;
	}
	.elevated{
		min-height:500px;
	}
	#social{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width:100%;
		margin:0;
		padding:5px;
	}
	#teaser h2{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		font-size:20px;
		width:auto;
		line-height:1.4;
		padding:5px;
	}
	#teaser h3{
		border-radius: 3px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		line-height: 1.4;
		width: auto;
	}
	.feature-info{
		min-height:0;
	}
	.cuttoff-slider{
		background:none;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		height:auto;
		margin:0;
		padding:0;
		position:relative;
		width:100%;
	}
	.section-title{
		font-size: 13px;
		width:100%;
	}
	#content-boxes{
		padding:20px 0;
	}
	#quote_wrap{
		background-image:none;
	}
	blockquote, blockquote p, blockquote cite{
		color: #FFF;
		font-size: 18px !important;
		line-height: 1.3;
		letter-spacing: 1px;
		background: none;
		padding: 0;
	}
}