/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline; 
    text-decoration:none;
}

body {
    line-height: 1;
}

h1, 
h2,
h3, 
h4, 
h5, 
h6 {
    clear: both;
    font-weight: normal;
}

ol, 
ul, 
ol li,
ul li{
    list-style-type: none;
    list-style: none;
    list-style-position: inside;
    list-style-position: inherit;
}

blockquote {
    quotes: none;
}

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

sup, 
sup img{
 	vertical-align: top;
}

sub, 
sub img{
 	vertical-align: bottom;
}


del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

table {
    border-columnapse: columnapse;
    border-spacing: 0;
}


textarea {
    font-size: 100%;
 /* Corrects font size not being inherited in all browsers */
    margin: 0;
 /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
 /* Improves appearance and consistency in all browsers */
    *vertical-align: middle;
 /* Improves appearance and consistency in all browsers */;
}


* {
    margin: 0;
    padding: 0;
    outline: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.col100{
	float:left;
	width:100%;
	
}
.col50{
	width:50%;
	
}

/* = hidden
-------------------------------------------------------------- */
.hidden{
     opacity:0 !important;
}

/* = visible
-------------------------------------------------------------- */
.visible{
     opacity:1 !important;
}

.left {float:left;}
.left {float:right;}

.text-right,
.text-right *{text-align:right !important;}

.text-center,
.text-center *{text-align:center;}
.text-left,
.text-left *{text-align:left;}

.uppercase{text-transform:uppercase;}

.br{
	border:1px solid red;
}