/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.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.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

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

/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.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.0.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.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.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.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.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;
}

strong, b {
  font-weight: bold;
}

@font-face {
  font-family: 'dosis-light';
    src: url('../fonts/dosis-extralight-webfont.eot');
    src: url('../fonts/dosis-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-extralight-webfont.woff2') format('woff2'),
         url('../fonts/dosis-extralight-webfont.woff') format('woff'),
         url('../fonts/dosis-extralight-webfont.ttf') format('truetype'),
         url('../fonts/dosis-extralight-webfont.svg#dosis-extralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'dosis-light';
    src: url('../fonts/dosis-light-webfont.eot');
    src: url('../fonts/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-light-webfont.woff2') format('woff2'),
         url('../fonts/dosis-light-webfont.woff') format('woff'),
         url('../fonts/dosis-light-webfont.ttf') format('truetype'),
         url('../fonts/dosis-light-webfont.svg#dosis-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosis-medium';
    src: url('../fonts/dosis-medium-webfont.eot');
    src: url('../fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-medium-webfont.woff2') format('woff2'),
         url('../fonts/dosis-medium-webfont.woff') format('woff'),
         url('../fonts/dosis-medium-webfont.ttf') format('truetype'),
         url('../fonts/dosis-medium-webfont.svg#dosis-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosis-semibold';
    src: url('../fonts/dosis-semibold-webfont.eot');
    src: url('../fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-semibold-webfont.woff2') format('woff2'),
         url('../fonts/dosis-semibold-webfont.woff') format('woff'),
         url('../fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-semibold-webfont.svg#dosis-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosis-bold';
    src: url('../fonts/dosis-bold-webfont.eot');
    src: url('../fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-bold-webfont.woff2') format('woff2'),
         url('../fonts/dosis-bold-webfont.woff') format('woff'),
         url('../fonts/dosis-bold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-bold-webfont.svg#dosis-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosis-semibold';
    src: url('../fonts/dosis-extrabold-webfont.eot');
    src: url('../fonts/dosis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/dosis-extrabold-webfont.woff') format('woff'),
         url('../fonts/dosis-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-extrabold-webfont.svg#dosis-extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'lane_-_narrowregular';
  src: url("../fonts/lanenar_-webfont.eot");
  src: url("../fonts/lanenar_-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lanenar_-webfont.woff2") format("woff2"), url("../fonts/lanenar_-webfont.woff") format("woff"), url("../fonts/lanenar_-webfont.ttf") format("truetype"), url("../fonts/lanenar_-webfont.svg#lane_-_narrowregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'teardrop';
    src: url('../fonts/teardrop-webfont.eot');
    src: url('../fonts/teardrop-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/teardrop-webfont.woff2') format('woff2'),
         url('../fonts/teardrop-webfont.woff') format('woff'),
         url('../fonts/teardrop-webfont.ttf') format('truetype'),
         url('../fonts/teardrop-webfont.svg#teardrop') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'front_page';
    src: url('../fonts/frontpageneue-webfont.eot');
    src: url('../fonts/frontpageneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frontpageneue-webfont.woff2') format('woff2'),
         url('../fonts/frontpageneue-webfont.woff') format('woff'),
         url('../fonts/frontpageneue-webfont.ttf') format('truetype'),
         url('../fonts/frontpageneue-webfont.svg#front_page') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'forte';
    src: url('../fonts/forte-line-webfont.eot');
    src: url('../fonts/forte-line-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/forte-line-webfont.woff2') format('woff2'),
         url('../fonts/forte-line-webfont.woff') format('woff'),
         url('../fonts/forte-line-webfont.ttf') format('truetype'),
         url('../fonts/forte-line-webfont.svg#forte') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'evogria';
    src: url('../fonts/evogria-webfont.eot');
    src: url('../fonts/evogria-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/evogria-webfont.woff2') format('woff2'),
         url('../fonts/evogria-webfont.woff') format('woff'),
         url('../fonts/evogria-webfont.ttf') format('truetype'),
         url('../fonts/evogria-webfont.svg#evogria') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'capsuula';
    src: url('../fonts/capsuula-webfont.eot');
    src: url('../fonts/capsuula-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/capsuula-webfont.woff2') format('woff2'),
         url('../fonts/capsuula-webfont.woff') format('woff'),
         url('../fonts/capsuula-webfont.ttf') format('truetype'),
         url('../fonts/capsuula-webfont.svg#capsuula') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'advent-Bd3';
    src: url('../fonts/advent-Bd3.eot');
    src: url('../fonts/advent-Bd3.eot?#iefix') format('embedded-opentype'),
         url('../fonts/advent-Bd3.woff2') format('woff2'),
         url('../fonts/advent-Bd3.woff') format('woff'),
         url('../fonts/advent-Bd3.ttf') format('truetype'),
         url('../fonts/advent-Bd3.svg#advent-Bd3') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'yeseva_oneregular';
    src: url('../fonts/yeseva_one-webfont.eot');
    src: url('../fonts/yeseva_one-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yeseva_one-webfont.woff2') format('woff2'),
         url('../fonts/yeseva_one-webfont.woff') format('woff'),
         url('../fonts/yeseva_one-webfont.ttf') format('truetype'),
         url('../fonts/yeseva_one-webfont.svg#yeseva_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
iphone 6 Plus
414 x 736

iphone 6
375 x 667

iphone 5
320 x 568

iphone 4
320 x 480

ipad
1024 x 768



*/
/* line 3, ../sass/main.scss */
body {
  background-color: #ececec;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 12px;
}

/* line 13, ../sass/main.scss */
.clear {
  clear: both;
  float: none !important;
}

/* line 17, ../sass/main.scss */
.content {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
}
/* line 22, ../sass/main.scss */
.content .hamburger {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2000;
}
/* line 31, ../sass/main.scss */
.content .hamburger ul.icons {
  position: absolute;
  left: 45%;
  bottom: 15px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 38, ../sass/main.scss */
.content .hamburger ul.menu {
  position: absolute;
  height: 170px;
  top: 46%;
  left: 51%;
  -moz-transform: translate(-50%, -45%);
  -ms-transform: translate(-50%, -45%);
  -webkit-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%);
}
/* line 47, ../sass/main.scss */
.content .hamburger ul.menu li {
  margin: 6px 0;
}
/* line 49, ../sass/main.scss */
.content .hamburger ul.menu li a {
  display: block;
  background: transparent url(../images/hamitems_sprite.png) 0 0 no-repeat;
  height: 38px;
  width: 137px;
  text-indent: -9999em;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .content .hamburger ul.menu li a {
        background-image: url(../images/hamitems_sprite_x2.png);
        background-size: 137px auto;
    }
}

/* line 57, ../sass/main.scss */
.content .hamburger ul.menu li a.reel.active {
  background-position: 0 -182px;
}
/* line 62, ../sass/main.scss */
.content .hamburger ul.menu li a.works {
  background-position: 0 -49px;
}
/* line 64, ../sass/main.scss */
.content .hamburger ul.menu li a.works.active {
  background-position: 0 -230px;
}
/* line 69, ../sass/main.scss */
.content .hamburger ul.menu li a.about {
  background-position: 0 -96px;
}
/* line 71, ../sass/main.scss */
.content .hamburger ul.menu li a.about.active {
  background-position: 0 -278px;
}
/* line 76, ../sass/main.scss */
.content .hamburger ul.menu li a.contact {
  background-position: 0 -144px;
}
/* line 78, ../sass/main.scss */
.content .hamburger ul.menu li a.contact.active {
  background-position: 0 -326px;
}
@media only screen and (min-device-width: 0px) and (max-device-width: 736px) and (orientation: landscape) {
  /* line 89, ../sass/main.scss */
  .content .hamburger ul.menu li {
    margin: 2px 0;
  }
}
/* line 96, ../sass/main.scss */
.content header#top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3000;
  background-color: #000;
}
/* line 112, ../sass/main.scss */
.content header#top h1, .content header#top h2, .content header#top nav, .content header#top .space {
  width: 100%;
}
/* line 115, ../sass/main.scss */
.content header#top h1 span, .content header#top h2 span, .content header#top nav span, .content header#top .space span {
  display: block;
  width: 1200px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  /* line 115, ../sass/main.scss */
  .content header#top h1 span, .content header#top h2 span, .content header#top nav span, .content header#top .space span {
    width: 1200px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  /* line 115, ../sass/main.scss */
  .content header#top h1 span, .content header#top h2 span, .content header#top nav span, .content header#top .space span {
    width: 1020px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 115, ../sass/main.scss */
  .content header#top h1 span, .content header#top h2 span, .content header#top nav span, .content header#top .space span {
    width: 100%;
  }
}
/* line 134, ../sass/main.scss */
.content header#top h1 {
  background: #fff;
  text-indent: -999em;
}
.content header#top h2 {
  display: none;
}
/* line 138, ../sass/main.scss */
.content header#top h1 span, .content header#top h1 p {
  height: 125px;
}
/* line 142, ../sass/main.scss */
.content header#top h1 span {
  background: transparent url(../images/top.png) 0 0 no-repeat;
}
/* line 144, ../sass/main.scss */
.content header#top h1 span p {
  background: transparent url(../images/CKTV_logo.png) center left no-repeat;
  margin: 0 10px;
  width: 85%;
  position: relative;
}
/* line 150, ../sass/main.scss */
.content header#top h1 span p a {
  width: 217px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(255, 255, 0, 0);
}
/* line 161, ../sass/main.scss */
.content header#top h1 .ham {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  padding: 5px 0 7px;
  /*height: 21px;*/
  cursor: pointer;
  /*background: transparent url(../images/hamburger_sprite.png) 0 0 no-repeat;*/
}

.content header#top h1 .ham span, .content header#top h1 .ham span:before, .content header#top h1 .ham span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 21px;
  background: black;
  position: absolute;
  display: block;
  content: '';
}
.content header#top h1 .ham span:before {
  top: -7px; 
}
.content header#top h1 .ham span:after {
  bottom: -7px;
}

.content header#top h1 .ham span, .content header#top h1 .ham span:before, .content header#top h1 .ham span:after {
  transition: all 400ms ease-in-out;
}
.content header#top h1 .ham.active span {
  background-color: transparent;
}
.content header#top h1 .ham.active span:before, .content header#top h1 .ham.active span:after {
  top: 0;
}
.content header#top h1 .ham.active span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.content header#top h1 .ham.active span:after {
  transform: translateY(-10px) rotate(-45deg);
  -webkit-transform: translateY(-10px) rotate(-45deg);
  top: 10px;
}


/* line 170, ../sass/main.scss */
.content header#top h1 .ham.active {
  /*ackground-position: bottom left;*/
}
@media (min-width: 0px) and (max-width: 996px) {
  /* line 161, ../sass/main.scss */
  .content header#top h1 .ham {
    display: block;
  }
}
@media (min-width: 0px) and (max-width: 996px) {
  /* line 134, ../sass/main.scss */
  .content header#top h1 {
    height: 35px;
  }
  /* line 182, ../sass/main.scss */
  .content header#top h1 span {
    height: 35px;
  }
  /* line 184, ../sass/main.scss */
  .content header#top h1 span p {
    height: 35px;
    background-size: auto 80%;
  }
}

