@font-face { 
	font-family: 'BebasNeue'; src: url('/fonts/BebasNeue.eot') format('embedded-opentype'); 
	src: url('/fonts/BebasNeue.woff') format('woff'); 
	src: url('/fonts/BebasNeue.ttf')  format('truetype'); 
	font-weight: normal; font-style: normal; }
*,
body { font-family: 'BebasNeue', sans-serif; letter-spacing: 0px; margin: 0; padding: 0; }
html,
body { height: 100%; }
section { position: relative; }
section p { font-family: 'Oswald', sans-serif; display: block; margin:20px 0; font-size: 20px; }
section .ctr,
footer .ctr { display: block; max-width: 1000px; padding: 20px 0; margin: 0 auto; }
section.hero-image { display: block; min-height: 790px; height: 100%; background: url(../images/Graffiti-bg.jpg) bottom no-repeat; background-size: cover; }
section.hero-image .ctr { /* height: 83%;  */ }
section.hero-image .arbn-logo { display: inline-block; min-width: 260px; vertical-align: top; }
section.hero-image .arbn-logo img { padding: 40px 0 0 0; }
section.hero-image .right-form { display: inline-block; max-width: 700px; float: right; vertical-align: top; padding: 0; z-index: 100000000; position: relative;}
section.other-products { background: #f4f4f4; }
section.other-products .ctr .left-prod { display: inline-block; vertical-align: middle; width: 320px; }
section.other-products .ctr a.checkit { display: block; }
section.other-products .products { display: inline-block; vertical-align: middle; }
.right-form h4 { font-size: 2.5em; color: #fff; text-align: center; padding: 0; margin: 0; }
/* .right-form form { display: block; background: rgba(0, 0, 0, .5); border-radius: 20px; text-align: center; padding: 20px 30px; }
*/
.right-form form input { display: block; background: rgba(0, 0, 0, .3); border: 0px; width: 300px; margin: 10px auto; padding: 10px; border-radius: 5px; font-size: 1.2em; outline: none; color: #fff; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 1); }
.right-form form select { display: block; background: rgba(0, 0, 0, .3); border: 0px; width: 320px; margin: 10px auto; padding: 10px; border-radius: 5px; font-size: 1.2em; outline: none; color: #fff; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.right-form form input::-webkit-input-placeholder { color: #fff; }
.right-form form input:-moz-placeholder { color: #fff; }
.right-form form input::-moz-placeholder { color: #fff; }
.right-form form input:-ms-input-placeholder { color: #fff; }
.right-form form input[type="submit"] { display: block; width: 90%; text-align: center; background: #EC81CA; background-image: -webkit-linear-gradient(top, #FD8AB6, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #E77F9F, #DB4467); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 5px; -webkit-box-shadow: 0px 0px 0px 3px #cf3f6a; -moz-box-shadow: 0px 0px 0px 3px #cf3f6a; box-shadow: 0px 0px 0px 3px #cf3f6a; /*font-family: Arial;*/ color: #ffffff; font-size: 25px; padding: 5px 20px; margin: 20px auto 0; border-top: 1px solid #F596C1; text-decoration: none; cursor: pointer; }
.right-form form input[type="submit"]:hover { background-image: -webkit-linear-gradient(top, #FFA3BF, #F96D8D); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #FFA3BF, #F96D8D); text-decoration: none; }
.hero-image .social-area { display: block; bottom: 0; background: rgba(0, 0, 0, .8); color: #fff; width: 100%; position: absolute; }
.right-form h1 { color: #fff000; font-size: 35px; padding: 20px; text-align: center; width: 100%; }
.social-area .ctr h2 { display: inline-block; vertical-align: middle; font-size: 2.5em; line-height: 1em; }
.social-ico { display: inline-block; padding: 0 20px; vertical-align: middle; }
.other-products h3 { font-size: 2.5em; line-height: 1em; }
footer { font-size: 1.5em; line-height: 1em; color: #adadad; background: #dadada; margin: 0; padding: 20px 0; text-align: center; }
a.checkit { width: 200px; text-align: center; background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 5px; -webkit-box-shadow: 0px 0px 0px 3px #226EA0; -moz-box-shadow: 0px 0px 0px 3px #226EA0; box-shadow: 0px 0px 0px 3px #226EA0; /*font-family: Arial;*/ color: #ffffff; font-size: 30px; padding: 5px 20px; margin: 20px 0; border-top: 1px solid #64BDF7; text-decoration: none; }
a.checkit:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; }
a.damn-it { display: block; width: 270px; text-align: center; background: #EC81CA; background-image: -webkit-linear-gradient(top, #FD8AB6, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #E77F9F, #DB4467); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 5px; -webkit-box-shadow: 0px 0px 0px 3px #cf3f6a; -moz-box-shadow: 0px 0px 0px 3px #cf3f6a; box-shadow: 0px 0px 0px 3px #cf3f6a; /*font-family: Arial;*/ color: #ffffff; font-size: 25px; padding: 5px 20px; margin: 20px auto 0; border-top: 1px solid #F596C1; text-decoration: none; }
a.damn-it:hover { background-image: -webkit-linear-gradient(top, #FFA3BF, #F96D8D); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #FFA3BF, #F96D8D); text-decoration: none; }
.right-form form input::-webkit-input-placeholder { color: rgba(255, 255, 255, .7); }
/* form styles */
#msform { width: 350px; position: relative; position: relative; margin: 0 auto; }
#msform fieldset { position: absolute; border: 0; width: 100%; display: block; background: rgba(0, 0, 0, .5); border-radius: 20px; text-align: center; padding: 20px 30px; }
/* Hide all except first fieldset */
#msform fieldset:not(:first-of-type) { display: none; }
/* buttons */
#msform .action-button { display: block; width: 90%; text-align: center; background: #EC81CA; background-image: -webkit-linear-gradient(top, #FD8AB6, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #E77F9F, #DB4467); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 5px; -webkit-box-shadow: 0px 0px 0px 3px #cf3f6a; -moz-box-shadow: 0px 0px 0px 3px #cf3f6a; box-shadow: 0px 0px 0px 3px #cf3f6a; /*font-family: Arial;*/ color: #ffffff; font-size: 25px; padding: 5px 20px; margin: 20px auto 0; border-top: 1px solid #F596C1; text-decoration: none; cursor: pointer; }
/* headings */
.fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; }
.fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; }
/* progressbar */
#progressbar { margin-bottom: 30px; overflow: hidden; /* CSS counters to number the steps */
counter-reset: step; }
#progressbar li { list-style-type: none; color: white; text-transform: uppercase; font-size: 9px; width: 33.33%; float: left; position: relative; }
#progressbar li:before { content: counter(step); counter-increment: step; width: 20px; line-height: 20px; display: block; font-size: 10px; color: #333; background: white; border-radius: 3px; margin: 0 auto 5px auto; }
/* progressbar connectors */
#progressbar li:after { content: ''; width: 100%; height: 2px; background: white; position: absolute; left: -50%; top: 9px; z-index: -1; /* put it behind the numbers */ }
#progressbar li:first-child:after { /* connector not needed before the first step */
content: none; }
/* marking active/completed steps green */
/* The number of the step and the connector before it = green */
#progressbar li.active:before,
#progressbar li.active:after { background: #27AE60; color: white; }
label.error { display: none !important; }
input.required.error { border: 1px solid red; }
.right-form label,
.right-form fieldset strong { color: #fff; }
.right-form form input[type="radio"] { display: inline-block; width: 20px; background: transparent; border: 0; box-shadow: none; }
.right-form form ul { list-style: none; display: block; height:35px; margin: 0 auto; text-align: center; }
.right-form form ul li { display: inline-block; width: 100px; list-style: none; padding: 0; margin: 0; }
.about-us a, .about-us a:visited { font-size: 35px; color: #fff; text-align: right; text-decoration: none; margin-left: 120px; }
section.about-info { background: #E0E0E0; color: #717171;}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	section.hero-image .ctr { /* height: 83%; */ text-align: center; }
	section.hero-image .arbn-logo img { padding:0;}
	section.hero-image{display:block;min-height:1020px;height:100%;background:url(../images/Graffiti-bg.jpg) bottom no-repeat;background-size:cover;}
	section p{font-family:'Oswald',sans-serif;display:block;margin:20px;font-size:12px;}
	.other-products h3{font-size:24px;line-height:auto;}
	section.other-products .ctr .left-prod{width:140px;}
	a.checkit { width:100px; font-size: 14px; }
	div.products a img{width: 70px; vertical-align: top;}	
	section .ctr, footer .ctr { padding:20px; }
	.right-form { width: 370px; }
	.right-form h1{color: #fff000; font-size: 35px; padding: 20px 0; text-align: center; }
	.right-form h4 { font-size: 30px; }
	div#mc_embed_signup { display: block; clear: both; margin: 0 auto; width: 375px; }
	#msform{width:380px;position:relative;position:relative;margin:0 auto;clear:both;position:relative;}
	#msform fieldset { width: 330px; padding: 20px 20px;}
	.social-ico { padding:0 7px; }
	span.social-ico a img { width:25px; }
	.social-area .ctr h2{font-size:18px;}
	.about-us a,.about-us a:visited{font-size:25px;color:#fff;text-align:right;text-decoration:none;margin-left:0px}
}