/* Reset and Some Default Style Sheet Document */
@import url(https://fonts.googleapis.com/css?family=Mandali|Exo+2:700,300italic,300,400);
/* Resetting browser defaults */
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, font, 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, button, table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, section, figure, figcaption, article, aside, hgroup, input[type="submit"],input[type="reset"], input[type="button"], input[type="image"], input[type="text"],input[type="password"], select, textarea {-webkit-border-radius: 0;-webkit-appearance: none;background: transparent;border: 0;font: inherit;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;
}
header, main, footer, section, figure, figcaption, article, aside, nav, menu {display: block;}

/* Default Styles */
html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 100%;
	line-height: 1.625;
}

body {
	background: #fff;
	color: #b0b7ba;
	fill: currentColor;
	font: normal 16px/1.5 "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	height: 100%;
}

svg {fill: currentColor;}

*,*:before,*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all .3s ease;
}

blockquote,q {quotes: none;}
blockquote:before,blockquote:after,
q:before,q:after {content: '';content: none;}

:focus {outline: 0;}

a {color: #f26d44;text-decoration: none;}

a:focus,a:hover {color: #30383b;}

ul, ol {list-style-position: inside;}

h1, h2, h3, h4, h5, h6 {
	color: #83cef5;
	font: normal 100% "Exo 2", "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	font-weight: bold;
	margin: 40px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #83cef5;}
h1 {font-size: 48px;line-height: 56px;}
h2 {font-size: 40px;line-height: 48px;}
h3 {font-size: 32px;line-height: 40px;}
h4 {font-size: 24px;line-height: 32px;}
h5 {font-size: 16px;line-height: 24px;}
h6 {
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}
p {line-height: 28px;margin: 40px 0;}

blockquote {
	font-family: "Exo 2", "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: 32px;
	margin: 40px 0;
}

cite {
	font-family: "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
}

img,iframe,embed,object,audio,video {
	width: auto;
	height: auto;
	max-width: 100%;
}

figure img {display: block;}

figcaption {
	font-size: 12px;
	margin-top: 6px;
	text-align: right;
	text-transform: uppercase;
}

strong, b {font-weight: bold;}

em, i {font-style: italic;}
em {font-weight: bold;}

del, strike {text-decoration: line-through;}

small {font-size: .8em;}
big {font-size: 1.25em;}

code {font-family: consolas, "Courier New", Courier, monospace;padding: 2px 4px;}

sub {font-size: .8em;vertical-align: sub;}
sup {font-size: .8em;vertical-align: super;}

::-webkit-input-placeholder {color: #b0b7ba;font-weight: 300;}
:-moz-placeholder {color: #b0b7ba;font-weight: 300;}
::-moz-placeholder {color: #b0b7ba;font-weight: 300;}
:-ms-input-placeholder {color: #b0b7ba;font-weight: 300;}

label {
	color: #b0b7ba;
	display: block;
	font-family: "Exo 2", "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	margin: 16px 0;
}

input,input[type="text"], input[type="password"], input[type="file"],
input[type="color"], input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="email"], input[type="month"],
input[type="number"], input[type="range"], input[type="search"],
input[type="tel"], input[type="time"], input[type="url"], input[type="week"],
textarea,select {
	background: #ffffff;
	border: none;
	border-radius: 32px;
	color: #9aa0a3;
	display: block;
	font: normal 20px/1 "Exo 2", "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	margin: 0;
	height: 64px;
	padding: 4px 32px;
	width: 100%;
}

textarea {
	border-radius: 16px;
	overflow: auto;
	height: auto;
	padding: 20px;
}

button, input[type="button"],input[type="submit"], input[type="reset"] {
	background: #f26d44;
	color: #ffffff;
	border-radius: 32px;
	display: block;
	border: none;
	font: normal 24px "Exo 2", "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	line-height: 64px;
	height: 64px;
	padding: 0 40px;
	text-align: center;
}

button:focus, button:hover,
input[type="button"]:focus, input[type="button"]:hover,
input[type="submit"]:focus, input[type="submit"]:hover,
input[type="reset"]:focus, input[type="reset"]:hover {background: #30383b;}

@media only screen and (max-width: 940px) {
    label {font-size: 18px;margin: 16px 0;}
    textarea {height: auto;padding: 12px;}
    button, input[type="button"],input[type="submit"], input[type="reset"]{padding: 0 32px;}
}

/* tables still need 'cellspacing="0"' in the XHTML markup */
table{
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 18px;
	margin: 40px 0 60px;
	width: 100%;
}

table caption{
	caption-side: bottom;
	margin: 6px 0;
	padding: 2px;
	text-align: left;
	font-size: 12px;
	font-style: italic;
}

thead{background-color: #fff;}

thead td{
	background: transparent;
	border-bottom: #f2f5f2 1px solid;
	padding: 20px 10px;
	text-align: left;
	color: #161718;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

tbody td{
	background: #fff;
	border-bottom: #f2f5f2 1px solid;
	font-size: 14px;
	line-height: 16px;
	padding: 16px 10px;
	vertical-align: middle;
}