/*
Author: SaMi
Version: 1.0
*/

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; display: inline-block; text-align:left; 
	font-family: 'Roboto', sans-serif;
	*display: inline;
	*vertical-align: middle;
	zoom: 1;
	color:#424242;
}
ol, ul, li{ position:relative; }
html,div{ font-size:0; position:relative; display:inline-block; box-sizing:content-box; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; width:100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6{font-family:'Open Sans', sans-serif; }
div,p,span{font-family:'Roboto', sans-serif; }
a{ color:#3690f0; transition:0.3s all ease-in-out; font-size:14px; text-decoration:none; }
a:hover{ color:#bd081c; }
/*h1,h2,h3{ font-weight:600; }*/

.textL{ text-align:left; } .textR{ text-align:right; } .textC{ text-align:center; }
.row{ width:94%; padding:5px 3%; display:inline-block; }
.row-pad5p{ width:90%; padding:5px 5%; display:inline-block; }
.row-pad0{ width:100%; padding:0; display:inline-block; }
.mar0{ margin:0; }
.pad0{ padding:0; }
.button{ padding:5px 10px; border:1px solid #cccccc; cursor:pointer; font-size:12px; display: inline-block; color:#fff; font-weight: bold; border-radius:2px; margin:3px 0; color: #fff; }
.button:visited{ color:#fff; }
.green_btn{ background-color: #4CAF50; border:1px solid #4CAF50; }
.green_btn:hover, .green_btn:active{ background:#388E3C; }

.red_btn{ background-color: #EF5350; border:1px solid #D32F2F; }
.red_btn:hover, .green_btn:active{ background:#EF5350; }

.indigo_btn{ background-color:#3F51B5; border:1px solid #303F9F; }
.indigo_btn:hover, .green_btn:active{ background:#303F9F; }

.blue_btn{ background-color:#00b4f4; border:1px solid #303F9F; }
.blue_btn:hover, .green_btn:active{ background:#303F9F; }

.teal_btn{ background-color: #009688; border:1px solid #00796B; }
.teal_btn:hover, .green_btn:active{ background:#00796B; }

.orange_btn{ background-color:#F7931E; border:1px solid #DC7E10; }
.orange_btn:hover, .green_btn:active{ background:#F7931E; }

.grey_btn{ background-color:#323336; border:1px solid #000000; }
.grey_btn:hover, .green_btn:active{ background:#595959; }
.caps{ text-transform:uppercase; }
.fullwidth{ width:100%; }

/*****************************************/
body{ background-color:#040301; background-image:url(bg.jpg);background-position:top; background-size:100% auto; background-repeat:no-repeat; text-align:center; font-family:'Kalam', cursive; }
#wrapper{ display:inline-block; width:100%; margin:10px 0 0 0; padding:0; max-width:1200px; }
#header{ display:inline-block; width:100%; margin:0; padding:0; } 
#header a { display:inline-block; width:auto; margin:0; padding:0; } 
#header a img{ display:inline-block; width:210px; height:90px; margin:0; padding:0; } 

#footer{ width:100%; display:inline-block; }
#footer p{ color:#777; font-size:14px; text-align:center; width:100%; margin:10px 0 30px 0; }
/*****************************************/
#main_content{ display:inline-block; width:100%; margin:20px 0; padding:0; }
#main_content_inner{ display:inline-block; width:100%; margin:0; padding:0; text-align:center; }
#main_content_inner h2{ display:inline-block; width:100%; margin:0; padding:0; font-size:56px; font-family:'Kalam', cursive; font-weight:300; line-height:64px; color:#fff; text-align:center; }
#main_content_inner h2 span{ color:#f16334; font-weight:500; font-family:'Kalam', cursive; text-align:center; }
#main_content_inner h3{ display:inline-block; width:100%; margin:0; padding:0; font-size:40px; font-weight:200; line-height:54px; color:#fff; text-align:center; font-family:'Kalam', cursive; }
#main_content_inner img{ display:inline-block; width:290px; height:122px; margin:0; padding:0; }
#main_content_inner .orange_btn{ color:#fff; background-color:#f16334; border-radius:20px; padding:12px 30px; font-size:18px; margin:20px 0; }
/*****************************************/
.home_intro_wrap{ width:100%; text-align:center; }
.home_intro{ width:60%; margin:30px 0;}
.home_intro .home_intro_title{ color:#fff; font-size:22px; width:100%; text-align:center; font-family:'Kalam', cursive;  }
.home_intro .home_intro_title span{ font-size:32px; color:#fff; font-family:'Kalam', cursive;padding-bottom:30px;}

.home_intro_wrap .home_intro_info{ font-size:20px; line-height:30px; color:#fff; width:100%; text-align:center; font-family:'Kalam', cursive; }

.home_intro ul{ width:100%; margin:0 0 20px 0; padding:10px 0; vertical-align:top; border-top:1px solid #777; border-bottom:1px solid #777; text-align:center; }
.home_intro ul li{ width:90%; padding:0 5%; font-size:23px; line-height:30px; color:#fff; font-family:'Kalam', cursive; text-align:center; }
/*.home_intro ul li:before{ content:" "; border-radius:50%; background-color:#f16334; width:10px; height:10px; display:inline-block; font-weight:bold; font-size:30px; margin-right:5px; }*/
/*****************************************/
#overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; background-color:#000000a6; text-align:center; z-index:998; display:none; }
.user_form{ position:fixed; width:300px; top:0; left:50%; margin-left:-150px; margin-top:10%; text-align:center; z-index:999; display:none; }
.user_form form{ width:300px; background:#fff; border-radius:8px; padding:5px; text-align:center; }
.user_form img{ margin:10px 0; width:70%; height:auto; }
.user_form form input{ font-size:20px; width:80%; margin:10px; z-index:999; padding:4px 2px; background-color:#f16334; color:#fff; border:none; }
.user_form form select{ font-size:14px; width:80%; margin:10px; z-index:999; padding:4px 2px; background-color:#f16334; color:#fff; border:none; }
.user_form form input.submit_btn{ width:auto; background-color:#3f3d56; border-radius:4px; padding:5px 15px; cursor:pointer; }

::placeholder{ color:#fff; }
:-ms-input-placeholder{ color:#fff; }
::-ms-input-placeholder{ color:#fff; }
/*****************************************/
#alertbox{ position:fixed; width:auto; top:10%; left:40%; margin-top:10%; text-align:center; z-index:999; display:none; background:#fff; border-radius:8px; font-size:15px; }
/*****************************************/

@media(max-width:700px){
	.home_intro{ width:75%; }
	.user_form{ left:50%; width:50%; margin-left:-25%; }
	.user_form form{  width:94%; padding:2%; }
	#main_content_inner h2{ font-size:40px; }
	#main_content_inner h3{ font-size:30px; }
	.home_intro .home_intro_title span{ font-size:18px; font-weight:300; }
	.home_intro_wrap .home_intro_info{ font-size:17px; }
	#main_content_inner img{ height:auto; }
}
@media(max-width:500px){
	.home_intro{ width:98%; margin:1%; }
	.user_form{ left:50%; width:80%; margin-left:-40%; }
}