@media (min-width: 996px) and (max-width: 1024px) {
  /* line 134, ../sass/main.scss */
  .content header#top h1 {
    height: 50px;
  }
  /* line 182, ../sass/main.scss */
  .content header#top h1 span {
    height: 50px;
  }
  /* line 184, ../sass/main.scss */
  .content header#top h1 span p {
    height: 50px;
    background-size: auto 80%;
  }
}
/* line 193, ../sass/main.scss */
.content header#top h2 span {
  color: #fff;
  font-size: 16px;
  height: 70px;
  line-height: 75px;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 192, ../sass/main.scss */
  .content header#top h2 {
    display: none;
  }
}
/* line 207, ../sass/main.scss */
.content header#top hr {
  margin: 0;
  padding: 0;
  height: 1px;
  background: transparent url(../images/border.jpg) 0 0 no-repeat;
  background-size: 100% 1px;
  border: none;
}
.content header#top hr.hide {
  background: #ececec none 0 0 no-repeat;
}
/* line 216, ../sass/main.scss */
.content header#top .space {
  background-color: #55cba9;
  position: relative;
}
/* line 219, ../sass/main.scss */
.content header#top .space div {
  position: absolute;
  top: 40px;
  left: 50%;
  height: 5px;
  width: 200px;
  background-color: #55cba9;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 219, ../sass/main.scss */
  .content header#top .space div {
    height: 7px;
    top: 15px;
    width: 100px;
  }
}
/* line 234, ../sass/main.scss */
.content header#top .space span {
  height: 40px;
  background-color: #55cba9;
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 234, ../sass/main.scss */
  .content header#top .space span {
    height: 15px;
  }
}
/* line 244, ../sass/main.scss */
.content header#top nav {
  display: block;
  height: 57px;
  width: 100%;
  border-top: 1px solid #202020;
}
/* line 253, ../sass/main.scss */
.content header#top nav ul {
  margin: 0 auto;
  width: 507px;
}
/* line 257, ../sass/main.scss */
.content header#top nav ul li {
  float:left;
  height: 56px;
}
/* line 261, ../sass/main.scss */
.content header#top nav ul li a {
  background: transparent url(../images/menu_sprite.png) 0 -2px no-repeat;
  display: block;
  height: 56px;
  text-indent: -9999em;
}
/* line 269, ../sass/main.scss */
.content header#top nav ul li a.reel {
  width: 123px;
}
/* line 271, ../sass/main.scss */
.content header#top nav ul li a.reel:hover, .content header#top nav ul li a.reel.active {
  background-position: 0 -60px;
}
/* line 276, ../sass/main.scss */
.content header#top nav ul li a.works {
  width: 118px;
  background-position: -123px -2px;
}
/* line 279, ../sass/main.scss */
.content header#top nav ul li a.works:hover, .content header#top nav ul li a.works.active {
  background-position: -123px -60px;
}
/* line 284, ../sass/main.scss */
.content header#top nav ul li a.about {
  background-position: -241px -2px;
  width: 128px;
}
/* line 287, ../sass/main.scss */
.content header#top nav ul li a.about:hover, .content header#top nav ul li a.about.active {
  background-position: -241px -60px;
}
/* line 292, ../sass/main.scss */
.content header#top nav ul li a.contact {
  background-position: -369px -2px;
  width: 138px;
}
/* line 295, ../sass/main.scss */
.content header#top nav ul li a.contact:hover, .content header#top nav ul li a.contact.active {
  background-position: -369px -60px;
}
@media (min-width: 0px) and (max-width: 524px) {
  /* line 244, ../sass/main.scss */
  .content header#top nav {
    height: 35px;
  }
  /* line 306, ../sass/main.scss */
  .content header#top nav ul {
    width: 320px;
    height: 35px;
  }
  /* line 310, ../sass/main.scss */
  .content header#top nav ul li {
    height: 35px;
    float: left;
    display: block;
  }
  /* line 315, ../sass/main.scss */
  .content header#top nav ul li a {
    height: 35px;
    background-image: url(../images/menu_spritex320.png);
    background-position: 0 -2px;
    background-repeat: no-repeat;
  }
  /* line 323, ../sass/main.scss */
  .content header#top nav ul li a.reel {
    width: 70px;
  }
  /* line 325, ../sass/main.scss */
  .content header#top nav ul li a.reel:hover, .content header#top nav ul li a.reel.active {
    background-position: 0 -38px;
  }
  /* line 330, ../sass/main.scss */
  .content header#top nav ul li a.works {
    width: 82px;
    background-position: -70px -2px;
  }
  /* line 333, ../sass/main.scss */
  .content header#top nav ul li a.works:hover, .content header#top nav ul li a.works.active {
    background-position: -70px -38px;
  }
  /* line 338, ../sass/main.scss */
  .content header#top nav ul li a.about {
    width: 82px;
    background-position: -152px -2px;
  }
  /* line 341, ../sass/main.scss */
  .content header#top nav ul li a.about:hover, .content header#top nav ul li a.about.active {
    background-position: -152px -38px;
  }
  /* line 346, ../sass/main.scss */
  .content header#top nav ul li a.contact {
    width: 86px;
    background-position: -234px -2px;
  }
  /* line 349, ../sass/main.scss */
  .content header#top nav ul li a.contact:hover, .content header#top nav ul li a.contact.active {
    background-position: -234px -38px;
  }
}
@media (min-width: 0px) and (max-width: 996px) {
  /* line 244, ../sass/main.scss */
  .content header#top nav {
    display: none;
  }
}
/* line 369, ../sass/main.scss */
.content section, .content footer {
  overflow: hidden;
}
/* line 371, ../sass/main.scss */
.content section div.contain, .content footer div.contain {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1200px) {
  /* line 371, ../sass/main.scss */
  .content section div.contain, .content footer div.contain {
    width: 1200px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  /* line 371, ../sass/main.scss */
  .content section div.contain, .content footer div.contain {
    width: 1020px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 371, ../sass/main.scss */
  .content section div.contain, .content footer div.contain {
    width: 100%;
  }
}
/* line 392, ../sass/main.scss */
.content footer.email div.contain {
  background-color: #fff;
  margin: 7px auto;
}
/* line 396, ../sass/main.scss */
.content footer.email div.contain div.outer {
  float: left;
  min-height: 100px;
  background-color: #fefefe;
  width: 60%;
  position: relative;
  text-align: center;
  line-height: 100px;
  font-size: 20px;
  text-transform: uppercase;
}
/* line 407, ../sass/main.scss */
.content footer.email div.contain div.outer a {
  color: #7c7c7c;
  text-decoration: none;
}
/* line 412, ../sass/main.scss */
.content footer.email div.contain div.outer.left, .content footer.email div.contain div.outer.right {
  width: 20%;
  position: relative;
}
/* line 416, ../sass/main.scss */
.content footer.email div.contain div.outer.left span, .content footer.email div.contain div.outer.right span {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 50%;
  background: transparent url(../images/footer_icons.jpg) 0 0 no-repeat;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 428, ../sass/main.scss */
.content footer.email div.contain div.outer.left span {
  left: 20px;
}
/* line 434, ../sass/main.scss */
.content footer.email div.contain div.outer.right span {
  right: 20px;
  background-position: -45px 0;
}
/* line 440, ../sass/main.scss */
.content footer.email div.contain div.outer div {
  color: #ababab;
  font-size: 11px;
  line-height: 150%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 451, ../sass/main.scss */
.content footer.email div.contain div.outer div b, .content footer.email div.contain div.outer div strong {
  font-weight: bold;
}
/* line 455, ../sass/main.scss */
.content footer.email div.contain div.outer div a {
  color: #ababab;
  text-decoration: underline;
}
/* line 459, ../sass/main.scss */
.content footer.email div.contain div.outer div a.tel {
  text-decoration: none;
}
/* line 466, ../sass/main.scss */
.content footer.email div.contain div.outer div:nth-child(2) {
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 471, ../sass/main.scss */
.content footer.email div.contain div.outer div:nth-child(3) {
  right: 0;
}
@media (min-width: 0px) and (max-width: 567px) {
  /* line 479, ../sass/main.scss */
  .content footer.email div.contain div.outer {
    font-size: 13px;
  }
  /* line 487, ../sass/main.scss */
  .content footer.email div.contain div.outer.left span, .content footer.email div.contain div.outer.right span {
    left: 50%;
    right: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* line 495, ../sass/main.scss */
  .content footer.email div.contain div.outer div {
    position: relative;
    display: block;
    padding: 10px 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 501, ../sass/main.scss */
  .content footer.email div.contain div.outer div span {
    position: relative;
    display: inline-block;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 170px;
  }
  /* line 509, ../sass/main.scss */
  .content footer.email div.contain div.outer div:nth-child(2) {
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media (min-width: 568px) and (max-width: 1023px) {
  /* line 517, ../sass/main.scss */
  .content footer.email div.contain div.outer {
    width: 74%;
  }
  /* line 519, ../sass/main.scss */
  .content footer.email div.contain div.outer.left, .content footer.email div.contain div.outer.right {
    width: 13%;
  }
}
/* line 528, ../sass/main.scss */
.content footer.social {
  background-color: #fff;
  padding:  0;
}
/* line 534, ../sass/main.scss */
.content footer.social .bleed {
  background-color: #eff1f1;
}
/* line 540, ../sass/main.scss */
.content footer.social .contain {
  background-color: #eff1f1;
  text-align: center;
}
/* line 548, ../sass/main.scss */
.content footer.social .contain ul li {
  display: inline-block;
  margin-right: 29px;
  padding: 50px 0;
}
/* line 553, ../sass/main.scss */
.content footer.social .contain ul li:last-child {
  margin-right: 0;
}
/* line 557, ../sass/main.scss */
.content footer.social .contain ul li a {
  display: block;
  width: 62px;
  height: 65px;
  text-indent: -999em;
  background-color: transparent;
  background-image: url(../images/bottom_sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
/* line 571, ../sass/main.scss */
.content footer.social .contain ul li a.ft-email:hover {
  background-position: 0 -70px;
}
/* line 578, ../sass/main.scss */
.content footer.social .contain ul li a.ft-vimeo {
  background-position: -90px 0;
}
/* line 583, ../sass/main.scss */
.content footer.social .contain ul li a.ft-vimeo:hover {
  background-position: -90px -70px;
}
/* line 590, ../sass/main.scss */
.content footer.social .contain ul li a.ft-linkedin {
  background-position: -180px 0;
}
/* line 595, ../sass/main.scss */
.content footer.social .contain ul li a.ft-linkedin:hover {
  background-position: -180px -70px;
}
/* line 602, ../sass/main.scss */
.content footer.social .contain ul li a.ft-twitter {
  background-position: 100% 0;
}
/* line 607, ../sass/main.scss */
.content footer.social .contain ul li a.ft-twitter:hover {
  background-position: 100% -70px;
}
@media only screen and (min-device-width: 0px) and (max-device-width: 480px) and (orientation: portrait) {
  /* line 528, ../sass/main.scss */
  .content footer.social {
    width: 100%;
    padding: 5px 0 0;
  }
  /* line 629, ../sass/main.scss */
  .content footer.social .contain ul li {
    padding: 15px 0;
  }
  /* line 632, ../sass/main.scss */
  .content footer.social .contain ul li a {
    background-image: url(../images/bottom_spritex178.png);
    width: 35px;
    height: 35px;
  }

  @media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {
    .content footer.social .contain ul li a {
        background-image: url(../images/bottom_spritex356.png);
        background-size: 178px auto;
    }
}

  /* line 638, ../sass/main.scss */
  .content footer.social .contain ul li a.ft-email:hover {
    background-position: 0 -37px;
  }
  /* line 645, ../sass/main.scss */
  .content footer.social .contain ul li a.ft-vimeo {
    background-position: -48px 0;
  }
  /* line 650, ../sass/main.scss */
  .content footer.social .contain ul li a.ft-vimeo:hover {
    background-position: -48px -37px;
  }
  /* line 657, ../sass/main.scss */
  .content footer.social .contain ul li a.ft-linkedin {
    background-position: -96px 0;
  }
  /* line 662, ../sass/main.scss */
  .content footer.social .contain ul li a.ft-linkedin:hover {
    background-position: -59px;
  }
  /* line 669, ../sass/main.scss */
  .content footer.social .contain ul li a.ft-twitter {
    background-position: 100% 0;
  }
  /* line 674, ../sass/main.scss */
  .content footer.social .contain ul li a.ft-twitter:hover {
    background-position: 100% -37px;
  }
}
/*@media only screen and (min-device-width: 0px) and (max-device-width: 360px) and (orientation: portrait) {*/
@media only screen and (min-device-width: 0px) and (max-device-width: 414px) and (orientation: portrait) {
  /* line 528, ../sass/main.scss */
  .content footer.social {
    width: 100%;
    padding: 5px 0 0;
    position: fixed;
    bottom: -70px;
    -moz-transition: bottom 0.2s linear;
    -o-transition: bottom 0.2s linear;
    -webkit-transition: bottom 0.2s linear;
    transition: bottom 0.2s linear;
  }
  /* line 697, ../sass/main.scss */
  .content footer.social .contain ul li {
    padding: 15px 0;
    margin-right: 10px;
  }
}
/* line 707, ../sass/main.scss */
.content ul.icons {
  position: absolute;
}
/* line 711, ../sass/main.scss */
.content ul.icons li {
  display: inline-block;
  margin-left: 5px;
}
/* line 715, ../sass/main.scss */
.content ul.icons li a {
  display: block;
  width: 22px;
  height: 20px;
    padding: 0 0;
  text-indent: -9999em;
  background-image: url(../images/info_sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: transparent;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .content ul.icons li a {
        background-image: url(../images/info_sprite_2x.png);
        background-size: 82px auto;
    }
}


#news ul.icons li a {
  background-image: url(../images/info_sprite_news.png);
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    #news ul.icons li a {
        background-image: url(../images/info_sprite_news_2x.png);
    }
}



/* line 728, ../sass/main.scss */
.content ul.icons li a.wk-ic-twitter:hover {
  background-position: 0 -20px;
}
/* line 733, ../sass/main.scss */
.content ul.icons li a.wk-ic-vimeo {
  width: 23px;
  background-position: -29px 0;
}
/* line 736, ../sass/main.scss */
.content ul.icons li a.wk-ic-vimeo:hover {
  background-position: -29px -20px;
}
/* line 741, ../sass/main.scss */
.content ul.icons li a.wk-ic-email {
  background-position: -59px 0;
}
/* line 743, ../sass/main.scss */
.content ul.icons li a.wk-ic-email:hover {
  background-position: -59px -20px;
}
/* line 752, ../sass/main.scss */
.content section#reel {
  overflow: hidden;
}
/* line 755, ../sass/main.scss */
.content section#reel div.reel-top {
  background-color: #b4b6b5;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position:relative;
  width: 100vw;
  height: auto;
}
.content section#reel div.reel-top .video-bkg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:600px;
	overflow: hidden;
}

/* START DESKTOP REEL CTA */
.content section#reel div.reel-top .reel-cta {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.content section#reel div.reel-top .reel-cta * {
  
}

.content section#reel div.reel-top .reel-cta  svg {
  width: 75px;
  height: 75px;
  cursor: pointer;
}


.content section#reel div.reel-top .reel-cta span.play-reel {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 3px solid #fff;
  width: 75px;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 170%;
  margin-top: 40px;
  background-color: transparent;
  transition: background-color 0.5s ease 0s;
  -webkit-transition: background-color 0.5s ease 0s;
  cursor: pointer;
 }

.content section#reel div.reel-top .reel-cta span.play-reel:hover {
  color: #000;
  background-color: #fff;
}

/* DESIGN-INFUSED STORYTELLING TAGLINE ON DESKTOP. */
.content section#reel div.reel-top .reel-cta span.tagline-desktop {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 0 75px;
  font-family: 'dosis-medium';
  font-size: 31px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #fff;
}
.content section#reel div.reel-top .reel-cta span.tagline-mobile {
display: none;
}

@media (min-width: 0px) and (max-width: 996px) {
	.content section#reel div.reel-top .reel-cta span.tagline-desktop {
		display: none;
	}
	
	/* 
	DESIGN-INFUSED STORYTELLING TAGLINE ON MOBILE.  
	TO MAKE THIS FOR VARIOUS MOBILE SIZES, COPY THE @MEDIA TAG AND UPDATE STYLES AS NEEDED 
	*/
	.content section#reel div.reel-top .reel-cta span.tagline-mobile {
		display: none;
		width: 100%;
		text-align: center;
		padding: 0 0 0;
                font-family: 'advent-Bd3';
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0px;
		color: #fff;
	}
	
	.content section#reel div.reel-top .reel-cta span.play-reel {
		margin-top: 20px;
  }
}


