html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}

body {
	background: #F5F5F5;
	font-family: 'Lato';
}

.container {
  max-width: 1120px;
  margin: 0px auto;
  position: relative;
}
.container2{
  display: block;
  padding: 0 15px;
}

#header {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    min-height: 50px;
    padding: 12px 0;
    position: relative;
    width: 100%;
    z-index: 9999;
}

h1 {
	font-family: lato;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
	color: #FFF;
	text-align: center;
	padding: 35px 0 20px;
	 position: relative;
}

.header_title {
	color: #3399FF;
    font-size: 50px;
    font-weight: normal;
    position: relative;
    top: 20px;
}

.logo {
	float: left;
	height: 100%;
	width: 60%;
	 position: relative;
}

.rightarea {
    float: right;
    height: 100%;
    text-align: right;
    width: 40%;
	 position: relative;
}

.welcome {
	color: #888;
	text-transform: uppercase;
	font-size: 14px;
	 position: relative;
}

.welcome a{
	color: #888;
	text-transform: uppercase;
	text-decoration: none;
	 position: relative;
}

.menu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
	margin-top: 10px;
}

.menu ul li a {
  color: #6bcdcd;
  padding: 0 0 0 38px;
  text-decoration: none;
  cursor: pointer;
  font-family: "Lato",sans-serif;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing: 1px;
}

.content {
	width: 100%;
	min-height: 450px;
	float: left;
	/*background: rgba(0,0,0,0.5); */
	 position: relative;
	 margin-top: 44px;
	 margin-bottom: 23px;
}

.share {
	/*max-width: 415px;*/
	max-width: 500px;
	margin: 0px auto;
}

.icon {
    color: #fff;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 138px;
}

.icon img {
	width: 100px;
}

.icon a {
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}

.icon .title {
	opacity: 0;
}

.icon a:hover > .title {
	opacity: 1;
}

#content {
    background: rgba(0, 0, 0, 0) url("images/home_background.jpg") no-repeat scroll center top;
    float: left;
    min-height: 547px;
    width: 100%;
}


.home_title {
	font-style: normal;
	font-weight: 300;
	font-size: 45px;
	text-align: center;
	color: #CCC;
	position: relative;
	margin-top: 145px;
	float: left;
	width: 100%;
}

.footer_text {
	color: #ccc;
    float: left;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 195px;
    position: relative;
    text-align: center;
    width: 100%;
}

#step3_content .footer_text {
    bottom: 20px;
	color: #ccc;
    float: left;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 30px;
    position: relative;
    text-align: center;
    width: 100%;
}

.footer_text a {
	color: #CCC;
}

.desc {
	font-style: italic;
	font-weight: 400;
	font-size: 17px;
	text-align: center;
	color: #CCC;
	position: relative;
	margin-top: 16px;
	float: left;
	width: 100%;
}

.form_area {
	background: #FFF;
	min-height: 80px;
	width: 100%;
	float: left;
	margin-top: -10px;
}

.form_control {
	/*background: #FFF url('images/form.jpg') no-repeat;
	background-position: left; */
	border: 0px;
	border-bottom: 2px solid #CCCCCC;
	color: #969696;
    font-family: lato;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    margin: 15px 0;
    padding: 10px;
    width: 490px;
	height: 35px;
}

textarea {
    resize: none;
}

.top_image{
	vertical-align: top;
	position: relative;
	top: 25px;
}

#footer {
	background: #3399FF;
	min-height: 35px;
	width: 100%;
	float: left;
	padding: 10px 0px;
	color: #FFF;
	position: relative;
}

#footer p {
	padding-top: 7px;
	font-size: 18px;
	float: left;
}

.align_right {
	float: right !important;
	text-align: right;
}

.align_left {
	float: left !important;
	text-align: left;
}

.align_right a {
	font-style: italic;
	font-weight: 400;
	color: #FFF;
	font-size: 16px;
}

.align_left a {
	font-style: italic;
	font-weight: 400;
	color: #FFF;
	font-size: 16px;
	margin-right: 10px;
}

.button {
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: 20px !important;
    margin-left: 15px;
    padding: 3px 25px 5px;
    text-decoration: none;
}
.button2{
    border: 1px solid #66CC66;
    background: #66CC66 url("../../images/icons/bulk_button6.png") no-repeat scroll 20px 11px;
    border-radius: 2px;
    font-size: 23px !important;
    margin-left: 15px;
    padding: 7px 30px 10px 50px;
    text-decoration: none;
    color:#fff;
    position: relative;
    top: -31px;
    display: none;
}
.cbpad5{
  padding-top: 3px;
  width: 100%;
  text-align: left;
}
.mrbt0{
  margin-top: 0;
  
}
@media(max-width:496px){
    .button2{
      top: 0px;
      margin-bottom:20px;
    }
    .form_area{
      height:auto;
    }
}
.bullet {
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 13px;
    margin: 0 5px;
    position: relative;
    top: -2px;
    width: 13px;
}

.active {
	background: #FFF;
}

.footer_nav {
	margin: 0 auto;
    position: relative;
    text-align: center;
    top: 11px;
    width: 300px;
}

.footer_nav a {
	color: #FFF;
	text-decoration: none;
	font-size: 29px;
}

.step3_body {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 40px;
	min-height: 645px;
}

@media(max-width:767px) {
	
	#step3_content {
		background: rgba(0, 0, 0, 0) url("images/step3_body.png") no-repeat scroll center top;
		float: left;
		min-height: 560px;
		width: 100%;
		height: 100%;
	}
	
	.step3_body {
		display: none;
	}
	
	.logo {
		float: left;
		height: 100%;
		width: 100%;
		text-align: center;
	}
	
	.rightarea {
		float: right;
		height: 100%;
		text-align: right;
		width: 100%;
	}
	
	
	.welcome {
		color: #888;
		font-size: 11px;
		margin: 7px 0 3px;
		text-align: center;
		text-transform: uppercase;
	}
	.menu {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	.menu ul li {
		display: inline;
		float: none;
		list-style: outside none none;
		margin: 18px 0 0;
		padding: 0;
	}
	.menu ul li a {
		color: #6bcdcd;
		padding: 0 7px;
                cursor: pointer;
                font-family: "Lato",sans-serif;
                font-size: 10pt;
                font-weight: normal;
                letter-spacing: 1px;
	}
	.home_title {
		font-size: 30px;
		margin-top: 240px;
	}
	
	.form_control {
		max-width: 60%;
	}
	
	#footer p {
		float: none;
		font-size: 22px;
		padding-top: 15px;
		text-align: center;
	}
	
	.footer_nav {
		height: 50px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		top: 20px;
		width: 100%;
	}
	
	
	.share {
		margin: 0 auto;
		max-width: 280px;
	}
	
	.align_right {
		float: none !important;
		left: -20px;
		margin: 10px 0;
		position: relative;
		top: 0px;
	}
	
	.col3 {
		width: 100%;
		float: Left;
	}
	
}

@media(min-width:768px){
	
	
	.container {
		padding: 0 15px;
	}
	
	.logo {
		float: left;
		height: 100%;
		width: 35%;
	}
	
	.rightarea {
		float: right;
		height: 100%;
		margin-right: 10px;
		text-align: right;
		width: 58%;
	}
	
	
	.menu ul li a {
		color: #6bcdcd;
                cursor: pointer;
                font-family: "Lato",sans-serif;
                font-size: 10pt;
                font-weight: normal;
                letter-spacing: 1px;
	}
	
	.col3 {
		width: 33%;
		float: Left;
	}
	
}