/**************** Reset **************/
*{
	margin:0;
	padding:0;
	font-size:100%;
	font:inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.screen-reader-text{display:none}
body{line-height:1}
ul, ol{margin: 8px 0;padding: 0 0 0 20px}
a, a:hover, a:visited{text-decoration:none}
a.decoration,a.hover-decoration:hover{text-decoration:underline}
img, a img{border:none}
.frame{padding:5px;background:#FFF;border:1px solid #ccc}
.rounded{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
p{margin: 0 0 16px}
.alg_right{text-align:right}
.alg_left{text-align:left}
.alg_center{text-align:center}
/***********  Basic structure *******************/
.middle{margin-right:auto;margin-left:auto}
.grid{display:block;width: 100%;margin-left: 2.564102564102564%}
.grid:first-child{margin-left:0}
.grid:last-child{margin-right:0}
.span1{width: 5.982905982905983%}
.span2{width: 14.52991452991453%}
.span3{width: 23.076923076923077%}
.span4{width: 31.623931623931625%}
.span5{width: 40.17094017094017%}
.span6{width: 48.717948717948715%}
.span7{width: 57.26495726495726%}
.span8{width: 65.81196581196582%}
.span9{width: 74.35897435897436%}
.span10{width: 82.90598290598291%}
.span11{width: 91.45299145299145%}
.span12{width: 100%}
.height12{height:100%}
/************* Decoration ***************/
.underline{text-decoration:underline}
.text-normal{text-transform: normal }
.uppercase{text-transform: uppercase}
/***********  Float ********************/
.left{float:left}
.right{float:right}
.no_float{float:none}
/****************** Position **************/
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.clear{clear:both}
.absolute_middle{position: absolute;left:0;right:0;margin-left:auto;margin-right:auto }

.absolute_center{
	position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;
}

/**********  Display *********/
.block{display:block}
.none{display:none}
.inline{display:inline-block}
.column_2{
	column-count:2;
	-webkit-column-count: 2; /* Safari and Chrome */
	-moz-column-count:2; /* Firefox */
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;

}


/****************  Margin *****************/
.top_0 {margin-top: 0 !important}
.top_5 {margin-top: 5px !important}
.top_10{margin-top: 10px !important}
.top_15{margin-top: 15px !important}
.top_20{margin-top: 20px !important}
.bottom_0{margin-bottom:0 !important}
.bottom_5{margin-bottom:5px !important}
.bottom_10{margin-bottom:10px !important}
.bottom_15{margin-bottom:15px !important}
.bottom_20{margin-bottom:20px !important}
.right_0{margin-right:0 !important}
.right_5{margin-right:5px !important}
.right_10{margin-right:10px !important}
.right_15{margin-right:15px !important}
.right_20{margin-right:20px !important}
.left_0{margin-left:0px !important}
.left_5{margin-left:5px !important}
.left_10{margin-left:10px !important}
.left_15{margin-left:15px !important}
.index_5{z-index:5}
.index_10{z-index:10}
.index_15{z-index:15}
/************* FORM ******************/
form {margin: 0 0 20px}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	vertical-align: middle;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}
input[type="radio"], input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9;line-height: normal}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}

/***************** Responsive things *********/
.res-img{max-width:100%;height:auto}

@media only screen and (max-width:800px){
	.mobile_only{display:block !important}
	.desktop_only{display:none !important}
	.m_no_float{float:none !important}
	.grid.m_no_float{margin-left:0}
	.m_full{width:100% !important}
	.column_2{
		-webkit-column-count: 1; /* Safari and Chrome */
		    -moz-column-count:1; /* Firefox */
		         column-count:1;
	}
}
@media only screen and (min-width:801px){
	.mobile_only{display:none !important}
	.desktop_only{display:block !important}
}