@import url('https://fonts.googleapis.com/css?family=Raleway:500,600,700,800|Roboto+Condensed:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Raleway:500,600,700,800|Roboto+Condensed:400,700&display=swap');
#redes-menu {
	clear: both;
	padding-top: 18vh;
	padding-left: 72px
}
.lista-redes {
    padding: 0;
    list-style-type: none;

}
.lista-redes li {
	display: inline-block;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
.redes-en-menu {
width: 4.6vh !important;
height: 4.6vh !important;
}
.lados10 {
	padding: 0 10px;
}
.lados15 {
	padding: 0 15px;
}
.lados20 {
	padding: 0 20px;
}
.lados25 {
	padding: 0 25px;
}
.lados30 {
	padding: 0 30px;
}
.lados35 {
	padding: 0 35px;
}
.especialidad {
	position: relative;
	height: 130px;
	/*border-bottom: 2px solid #ffffff;*/
}
.blanco {
	color:white;
}
.grande {
	position: absolute;
	font-size: 200%;
	font-weight: 100;
	line-height: 1.2;
	bottom: 0;
	left:15px;
	right:15px;
}
.grande-der {
	text-align: end;
}
.grande-cent {
	text-align: center;
}
.grande::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20px;
    border-bottom: 2px solid #ffffff;
    transition: .5s;
}
.top-bott {
	padding-top: 15px;
    padding-bottom: 15px;
}
.centro-centro {
	text-align: center;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 10;
}
.centro-centro h1{
	color: #ffffff;
	margin-top: 48vh;
}
.alto-total {
  height: 100vh;
}
.video-section {
  position: relative;
  width: 100%;
  /*min-height: 800px;*/
  overflow: hidden;
  z-index: 1;
}
.centrar {
  text-align: center;
}
.izq {
  text-align: left;
}
.der {
  text-align: right;
}
h1 {
  font-size: 2.5em;
  letter-spacing: -0.02em;
  font-weight: 700;
		margin-bottom: 18px;
}
h2 {
  font-size: 2em;
  letter-spacing: -0.02em;
  font-weight: 700;
	margin-bottom: 15px;
}
#video-elem, #video-elem2, #video-elem3, #video-elem4 {
  /*min-width: 100%;
  min-height: 100%;
	width: auto;
	height: auto;*/
	    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
  transform: translate(-50%, -50%);
  overflow: hidden;

	background-position: center center;
	background-size: cover;

}
.big-img {
		background-size: cover;
background-position: center center;
}
#conferencias {
	background-image: url("../img/conf-big.jpg");
}
#dr-scholls {
	background-image: url("../img/CPM-big.jpg");
}
#gs-mas {
	background-image: url("../img/TRIPTICO-con-fondo.jpg");
}
#sne {
	background-image: url("../img/sne-big.jpg");
}
#pri {
	background-image: url("../img/pri-revolucionar-big.jpg");
}
#paula-soto {
	background-image: url("../img/paula-big-2.jpg");
}
#utfv {
	background-image: url("../img/ser-dragon.jpg");
}
#my-elfo {
	background-image: url("../img/slider-4.jpg");
}
#magui-fisher {
	background-image: url("../img/magui-big1.jpg");
}
#wow-cup {
	background-image: url("../img/Vaso-Wow-BIG.jpg");
}
#icati {
	background-image: url("../img/icati-big.jpg");
}
#xochitl {
	background-image: url("../img/xochitl-big.jpg");
}
#iper {
	background-image: url("../img/DIGITAL-IPER.jpg");
}

@media screen and (max-width:767px) {
	#paula-soto {
		background-image: url("../img/paula-big-mobile.jpg");
	}
	#dr-scholls {
		background-image: url("../img/cpm-big-mobile.jpg");
	}
	#iper {
		background-image: url("../img/DIGITAL-IPER-mobile.jpg");
	}
	#gs-mas {
		background-image: url("../img/TRIPTICO-con-fondo-mobile.jpg");
	}
	#sne {
		background-image: url("../img/sne-big-mobile.jpg");
	}
	#magui-fisher {
		background-image: url("../img/magui--billboard-mobile.jpg");
	}
	#icati {
		background-image: url("../videos/ICATI-emp-castores-mobile.png");
	}
}

