@charset "UTF-8";
/* CSS Document */


/* main */
body {
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px; /* base font size */
	color: #333;
	}
	
	
.rounded {
	border-radius: .25em;
	}
	
.well {
	margin: 1em 0 1em 0;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 1em;
	}


/* Typo */	


p {
    display: block;
	font-size: 1em; /* =14px */
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.text-left {
	text-align: left;
	}
	
.text-center {
	text-align: center;
	}
	
.text-right {
	text-align: right;
	}
	
.text-justify {
	text-align: justify;
	}
	
.text-uppercase {
	text-transform: uppercase;
	}
	
.text-lowercase {
	text-transform: lowercase;
	}
	
.text-capitalize {
	text-transform: capitalize;
	}

.lead {
	display: block;
	font-size: 1.3em; /* =18px */
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    margin-left: 0;
    margin-right: 0;
	}
	

h1 { 
    display: block;
    font-size: 2.286em; /* =32px */
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.714em; /* =24px */
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h3 { 
    display: block;
    font-size: 1.286em; /* =18px */
    margin-top: 1.5em;
    margin-bottom: 0.875em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h4 { 
    display: block;
	font-size: 1.143em; /* =16px */
    margin-top: 1.5em;
    margin-bottom: 0.875em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5 { 
    display: block;
    font-size: 1em; /* =14px */
    margin-top: 1.5em;
    margin-bottom: 0.875em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h6 { 
    display: block;
    font-size: 0.857em; /* =12px */
    margin-top: 1.75em;
    margin-bottom: 0.6em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}


/* lists */

ul, ol {
	margin: 0;
	padding: 1em .2em 0 1.5em;
	
	}
	
li {
	padding: 0 0 .7em .2em;
	}
	
/* tables */

table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	}
	
table tr, table th, table td {
	margin: 0;
	text-align: left;
	padding: .5em;
	}
	
table tr {
	border-bottom: 1px solid #b7b7b7;}
	
table tr:last-child, table td:last-child {
	border-bottom: none !important;
	}
	
.table-lg td, .table-lg tr, .table-lg th {
	padding: 1em;
	}
	
.table-striped tr:nth-child(even) {
	background: #efefef;
	}
	
.table-hover tr:hover {
	background: #efefef;
	}
	


/* Typo tags */

code {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color: #15648F;
	background: #efefef;
	padding: .4em .5em .2em .5em;
	border-radius: .25em;
	}
	
kbd {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color: #efefef;
	background: #333;
	padding: .4em 1em .2em 1em;
	border-radius: .25em;
	}

abbr {
	border-bottom: 1px dotted #000000;
	cursor: help;
	}
	
mark {
	background-color: #DAEFFF;
	}

del, s {
	text-decoration: line-through;
	}
	
ins {
	text-decoration: none;
	border-bottom: 1px solid #0073e1;
	}
	
small {
	font-size: .75em;
	}
	
address {
	font-style: normal;
	margin: 1em 0 1.2em 0;
	line-height: 1.5em;
	}
	
blockquote {
	border-left: 1px solid #b7b7b7;
	margin: 0 0 0 .2em;
	padding-left: 1em;
	}
	
blockquote > footer {
	color: #b7b7b7;
	margin-top: -.8em !important;
	font-size: 1em;
	}
	
blockquote > footer:before {
	content: "— ";
	}
	



/* buttons general and sizes */	

a, a:visited {
	text-decoration: underline;
	}
	
a:hover, a:active {
	text-decoration: none;
	}

		
.button {
		display: inline-block;
		width:auto;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;
		font-weight: normal;
		margin-bottom: 0.2em;
}

.button:hover {
		box-shadow: inset 0px 40px 40px 40px rgba(0,0,0,0.07);			
}

.button:active {
		box-shadow: inset 0px 40px 40px 40px rgba(0,0,0,0.15);		
}


.button-lg {
	font-size: 1.714em; /* =24px */
	padding:.18em 1em .18em 1em;
}

.button-md {
	font-size: 1.286em; /* =18px */
	padding:.2em 1em .25em 1em;
} 

.button-sm {
	font-size: 1em; /* =14px */
	padding:.2em 1em .22em 1em;
}

.button-xs {
	font-size: 0.857em; /* =12px */
	padding:.15em 1em .15em 1em;
}  





/* buttons colors */

a.primary {
	color:#0082ff;
	}
	

.button-primary {
		background-color:#0082ff;
		border: 1px solid #0073e1;
}


a.secondary {
	color:#731dd1;
	}
	
.button-secondary {
		background-color:#731dd1;
		border: 1px solid #5e13af;
}

a.standard {
	color:#ACACAC;
	}

.button-standard {
		background-color:#b7b7b7;
		border: 1px solid #ACACAC;
}

a.ok, p.ok {
	color:#3dae75;
	}

.button-ok {
		background-color:#4fc68a;
		border: 1px solid #3dae75;
}

a.warning, p.warning {
	color:#caa922;
	}

.button-warning {
		background-color:#ddba2a;
		border: 1px solid #caa922;
}

a.error, p.error {
	color:#c02525;
	}

.button-error {
		background-color:#db3333;
		border: 1px solid #c02525;
}


/* button groups */

.button-group {
	display: inline-flex;
	margin-bottom: 1em;
	}

.button-group a.button {
	margin: 0;
	float: left;
	}


.button-group.rounded .button:first-child {
		border-top-left-radius: .25em;
		border-bottom-left-radius: .25em;
	}
	
.button-group.rounded .button:last-child {
		border-top-right-radius: .25em;
		border-bottom-right-radius: .25em;
	}
	

.button-group .button:not(:first-child) {
		border-left: none;
	}




/* forms */	

form {
	}
	
label {
	display: inline-block;
	font-size: 1em; /* =14px */
    margin-top: 1em;
    margin-bottom: .5em;
    margin-left: 0;
    margin-right: 0;
	}


input[type=text], input[type=date], input[type=time], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=search], input[type=month], input[type=week],
input[type=number], input[type=datetime], input[type=datetime-local] {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #ffffff;
	width: 100%;
	display: block;
	display: block;
	border: 1px solid #999;
	padding: .5em 0 .5em 0;
	font-size: 1em;
	margin-bottom: 1em;
	text-indent: .5em;
	}
	
input[type=text].error, input[type=date].error, input[type=time].error, input[type=tel].error, input[type=email].error, input[type=password].error, input[type=url].error, input[type=search].error, input[type=month].error, input[type=week].error, input[type=number].error, input[type=datetime].error, input[type=datetime-local].error, input[type=range].error, input[type=color].error, textarea.error {
	border: 1px solid #c02525;
	background-color: #FFF5F5;
	}
	
input[type=text].ok, input[type=date].ok, input[type=time].ok, input[type=tel].ok, input[type=email].ok, input[type=password].ok, input[type=url].ok, input[type=search].ok, input[type=month].ok, input[type=week].ok, input[type=number].ok, input[type=datetime].ok, input[type=datetime-local].ok, input[type=range].ok, input[type=color].ok, textarea.ok {
	border: 1px solid #3dae75;
	background-color: #FAFFFD;
	}
	
input[type=file].error {
	color: #c02525;}
	
input[type=file].ok {
	color: #3dae75;}
	

	
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #ffffff;
	width: -moz-calc(100% - .5em);
    width: -webkit-calc(100% - .5em);
    width: calc(100% - .5em);
	display: block;
	border: 1px solid #999;
	padding: .5em 0 .5em .5em;
	margin-bottom: 1em;
	font-size: 1em;
	min-height: 6em;
	resize: none;
	}

textarea:focus, input:focus {
	border: 1px solid #555;
	box-shadow: none;
	outline: 0;
}

button:focus {
	box-shadow: none;
	outline: 0;
}


input.button, button {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
	padding-top: auto !important;
	outline: 0;
	display: inline-block;
	margin-top: 1em;
	}
	

input[type=color] {
	display: block;
	border: none;
	cursor: crosshair;
	margin-left: 0;
	padding:0;
 	background: none;
	width: 2.5em;
	height: 2.5em;
	}
	
input[type=color]:focus {
	outline: none;
	}


input[type=range] {
  	-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
 	 width: 100%; /* Specific width is required for Firefox. */
 	 border: none;
 	 padding: 1em 0 1em 0;
 	 background: none;
 	 margin: 0 0 1em 0;
}

input[type=range]::-webkit-slider-thumb {
 	 -webkit-appearance: none;
}

input[type=range]:focus {
 	 outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
 	width: 100%;
 	cursor: pointer;
  	background: transparent; /* Hides the slider so custom styles can be added */
 	border-color: transparent;
 	color: transparent;
}


/* range WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
	margin-top: -0.2em;
  	-webkit-appearance: none;
 	border: none;
 	height: 1em;
  	width: 1em;
  	border-radius: 50%;
  	background: #0082ff;
  	cursor: pointer;
  	box-shadow: none; /* Add cool effects to your sliders! */
}

/* range Firefox */
input[type=range]::-moz-range-thumb {
	margin-top: -0.2em;
  	box-shadow: none;
  	border: none;
  	height: 1em;
  	width: 1em;
  	border-radius: 50%;
  	background: #0082ff;
  	cursor: pointer;
}

/* range IE */
input[type=range]::-ms-thumb {
  	margin-top: -0.2em;
  	box-shadow: none;
  	border: none;
  	height: 1em;
  	width: 1em;
  	border-radius: 50%;
  	background: #0082ff;
  	cursor: pointer;
}


input[type=range]::-webkit-slider-runnable-track {
  	width: 100%;
  	height: .5em;
  	cursor: pointer;
  	box-shadow: none;
  	background: #D3D3D3;
  	border-radius: .25em;
  	border: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  	background: #D3D3D3;
}

input[type=range]::-moz-range-track {
  	width: 100%;
  	height: .5em;
  	cursor: pointer;
  	box-shadow: none;
  	background: #D3D3D3;
  	border-radius: .25em;
  	border: none;
}

input[type=range]::-ms-track {
  	width: 100%;
  	height: .5em;
  	cursor: pointer;
  	background: transparent;
  	border-color: transparent;
  	border-width: 0;
  	color: transparent;
}
input[type=range]::-ms-fill-lower {
  	background: #D3D3D3;
  	border: none;
  	border-radius: .25em;
  	box-shadow: none;
}
input[type=range]:focus::-ms-fill-lower {
  	background: #D3D3D3;
}
input[type=range]::-ms-fill-upper {
 	background: #D3D3D3;
  	border: none;
  	border-radius: .25em;
  	box-shadow: none;
}
input[type=range]:focus::-ms-fill-upper {
  	background: #D3D3D3;
}


input[type=file] {
	max-width: 100%;
	display: block;
	margin-bottom: 1em;
	}

input[type="file"]::-webkit-file-upload-button {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width: 100%;
	padding: .42em 1em .42em 1em;
	background-color:#ffffff;
	border: 1px solid #ACACAC;
	border-radius: 0;
	font-size: 15px;
	cursor: pointer;
	}
	
input[type="file"]::-webkit-file-upload-button:hover {
	box-shadow: inset 0px 40px 40px 40px rgba(0,0,0,0.07);	
}

input[type="file"]::-webkit-file-upload-button:focus {
	box-shadow: none;
	box-shadow: inset 0px 40px 40px 40px rgba(0,0,0,0.07);	
	outline: 0;
	border-color: #555;
}
	


@media only screen and (min-width: 3200px) {
	
	body {
	font-size: 28px; /* base font size */
	
	}
	
	
}