/* TAGLINE */
/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.content section#reel div.reel-top .reel-cta span.tagline-mobile {
    padding: 0 0 36px;
    font-size: 20px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#reel div.reel-top .reel-cta span.tagline-mobile {
    padding: 0 0 58px;
    font-size: 22px;
     
  }
}



/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.content section#reel div.reel-top .reel-cta span.tagline-mobile {
    padding: 0 0 20px;
    font-size: 24px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.content section#reel div.reel-top .reel-cta span.tagline-mobile {
    padding: 0 0 44px;
    font-size: 26px;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#reel div.reel-top .reel-cta span.tagline-mobile {
    padding: 0 0 60px;
    font-size: 24px;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#reel div.reel-top .reel-cta span.tagline-mobile {
    padding: 0 0 20px;
    font-size: 24px;
  }
}



/* PLAYBOX */
/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.content section#reel div.reel-top .reel-cta span.play-reel {
    margin-bottom: 48px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 1200px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#reel div.reel-top .reel-cta span.play-reel {
    margin-bottom: 56px;
     
  }
}



/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.content section#reel div.reel-top .reel-cta span.play-reel {
    margin-bottom: 40px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.content section#reel div.reel-top .reel-cta span.play-reel {
    margin-bottom: 40px;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#reel div.reel-top .reel-cta span.play-reel {
    margin-bottom: 10px;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#reel div.reel-top .reel-cta span.play-reel {
    margin-bottom: 80px;
  }
}





/* ARROW CONTAINER */
.content section#reel div.reel-top .reel-arrow {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  color: #fff;
  left: 50%;
  height: 45px;
  width: 44px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@-webkit-keyframes updown{0%{opacity:0.0;bottom:25px}100%{opacity:1;bottom:0px}}
@-moz-keyframes updown{0%{opacity:0.0;bottom:25px}100%{opacity:1;bottom:0px}}
@-o-keyframes updown{0%{opacity:0.0;bottom:25px}100%{opacity:1;bottom:0px}}
@keyframes updown{0%{opacity:0.0;bottom:25px}100%{opacity:1;bottom:0px}}

/* ARROW IMAGE */
.content section#reel div.reel-top .reel-arrow img {
  position: absolute; 
  bottom: 0;
}

/* ARROW ANIMATION ON FOR DESKTOP (SCREEN LARGER THAN 1024PX) */
@media (min-width: 1025px) {
	.content section#reel div.reel-top .reel-arrow img {
	  -webkit-animation: updown 1.5s infinite;
	  -moz-animation: updown 1.5s infinite;
	  -o-animation: updown 1.5s infinite;
	  animation: updown 1.5s infinite;
	}
}

/* ARROW ANIMATION OFF FOR MOBILE */
/* ADJUST WIDTH OF ARROW IMG TO MAKE SMALLER.  ALSO ADJUST WIDTH OF REEL-ARROW TO KEEP CENTERED */
@media (max-width: 767px) {
	.content section#reel div.reel-top .reel-arrow {
		width: 35px;
	}
	
	.content section#reel div.reel-top .reel-arrow img {
	  position: absolute; 
	  bottom: 0;
	  width: 35px;
	}
}

.content section#reel div.reel-overlay {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8888;
  }

  .content section#reel div.reel-overlay .close-overlay {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../images/icon-close-white.png);
    background-repeat: no-repeat;
    background-position: center center;
  }


/* REEL CONTAINER */
  .content section#reel div.reel-overlay .reel-iframe {
    width: 1200px;
    height: 675px;
    background-color: transparent;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }

  .content section#reel div.reel-overlay iframe {
    display: block;
    width: 1200px;
    height: 675px;
    background-color: transparent;
  }

/* END DESKTOP REEL CTA */

/* THE VIMEO REEL ON MOBILE */
.content section#reel div.reel-top .mobile-sizer {
  width: 100vw;
  height:auto;
  display: none;
}
.content section#reel div.reel-top .reel-mobile {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.content section#reel div.reel-top .reel-mobile div {
	opacity: 0;
    transition: opacity 0.8s ease 0s;
    -webkit-transition: opacity 0.8s ease 0s;
}

.content section#reel div.reel-top .reel-mobile img {
    width: 100vw;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;    
}

.content section#reel div.reel-top .reel-mobile div:first-child {
  opacity: 1;
}

@media only screen 
  and (max-width: 1024px)
  and (orientation: landscape) {
	.content section#reel div.reel-top .reel-mobile img.landscape {
		display: block;
	}
	.content section#reel div.reel-top .reel-mobile img.portrait {
		display: none;
	}
	
	.content section#reel div.reel-top .mobile-sizer {
		min-height: 270px;
	}
	
	.content section#reel div.reel-top .mobile-sizer-portrait {
	display: none;
	}
	.content section#reel div.reel-top .mobile-sizer-landscape {
	display: block;
	}
  }

@media only screen 
  and (max-width: 1024px)
  and (orientation: portrait) {
	.content section#reel div.reel-top .reel-mobile img.landscape {
		display: none;
	}	
	.content section#reel div.reel-top .reel-mobile img.portrait {
		display: block;
	}	
	
	.content section#reel div.reel-top .mobile-sizer {
		min-height: 320px;
	}		

	.content section#reel div.reel-top .mobile-sizer-portrait {
	display: block;
	}
	.content section#reel div.reel-top .mobile-sizer-landscape {
	display: none;
	}

  }


@media (max-width: 1024px) {  
  
  .content section#reel div.reel-top video {
    display: none;
  }

  .content section#reel div.reel-top svg {
    display: none;
  }

  .content section#reel div.reel-top .reel-cta span {
    margin-top: 0px;
    font-size: 15px;
  }

  .content section#reel div.reel-top .reel-cta {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .content section#reel div.reel-top .reel-mobile {
    display: block;
  }
/* PLAYBOX-X */
  .content section#reel div.reel-overlay .reel-iframe {
    width: 100vw;
    height: auto;
    background-color: transparent;
    margin: 0 auto;
    position: absolute;
    top: 46%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  
  .content section#reel div.reel-overlay .close-overlay {
    right: 10px;
  }

  .content section#reel div.reel-overlay iframe {
    display: block;
    width: 800px;
    height: 400px;
    background-color: transparent;
    margin: auto;
  }

}
@media (max-width: 799px) {
  .desktop .content section#reel div.reel-overlay .close-overlay {
    right: 0;
  }
  .desktop .content section#reel div.reel-overlay .reel-iframe {
    width: auto;
    height: auto;
  }
  .desktop .content section#reel div.reel-overlay iframe {
    display: block;
    width: 320px;
    height: 160px;
    background-color: transparent;
    margin: 0 auto;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .desktop .content section#reel div.reel-overlay .close-overlay {
    right: 0;
  }
  .desktop .content section#reel div.reel-overlay .reel-iframe {
    width: auto;
    height: auto;
  }
  .desktop .content section#reel div.reel-overlay iframe {
    display: block;
    width: 600px;
    height: 300px;
    background-color: transparent;
    margin: 0 auto;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .desktop .content section#reel div.reel-overlay .close-overlay {
    right: 0;
  }
  .desktop .content section#reel div.reel-overlay .reel-iframe {
    width: auto;
    height: auto;
  }
  .desktop .content section#reel div.reel-overlay iframe {
    display: block;
    width: 900px;
    height: 450px;
    background-color: transparent;
    margin: 0 auto;
  }
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .tablet .content section#reel div.reel-overlay .close-overlay {
    right: 0 !important;
  }
  .tablet .content section#reel div.reel-overlay .reel-iframe {
    width: auto !important;
    height: auto !important;
  }
  .tablet .content section#reel div.reel-overlay iframe {
    display: block;
    width: 800px !important;
    height: 400px !important;
    background-color: transparent;
    margin: 0 auto !important;
  }
}

.content section#reel div.reel-top video {
	width: 100vw;
  height: auto;
}
/* line 761, ../sass/main.scss */
.content section#reel div.reel-top div.contain div.reel-video {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
}
/* line 766, ../sass/main.scss */
.content section#reel div.reel-top div.contain div.reel-video .reel-start {
  display: none;
  text-indent: -9999em;
  width: 100%;
  height: 600px;
  background: transparent url(../images/playbutton.png) center center no-repeat;
  cursor: pointer;
}

body.desktop .content section#reel div.reel-top div.contain div.reel-video .reel-start {
	display: block;
}



/* line 775, ../sass/main.scss */
.content section#reel div.reel-top div.contain div.reel-video iframe {
  display: block;
  width: 1200px;
  height: 600px;
  background-color: transparent;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  /* line 761, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video {
    width: 1200px;
  }
  /* line 785, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe {
    width: 1200px;
    height: 600px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  /* line 761, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video {
    width: 1024px;
  }
  /* line 794, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video .reel-start {
    height: 512px;
  }
  /* line 798, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe {
    width: 1024px;
    height: 512px;
  }
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 761, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 320px) {
  /* line 810, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video .reel-start {
    height: 169px;
    background-size: 35px;
  }
  /* line 813, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe, .content section#reel div.reel-top div.contain div.reel-video .video {
    width: 320px;
    height: 169px;
  }
}
@media (min-width: 321px) and (max-width: 480px) {
  /* line 820, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video .reel-start {
    height: 233px;
  }
  /* line 823, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe, .content section#reel div.reel-top div.contain div.reel-video .video {
    width: 414px;
    height: 233px;
  }
}
@media (min-width: 375px) and (max-width: 667px) {
  /* line 830, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video .reel-start {
    height: 197px;
    background-size: 38px;
  }
  /* line 833, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe {
    width: 375px;
    height: 197px;
  }
}
@media (min-width: 667px) and (max-width: 668px) {
  /* line 840, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video .reel-start {
    height: 375px;
  }
  /* line 843, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe {
    width: 667px;
    height: 375px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  /* line 851, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video .reel-start {
    height: 249px;
    background-size: 40px;
  }
  /* line 854, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe {
    width: 480px;
    height: 249px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* line 861, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video .reel-start {
    height: 393px;
    background-size: 55px;
  }
  /* line 864, ../sass/main.scss */
  .content section#reel div.reel-top div.contain div.reel-video iframe {
    width: 768px;
    height: 393px;
  }
}
/* line 872, ../sass/main.scss */
.content section#reel div.reel-top div.contain .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(../images/icon-close.png);
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 888, ../sass/main.scss */
.content section#reel div.reel-bottom {
  background: #fff url(../images/reel2_background_tile.gif) 0 0px repeat-x;
}
@media (min-width: 0) and (max-width: 767px) {
  /* line 888, ../sass/main.scss */
  .content section#reel div.reel-bottom {
    
  }
}
/* line 897, ../sass/main.scss */
.content section#reel div.reel-bottom .contain {
  background: transparent url(../images/reel2_background.gif) 0 0 no-repeat;
  padding: 95px 0 20px;
  color: #000;
}
/* line 902, ../sass/main.scss */
.content section#reel div.reel-bottom .contain h1, .content section#reel div.reel-bottom .contain .copy {
  
}
/* line 906, ../sass/main.scss */
.content section#reel div.reel-bottom .contain h1 {
  padding-bottom: 15px;
  font-family: 'lane_-_narrowregular', sans-serif;
  font-weight: 200;
  font-size: 28px;
}
/* line 915, ../sass/main.scss */
.content section#reel div.reel-bottom .contain div.copy {
  position: relative;
  padding: 26px 26px 30px;
}

