/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "kings-local";
  src: url(../fonts/kings.eot);
  src: url("../fonts/kings.eot?#iefix") format("embedded-opentype"), url("../fonts/kings.woff2") format("woff2"), url("../fonts/kings.woff") format("woff"), url("../fonts/kings.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "kings-live";
  src: url(../fonts/kings.eot);
  src: url("../fonts/kings.eot?#iefix") format("embedded-opentype"), url("../fonts/kings.woff2") format("woff2"), url("../fonts/kings.woff") format("woff"), url("../fonts/kings.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "kings-italic-local";
  src: url(../fonts/kings-italic.eot);
  src: url("../fonts/kings-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/kings-italic.woff2") format("woff2"), url("../fonts/kings-italic.woff") format("woff"), url("../fonts/kings-italic.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "kings-italic-live";
  src: url(../fonts/kings-italic.eot);
  src: url("../fonts/kings-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/kings-italic.woff2") format("woff2"), url("../fonts/kings-italic.woff") format("woff"), url("../fonts/kings-italic.ttf") format("truetype");
  font-style: normal;
}
/* line 48, ../../sass/partials/_fonts.scss */
.local .KingsCaslonDisplay-Regular {
  font-family: 'kings-local';
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum" 1;
  -moz-font-feature-settings: "onum=1";
  -ms-font-feature-settings: "onum" 1;
  -o-font-feature-settings: "onum" 1;
  -webkit-font-feature-settings: "onum" 1;
  font-feature-settings: "onum" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 62, ../../sass/partials/_fonts.scss */
.live .KingsCaslonDisplay-Regular {
  font-family: 'kings-live';
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum" 1;
  -moz-font-feature-settings: "onum=1";
  -ms-font-feature-settings: "onum" 1;
  -o-font-feature-settings: "onum" 1;
  -webkit-font-feature-settings: "onum" 1;
  font-feature-settings: "onum" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 75, ../../sass/partials/_fonts.scss */
.local .KingsCaslonDisplay-Italic {
  font-family: 'kings-italic-local';
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum" 1;
  -moz-font-feature-settings: "onum=1";
  -ms-font-feature-settings: "onum" 1;
  -o-font-feature-settings: "onum" 1;
  -webkit-font-feature-settings: "onum" 1;
  font-feature-settings: "onum" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 89, ../../sass/partials/_fonts.scss */
.live .KingsCaslonDisplay-Italic {
  font-family: 'kings-italic-live';
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum" 1;
  -moz-font-feature-settings: "onum=1";
  -ms-font-feature-settings: "onum" 1;
  -o-font-feature-settings: "onum" 1;
  -webkit-font-feature-settings: "onum" 1;
  font-feature-settings: "onum" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 104, ../../sass/partials/_fonts.scss */
.KingsCaslonDisplay-Italic {
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum" 1;
  -moz-font-feature-settings: "onum=1";
  -ms-font-feature-settings: "onum" 1;
  -o-font-feature-settings: "onum" 1;
  -webkit-font-feature-settings: "onum" 1;
  font-feature-settings: "onum" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 117, ../../sass/partials/_fonts.scss */
.KingsCaslonDisplay-Regular {
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum" 1;
  -moz-font-feature-settings: "onum=1";
  -ms-font-feature-settings: "onum" 1;
  -o-font-feature-settings: "onum" 1;
  -webkit-font-feature-settings: "onum" 1;
  font-feature-settings: "onum" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 1, ../../sass/partials/_common.scss */
input, textarea, select, a {
  outline: none;
  border: none;
}

/* line 3, ../../sass/partials/_common.scss */
.preserve-3d {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* line 9, ../../sass/partials/_common.scss */
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
}

/* line 20, ../../sass/partials/_common.scss */
.lower {
  text-transform: lowercase;
}

/* line 24, ../../sass/partials/_common.scss */
.upper {
  text-transform: uppercase;
}

/* line 29, ../../sass/partials/_common.scss */
a {
  color: #7f7f7f;
  text-decoration: none;
}

/* line 34, ../../sass/partials/_common.scss */
a:hover {
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 40, ../../sass/partials/_common.scss */
.nav-highlighted, .white {
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 46, ../../sass/partials/_common.scss */
.smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 51, ../../sass/partials/_common.scss */
.nowrap {
  white-space: nowrap;
  display: inline-block;
}

/* line 1, ../../sass/partials/_lazyload.scss */
.lazy-hidden {
  opacity: 0;
}

/* line 1, ../../sass/partials/_lazyload.scss */
.lazy-loaded {
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1;
}

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
/* line 3, ../../sass/partials/_royalslider.scss */
.royalSlider {
  width: 100%;
  height: 100%;
  position: relative;
  direction: ltr;
}

/* line 9, ../../sass/partials/_royalslider.scss */
.royalSlider > * {
  float: left;
}

/* line 13, ../../sass/partials/_royalslider.scss */
.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

/* line 17, ../../sass/partials/_royalslider.scss */
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}

/* line 29, ../../sass/partials/_royalslider.scss */
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

/* line 34, ../../sass/partials/_royalslider.scss */
.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent;
}

/* line 42, ../../sass/partials/_royalslider.scss */
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent;
}

/* line 51, ../../sass/partials/_royalslider.scss */
.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 57, ../../sass/partials/_royalslider.scss */
.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* line 64, ../../sass/partials/_royalslider.scss */
.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

/* line 69, ../../sass/partials/_royalslider.scss */
.rsThumb {
  float: left;
  position: relative;
}

/* line 75, ../../sass/partials/_royalslider.scss */
.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

/* line 84, ../../sass/partials/_royalslider.scss */
.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

/* line 94, ../../sass/partials/_royalslider.scss */
.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
/* line 101, ../../sass/partials/_royalslider.scss */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

/* line 114, ../../sass/partials/_royalslider.scss */
.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}

/* line 123, ../../sass/partials/_royalslider.scss */
.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

/* line 134, ../../sass/partials/_royalslider.scss */
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

/* line 139, ../../sass/partials/_royalslider.scss */
.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 145, ../../sass/partials/_royalslider.scss */
.rsPreloader {
  position: absolute;
  z-index: 0;
}

/* line 150, ../../sass/partials/_royalslider.scss */
.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

/* line 155, ../../sass/partials/_royalslider.scss */
.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

/* line 159, ../../sass/partials/_royalslider.scss */
.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

/* line 166, ../../sass/partials/_royalslider.scss */
.rsTabs {
  float: left;
  background: none !important;
}

/* line 170, ../../sass/partials/_royalslider.scss */
.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

/* line 177, ../../sass/partials/_royalslider.scss */
.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

/* line 183, ../../sass/partials/_royalslider.scss */
.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}

/* line 191, ../../sass/partials/_royalslider.scss */
.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

/* line 194, ../../sass/partials/_royalslider.scss */
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
/* line 206, ../../sass/partials/_royalslider.scss */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

/* line 215, ../../sass/partials/_royalslider.scss */
.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

/* line 223, ../../sass/partials/_royalslider.scss */
img.rsImg {
  max-width: none;
}

/* line 227, ../../sass/partials/_royalslider.scss */
.grab-cursor {
  cursor: url(grab.png) 8 8, move;
}

/* line 231, ../../sass/partials/_royalslider.scss */
.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move;
}

/* line 235, ../../sass/partials/_royalslider.scss */
.rsNoDrag {
  cursor: auto;
}

/* line 239, ../../sass/partials/_royalslider.scss */
.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif);
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
/* line 274, ../../sass/partials/_royalslider.scss */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #000000;
  color: #7f7f7f;
}

/***************
*
*  1. Arrows
*
****************/
/* line 290, ../../sass/partials/_royalslider.scss */
.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}

/* line 298, ../../sass/partials/_royalslider.scss */
.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px;
}

