/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Switching box model for all elements */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* Base font-size corresponds to 10px and is adapted to rem unit */

html {
  font-size: 62.5%;
  /-webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */

/* font-sizing for content */

/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */

p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
  /*margin-top: .75em;*/
  margin-bottom: 0;
  line-height: 1.4;
}

h1, .h1-like,
h2, .h2-like,
h3, .h3-like,
h4, .h4-like,
h5, .h5-like,
h6, .h6-like,{
  margin-bottom: 0;
}


em {
  font-style: italic;
}

strong {
  font-weight: bold;
}


/* hiding content */

.visually-hidden {
  position: absolute;
  left: -7000px;
  overflow: hidden;
}

.hide {
  display: none;
}

/* avoid margins on nested elements */

li p,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}

/* max values */

img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video {
  max-width: 100%;
}

/* scripts */

body > script {
  display: none !important;
}


/* IE fix */

.ie678 h1,
.ie678 .h1-like {
  font-size: 2.2857142857142856em;
}

.ie678 h2,
.ie678 .h2-like {
  font-size: 2em;
}

.ie678 h3,
.ie678 .h3-like {
  font-size: 1.7142857142857142em;
}

.ie678 h4,
.ie678 .h4-like {
  font-size: 1.4285714285714286em;
}

.ie678 h5,
.ie678 .h5-like {
  font-size: 1.2857142857142858em;
}

.ie678 h6,
.ie678 .h6-like {
  font-size: 1.1428571428571428em;
}

/* hasLayout for IE6/IE7 */

.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
  zoom: 1;
}

/* inline-block and table-cell for IE6/IE7 */

/* warning: .col needs width on IE6/IE7 */

.ie67 .btn,
.ie67 .col,
.ie67 .inbl {
  display: inline;
  zoom: 1;
}

.ie8 img {
  width: auto;
  /* @bugfix for IE8 */
}



/* quick print reset */

@media print {
 * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    width: auto !important;
    margin: auto !important;
    font-family: serif;
    font-size: 12pt;
    background-color: #fff !important;
    color: #333 !important;
  }

  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  ul,
  ol {
    color: #000 !important;
    margin: auto !important;
  }

  .print {
    display: block;
    /* displaying .print elements */
  }

  img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  }

  p,
  blockquote {
    orphans: 3;
    /* no orphans */
    widows: 3;
    /* no widows */
  }

  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
    /* no breaks inside these elements */
  }

  h1 {
    page-break-before: always;
    /* page break before main headers */
  }

  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
    /* no breaks after these elements */
  }

  a {
    color: #000 !important;
    text-decoration: underline !important;
  }

  a[href]:after {
    content: " (" attr(href) ")";
    /* displaying URLs */
  }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
}