@media (min-width: 0) and (max-width: 767px) {
  .content section#reel div.reel-bottom .contain div.copy {
    display: none;
  }
}
/* line 924, ../sass/main.scss */
.content section#reel div.reel-bottom .contain div.copy p {
  display: inline-block;
  width: 100%;
  font-size: 30px;
/* text-transform: uppercase; */
  font-weight: bold;
  padding: 0 120px;
  color: #343434;
  line-height: 30px;
  text-align: left;
}

/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2){ 

}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

.content section#reel div.reel-bottom .contain div.copy p {
    font-size: 18px;
    line-height: 26px;
    padding: 0 2px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2) {

.content section#reel div.reel-bottom .contain div.copy p {
    font-size: 18px;
    line-height: 26px;
    padding: 0 50px;
     width: auto;
  }
}




/*  iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

.content section#reel div.reel-bottom .contain div.copy p {
    font-size: 20px;
    line-height: 22px;
    padding: 0 0;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.content section#reel div.reel-bottom .contain div.copy p {
    font-size: 20px;
    line-height: 22px;
    padding: 0 50;
     width: auto;
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#reel div.reel-bottom .contain div.copy p {
    font-size: 24px;
    line-height: 32px;
    padding: 0 9px;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#reel div.reel-bottom .contain div.copy p {
    font-size: 26px;
    line-height: 32px;
    padding: 0 105px;
  }
}

@media (min-width: 0) and (max-width: 735px) {
  /* line 897, ../sass/main.scss */
  .content section#reel div.reel-bottom .contain {
    background-position: 22% 0;
  }
  /* line 952, ../sass/main.scss */
  .content section#reel div.reel-bottom .contain .copy p {
    font-size: 18px !important;
  }
}
@media (min-width: 0) and (max-width: 1199px) {
  
}
/* line 971, ../sass/main.scss */
.content section#reel div.reel-bottom hr {
  margin: 0;
  padding: 0;
  height: 1px;
  background: transparent url(../images/border.jpg) 0 0 no-repeat;
  background-size: 100% 1px;
  border: none;
}
/* line 982, ../sass/main.scss */
.content section#work {
  background-color: ececec;
}
/* line 985, ../sass/main.scss */
.content section#work .row {
  display: block;
}
/* line 988, ../sass/main.scss */
.content section#work .row img {
  cursor: pointer;
  width: 100%;
}
/* line 992, ../sass/main.scss */
.content section#work .row img.no-click {
  cursor: default;
}

.content section#work .row .textblock {
  padding: 80px 228px;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 28px;
  letter-spacing: 1px;
/* font-weight: bold; */
  color: #fff;
  line-height: 48px;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
  .content section#work .row .textblock {
    padding: 60px 32px;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

  .content section#work .row .textblock {
    padding: 60px 80px;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
     
  }
}



/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
  .content section#work .row .textblock {
    padding: 40px 145px;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2){

  .content section#work .row .textblock {
    padding: 40px 209px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 2px;
    font-weight: bold;
     
  }
}



/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

  .content section#work .row .textblock {
    padding: 60px 215px;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

  .content section#work .row .textblock {
    padding: 60px 320px;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 2px;
    font-weight: bold;
  }
}


/* Engaging brand experiences */
.content section#work .row .textblock2 {
  float: center;
  padding: 90px 7% 90px 18%;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 28px;
  letter-spacing: 1px;
/* font-weight: bold; */
  color: #fff;
  line-height: 52px;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.content section#work .row .textblock2 {
    padding: 60px 23px;
    font-size: 17px;
    line-height: 28px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#work .row .textblock2 {
    padding: 60px 70px;
    font-size: 17px;
    line-height: 28px;
    font-weight: bold;
     
  }
}



/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.content section#work .row .textblock2 {
  float: center;
    padding: 40px 136px;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#work .row .textblock2 {
    padding: 40px 180px;
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
     
  }
}



/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#work .row .textblock2 {
    padding: 60px 198px;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#work .row .textblock2 {
    padding: 60px 298px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 2px;
    font-weight: bold;
  }
}


/* line 998, ../sass/main.scss */
.content section#work .item {
  float: left;
  margin-bottom: -4px;
  position: relative;
}
/* line 1003, ../sass/main.scss */
.content section#work .item .expand-content {
  display: none;
}
/* line 1007, ../sass/main.scss */
.content section#work .item .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
/* line 1016, ../sass/main.scss */
.content section#work .item .hover .cover {
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: transparent url(../images/work_selected_bg.png) bottom center no-repeat;
  -moz-transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
  transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
}
/* line 1026, ../sass/main.scss */

/* WORK THUMBNAIL ROLL OVERS */ 
.content section#work .item .hover h2 {
  position: absolute;
  display: block;
  padding: 0;
  bottom: 4px;
  top: 0;
  right: 0;
  left: 0;
  margin: 15px 20px;
  background-color: transparent;
  opacity: 1;
  font-family: 'dosis-light';
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 4px;
  -moz-transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
  transition: all 0.3s cubic-bezier(0, 0.01, 0.07, 1);
}

/* HIDE MOBILE THUMBNAIL TEXT */
@media (max-width: 767px) {
  .content section#work .item .hover h2 {
    margin: 7px 7px;
    opacity: 1;  /* TO UNHIDE MOBILE TEXT, THIS SHOULD BE 1.  TO HIDE, THIS SHOULD BE 0 */
  }
}

/* THUMBNAIL TITLE - ALL DEVICES */
.content section#work .item .hover h2 span {
  display: block;
  margin-top: 0;
  color: #fff;
  opacity: 1;
  -moz-transition: all 0.5s cubic-bezier(0, 0.01, 0.07, 1);
  -o-transition: all 0.5s cubic-bezier(0, 0.01, 0.07, 1);
  -webkit-transition: all 0.5s cubic-bezier(0, 0.01, 0.07, 1);
  transition: all 0.5s cubic-bezier(0, 0.01, 0.07, 1);
}

/* YOU CAN ADD A CLASS TO THE <SPAN> CONTAINING THE TEXT TO ADJUST IT'S COLOR, TEXT SIZE, ETC. 
YOU COULD DO THIS GLOBALLY FOR ALL SCREEN SIZES, OR TO DO IT JUST FOR SPECIFIC SCREEN SIZE, YOU COULD 
COP THE FOLLOWING INTO ONE OF THE @MEDIA QUERIES 

FOR EXAMPLE, TO HAVE DARK TEXT */
.content section#work .item .hover h2 span.title-dark {
        font-family: 'dosis-medium';
	color: #393939;
}

/* THUMBNAIL TITLE - DESKTOP */
@media (min-width: 1025px) {
.content section#work .item .hover h2 span {
		/* add desktop-specific styles here */
	}
}

/* THUMBNAIL TITLE - TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
	.content section#work .item .hover h2 span {
		/* add tablet-specific styles here */
	}
}

/* THUMBNAIL TITLE - MOBILE */
@media (max-width: 767px) {
	.content section#work .item .hover h2 span {
    font-family: 'dosis-medium';
    font-size: 9px;
    letter-spacing: 2px;
	}
	
	/* MOBILE-SPECIFIC CLASS TO UPDATE COLOR OF TITLE WITH CLASS TITLE-RED */
	.content section#work .item .hover h2 span.title-red {
		color: #ffCC00;		
	}
}


/* WORK THUMBNAIL ROLL OVERS -- large text */ 
.content section#work .item .hover h2 .over {
  font-family: 'dosis-medium';
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 26px;
  line-height: 120%;
  width: 100%;
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  -moz-transition: all 1s cubic-bezier(0, 0.01, 0.07, 1);
  -o-transition: all 1s cubic-bezier(0, 0.01, 0.07, 1);
  -webkit-transition: all 1s cubic-bezier(0, 0.01, 0.07, 1);
  transition: all 1s cubic-bezier(0, 0.01, 0.07, 1);
  opacity: 0;
  letter-spacing: 1px;
}

/* WORK THUMBNAIL ROLL OVERS -- small sub-text */ 
.content section#work .item .hover h2 .over small {
  display: block;
  font-family: 'dosis-medium';
  font-size: 15px;
  letter-spacing: 1px;
}

body.desktop .content section#work .item:hover .hover h2 .over {
  opacity: 1;
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/* WORK THUMBNAIL ROLL OVERS -- BLUE BACKGROUND BOX */ 
body.desktop .content section#work .item:hover .hover h2 {
  background-color: rgba(68,200,211, 0.5);
  color: #000;
}

/* WORK THUMBNAIL ROLL OVERS -- BACKGROUND BOX in RED with white text */ 
body.desktop .content section#work .item:hover .hover h2.bg-red {
  background-color: rgba(255,0,0, 0.8);
	color: #fff;
}

/* WORK THUMBNAIL ROLL OVERS -- BLUE BACKGROUND BOX in GREEN with black text */ 
body.desktop .content section#work .item:hover .hover h2.bg-green {
  background-color: rgba(102,204,0, 0.8);
	color: #000;
}


/* line 1057, ../sass/main.scss */
body.desktop .content section#work .item:hover .hover h2 span {
  opacity: 0;
}
/* line 1069, ../sass/main.scss */
.content section#work .item.active .hover .cover {
  bottom: 0;
  opacity: 0;
}
/* line 1079, ../sass/main.scss */
body.desktop .content section#work .item.active:hover .hover h2 {
  bottom: -60px;
  opacity: 0;
}
/* line 1083, ../sass/main.scss */
body.desktop .content section#work .item.active:hover .hover h2 span {
  opacity: 0;
}
/* line 1095, ../sass/main.scss */
.content section#work .columns-1 .colspan-1 {
  width: 100%;
}
/* line 1101, ../sass/main.scss */
.content section#work .columns-2 .colspan-1 {
  width: 50%;
}
/* line 1104, ../sass/main.scss */
.content section#work .columns-2 .colspan-2 {
  width: 100%;
}
/* line 1110, ../sass/main.scss */
.content section#work .columns-3 .colspan-1 {
  width: 400px;
}
@media (min-width: 0) and (max-width: 1199px) {
  /* line 1110, ../sass/main.scss */
  .content section#work .columns-3 .colspan-1 {
    width: 33.3%;
  }
}
/* line 1117, ../sass/main.scss */
.content section#work .columns-3 .colspan-2 {
  width: 800px;
}
@media (min-width: 0) and (max-width: 1199px) {
  /* line 1117, ../sass/main.scss */
  .content section#work .columns-3 .colspan-2 {
    width: 66.6%;
  }
}
/* line 1124, ../sass/main.scss */
.content section#work .columns-3 .colspan-3 {
  width: 100%;
}
/* line 1130, ../sass/main.scss */
.content section#work .columns-4 .colspan-1 {
  width: 25%;
}
/* line 1133, ../sass/main.scss */
.content section#work .columns-4 .colspan-2 {
  width: 50%;
}
/* line 1136, ../sass/main.scss */
.content section#work .columns-4 .colspan-3 {
  width: 75%;
}
/* line 1139, ../sass/main.scss */
.content section#work .columns-4 .colspan-4 {
  width: 100%;
}
/* line 1145, ../sass/main.scss */
.content section#work .columns-5 .colspan-1 {
  width: 20%;
}
/* line 1148, ../sass/main.scss */
.content section#work .columns-5 .colspan-2 {
  width: 40%;
}
/* line 1151, ../sass/main.scss */
.content section#work .columns-5 .colspan-3 {
  width: 60%;
}
/* line 1154, ../sass/main.scss */
.content section#work .columns-5 .colspan-4 {
  width: 80%;
}
/* line 1157, ../sass/main.scss */
.content section#work .columns-5 .colspan-5 {
  width: 100%;
}
/* line 1162, ../sass/main.scss */
.content section#work .detail {
  clear: both;
  position: relative;
  background-color: #dedede;
  height: 0px;
  overflow: hidden;
}

.detail-mobile {
  overflow: hidden;
  height: 0px;
  clear: both;
  position: relative;
}

/* line 1169, ../sass/main.scss */
.content section#work .detail img {
  cursor: default;
}

.content section#work .detail .return-to-top {
  cursor: pointer;
  background: transparent url(../images/arrow-up.jpg) center center no-repeat;
  height: 43px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.content section#work .detail .return-to-top {
		background-image: url(../images/arrow-up_2x.jpg);
		background-size: auto 43px;
	}
}