/*video::-webkit-media-controls {
 display:none !important;
}*/
#boton {
  width: 75px;
  height: 45px;
}
img, legend {
  border: 0
}
pre, textarea {
  overflow: auto
}
button, legend, td, th {
  padding: 0
}
.small-pull-1, .small-pull-10, .small-pull-11, .small-pull-12, .small-pull-13, .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5, .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-push-1, .small-push-10, .small-push-11, .small-push-12, .small-push-13, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-6, .small-push-8, .small-push-9, sub, sup {
  position: relative
}
[data-whatinput=mouse] button, a:active, a:hover, section#about-landing article#about-network #office-finder input:focus {
  outline: 0
}
html {
  font-family: 'Montserrat', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: 1px dotted
}
b, optgroup, strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
mark {
  background: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  /*display: inline-block;*/
  display: block;
  vertical-align: middle
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button, select {
  text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled], html input[disabled] {
  cursor: not-allowed
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
select, textarea {
  border-radius: 0
}
textarea {
  height: auto;
  min-height: 50px
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
.foundation-mq {
  font-family: "small=0em&medium=48em&large=64.0625em&xlarge=80em&xxlarge=90em&xxxlarge=120em"
}
html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
*, ::after, ::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
body {
  color: #222222;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slanted-button h4, .slanted-container a, .video-overlay a h4, .video-overlay h1 {
  font-family: 'Montserrat', sans-serif;
}
select {
  width: 100%
}
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
  max-width: none !important
}
button {
  overflow: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}
.unmute button {
  display: block;
  /*width: 80px;*/
  padding: .4rem;
  border: none;
  margin: 1rem auto;
  font-size: 1.5rem;
  /*background: rgba(255,255,255,0.20);
  color: #fff;*/
  background: rgba(237, 31, 80, 1);
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  transition: .3s background;
  position: absolute;
  top: 10px;
  right: 23px;
  z-index: 10;
}
#play-pause button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.is-visible {
  display: block !important
}
.is-hidden {
  display: none !important
}
/**/
#menu-button .hamburger-svg, #menu-container #sub-menu #secondary-menu-container {
  float: left
}
/* */
body, div, h1, h2, h3, h4, h5, h6, img, p {
  margin: 0;
  padding: 0;
  line-height: 1.3;
  font-family: 'Montserrat', sans-serif;
}
.slanted-container {
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  position: relative;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0
}
.full-width-video, .video-overlay {
  position: absolute
}
.slanted-container a, .slanted-container h1, .slanted-container h2, .slanted-container h3, .slanted-container h4, .slanted-container h5, .slanted-container p {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg)
}
.slanted-container a a, .slanted-container h1 a, .slanted-container h2 a, .slanted-container h3 a, .slanted-container h4 a, .slanted-container h5 a, .slanted-container p a {
  display: inline
}
.slanted-container a {
  display: block;
  font-size: 1.5rem;
  margin: 0 0 20px
}
.slanted-container .slanted-block h1, .slanted-container .slanted-block h2, .slanted-container .slanted-block h3, .slanted-container .slanted-block h4, .slanted-container .slanted-block p, .slanted-container .slanted-block span {
  display: inline-block;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
@media screen and (max-width:47.9375em) {
  .small-no-slant, .small-no-slant .slanted-block p, .small-no-slant .slanted-block span, .small-no-slant a, .small-no-slant h1, .small-no-slant h2, .small-no-slant h3, .small-no-slant h4, .small-no-slant h5, .small-no-slant p {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
.slanted-button {
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: #f6f6f6;
  display: inline-block;
  padding: 9px 13px;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  min-width: 130px;
  -webkit-transition: all ease .1s;
  transition: all ease .1s;
  -webkit-box-shadow: inset 0 0 0 0 #ed1f50;
  box-shadow: inset 0 0 0 0 #ed1f50
}
.circle-button {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: #fff;
  display: inline-block;
  padding: 11px;
  margin: 10px 0 0;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-transition: all ease .1s;
  transition: all ease .1s;
  -webkit-box-shadow: inset 0 0 0 0 #ed1f50;
  box-shadow: inset 0 0 0 0 #ed1f50
}
.circle-button h4 {
  color: #000;
  padding: 0;
  margin: 0;
  font-size: 23px
}
.circle-button h4 a {
  text-decoration: none;
  color: #2C313A;
}
.circle-button:hover {
  -webkit-box-shadow: inset 0 -50px 0 0 #ed1f50;
  box-shadow: inset 0 -50px 0 0 #ed1f50;
  color: white;
}
.encendedor {
	  cursor: pointer;
}
.encendedor:hover ~ .col-lg-4 .ajustable .circle-button {
  -webkit-box-shadow: inset 0 -50px 0 0 #ed1f50;
  box-shadow: inset 0 -50px 0 0 #ed1f50;
  color: white;
}

#menu-container #main-menu ul li a span, .slanted-button h4 {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
#logo a, a.share-btn {
  display: block;
  text-indent: -99999px
}
.slanted-button h4 {
  transform: skewX(-20deg);
  color: #000;
  padding: 0;
  margin: 0;
  font-size: 23px
}
.slanted-button h4 a {
  text-decoration: none;
  color: #2C313A;
}
.slanted-button:hover {
  -webkit-box-shadow: inset 0 -50px 0 0 #ed1f50;
  box-shadow: inset 0 -50px 0 0 #ed1f50;
  color: white;
}
.font-light {
  color: #fefefe
}
.font-dark {
  color: #1a1a1a
}
.bg-dark, .bg-dark a, .bg-dark a:visited, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark p {
  color: #fefefe
}
.bg-dark {
  background: #222
}
.bg-light {
  background: #f2f2f2
}
.bg-light a, .bg-light a:visited, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light p {
  color: #1a1a1a
}
.top-spacer {
  margin-top: 80px
}
.bottom-spacer {
  margin-bottom: 80px
}
a.share-btn {
  text-decoration: none;
  text-align: left;
  width: 2.3vh;
  height: auto;
  background-size: contain;
  -webkit-transition: all .1s;
  transition: all .1s
}
.full-width-video, .full-width-video video, .video-overlay {
  width: 100%;
  height: 100%
}
a.share-btn.twitter {
  background-color: #000;
  -webkit-mask-image: url("../img/Twitter.svg");
  mask-image: url("../img/Twitter.svg");
  -webkit-mask-size: contain;
  mask-size: contain
}
a.share-btn.facebook {
  background-color: #000;
  -webkit-mask-image: url("../img/Facebook.svg");
  mask-image: url("../img/Facebook.svg");
	-webkit-mask-size: contain;
  mask-size: contain
}
a.share-btn.linkedin {
  background-color: #000;
  -webkit-mask-image: url("../img/LinkedIn.svg");
  mask-image: url("../img/LinkedIn.svg");
	-webkit-mask-size: contain;
  mask-size: contain
}
a.share-btn.instagram {
  background-color: #000;
  -webkit-mask-image: url("../img/Instagram.svg");
  mask-image: url("../img/Instagram.svg");
  -webkit-mask-size: contain;
  mask-size: contain
}
a.share-btn:hover {
  background-color: #ed1f50 !important
}
.video-overlay {
  z-index: 9;
  text-align: center;
  top: 0;
  left: 0
}
.video-overlay .vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin: 0 auto;
  width: 70%
}
.video-overlay h1 {
  font-size: 7.5rem;
  line-height: 100%;
  margin: 0 0 60px;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, .3)
}
@media screen and (min-width:48em) and (max-width:64em) {
  .video-overlay h1 {
    font-size: 5rem
  }
}
@media screen and (max-width:47.9375em) {
  .video-overlay h1 {
    font-size: 3.75rem
  }
}
.video-overlay a h4 {
  font-size: 1.5rem
}
sup {
  font-size: 35%;
  vertical-align: super;
  top: 0;
  text-decoration: none
}
button.vjs-fullscreen-control.vjs-control.vjs-button {
  width: 20px;
  height: auto;
  right: 5px;
  top: 4px;
  margin-left: 4px;
  margin-right: 4px
}
.hide {
  visibility: hidden
}
body, html {
  margin: 0;
  padding: 0;
  position: relative
}
body.dark, body.light {
  background: #fff
}
body.gray {
  background: #eee
}
body.dark-gray {
  background: #666;
  color: #fff
}
#menu-container #main-menu ul li a.active, #menu-container #sub-menu #secondary-menu ul li a.active, #menu-container #sub-menu #secondary-menu ul li a:hover, footer #footer-main-menu ul li a:hover, footer #footer-secondary-menu ul li a:hover, footer a:hover {
  color: #ed1f50
}
#logo {
  position: fixed;
  /*top: 48.5vh;*/
  top: 47.2vh;
  left: 2.7vw;
  /*width: 7.14286%;*/
  width: 15%;
  padding-right: 10px;
  z-index: 100
}
#logo a {
  width: 100%;
  height: 53px;
  text-align: left
}
#logo.white-logo a {
  background: url("../img/bss_logo_black-106.png") 0 0/contain no-repeat
}
#logo.black-logo a {
  background: url("../img/bss_logo_white-106.png") 0 0/contain no-repeat
}
#menu-button {
  width: 40px;
  height: 18px;
  position: fixed;
  top: 48vh;
  right: 2.7vw;
  z-index: 110
}
#menu-button:hover {
  cursor: pointer;
  cursor: hand
}
#menu-button #hamburger-bottom-svg {
  position: relative;
  top: 6px
}
#menu-button.burger-white .hamburger-svg {
  fill: #f6f6f6;
}
@media screen and (max-width:64em) {
  .hide {
    visibility: visible
  }
  .unmute button {
    top: 55px;
  }
  #logo.white-logo a {
    background: url("../img/bss_logo_black-106.png") 0 0/contain no-repeat
  }
  #menu-button.burger-white .hamburger-svg {
    fill: #2C313A
  }
}
#menu-button.burger-active .hamburger-svg, #menu-button.burger-black .hamburger-svg {
  fill: #2C313A
}
#menu-container {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0
}
#menu-container #menu-dark-bg {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  opacity: 0
}
#menu-container #menu-slash-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
  top: 0;
  left: 130vw
}
#menu-container #menus {
  position: relative;
  top: 32.2vh
}
#menu-container #main-menu {
  position: relative;
  height: 100%;
  display: inline-block;
  z-index: 50;
  float: left
}
#menu-container #main-menu ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none
}
#menu-container #main-menu ul li {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  position: relative;
  margin: 0
}
#menu-container #main-menu ul li a {
  font-size: 53px;
  letter-spacing: -2px;
  display: inline-block;
  line-height: 116%;
  text-decoration: none;
  color: #000;
  background: 0 0;
  position: relative;
  padding: 0 30px 0 72px;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  -webkit-box-shadow: inset 0 0 0 0 #ed1f50;
  box-shadow: inset 0 0 0 0 #ed1f50
}
#menu-container #main-menu ul li a.active:hover {
  color: #ed1f50;
  -webkit-box-shadow: none;
  box-shadow: none
}
@media screen and (max-width:64em) {
  #menu-container #main-menu ul li a {
    font-size: 43px;
  }
}
#menu-container #main-menu ul li a span {
  display: inline-block;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  position: relative;
}
#menu-container #social-icons, #menu-container #sub-menu {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
#menu-container #main-menu ul li a:hover {
  color: #fff;
  -webkit-box-shadow: inset 600px 0 0 0 #ed1f50;
  box-shadow: inset 600px 0 0 0 #ed1f50
}
#menu-container #sub-menu {
  position: relative;
  left: 63px;
  transform: skewX(-20deg);
  z-index: 20
}
@media screen and (max-width : 89.937em) {
  #menu-container #menus {
    top: 20vh
  }
  #menu-container #sub-menu {
    left: 10px
  }
  #menu-container #sub-menu #secondary-menu-container {
    float: none
  }
}
@media screen and (max-width:64em) {
  #menu-container #sub-menu {
    left: -315px;
    top: 316px
  }
  #menu-container #sub-menu #secondary-menu {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
  }
}
@media screen and (max-width:47.9375em) {
  #menu-container {
    width: 120%;
    margin-left: -100px
  }
  #menu-container #menus {
    top: 15vh
  }
  #menu-container #main-menu ul li a {
    font-size: 29px;
    letter-spacing: -1px;
    padding: 0 30px
  }
  #menu-container #sub-menu {
    left: -260px;
    top: 233px
  }
	#redes-menu {
	padding-left: 30px
}
}
#menu-container #sub-menu h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: .875rem;
  color: #1a1a1a
}
#menu-container #sub-menu #secondary-menu ul {
  list-style-type: none;
  padding: 0
}
#menu-container #sub-menu #secondary-menu ul li a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  font-size: 30px;
  line-height: 48px
}
@media screen and (max-width:47.9375em) {
  #menu-container #sub-menu #secondary-menu ul li a {
    font-size: 24px;
    line-height: 38px
  }
}
#menu-container #sub-menu #contact-info a, #menu-container #sub-menu #contact-info p, #menu-container #sub-menu #contact-info span, #menu-container #sub-menu #office-address a, #menu-container #sub-menu #office-address p, #menu-container #sub-menu #office-address span {
  font-family: 'Montserrat', sans-serif;
  font-size: .875rem;
  color: #1a1a1a
}
#menu-container #sub-menu #contact-info-container {
  display: inline-block;
  position: relative;
  top: 40px;
  left: 84px
}
@media screen and (max-width:64em) {
  #menu-container #sub-menu #secondary-menu ul li {
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg)
  }
  #menu-container #sub-menu #contact-info-container {
    display: none
  }
}
#menu-container #sub-menu #contact-info {
  margin: 0;
  padding: 0
}
#menu-container #sub-menu #contact-info .email {
  text-decoration: underline;
  display: inline-block;
  padding-bottom: 17px
}
#menu-container #sub-menu #office-address {
  line-height: 23px;
  display: inline-block;
  position: relative;
  top: 77px
}
#menu-container #sub-menu #office-address h3 {
  padding-bottom: 3px
}
#menu-container #social-icons {
  display: inline-block;
  transform: skewX(-20deg);
  position: absolute;
  z-index: 300;
  left: 458px;
  padding-top: 75px
}
@media screen and (max-width : 89.937em) {
  #menu-container #sub-menu #contact-info-container {
    left: 0
  }
  #menu-container #sub-menu #office-address {
    top: 18px
  }
  #menu-container #social-icons {
    left: 380px;
    padding-top: 100px
  }
}
@media screen and (max-width:64em) {
  #menu-container #social-icons {
    left: 65px;
    margin-top: 0;
    padding-top: 0;
    top: 460px
  }
}
@media screen and (max-width:47.9375em) {
  #menu-container #social-icons {
    left: 36px;
    top: 370px
  }
}
#menu-container #social-icons ul.social-share-buttons {
  padding: 0;
  list-style-type: none;
  display: inline-block
}
#menu-container #social-icons ul.social-share-buttons li {
  float: left;
  width: auto;
  margin: -5px 20px 0 -1px
}
#menu-container #social-icons ul.social-share-buttons li a {
  text-decoration: none;
  text-indent: -99999px;
  text-align: left;
  display: block;
  width: 28px;
  height: 28px;
  background-size: contain
}
footer #footer-main-menu ul li a, footer #footer-secondary-menu ul li a {
  font-family: 'Montserrat', sans-serif;
  text-decoration: underline;
  -webkit-transition: all .1s;
  color: #000
}
@media only screen and (max-width:1024px) {
  body.dark #logo-container:before, body.light #logo-container:before {
    background: #fff
  }
  body.gray #logo-container:before {
    background: #eee
  }
  body.homepage #logo-container:before {
    background: #fff
  }
  #logo-container:before {
    content: ' ';
    display: block;
    position: fixed;
    width: 100%;
    height: 50px;
    background: #1a1a1a;
    top: 0;
    z-index: 4
  }
  #logo {
    padding-right: 0
  }
  #logo, #logo-black, #logo-white {
    top: 10px;
    width: 160px;
    height: 48px;
    z-index: 9999
  }
  #menu-button {
    top: 20px;
    width: 20px;
    height: 9px
  }
  #menu-button #hamburger-bottom-svg {
    top: 3px
  }
  #menu-button.active #hamburger-bottom-svg {
    top: 9px
  }
}
footer {
  clear: both;
  position: relative;
  width: 100%;
  background: #fff;
  border-top: 4px solid #ed1f50;
  padding: 3% 0;
  z-index: 2
}
/*footer #footer-logo-container {
  height: auto
}*/
footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
}
#footermenu {
  text-align: right;
}

#footermenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
}
#footermenu ul li {
  margin-bottom: 10px;
}
#footermenu ul li a {
  font-size: 1.1rem;
}
/*footer #footer-main-menu {
  margin-top: -8px
}
footer #footer-main-menu ul li a {
  font-size: 2rem;
  line-height: 116%;
  transition: all .1s
}
footer #footer-secondary-menu {
  margin: 40px 0 0
}
footer #footer-secondary-menu ul li a {
  font-size: 1.125rem;
  line-height: 140%;
  transition: all .1s
}*/
/*@media screen and (min-width:64.0625em) and (max-width:79.9375em) {
  footer #footer-main-menu, footer #footer-secondary-menu {
    margin-left: -20px
  }
}*/
@media screen and (max-width:64em) {
  /*footer #footer-logo-container {
    margin-bottom: 40px
  }
  footer #footer-logo-container svg {
    width: 40%
  }
  footer #footer-main-menu, footer #footer-secondary-menu {
    display: none
  }*/
}
footer span.block {
  display: block;
  /*margin: -5px 0 20px 8px*/
}
footer span.block.footer-social-share {
  /*margin: 44px 0;*/
  text-align: center
}
footer img {
  width: 80%;
  margin-bottom: 20px;
  display: inline-block;
}
@media screen and (max-width:64em) {
  footer span.block.footer-social-share {
    margin: 20px 0
  }
  footer span.block.footer-social-share ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  footer span.block.footer-social-share ul li {
    display: inline
  }
}
footer a, footer p {
  font-size: 0.75rem;
  color: #222222;
  -webkit-transition: all .1s;
  transition: all 0.5s
}
footer a.share-btn {
  float: left;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 18px 0 0
}
@media screen and (min-width:64.0625em) and (max-width:79.9375em) {
  footer a.share-btn {
    height: 26px;
    width: 26px;
    margin: 0 16px 0 0
  }
}
footer a.small {
  font-size: .75rem
}
footer a.email, footer a.phone, footer p.address {
  font-family: 'Montserrat', sans-serif;
}
footer a.phone {
  display: block;
  text-decoration: none;
  margin: 10px 0
}
footer a.email {
  display: block;
  margin: 0 0 20px
}
footer #legal {
  margin-top: 50px
}
footer #legal a, footer #legal span {
  font-family: 'Montserrat', sans-serif;
  font-size: .75rem
}
footer #legal a {
  margin-right: 10px
}
#disruption .work-item, #main-container .work-item {
  width: 100%;
  margin: 0;
  position: relative
}
#disruption .work-item.disruption-work, #main-container .work-item.disruption-work {
  margin: 80px 0 0
}
@media screen and (max-width:64em) {
  #disruption .work-item, #main-container .work-item {
    margin: 0
  }
}
#disruption .work-item img, #main-container .work-item img {
  width: 100%
}
#disruption .work-item a.work-title, #main-container .work-item a.work-title {
  display: inline;
  text-decoration: none;
  margin: 0;
  line-height: 100%;
  overflow: visible;
  color: inherit
}
#disruption .work-item .bleed-left, #main-container .work-item .bleed-left {
  margin-left: -55px
}
#disruption .work-item .bleed-right, #main-container .work-item .bleed-right {
  margin-right: -55px
}
#disruption .work-item .work-copy-container, #main-container .work-item .work-copy-container {
  position: relative;
  margin-bottom: 150px
}
#disruption .work-item .second-image, #main-container .work-item .second-image {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: -160px
}
#disruption .work-item .second-image a, #main-container .work-item .second-image a {
  pointer-events: initial
}
@media screen and (max-width:47.9375em) {
  #disruption .work-item .second-image, #main-container .work-item .second-image {
    top: -80px
  }
}
#disruption .work-item .work-copy, #main-container .work-item .work-copy {
  position: relative;
  top: 10px;
  width: 100%;
  pointer-events: none
}
@media screen and (max-width:64em) {
  #disruption .work-item .work-copy-container, #main-container .work-item .work-copy-container {
    margin-bottom: 0
  }
  #disruption .work-item .second-image, #main-container .work-item .second-image {
    position: relative
  }
  #disruption .work-item .work-copy, #main-container .work-item .work-copy {
    top: -150px
  }
}
@media screen and (max-width:47.9375em) {
  #disruption .work-item .work-copy, #main-container .work-item .work-copy {
    top: -70px
  }
}
#disruption .work-item .work-copy .slanted-container, #main-container .work-item .work-copy .slanted-container {
  pointer-events: initial
}
#disruption .work-item .work-copy h3, #main-container .work-item .work-copy h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 4.875rem;
  letter-spacing: -1.5px
}
@media screen and (min-width:90em) and (max-width:119.9375em) {
  #disruption .work-item .work-copy h3, #main-container .work-item .work-copy h3 {
    font-size: 3.875rem
  }
}
@media screen and (min-width:80em) and (max-width:89.9375em) {
  #disruption .work-item .work-copy h3, #main-container .work-item .work-copy h3 {
    font-size: 3rem
  }
}
@media screen and (max-width : 79.937em) {
  #disruption .work-item .work-copy h3, #main-container .work-item .work-copy h3 {
    font-size: 2.625rem
  }
}
@media screen and (max-width:64em) {
  #disruption .work-item .work-copy h3, #main-container .work-item .work-copy h3 {
    font-size: 2.25rem
  }
}
#disruption .work-item .work-copy h4.client, #main-container .work-item .work-copy h4.client {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  margin: 15px 0
}
@media screen and (max-width:64em) {
  #disruption .work-item .work-copy h4.client, #main-container .work-item .work-copy h4.client {
    font-size: 18px;
    margin: 5px 0
  }
}
#disruption .work-item .work-copy h5.agency, #main-container .work-item .work-copy h5.agency {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: .875rem;
  margin: 30px 0
}
#main-container h1, #main-container h2, #main-container h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}
#disruption .work-item .work-copy img.arrow, #main-container .work-item .work-copy img.arrow {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  width: 67px;
  padding-top: 20px
}
@media screen and (max-width:64em) {
  #disruption .work-item .work-copy h5.agency, #main-container .work-item .work-copy h5.agency {
    margin: 15px 0
  }
  #disruption .work-item .work-copy img.arrow, #main-container .work-item .work-copy img.arrow {
    width: 54px;
    padding-top: 10px
  }
}
#landing-container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
#landing-container img.down-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  height: 30px;
  position: absolute;
  bottom: 30px
}
#landing-container #landing-video, #landing-container #main-video-player {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
#landing-container #landing-video video {
  -o-object-fit: cover;
  object-fit: cover
}
#landing-container #landing-video h1 {
  font-size: 96px;
  line-height: 97%;
  margin: 0 0 45px;
  text-shadow: none;
  letter-spacing: -3px
}
@media screen and (max-width:64em) {
  #landing-container #landing-video h1 {
    font-size: 60px
  }
}
#landing-container #main-video-player .video-js {
  width: 100% !important;
  height: 100% !important;
  position: relative
}
#landing-container div#main-video-playlist {
  position: absolute;
  background: #ed1f50;
  width: 100%;
  height: 40px;
  bottom: 0;
  z-index: 999;
  overflow: hidden
}
#landing-container div#main-video-playlist ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item {
  float: left;
  width: 20%;
  text-align: left;
  height: 40px;
  position: relative;
  cursor: pointer
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item:focus {
  outline: 0;
  focus: none
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item:first-child:before {
  content: '';
  display: block;
  position: absolute;
  background: inherit;
  width: 25%;
  height: 100%;
  left: -25%;
  z-index: 99;
  top: 0
}
#main-container, #main-container article#home-pirates #pirates-image div#heightz, #main-container article#home-pirates #pirates-image div#heightz img {
  position: relative;
  width: 100%;
  height: auto
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item:nth-child(odd) {
  background: #ccc
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item:nth-child(even) {
  background: #fff
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item .vjs-playlist-duration, #landing-container div#main-video-playlist ol li.vjs-playlist-item .vjs-playlist-now-playing-text, #landing-container div#main-video-playlist ol li.vjs-playlist-item .vjs-up-next-text {
  display: none
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item.vjs-selected {
  background: #ed1f50
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item .vjs-playlist-thumbnail {
  display: inline-block;
  position: relative;
  top: 40%;
  -webkit-transform: translateY(-40%) translateX(-50%);
  -ms-transform: translateY(-40%) translateX(-50%);
  transform: translateY(-40%) translateX(-50%);
  left: 50%
}
#landing-container div#main-video-playlist ol li.vjs-playlist-item span {
  font-style: normal;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .875rem;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  text-align: center;
  cursor: pointer
}
@media screen and (max-width:47.9375em) {
  #landing-container div#main-video-playlist ol li.vjs-playlist-item span {
    display: block;
    font-size: .75rem;
    line-height: 110%
  }
}
#main-container {
  overflow-x: hidden;
  margin-top: 100vh
}
#main-container h1 {
  font-size: 7.5rem
}
@media screen and (min-width:48em) and (max-width:64em) {
  #main-container h1 {
    font-size: 5rem
  }
}
#main-container h2 {
  font-size: 3rem;
  letter-spacing: -2px;
  margin: 35px 0 75px
}
@media screen and (min-width:48em) and (max-width:64em) {
  #main-container h2 {
    font-size: 2.625rem
  }
}
@media screen and (max-width:47.9375em) {
  #main-container h2 {
    font-size: 2.25rem
  }
}
#main-container h4 {
  font-size: 1.5rem
}
#main-container h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .875rem
}
#main-container p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.5rem
}
#main-container p.small {
  font-size: .875rem
}
#main-container a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.5rem
}
#main-container a.section-link {
  margin-bottom: 50px;
  display: block
}
#main-container .slanted-container .slanted-block {
  margin-bottom: 80px
}
#main-container .slanted-container .slanted-block span {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.5rem
}
#main-container .slanted-container a {
  margin-bottom: 60px
}
#main-container article#home-disruption, #main-container article#home-pirates, #main-container article#home-work {
  padding-top: 50px
}
#main-container article#home-disruption #always-live {
  position: relative;
  top: -80px;
  margin-bottom: -50px
}
@media screen and (max-width:47.9375em) {
  #main-container .slanted-container .slanted-block span {
    font-size: 1.125rem
  }
  #main-container article#home-disruption #always-live {
    top: -30px;
    padding-bottom: 80px
  }
}
#main-container article#home-pirates .slanted-container {
  padding-bottom: 40px
}
#main-container article#home-pirates #pirates-image {
  text-align: center;
  position: relative;
  width: 100%;
  height: auto;
  background: url("../img/skull/backdrop.png") center bottom/contain no-repeat
}
#main-container article#home-pirates #pirates-image img {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0
}
section#featured-media div.vid-cover div.featured-media-overlay .headline p, section#featured-media h1 {
  letter-spacing: -.05em;
  line-height: 1;
  margin: 0;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #fff
}
#article-slash {
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  background-color: #fff;
  height: 100vh;
  width: 150vw;
  left: -150vw;
  position: fixed
}
section#featured-media {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed
}
section#featured-media h1 {
  font-size: 120px;
  padding: 0;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg)
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
  section#featured-media h1 {
    font-size: 100px
  }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  section#featured-media h1 {
    font-size: 80px
  }
}
@media only screen and (max-width:767px) {
  section#featured-media h1 {
    font-size: 50px
  }
}
section#featured-media iframe, section#featured-media img {
  max-width: 100%
}
section#featured-media div.vid-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 9
}
section#featured-media div.vid-cover div.image-darken {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .25
}
section#featured-media div.vid-cover iframe, section#featured-media div.vid-cover img {
  width: 100%;
  height: auto
}
section#featured-media div.vid-cover div.featured-media-overlay {
  position: absolute;
  top: 28vh;
  left: 20vw;
  z-index: 2;
  color: #fff
}
section#featured-media div.vid-cover div.featured-media-overlay .headline {
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  padding-top: 30px
}
section#featured-media div.vid-cover div.featured-media-overlay .headline p {
  font-size: 120px;
  padding: 0;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  display: inline-block;
  text-shadow: 1px 1px 1px #969696
}
section#featured-media div.vid-cover div.featured-media-overlay .headline-1 {
  margin-top: 1vh;
  margin-left: -52px
}
section#featured-media div.vid-cover div.featured-media-overlay .headline-2 {
  margin-top: -29px;
  margin-left: 9.6px
}
section#featured-media div.vid-cover div.featured-media-overlay .client-date {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 23px;
  margin-top: 40px;
  margin-left: 35px
}
section#featured-media div.vid-cover div.featured-media-overlay .location {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 13.5px;
  margin-left: 150px
}
section#featured-media div.vid-cover div.featured-media-overlay .description {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 17.5px;
  width: 500px;
  margin-top: 16px;
  line-height: 1.4
}
section#featured-media div.vid-cover div.featured-media-overlay .slanted-button {
  position: relative;
  top: 50px;
  left: 60px
}
@media screen and (max-width:47.9375em) {
  section#featured-media div.vid-cover div.featured-media-overlay .slanted-button {
    left: 40px
  }
}
section#featured-media div.vid-container {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center
}
section#featured-media div.vid-container #vid-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%
}
section#featured-media div.vid-container iframe#article-featured-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none
}
section#featured-media div.vid-container #frame-shield {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0
}
section#featured-media div.vid-container .vid-controls {
  height: 48px;
  width: 80%;
  margin: 0 auto;
  padding: 8px 0;
  position: absolute;
  top: -webkit-calc(50% - 25px);
  top: calc(50% - 25px);
  z-index: 2;
  left: 10%;
  background: rgba(0, 0, 0, .2)
}
section#featured-media div.vid-container .vid-controls .vid-play {
  width: 8%;
  position: relative;
  float: left;
  text-align: center
}
section#featured-media div.vid-container .vid-controls .vid-play #vid-play-btn {
  display: inline-block;
  text-align: left;
  text-indent: -9999px;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 16px 0 16px 27px;
  border-color: transparent transparent transparent #fff
}
section#featured-media div.vid-container .vid-controls .vid-play #vid-play-btn.pause {
  border-width: 0 5px;
  border-color: #fff;
  border-style: solid;
  width: 16px;
  height: 32px;
  display: inline-block;
  text-align: left;
  text-indent: -9999px;
  left: -5px;
  position: relative
}
section#featured-media div.vid-container .vid-controls .vid-progress {
  height: 26px;
  width: 80%;
  margin: 0;
  padding: 0;
  left: 0;
  position: relative;
  float: left;
  top: 4px
}
section#featured-media div.vid-container .vid-controls .vid-progress .meter {
  background: #fff;
  opacity: .25;
  position: absolute;
  text-align: right;
  z-index: 1;
  width: 100%;
  height: 2px;
  top: 11px;
  left: 0
}
section#featured-media div.vid-container .vid-controls .vid-progress .progress-dot {
  background: #fff;
  height: 26px;
  width: 26px;
  border-radius: 13px;
  position: absolute;
  left: -26px
}
section#featured-media div.vid-container .vid-controls .vid-progress .current-time {
  display: none;
  color: #fff;
  font-size: 12px;
  padding-right: 5px
}
section#featured-media div.vid-container .vid-controls .vid-fullscreen {
  width: 5%;
  position: relative;
  float: left;
  text-align: center;
  left: 1%
}
section#featured-media div.vid-container .vid-controls .vid-fullscreen a#fullscreen {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../img/fullscreen.svg") no-repeat;
  text-indent: -99999px
}
section#featured-media div.vid-container .vid-controls .vid-close {
  width: 5%;
  position: relative;
  float: left;
  text-align: center
}
section#featured-media div.vid-container .vid-controls .vid-close #vid-close {
  height: 32px;
  width: 32px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
  display: inline-block;
  text-indent: -9999px
}
section#featured-media div.vid-container .vid-controls .vid-close #vid-close:after, section#featured-media div.vid-container .vid-controls .vid-close #vid-close:before {
  height: 5px;
  width: 32px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 14px;
  margin-left: 0;
  display: block;
  background-color: #fff;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}
