@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400);



/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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: 0px 0px 0px 0px;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;


}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; position:relative;}
body {
line-height: 1; }
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; }


/* #Basic Styles
================================================== */
body {

font-family: 'Open Sans','Helvetica Neue','Helvetica','Arial', sans-serif;
font-size:12px;
line-height:20px;
color:#000000;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
overflow-x:hidden;
background:#0b88e4;


}



/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {

color: #262626;
font-family: 'Open Sans','Helvetica Neue','Helvetica','Arial', sans-serif;
font-weight:700;
line-height:1em;

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 36px; margin-bottom: 20px; }
h2 { font-size: 28px; margin-bottom: 10px; }
h3 { font-size: 24px; margin-bottom: 10px; }
h4 { font-size: 22px; margin-bottom: 15px; }
h5 { font-size: 14px; margin-bottom: 10px; }
h6 { font-size: 13px; margin-bottom: 15px; }

.subheader { color: #777; }

p { margin: 0 0 20px 0;  }

p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: 700; }
small { font-size: 80%; }

/* #Blockquotes
================================================== */

blockquote { 

margin: 0 0 35px; 
padding: 20px; 
font-size:21px;
font-weight:700;
position:relative;
line-height:1.1em;
color:#aaa;
border-left:4px solid #eee;
background-color:#f5f5f5;

font-family: 'Open Sans','Droid Sans';
font-size:9px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
color:#686868;
line-height:21px;

}

blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #efefef; border-width: 1px 0 0; clear: both; margin: 20px 0 20px; height: 0; }


/* #Links
================================================== */
a, a:visited { 

color: inherit; text-decoration: none; outline: 0; 
-webkit-transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; transition:all 0.1s ease-in;

}
a:hover, a:focus {  }
p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 5px 0 5px 15px;   }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { margin-bottom: 15px; }
ul.large li { line-height: 21px; }
li p {  }

/* #Images
================================================== */
figure{

	max-width:100%;

}


img.scale-with-grid {
max-width: 100%;
height: auto;
display:block;
}



/* #Buttons
================================================== */

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {

font-family: 'Open Sans','Helvetica Neue','Helvetica','Arial', sans-serif;
border: 1px solid #005ea3;
border:1px solid rgba(0,0,0,0.3);
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
line-height: normal;
padding: 8px 8px;
position:relative;
margin-bottom:10px;
background-color:#0b88e4;

}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {

background: #fff;
color:#666;
text-shadow: none;
border:1px solid #cbcccd;
-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;


}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {

top:1px;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}



/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
display: block;
margin: 0 0 0px 0;
padding: 0;
overflow:hidden;

}
ul.tabs li {
display: block;
width: auto;
padding: 0;
margin:0;
margin-bottom: 0; }



ul.tabs li a {
display: inline-block;
text-decoration: none;
width: auto;
float: left;
padding: 15px 30px;

margin: 0;
background: transparent;

border-left:1px solid #dfdfdf;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */


}

ul.tabs li:last-child a {	

border-right:1px solid #dfdfdf;

}

ul.tabs li a.active {
background: #fff;

position: relative;

background:#fff;


border-bottom:1px solid #fff;

z-index:500;


}


ul.tabs-content { 

margin: 0; 
display: block; 
background:#fff; 
padding:16px; 
margin-bottom:20px; 

border:1px solid #dfdfdf;
margin-top:-1px;

}
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1; }


/* #Forms
================================================== */

form {
margin-bottom: 20px; }
fieldset {
margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
border: 1px solid #e3e3e3;
padding: 12px 12px;
outline: none;
font-size:12px;
line-height:20px;
color: #767772;
margin: 0;
max-width: 100%;
display: block;
margin-bottom: 20px;
width:100%;
font-family: 'Open Sans','Helvetica Neue','Helvetica','Arial', sans-serif;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 

}
select {
padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {

color: #444;
background-color:#f2f2f2;
}

input[type="text"].invalid,
input[type="password"].invalid,
input[type="email"].invalid,
textarea.invalid{

background-color:#ffdede;

}


textarea {
min-height: 100px; }
label,
legend {
display: block;
font-weight: bold;
font-size: 13px;  }
select {
width: 220px; }
input[type="checkbox"] {
display: inline; }
label span,
legend span {
font-weight: normal;
font-size: 13px;
color: #444; }

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.hidden { display:none; }

.float-left { float:left !important; }
.float-right { float:right !important; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden}

.transition-class{

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

}