/* line 1173, ../sass/main.scss */
.content section#work .detail hr {
  margin: 0;
  padding: 0;
  height: 1px;
  background: transparent url(../images/border.jpg) 0 0 no-repeat;
  background-size: 100% 1px;
  border: none;
}
/* line 1182, ../sass/main.scss */
.content section#work .detail .social {
  height: 30px;
  background-color: #fff;
}
/* line 1185, ../sass/main.scss */
.content section#work .detail .social ul {
  height: 30px;
  line-height: 30px;
  text-align: right;
  padding-right: 10px;
}
/* line 1191, ../sass/main.scss */
.content section#work .detail .social ul li {
  display: inline-block;
}
/* line 1194, ../sass/main.scss */
.content section#work .detail .social ul li a {
  color: #333;
  text-decoration: none;
}
/* line 1202, ../sass/main.scss */
.content section#work .detail .work-close {
  background: transparent url(../images/icon-close2.png) center center no-repeat;
  position: absolute;
  top: 0;
  right: -7px;
  width: 60px;
  height: 40px;
  cursor: pointer;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.content section#work .detail .work-close {
	background-image: url(../images/icon-close2_2x.png);
	background-size: 22px auto;
	}
}

/* line 1212, ../sass/main.scss */
.content section#work .detail .work-contain {
  padding-top: 40px;
  padding-bottom: 0;
}
/* line 1215, ../sass/main.scss */
.content section#work .detail .work-contain h2 {
  color: #efefef;
  font-size: 24px;
/* font-weight: bold; */
  padding: 0 12px;
  font-family: 'dosis-light';
  text-transform: uppercase;
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  background: #adadad;
  height: 40px;
  line-height: 41px;
}
/* line 1231, ../sass/main.scss */
.content section#work .detail .work-contain .imagery {
  margin-bottom: -2px;
}

.content section#work .detail .work-contain .imagery img {
  display: block;
  min-height: 1px;
}



/* line 1235, ../sass/main.scss */
.content section#work .detail .work-contain .gallery {
  width: 100%;
  overflow: hidden;
  position: relative;
}
/* line 1240, ../sass/main.scss */
.content section#work .detail .work-contain .gallery .navigation {
  position: absolute;
  width: 100%;
  top: 50%;
  height: 60px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 1247, ../sass/main.scss */
.content section#work .detail .work-contain .gallery .navigation span {
  position: absolute;
  width: 32px;
  height: 60px;
  background-color: #fff;
  top: 0;
  cursor: pointer;
  text-indent: -999em;
}
/* line 1256, ../sass/main.scss */
.content section#work .detail .work-contain .gallery .navigation span.left {
  left: 0;
  background: transparent url(../images/work_prev-horizontal.png) 0 0 no-repeat;
}
/* line 1259, ../sass/main.scss */
.content section#work .detail .work-contain .gallery .navigation span.left:hover {
  background-position: -32px 0;
}
/* line 1264, ../sass/main.scss */
.content section#work .detail .work-contain .gallery .navigation span.right {
  right: 0;
  background: transparent url(../images/work_next-horizontal.png) 0 0 no-repeat;
}
/* line 1267, ../sass/main.scss */
.content section#work .detail .work-contain .gallery .navigation span.right:hover {
  background-position: -32px 0;
}
/* line 1274, ../sass/main.scss */
.content section#work .detail .work-contain .gallery ul {
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1277, ../sass/main.scss */
.content section#work .detail .work-contain .gallery ul li {
  float: left;
}
/* line 1280, ../sass/main.scss */
.content section#work .detail .work-contain .gallery ul li img {
  width: 100%;
}
/* line 1288, ../sass/main.scss */
.content section#work .detail .work-contain .video {
  width: 1200px;
  height: 675px;
  background-color: #fff;
}
/* line 1293, ../sass/main.scss */
.content section#work .detail .work-contain .video iframe {
  height: 100%;
  width: 100%;
}
@media (min-width: 0) and (max-width: 1199px) {
  /* line 1288, ../sass/main.scss */
  .content section#work .detail .work-contain .video {
    width: 100%;
  }
}
/* line 1303, ../sass/main.scss */
.content section#work .detail .work-contain .copy {
  clear: both;
  background-color: #fff;
  color: #666666;
  position: relative;
}


/* line 1308, ../sass/main.scss */
.content section#work .detail .work-contain .copy h3 {
  color: #adadad;
/* font-family: 'dosis-light'; */
/* font-family: 'teardrop'; */
/* font-family: 'obliregular'; */
/* font-family: 'motion_control'; */
/* font-family: 'front_page'; */
/* font-family: 'forte'; */
/* font-family: 'evogria'; */
/* font-family: 'capsuula'; */
font-family: 'advent-Bd3';
  letter-spacing: normal;
  line-height: 43px;
  font-size: 19px;
/* font-weight: bold; */
  text-transform: uppercase;
  padding: 5px 14px 0;
  border-bottom: 1px solid #e1e1e1;
}

@media (min-width: 0) and (max-width: 1023px){
.content section#work .detail .work-contain .copy h3 {
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
  }
}

/* line 1317, ../sass/main.scss */
.content section#work .detail .work-contain .copy ul {
  padding: 10px 15px;
}
/* line 1320, ../sass/main.scss */
.content section#work .detail .work-contain .copy ul li {
  float: left;
  font-size: 15px;
  vertical-align: top;
  padding-right: 28%;
  padding-left: 0%; 
  line-height: 150%;
  padding-bottom: 20px;
}

@media (min-width: 0) and (max-width: 735px) {
  /* line 1350, ../sass/main.scss */
  .content section#work .detail .work-contain .copy ul li {
    float: none;
    /*width: 100% !important;*/
    padding-bottom: 20px;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Portrait for ALL iPhones*/
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.content section#work .detail .work-contain .copy ul li {
    font-size: 13px;
    line-height: 150%;
    padding-right: 1%;
     
  }
}

/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.content section#work .detail .work-contain .copy ul li {
    font-size: 9px;
    line-height: 14px;
    padding-left: 0%; 
    padding-right: 15%;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.content section#work .detail .work-contain .copy ul li {
    font-size: 9px;
    line-height: 14px;
    padding-left: 0%; 
    padding-right: 15%;
     
  }
}



/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#work .detail .work-contain .copy ul li {
    font-size: 13px;
    padding-left: 0%; 
    padding-right: 65%;
  line-height: 150%;
     
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#work .detail .work-contain .copy ul li {
    font-size: 9px;
    padding-left: 0%; 
    padding-right: 75%;
    line-height: 14px;
     
  }
}

/* line 1328, ../sass/main.scss */
.content section#work .detail .work-contain .copy ul li strong {
  font-weight: bold;
}
/* line 1332, ../sass/main.scss */
.content section#work .detail .work-contain .copy ul li:nth-child(2) {
  /*width: 30%;
  padding-right: 0;*/
}
/* line 1337, ../sass/main.scss */
.content section#work .detail .work-contain .copy ul li.clear {
  float: none;
  clear: both;
  width: 100%;
  height: 10px;
  padding-right: 0;
  }
  /* line 1355, ../sass/main.scss */
  .content section#work .detail .work-contain .copy ul li.clear {
    padding-bottom: 0;
  }
}
/* line 1363, ../sass/main.scss */
.content section#work .detail .work-contain ul.icons {
  position: absolute;
  bottom: 25px;
  right: 30px;
  padding: 0 0;
}
/* line 1369, ../sass/main.scss */
.content section#work .detail .work-contain ul.icons li {
  display: inline-block;
  float: none;
  width: auto;
  padding-right: 0;
}
/* line 1375, ../sass/main.scss */
.content section#work .detail .work-contain ul.icons li:nth-child(2) {
  width: auto;
}
@media (min-width: 0) and (max-width: 735px) {
  /* line 1363, ../sass/main.scss */
  .content section#work .detail .work-contain ul.icons {
    bottom: 18px;
    right: 15px;
  }
  /* line 1384, ../sass/main.scss */
  .content section#work .detail .work-contain ul.icons li {
    width: auto !important;
  }
}
/* line 1398, ../sass/main.scss */
.content section#about {
  background: #c3c3c3 url(../images/about_img1.jpg) 0 0 repeat-x;
}
/* line 1401, ../sass/main.scss */
.content section#about div.contain {
  height: 500px;
  position: relative;
  color: #111111;
}
/* line 1406, ../sass/main.scss */
.content section#about div.contain .contain-text {
  position: absolute;
  width: 80%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
/* line 1412, ../sass/main.scss */
.content section#about div.contain .contain-text h1, .content section#about div.contain .contain-text p {
  line-height: 120%;
  font-size: 12px;
  color: #7a7f84;
}
/* line 1418, ../sass/main.scss */
.content section#about div.contain .contain-text b {
  font-weight: 400;
  font-size: 27px;
  line-height: 40px;
  color: #000;

}


/* line 1424, ../sass/main.scss */
.content section#about div.contain .contain-text p {
  font-size: 21px;
  font-weight: 100;
  line-height: 30 px;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 0px;
  padding-bottom: 0px;
}



/* line 1437, ../sass/main.scss */
.content section#about div.contain .contain-text a {
  color: #000;
  text-decoration: none;
}
/* line 1441, ../sass/main.scss */
.content section#about div.contain .contain-text a:hover {
  text-decoration: underline;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1401, ../sass/main.scss */
  .content section#about div.contain {
    background-position: 0 0;
    background-size: cover;
    height: 305px;
  }

/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}
  /* line 1451, ../sass/main.scss */
  .content section#about div.contain .contain-text {
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 1456, ../sass/main.scss */
  .content section#about div.contain .contain-text h1 {
    font-size: 40px;
    padding-bottom: 25px;
  }
  /* line 1461, ../sass/main.scss */
  .content section#about div.contain .contain-text p {
    font-size: 16px;
    line-height: 20px;
  }
  /* line 1462, ../sass/main.scss */
  .content section#about div.contain .contain-text p span {
	  display: none;
  }  
  
  /* line 1465, ../sass/main.scss */
  .content section#about div.contain .contain-text p b {
    font-size: 20px;
    line-height: 27px;

  }
}
@media (min-width: 0px) and (max-width: 480px) {
  /* line 1475, ../sass/main.scss */
  .content section#about div.contain .contain-text h1, .content section#about div.contain .contain-text p {
    padding: 0 25px;
    line-height: 120%;
    font-size: 72px;
  }
  /* line 1481, ../sass/main.scss */
  .content section#about div.contain .contain-text h1 {
    font-size: 40px;
    padding-bottom: 25px;
  }
  /* line 1486, ../sass/main.scss */
  .content section#about div.contain .contain-text p {
    font-size: 15px;
    line-height: 20px;
  }
  /* line 1490, ../sass/main.scss */
  .content section#about div.contain .contain-text p b {
    font-size: 18px;
    line-height: 25px;
  }
}

  /* line 1491, ../sass/main.scss */

/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

  .content section#about div.contain .contain-text p {
    font-size: 15px;
    padding-left: 30px;
    padding-right: 15px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

  .content section#about div.contain .contain-text p {
    font-size: 14px;
    padding-left: 70px;
    padding-right: 40px;
     
  }
}


/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
  .content section#about div.contain .contain-text p {
    font-size: 17px;
    line-height: 30px;
    padding-left: 11%;
    padding-right: 11%;

  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2){

  .content section#about div.contain .contain-text p {
    padding-left: 145px;
    padding-right: 100px;
     
  }
}



/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#about div.contain .contain-text p {
  font-size: 17px;
  padding-left: 30px;
  padding-right:  0;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#about div.contain .contain-text p {
  padding-left: 30px;
  padding-right: 0;
  }
}


/* line 1430, ../sass/main.scss */
.content section#about div.contain .contain-text h1 {
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 0px;
  padding-bottom: 10px;
  font-size: 42px;
  font-family: 'lane_-_narrowregular', sans-serif;
  color: #c3c3c3;
  background-color: #c3f3fd;
  display: inline-block;
  padding: 5px 25px 5px;
  margin-bottom: 14px;
}

/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

.content section#about div.contain .contain-text h1 {
  color: #2ba884;
  background-color: #e9e9e9;
  }
}

/* Portrait for ALL iPhones*/
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

.content section#about div.contain .contain-text h1 {
  font-size: 27px;
  padding-left: 12px;
  padding-right: 20px;
  }
}

/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

.content section#about div.contain .contain-text h1 {
  font-size: 32px;
  padding-left: 18px;
  padding-right: 20px;
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#about div.contain .contain-text h1 {
  padding-left: 30px;
  padding-right: 10px;
   
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#about div.contain .contain-text h1 {
  padding-left: 30px;
  padding-right: 15px;
   
  }
}