section#featured-media div.vid-container .vid-controls .vid-close #vid-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px
}
section#featured-media div.vid-container .vid-controls .vid-close #vid-close:hover:after, section#featured-media div.vid-container .vid-controls .vid-close #vid-close:hover:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
section#featured-media img {
  width: 100%;
  height: auto
}
section#featured-media iframe {
  width: 100%;
  height: 100%
}
section#article-content {
  top: 100vh;
  position: relative;
  z-index: 3;
  overflow-x: hidden
}
section#article-content #grid-container {
  margin: 0 1.67vw
}
section#article-content #main-copy {
  margin-top: 100px;
  margin-bottom: 125px
}
@media screen and (max-width : 79.937em) {
  section#article-content #main-copy {
    margin-bottom: 75px
  }
}
section#article-content .blurb {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  padding-bottom: 65px
}
section#article-content .article-copy {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5625rem
}
section#article-content .article-copy p {
  line-height: 1.5625rem;
  margin-bottom: 5%
}
section#article-content .bleed-left {
  margin-left: -4vw
}
section#article-content .bleed-right {
  margin-right: -4vw;
  text-align: right
}
section#article-content .copy-container, section#article-content .img-container {
  margin-bottom: 100px;
  margin-top: 100px
}
section#article-content .copy-container img, section#article-content .img-container img {
  width: 100%
}
section#article-content #awards-share {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  margin-bottom: 100px;
  line-height: 1.5rem
}
section#article-content #awards-share #awards {
  margin-bottom: 0
}
section#article-content #awards-share #awards #award-copy {
  width: auto
}
@media screen and (max-width:64em) {
  section#article-content #awards-share #awards {
    margin-bottom: 30px
  }
  section#article-content #awards-share #awards #award-copy {
    width: 57.14286%
  }
}
@media screen and (max-width:47.9375em) {
  section#article-content #awards-share #awards #award-copy {
    width: auto
  }
}
section#article-content #awards-share h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .875rem
}
section#article-content #awards-share h2.share-title {
  float: left;
  width: 7.14286%
}
section#article-content #awards-share p {
  color: #222;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: .875rem
}
section#article-content #awards-share p.award-desc {
  margin-bottom: 10px
}
section#article-content #awards-share .fb-share {
  background: url("../img/Facebook.svg") 0 0/contain no-repeat !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -999999px;
  margin-right: 10px;
  cursor: pointer
}
section#article-content #awards-share .twitter-share {
  background: url("../img/Twitter.svg") 0 0/contain no-repeat !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -999999px;
  cursor: pointer
}
section#article-content #back-to-parent {
  text-align: center;
  margin-bottom: 100px
}
section#article-content #back-to-parent a, section#article-content #back-to-parent a:focus, section#article-content #back-to-parent a:visited {
  color: #1a1a1a;
  font-family: "Averta SemiBold";
  font-size: 1.5rem;
  line-height: 120%;
  -webkit-transition: all .1s;
  transition: all .1s;
  text-decoration: none
}
@media screen and (max-width:47.9375em) {
  section#article-content #back-to-parent a, section#article-content #back-to-parent a:focus, section#article-content #back-to-parent a:visited {
    font-size: 1.125rem
  }
}
section#article-content #back-to-parent a:hover {
  color: #ed1f50
}
section#article-content .inline-vid-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 100px
}
section#article-content .inline-vid-container iframe {
  height: 100%;
  width: 100%;
  position: absolute
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  section#featured-media div.vid-cover div.featured-media-overlay .location {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 0
  }
  section#featured-media div.vid-container .vid-controls .vid-progress .progress-dot {
    left: -20px;
    top: 3px;
    height: 20px;
    width: 20px
  }
  section#featured-media div.vid-container .vid-controls .vid-fullscreen a#fullscreen {
    width: 25px;
    height: 25px;
    background-size: contain;
    top: 6px;
    position: relative
  }
  section#featured-media div.vid-container .vid-controls .vid-close {
    left: 1%
  }
  section#featured-media div.vid-container .vid-controls .vid-close #vid-close:after, section#featured-media div.vid-container .vid-controls .vid-close #vid-close:before {
    height: 4px;
    width: 25px;
    margin-top: 15px;
    margin-left: 5px
  }
  section#featured-media div.vid-container .vid-controls .vid-close #vid-close:after {
    top: 2px
  }
}
@media only screen and (max-width:767px) {
  section#featured-media div.vid-cover div.featured-media-overlay {
    width: 90%;
    left: 5%
  }
  section#featured-media div.vid-cover div.featured-media-overlay .client-date {
    margin-left: 0
  }
  section#featured-media div.vid-cover div.featured-media-overlay .location {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 0
  }
  section#featured-media div.vid-container .vid-controls {
    width: 90%;
    left: 5%
  }
  section#featured-media div.vid-container .vid-controls .vid-play {
    width: 10%
  }
  section#featured-media div.vid-container .vid-controls .vid-play #vid-play-btn {
    border-width: 8px 0 8px 14px;
    position: relative;
    top: 8px
  }
  section#featured-media div.vid-container .vid-controls .vid-play #vid-play-btn.pause {
    border-width: 0 4px;
    width: 14px;
    height: 19px;
    left: 0
  }
  section#featured-media div.vid-container .vid-controls .vid-progress {
    width: 75%
  }
  section#featured-media div.vid-container .vid-controls .vid-progress .progress-dot {
    left: -15px;
    top: 5px;
    height: 15px;
    width: 15px
  }
  section#featured-media div.vid-container .vid-controls .vid-fullscreen a#fullscreen {
    width: 20px;
    height: 20px;
    background-size: contain;
    top: 8px;
    position: relative
  }
  section#featured-media div.vid-container .vid-controls .vid-close {
    left: 1%
  }
  section#featured-media div.vid-container .vid-controls .vid-close #vid-close:after, section#featured-media div.vid-container .vid-controls .vid-close #vid-close:before {
    height: 3px;
    width: 20px;
    margin-top: 16px;
    margin-left: 7px
  }
  section#featured-media div.vid-container .vid-controls .vid-close #vid-close:after {
    top: 0
  }
  #article-slash {
    width: 160vw;
    left: -160vw
  }
}
section#section-landing.culture-landing .section-item.default-entry.right .even .columns, section#section-landing.culture-landing .section-item.default-entry.right .odd .columns, section#section-landing.work-landing .section-item.right .even .columns, section#section-landing.work-landing .section-item.right .odd .columns {
  float: right
}
body.single-article footer {
  height: 200px;
  position: relative;
  width: 100%;
  margin-top: 100vh
}
body, html {
  width: 100%;
  height: 100%
}
section#section-landing {
  position: relative;
  height: auto;
  overflow-x: hidden;
  width: 100%
}
section#section-landing .section-intro {
  position: relative;
  height: auto
}
section#section-landing .section-intro h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 3rem;
  font-size: 2.5vw;
  letter-spacing: -1.8px;
  margin: 5rem 0 4.375rem
}
@media (min-width:1920px) {
  section#section-landing .section-intro h1 {
    font-size: 48px
  }
}
@media only screen and (max-width:1280px) {
  section#section-landing .section-intro h1 {
    font-size: 30px
  }
}
@media only screen and (max-width:767px) {
  section#section-landing .section-intro h1 {
    font-size: 24px;
    margin: 5rem 0 2.5rem
  }
}
section#section-landing .section-intro .section-intro-copy {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  font-size: 1.25vw;
  line-height: 124%;
  padding-bottom: 5rem
}
@media (min-width:1920px) {
  section#section-landing .section-intro .section-intro-copy {
    font-size: 24px
  }
}
@media only screen and (max-width:767px) {
  section#section-landing .section-intro .section-intro-copy {
    font-size: 16px
  }
}
section#section-landing .section-item {
  width: 100%;
  margin: 0;
  padding-bottom: 300px;
  overflow: hidden;
  -webkit-perspective: 1000;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform 0s;
  position: relative
}
@media only screen and (max-width:1280px) {
  section#section-landing .section-intro .section-intro-copy {
    font-size: 16px
  }
  section#section-landing .section-item {
    padding-bottom: 200px
  }
}
section#section-landing .section-item .section-animate {
  height: auto;
  width: 100%;
  -webkit-perspective: 1000;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative
}
section#section-landing .section-item .section-landing-images {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
section#section-landing .section-item .section-landing-images .bleed {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden
}
section#section-landing .section-item .section-landing-images .bleed a {
  text-decoration: none
}
section#section-landing .section-item .section-landing-images .bleed img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
section#section-landing .section-item .section-landing-images.zoomed img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}
section#section-landing .section-item .columns img {
  width: 100%;
  height: auto
}
section#section-landing .section-item .columns.copy {
  padding-right: 0;
  padding-left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
