/* RESET
-------------------------------------------------------------------------------*/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  
  
  /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  * user zoom.
  */
  
  html {
      font-family: sans-serif; /* 1 */
      -ms-text-size-adjust: 100%; /* 2 */
      -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  
  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, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      vertical-align: baseline;
      background: transparent;
  }
  
  article, aside, figure, footer, header, hgroup, nav, section {display: block;}
  
  
  address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
  caption, th { text-align:left }
  
  
  form input
  {
      outline: none;
  }
  select:focus,
  input:focus {
      outline: none;
  }
  select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000;
  }
  
  
  /* Responsive images and other embedded objects
     Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
     There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
  
  img,
  embed,
  object,
  video {
    max-width: 100%;
    height: 100%;
  }
  
  /**
  * Remove border when inside `a` element in IE 8/9.
  */
  
  img {
      border: 0;
  }
  
  
  img {
    vertical-align: top;
  /* If you don't want the images in the scroller to be selectable, try the following
                 block of code. It's just a nice feature that prevent the images from
                 accidentally becoming selected/inverted when the user interacts with the scroller. */
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -o-user-select: none;
              user-select: none;}
  
  
  @media \0screen {
    img {
      width: auto; /* for ie 8 */
    }
  }
  
  
  /* we use a lot of ULs that aren't bulleted.  */
  ol, ul, li {list-style: none;}
  
  
  article ul li{
      list-style: disc outside none;
  }
  article ol li {
      list-style: outside decimal;
  }
  
  
  
  blockquote, q {quotes: none;}
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {content: ''; content: none;}
  
  a {color: #222; outline: none !important; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
  a img { 
      border:none;  /* Gets rid of IE's blue borders */
   vertical-align: top; 
  }
  
  
  
  
  del {text-decoration: line-through;}
  
  abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
  
  /* tables still need cellspacing="0" in the markup */
  table {border-collapse: collapse; border-spacing: 0;}
  th {font-weight: bold; vertical-align: bottom;}
  td {font-weight: normal; vertical-align: top;}
  
  hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
  
  input, select {vertical-align: middle;}
  
  pre {
      white-space: pre; /* CSS2 */
      white-space: pre-wrap; /* CSS 2.1 */
      white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
      word-wrap: break-word; /* IE */
  }
  
  input[type="radio"] {vertical-align: text-bottom;}
  input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
  .ie6 input {vertical-align: text-bottom;}
  
  
  button,
  input,
  select,
  textarea {
      font-family: inherit; /* 1 */
      font-size: 100%; /* 2 */
      margin: 0; /* 3 */
    border-radius: 0;
  }
  
  /**
  * 1. Remove default vertical scrollbar in IE 8/9.
  * 2. Improve readability and alignment in all browsers.
  */
  
  textarea {
      overflow: auto; /* 1 */
      vertical-align: top; /* 2 */
  }
  
  
  
  table {font-size: inherit; font: 100%;}
   /**
  * Remove most spacing between table cells.
  */
  
  table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  
  
  
  
  /* Accessible focus treatment
      people.opera.com/patrickl/experiments/keyboard/test */
  a:hover, a:active {outline: none;}
  a:focus {
      outline: thin dotted;
  }
  
  small {font-size: 85%;}
  
  strong, th {font-weight: bold;}
  
  td, td img {vertical-align: top;}
  
  /* Make sure sup and sub don't screw with your line-heights
      gist.github.com/413930 */
  sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
  sup {top: -0.5em;}
  sub {bottom: -0.25em;}
  
  
  /* standardize any monospaced elements */
  pre, code, kbd, samp {font-family: monospace, sans-serif;}
  
  /* hand cursor on clickable elements */
  .clickable,
  label,
  input[type=button],
  input[type=submit],
  button {cursor: pointer;
  -webkit-appearance: none;}
  
  
  
  /* make buttons play nice in IE */
  button {width: auto; overflow: visible;}
  button:focus {outline:0;} /* remove blue border on chrome
  /* scale images in IE7 more attractively */
  .ie7 img {-ms-interpolation-mode: bicubic;}
  
  
  /* let's clear some floats */
  
  .clearfix:before,
  .clearfix:after {
      content: " ";
      display: table;
  }
  
  .clearfix:after {
      clear: both;
  }
  
  /* IE6/7 support */
  .clearfix {
      *zoom: 1;
  }
  
  
  
  /* text indent */
  .indent {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
  }
  
  
  
  
  
  
  /* Ok, this is where the fun starts.
  -------------------------------------------------------------------------------*/
  
  /* we like off-black for text */
  body, select, input, textarea {color: #222;}
  

  /* a {text-decoration: none;} */
  /* a:hover {text-decoration: underline;} */
  
  
  
  
      /* Custom Selection Styles */
  ::selection {background:#eee;color:#333;text-shadow:none;}
  ::-webkit-selection {background:#eee;color:#333;text-shadow:none;}
  ::-moz-selection {background:#eee;color:#333;text-shadow:none;}
  
  
  
  
  /*  j.mp/webkit-tap-highlight-color */
  /*a:link {-webkit-tap-highlight-color: #fcd700;} */
  
  ins {background-color: #fcd700; color: #000; text-decoration: none;}
  mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
  
  
  
  .clear {clear: both;}
  
  .floatleft { float:left; }
  .floatright { float:right; }
  
  
  /*  iamges in posts and caption */
  img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  
  img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }
  
  img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }
  
  .alignright {
    float: right;
    margin-left: 30px !important;
  text-align: right; }
  
  .alignleft {
    float: left;
    margin-right: 30px !important;
  text-align: left; }
  
  
  
  
  .aligncenter, div.aligncenter
  {
  display: block; margin-left: auto; margin-right: auto;
  }
  
  .wp-caption img
  {
  margin: 0; padding: 0; border: 0 none;
  }
  
  
  
  
  
  
  .ltr {direction: ltr;}
  .rtl {direction: rtl;}
  
 
  
  
  
  
  body .page-wrap a.post-edit-link {
      background: none repeat scroll 0 0 #CCCCCC;
      color: #000000;
      padding: 4px 10px;
      text-decoration: none;
      border-radius: 5px;
      font-size: 15px;
      font-weight: 400;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
    /* ------------------------------------------ */
      /*= contact form 7  ------------*/
  /* ------------------------------------------ */
  
  .wpcf7-form-control-wrap br {display: none !important;}
  
  
  
      body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* Print styles!
  -------------------------------------------------------------------------------*/
      @media print {
  * {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
  a,a:visited {text-decoration:underline;}
  a[href]:after {content:" (" attr(href) ")";}
  abbr[title]:after {content:" (" attr(title) ")";}
  .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
  pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
  thead {display:table-header-group;}
  tr,img {page-break-inside:avoid;}
  img {max-width:100% !important;}
  @page {margin:0.5cm;}
  p,h2,h3 {orphans:3;widows:3;}
  h2,h3 {page-break-after:avoid;}
  }