/* line 1506, ../sass/main.scss */
.content section#about-icons {
  background-color: #ececec;
}
/* line 1509, ../sass/main.scss */
.content section#about-icons .contain {
  background-color: #dedede;
  padding-top: 25px;
}
/* line 1513, ../sass/main.scss */
.content section#about-icons .contain hr {
  margin: 0;
  padding: 0;
  height: 1px;
  background: transparent url(../images/border.jpg) 0 0 no-repeat;
  background-size: 100% 1px;
  border: none;
}
/* line 1522, ../sass/main.scss */
.content section#about-icons .contain ul {
  border-top: 1px dashed #fff;
}
/* line 1525, ../sass/main.scss */
.content section#about-icons .contain ul li {
  box-sizing: border-box;
  width: 34%;
  float: left;
  position: relative;
  height: 252px;
  padding-top: 40px;
  background-position: center 85%;
  background-repeat: no-repeat;
  background-image: url(../images/icon-polygon3d.svg);
  background-color: #aaedec;
  background-size: auto 70px;

}
/* line 1540, ../sass/main.scss */
.content section#about-icons .contain ul li p {
/* font-family: 'yeseva_oneregular'; */
  font-family: Georgia, serif;
  font-size: 16px;
  color: #454545;
  font-weight: bold;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 15%;
  padding-right: 15%;
  line-height: 24px;

}

/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

  .content section#about-icons .contain ul li p {
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 27px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

  .content section#about-icons .contain ul li p {
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 70px;
    padding-right: 78px;
     
  }
}



/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

.content section#about-icons .contain ul li p {
  font-size: 17px;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 11%;
  padding-right: 11%;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#about-icons .contain ul li p {
  font-size: 17px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 145px;
  padding-right: 170px;
     
  }
}



/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#about-icons .contain ul li p {
  font-size: 13px;
  padding-left: 5%;
  padding-right: 5%;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#about-icons .contain ul li p {
  font-size: 15px;
  padding-left: 8%;
  padding-right: 10%;
     
  }
}


/* line 1551, ../sass/main.scss */
.content section#about-icons .contain ul li .border {
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/* line 1559, ../sass/main.scss */
.content section#about-icons .contain ul li:first-child {
  background-color: #a4e7d3;
  background-image: url(../images/icon-triangle3d.svg);
  width: 33%;
}
/* line 1565, ../sass/main.scss */
.content section#about-icons .contain ul li:first-child .border {
  border-right: 1px dashed #fff;
}
/* line 1570, ../sass/main.scss */
.content section#about-icons .contain ul li:last-child {
  background-color: #c3f3fd;
  background-image: url(../images/icon-polygonb3d.svg);
  width: 33%;
}
/* line 1576, ../sass/main.scss */
.content section#about-icons .contain ul li:last-child .border {
  border-left: 1px dashed #fff;
}
@media (min-width: 0) and (max-width: 767px) {
  /* line 1509, ../sass/main.scss */
  .content section#about-icons .contain {
    padding-top: 0;
  }
  /* line 1585, ../sass/main.scss */
  .content section#about-icons .contain ul {
    border-top: none;
  }
  /* line 1587, ../sass/main.scss */
  .content section#about-icons .contain ul li {
    float: none;
    width: 100% !important;
    border-bottom: 1px dashed #fff;
  }
  /* line 1592, ../sass/main.scss */
  .content section#about-icons .contain ul li:last-child {
    border-bottom: none;
  }
  /* line 1596, ../sass/main.scss */
  .content section#about-icons .contain ul li p {
    
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  /* line 1606, ../sass/main.scss */
  .content section#about-icons .contain ul li p {
    padding: 0 40px;
  }
}
/* line 1615, ../sass/main.scss */
.content section#about-bullets {
  background-color: #7a7f84;
}
/* line 1618, ../sass/main.scss */
.content section#about-bullets .contain {
  padding: 45px 0 40px;
}
/* line 1621, ../sass/main.scss */
.content section#about-bullets .contain ul {
  width: 100%;
}
/* line 1624, ../sass/main.scss */
.content section#about-bullets .contain ul li {
  float: left;
  width: 34%;
}
/* line 1628, ../sass/main.scss */
.content section#about-bullets .contain ul li:first-child {
  width: 33%;
}
/* line 1632, ../sass/main.scss */
.content section#about-bullets .contain ul li:last-child {
  width: 33%;
}
/* line 1636, ../sass/main.scss */
.content section#about-bullets .contain ul li div {
  width: 50%;
  left: 50%;
  position: relative;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 1642, ../sass/main.scss */
.content section#about-bullets .contain ul li div b {
  background-color: #c3f3fd;
  color: #7a7f84;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  padding: 8px 18px 3px;
  text-transform: uppercase;
  border-radius: 4px;
}
/* line 1652, ../sass/main.scss */
.content section#about-bullets .contain ul li div ul {
  margin: 1.5em 0 0;
}
/* line 1654, ../sass/main.scss */
.content section#about-bullets .contain ul li div ul li {
  list-style: none;
  list-style-position: inside;
  font-size: 17px;
  font-width: bold;
  line-height: 31px;
  float: none;
  width: 100%;
  color: #fff;
}
/* line 1664, ../sass/main.scss */
.content section#about-bullets .contain ul li div ul li:first-child {
  width: 100%;
}
/* line 1668, ../sass/main.scss */
.content section#about-bullets .contain ul li div ul li:last-child {
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  /* line 1618, ../sass/main.scss */
  .content section#about-bullets .contain {
    padding: 20px 0 20px;
  }
  /* line 1686, ../sass/main.scss */
  .content section#about-bullets .contain ul li div {
    width: auto;
  }
  /* line 1689, ../sass/main.scss */
  .content section#about-bullets .contain ul li div b {
    display: block;
    font-size: 12px;
    padding: 8px 0 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  /* line 1699, ../sass/main.scss */
  .content section#about-bullets .contain ul li div ul {
    margin: 0 auto !important;
    width: 80%;
  }
  /* line 1702, ../sass/main.scss */
  .content section#about-bullets .contain ul li div ul li {
    font-size: 13px;
    line-height: 120%;
    margin: 10px 0 0;
  }
  /* line 1707, ../sass/main.scss */
  .content section#about-bullets .contain ul li div ul li:first-child {
    margin: 15px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* line 1721, ../sass/main.scss */
  .content section#about-bullets .contain ul li div {
    width: 65%;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  /* line 1731, ../sass/main.scss */
  .content section#about-bullets .contain ul li div {
    width: 55%;
  }
}
/* line 1744, ../sass/main.scss */
.content section#contact .contain .contact-top {
  margin-bottom: -3px;
}
/* line 1747, ../sass/main.scss */
.content section#contact .contain .contact-top img {
  width: 100%;
}
/* line 1752, ../sass/main.scss */
.content section#contact .contain .contact-bottom {
  height: 278px;
  position: relative;
  background: #dedede url(../images/contact_title2_background.jpg) top left no-repeat;
}
/* line 1757, ../sass/main.scss */
.content section#contact .contain .contact-bottom .cleft {
  width: 25%;
  height: 278px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #b1e1ef;
}
/* line 1765, ../sass/main.scss */
.content section#contact .contain .contact-bottom .cleft p {
  color: #7c7c7c;
  font-size: 17px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  width: 84%;
  right: 0;
  border-right: 16px solid #b0b1b1;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  line-height: 27px;
}
/* line 1778, ../sass/main.scss */
.content section#contact .contain .contact-bottom .cleft p b {
/* font-family: 'yeseva_oneregular'; */
  font-family: Georgia, serif;
  font-weight: bold;
  color: #ababab;
}
/* line 1783, ../sass/main.scss */
.content section#contact .contain .contact-bottom .cleft p a {
  color: #7c7c7c;
  text-decoration: none;
}
/* line 1790, ../sass/main.scss */
.content section#contact .contain .contact-bottom .cright {
  top: 50%;
  position: relative;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 1795, ../sass/main.scss */
.content section#contact .contain .contact-bottom .cright p {
  color: #fff;
  font-family: 'lane_-_narrowregular', sans-serif;
  font-size: 48px;
  padding: 0 8% 0 35%;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

.content section#contact .contain .contact-bottom .cright p {
  font-size: 47px;
  font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#contact .contain .contact-bottom .cright p {
  font-size: 50px;
  font-weight: bold;
     
  }
}


/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

.content section#contact .contain .contact-bottom .cright p {
  font-size: 55px;
  font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#contact .contain .contact-bottom .cright p {
  font-size: 150px;
  font-weight: bold;
  padding: 0 0 0 49%;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#contact .contain .contact-bottom .cright p {
  font-size: 36px;
  line-height: 42px;
  padding: 0 0 0 42%;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#contact .contain .contact-bottom .cright p {
  font-size: 40px;
  line-height: 42px;
  padding: 0 0 0 41%;
   
  }
}


/*iPad sizing for address box */
@media (min-width: 667px) and (max-width: 1024px) {
  .content section#contact .contain .contact-bottom .cleft {
    width: 30%;
    height: 278px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b1e1ef;
  }
  /* line 1765, ../sass/main.scss */
  .content section#contact .contain .contact-bottom .cleft p {
    color: #7c7c7c;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    width: 84%;
    right: 0;
    border-right: 16px solid #b0b1b1;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    line-height: 27px;
  }
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
  .content section#contact .contain .contact-bottom .cleft p {
    font-size: 16px;
    line-height: 26px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

  .content section#contact .contain .contact-bottom .cleft p {
     
  }
}



/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
  .content section#contact .contain .contact-bottom .cleft p {
    font-size: 11px;
    line-height: 17px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2){
  
  /* Blue box */
  .content section#contact .contain .contact-bottom .cleft {
    width: 40%;
  }

  .content section#contact .contain .contact-bottom .cleft p {
    font-size: 16px;
    line-height: 24px;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

  /* Blue box */
  .content section#contact .contain .contact-bottom .cleft {
    width: 39%;
  }

  .content section#contact .contain .contact-bottom .cleft p { 
    font-size: 15px;
    line-height: 27px;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

  .content section#contact .contain .contact-bottom .cleft p {
    font-size: 17px;
    line-height: 27px;
     
  }
}

@media (min-width: 0) and (max-width: 666px) {
  /* line 1812, ../sass/main.scss */
  .content section#contact .contain .contact-bottom {
    height: auto;
  }
  /* line 1814, ../sass/main.scss */
  .content section#contact .contain .contact-bottom .cleft {
    width: 100%;
    position: relative;
    height: auto;
  }
  /* line 1819, ../sass/main.scss */
  .content section#contact .contain .contact-bottom .cleft p {
    position: relative;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    padding: 20px 8%;
    border-right: 0px solid transparent;
  }
  /* line 1828, ../sass/main.scss */
  .content section#contact .contain .contact-bottom .cright {
    top: 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 1831, ../sass/main.scss */
  .content section#contact .contain .contact-bottom .cright p {
    padding: 40px 8%;
    font-size: 22px;
  }
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Portrait for ALL iPhones*/
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
  .content section#contact .contain .contact-bottom .cright p {
    font-size: 21px;
    padding: 30px 8%;
     
  }

}

/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
  .content section#contact .contain .contact-bottom .cright p {
    font-size: 24px;
     
  }
  
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

  .content section#contact .contain .contact-bottom .cright p {
     
  }

}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

  .content section#contact .contain .contact-bottom .cright p {
     
  }

}



@media (min-width: 568px) and (max-width: 1023px) {
  /* line 1844, ../sass/main.scss */
  .content section#contact .contain .contact-bottom {
          /*.cleft {
            width: 35%;
          }

          .cright {
            p {
              padding: 0 8% 0 40%;
            }
          }*/
  }
}
/* line 1859, ../sass/main.scss */
.content section#contact-bottom {
  background: #fff url(../images/contact2_background_tile.gif) 0 10px repeat-x;
}
/* line 1862, ../sass/main.scss */
.content section#contact-bottom .contain {
  background: transparent url(../images/contact2_background.gif) 0 10px no-repeat;
  padding-top: 100px;
  font-size: 14px;
  color: #909090;
  font-weight: bold;
}