section#section-landing .section-item .columns .slanted-copy {
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  margin: 0 35px
}
section#section-landing .section-item .columns .slanted-copy a {
  text-decoration: none;
  color: #000
}
section#section-landing .section-item .columns .title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 4.0625rem;
  margin: 0;
  line-height: 100%;
  letter-spacing: -1.5px;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  overflow: visible
}
section#section-landing .section-item .columns .title a {
  display: inline-block
}
@media only screen and (max-width:1280px) {
  section#section-landing .section-item .columns .title {
    font-size: 3.125rem
  }
}
@media only screen and (max-width:1024px) {
  section#section-landing .section-item .columns .title {
    font-size: 1.875rem;
    display: inline-block
  }
}
section#section-landing .section-item .columns .client, section#section-landing .section-item .columns .date {
  font-family: "Averta Semibold";
  font-size: 1.5rem;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  line-height: 120%;
  margin: 30px 0;
  letter-spacing: -1px
}
@media only screen and (max-width:766px) {
  section#section-landing .section-item .columns .client, section#section-landing .section-item .columns .date {
    font-size: 1rem;
    margin: 15px 0
  }
}
section#section-landing .section-item .columns .agency {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: .875rem;
  letter-spacing: -.3px;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg)
}
@media only screen and (max-width:766px) {
  section#section-landing .section-item .columns .agency {
    font-size: .75rem
  }
}
section#section-landing .section-item .columns img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
section#section-landing #archives-link {
  position: relative;
  margin-bottom: 100px;
  text-align: center
}
section#section-landing #archives-link a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  color: #222
}
section#section-landing #archives-link a.culture, section#section-landing.culture-landing .section-item .columns, section#section-landing.culture-landing .section-item .columns .title, section#section-landing.culture-landing .section-item .columns a, section#section-landing.culture-landing .section-item .columns h1, section#section-landing.culture-landing .section-item .columns h2, section#section-landing.culture-landing .section-item .columns p {
  color: #fff
}
section#section-landing.work-landing .section-item.right .columns .slanted-copy {
  left: -20%
}
section#section-landing.work-landing .section-item.right .odd .columns:nth-child(1) {
  z-index: 2;
  padding-right: 0
}
section#section-landing.work-landing .section-item.right .odd .columns:nth-child(1) .bleed {
  position: relative
}
section#section-landing.work-landing .section-item.right .odd .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.work-landing .section-item.right .odd .columns:nth-child(2) {
  margin-right: -21.42857%;
  padding-top: 5%
}
section#section-landing.work-landing .section-item.right .odd .columns:nth-child(3) {
  margin-right: -28.57143%;
  padding-top: 18%
}
section#section-landing.work-landing .section-item.right .odd .columns.copy {
  padding-top: 10.5%;
  left: 14.28571%;
  padding-left: 0;
  margin-left: 16px;
  position: absolute
}
@media only screen and (max-width:766px) {
  section#section-landing.work-landing .section-item.right .odd .columns.copy {
    padding-top: 40%
  }
}
section#section-landing.work-landing .section-item.right .even .columns:nth-child(1) {
  padding-top: 15%;
  padding-right: 0
}
section#section-landing.work-landing .section-item.right .even .columns:nth-child(1) .bleed {
  position: relative
}
section#section-landing.work-landing .section-item.right .even .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.work-landing .section-item.right .even .columns:nth-child(2) {
  margin-right: -28.57143%
}
section#section-landing.work-landing .section-item.right .even .columns:nth-child(3) {
  margin-right: -21.42857%;
  padding-top: 5%
}
section#section-landing.work-landing .section-item.right .even .columns.copy {
  padding-top: 10.5%;
  left: 14.28571%;
  margin-left: 16px;
  position: absolute
}
@media only screen and (max-width:766px) {
  section#section-landing.work-landing .section-item.right .even .columns.copy {
    padding-top: 33%
  }
}
section#section-landing.work-landing .section-item.left .odd .columns:nth-child(1) {
  padding-top: 10%
}
section#section-landing.work-landing .section-item.left .odd .columns:nth-child(1) .bleed {
  margin-left: -4vw;
  position: relative
}
section#section-landing.work-landing .section-item.left .odd .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.work-landing .section-item.left .odd .columns:nth-child(2) {
  margin-left: -21.42857%
}
section#section-landing.work-landing .section-item.left .odd .columns:nth-child(3) {
  margin-left: -35.71429%;
  padding-top: 12%
}
section#section-landing.work-landing .section-item.left .odd .columns.copy {
  position: absolute;
  right: 0;
  padding-top: 17.5%
}
section#section-landing.work-landing .section-item.left .even .columns:nth-child(1) .bleed {
  margin-left: -4vw;
  position: relative
}
section#section-landing.work-landing .section-item.left .even .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.work-landing .section-item.left .even .columns:nth-child(2) {
  margin-left: -35.71429%;
  padding-top: 20%
}
section#section-landing.work-landing .section-item.left .even .columns:nth-child(3) {
  margin-left: -21.42857%;
  padding-top: 10%
}
section#section-landing.work-landing .section-item.left .even .columns.copy {
  position: absolute;
  right: 0;
  padding-top: 15.5%
}
section#section-landing.culture-landing {
  background: #1a1a1a;
  color: #fff
}
section#section-landing.culture-landing .section-item .columns .slanted-copy {
  color: fff
}
section#section-landing.culture-landing .section-item.default-entry.right .odd .columns:nth-child(1) {
  z-index: 2;
  padding-right: 0
}
section#section-landing.culture-landing .section-item.default-entry.right .odd .columns:nth-child(1) .bleed {
  position: relative
}
section#section-landing.culture-landing .section-item.default-entry.right .odd .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.culture-landing .section-item.default-entry.right .odd .columns:nth-child(2) {
  margin-right: -17.85714%;
  margin-top: 16%
}
section#section-landing.culture-landing .section-item.default-entry.right .odd .columns.copy {
  position: absolute;
  left: 7.14286%;
  padding-top: 20%
}
@media only screen and (max-width:766px) {
  section#section-landing.culture-landing .section-item.default-entry.right .odd .columns.copy {
    padding-top: 33%
  }
}
section#section-landing.culture-landing .section-item.default-entry.right .even .columns:nth-child(1) {
  padding-right: 0
}
section#section-landing.culture-landing .section-item.default-entry.right .even .columns:nth-child(1) .bleed {
  position: relative
}
section#section-landing.culture-landing .section-item.default-entry.right .even .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.culture-landing .section-item.default-entry.right .even .columns:nth-child(2) {
  margin-right: -17.85714%;
  padding-top: 10%
}
section#section-landing.culture-landing .section-item.default-entry.right .even .columns.copy {
  position: absolute;
  left: 7.14286%;
  padding-top: 14%
}
section#section-landing.culture-landing .section-item.default-entry.left .odd .columns:nth-child(1) .bleed {
  margin-left: -4vw;
  position: relative
}
section#section-landing.culture-landing .section-item.default-entry.left .odd .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.culture-landing .section-item.default-entry.left .odd .columns:nth-child(2) {
  margin-left: -21.42857%;
  margin-top: 10%
}
section#section-landing.culture-landing .section-item.default-entry.left .odd .columns.copy {
  position: absolute;
  right: 7.14286%;
  padding-top: 14%
}
section#section-landing.culture-landing .section-item.default-entry.left .even .columns:nth-child(1) {
  padding-top: 15%
}
section#section-landing.culture-landing .section-item.default-entry.left .even .columns:nth-child(1) .bleed {
  margin-left: -4vw;
  position: relative
}
section#section-landing.culture-landing .section-item.default-entry.left .even .columns:nth-child(1) .bleed img {
  width: 100%;
  height: auto
}
section#section-landing.culture-landing .section-item.default-entry.left .even .columns:nth-child(2) {
  margin-left: -21.42857%
}
section#section-landing.culture-landing .section-item.default-entry.left .even .columns.copy {
  position: absolute;
  right: 7.14286%;
  padding-top: 4%
}
section#section-landing.culture-landing .section-item.social-entry .instagram-content div.social-image {
  width: 50%
}
section#section-landing.culture-landing .section-item.social-entry .instagram-content div.social-image img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
section#section-landing.culture-landing .section-item.social-entry .instagram-content div.social-image:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}
section#section-landing.culture-landing .section-item.social-entry .instagram-content div.social-copy {
  width: auto;
  max-width: 50%;
  position: relative;
  top: 100px
}
section#section-landing.culture-landing .section-item.social-entry .twitter-content div.social-copy {
  width: 70%
}
section#section-landing.culture-landing .section-item.social-entry.left div.social-copy, section#section-landing.culture-landing .section-item.social-entry.left div.social-image {
  float: left
}
section#section-landing.culture-landing .section-item.social-entry.right div.social-copy, section#section-landing.culture-landing .section-item.social-entry.right div.social-image {
  float: right
}
section#section-landing.culture-landing .section-item.social-entry.right div.social-copy.half {
  right: -10%
}
section#section-landing.culture-landing .section-item.social-entry .slanted {
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg)
}
section#section-landing.culture-landing .section-item.social-entry .slanted h1 {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 4.0625rem;
  letter-spacing: -1px;
  line-height: 100%;
  width: 110%
}
@media only screen and (max-width:1280px) {
  section#section-landing.culture-landing .section-item.social-entry .slanted h1 {
    font-size: 3.125rem
  }
}
section#section-landing.culture-landing .section-item.social-entry .slanted a {
  text-decoration: none;
  color: #fff
}
section#section-landing.culture-landing .section-item.social-entry .slanted .copy, section#section-landing.culture-landing .section-item.social-entry .slanted p {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  margin: 25px 0;
  max-width: 80%
}
section#section-landing.culture-landing .section-item.social-entry .slanted .location-date {
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: .875rem
}
@media only screen and (max-width:1280px) and (min-width:768px) {
  section#section-landing.culture-landing .section-item.social-entry.right div.social-copy .copy {
    left: -5%;
    position: relative;
    max-width: 95%
  }
  section#section-landing.culture-landing .section-item.social-entry.left div.social-copy .copy, section#section-landing.culture-landing .section-item.social-entry.left div.social-copy .location-date {
    left: 5%;
    position: relative;
    max-width: 95%
  }
  section#section-landing.culture-landing .section-item.social-entry .instagram-content div.social-copy {
    top: 35px
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  section#section-landing.culture-landing .section-item.social-entry .slanted h1 {
    font-size: 1.875rem
  }
}
@media only screen and (max-width:767px) {
  section#section-landing.culture-landing .section-item, section#section-landing.work-landing .section-item {
    padding-bottom: 50px
  }
  section#section-landing.culture-landing .section-item.default-entry.left .even .columns.section-landing-images:nth-of-type(2), section#section-landing.culture-landing .section-item.default-entry.left .odd .columns.section-landing-images:nth-of-type(2), section#section-landing.culture-landing .section-item.default-entry.right .even .columns.section-landing-images:nth-of-type(2), section#section-landing.culture-landing .section-item.default-entry.right .odd .columns.section-landing-images:nth-of-type(2), section#section-landing.work-landing .section-item.left .even .columns.section-landing-images:nth-child(1), section#section-landing.work-landing .section-item.left .even .columns.section-landing-images:nth-child(2), section#section-landing.work-landing .section-item.left .odd .columns.section-landing-images:nth-child(1), section#section-landing.work-landing .section-item.left .odd .columns.section-landing-images:nth-child(2), section#section-landing.work-landing .section-item.right .even .columns.section-landing-images:nth-child(1), section#section-landing.work-landing .section-item.right .even .columns.section-landing-images:nth-child(2), section#section-landing.work-landing .section-item.right .odd .columns.section-landing-images:nth-child(1), section#section-landing.work-landing .section-item.right .odd .columns.section-landing-images:nth-child(2) {
    display: none
  }
  section#section-landing.work-landing .section-item.left .even .columns.copy, section#section-landing.work-landing .section-item.left .odd .columns.copy, section#section-landing.work-landing .section-item.right .even .columns.copy, section#section-landing.work-landing .section-item.right .odd .columns.copy {
    position: relative;
    padding-top: 0;
    top: -20px
  }
  section#section-landing.work-landing .section-item.left .even .columns.copy, section#section-landing.work-landing .section-item.left .odd .columns.copy {
    right: 7.14286%
  }
  section#section-landing.work-landing .section-item.left .even .columns.copy .slanted-copy, section#section-landing.work-landing .section-item.left .odd .columns.copy .slanted-copy {
    margin: 0 0 0 20px
  }
  section#section-landing.work-landing .section-item.left .even .columns:nth-child(3), section#section-landing.work-landing .section-item.left .odd .columns:nth-child(3) {
    margin-left: 0;
    padding-top: 0
  }
  section#section-landing.work-landing .section-item.left .even .columns:nth-child(3) .bleed, section#section-landing.work-landing .section-item.left .odd .columns:nth-child(3) .bleed {
    margin-left: -4vw;
    position: relative
  }
  section#section-landing.work-landing .section-item.right .even .columns.copy, section#section-landing.work-landing .section-item.right .odd .columns.copy {
    left: 20%;
    padding-right: 20%
  }
  section#section-landing.work-landing .section-item.right .even .columns.copy .slanted-copy, section#section-landing.work-landing .section-item.right .odd .columns.copy .slanted-copy {
    margin: 0 20px 0 0;
    left: 0
  }
  section#section-landing.work-landing .section-item.right .even .columns:nth-child(3), section#section-landing.work-landing .section-item.right .odd .columns:nth-child(3) {
    margin-right: 0;
    padding-top: 0
  }
  section#section-landing.work-landing .section-item.right .even .columns:nth-child(3) .bleed, section#section-landing.work-landing .section-item.right .odd .columns:nth-child(3) .bleed {
    position: relative;
    margin-right: -4vw
  }
  section#section-landing.culture-landing .section-item.default-entry.left .even .columns.copy, section#section-landing.culture-landing .section-item.default-entry.left .odd .columns.copy, section#section-landing.culture-landing .section-item.default-entry.right .even .columns.copy, section#section-landing.culture-landing .section-item.default-entry.right .odd .columns.copy {
    position: relative;
    padding-top: 0;
    top: -20px
  }
  section#section-landing.culture-landing .section-item.default-entry.left .even .columns:nth-child(1) {
    padding-top: 0
  }
  section#section-landing.culture-landing .section-item.default-entry.left .even .columns .slanted-copy, section#section-landing.culture-landing .section-item.default-entry.left .odd .columns .slanted-copy {
    margin: 0 0 0 20px
  }
  section#section-landing.culture-landing .section-item.default-entry.right .even .columns.copy, section#section-landing.culture-landing .section-item.default-entry.right .odd .columns.copy {
    left: 20%;
    padding-right: 20%
  }
  section#section-landing.culture-landing .section-item.default-entry.right .even .columns.copy .slanted-copy, section#section-landing.culture-landing .section-item.default-entry.right .odd .columns.copy .slanted-copy {
    margin: 0 20px 0 0
  }
  section#section-landing.culture-landing .section-item.social-entry .instagram-content {
    padding: 0
  }
  section#section-landing.culture-landing .section-item.social-entry .instagram-content div.social-image {
    width: 78.57143%
  }
  section#section-landing.culture-landing .section-item.social-entry .instagram-content div.social-copy {
    width: 80%;
    max-width: 100%;
    padding: 0 10%;
    top: -20px
  }
  section#section-landing.culture-landing .section-item.social-entry .twitter-content div.social-copy {
    width: 80%
  }
  section#section-landing.culture-landing .section-item.social-entry .slanted {
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
  }
  section#section-landing.culture-landing .section-item.social-entry .slanted .copy, section#section-landing.culture-landing .section-item.social-entry .slanted .location-date, section#section-landing.culture-landing .section-item.social-entry .slanted h1, section#section-landing.culture-landing .section-item.social-entry .slanted p {
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg)
  }
  section#section-landing.culture-landing .section-item.social-entry .slanted .copy, section#section-landing.culture-landing .section-item.social-entry .slanted p {
    font-size: .75rem;
    max-width: 100%;
    margin: 10px 0
  }
  section#section-landing.culture-landing .section-item.social-entry .slanted h1 {
    font-size: 1.75rem
  }
  section#section-landing.culture-landing .section-item.social-entry.left .twitter-content {
    position: relative;
    left: 5%
  }
}
#about-intro {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}
#about-intro #about-video-container {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  display: none
}
article#about-splash {
  width: 100%;
  height: 100%;
  background-position: center center;
}