/* line 303, ../../sass/partials/_royalslider.scss */
.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0;
}

/* line 304, ../../sass/partials/_royalslider.scss */
.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0;
}

/* line 306, ../../sass/partials/_royalslider.scss */
.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0;
}

/* line 307, ../../sass/partials/_royalslider.scss */
.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0;
}

/* line 309, ../../sass/partials/_royalslider.scss */
.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: url("rs-default.png");
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px;
}

/* line 327, ../../sass/partials/_royalslider.scss */
.rsDefault .rsArrowIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 331, ../../sass/partials/_royalslider.scss */
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px;
}

/* line 332, ../../sass/partials/_royalslider.scss */
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px;
}

/* line 334, ../../sass/partials/_royalslider.scss */
.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px;
}

/* line 335, ../../sass/partials/_royalslider.scss */
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px;
}

/* line 337, ../../sass/partials/_royalslider.scss */
.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: .2;
  filter: alpha(opacity=20);
  *display: none;
}

/***************
*
*  2. Bullets
*
****************/
/* line 346, ../../sass/partials/_royalslider.scss */
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  line-height: 8px;
  overflow: hidden;
}

/* line 362, ../../sass/partials/_royalslider.scss */
.rsDefault .rsBullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px 5px 6px;
}

/* line 370, ../../sass/partials/_royalslider.scss */
.rsDefault .rsBullet span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777;
  background: rgba(255, 255, 255, 0.5);
}

