@font-face { font-family: FjallaOne; src: url('./fonts/FjallaOne-Regular.ttf'); } 
@font-face { font-family: Lato; src: url('./fonts/Lato-Regular.ttf'); } 
@font-face { font-family: Lato-Bold; src: url('./fonts/Lato-Bold.ttf'); } 
/*@font-face { font-family: Lato-Light; src: url('./fonts/Lato-Light.ttf'); } */
@font-face { font-family: Exo-Light; src: url('./fonts/Exo-Light.ttf'); } 
@font-face { font-family: Exo-Regular; src: url('./fonts/Exo-Regular.ttf'); } 
@font-face { font-family: Lato-Light; src: url('./fonts/Lato-Light.ttf'); } 

html {
/*	width:320px;*/
}

body {
	background	: #C1C1C1;
	font-family	: Lato;
	text-align	: center;
	margin		: 0;
	padding		: 0;
}

img { border: 0; margin: 0; padding: 0; }

.clear { width: 0; height: 0; line-height: 0; clear: both; }
.lAlign { text-align: left; }
.rAlign { text-align: right; }

body #sLoading {
	background	: white;
	opacity		: 0.7;
	width		: 400px;
	height		: 400px;
	position	: fixed;
	z-index		: 1002;
	display		: none;
/*	position	: relative;*/
}

body #sLoading img { position:absolute; }

body h5 { font-weight: bold; }

.popup {
	text-align	: left;
	background	: #FFE9C9;
	border		: 3px solid #8a5300;
	opacity		: 0.7;
	position	: absolute;
	top			: 33px;
	padding		: 5px 15px;
	display		: none;
}

.main-section {
	background	: url('../img/main-bk.png') repeat-x;
	width		: 100%;
	margin-top	: 20px;
}

.main-section h1, .main-section h2 {
	font-family	: Lato-Bold;
	font-weight	: bold;
	margin		: 0;
	padding		: 0;
}

.main-section h1 {
	font-size	: 30px;
	color		: #3662AB;
	line-height	: 49px;
}

.main-section h2 {
	font-size	: 27px;
	color		: black;
	line-height : 42px;
}

.main-section h3 {
	background	: url('../img/bullet-mark.png') no-repeat left 8px;
	font-family	: Lato-Bold;
	font-size	: 20px;
	color		: #0B2E67;
	line-height : 25px;
	margin		: 0 0 0 15px;
	padding		: 0 0 0 20px;
}

.main-section h4 {
	font-family	: Lato-Bold;
	font-size	: 24px;
	color		: #0B2E67;
	line-height : 50px;
}

.main-section #input-section {
	background	: url('../img/main-img-no-border.png') no-repeat;
	width		: 100%;
	margin		: 0;
	padding		: 0;
}

.main-section #bullet-div {
	border : none;
	width: 100%;
}

.main-section #input-div {
	background  : #C1C1C1;
	width		: 100%;
	margin		: 0;
	padding		: 0 10px;
}

.main-section #bullet-list {
	background	: url('../img/bullet-bk-pattern.png') left 8px;
	border		: 4px solid #DDDDDD;
	box-shadow	: -5px 5px 4px #222222;
	text-align	: left;
	margin		: 20% 0 0 15% ;
	padding		: 20px 0;
	width		: 70%;
	margin-bottom: 60px;
}

.main-section #input-field {
	width: 100%;
	margin-top: 60px;
}

.main-section section.input-unit {
	width		: 100%;
	margin-top	: 6px;
	position	: relative;
}


.main-section .no-padding {
	margin  : 0; 
	padding : 0;
}

.main-section .left-padding {
	margin  : 0;
	padding : 0 0 0 10px;
}

.main-section input[type=text] {
	border		: 1px solid #0B2E67;
	width		: 100%;
	height		: 22px;
	line-height : 22px;
	padding		: 0 10px;
	color		: #0B2E67;
}

.main-section input[type=email] {
	border		: 1px solid #0B2E67;
	width		: 100%;
	height		: 22px;
	line-height : 22px;
	padding		: 0 10px;
	color		: #0B2E67;
}

.main-section select {
	border		: 1px solid #0B2E67;
	height		: 22px;
	line-height	: 22px;
	display		: block;
	width		: 100%;
	color		: #0B2E67;
}

.landing-btn {
	background	: #FF9900;
	width		: 187px;
	height		: 34px;
	border		: none;
	font-weight : bold;
	margin-bottom: 10px;
}

.advertise-section {
	background	: #E6E6E6;
}

.advertise-section h1 {
	font-family	: Lato;
	font-size	: 24px;
	font-weight	: bold;
	color		: #3662AB;
	padding		: 0;
	margin		: 0;
	line-height	: 45px;
}

.advertise-section img { margin-bottom : 35px; width: 100%; }

.advertise-section {
	background	: #E6E6E6;
}

.footer-section {
	background		: url('../img/advertise-bk.png') no-repeat center 0;
	margin-bottom	: 30px;
}

.footer-section h1 {
	margin		: 0;
	padding		: 0;
	font-size	: 16px;
	color		: #7A777B;
	line-height	: 30px;
}

.footer-section span { 
	border-right	: 1px solid #7A777B;
	padding			: 0 10px;
}

.footer-section a {
	font-size		: 16px;
	color			: #7A777B;
	text-decoration	: none;
}

.modal-body { 
	text-align: left; 
}

#optout-container {	width : 80%; }
#post-container { width : 80%; }

#privacy-content { display: none; }
#terms-content { display: none; }