article#about-splash.yellow {
  background: -webkit-repeating-linear-gradient(20deg, #ed1f50, #ed1f50 10px, #000 10px, #000 20px);
  background: repeating-linear-gradient(70deg, #ed1f50, #ed1f50 10px, #000 10px, #000 20px);
  background-size: 200% 200%;
  background-attachment: fixed;
  -webkit-animation: bgAnimationDown 20s linear infinite;
  animation: bgAnimationDown 20s linear infinite
}
article#about-splash #backslash {
  position: fixed;
  width: auto;
  font-size: 63.25rem;
  font-family: "Averta Extrabold";
  background: -webkit-repeating-linear-gradient(bottom, #EE749D, #EE749D 25px, #000 25px, #000 50px);
  background: repeating-linear-gradient(0deg, #EE749D, #EE749D 25px, #000 25px, #000 50px);
  -webkit-background-clip: text;
  -webkit-font-smoothing: subpixel-antialiased;
  background-size: 200% 200%;
  -webkit-text-fill-color: transparent;
  -webkit-animation: bgAnimationUp 40s linear infinite;
  animation: bgAnimationUp 40s linear infinite;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  overflow: visible;
  line-height: 70%
}
@media screen and (max-width : 89.937em) {
  article#about-splash #backslash {
    font-size: 50rem
  }
}
@media screen and (max-width:64em) {
  article#about-splash #backslash {
    font-size: 25rem
  }
}
article#about-splash #backslash.yellow {
  background: -webkit-repeating-linear-gradient(160deg, #ed1f50, #ed1f50 10px, #000 10px, #000 20px);
  background: repeating-linear-gradient(-70deg, #ed1f50, #ed1f50 10px, #000 10px, #000 20px);
  background-size: 200% 200%;
  background-attachment: fixed
}
article#about-splash #headlines {
  position: fixed;
  width: 100%;
  z-index: 1;
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  bottom: 20px;
}
article#about-splash #headlines h1 {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 3.8rem;
  line-height: 120%;
  margin: -8px 0 -4px;
  padding: 0;
  letter-spacing: -4px
}
@media screen and (max-width : 89.937em) {
  article#about-splash #headlines h1 {
    font-size: 3.5rem;
    letter-spacing: -3px;
  }
}
@media screen and (max-width:64em) {
  article#about-splash #headlines h1 {
    font-size: 3rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width:47.9375em) {
  article#about-splash #headlines h1 {
    font-size: 2rem;
    letter-spacing: 0;
  }
}
article#about-splash #headlines .slanted-button {
  margin-top: 10px;
}
article#about-splash #headlines .slanted-button.black {
  background: #000;
}
article#about-splash #headlines .slanted-button.black h4 {
  color: #fff;
}
section#about-landing {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: auto;
  background-color: #f2f2f2;
  color: #000;
  z-index: 2;
}
section#about-landing h3.section-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.125rem
}
@media screen and (max-width : 89.937em) {
  section#about-landing h3.section-title {
    font-size: .875rem;
  }
}
@media screen and (max-width:64em) {
  section#about-landing h3.section-title {
    font-size: 1rem;
  }
}
section#about-landing article#about-intro {
  padding-top: 3rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 124%;
  padding-bottom: 5.625rem;
  width: 100%;
  overflow: hidden;
}
section#about-landing article#about-intro h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 3rem;
  letter-spacing: -2px;
  margin: 35px 0 7vh;
}
@media screen and (min-width:48em) and (max-width:64em) {
  section#about-landing article#about-intro h1 {
    font-size: 2.625rem
  }
}
@media screen and (max-width:47.9375em) {
  section#about-landing article#about-intro h1 {
    font-size: 2.25rem
  }
}
section#about-landing article#about-address {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 105%;
  padding: 75px 0
}
section#about-landing article#about-address .border-top {
  border-top: 1px solid #cecece;
  position: relative;
  margin: 1.6% 0
}
@media screen and (max-width:47.9375em) {
  section#about-landing article#about-address .border-top {
    border: none;
    margin: 0
  }
}
section#about-landing article#about-address a.email, section#about-landing article#about-address a.phone, section#about-landing article#about-address span.address {
  font-size: 2.25rem;
  line-height: 100%
}
@media screen and (max-width:119.9375em) {
  section#about-landing article#about-address a.email, section#about-landing article#about-address a.phone, section#about-landing article#about-address span.address {
    font-size: 1.75rem
  }
}
@media screen and (max-width : 89.937em) {
  section#about-landing article#about-address a.email, section#about-landing article#about-address a.phone, section#about-landing article#about-address span.address {
    font-size: 1.5rem
  }
}
section#about-landing article#about-address a {
  color: #000
}
section#about-landing article#about-address a.phone {
  text-decoration: none
}
section#about-landing article#about-network {
  width: 100%;
  height: auto;
  padding-bottom: 60px
}
section#about-landing article#about-network .grid-title {
  position: relative;
  top: 1.6vh
}
section#about-landing article#about-network .border-top {
  border-top: 1px solid #cecece;
  position: relative;
  margin-top: 1.6%
}
@media screen and (max-width:64em) {
  section#about-landing article#about-address {
    padding: 0 0 75px;
    text-align: center
  }
  section#about-landing article#about-network .border-top {
    border: none;
    margin: 0
  }
}
section#about-landing article#about-network #office-finder #tools div#office-finder-toolbar {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  padding-top: 20px;
  margin-top: 1%
}
section#about-landing article#about-network #office-finder #tools div#office-finder-toolbar a {
  color: #999;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.375rem
}
@media screen and (min-width:64.0625em) and (max-width:79.9375em) {
  section#about-landing article#about-network #office-finder #tools div#office-finder-toolbar a {
    font-size: 1.125rem
  }
}
section#about-landing article#about-network #office-finder #tools div#office-finder-toolbar a.active-toolbar {
  color: #1a1a1a
}
section#about-landing article#about-network #office-finder #tools div#search-container {
  position: relative;
  z-index: 2
}
section#about-landing article#about-network #office-finder #tools div#search-container form {
  width: 100%;
  padding-top: 20px;
  margin-top: 2%
}
section#about-landing article#about-network #office-finder #tools div#search-container #office-finder-input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #1a1a1a;
  background: url("../img/search-icon.svg") right 3px no-repeat;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  border-radius: 0;
  color: #1a1a1a;
  position: relative;
  height: 60px;
  top: -10px
}
section#about-landing article#about-network #office-finder div#list-container #country-container .level:first-of-type, section#about-landing article#about-network #office-finder div#list-container #office-list-container .level:first-of-type, section#about-landing article#about-network #office-finder div#list-container #region-container .level:first-of-type, section#about-landing article#about-network #office-finder div#list-container .region:first-of-type .region-title {
  border-top: 2px solid #3c3c3c
}
@media screen and (min-width:64.0625em) and (max-width:79.9375em) {
  section#about-landing article#about-network #office-finder #tools div#search-container #office-finder-input {
    font-size: 1.125rem
  }
}
section#about-landing article#about-network #office-finder #tools div#search-container ::-webkit-input-placeholder {
  color: #1a1a1a
}
section#about-landing article#about-network #office-finder #tools div#search-container :-moz-placeholder {
  color: #1a1a1a;
  opacity: 1
}
section#about-landing article#about-network #office-finder #tools div#search-container ::-moz-placeholder {
  color: #1a1a1a;
  opacity: 1
}
section#about-landing article#about-network #office-finder #tools div#search-container :-ms-input-placeholder {
  color: #1a1a1a
}
section#about-landing article#about-network #office-finder #tools div#search-container ::-ms-input-placeholder {
  color: #1a1a1a
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs {
  height: auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  position: relative;
  display: none
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb {
  float: left;
  position: relative;
  height: 30px;
  margin-bottom: 30px;
  margin-top: 30px;
  cursor: pointer
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb #country-breadcrumb, section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb #office-breadcrumb {
  margin-left: 12px
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb:last-of-type {
  margin-bottom: 20px
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb .arrow {
  position: relative;
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 13px
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb .arrow:before {
  content: " ";
  border-bottom: 2px solid #000;
  position: absolute;
  width: 100%;
  left: 0;
  top: 46%;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px)
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb .arrow span {
  border-right: 2px solid;
  border-bottom: 2px solid;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: -webkit-calc(50% - 4px);
  top: calc(50% - 4px)
}
section#about-landing article#about-network #office-finder #tools div#breadcrumbs .breadcrumb .crumb-level {
  text-decoration: underline
}
section#about-landing article#about-network #office-finder div#list-container {
  margin-bottom: 30px
}
section#about-landing article#about-network #office-finder div#list-container::-webkit-scrollbar {
  display: none
}
section#about-landing article#about-network #office-finder div#list-container .inner-list-container {
  max-height: 60vh;
  overflow: auto;
  margin-top: -20px;
  position: relative
}
section#about-landing article#about-network #office-finder div#list-container .inner-list-container::-webkit-scrollbar {
  display: none
}
section#about-landing article#about-network #office-finder div#list-container span.link {
  display: block;
  position: relative;
  cursor: pointer;
  width: auto;
  float: left;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