/* line 378, ../../sass/partials/_royalslider.scss */
.rsDefault .rsBullet.rsNavSelected span {
  background-color: #FFF;
}

/***************
*
*  3. Thumbnails
*
****************/
/* line 392, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumbsHor {
  width: 100%;
  height: 72px;
}

/* line 396, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 403, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}

/* line 407, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}

/* line 411, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
}

/* line 417, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumb img {
  width: 100%;
  height: 100%;
}

/* line 421, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumb.rsNavSelected {
  background: #02874a;
}

/* line 424, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

/* line 428, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTmb {
  display: block;
}

/* Thumbnails with text */
/* line 433, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF;
}

/* line 440, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}

/* Thumbnails arrow icons */
/* line 451, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}

/* line 461, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumbsArrow:hover {
  background: rgba(0, 0, 0, 0.9);
}

/* line 464, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}

/* line 468, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}

/* line 469, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}

/* line 471, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}

/* line 472, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}

/* line 474, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("rs-default.png");
}

/* line 486, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}

/* line 487, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}

/* line 489, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}

/* line 490, ../../sass/partials/_royalslider.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}

/* line 492, ../../sass/partials/_royalslider.scss */
.rsDefault .rsThumbsArrowDisabled {
  display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  /* line 496, ../../sass/partials/_royalslider.scss */
  .rsDefault .rsThumb {
    width: 59px;
    height: 44px;
  }

  /* line 500, ../../sass/partials/_royalslider.scss */
  .rsDefault .rsThumbsHor {
    height: 44px;
  }

  /* line 503, ../../sass/partials/_royalslider.scss */
  .rsDefault .rsThumbsVer {
    width: 59px;
  }
}
/***************
*
*  4. Tabs
*
****************/
/* line 517, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}

/* line 524, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff;
  *display: inline;
  *zoom: 1;
}

/* line 548, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 554, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}

/* line 562, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

/* line 567, ../../sass/partials/_royalslider.scss */
.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}

/***************
*
*  5. Fullscreen button
*
****************/
/* line 588, ../../sass/partials/_royalslider.scss */
.rsDefault .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}

/* line 599, ../../sass/partials/_royalslider.scss */
.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default.png") 0 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px;
}

/* line 612, ../../sass/partials/_royalslider.scss */
.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 615, ../../sass/partials/_royalslider.scss */
.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/
/* line 629, ../../sass/partials/_royalslider.scss */
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
}

/* line 637, ../../sass/partials/_royalslider.scss */
.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}

/* line 653, ../../sass/partials/_royalslider.scss */
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 656, ../../sass/partials/_royalslider.scss */
.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
}

/* line 661, ../../sass/partials/_royalslider.scss */
.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

/* line 673, ../../sass/partials/_royalslider.scss */
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}

/* line 678, ../../sass/partials/_royalslider.scss */
.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}

/* line 687, ../../sass/partials/_royalslider.scss */
.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/***************
*
*  7. Preloader
*
****************/
/* line 699, ../../sass/partials/_royalslider.scss */
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(../preloaders/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

/***************
*
*  8. Global caption
*
****************/
/* line 718, ../../sass/partials/_royalslider.scss */
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px;
}

