/*

	Base.css
	
	01. Reset
	02. Other basic parts
	03. Forms
	04. Media
	05. Grid
	06. Positioning and spacing

*/


/* === 01. Reset === */
html, body { height: 100%; min-height: 100%; }
body { overflow-x: hidden; padding: 0; }
body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding: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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
* { margin: 0; padding: 0; border: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0)!important; -webkit-focus-ring-color: rgba(255, 255, 255, 0)!important; outline: none!important; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 1em; -webkit-text-size-adjust: 1em; -ms-text-size-adjust: 1em; }
body { vertical-align: baseline; }
html, button, input, select, textarea { font-family: inherit; }


/* Minified ccs in demo only */
abbr[data-original-title],abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #999;
}
address {
	margin-bottom: 25px;
}
cite,dfn {
	font-style: italic;
}
small {
	font-size: 75%;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
var {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
code,kbd,pre,samp {
	font-family: monospace,serif;
	_font-family: 'courier new',monospace;
	font-size: 13px;
	line-height: 20px;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.code {
	background: #fafafa;
	border: 1px solid #eee;
	padding: 0 20px 20px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.code span {
	color: #ff4800;
}: : -webkit-input-placeholder {
	color: #888;
}: -moz-placeholder {
	color: #888;
}: : -moz-placeholder {
	color: #888;
}: -ms-input-placeholder {
	color: #888;
}
hr {
	display: inline-block;
	width: 100%;
	height: 1px;
	filter: alpha(opacity=50);
	opacity: .5;
	margin-bottom: 25px;
	background: rgba(54,54,54,1);
}
.pl30{padding-left:30px;}
.clear{clear:both;}
.left{text-align:left;}
.right{text-align:right;}
.overlay{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1;}
.overlay-top {position:absolute;top:0;width:100%;height:200px;background: linear-gradient(180deg, rgba(19, 19, 20, 1) 0%, rgba(19, 19, 20, 0) 100%);z-index:2;}
.overlay-bottom{position:absolute;bottom:0;width:100%;height:200px;background: linear-gradient(0deg, rgba(19, 19, 20, 1) 0%, rgba(19, 19, 20, 0) 100%);z-index:2}
img{max-width:100%;}
.t-center {text-align:center;margin:0 auto;}
.form input: not([type]),.form input[type=color],.form input[type=date],.form input[type=datetime-local],.form input[type=datetime],.form input[type=email],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=time],.form input[type=url],.form input[type=week],.form select,.form textarea {
	-webkit-appearance: none;
	display: inline-block;
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.form input: not([type]): focus,.form input[type=color]: focus,.form input[type=date]: focus,.form input[type=datetime-local]: focus,.form input[type=datetime]: focus,.form input[type=email]: focus,.form input[type=month]: focus,.form input[type=number]: focus,.form input[type=password]: focus,.form input[type=search]: focus,.form input[type=tel]: focus,.form input[type=text]: focus,.form input[type=time]: focus,.form input[type=url]: focus,.form input[type=week]: focus,.form select: focus,.form textarea: focus {
	outline: 0;
	border-color: #222;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.form input[type=checkbox]: focus,.form input[type=file]: focus,.form input[type=radio]: focus {
	outline: thin dotted #222;
	outline: 1px auto #222;
}
.form select {
	min-width: 75px;
}
.form .form-checkbox,.form .form-radio {
	margin: 1em 0;
	display: block;
}
.form input: not([type])[disabled],.form input[type=color][disabled],.form input[type=date][disabled],.form input[type=datetime-local][disabled],.form input[type=datetime][disabled],.form input[type=email][disabled],.form input[type=month][disabled],.form input[type=number][disabled],.form input[type=password][disabled],.form input[type=search][disabled],.form input[type=tel][disabled],.form input[type=text][disabled],.form input[type=time][disabled],.form input[type=url][disabled],.form input[type=week][disabled],.form select[disabled],.form textarea[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3;
}
.form input[readonly],.form select[readonly],.form textarea[readonly] {
	background: #eee;
	color: #777;
	border-color: #ccc;
}
.form input: focus: invalid,.form select: focus: invalid,.form textarea: focus: invalid {
	color: #b94a48;
	border: 1px solid #ee5f5b;
}
.form input: focus: invalid: focus,.form select: focus: invalid: focus,.form textarea: focus: invalid: focus {
	border-color: #e9322d;
}
.form input[type=checkbox]: focus: invalid: focus,.form input[type=file]: focus: invalid: focus,.form input[type=radio]: focus: invalid: focus {
	outline-color: #e9322d;
}
.form textarea {
	resize: none;
}
.form select {
	border: 1px solid #ccc;
	background-color: #fff;
}
.form select[multiple] {
	height: auto;
}
.form label {
	margin: .5em 0 .2em;
	font-size: 100%;
}
.form fieldset {
	margin: 0;
	padding: .35em 0 .75em;
	border: 0;
}
.form legend {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 10px;
	font-size: 125%;
	color: #111;
	border-bottom: 1px solid #eee;
}
.form-aligned .form-help-inline,.form-aligned input,.form-aligned select,.form-aligned textarea,.form-message-inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.form-aligned textarea {
	vertical-align: top;
}
.form-aligned .form-control-group {
	margin-bottom: .5em;
}
.form-aligned .form-control-group label {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	width: 10em;
	margin: 0 1em 0 0;
}
.form-aligned .form-controls {
	margin: 1.5em 0 0 10em;
}
video {
	max-width: 100%;
	height: auto;
}
embed,iframe,object {
	max-width: 100%;
}
.vendor {
	padding: 0;
	background: #fafafa;
	margin-bottom: 0;
}
.unsupported {
	background: #fafafa;
}
img {
	vertical-align: bottom;
}
.responsive-img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.circle-img {
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.row {
	width: 1140px;
	max-width: 100%;
	margin: 0 auto;
}
.row .row {
	width: auto;
	max-width: none;
	margin: 0 -20px;
}
.col {
	float: left;
	min-height: 1px;
	padding: 0 15px;
	position: relative;
}
.grid-m {
	margin: 20px;
}
.grid-ms {
	margin-left: 0;
	margin-right: 0;
}
.grid-mt {
	margin-top: 40px;
}
.grid-mb {
	margin-bottom: 40px;
}
.row .one {
	width: 8.3333%;
}
.row .two {
	width: 16.6666%;
}
.row .three {
	width: 25%;
}
.row .four {
	width: 33.3333%;
}
.row .five {
	width: 41.6666%;
}
.row .six {
	width: 50%;
}
.row .seven {
	width: 58.3333%;
}
.row .eight {
	width: 66.6666%;
}
.row .nine {
	width: 75%;
}
.row .ten {
	width: 83.3333%;
}
.row .eleven {
	width: 91.6666%;
}
.row .twelve {
	width: 100%;
}
.row .my{
	width:20%;
}
.row .my-1{
	width:80%;
}
.offset-by-one {
	margin-left: 8.3333%;
}
.offset-by-two {
	margin-left: 16.6666%;
}
.offset-by-three {
	margin-left: 25%;
}
.offset-by-four {
	margin-left: 33.333%;
}
.offset-by-five {
	margin-left: 41.6666%;
}
.offset-by-six {
	margin-left: 50%;
}
.offset-by-seven {
	margin-left: 58.3333%;
}
.offset-by-eight {
	margin-left: 66.6666%;
}
.offset-by-nine {
	margin-left: 75%;
}
.offset-by-ten {
	margin-left: 83.3333%;
}
.offset-by-eleven {
	margin-left: 91.6666%;
}
.one.center {
	margin-left: 45.8333%;
}
.two.center {
	margin-left: 41.6667%;
}
.three.center {
	margin-left: 37.5%;
}
.four.center {
	margin-left: 33.3333%;
}
.five.center {
	margin-left: 29.1667%;
}
.six.center {
	margin-left: 25%;
}
.seven.center {
	margin-left: 20.8333%;
}
.eight.center {
	margin-left: 16.6667%;
}
.nine.center {
	margin-left: 12.5%;
}
.ten.center {
	margin-left: 8.3333%;
}
.eleven.center {
	margin-left: 4.1667%;
}
.clearfix: after,.clearfix: before,.row: after,.row: before {
	content: "";
	display: table;
}
.clearfix: after,.row: after {
	clear: both;
}
.clearfix,.row {
	zoom: 1;
}
@media only screen and (max-width: 1024px) {
	.row .row {
		margin: 0 -15px;
	}
	.col {
		padding: 0 15px;
	}
	.grid-m {
		margin: 15px;
	}

	.grid-mt {
		margin-top: 30px;
	}
	.grid-mb {
		margin-bottom: 30px;
	}
	.row .large-one {
		width: 8.3333%;
	}
	.row .large-two {
		width: 16.6666%;
	}
	.row .large-three {
		width: 25%;
	}
	.row .large-four {
		width: 33.3333%;
	}
	.row .large-five {
		width: 41.6666%;
	}
	.row .large-six {
		width: 50%;
	}
	.row .large-seven {
		width: 58.3333%;
	}
	.row .large-eight {
		width: 66.6666%;
	}
	.row .large-nine {
		width: 75%;
	}
	.row .large-ten {
		width: 83.3333%;
	}
	.row .large-eleven {
		width: 91.6666%;
	}
	.row .large-twelve {
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.row .eight,.row .eleven,.row .five,.row .four,.row .nine,.row .one,.row .seven,.row .six,.row .ten,.row .three,.row .twelve,.row .two {
		width: 100%;
	}
	.eight.center,.eleven.center,.five.center,.four.center,.nine.center,.offset-by-eight,.offset-by-eleven,.offset-by-five,.offset-by-four,.offset-by-nine,.offset-by-one,.offset-by-seven,.offset-by-six,.offset-by-ten,.offset-by-three,.offset-by-two,.one.center,.seven.center,.six.center,.ten.center,.three.center,.two.center {
		margin-left: 0;
	}
	.row .medium-one {
		width: 8.3333%;
	}
	.row .medium-two {
		width: 16.6666%;
	}
	.row .medium-three {
		width: 25%;
	}
	.row .medium-four {
		width: 33.3333%;
	}
	.row .medium-five {
		width: 41.6666%;
	}
	.row .medium-six {
		width: 50%;
	}
	.row .medium-seven {
		width: 58.3333%;
	}
	.row .medium-eight {
		width: 66.6666%;
	}
	.row .medium-nine {
		width: 75%;
	}
	.row .medium-ten {
		width: 83.3333%;
	}
	.row .medium-eleven {
		width: 91.6666%;
	}
	.row .medium-twelve {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.row .row {
		margin: 0 -10px;
	}
	.col {
		padding: 0 10px;
	}
	.grid-m {
		margin: 10px;
	}

	.grid-mt {
		margin-top: 20px;
	}
	.grid-mb {
		margin-bottom: 20px;
	}
	.row .small-one {
		width: 8.3333%;
	}
	.row .small-two {
		width: 16.6666%;
	}
	.row .small-three {
		width: 25%;
	}
	.row .small-four {
		width: 33.3333%;
	}
	.row .small-five {
		width: 41.6666%;
	}
	.row .small-six {
		width: 50%;
	}
	.row .small-seven {
		width: 58.3333%;
	}
	.row .small-eight {
		width: 66.6666%;
	}
	.row .small-nine {
		width: 75%;
	}
	.row .small-ten {
		width: 83.3333%;
	}
	.row .small-eleven {
		width: 91.6666%;
	}
	.row .small-twelve {
		width: 100%;
	}
}
@media only screen and (max-width: 320px) {
	.row .x-small-one {
		width: 8.3333%;
	}
	.row .x-small-two {
		width: 16.6666%;
	}
	.row .x-small-three {
		width: 25%;
	}
	.row .x-small-four {
		width: 33.3333%;
	}
	.row .x-small-five {
		width: 41.6666%;
	}
	.row .x-small-six {
		width: 50%;
	}
	.row .x-small-seven {
		width: 58.3333%;
	}
	.row .x-small-eight {
		width: 66.6666%;
	}
	.row .x-small-nine {
		width: 75%;
	}
	.row .x-small-ten {
		width: 83.3333%;
	}
	.row .x-small-eleven {
		width: 91.6666%;
	}
	.row .x-small-twelve {
		width: 100%;
	}
}
@media only screen and (min-width: 1025px) {
	.hide-normal {
		display: none!important;
	}
	.hide-large,.hide-medium,.hide-small,.hide-x-small {
		display: block!important;
	}
}
@media only screen and (max-width: 1024px) {
	.hide-large {
		display: none!important;
	}
	.hide-medium,.hide-normal,.hide-small,.hide-x-small {
		display: block!important;
	}
}
@media only screen and (max-width: 768px) {
	.hide-medium {
		display: none!important;
	}
	.hide-large,.hide-normal,.hide-small,.hide-x-small {
		display: block!important;
	}
}
@media only screen and (max-width: 480px) {
	.hide-small {
		display: none!important;
	}
	.hide-large,.hide-medium,.hide-normal,.hide-x-small {
		display: block!important;
	}
}
@media only screen and (max-width: 320px) {
	.hide-x-small {
		display: none!important;
	}
	.hide-large,.hide-medium,.hide-normal,.hide-small {
		display: block!important;
	}
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.m0 {
	margin: 0;
}
.mt0 {
	margin-top: 0;
}
.mb0 {
	margin-bottom: 0;
}
.ms0 {
	margin-right: 0;
	margin-left: 0;
}
.p0 {
	padding: 0;
}
.pt0 {
	padding-top: 0;
}
.pb0 {
	padding-bottom: 0;
}
.ps0 {
	padding-right: 0;
	padding-left: 0;
}