section#about-landing article#about-network #office-finder div#list-container span.link:hover {
  color: #ed1f50
}
section#about-landing article#about-network #office-finder div#list-container #region-container {
  padding: 0
}
section#about-landing article#about-network #office-finder div#list-container #region-container .level {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  border-bottom: 1px solid #3c3c3c;
  line-height: 300%;
  position: relative;
  padding: 0 1rem;
  width: 100%;
  float: left
}
section#about-landing article#about-network #office-finder div#list-container #region-container .level span.count {
  color: #999;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
section#about-landing article#about-network #office-finder div#list-container #region-container .level span.arrow {
  right: 21px;
  top: -2px;
  display: inline-block;
  width: 7%;
  position: absolute;
  height: 100%
}
section#about-landing article#about-network #office-finder div#list-container #region-container .level span.arrow:before {
  content: " ";
  border-bottom: 2px solid #000;
  position: absolute;
  width: 100%;
  left: 0;
  top: 46%;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px)
}
section#about-landing article#about-network #office-finder div#list-container #region-container .level span.arrow span {
  border-right: 2px solid;
  border-bottom: 2px solid;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px)
}
section#about-landing article#about-network #office-finder div#list-container #country-container .level {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.125rem;
  border-bottom: 1px solid #3c3c3c;
  line-height: 300%;
  padding: 0 1rem;
  position: relative;
  width: 100%;
  float: left
}
section#about-landing article#about-network #office-finder div#list-container #country-container .level span.count {
  color: #999;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
section#about-landing article#about-network #office-finder div#list-container #country-container .level span.arrow {
  right: 21px;
  top: -2px;
  display: inline-block;
  width: 7%;
  position: absolute;
  height: 100%
}
section#about-landing article#about-network #office-finder div#list-container #country-container .level span.arrow:before {
  content: " ";
  border-bottom: 2px solid #1a1a1a;
  position: absolute;
  width: 100%;
  left: 0;
  top: 46%;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px)
}
section#about-landing article#about-network #office-finder div#list-container #country-container .level span.arrow span {
  border-right: 2px solid;
  border-bottom: 2px solid;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px)
}
section#about-landing article#about-network #office-finder div#list-container #office-list-container .level {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.125rem;
  border-bottom: 1px solid #3c3c3c;
  line-height: 300%;
  width: 100%;
  float: left;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
section#about-landing article#about-network #office-finder div#list-container #office-list-container .level span.count {
  color: #999;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