/* line 1867, ../sass/main.scss */
.content section#contact-bottom .contain.social {
  background: none;
  text-align: center;
  padding-top: 0px;
  text-transform: uppercase;
  font-size: 17px;
}
/* line 1875, ../sass/main.scss */
.content section#contact-bottom .contain.social i {
  color: #e1e1e1;
}
/* line 1879, ../sass/main.scss */
.content section#contact-bottom .contain.social a {
  display: block;
  background: transparent url(../images/socmedia_sprite.png) 0 1px no-repeat;
  height: 22px;
  text-indent: -999em;
  cursor: pointer;
  margin: 134px 0;
}
/* line 1887, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-twitter {
  width: 151px;
}
/* line 1890, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-twitter:hover {
  background-position: bottom left;
}
/* line 1895, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-vimeo {
  width: 144px;
  background-position: -151px 1px;
}
/* line 1899, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-vimeo:hover {
  background-position: -151px 100%;
}
/* line 1904, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-facebook {
  width: 193px;
  background-position: -295px 1px;
}
/* line 1908, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-facebook:hover {
  background-position: -295px 100%;
}
/* line 1913, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-email {
  width: 120px;
  background-position: 100% 1px;
}
/* line 1917, ../sass/main.scss */
.content section#contact-bottom .contain.social a.soc-email:hover {
  background-position: 100% 100%;
}
/* line 1925, ../sass/main.scss */
.content section#contact-bottom .contain.social div {
  display: inline-block;
}
/* line 1930, ../sass/main.scss */
.content section#contact-bottom .contain h2 {
  text-align: center;
  line-height: 183px;
  font-size: 40px;
  font-family: 'lane_-_narrowregular', sans-serif;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 1862, ../sass/main.scss */
  .content section#contact-bottom .contain {
    background-position: 24% 10px;
  }
}
@media (min-width: 0px) and (max-width: 680px) {
  /* line 2006, ../sass/main.scss */
  .content section#contact-bottom .contain.social {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
  }
  /* line 2014, ../sass/main.scss */
  .content section#contact-bottom .contain.social a {
    background: transparent url(../images/socmedia_sprite_m.png) 0 1px no-repeat;
    margin: 10px 0;
    height: 15px;
  }
  /* line 2019, ../sass/main.scss */
  .content section#contact-bottom .contain.social a.soc-twitter {
    width: 87px;
  }
  /* line 2022, ../sass/main.scss */
  .content section#contact-bottom .contain.social a.soc-twitter:hover {
    background-position: 0 -29px;
  }
  /* line 2027, ../sass/main.scss */
  .content section#contact-bottom .contain.social a.soc-vimeo {
    width: 91px;
    background-position: -83px 1px;
  }
  /* line 2031, ../sass/main.scss */
  .content section#contact-bottom .contain.social a.soc-vimeo:hover {
    background-position: -83px -29px;
  }
  /* line 2045, ../sass/main.scss */
  .content section#contact-bottom .contain.social a.soc-email {
    width: 86px;
    background-position: -173px 1px;
  }
  /* line 2049, ../sass/main.scss */
  .content section#contact-bottom .contain.social a.soc-email:hover {
    background-position: -173px -29px;
  }
}

@media (min-width: 0px) and (max-width: 680px) and (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) {
  .content section#contact-bottom .contain.social a {
    background: transparent url(../images/socmedia_sprite_mX2.png) 0 1px no-repeat;
    background-size: auto 50px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  /* line 2060, ../sass/main.scss */
  .content section#contact-bottom .contain h2 {
    line-height: 140%;
    padding: 20px 20px 40px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* line 2068, ../sass/main.scss */
  .content section#contact-bottom .contain h2 {
    font-size: 22px;
  }
}

  /* line 2061, ../sass/main.scss */
/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait for ALL iPhones*/
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

.content section#contact-bottom .contain h2 {
  padding-left: 4px;
  padding-right: 5px;
  font-size: 21px;
  font-weight: bold;
   
  }
}

/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

/* look here */
.content section#contact-bottom .contain h2 {
  font-size: 24px;
  font-weight: bold;
   
  }
}



/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#contact-bottom .contain h2 {
  font-size: 34px;
  font-weight: bold;
   
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#contact-bottom .contain h2 {
  font-size: 34px;
  font-weight: bold;
   
  }
}


/* line 2074, ../sass/main.scss */
.content section#contact-bottom hr {
  margin: 0;
  padding: 0;
  height: 1px;
  background: transparent url(../images/border.jpg) 0 0 no-repeat;
  background-size: 100% 1px;
  border: none;
}
/* line 2086, ../sass/main.scss */
.content section#news article {
  padding-top: 500px;
  padding-bottom: 20px;
  background-color: #dedede;
  background-position: top center;
  background-repeat: repeat-x;
  transition: background-image 1s ease-in-out;
  position: relative;
}

.content section#news article .image-click {
	position: absolute;
	width: 100%;
	height: 20px;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  height: 500px;
}

.content section#news article.article-1 {
  background-image: url(../images/news1-1.jpg);
}

@media (min-width: 1025px) {
  .content section#news article.article-1 {
    background-image: url(../images/news1-1.jpg);
  
    -webkit-animation-name: article1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article1;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes article1 {
    0%   {background-image: url(../images/news1-1.jpg);}
    31%   {background-image: url(../images/news1-1.jpg);}
    33%  {background-image: url(../images/news1-2.jpg);}
    64%  {background-image: url(../images/news1-2.jpg);}
    66%  {background-image: url(../images/news1-3.jpg);}
    98%  {background-image: url(../images/news1-3.jpg);}
}

/* Standard syntax */
@keyframes article1 {
    0%   {background-image: url(../images/news1-1.jpg);}
    31%   {background-image: url(../images/news1-1.jpg);}
    33%  {background-image: url(../images/news1-2.jpg);}
    64%  {background-image: url(../images/news1-2.jpg);}
    66%  {background-image: url(../images/news1-3.jpg);}
    98%  {background-image: url(../images/news1-3.jpg);}
}

.content section#news article.article-2 {
  background-image: url(../images/news2-1.jpg);
}

@media (min-width: 1025px) {
  .content section#news article.article-2 {
    background-image: url(../images/news2-1.jpg);
  
    -webkit-animation-name: article2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article2;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes article2 {
    0%   {background-image: url(../images/news2-1.jpg);}
    31%   {background-image: url(../images/news2-1.jpg);}
    33%  {background-image: url(../images/news2-2.jpg);}
    64%  {background-image: url(../images/news2-2.jpg);}
    66%  {background-image: url(../images/news2-3.jpg);}
    98%  {background-image: url(../images/news2-3.jpg);}
}

/* Standard syntax */
@keyframes article2 {
    0%   {background-image: url(../images/news2-1.jpg);}
    31%   {background-image: url(../images/news2-1.jpg);}
    33%  {background-image: url(../images/news2-2.jpg);}
    64%  {background-image: url(../images/news2-2.jpg);}
    66%  {background-image: url(../images/news2-3.jpg);}
    98%  {background-image: url(../images/news2-3.jpg);}
}


  .content section#news article.article-3 {
    background-image: url(../images/news3-1.jpg);
  }  
  
  @media (min-width: 1025px) {
    .content section#news article.article-3 {
    -webkit-animation-name: article3; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article3;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes article3 {
    0%   {background-image: url(../images/news3-1.jpg);}
    31%   {background-image: url(../images/news3-1.jpg);}
    33%  {background-image: url(../images/news3-2.jpg);}
    64%  {background-image: url(../images/news3-2.jpg);}
    66%  {background-image: url(../images/news3-3.jpg);}
    98%  {background-image: url(../images/news3-3.jpg);}
}

/* Standard syntax */
@keyframes article3 {
    0%   {background-image: url(../images/news3-1.jpg);}
    31%   {background-image: url(../images/news3-1.jpg);}
    33%  {background-image: url(../images/news3-2.jpg);}
    64%  {background-image: url(../images/news3-2.jpg);}
    66%  {background-image: url(../images/news3-3.jpg);}
    98%  {background-image: url(../images/news3-3.jpg);}
}


  .content section#news article.article-4 {
    background-image: url(../images/news4-1.jpg);
  }  
  
  @media (min-width: 1025px) {
    .content section#news article.article-4 {
    -webkit-animation-name: article4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article4;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes article4 {
    0%   {background-image: url(../images/news4-1.jpg);}
    31%   {background-image: url(../images/news4-1.jpg);}
    33%  {background-image: url(../images/news4-2.jpg);}
    64%  {background-image: url(../images/news4-2.jpg);}
    66%  {background-image: url(../images/news4-3.jpg);}
    98%  {background-image: url(../images/news4-3.jpg);}
}

/* Standard syntax */
@keyframes article4 {
    0%   {background-image: url(../images/news4-1.jpg);}
    31%   {background-image: url(../images/news4-1.jpg);}
    33%  {background-image: url(../images/news4-2.jpg);}
    64%  {background-image: url(../images/news4-2.jpg);}
    66%  {background-image: url(../images/news4-3.jpg);}
    98%  {background-image: url(../images/news4-3.jpg);}
}


  .content section#news article.article-5 {
    background-image: url(../images/news5-1.jpg);
  }  
  
  @media (min-width: 1025px) {
    .content section#news article.article-5 {
    -webkit-animation-name: article5; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article5;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes article5 {
    0%   {background-image: url(../images/news5-1.jpg);}
    31%   {background-image: url(../images/news5-1.jpg);}
    33%  {background-image: url(../images/news5-2.jpg);}
    64%  {background-image: url(../images/news5-2.jpg);}
    66%  {background-image: url(../images/news5-3.jpg);}
    98%  {background-image: url(../images/news5-3.jpg);}
}

/* Standard syntax */
@keyframes article5 {
    0%   {background-image: url(../images/news5-1.jpg);}
    31%   {background-image: url(../images/news5-1.jpg);}
    33%  {background-image: url(../images/news5-2.jpg);}
    64%  {background-image: url(../images/news5-2.jpg);}
    66%  {background-image: url(../images/news5-3.jpg);}
    98%  {background-image: url(../images/news5-3.jpg);}
}


  .content section#news article.article-6 {
    background-image: url(../images/news6-1.jpg);
  }  
  
  @media (min-width: 1025px) {
    .content section#news article.article-6 {
    -webkit-animation-name: article6; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article6;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes article6 {
    0%   {background-image: url(../images/news6-1.jpg);}
    31%   {background-image: url(../images/news6-1.jpg);}
    33%  {background-image: url(../images/news6-2.jpg);}
    64%  {background-image: url(../images/news6-2.jpg);}
    66%  {background-image: url(../images/news6-3.jpg);}
    98%  {background-image: url(../images/news6-3.jpg);}
}

/* Standard syntax */
@keyframes article6 {
    0%   {background-image: url(../images/news6-1.jpg);}
    31%   {background-image: url(../images/news6-1.jpg);}
    33%  {background-image: url(../images/news6-2.jpg);}
    64%  {background-image: url(../images/news6-2.jpg);}
    66%  {background-image: url(../images/news6-3.jpg);}
    98%  {background-image: url(../images/news6-3.jpg);}
}

  .content section#news article.article-7 {
    background-image: url(../images/news7-1.jpg);
  }  
  
  @media (min-width: 1025px) {
    .content section#news article.article-7 {
    -webkit-animation-name: article7; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article7;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes article7 {
    0%   {background-image: url(../images/news7-1.jpg);}
    31%   {background-image: url(../images/news7-1.jpg);}
    33%  {background-image: url(../images/news7-2.jpg);}
    64%  {background-image: url(../images/news7-2.jpg);}
    66%  {background-image: url(../images/news7-3.jpg);}
    98%  {background-image: url(../images/news7-3.jpg);}
}

/* Standard syntax */
@keyframes article7 {
    0%   {background-image: url(../images/news7-1.jpg);}
    31%   {background-image: url(../images/news7-1.jpg);}
    33%  {background-image: url(../images/news7-2.jpg);}
    64%  {background-image: url(../images/news7-2.jpg);}
    66%  {background-image: url(../images/news7-3.jpg);}
    98%  {background-image: url(../images/news7-3.jpg);}
}


  .content section#news article.article-8 {
    background-image: url(../images/news8-1.jpg);
  }  
  
  @media (min-width: 1025px) {
    .content section#news article.article-8 {
    -webkit-animation-name: article8; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article8;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes article8 {
    0%   {background-image: url(../images/news8-1.jpg);}
    31%   {background-image: url(../images/news8-1.jpg);}
    33%  {background-image: url(../images/news8-2.jpg);}
    64%  {background-image: url(../images/news8-2.jpg);}
    66%  {background-image: url(../images/news8-3.jpg);}
    98%  {background-image: url(../images/news8-3.jpg);}
}

/* Standard syntax */
@keyframes article8 {
    0%   {background-image: url(../images/news8-1.jpg);}
    31%   {background-image: url(../images/news8-1.jpg);}
    33%  {background-image: url(../images/news8-2.jpg);}
    64%  {background-image: url(../images/news8-2.jpg);}
    66%  {background-image: url(../images/news8-3.jpg);}
    98%  {background-image: url(../images/news8-3.jpg);}
}


  .content section#news article.article-9 {
    background-image: url(../images/news9-1.jpg);
  }  
  
  @media (min-width: 1025px) {
    .content section#news article.article-9 {
    -webkit-animation-name: article8; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 42s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: article9;
    animation-duration: 42s;
    animation-iteration-count: infinite;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes article9 {
    0%   {background-image: url(../images/news9-1.jpg);}
    31%   {background-image: url(../images/news9-1.jpg);}
    33%  {background-image: url(../images/news9-2.jpg);}
    64%  {background-image: url(../images/news9-2.jpg);}
    66%  {background-image: url(../images/news9-3.jpg);}
    98%  {background-image: url(../images/news9-3.jpg);}
}

/* Standard syntax */
@keyframes article9 {
    0%   {background-image: url(../images/news9-1.jpg);}
    31%   {background-image: url(../images/news9-1.jpg);}
    33%  {background-image: url(../images/news9-2.jpg);}
    64%  {background-image: url(../images/news9-2.jpg);}
    66%  {background-image: url(../images/news9-3.jpg);}
    98%  {background-image: url(../images/news9-3.jpg);}
}

/* line 2095, ../sass/main.scss */
.content section#news article .bleed {
  background-color: #4adae5;
  position: relative;
}

