/* -----------------------------------------------------
					Reset.CSS 
------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul , ul, ul li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
*:focus { outline: none; }	


body > #wrapper {
    height: auto;
    min-height: 100%;
}
html, body, #wrapper {
    height: 100%;
}
/* -----------------------------------------------------
	....................Fonts...........................
------------------------------------------------------*/

/* -----------------------------------------------------
.......................tables............................
------------------------------------------------------*/

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


/* -----------------------------------------------------
...................embeded content......................
------------------------------------------------------*/

svg:not(:root) { overflow: hidden; }

/* ---------------------------------------------------------------------------------
.....................................BASE...........................................
----------------------------------------------------------------------------------*/

html { font-size: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;  }

html, body, p, li, a, span, button, input, select, textarea, blockquote { font-family: 'ubuntu', Arial, Helvetica, sans-serif; font-weight:400}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: 'ubuntu', Arial, Helvetica, sans-serif; color:#666666; line-height:1.2; font-weight:400; }
h1, h2, h3, h4, h5, h6 {padding:0 0 10px 0}
h2 {font-size:9.5px}
p, a{font-size:9.5px; line-height:1.4; color:#666666; padding:5px 0;}
a:hover {color:#000}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: 'ubuntu',Arial, Helvetica, sans-serif; _font-family: 'ubuntu', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*  float
--------------*/
.fl {float:left !important}
.fr {float:right !important}


/*  padding
--------------*/
.pad-tb50 {padding-top:50px; padding-bottom:50px;}

.pad4 {padding:4px !important;}
.pad9 {padding:9px !important;}

.pad-b0 {padding-bottom:0 !important;}
.pad-t0 {padding-top:0 !important;}
.pad-tb0 {padding-bottom:0 !important; padding-bottom:0 !important;}

.pad-b10 {padding-bottom:10px !important;}
.pad-t10 {padding-top:10px !important;}
.pad-tb10 {padding-bottom:10px !important; padding-bottom:20px !important;}

.pad-b20 {padding-bottom:20px !important;}
.pad-t20 {padding-top:20px !important;}
.pad-tb20 {padding-bottom:20px !important; padding-bottom:20px !important;}

.pad-b30 {padding-bottom:30px !important;}
.pad-t30 {padding-top:30px !important;}
.pad-tb30 {padding-bottom:30px !important; padding-bottom:20px !important;}

/*  margin
--------------*/
.mr-b0 {margin-bottom:0 !important;}
.mr-t0 {margin-bottom:0 !important;}
.mr-tb0 {margin-bottom:0 !important; margin-bottom:0 !important;}

.mr-b10 {margin-bottom:10px !important;}
.mr-t10 {margin-bottom:10px !important;}
.mr-tb10 {margin-bottom:10px !important; margin-bottom:20px !important;}

.mr-b20 {margin-bottom:20px !important;}
.mr-t20 {margin-bottom:20px !important;}
.mr-tb20 {margin-bottom:20px !important; margin-bottom:20px !important;}

.mr-b30 {margin-bottom:30px !important;}
.mr-t30 {margin-bottom:30px !important;}
.mr-tb30 {margin-bottom:30px !important; margin-bottom:20px !important;}


/*  text-align
--------------*/
.txt-l {text-align:left;}
.txt-r {text-align:right;}
.txt-c {text-align:center;}

/*  seperator
--------------*/
.seperator {position:relative; display:block; clear:both; margin:0 auto; width:100%; height:9px; padding:20px 0 25px 0;}
.seperator span  {position:relative; display:block; margin:0 auto; width:61px; height:9px; margin:0 auto; background:transparent url(../img/seperator-h.png) 0 0 no-repeat;}


/*  border
--------------*/
.dashed-btm{ border-bottom:1px dashed #d1d1d1;}


/*  link
--------------*/
.red {color:#f05759 !important;}

/*  color
--------------*/
.medium-red {color:#f05759; font-family:'gotham-medium', Arial, Helvetica, sans-serif}
.red {color:#f05759 !important;}
.grey {color:#797979;}

/*  buttons
--------------*/
.buttons {position:relative; float:left; margin-right:5px; background: transparent url(../img/sprite-buttons.png) 0 0 no-repeat; padding:0 10px 0 15px; text-align:center;}
.buttons span { position:absolute; right:-5px; top:0; width:5px; height:100%; background: transparent url(../img/sprite-buttons.png) right 0 no-repeat;}

.hidden-this {display:none !important}