@media screen and (max-width: 1445px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 1446px) and (max-width: 1799px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(33.3333333% - 20px);
    width: -webkit-calc(33.3333333% - 20px);
    width: calc(33.3333333% - 20px);
  }
}
@media screen and (min-width: 1800px) and (max-width: 2135px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    width: calc(25% - 20px);
  }
}
@media screen and (min-width: 2136px) and (max-width: 2471px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(20% - 20px);
    width: -webkit-calc(20% - 20px);
    width: calc(20% - 20px);
  }
}
@media screen and (min-width: 2472px) and (max-width: 2807px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(16.6666666% - 20px);
    width: -webkit-calc(16.6666666% - 20px);
    width: calc(16.6666666% - 20px);
  }
}
@media screen and (min-width: 2808px) and (max-width: 3143px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(14.285714% - 20px);
    width: -webkit-calc(14.285714% - 20px);
    width: calc(14.285714% - 20px);
  }
}
@media screen and (min-width: 3144px) and (max-width: 3479px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(12.5% - 20px);
    width: -webkit-calc(12.5% - 20px);
    width: calc(12.5% - 20px);
  }
}
@media screen and (min-width: 3480px) and (max-width: 3815px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(10% - 20px);
    width: -webkit-calc(10% - 20px);
    width: calc(10% - 20px);
  }
}
@media screen and (min-width: 3816px) and (max-width: 4151px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(9.0909090909% - 20px);
    width: -webkit-calc(9.0909090909% - 20px);
    width: calc(9.0909090909% - 20px);
  }
}
@media screen and (min-width: 4152px) and (max-width: 4487px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(8.3333333% - 20px);
    width: -webkit-calc(8.3333333% - 20px);
    width: calc(8.3333333% - 20px);
  }
}
@media screen and (min-width: 4488px) and (max-width: 4823px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(7.6923076% - 20px);
    width: -webkit-calc(7.6923076% - 20px);
    width: calc(7.6923076% - 20px);
  }
}
@media screen and (min-width: 4824px) and (max-width: 5159px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(7.1428571% - 20px);
    width: -webkit-calc(7.1428571% - 20px);
    width: calc(7.1428571% - 20px);
  }
}
@media screen and (min-width: 5160px) {
  /* line 1, ../../sass/partials/_thumbs.scss */
  .small-thumb {
    width: -moz-calc(6.666666% - 20px);
    width: -webkit-calc(6.666666% - 20px);
    width: calc(6.666666% - 20px);
  }
}

@media screen and (max-width: 1523px) {
  /* line 68, ../../sass/partials/_thumbs.scss */
  .large-thumb {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
  }
}
@media screen and (min-width: 1524px) and (max-width: 2097px) {
  /* line 68, ../../sass/partials/_thumbs.scss */
  .large-thumb {
    width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 2098px) {
  /* line 68, ../../sass/partials/_thumbs.scss */
  .large-thumb {
    width: -moz-calc(33.333333% - 20px);
    width: -webkit-calc(33.333333% - 20px);
    width: calc(33.333333% - 20px);
  }
}

/*@import "partials/fullscreen_slideshow";*/
/* line 28, ../../sass/desktop.scss */
html, body {
  background-color: #000000;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 38, ../../sass/desktop.scss */
::-webkit-scrollbar {
  display: none;
}

/* line 42, ../../sass/desktop.scss */
body {
  min-width: 896px;
  font-family: Courier, "Courier New", monospace;
  font-size: 15px;
  line-height: 19px;
  color: #7f7f7f;
  font-feature-settings: "onum" 1;
  font-feature-settings: "onum" on;
}

/* line 52, ../../sass/desktop.scss */
.small-font {
  font-size: 15px;
  line-height: 19px;
}

/* Layout */
/* line 58, ../../sass/desktop.scss */
#static-top-borderline {
  position: fixed;
  top: 0;
  left: 0px;
  height: 1px;
  border-top: 20px solid #000000;
  border-right: 20px solid #000000;
  border-bottom: 17px solid #000000;
  border-left: 20px solid #000000;
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  background-color: #7f7f7f;
  z-index: 10;
}

/* line 72, ../../sass/desktop.scss */
nav {
  position: fixed;
  border-right: 20px solid #000000;
  top: 33px;
  min-width: 144px;
  z-index: 10;
}
@media screen and (max-width: 896px) {
  /* line 72, ../../sass/desktop.scss */
  nav {
    left: 732px;
  }
}
@media screen and (min-width: 897px) {
  /* line 72, ../../sass/desktop.scss */
  nav {
    right: 0px;
  }
}

/* line 89, ../../sass/desktop.scss */
.secondary-nav {
  float: right;
  height: 0;
  overflow: hidden;
}

/* line 95, ../../sass/desktop.scss */
#header-push {
  height: 38px;
}