/* line 2097, ../sass/main.scss */
.content section#news article .bleed .contain {
  background: transparent url(../images/news_textblock1.gif) 0 0 no-repeat;
  height: 236px;
  overflow: hidden;
  position: relative;
}
/* line 2103, ../sass/main.scss */
.content section#news article .bleed .contain .text {
  margin: 25px auto 40px;
  color: #111;
  padding: 0 15% 0 5%;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.content section#news article .bleed .contain .text {
  padding: 0 8% 0 5%;
   
  }
}


/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.content section#news article .bleed .contain .text {
  padding: 0 12% 0 5%; 
  }
}


/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.content section#news article .bleed .contain .text {
   
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.content section#news article .bleed .contain .text {
  padding: 0 33% 0 5%;
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.content section#news article .bleed .contain .text {
  padding: 0 34% 0 5%;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.content section#news article .bleed .contain .text {
  padding: 0 44% 0 5%;
  }
}


/* line 2108, ../sass/main.scss */
.content section#news article .bleed .contain .text h1, .content section#news article .bleed .contain .text b, .content section#news article .bleed .contain .text p {
  width: 725px;
}
/* line 2112, ../sass/main.scss */
.content section#news article .bleed .contain .text h1 {
  font-family: 'lane_-_narrowregular', sans-serif;
  font-size: 50px;
  color: #fff;
}
/* line 2120, ../sass/main.scss */
.content section#news article .bleed .contain .text b {
  display: block;
  line-height: 38px;
  margin: 15px 0 10px;
  font-size: 24px;
  font-weight: normal;
}
/* line 2130, ../sass/main.scss */
.content section#news article .bleed .contain .text p {
  color: #545454;
  font-weight: lighter;
  font-size: 19px;
  line-height: 28px;
}
/* line 2141, ../sass/main.scss */
.content section#news article .bleed .contain ul.icons {
  position: absolute;
  bottom: 40px;
  right: 40px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 2141, ../sass/main.scss */
  .content section#news article .bleed .contain ul.icons {
    bottom: auto;
    top: 38px;
    right: 20px;
  }
}
@media (min-width: 0px) and (max-width: 479px) {
  /* line 2141, ../sass/main.scss */
  .content section#news article .bleed .contain ul.icons {
    bottom: auto;
    top: 32px;
    right: 10px;
  }
}
/* line 2162, ../sass/main.scss */
.content section#news .news-end {
  background-color: #dedede;
  padding: 1px 0;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  /* line 2168, ../sass/main.scss */
  .content section#news article {
    padding-top: 423px;
    background-size: auto 423px;
  }

  .content section#news article .image-click {
    height: 423px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* line 2177, ../sass/main.scss */
  .content section#news article {
    padding-top: 390px;
    background-size: auto 390px;
    background-position: -279px 0;
  }

  .content section#news article .image-click {
    height: 390px;
  }
  /* line 2185, ../sass/main.scss */
  .content section#news article .text h1, .content section#news article .text b, .content section#news article .text p {
    width: 100% !important;
  }
  /* line 2189, ../sass/main.scss */
  .content section#news article .text h1 {
    font-size: 35px !important;
  }
  /* line 2193, ../sass/main.scss */
  .content section#news article .text b {
    font-size: 16px !important;
    line-height: 25px !important;
  }
  /* line 2198, ../sass/main.scss */
  .content section#news article .text p {
    font-size: 14px !important;
    line-height: 23px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  /* line 2207, ../sass/main.scss */
  .content section#news article {
    padding-top: 240px;
    background-size: auto 245px;
    background-position: -179px 0;
  }

  .content section#news article .image-click {
    height: 240px;
  }

  /* line 2215, ../sass/main.scss */
  .content section#news article .text h1, .content section#news article .text b, .content section#news article .text p {
    width: 100% !important;
  }
  /* line 2219, ../sass/main.scss */
  .content section#news article .text h1 {
    font-size: 35px !important;
  }
  /* line 2223, ../sass/main.scss */
  .content section#news article .text b {
    font-size: 16px !important;
    line-height: 25px !important;
  }
  /* line 2228, ../sass/main.scss */
  .content section#news article .text p {
    font-size: 14px !important;
    line-height: 23px !important;
  }
}
@media (min-width: 0px) and (max-width: 479px) {
  /* line 2237, ../sass/main.scss */
  .content section#news article {
    padding-top: 165px;
    background-size: auto 165px;
    background-position: -120px 0;
  }

  .content section#news article .image-click {
    height: 165px;
  }

  /* line 2245, ../sass/main.scss */
  .content section#news article .text h1, .content section#news article .text b, .content section#news article .text p {
    width: 100% !important;
  }
  /* line 2249, ../sass/main.scss */
  .content section#news article .text h1 {
    font-size: 30px !important;
  }
  /* line 2253, ../sass/main.scss */
  .content section#news article .text b {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  /* line 2258, ../sass/main.scss */
  .content section#news article .text p {
    font-size: 14px !important;
    line-height: 17px !important;
  }
}
/* line 2267, ../sass/main.scss */
.content section#news .news-end img {
  width: 100%;
}
@media only screen and (min-device-width: 0px) and (max-device-width: 480px) and (orientation: portrait) {
  /* line 17, ../sass/main.scss */
  .content {
    padding-bottom: 70px;
    background-color: #fff;
  }
}




.textblock-divider { font-style: italic;
  padding: 60px 250px;
  font-family: Georgia, serif;
  font-size: 25px;
  line-height: 37px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.textblock-divider { font-style: italic;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.textblock-divider { font-style: italic;
    padding: 50px 18%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.textblock-divider { font-style: italic;
    padding: 60px 36px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.textblock-divider { font-style: italic;
    padding: 60px 200px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.textblock-divider { font-style: italic;
    padding: 50px 130px;
    font-size: 18px;
    line-height: 26px;
     
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.textblock-divider { font-style: italic;
    padding: 60px 240px;
    font-size: 20px;
    line-height: 28px;
     
  }
}





.textblock-divider2 { font-style: italic;
  padding: 60px 230px;
  font-family: Georgia, serif;
  font-size: 25px;
  line-height: 37px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.textblock-divider2 { font-style: italic;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.textblock-divider2 { font-style: italic;
    padding: 50px 18%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.textblock-divider2 { font-style: italic;
    padding: 60px 36px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.textblock-divider2 { font-style: italic;
    padding: 60px 200px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.textblock-divider2 { font-style: italic;
    padding: 50px 110px;
    font-size: 18px;
    line-height: 26px;
     
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.textblock-divider2 { font-style: italic;
    padding: 60px 205px;
    font-size: 20px;
    line-height: 28px;
     
  }
}





.textblock-divider3 { font-style: italic;
  padding: 60px 315px;
  font-family: Georgia, serif;
  font-size: 25px;
  line-height: 37px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.textblock-divider3 { font-style: italic;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.textblock-divider3 { font-style: italic;
    padding: 50px 18%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.textblock-divider3 { font-style: italic;
    padding: 60px 36px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.textblock-divider3 { font-style: italic;
    padding: 60px 200px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.textblock-divider3 { font-style: italic;
    padding: 50px 170px;
    font-size: 18px;
    line-height: 26px;
     
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.textblock-divider3 { font-style: italic;
    padding: 60px 260px;
    font-size: 20px;
    line-height: 28px;
     
  }
}



.textblock-divider4 { font-style: italic;
  padding: 60px 160px;
  font-family: Georgia, serif;
  font-size: 25px;
  line-height: 37px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.textblock-divider4 { font-style: italic;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.textblock-divider4 { font-style: italic;
    padding: 50px 19%;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
     
  }
}

/* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.textblock-divider4 { font-style: italic;
    padding: 60px 36px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.textblock-divider4 { font-style: italic;
    padding: 60px 170px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.textblock-divider4 { font-style: italic;
    padding: 50px 190px;
    font-size: 18px;
    line-height: 26px;
     
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.textblock-divider4 { font-style: italic;
    padding: 60px 290px;
    font-size: 20px;
    line-height: 28px;
     
  }
}





.textblock-blurb { font-style: normal;
  padding: 60px 185px;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.textblock-blurb { font-style: normal;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 22px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.textblock-blurb { font-style: normal;
    padding: 50px 19%;
    font-size: 15px;
    line-height: 22px;
     
  }
}



/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.textblock-blurb { font-style: normal;
    padding: 60px 20px;
    font-size: 16px;
    line-height: 23px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.textblock-blurb { font-style: normal;
    padding: 60px 200px;
    font-size: 16px;
    line-height: 23px;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.textblock-blurb { font-style: normal;
    padding: 50px 105px;
    font-size: 17px;
    line-height: 25px;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.textblock-blurb { font-style: normal;
    padding: 60px 220px;
    font-size: 18px;
    line-height: 26px;
  }
}






.textblock-blurb2 { font-style: normal;
  padding: 60px 260px;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.textblock-blurb2 { font-style: normal;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 22px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.textblock-blurb2 { font-style: normal;
    padding: 50px 8%;
    font-size: 15px;
    line-height: 22px;
     
  }
}



/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.textblock-blurb2 { font-style: normal;
    padding: 60px 20px;
    font-size: 16px;
    line-height: 23px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.textblock-blurb2 { font-style: normal;
    padding: 60px 110px;
    font-size: 16px;
    line-height: 23px;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.textblock-blurb2 { font-style: normal;
    padding: 50px 95px;
    font-size: 17px;
    line-height: 25px;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.textblock-blurb2 { font-style: normal;
    padding: 60px 180px;
    font-size: 18px;
    line-height: 26px;
  }
}





.textblock-blurb3 { font-style: normal;
  padding: 60px 245px;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #202020;
}


/* iPhone Portrait and Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
.textblock-blurb3 { font-style: normal;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 22px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2){

.textblock-blurb3 { font-style: normal;
    padding: 50px 9%;
    font-size: 15px;
    line-height: 22px;
     
  }
}



/* Landscape for ALL iPhones */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
.textblock-blurb3 { font-style: normal;
    padding: 60px 20px;
    font-size: 16px;
    line-height: 23px;
     
  }
}

/* iPhone 6 */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {

.textblock-blurb3 { font-style: normal;
    padding: 60px 120px;
    font-size: 16px;
    line-height: 23px;
     
  }
}


/* iPad */

/* Portrait and Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

.textblock-blurb3 { font-style: normal;
    padding: 50px 140px;
    font-size: 17px;
    line-height: 25px;
  }
}

/* Landscape ALL iPads*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

.textblock-blurb3 { font-style: normal;
    padding: 60px 250px;
    font-size: 18px;
    line-height: 26px;
  }
}


/* SHOW DESKTOP IMAGES ON DESKTOP, HIDE MOBIE IMAGES ON DESKTOP */
.img-desktop {
  display: inline;
}

.img-mobile {
  display: none;
}


/* MAKE A WORK ITEM DISAPPEAR ON MOBILE */
@media only screen
  and (max-width: 767px) {
    .mobile-hide {
      display: none;
    }
  }

/* MAKE A WORK ITEMS ON MOBILE FULL-WIDTH */
@media only screen
and (max-width: 767px) {
  .img-desktop {
    display: none;
  }

  .img-mobile {
    display: inline;
  }

  #work .item, #work .colspan-1, #work .colspan-2, #work .colspan-3, #work .colspan-4, #work .colspan-5 {
    width: 100% !important;
  }

  #work .item, #work .textblock, #work .textblock2 {
    -webkit-transition: opacity 0.5s ease 0.3s;
    -moz-transition: opacity 0.5s ease 0.3s;
    -o-transition: opactiy 0.5s ease 0.3s;
    transition: opacity 0.5s ease 0.3s;
    opacity: 0;
  }

  #work .item.scroll-on, #work .textblock.scroll-on, #work .textblock2.scroll-on {
    opacity: 1;
  }
}

.mobile .content section#work .item .hover h2 {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opactiy 0.5s ease;
  transition: opacity 0.5s ease;
}

/* ROLLOVER TEXT */
.mobile .content section#work .item .hover h2 .over {
  top: 50%;
  left: 0;
  font-size: 20px;
  transform: translateY(-50%) !important;
}

.mobile .content section#work .item.activate-hover .hover h2 {
  background: transparent url(../images/work-thumb_overlay.png) 0 0 repeat;
  color: white;
  margin: 0 0;
  opacity: 1;
}

.mobile .content section#work .item.activate-hover .hover span {
  display: none;
}

.mobile .content section#work .item.activate-hover .hover h2 .over {
  opacity: 1;
}

.reel-embedded {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 0;
  z-index: 2;
  width: 100vw;
  height: 0px;
  overflow: hidden;
}

.reel-embedded-video{
  max-width: 1200px;
  max-height: 675px;
}



.video-js .vjs-big-play-button {
  display: none!important;
}