/**
 *  -----------------------------------------------
 *  config/VARIABLES and MIXINS
 *
 *      1. Colors
 *      2. Paths
 *      3. Spacing/dimensions
 *      4. Breakpoints
 *      5. Media queries
 *      6. Fonts/mixins
 *      7. OOCSS helpers
 *      8. CSS3 transitions
 *      9. Mixins
 *  -----------------------------------------------
 */
/*
     * # Colors
     ****************************************************************/
/*
     * 2. Paths
     ****************************************************************/
/*
     * 3. Spacing/dimensions
     ****************************************************************/
/* Tablet and mobile base padding */
/* Tablet and mobile base padding */
/*
     * 4. Breakpoints
     ****************************************************************/
/*
     * 5. Media queries
     ****************************************************************/
/*
     * 6. Fonts/mixins
     ****************************************************************/
/* Mixins */
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-th-menu:before {
  content: "\e900";
}
/*
     * 7. OOCSS helpers
     ****************************************************************/
/* Clearfix */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
.cf {
  overflow: visible!important;
}
/* Vertical centering classes */
.va,
.vac {
  display: inline-block;
  vertical-align: middle;
}
.va {
  height: 100%;
  width: 0;
}
.va.bottom {
  vertical-align: bottom;
}
/* Visibility classes */
.v_hd,
.v_hd_ib,
.v_large,
.v_large_ib,
.v_tablet,
.v_tablet_ib,
.v_tabletp,
.v_tabletp_ib,
.v_mobilel,
.v_mobilel_ib,
.v_mobile,
.v_mobile_ib {
  display: none!important;
}
@media screen and (min-width: 980px) {
  .v_desktop {
    display: block!important;
  }
  .v_desktop_ib {
    display: inline-block !important;
  }
  .v_tablet,
  .v_tablet_ib,
  .v_tabletp,
  .v_tabletp_ib,
  .v_mobilel,
  .v_mobilel_ib,
  .v_mobile,
  .v_mobile_ib {
    display: none!important;
  }
}
@media screen and (min-width: 1680px) {
  .v_large {
    display: block!important;
  }
  .v_large_ib {
    display: inline-block !important;
  }
  .v_tablet,
  .v_tablet_ib,
  .v_tabletp,
  .v_tabletp_ib,
  .v_mobilel,
  .v_mobilel_ib,
  .v_mobile,
  .v_mobile_ib {
    display: none!important;
  }
}
@media screen and (min-width: 1920px) {
  .v_hd {
    display: block!important;
  }
  .v_hd_ib {
    display: inline-block !important;
  }
  .v_tablet,
  .v_tablet_ib,
  .v_tabletp,
  .v_tabletp_ib,
  .v_mobilel,
  .v_mobilel_ib,
  .v_mobile,
  .v_mobile_ib {
    display: none!important;
  }
}
@media screen and (max-width: 979px) {
  .v_tablet,
  .v_tablet_o {
    display: block!important;
  }
  .v_tablet_ib,
  .v_tablet_o_ib {
    display: inline-block !important;
  }
  .v_desktop,
  .v_desktop_ib,
  .v_large,
  .v_large_ib,
  .v_hd,
  .v_hd_ib {
    display: none!important;
  }
}
@media screen and (max-width: 768px) {
  .v_tabletp {
    display: block!important;
  }
  .v_tabletp_ib {
    display: inline-block !important;
  }
  br.forced {
    display: none!important;
  }
}
@media screen and (max-width: 640px) {
  .v_mobilel {
    display: block!important;
  }
  .v_mobilel_ib {
    display: inline-block !important;
  }
}
@media screen and (max-width: 480px) {
  .v_mobile {
    display: block!important;
  }
  .v_mobile_ib {
    display: inline-block !important;
  }
}
/*
     * 8. CSS3 transitions
     ****************************************************************/
/*
     * 9. Mixins
     ****************************************************************/
/* Sprite sheet generator */
/* Background image retina */
/* Webfont: BloggerSans */
@font-face {
  font-family: 'BloggerSans';
  src: url('/static/public/fonts/blogger_sans-webfont.eot');
  src: url('/static/public/fonts/blogger_sans-webfont.eot?#iefix') format('embedded-opentype'), url('/static/public/fonts/blogger_sans-webfont.woff2') format('woff2'), url('/static/public/fonts/blogger_sans-webfont.woff') format('woff'), url('/static/public/fonts/blogger_sans-webfont.ttf') format('truetype'), url('/static/public/fonts/blogger_sans-webfont.svg#blogger_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Webfont: BloggerSans-Light */
@font-face {
  font-family: 'BloggerSans-Light';
  src: url('/static/public/fonts/blogger_sans-light-webfont.eot');
  src: url('/static/public/fonts/blogger_sans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/static/public/fonts/blogger_sans-light-webfont.woff2') format('woff2'), url('/static/public/fonts/blogger_sans-light-webfont.woff') format('woff'), url('/static/public/fonts/blogger_sans-light-webfont.ttf') format('truetype'), url('/static/public/fonts/blogger_sans-light-webfont.svg#blogger_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('/static/public/fonts/proximanova-sbold-webfont.eot');
  src: url('/static/public/fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/public/fonts/proximanova-sbold-webfont.woff') format('woff'), url('/static/public/fonts/proximanova-sbold-webfont.ttf') format('truetype'), url('/static/public/fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Charter';
  src: url('/static/public/fonts/charter_regular-webfont.eot');
  src: url('/static/public/fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static/public/fonts/charter_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brush Script';
  src: url('/static/public/fonts/brushsci-webfont.eot');
  src: url('/static/public/fonts/brushsci-webfont.eot?#iefix') format('embedded-opentype'), url('/static/public/fonts/brushsci-webfont.woff2') format('woff2'), url('/static/public/fonts/brushsci-webfont.woff') format('woff'), url('/static/public/fonts/brushsci-webfont.ttf') format('truetype'), url('/static/public/fonts/brushsci-webfont.svg#brush_script_mtitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Icons';
  src: url('/static/public/fonts/icons.eot?zcztjd');
  src: url('/static/public/fonts/icons.eot?zcztjd#iefix') format('embedded-opentype'), url('/static/public/fonts/icons.ttf?zcztjd') format('truetype'), url('/static/public/fonts/icons.woff?zcztjd') format('woff'), url('/static/public/fonts/icons.svg?zcztjd#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
