/* `XHTML, HTML4, HTML5 Reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp 
{ border: 0;
 /* margin: 0;
  padding: 0;*/
  font-size: 100%; 
}
a{outline:0}::-moz-focus-inner{border:0}:focus{-moz-outline-style:none}:-moz-any-link:focus{outline:none}
html,body { height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.
*/
  display: block; 
}
a { outline: 0; }
b,strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

/*ul {
  list-style: none;
}*/

li {
/*
  For IE6 + IE7:
  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

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

th, td, caption 
{ font-weight: normal;
  vertical-align: top;
  text-align: left;
}

p {
  margin-left: 0;
  margin-right: 0;
}

q { quotes: none; }

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

sub, sup, small { font-size: 75%; }

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub { bottom: -0.25em; }

sup { top: -0.5em; }

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

/* #Toolbox - Useful classes
======================================================================================================*/
.left          {float: left !important;}
.right         {float: right !important;}
.overflow      {overflow:hidden !important;}
.clear         {clear:both !important;}
.noclear       {clear:none !important;}
.nofloat       {float:none !important;}
.full          {width: auto !important;}
.none          {display: none !important;}
.block         {display: block !important;}
.relative      {position: relative !important;}
.half          {width:50% !important;}
.gutter-right  {margin-right:5px !important;}
.gutter-left   {margin-left:5px !important; }
.align-left    {text-align: left !important;}
.align-center  {text-align: center !important;}
.align-right   {text-align: right !important;}
.align-top     {vertical-align: top !important;}
.align-middle  {vertical-align: middle !important;}
.align-bottom  {vertical-align: bottom !important;}
.single-line   {white-space:nowrap !important;}
.uppercase     {text-transform: uppercase !important;}
.text-overflow {overflow: hidden !important;
                text-overflow: ellipsis !important;}

.flush span,
.flush li      {display: inline-block;}

.stack span,
.stack li      {display: block;}

.row:after,
.row-fix:after,
.input:after,
.field:after,
.clearfix:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0;
}
* html .row,
* html .row-fix,
* html .input,
* html .field,
* html .clearfix,
*:first-child+html .row,
*:first-child+html .row-fix,
*:first-child+html .input,
*:first-child+html .field,
*:first-child+html .clearfix {
  zoom:1;
}

/* Magic image resize / crop */
.crop-horizontal { overflow: hidden; }
.crop-horizontal .step-1 { float: right; position: relative; right: 50%; }
.crop-horizontal .step-2 { float: left; left: 50%; position: relative; }

.crop-vertical { overflow: hidden; position: relative; }
.crop-vertical .step-1 { float:right; position: relative; top: 50%; }
.crop-vertical .step-2 { float: left;margin-top: -34%; }

.crop-vertical img,
.crop-horizontal img {
  display: block;
}

/* Img or video fit */
.fit-width {width: 100%}

.visible-mobile{
  display: none !important; 
}