/* line 99, ../../sass/desktop.scss */
#barba-wrapper, .barba-container {
  height: 100%;
}

/* line 103, ../../sass/desktop.scss */
#container {
  position: relative;
  min-height: -moz-calc(100% - 58px);
  min-height: -webkit-calc(100% - 58px);
  min-height: calc(100% - 58px);
  margin-left: 20px;
  width: -moz-calc(100% - 376px);
  width: -webkit-calc(100% - 376px);
  width: calc(100% - 376px);
  min-width: 712px;
  overflow: hidden;
}

@media screen and (min-width: 0px) and (max-width: 1607px) {
  /* line 112, ../../sass/desktop.scss */
  #container.about {
    width: -moz-calc(100% - 184px);
    width: -webkit-calc(100% - 184px);
    width: calc(100% - 184px);
  }
}
@media screen and (min-width: 1608px) {
  /* line 112, ../../sass/desktop.scss */
  #container.about {
    width: -moz-calc(100% - 184px);
    width: -webkit-calc(100% - 184px);
    width: calc(100% - 184px);
  }
}

/* line 124, ../../sass/desktop.scss */
.thumb {
  position: relative;
  float: left;
  display: inline-block;
  margin-right: 20px;
}

/* line 134, ../../sass/desktop.scss */
.small-thumb-bg {
  width: 100%;
  padding-top: 68.468445%;
  background-color: #C1C1C1;
}

/* line 140, ../../sass/desktop.scss */
.large-thumb-bg {
  width: 100%;
  padding-top: 68.468445%;
  background-color: #C1C1C1;
}

/* line 146, ../../sass/desktop.scss */
.thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}

/* line 154, ../../sass/desktop.scss */
.text-under-image {
  padding-top: 4px;
}

/* line 158, ../../sass/desktop.scss */
.thumb-title {
  height: 56px;
}

/* line 162, ../../sass/desktop.scss */
#slideshow-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 100%;
}

/* line 170, ../../sass/desktop.scss */
.royal-slide {
  height: -moz-calc(100% - 24px);
  height: -webkit-calc(100% - 24px);
  height: calc(100% - 24px);
  width: 100%;
  opacity: 0;
}

/* line 176, ../../sass/desktop.scss */
.royal-slide img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

/* line 182, ../../sass/desktop.scss */
.landscape {
  width: 100%;
}

/* line 186, ../../sass/desktop.scss */
.portrait {
  height: 100%;
}

/* line 190, ../../sass/desktop.scss */
.bordered {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #7f7f7f;
}

/* line 198, ../../sass/desktop.scss */
#project-description {
  position: absolute;
  bottom: 0;
  height: 24px;
  width: 100%;
  overflow: hidden;
}

/* line 206, ../../sass/desktop.scss */
.rsOverflow {
  height: 100% !important;
}

/* line 210, ../../sass/desktop.scss */
.rsGCaption {
  display: none;
}

/* line 214, ../../sass/desktop.scss */
#project-title:hover {
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}

/* line 221, ../../sass/desktop.scss */
#counter {
  display: inline-block;
  width: 120px;
  vertical-align: top;
}

/* line 227, ../../sass/desktop.scss */
#project-body {
  display: inline-block;
  width: 591px;
  max-width: 692px;
  vertical-align: top;
}

/* line 234, ../../sass/desktop.scss */
#slide-caption {
  color: #7f7f7f !important;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto;
}

/* line 240, ../../sass/desktop.scss */
.vimeowrapper, .videoplayer {
  width: 100%;
  height: 100%;
}

/* line 245, ../../sass/desktop.scss */
.videoplayer.square {
  aspect-ratio: 1/1;
  height: 100%;
  width: auto;
}