section#about-landing article#about-network #office-finder div#list-container #office-list-container .level:nth-of-type(odd) {
  margin-right: 2%
}
section#about-landing article#about-network #office-finder div#list-container #office-list-container .level span.arrow {
  right: 21px;
  top: -2px;
  display: inline-block;
  width: 7%;
  position: absolute;
  height: 100%
}
section#about-landing article#about-network #office-finder div#list-container #office-list-container .level span.arrow:before {
  content: " ";
  border-bottom: 2px solid #000;
  position: absolute;
  width: 100%;
  left: 0;
  top: 46%;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px)
}
section#about-landing article#about-network #office-finder div#list-container #office-list-container .level span.arrow span {
  border-right: 2px solid;
  border-bottom: 2px solid;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px)
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container {
  position: relative
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail {
  position: relative;
  width: 100%
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail div {
  width: 100%;
  float: left;
  margin-bottom: 4.6%
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail div p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 2.3%
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail div span {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 2.25rem;
  font-size: 1.875vw
}
@media (min-width:1920px) {
  section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail div span {
    font-size: 36px
  }
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail div span a {
  text-decoration: none
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail div span.url a {
  text-decoration: underline
}
section#about-landing article#about-network #office-finder div#list-container #office-detail-container .office-detail div span.url a:hover {
  color: #ed1f50
}
section#about-landing article#about-network #office-finder div#list-container .region .region-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  border-bottom: 1px solid #fff;
  line-height: 300%
}
section#about-landing article#about-network #office-finder div#list-container .region .region-title span {
  color: #999;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
section#about-landing article#about-clients {
  padding-bottom: 60px
}
section#about-landing article#about-clients h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 3rem;
  letter-spacing: -2px;
  margin: 5px 0 4vh;
  text-align: center
}
@media screen and (min-width:48em) and (max-width:64em) {
  section#about-landing article#about-clients h2 {
    font-size: 2.625rem
  }
}
@media screen and (max-width:47.9375em) {
  section#about-landing article#about-clients h2 {
    font-size: 2.25rem
  }
}
section#about-landing article#about-clients .client {
  text-align: center
}
section#about-landing article#about-clients .client img {
  width: 100%
}
section#about-landing article#about-siblings h3.section-title {
  position: relative;
  top: 45px
}
@media screen and (max-width:64em) {
  section#about-landing article#about-siblings h3.section-title {
    margin-bottom: 1.6%;
    top: 0
  }
}
section#about-landing article#about-siblings .subsidiary-title {
  position: relative
}
section#about-landing article#about-siblings .subsidiary-title:before {
  content: ' ';
  display: block;
  width: 100%;
  border-top: 1px solid #cecece
}
section#about-landing article#about-siblings h3.subsidiary-name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 4.4375rem;
  position: relative;
  display: inline-block;
  margin: 12px 0 18px;
  cursor: pointer
}
#books .book p {
  margin-top: 0;
  color: #666;
  font-size: 12px;
  line-height: 25px
}
#books .book a, #books .book a:visited {
  margin-top: 10px;
  display: inline-block;
  color: #000
}
.stopfade {
  /*opacity: .5;*/
  opacity: 1;
}
#headlines button {
  display: block;
  /*width: 80px;*/
  padding: .4rem;
  border: none;
  margin: 1rem auto;
  font-size: 1.5rem;
  background: rgba(255, 255, 255, 0.20);
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  transition: .3s background;
}
#headlines button:hover {
  background: rgba(0, 0, 0, 0.2);
}
#headlines button a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.2);
  padding: .6rem;
  transition: .6s background;
}
#headlines button a:hover {
  background: rgba(0, 0, 0, 0.8);
}
#footer-movies {
  margin-bottom: 30px;
  overflow: hidden;
  background-color: gray;
}
.footeritem {
  display: inline-block;
  margin: 30px 0;
  padding: 0;
}
footer .footeritem img {
  width: 80%;
}
.top10 {
  margin-top: 10px
}
.top20 {
  margin-top: 20px
}
.top30 {
  margin-top: 30px
}
.top40 {
  margin-top: 40px
}
.top60 {
  margin-top: 60px
}
.bottom20 {
  margin-bottom: 20px
}
.bottom20 {
  margin-bottom: 20px
}
.bottom30 {
  margin-top: 30px
}
.bottom40 {
  margin-bottom: 40px
}
.bottom60 {
  margin-bottom: 60px
}
.copy-h1 {
  font-size: 40px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #666666;
  line-height: 1;
  letter-spacing: -0.03em;
}
.inclinador {
  width: 70px;
  height: 200px;
  background-color: #DD1746;
  margin: 0 25px 5px 0;
  float: left;
  -webkit-clip-path: polygon(70% 0%, 100% 0%, 30% 100%, 0% 100%);
  clip-path: polygon(70% 0%, 100% 0%, 30% 100%, 0% 100%);
  -webkit-shape-outside: polygon(70% 0%, 100% 0%, 30% 100%, 0% 100%);
  shape-outside: polygon(70% 0%, 100% 0%, 30% 100%, 0% 100%);
}
.inclinador2 {
  width: 100px;
  height: 290px;
  /*background-color: #DD1746;*/
  margin: 0;
  float: left;
  /*-webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);*/
  -webkit-shape-outside: polygon(0% 0%, 100% 100%, 0% 100%);
  shape-outside: polygon(0% 0%, 100% 100%, 0% 100%);
}

.bullets-mantra p {
  font-family: 'Roboto Condensed', sans-serif;
  color: #DD1746;
  margin-bottom: 8px;
  font-size: 17px;
  text-transform: lowercase;
  line-height: 1.1;
}
.nosotrostxt p {
  /*text-align: justify;*/
	line-height: 1.3;
	margin-bottom: 8px;
}
.cabezotas {
  text-align: center;
  color: white;
  font-family: 'Montserrat', sans-serif;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 700;
  font-size: 70px;
}
.separadiagonal {
  clear: both;
  position: relative;
  width: 100%;
  background: #ffffff;
  z-index: 2;
}
.separador img {
  width: 100%;
  display: block;
}
.separa30 {
  height: 40px;
}
.separa40 {
  height: 40px;
}
.separa50 {
  height: 50px;
}
.separa60 {
  height: 60px;
}
.separa80 {
  height: 80px;
}
#seccion2 {
  clear: both;
  position: relative;
  width: 100%;
  background: #ffffff;
  z-index: 2;
}
#seccion3 {
  clear: both;
  position: relative;
  width: 100%;
  background: #222222;
  z-index: 2;
}
#seccion4 {
  clear: both;
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 2;
}
/*.servs {
  color: #222222;
  padding-top: 15px;
  padding-bottom: 10px;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  border-bottom: 4px solid #222;
  margin-top: 40px;
  margin-right: 20px;
  font-size: 2em;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.servs:hover {
  border-bottom: 4px solid #DD1746;
}
.servsder {
  padding-right: 50px;
}
.servsizq {
  padding-left: 50px;
}*/
.servicios {
  color: #222222;
  padding-top: 15px;
  padding-bottom: 10px;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  border-bottom: 4px solid #222;
  margin-top: 40px;
  /*margin-right: 20px;*/
  font-size: 2em;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.servicios:hover {
  border-bottom: 4px solid #DD1746;
}
.servicios a, .servicios a:hover {
  color: #222222;
	text-decoration: none;
}
.ajustable {
  /*position: absolute;
  bottom: 0;*/
  color: #fff;
}
.flotamantra {
	float: left;
}
.flotalogos {
	float: left;
}
.logos {
	width: 250px;
}
.logo1, .logo2 {
	width: 80%;
}
.logo1 {
	margin-bottom: 50px;
}
.logo2 {
	margin-left: 20%;
}
.tabla, .tablalogos {
	    display: table;
}


/*.tabla [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}*/

.frame {
    white-space: nowrap;
    text-align: center;
	margin: 1em 0;
	height: 120px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.logocliente {
    /*background: #3A6F9A;*/
    vertical-align: middle;
    /*max-width: 80%;*/
	max-height: 120px;
}

.logosgrupo div{
	display: table-cell;
}
.logosgrupo div img {
		padding: 0 10px;
}
.terciode8 {
	width: 33%;

	padding: 10px;
    display: table-cell;
}
.bordered {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}

.no-pad-sides {
	padding-left: 0;
	padding-right: 0;
}
.bigger {
	font-size:120%;
}
.row_reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
@media screen and (max-width:575px) {
  .ajustable {
    position: inherit;
    /*margin-bottom: 10px;*/
  }
  /*.row_reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }*/
	.row_reverse {
    flex-direction:row;
  }
	.derajust {
  text-align: left;
}
  .servsder, .servsizq {
    padding-right: 30px;
    padding-left: 30px;
  }
  footer img {
    width: 60%;
  }

}
@media screen and (min-width:1024px) {
	.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left {
		margin-top: -140px;
	}
}
@media screen and (max-width:1024px) {
	#myCarousel {
    padding-top: 50px;
    margin-top: -50px;
}
	.carousel-control {
    top: 50px;
	}
	#footermenu {
  text-align: center !important;
}
	.cabezotas {
		font-size: 50px;
	}
	.overlay-image .text {
    	font-size: 19px;
	}
	.frame {
		height: 80px;
		margin: .7em 0;
	}

}
@media screen and (max-width:767px) {
	.frame {
		height: 80px;
		margin: 1.5em 0;
	}
	.logocliente {
		max-height: 80px;
		max-width: 80%;
	}
	.tablalogos {
		display: block;
	}
	.logosgrupo div {
			display:block !important;
	}

	.logosgrupo div div{
	display:block;
		width: 100% !important;
}
.logosgrupo div img {
    max-width: 260px;
    padding-bottom: 25px;
}
	.alturacero {
	min-height: 0;
}
	.no-pad-sides {
		padding-left: 15px;
		padding-right: 15px;
	}
	.grande {
		text-align: center !important;
		left: 50px;
		right: 50px;
		position: initial;
	}
	.especialidad {
		height: auto;
		margin-top: 40px;
	}
	.col-md-2.der, .col-md-2.izq {
    text-align: center;
  }
	footer {
    text-align: center
  }
}
@media screen and (max-width:580px) {
.flotamantra {
	float: none;
	margin-bottom: 15px;
}
	.inclinador {
		height: 185px;
	}
	.overlay-image .text {
    	font-size: 25px;
	}
	.tabla {
	    display: block;
}
	.terciode8 {
	width: 100%;
	/*float: none;*/
		display: block;
}
	.bordered {
	border: none;
}

}
@media screen and (max-width:1145px) {
.logos {
	width: 100%;
	margin-bottom: 20px;
}
	.logo1, .logo2 {
		width: 35%;
	}
	.logo1 {
		margin-left: 10%;
		margin-right: 5%;
		margin-bottom: 0;
	}
	.logo2 {
		margin-left: 5%;
		margin-right: 10%;
	}
	.inclinador2 {
		display: none;
	}
	.nosotrostxt {
		text-align: center;
	}
}

.clearfloat {
	clear: both;
}
.legales p {
  font-size: 10px;
}
.chirris {
	font-size: 28px!important;
	letter-spacing: normal;
}
/******* START - OVERLAY DE DISCIPLINAS ******/
/*.alturacero {
	min-height: 0;
}*/
.contenedor {
  position: relative;
  width: 100%;
}
.imagen {
  display: block;
  width: 100%;
  height: auto;
}
.overlay2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 18%;
    transition: .1s ease;
    background-color: rgba(255, 255, 255, 0.70)
}
.texto {
  color: black;
  text-align: center;
  /*margin: 0 40px;*/

	position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
	left: 0;
right: 0;
}
.texto h3 {
	font-size:21px;
}
.descdisci {
	margin-top: 10px;
	padding: 0 15px;
	display: none;
}
.botontipo {
  /*display: inline-block;*/
	margin-top:11px;
  padding: .2rem 0.4rem;
  border: none;
  font-size: 1rem;
  background: rgba(237, 31, 80, 1);
  color: #fff;
  display: none;
  /*border-radius: 3px;*/
  /*box-shadow: 0 0 10px black;*/
}
.contenedor:hover .overlay2 {
  height: 100%;
}

.contenedor:hover .texto .descdisci {
  display: block;
}
.contenedor:hover .texto .botontipo {
  display: inline-block;
}

/******* END - OVERLAY DE DISCIPLINAS ******/
#aviso p {
	margin-bottom: 15px;
}
.modal-body {
  padding: 0 !important;
}

button.cerrar {
  position: absolute !important;
top: 15px !important;
right: 15px !important;
color: white !important;
}

video {
  display: block !important;
}
.modal-dialog {
  margin: 70px auto;
}