/* line 251, ../../sass/desktop.scss */
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
}

/* line 259, ../../sass/desktop.scss */
.large-copy {
  width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 1050px) {
  /* line 259, ../../sass/desktop.scss */
  .large-copy {
    font-size: 26px;
    line-height: 29px;
  }
}
@media screen and (min-width: 1051px) {
  /* line 259, ../../sass/desktop.scss */
  .large-copy {
    font-size: 34px;
    line-height: 38px;
  }
}

/* line 276, ../../sass/desktop.scss */
.large-copy-inner {
  width: 861px;
}

/* line 281, ../../sass/desktop.scss */
#about-intro {
  margin-top: -4px;
}

/* line 285, ../../sass/desktop.scss */
.info-title {
  color: white;
}

/* line 289, ../../sass/desktop.scss */
.info-col {
  float: left;
  width: 336px;
  margin-right: 20px;
  margin-top: -5px;
}

/* line 296, ../../sass/desktop.scss */
.person-col {
  display: inline-block;
  vertical-align: top;
  width: 336px;
  margin-right: 20px;
  margin-top: -3px;
}

@media screen and (min-width: 0px) and (max-width: 1245px) {
  /* line 305, ../../sass/desktop.scss */
  .contact-image {
    position: fixed;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    left: 20px;
  }
}
@media screen and (min-width: 1246px) {
  /* line 305, ../../sass/desktop.scss */
  .contact-image {
    float: left;
    width: -moz-calc(100% - 356px);
    width: -webkit-calc(100% - 356px);
    width: calc(100% - 356px);
    min-width: 514px;
    max-width: 870px;
  }
}

/* line 326, ../../sass/desktop.scss */
.case-study-overlay {
  opacity: 0;
  -webkit-transition-property: opacity;
  /* Safari */
  -webkit-transition-duration: 0.8s;
  /* Safari */
  transition-property: opacity;
  transition-duration: 0.8s;
}

/* line 334, ../../sass/desktop.scss */
.case-study-overlay:hover {
  opacity: 1;
}

/* line 338, ../../sass/desktop.scss */
.article-title {
  font-size: 34px;
  line-height: 38px;
}

/* line 345, ../../sass/desktop.scss */
.article-sub-title {
  margin-top: 37px;
}

/* line 349, ../../sass/desktop.scss */
.article-wrapper {
  margin-top: 25px;
  margin-bottom: 20px;
  background-color: #bfc0c0;
  width: 654px;
  padding: 19px;
  color: black;
  min-height: calc(100vh - 212px);
}
/* line 357, ../../sass/desktop.scss */
.article-wrapper .lead-image {
  display: block;
  margin-bottom: 15px;
}
/* line 362, ../../sass/desktop.scss */
.article-wrapper .lead-image-landscape {
  width: 100%;
}
/* line 367, ../../sass/desktop.scss */
.article-wrapper .lead-image-portrait {
  height: 717px;
}
/* line 371, ../../sass/desktop.scss */
.article-wrapper .introduction {
  margin-bottom: 38px;
}
/* line 375, ../../sass/desktop.scss */
.article-wrapper .article-copy {
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 38px;
}
/* line 381, ../../sass/desktop.scss */
.article-wrapper .vimplayer {
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 39px;
}
/* line 385, ../../sass/desktop.scss */
.article-wrapper .vimplayer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 394, ../../sass/desktop.scss */
.article-wrapper .article-portrait {
  display: block;
  height: 717px;
  margin-bottom: 39px;
}
/* line 400, ../../sass/desktop.scss */
.article-wrapper .article-landscape {
  display: block;
  width: 100%;
  margin-bottom: 39px;
}
/* line 406, ../../sass/desktop.scss */
.article-wrapper .article-last-item {
  margin-bottom: 60px !important;
}
/* line 410, ../../sass/desktop.scss */
.article-wrapper .next-article {
  margin-bottom: 13px;
  color: black;
}
/* line 414, ../../sass/desktop.scss */
.article-wrapper .next-article a {
  color: black;
}

/* line 420, ../../sass/desktop.scss */
.hod {
  display: none;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        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) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

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

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}