/* @override
	http://dev.republica.net/clients/republica/wp-content/themes/rep-2015/style.css */

/*
Theme Name: Republica 2015
Author: República.net
Author URI: http://republica.net/
Description: 2015 theme
Version: 1.0 - Hotfix
License: GNU General Public License v2 or later
*/

html, body, #main-container {
	height: 100%;
}
#about *{
	backface-visibility: hidden;
}
/*Hide date on adage post*/
.postid-9650 .post-meta{
display: none;
}

body{
	font-family: lato, sans-serif;
	color: #282828;
}
.section{
	width: 100%;
	overflow: hidden;
}

a{
	color: #fdb92a;
}

h1, h2, h3, h4{
	text-transform: uppercase;
}
p{
	margin-bottom: 20px;
}

#intro-down-arrow{
	cursor: pointer;
}

#main-container{
	padding-top: 113px;
 }

#social-nav{
	min-width: 120px;
	padding-top: 15px;
	padding-left: 25px;
	text-align: right;
	margin-right: -15px;
}

#social-nav a{
	position: relative;
	padding: 0;
}
#social-nav a i{
	color: #989898;
}
body.home #main-container{
	/*// padding-top: 50px;*/
	display: block;
 }

.overlapping-text{
	letter-spacing: -8px;
}
button:focus {outline:0;}

.btn, .btn:active, .btn:hover, .btn:focus, a, a:active, a:hover, a:focus{
	outline: 0;
}
.btn.btn-primary{
	background: transparent;
	border-radius: 0px;
	border: 1px solid #fcb315;
	color: #fcb315;
	padding: 6px 20px;
}

.btn.btn-black{
	background: transparent;
	border-radius: 0px;
	border: 1px solid #282828;
	color: #282828 !important;
	padding: 6px 20px;
}

.btn.btn-white{
	background: transparent;
	border-radius: 0px;
	border: 1px solid #000000;
	color: #fff;
}

.btn.btn-primary:hover{
	color: white;
	background-color: #fbb315;
	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250 linear;

	-webkit-transition: color 250ms linear;
	-moz-transition: color 250ms linear;
	-o-transition: color 250ms linear;
	-ms-transition: color 250ms linear;
	transition: color 250ms linear;

}

.btn.btn-black:hover, #contact-form-panel button:hover, #subscribe-form-panel button:hover {
	color: white !important;
	border-color: #fbb315 !important;
	background-color: #fbb315;
	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250 linear;

	-webkit-transition: color 250ms linear;
	-moz-transition: color 250ms linear;
	-o-transition: color 250ms linear;
	-ms-transition: color 250ms linear;
	transition: color 250ms linear;
}

.btn-yellow{
	background-color: #f2b91f !important;
	color: #fff !important;
	border-radius: 0px;
}

.btn.btn-primary:active{
	box-shadow: none;
	margin-top: 1px;
	margin-bottom: -1px;

	border: 1px solid #f9c435;
}
.btn-svg{
	background: transparent;
	padding: 0px;
}

.btn-svg svg:focus {outline:0;}

.btn-svg:active{
	background: transparent;
	margin-top: 1px;
	margin-bottom: -1px;
	outline:0;
}

#promo{
	position: fixed;
	width: 100%;
	z-index: 25;
	background-color: #282828;
	color: #fff;
	height: 50px;
	text-align: center;
}
#promo a{
	display: inline-block;
	padding: 14px 0 0 0;
	width: 100%;
	color: #fff;
}
#promo .btn{
	background-color: #cdcdcb;
	color: #000;
	border-radius: 30px;
	margin: 2px 0 0 10px;
}

@media (max-width: 480px) {
	#promo{
		top: 50px;
	}
}
nav.navbar#main {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 24;
	margin: 0;
	padding: 5px;
	border-radius: 0px;
	display: none;
}
body.home nav.navbar#main.shown {
	top: 0;
	transition: top 0.5s ease;
}
body.home nav.navbar#main {
	top: -65px;
	transition: top 0.5s ease;
}

body.page-template-page-home nav.navbar#main.shown {
	top: 0;
	transition: top 0.5s ease;
}
body.page-template-page-home nav.navbar#main {
	top: -65px;
	transition: top 0.5s ease;
}



#main .navbar-brand{
	margin-left: 0;
}

#hero-nav .container-fluid{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

#hero-nav nav a:hover, #main a:hover, #hero-nav a:focus, #main a:focus{
	background-color: transparent;
	color: #fcb315 !important;
}


#main .container-fluid{
	padding-left: 20px;
	padding-right: 20px;
}

#main .navbar-brand img {
	height: 30px;
	width: auto;
	margin-top: 11px;
}


#menu-home-menu {
	padding-top: 11px;
}
@media(min-width: 768px) {
	#main .navbar-brand img {
		margin-top: 11px;
	}
	#menu-home-menu {
		padding-top: 11px;
	}
}
@media(min-width: 992px) {
	#main .navbar-brand img {
		height: 40px;
		margin-top: 6px;
	}
}
@media(min-width: 1200px) {
	#menu-home-menu {
		padding-top: 6px;
	}
	#main .navbar-brand img {
		margin-top: 6px;
	}
}

.navbars{
	width:60%;
}


.navbar-default .navbar-toggle{
	border-color: white;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active{
	background-color: transparent;
}

#main.navbar-default .navbar-toggle{
	border-color: black;
	background-color: #FFFFFF;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: white;
}

#main.navbar-default .navbar-toggle .icon-bar{
	background-color: black;
}

nav.navbar#main a{
	color: black;
	text-transform: uppercase;
	outline: none;
	padding: 10px;
	font-size: 12px;
}
@media(min-width: 768px) {
	nav.navbar#main a {
		padding: 6px;
		font-size: 11px;
	}
	#social-nav {
		min-width: 1px;
		padding-left: 15px;
		padding-top: 15px;
	}
}
@media(min-width: 1200px) {
	nav.navbar#main a {
		padding: 10px 15px;
		font-size: 14px;
	}
	#social-nav {
		min-width: 120px;
		padding-top: 15px;
		padding-left: 25px;
	}
}
nav.navbar#main .navbar-brand{
	padding: 0;
}

.yellow{
	color: #f2b91f;
}


#interior-menu{
	position: fixed!important;
	z-index: 9999;
	top: 0;
	left: 0;
	bottom:0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.9);
}
#interior-menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;

}

#interior-menu ul li a{
	font-size: 2.6em;
	font-weight: bold;
	color: white;
	text-align: center;
}
#interior-menu ul li{
	text-align: center;
}

#interior-menu ul li.active a{
	font-size: 4em;

}

#interior-menu ul li.active a:before{
	content: "";
	display: inline-block;
	background: url(img/accento.svg) no-repeat;
	width: 80px;
	height: 40px;
	background-size: contain;
	background-position: center;
}

#interior-menu .close{
	color: white;
	margin-top: 20px;
	margin-right: 20px;
	text-shadow: 0;
}

h1{
	text-transform: uppercase;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
}

#hero{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667a87+56,3e5560+100 */
/*	background: url('img/hero_accent.png') 60% 60% no-repeat #667a87; /* Old browsers */
/*	box-shadow: inset 0 0 5em 1em rgba(0,0,0,0.5);
*/
  background-color: #FFCB08;
	height: 100%;
	min-height: 700px;
	min-height: 100vh;
	position: relative
}
#hero-indicators{
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
	position: absolute;
	left: auto;
	right: 50px;
	bottom: 40%;
	width: 30px;
	z-index: 8;
}
@media (max-width: 800px) {
	#hero-indicators{
		right: 5px;
	}
}

#hero-indicators li{
	cursor: pointer;
	display: block;
	border-radius: 0px;
	height: 12px;
	width: 12px;
	padding:0px;
	border: none;
	background: white;
	border-radius: 50%;
	margin-bottom: 8px;
	transition: all .35s;
}
#hero-indicators li.active{
	background: #FFC809;
}

/*#hero-indicators li:after{
	content:'';
	display: block;
	border-radius: 0px;
	height: 40px;
	width: 2px;
	border: none;
	background: white;
	margin-bottom: 6px;
	transition: all .35s;
	position: absolute;
	left: 4px;
}
#hero-indicators li.active:after{
	content:'';
	padding: 0;
	border: none;
	width: 6px;
	background: white;
}
*/


#hero .btn {
	padding: 10px 20px;
	border: 1px solid #cccccc;
	text-transform: uppercase;
	border-radius: 0px;
	text-decoration: none;
}
#hero .btn:hover{
	background-color: #fff;
	color: #000;
	text-decoration: none !important;
	cursor: pointer;
}

.hero-slide{
	position: absolute !important;
	display: block !important;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	/*background-color: #FFC809;*/
}
.hero-overlay{
	background: url(img/hero/hero-overlay.png) center center no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	z-index: 2;
	/*background-color: #1892C5;*/

  -webkit-animation: home-start 0.8s ease; /* Safari 4+ */
  -moz-animation:    home-start 0.8s ease; /* Fx 5+ */
  -o-animation:      home-start 0.8s ease; /* Opera 12+ */
  animation:         home-start 0.8s ease; /* IE 10+, Fx 29+ */

}


@-webkit-keyframes home-start {
  0%   { background-color: #23889F; }
  100% { background-color: transparent; }
}
@-moz-keyframes home-start {
  0%   { background-color: #23889F; }
  100% { background-color: transparent; }
}
@-o-keyframes home-start {
  0%   { background-color: #23889F; }
  100% { background-color: transparent; }
}
@keyframes home-start {
  0%   { background-color: #23889F; }
  100% { background-color: transparent; }
}

#arrow-explore{
  position: absolute;
  z-index: 3;
  bottom: 50px;
  width: 100%;
  text-align: center;
}
#arrow-explore a{
	color: #fff;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 3px solid #fff;
	position: relative;
}
#arrow-explore a span{
	position: absolute;
	top: 10px;
	left: 10px;
}
@media (max-width: 1024px) {
	.hero-slide .container{
		width: 100%;
	}
}
@media (max-width: 767px) {
	#arrow-explore{
		bottom: 10px;
	}
}
@media (max-width: 480px) {
	#arrow-explore{
		display: none;
	}
}
.accent-cover-left{
	position: absolute;
  height: 1000px;
  width: 1400px;
  left: -1100px; /* -1900px */
  background-color: #667a87;
  transform: skewX(-40deg);
}
.accent-cover-right{
	position: absolute;
  height: 1000px;
  width: 1300px;
  left: 735px; /* 2280px */
  transform: skewX(-40deg);
}
.accent-cover-top{
	position: absolute;
	top: 0px;
	left: -25%;
  height: 225px;
  width: 150%;
}
.accent-cover-bottom{
	position: absolute;
	bottom: 0px;
	left: -25%;
  height: 150px;
  width: 150%;
}
@media (max-width: 1000px) {
	.accent-cover-left{
		left: -163%;
	}
	.accent-cover-right{
		left: 520px;
	}
}
@media (max-width: 767px) {
	.accent-cover-left{
		left: -250px;
		width: 225px;
	}
	.accent-cover-right{
		left: 85%;
	}
}
@media (max-width: 480px) {
	.accent-cover-left{
		left: -250px;
		width: 225px;
	}
	.accent-cover-right{
		left: 85%;
	}
	.accent-cover-top{
		top: 45px;
	}
	.accent-cover-bottom{
		bottom: 20px;
	}
}
.hero-slide .container{
/*	position: relative;
	margin: 0 auto;
	height: 800px;
	max-width: 1600px;
	padding: 0;
	background-color: #FFC809;
	overflow: hidden;
	top: 50%;
	transform: translateY(-50%);*/
	position: relative;
    margin: 0 auto;
    min-height: 100vh;
    height: 100vh;
    width: 100%;
    padding: 0;
    overflow: hidden;
    top: 0;
    object-fit: cover;
    background-size: cover;
    background-position: 50% 50%;
}

#hero .item .item-subhead{
  position: relative;
/*  top: 65%;
*/width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 1.5em;
  opacity: 0;
  z-index: 2;
}
#hero .item a{
	color: #fff;
	text-decoration: none;
	transition: all .3s;
	-webkit-transition: all .3s;
}
#hero .item a:hover{
	text-decoration: underline;
}
@media (max-width: 1024px) {

	#hero{
		min-height: auto;
	}
	#hero .item .item-subhead{
		top: 55%;
		font-size: 1.3em;
		padding: 0 35px;
	}
}
@media (max-width: 480px) {
	#hero .item .item-subhead{
		padding: 0 25px;
	}
}

/*.slide-title-container{
	position: absolute;
	width: 100%;
	padding-top: 0;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: auto;
	margin: 0 !important;
	padding: 0 20px;
}*/

@media (max-width: 767px) {
	.slide-title-container{
		/*padding-top: 40%;*/
	}
}
.hero-item{
	position: absolute;
	width: 100%;
	height: 700px;
	left: 0px;
	margin-top: 0 !important;
	top: 50%;
	transform: translateY(-50%);
}

.item-title{
	width: 100%;
	text-align: center;
	/*position: absolute;*/
	font-size: 8em;
	/*top: 42%;*/
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
	z-index: 5;
	line-height: 1em;
}
@media (max-width: 767px) {
	.item-title{
		font-size: 40px;
	}
}
.item-subhead {
	position: relative;
	top: 25px;
	margin-bottom: 25px;
}

.item-cta {
	position: relative;
	top: 25px;
	width: 100%;
	text-align: center;
	height: 100px;
	z-index: 6;
	opacity: 0;
}
.item-cta a {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 30px;
	width: 195px;
	text-transform: capitalize !important;
}

@media(min-width: 768px) {
	.item-cta a {
		display: inline-block;
		vertical-align: middle;
		width: 195px;
		margin-bottom: 0;
		text-transform: capitalize !important;
	}
	.item-cta a + a {
		margin-left: 40px;
		text-transform: capitalize !important;
	}
}

#slide-kong, .kong-container .accent-cover-left, .kong-container .accent-cover-right, .kong-container .accent-cover-top, .kong-container .accent-cover-bottom {
	  /*background-color: #27d4fa;*/
}

.kong-bg{
	background: url(img/hero/azamara-hero-republica.jpg) center center no-repeat;
	position: absolute;
	top: 2%;
	left: 0%;
	width: 1085px;
	height: 748px;
}
.kong-steam{
	background: url(img/hero/rep_kong_steam.png) center center no-repeat;
	width: 869px;
	height: 599px;
	position: absolute;
	left: 12%;
	top: -4%;
}
.kong-title{
	width: 100%;
	text-align: center;
	/*position: absolute;*/
	font-size: 10em;
	/*top: 42%;*/
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
	z-index: 5;
}


@media (max-width: 1200px) {
	.kong-title{
		font-size: 8em;
	}
}
@media (max-width: 1024px) {
	.kong-title{
		font-size: 6em;
		/*top: 42%;*/
	}
	.kong-bg{
		left: 0px;
		width: 100%;
		background-position: left center;
		background-size: 120%;
		top: 5%;
	}
	.kong-subhead{
		/*top: 59% !important;*/
	}
	.kong-cta{
		/*top: 67%;*/
	}
}
@media (max-width: 767px) {
	.kong-bg{
		width: 100%;
		background-size: 130%;
		background-position: left center;
		/*top: 3%;*/
	}
	.kong-title{
		font-size: 3.4em;
		/*top: 47%;*/
	}
}
@media (max-width: 667px) {
	.kong-bg{
	}
	.kong-title{
		/*top: 49%;*/
		font-size: 3em;
	}
	.kong-cta{
		/*top: 66% !important;*/
	}
	.kong-subhead{
		/*top: 57% !important;*/
	}
}

#slide-rep10{
	background-color: #000;
}
#slide-rep10 .rep10-container{
	background-image: url(img/hero/rep_rep10.jpg), url(img/hero/rep_rep10_red.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-position: center top, center bottom;
	background-size: auto 50%, auto;
}
@media (max-width: 767px) {
	#slide-rep10 .rep10-container{
		background-position: center 50px, center 90%;
	}
}
@media (max-width: 480px) {
	#slide-rep10 .rep10-container{
		background-size: auto 30%, auto;
	}
	#slide-rep10 .slide-title-container{
		/*padding-top: 6%;*/
	}
}

#slide-rep10 .rep10-item{

}
.rep10-bg{
	position: absolute;
	top: 2%;
	left: 0%;
	width: 1085px;
	height: 748px;
}
.rep10-title{
	width: 100%;
	text-align: center;
	/*position: absolute;*/
	font-size: 10em;
	/*top: 42%;*/
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
	z-index: 5;
}

@media (max-width: 1200px) {
	.rep10-title{
		font-size: 8em;
	}
}
@media (max-width: 1024px) {
	.rep10-title{
		font-size: 6em;
		/*top: 42%;*/
	}
	.rep10-bg{
		left: 0px;
		width: 100%;
		background-position: left center;
		background-size: 120%;
		top: 5%;
	}
	.rep10-subhead{
		/*top: 59% !important;*/
	}
	.rep10-cta{
		/*top: 67%;*/
	}
}
@media (max-width: 767px) {
	.rep10-bg{
		width: 100%;
		background-size: 130%;
		background-position: left center;
		/*top: 3%;*/
	}
	.rep10-title{
		font-size: 3.4em;
		/*top: 47%;*/
	}
}
@media (max-width: 667px) {
	.rep10-bg{
	}
	.rep10-title{
		/*top: 49%;*/
		font-size: 3em;
	}
	.rep10-cta{
		/*top: 66% !important;*/
	}
	.rep10-subhead{
		/*top: 57% !important;*/
	}
}

#slide-svc, .svc-container .accent-cover-left, .svc-container .accent-cover-right, .svc-container .accent-cover-top, .svc-container .accent-cover-bottom{
	  background-color: #eab9ad;
}


.svc-bg{
	background: url(img/hero/rep_svc_bottle.png) center center no-repeat;
	position: absolute;
	top: 2%;
	left: 37%;
	width: 339px;
	height: 856px;
	-ms-transform: rotate(7deg); /* IE 9 */
  -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  transform: rotate(7deg);
}
.svc-headphones{
	background: url(img/hero/rep_svc_headphones.png) center center no-repeat;
	width: 296px;
	height: 391px;
	position: absolute;
	left: 15%;
	top: 20%;
	opacity: 1;
}
.svc-cork{
	position: absolute;
	background: url(img/hero/rep_svc_cork.png) center center no-repeat;
	width: 114px;
	height: 122px;
	top: 20%;
	left: 65%;
	opacity: 1;

}
.svc-bubbles{
	position: absolute;
	background: url(img/hero/rep_svc_bubbles.png) center center no-repeat;
	width: 556px;
	height: 315px;
	top: 20%;
	left: 20%;
	opacity: 1;
}
.svc-title{
	width: 100%;
	text-align: center;
	/*position: absolute;*/
	font-size: 10em;
	line-height: 100%;
	/*top: 42%;*/
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
	/*z-index: 5;*/
}
.svc-cta{
	/*position: absolute;*/
	/*top: 72%;*/
	width: 100%;
	text-align: center;
	height: 100px;
	/*z-index: 6;*/
	opacity: 0;
}
@media (max-width: 1024px) {
	.svc-title{
		font-size: 6em;
		top: 42%;
	}
	.svc-bg{
		left: 0px;
		width: 100%;
	}
	.svc-headphones{
    top: 21%;
    background-size: 90%;
	}
	.svc-bubbles{
		left: 2%;
	}
	.svc-cork{
		background-size: 90%;
	}
	.svc-subhead{
		top: 59% !important;
	}
	.svc-cta{
		/*top: 67%;*/
	}
}
@media (max-width: 767px) {
	.svc-bg{
	}
	.svc-title{
		font-size: 3.4em;
		top: 47%;
	}
}
@media (max-width: 667px) {
	.svc-bg{
		top: 16%;
	}
	.svc-headphones{
		display: none !important;
	}
	.svc-cork{
		left: 60%;
		background-size: 75%;
	}
	.svc-bubbles{
		left: -2% !important;
		width: 100%;
		background-size: 100%;
	}
	.svc-title{
		/*top: 49%;*/
	}
	.svc-cta{
		/*top: 66% !important;*/
	}
	.svc-subhead{
		/*top: 57% !important;*/
	}
}

#slide-pork, .pork-container .accent-cover-left, .pork-container .accent-cover-right, .pork-container .accent-cover-top, .pork-container .accent-cover-bottom{
	background-color: #00aeef;
}
#slide-pork .pork-container{
	background: url(img/hero/rep_pork_grass.jpg) repeat-x center bottom #FFC809;
}

.pork-bg{
	background: url(img/hero/rep_pork.png) center center no-repeat;
	position: absolute;
	top: 12%;
	left: 25%;
	width: 475px;
	height: 674px;
}
.pork-cloud{
	position: absolute;
	background: url(img/hero/rep_pork_cloud.png) center center no-repeat;
	width: 326px;
	height: 95px;
	top: 10%;
	left: 57%;
}
.pork-steam{
	position: absolute;
	background: url(img/hero/rep_pork_steam.png) center center no-repeat;
	width: 568px;
	height: 626px;
	top: -9.1%;
  left: 14.6%;
}
.pork-title{
	width: 100%;
	text-align: center;
	/*position: absolute;*/
	font-size: 10em;
	/*top: 42%;*/
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
}
@media (max-width: 1024px) {
	.pork-title{
		font-size: 6em;
		/*top: 42%;*/
	}
	.pork-bg{
		left: 0px;
		width: 100%;
	}
	.pork-steam{
		width: 100%;
		left: -10%;
	}
	.pork-subhead{
		/*top: 59% !important;*/
	}
}
@media (max-width: 767px) {
	.pork-bg{
		background-size: 85%;
	}
	.pork-title{
		font-size: 3.4em;
		/*top: 47%;*/
	}
}
@media (max-width: 667px) {
	.pork-cloud{
		top: 23%;
	}
	.pork-steam{
		display: none;
	}
	.pork-title{
		/*top: 52%;*/
	}
	.pork-subhead{
		/*top: 60% !important;*/
	}
}


#slide-bull, .bull-container .accent-cover-left, .bull-container .accent-cover-right, .bull-container .accent-cover-top, .bull-container .accent-cover-bottom{
	  background-color: #6b818e;
}


.bull-bg{
	background: url(img/hero/rep_bull.png) center center no-repeat;
	position: absolute;
	top: 1%;
	left: 32%;
	width: 398px;
	height: 970px;
}
.bull-shadow{
	background: url(img/hero/rep_bull-shadow.png) center center no-repeat;
	position: absolute;
	top: 5%;
	left: 32%;
	width: 399px;
	height: 970px;
}
.bull-arm{
	background: url(img/hero/rep_bull-arm.png) center center no-repeat;
	position: absolute;
	top: 1%;
	left: 32%;
	width: 398px;
	height: 970px;
	z-index: 1;
}
.bull-title{
	width: 100%;
	text-align: center;
	/*position: absolute;*/
	font-size: 10em;
	/*top: 38%;*/
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
}
.bull-subhead{
	/*top: 64% !important;*/
}
@media (max-width: 1024px) {
	.bull-title{
		font-size: 6em;
		/*top: 42%;*/
	}
	.bull-bg{
		left: 0px;
		width: 100%;
	}
	.bull-arm{
		display: none;
	}
}
@media (max-width: 767px) {
	.bull-bg{
		background-size: 85%;
	}
	.bull-title{
		font-size: 3.4em;
		/*top: 47% !important;*/
	}
	.bull-subhead{
		/*top: 55% !important;*/
	}
	.bull-arm{
		display: none;
	}
}
@media (max-width: 480px) {
	.bull-shadow{
		left: -5%;
		opacity: 0;
	}
	.bull-bg{
/*		background-image: url(img/hero/rep_cafe-mobile.png);
*/	}
}

#slide-oj, .oj-container .accent-cover-left, .oj-container .accent-cover-right, .oj-container .accent-cover-top, .oj-container .accent-cover-bottom{
	  background-color: #28ab70;
}


.oj-splash{
	background: url(img/hero/rep_oj-splash.png) center center no-repeat;
	position: absolute;
	width: 1337px;
	height: 900px;
	top: 0px;
	left: -50px;
}
.oj-bg{
	background: url(img/hero/rep_oj.png) center center no-repeat;
	position: absolute;
	top: 8%;
	left: 32%;
	width: 371px;
	height: 732px;
}
.oj-title{
	width: 100%;
	text-align: center;
	/*position: absolute;*/
	font-size: 10em;
	/*top: 42%;*/
	left: -15px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
	text-shadow: 3px 3px 15px #229360;
	text-align: center;
}
@media (max-width: 1024px) {
	.oj-title{
		font-size: 6em;
		/*top: 42%;*/
	}
	.oj-bg{
		left: 0px;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.oj-bg{
		background-size: 85%;
	}
	.oj-title{
		font-size: 3.4em;
		/*top: 47%;*/
		left: auto !important;
		width: 100%;
		text-align: center;
	}
	.oj-splash{
		background-image: url(img/hero/rep_oj-splash-mobile.png);
		background: auto;
		width: 100%;
		left: 0px !important;
		top: -110px;
	}
}
@media (max-width: 767px) {
	.oj-bg{
/*		background-image: url(img/hero/rep_cafe-mobile.png);
*/	}
}

#slide-cafe, .cafe-container .accent-cover-left, .cafe-container .accent-cover-right, .cafe-container .accent-cover-top, .cafe-container .accent-cover-bottom{
	  background-color: #67caa3;
}

.cafe-cloud{
	background: url(img/hero/rep_cafe_cloud.png) center center no-repeat;
	position: absolute;
	top: 7%;
	left: 56%;
	width: 131px;
	height: 73px;
}
.cafe-bg{
	background: url(img/hero/rep_cafe.png) center center no-repeat;
	position: absolute;
	top: 6%;
	left: 26%;
	width: 506px;
	height: 640px;
}
.cafe-brothers{
	background: url(img/hero/rep_cafe_hermanos.png) 39% 54% no-repeat;
	position: absolute;
	top: 50%;
	left: 30%;
	width: 600px;
	height: 116px;
	z-index: 1;
}
.cafe-title{
	width: 100%;
	text-align: center;
	font-size: 10em;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	opacity: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	transform: perspective(100px) translateZ(0px);
	text-align: center;
	line-height: 1em;
}
.cafe-subhead{
	/*top: 71% !important;*/
}
@media (max-width: 1024px) {
	.cafe-title{
		font-size: 6em;
		/*top: 42%;*/
	}
	.cafe-bg{
		left: 0px;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.cafe-bg{
		background-size: 85%;
	}
	.cafe-title{
		font-size: 3.4em;
		/*top: 47%;*/
	}
	.cafe-subhead{
		top: 60% !important;
	}
	.cafe-brothers{
		top: 55%;
		left: -5%;
	}
	.cafe-cloud{
		top: 25%;
	}
}
@media (max-width: 767px) {
	.cafe-bg{
		background-image: url(img/hero/rep_cafe-mobile.png);
	}
}

.whale-shadow{
  position: absolute;
  top: 85%;
  left: 21%;
  width: 675px;
  height: 0px;
  box-shadow: 0 0 70px 4px rgba(0,0,0,0.8);
  border-radius: 25%;
}

.invisible{
	opacity: 0;
}
.height-100{
	height: 100%;
}
/**
	Performance Tweaks
**/

.slide-bg{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}




#hero div.container nav.navbar {
	background-color: transparent;
	border-style: none;
}
#main{
	display: none;
}

nav.navbar .active  a{
	background-color: transparent!important;
	color: #fcb315!important;
}

#hero #hero-nav{
	position: absolute;
	z-index: 4;
	width:100%;
}


#hero  nav.navbar{
	margin-top: 15px;
}

/*#hero .navbar-right{
	display: none;
}*/

#hero nav.navbar a {
	color: white;
	text-transform: uppercase;
}
@media (max-width: 992px) {
	#hero nav.navbar a {
		padding: 18px 5px;
		font-size: 12px;
	}
}

#hero a.navbar-brand {
	/*padding: 0!important;*/
}

#about{
	background: white;
	padding: 140px 0 140px 0;
	text-align: center;
}

#about .btn{
	margin-bottom: 0px;
}
#about .lead p {
	font-size: 16px;
	line-height: 1.1em;
    margin-bottom: 10px;
    font-weight: 300;
    padding: 0px 30px;
}
@media (min-width: 768px) {
	#about .lead p {
	    font-size: 20px;
	    line-height: 1.2em;
	    padding: 0px 80px;
	}
}
@media (min-width: 1200px) {
	#about .lead p {
	    font-size: 22px;
	    line-height: 1.3em;
	    padding: 0px 125px;
	}
}
#about .lead {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
	#about .btn{
		display: block;
	}
}
#about p.text-center{
	margin-bottom: 0px;
}

span.vert-separator{
	width: 1px;
	height: 35px;
	background-color: #F0AE00;
	display: inline-block;
	margin-bottom: -4px;
	margin-right: 15px;
	margin-left: 15px;
}

img.toolbox{
	position: relative!important;
	top: 60px
}

/*div.history-img {
width: 300px;
float: left;
padding-right: 20px;
margin-bottom: 20px;

}
p.history-img-caption{
	font-weight: 900;
	font-size: 12px;
	margin-top: 5px;
}*/

/*Work section*/

#work-grid {
	padding: 10px;
}
#work-grid a {
	margin-bottom: 10px;
	display: block;
}

@media (min-width: 768px) {
	#work-grid{
		padding: 0 0 20px;
	}
	#work-grid a {
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	#work-grid{
		padding: 0 0 140px;
	}
}

#work-grid .bs {
	display: inline!important;
}
.work-grid-item{
  padding: 0;
	position: relative;
	/*min-height: 400px;*/
	cursor: pointer;
}
.work-grid-image-container{
	height: 380px;
	width: 100%;
	overflow: hidden;
}
.modal-body .work-grid-image-container{
	height: 260px;
	width: 100%;
	overflow: hidden;
}
.modal-body #work-grid .container{
	width: 100%;
}
.work-grid-item.tall .work-grid-image-container{
	height: 780px;
}
	@media (max-width: 767px) {
		.work-grid-item.tall .work-grid-image-container{
			height: 380px;
		}
	}
.work-grid-image{
	position: relative;
	background-position: center center;
	background-size: cover;
	transition: all 1s;
	width: 100%;
	height: 100%;
}
.work-grid-image.blur {
/*	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	transition: all 1s;*/
}
/*.work-grid-item.tall  .work-grid-image{
	height: 780px;
}*/
.work-grid.1x2{
	min-height: 810px;
}
.work-grid-item .meta {
/*	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	min-height: 130px;
	background-color: white;
	padding: 20px;
	display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 380px;
	padding: 0;
	/*display: none;*/
	color: #fff;
	text-align: center;
	opacity: 1;
	transition: opacity 0.1s ease-in-out;
}
@media(min-width: 992px) {
	.work-grid-item .meta {
		opacity: 0;
	}
}
.work-grid-item:hover .meta {
	opacity: 1;
	transition: opacity 0.1s ease-in-out;
}
.work-grid-item .meta .meta-content {
	position: absolute;
	top: 50%;
	padding: 20px;
	width: 100%;
	transform: translateY(-50%);
}
.modal-body .work-grid-item .meta{
	min-height: 260px;
}


.work-grid-item.tall .meta{
	min-height: 780px;
}

.work-grid-item .meta .title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
	display: block;
	display: inline-block;
	max-width: 90%;
	min-width: 70%;
}
.work-grid-item .meta .description {
	text-transform: capitalize;
}

.work-grid-item .external-icon{
    float: right;
    width: 60px;
    height: 60px;
    position: relative;
    background-color: #5e6460;
    border-radius: 50%;
    background-image: url(img/external_icon.svg);
    background-size: 35px 35px;
    background-position: center;
    background-repeat: no-repeat;
}
/*work on mobile*/

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 1024px) {

			.work-grid-item .meta, .work-grid-item.tall .meta{
				display: block;
				min-height: 100px;
				bottom: 0;
				top: inherit;
				text-align: center;
				background-image: none !important;
			}

			.work-grid-item .meta .title{
				/*border-bottom: none;*/
				font-size: 1.2em;
				border-bottom: 4px solid white;
			}
			.work-grid-item .meta.external-link .title, .work-grid-item .meta.external-link .description{
				width: 75%;
			}
			#work-grid .bs{
				display: block!important;
				margin-top: 0!important;
			}

    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }



/*End work section*/


#about p{
	position: relative;
	top: 100px;
	opacity: 0;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: 100;
}
#about p.lead{
	font-size: 26px;
	line-height: 1.6em;
	margin-bottom: 35px;
	font-weight: 300;
	padding: 0px 100px;
}

#about > .container{
}

#about .row{
}
#about h2{
	position: relative;
	top: 100px;
	opacity: 0;
	font-size: 40px;
	text-align: center;
	line-height: normal;
	letter-spacing: -2px;
	padding-bottom: 20px;
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 0px;
}
@media (max-width: 768px) {

	#about p, #about h2{
		opacity: 1;
		text-align: center;
		top: 0px;
	}
}
@media (min-width: 768px) {
	#about h2{
		font-size: 90px;
	}
}
#history{
	padding: 30px 0 100px 0;
}
#history p.lead{
	font-size: 18px !important;
	padding-right: 100px;
}
#history h2{
	font-size: 24px;
	font-family: lato, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	padding-bottom: 15px;
}

#history .col-sm-4{
/*	padding-top: 50px;*/
	padding-right: 45px;
}
#history a{
	margin-bottom: 10px;
}
#showcase-video{
	height: 435px;
	position: relative;
	z-index: 0;
}
#showcase-content{
	padding-bottom: 80px;
}

#showcase{
	position: relative;
	z-index: 3;
	top: -435px;
	height: 435px;
	margin-bottom: -435px;
	background: url(img/dothatch.png) repeat, -webkit-gradient(linear, left top, right top, color-stop(0.22, rgba(242, 185, 31, 0.34)), to(rgba(101, 187, 193, 0.27))) repeat;
	background: url(img/dothatch.png) repeat, -webkit-linear-gradient(left, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) repeat;
	background: url(img/dothatch.png) repeat, -o-linear-gradient(left, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) repeat;
	background: url(img/dothatch.png) repeat, linear-gradient(to right, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) repeat;
	-pie-background: linear-gradient(left,#F2B91F 22%,#66BCC1 );
	border-color: rgb(0, 0, 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}

div.showcase-nav-container {
padding: 0 30px;
}

#showcase-content div.container {
	width: 100%;
	padding: 0;
}


#showcase-carousel div.carousel-inner div.item div.row.showcase-item-container {
	padding: 10px;
	width: 100%;
	margin:10px 0;

}

#showcase-carousel{
	max-width: 1200px;
	margin: 0 auto;
}


#showcase h2 {
	color: rgb(255, 255, 255);
	font-family: lato, sans-serif;
	font-size: 120px;
	font-weight: 900;
	text-transform: uppercase;
}

#showcase-headline{
	height: 435px;
}

div.row.awards-item-container>div{
	padding: 20px;
}
ul.showcase-tabs, ul.awards-tabs {
	list-style-type: none;
	text-align: center;
	border-bottom: 1px solid #c9cac9;
	margin-bottom: 0;
	margin-top: 0;
}

ul.showcase-tabs li, ul.awards-tabs li {
	display: inline-block;
}

ul.showcase-tabs li a, ul.awards-tabs li a {
	display: inline-block;
	padding: 30px 20px 30px;
	color: black;
	text-transform: uppercase;
}

ul.showcase-tabs li a:hover, ul.awards-tabs li a:hover  {
	color: rgb(105, 111, 111);
	text-decoration: none;
}

ul.showcase-tabs li.active a, ul.awards-tabs li.active a {
	border-bottom: 3px solid #fcb926;
	color: #f3ba00;
}


#services {
/*	background: url(img/dothatch.png) center center repeat, -webkit-gradient(linear, left top, right top, color-stop(0.22, rgba(242, 185, 31, 0.64)), to(rgba(242, 185, 31, 0.64))) 0 20% repeat, url(img/lobby.jpg) 0 center transparent;
	background: url(img/dothatch.png) center center repeat, -webkit-linear-gradient(left, rgba(242, 185, 31, 0.64) 22%, rgba(242, 185, 31, 0.64) 100%) 0 center repeat, url(img/lobby.jpg) 0 20% transparent;
	background: url(img/dothatch.png) center center repeat, -o-linear-gradient(left, rgba(242, 185, 31, 0.64) 22%, rgba(242, 185, 31, 0.64) 100%) 0 center repeat, url(img/lobby.jpg) 0 20% transparent;
	background: url(img/dothatch.png) center center repeat, linear-gradient(to right, rgba(242, 185, 31, 0.64) 22%, rgba(242, 185, 31, 0.64) 100%) 0 center repeat, url(img/lobby.jpg) 0 20% transparent;
	border-color: rgb(0, 0, 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	background-attachment: fixed;
	filter: alpha(opacity=30);*/
	background-color: #000;
	color: #fff;
	text-align: center;
	color: white;
	min-height: 590px;
	overflow: visible;
	padding: 60px 0 30px !important;
}
@media(min-width: 768px) {
	#services {
		padding: 140px 0 100px 0;
	}
}
#services .headline-mask{
	position: relative;
	height: 75px;
	overflow: hidden;
}

#services .lead {
	padding: 0 10px;
	margin-bottom: 30px;
}
@media(min-width: 768px) {
	#services .lead {
		padding: 0 50px;
		margin-bottom: 30px;
	}
}
@media(min-width: 992px) {
	#services .lead {
		padding: 0 150px;
	}
}

#service-item-container div.item{
	margin-bottom: 20px;
	padding-left: 100px;
}
@media(min-width: 768px) {
	#service-item-container div.item{
		min-height: 220px;
	}
}
#service-item-container div.item:before{
	content: " ";
	width: 43px;
	height: 43px;
	position: absolute;
	left: 5px;
	top: 5px;
	padding: 10px;
	border: solid 1px rgba(255,255,255,0.2);
	box-sizing: content-box;
	background-size: 43px 43px !important;
}
@media (max-width: 767px) {
	#service-item-container div.item:before{
		left: 15px;
	}
}

#service-item-container div.item.advertising:before{
	background: url(img/service-advertising.svg) center center no-repeat;
}

#service-item-container div.item.service-media:before{
	background: url(img/service-media.svg) center center no-repeat;
}

#service-item-container div.item.branding:before{
	background: url(img/service-branding.svg) center center no-repeat;
}

#service-item-container div.item.digital:before{
	background: url(img/service-digital.svg) center center no-repeat;
}

#service-item-container div.item.pr:before{
	background: url(img/service-pr.svg) center center no-repeat;
}
#service-item-container div.item.research:before{
	background: url(img/service-research.svg) center center no-repeat;
}

#service-item-container div.item.exp:before{
	background: url(img/service-exp.svg) center center no-repeat;
}

#service-item-container div.item.social:before{
	background: url(img/service-social.svg) center center no-repeat;
}

#service-item-container div.item.production:before{
	background: url(img/service-production.svg) center center no-repeat;
}

#service-item-container div.item span.service-line{
	border-top: 2px white solid;
	width: 60px;
	height: 5px;
	display: block;
}

#service-item-container div.item h2{
	margin-top: 5px;
	margin-bottom: 20px;
}

#services h1{
	font-family: "proxima-nova", helvetica, sans-serif;
	position: relative;
	font-size: 40px;
	margin-bottom: 30px;
	line-height: 0.9em;
	margin-top: 0px;
	font-weight: 900;
	letter-spacing: 0px;
}
@media(min-width: 768px) {
	#services h1{
		position: relative;
		margin-bottom: 70px;
		line-height: 0.9em;
		margin-top: 0px;
		font-size: 90px;
	}
}
#service-item-container{
	margin-top: 40px;
	position: relative;
}

#service-item-container .item p {
	margin-bottom: 0;
}
@media(min-width: 768px) {
	#service-item-container .item p {
		min-height: 110px;
		margin-bottom: 20px;
	}
}

#service-item-container .item {
	text-align: left;
	font-family: lato, sans-serif;
	font-size: 14px;
	line-height: 1.7em;
}

/*#services .service-icon{
	background: url(img/sprite_services-icon.png) no-repeat 0 0;
	width: 70px;
	height: 76px;
}*/

#services ol.carousel-indicators {
	display: block;
	position: relative;
	margin-top: 20px;
	bottom: 0;
}

#service-carousel {
	margin-top: -80px;
}

#service-carousel a.carousel-control  {
	opacity: 1;
}

#service-carousel a.carousel-control img {
	margin-top: 180px;
}

#service-carousel a.carousel-control {
	background: none;
}

#service-carousel div.carousel-inner div.item img {
	margin-right: auto;
	margin-left: auto;
}

#service-carousel div.carousel-inner div.item p {
	max-width: 600px;
	margin: 0 auto;
}




#services h2{
	font-family: lato, sans-serif;
	font-size: 20px;
	font-weight: 600;

}
@media (max-width: 1000px) {
	#services{
		padding: 60px 0 0 0;
	}
	#services h1{
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	#services{
		padding: 40px 0 0 0;
	}
	#services h1{
		margin-bottom: 20px;
	}
	#service-item-container div.item:last-of-type{
		margin-bottom: 0px;
	}
}
@media (max-width: 480px) {

	#services .headline-mask{
		height: 45px;
	}

}

div.people-details {
	color: white;
	text-align: center;
	position: absolute;
	bottom:20px;
	opacity: 0;
	width: 95%;
	font-size: 16px;
}

div.title {
	/*border-top: 2px solid #f3ba00;*/
	padding: 0px;
	/*background-color: #272827;*/
	position: relative;
	font-size: 70%;

}

div.people-details div.name {
	color: #f3ba00;
	font-weight: 800;
	font-size: 100%;
	margin-bottom: 0;
}

div.people-item-container {
	cursor: pointer;
	padding: 6px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
	/*width: 50%;*/
	float: none;
	display: inline-block;
}

@media(min-width: 768px) {
	div.people-item-container {
		width: 20%;
	}
}
@media(min-width: 1200px) {
	div.people-item-container {
		width: 20%;
	}
}

div.people-item {
	overflow: hidden;
	/*background-color: #313131;*/
	text-align: center;
}

div.people-item img{
	width: 100%;
}

div#team-row.row {
/*	padding-top: 30px;
	padding-bottom: 30px*/
	font-size: 0;
	text-align: center;
}
@media(min-width: 768px) {
	div#team-row.row {
	padding-top: 30px;
	padding-bottom: 30px;
	}
}
#news-sidebar li {
	margin-bottom: 10px;
}
div#team-row.row h1{
	font-size: 2em;
}

div#team-row.row h1{
	margin-top: 0;
}
@media (max-width: 1000px) {
	div#team-row .col-sm-3 p{
		margin-bottom: 0px;
	}
}
div#leadership.section {

	border-color: rgb(0, 0, 0);
	text-align: center;
	color: white;
	padding: 90px 0;
	background-color: #000;
	/*height: 600px;*/
	/*background: url(img/dothatch.png) center center repeat, -webkit-gradient(linear, left top, right top, color-stop(0.22, rgba(242, 185, 31, 0.34)), to(rgba(101, 187, 193, 0.27))) 0 center repeat, url(img/team.jpg) no-repeat center center;
	background: url(img/dothatch.png) center center repeat, -webkit-linear-gradient(left, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) 0 center repeat, url(img/team.jpg) no-repeat center center;
	background: url(img/dothatch.png) center center repeat, -o-linear-gradient(left, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) 0 center repeat, url(img/team.jpg) no-repeat center center;
	background: url(img/dothatch.png) center center repeat, linear-gradient(to right, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) 0 center repeat, url(img/team.jpg) no-repeat center center;
*/

/*	background: url(img/dothatch.png) center center repeat, -webkit-gradient(linear, left top, right top, color-stop(0.22, rgba(242, 185, 31, 0.64)), to(rgba(242, 185, 31, 0.64))) 0 20% repeat, url(img/team.jpg) 0 center transparent;
	background: url(img/dothatch.png) center center repeat, -webkit-linear-gradient(left, rgba(242, 185, 31, 0.64) 22%, rgba(242, 185, 31, 0.64) 100%) 0 center repeat, url(img/team.jpg) 0 20% transparent;
	background: url(img/dothatch.png) center center repeat, -o-linear-gradient(left, rgba(242, 185, 31, 0.64) 22%, rgba(242, 185, 31, 0.64) 100%) 0 center repeat, url(img/team.jpg) 0 20% transparent;
	background: url(img/dothatch.png) center center repeat, linear-gradient(to right, rgba(242, 185, 31, 0.64) 22%, rgba(242, 185, 31, 0.64) 100%) 0 center repeat, url(img/team.jpg) 0 20% transparent;


	-webkit-background-size: auto, auto, contain;
	-moz-background-size: auto, auto, cover;
	-o-background-size: auto, auto, cover;
	background-size: auto, auto, cover;*/
}

/*#leadership{
	padding-top: 90px;
}*/


#leadership h1 {
	font-size: 40px;
}

@media(min-width: 768px) {
	#leadership h1 {
		font-size: 90px;
	}
}

.leadership-main h2{
	font-size: 55px;
	font-weight: 600;
	text-transform: uppercase;
}

#leadership-content div.container div.row div.col-sm-12.col-md-3 h1 {
	font-size: 36px;
	font-family: lato, sans-serif;
	font-weight: 900;
	line-height: 43px;
	text-transform: uppercase;
}

div#awards{
	padding: 140px 0;
	height: 725px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

div#awards h1{
	font-size: 40px;
	text-align: center;
	margin-top: 0px;
}

@media(min-width: 768px) {
	div#awards h1{
		font-size: 90px;
	}
}


div#awards h3{
	font-family: lato, sans-serif;
	font-weight: 900;
	font-size: 34px;
}
div#awards .btn{
	clear: both;
	position: relative;
	/*display: none;*/
	/*left: 123px;
	top: -90px;*/
}
div#awards-sub{
	width: 76%;
	margin: 0 auto;
	position: relative;
	top: -60px;
	margin-bottom: -100px;
	height: 300px;
	padding-top: 50px;
}
div#awards-sub .col-sm-5{
	padding-top: 60px;
}
div#awards-sub .col-sm-5 h3{
	margin-bottom: 30px;
	text-transform: unset;
	padding-right: 25px;
	position: relative;
}
div#awards-sub .col-sm-7 img{
	position: relative;
	top: -80px;
	right: 74px;
}

div#republicares.section {
	padding: 70px 0 100px 0;
}

div#republicares.section h1{
	font-size: 120px;
	text-align: center;
/*	border-bottom: 1px solid #E5E5E5;
*/	padding-bottom: 30px;
}

div#republicares.section img{
	margin: 10px auto 10px auto;
	width: 375px;
}
div#republicares.section p{
	padding: 0 0px;
	font-size: 22px !important;
}
div#republicares.section h3{
	text-transform: uppercase;
	font-family: lato, sans-serif;
	font-weight: 900;
	font-size: 2.3em;
}
div#republicares.section .btn{
	margin-top: 20px;
}
/*div#news.section {
	background:  -webkit-gradient(linear, left top, right top, color-stop(0.22, RGBA(255, 255, 255, .5)), to(RGBA(255, 255, 255, .3))) 0 center repeat, url(img/bg-ink.jpg) no-repeat center center fixed;
	background:  -webkit-linear-gradient(left, RGBA(255, 255, 255, .5) 22%, RGBA(255, 255, 255, .3) 100%) 0 center repeat, url(img/bg-ink.jpg) no-repeat center center fixed;
	background:  -o-linear-gradient(left, RGBA(255, 255, 255, .5) 22%, RGBA(255, 255, 255, .3) 100%) 0 center repeat, url(img/bg-ink.jpg) no-repeat center center fixed;
	background:  linear-gradient(to right, RGBA(255, 255, 255, .5) 22%, RGBA(255, 255, 255, .3) 100%) 0 center repeat, url(img/bg-ink.jpg) no-repeat center center fixed;
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	  background-size: auto, cover;
	color: white;
	padding: 140px 0;
	text-align: center;
}*/

div#news.section {
	background: #ffffff;
	color: #000000;
	padding: 40px 0;
    text-align: center;
    padding-bottom: 80px;
}
div#news.section * {
	color: #000000;
}
@media(min-width: 768px) {
	div#news.section {
		padding: 140px 0;
	}
}
div#news h2 a{
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 800;
	display: block;
	margin-bottom: 20px;
}
@media(min-width: 768px) {
	div#news h2 a{
		font-size: 24px;
	}
}
div#news div.carousel-inner{
	max-width: 750px;
	margin: 0 auto;

}

div#news ol.carousel-indicators{
	bottom: -60px;
}

div#news div.item{
	min-height: 240px !important;
}
div#news div.item .news-date{
	text-align: center;
	font-size: 10em;
	line-height: .9em;
	padding-bottom: 10px;
}
div#news div.item .news-month{
	text-align: center;
	font-size: 1.8em;
	text-transform: uppercase;
}
div#news div.item .col-sm-9{
	border-left: 1px solid #fff;
}
div#news div.item .col-sm-9 h2{
	margin-top: 0;
}
div#news a.btn{
	margin-top: 20px;
}

div#news a.carousel-control{
	background: none;
	padding-top: 70px;
}

div#news h1{
	font-size: 36;
	margin-top: 0px;
}
@media(min-width: 768px) {
	div#news h1{
		font-size: 90px;
		margin-top: 0px;
	}
}

div#clients.section {
	background-color: black;
	color: white;
	padding: 60px 0px;
	text-align: center;
}
@media(min-width: 768px) {
	div#clients.section {
		background-color: black;
		color: white;
		padding: 140px 0px;
		text-align: center;
	}
}

div.client-logo-container img{
	margin: 0 auto;
}

#clients h1 {
	color: rgb(255, 255, 255);
	font-family: "proxima-nova", helvetica, sans-serif;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
}
@media(min-width: 768px) {
	#clients h1 {
		font-family: "proxima-nova", helvetica, sans-serif;
		font-size: 90px;
		margin-bottom: 60px;
	}
}
#clients p{
	margin-bottom: 50px;
	font-size: 1.2em;
}
#clients .item.client{
	box-sizing: border-box;
	transition: all 0.1s  ease;
	padding: 50px;
	/*min-height: 210px;*/
	min-height: 80px;
}
@media(min-width : 480px) {
	#clients .item.client{
		box-sizing: border-box;
		transition: all 0.1s  ease;
		padding: 50px;
		/*min-height: 210px;*/
		min-height: 120px;
	}
}
@media(min-width : 768px) {
	#clients .item.client{
		box-sizing: border-box;
		transition: all 0.1s  ease;
		padding: 50px;
		/*min-height: 210px;*/
		min-height: 140px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	#clients .item.client{
		padding: 20px;
	}

}

#clients .item{
	position: relative;
}

#clients .item .logo-white{
	position: absolute;
	transition: opacity .1s  ease;
}

#clients .item .logo-yellow{
	position: absolute;
	opacity: 0;
	transition: opacity 1s ease;
}
#clients .item:hover .logo-white{
	opacity: 0;
}

#clients .item:hover .logo-yellow{
	opacity: 1;
}



ul.brand-list {
	list-style-type: none;
	text-align: center;
	padding: 0;
}

ul.brand-list li{
	display: inline-block;
}

ul.brand-list li img{
	max-width: 220px;
}

#brand-carousel ol.carousel-indicators {
	position: relative;
	margin-top: 40px;
}
#brand-carousel ol.carousel-indicators li.active {
	background-color: #fcb315;
	border: none;
}

#brand-carousel ol.carousel-indicators li {
	background-color: #bbbcbb;
	border: none;
}

#news-carousel .carousel-indicators li {
	background-color: #bbbcbb;
}
#news-carousel .carousel-indicators li.active {
	background-color: #000000;
}

div#news a.carousel-control img {
	-webkit-filter: contrast(0); /* Safari 6.0 - 9.0 */
	filter: contrast(0);
}


.carousel-indicators li {
	width: 25px;
	height: 25px;
	border-radius: 100%;
}
.carousel-indicators li.active {
	width: 28px;
	height: 28px;
}
@media(min-width: 768px) {
	.carousel-indicators li {
		width: 20px;
		height: 20px;
	}
	.carousel-indicators li.active {
		width: 22px;
		height: 22px;
	}
}

/*Gallery*/


div.row.showcase-item-container>div{
	padding: 20px;
}


.work {
	float:left;
	position:relative;
	overflow:hidden;
	/*width:300px;*/
	display:block;
}

.work img { width:100% !important;height:auto; }

.work .description_wrapper {
	position:absolute;
	/*width:100%;
	height:100%;*/
	left: 0;
	top: 0;
	display:none;

}

.work .description_wrapper:active {
	background-image: url(img/bg_yello_84.png);
}
.work .description_wrapper:active .category a {
	color:#387994;
}

.work:hover .description_wrapper {
	display:block;
	padding: 20px;
/*	background-color: rgba(255, 0, 254, 0.23);*/
}

.work .description_wrapper .description {
	margin: 0 auto;
	padding: 30px;
	text-align: center;
	background-image: url(img/bg_yello_84.png);

}
.work .description_wrapper .description h2{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px
}

.work a .description_wrapper .description  h2{
	font-family: lato, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	color: black;
	width: 100%;
	margin-bottom: 20px;
}

.work a .description_wrapper .description:after{
		content:url(img/icon-eye.svg);
		margin-top: 20px;
		width: 200px;
		height: 200px;
}


.work .description_wrapper .description .link_mask {
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.work .description_wrapper,
.work .description {
	height:100%;
}

.work .description h1 {
	color:#FFFFFF;
	font-size:24px;
}

.work .description .category {
	position:absolute;
	bottom:25px;
}
.work .description .category a { color:#339070; }
.work .description .category a:hover { color:#FFFFFF; }


.work-item{
	margin-bottom: 30px;
}
.work-item-overlay{
	background-image: url(img/bg_black_50.png);
	text-align: center;
	position: relative;
	display: none;

}
.overlay-wrapper{
	height: 100%;
	width: 100%;
	display: table;
}
.work-item p{
	display: table-cell;
	vertical-align: middle;
}

#modalWork button.prev, #modalWork button.next {
background: transparent;
border:none;
position: absolute;
top:40%;
}

#modalWork button.prev {
margin-left: -40px;
left: 0;
}

#modalWork button.next{
margin-right: -40px;
right: 0;
}

div#contact{
	background-color: white;
	color: #282828;
	padding-top: 0;
	padding-bottom: 0;
	position: relative!important;
}
div#contact h1{
	font-size: 40px;
	text-align: center;
	padding-right: 0;
	color: #000000;
}
@media(min-width: 768px) {
	div#contact h1{
		font-size: 90px;
		text-align: right;
		padding-right: 30px;
	}
}
#clients
div#contact h4{
	font-size: 30px;
	padding-bottom: 15px;
}
div#contact a{
	color: #282828;
	font-size: 1.2em;
}
div#contact .col-md-4{
	font-size: .9em;
}
div#contact .col-md-3{
	padding-right: 70px;
}
div#contact .address{
	width: 100%;
	padding-bottom: 21px;
	font-size: 1.2em;
}
@media(min-width: 768px) {
	div#contact .address{
		width: 65%;
		padding-bottom: 21px;
		font-size: 1.2em;
	}
}
div #contact .contact-general{
	width: 200px;
	border-bottom: 1px solid #fff;
	padding: 0;
	margin-bottom: 10px;
	font-size: .9em;
	font-family: lato, sans-serif;
	padding-bottom: 2px;
	margin-top: -1px;
}

div#contact-sub{
	background-color: #1F1F1F;
	color: white;
	padding:45px 0;
}

div#contact-sub h1{
	margin-top: 0;
	font-size: 45px;
}
div#contact-sub h3{
	text-transform: uppercase;
	font-weight: bold;
	font-family: lato, sans-serif;
}

div#contact-form-left-col {
	padding: 0;
}
div#contact-form-left-col {
	padding-top: 40px;
	padding-bottom: 40px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0.22, RGBA(4, 2, 4, .8)), to(RGBA(4, 2, 4, .4))) 0 center repeat, url(img/black-texture.jpg) no-repeat left;
	background: -webkit-linear-gradient(left, RGBA(4, 2, 4, .8) 22%, RGBA(4, 2, 4, .4) 100%) 0 center repeat, url(img/black-texture.jpg) no-repeat left;
	background: -o-linear-gradient(left, RGBA(4, 2, 4, .8) 22%, RGBA(4, 2, 4, .4) 100%) 0 center repeat, url(img/black-texture.jpg) no-repeat left;
	background: linear-gradient(to right, RGBA(4, 2, 4, .8) 22%, RGBA(4, 2, 4, .4) 100%) 0 center repeat, url(img/black-texture.jpg) no-repeat left;
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	background-size: auto, cover;
	background: #FFFFFF;
}
@media(min-width: 768px) {
	div#contact-form-left-col {	
		padding-top: 190px;
		padding-bottom: 190px;
	}
}
div#contact-form-info {
	background: #efefef;
	right: 0;
	padding: 60px;
	color: #282828;
	text-align: center;
}
@media(min-width: 768px) {
	div#contact-form-info {
		text-align: left;
	}
}


div#contact-form-info a.btn {
	display: inline-block;
	margin-bottom: 10px;
}
div#contact-form-info .btn-wrapper {
	margin-top: 30px;
}
div#contact-form-info h2 {
	font-size: 26px;
	font-weight: 900;
	color: #282828;
	text-align: center;
	margin-top: 0;
}

@media(min-width: 768px) {
	div#contact-form-info h2 {
		text-align: left !important;
	}
}
@media(min-width: 992px) {
	div#contact-form-info a.btn {
		display: inline;
		margin-right: 15px !important;
		margin-bottom: 0;
	}
	div#contact-form-info h2 {
		text-align: left;
	}
}

div#contact-form-panel {
	background: white;
	right: -55%;
	padding: 30px;
	color: #282828;
	position: absolute;
	top: 0;
	padding-left: 60px;
}
div#subscribe-form-panel {
	background: white;
	color: #282828;
    position: absolute;
    top: 0;
    right: -160%;
    padding: 80px 30px 80px 60px;
}
div#subscribe-form-panel .ginput_container {
	margin: 0 !important;
}
div#subscribe-form-panel .gfield {
	margin-bottom: 20px;
}

a.panel-close{
	background-color: #FFB512;
	position: absolute;
	text-align: center;
	border-radius: 50%;
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	left: -20px;
	top: 20px;
	cursor: pointer;
}
a.panel-close:hover{
	background-color: #FFDA88;

	-webkit-transition: color 250ms linear;
	-moz-transition: color 250ms linear;
	-o-transition: color 250ms linear;
	-ms-transition: color 250ms linear;
	transition: color 250ms linear;
}
a.panel-close:active{
	top:23px;
}

div.contact-item{margin-bottom: 8px;}

#contact-form-panel label.gfield_label, #subscribe-form-panel label.gfield_label {
	position: relative;
    font-size: 18px;
    top: 40px;
    margin: 0px;
    line-height: 23px !important;
    color: #282828;
}

#contact-form-panel div.ginput_container input, #subscribe-form-panel div.ginput_container input {
	background-color: #fff !important;
	outline: none !important;
	background: url(img/input-bg.gif) repeat-x;
	background-position: 0 -60px; /*Firefox fix*/
	background-position-y: -60px;
	border: 0;
	border-bottom: 2px solid #282828;
	height: 48px;
	padding: 0 10px;
	font-size: 18px;
}

.input-active {
	background-position-y: 0 !important;
	border-color: #eee !important;
}
.label-active {
	top: 80px !important;
	font-size: 14px !important;
	color: #b3b3b3 !important;
}

.select-subject label, .textarea-message label {
	top: 0 !important;
}
.select-subject, .textarea-message {
	margin-top: 40px;
}
#contact-form-panel .ginput_container {
	margin-left: 0 !important;
	margin-top: 5px !important;
}
#contact-form-panel .ginput_container_select {
	margin-right: 15px;
}
#contact-form-panel .ginput_container_select select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin-right: 15px;
	margin-bottom: 6px;
	height: 48px;
	width: 100%;
	border: 0;
	background-color: #eee !important;
	border-radius: 0;
	padding: 0 10px;
	font-size: 18px;
	line-height: 20px;
	outline: none !important;
	background: url(img/arrow-down.png) no-repeat right;
	background-position: calc(100% - 15px) 50%; /*Firefox fix*/
	background-position-x: calc(100% - 15px);
}
#contact-form-panel .textarea-message textarea {
	background-color: #fff !important;
	border: 2px solid #282828;
	padding: 5px 10px;
	outline: none !important;
	font-size: 18px;
}

.textarea-active {
	background: url(img/input-bg.gif) center center;
	background-size: cover;
	border: 2px solid #eee !important;
}
#contact-form-panel button, #subscribe-form-panel button, #gform_12 input[type="submit"] {
	background-color: transparent;
	color: #282828;
	border: 2px solid #282828;
	border-radius: 50px;
	outline: none !important;
}
#subscribe-form-panel button {
	margin-top: 40px;
}
#contact-form-panel .gfield_error {
	background-color: transparent;
	border: 0;
	width: 50% !important;
}
#subscribe-form-panel .gfield_error {
	background-color: transparent;
	border: 0;
	width: 100% !important;
}
#contact-form-panel .validation_message, #subscribe-form-panel .validation_message {
	margin: 0 !important;
	text-align: right !important;
	padding: 5px 10px !important;
}
#contact-form-panel .validation_error, #subscribe-form-panel .validation_error {
	margin: 0 !important;
	border: 0 !important;
	color: #790000 !important;
}
#contact-form-panel .gform_wrapper, #subscribe-form-panel .gform_wrapper {
	margin: 0;
}
#contact-form-panel .gform_confirmation_message, #subscribe-form-panel .gform_confirmation_message {
	font-size: 1.5em;
    margin-top: 60px;
}



#gmap-content{
	padding: 0 20px 20px 20px;
	text-align: center;
}


/*Single, Page and Index styles*/
div.page-header {
/*	background: url(img/dothatch.png) center center repeat, -webkit-gradient(linear, left top, right top, color-stop(0.22, rgba(242, 185, 31, 0.34)), to(rgba(101, 187, 193, 0.27))) 0 center repeat, url(img/chairs_long_colors3.jpg) no-repeat center center fixed;
	background: url(img/dothatch.png) center center repeat, -webkit-linear-gradient(left, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) 0 center repeat, url(img/chairs_long_colors3.jpg) no-repeat center center fixed;
	background: url(img/dothatch.png) center center repeat, -o-linear-gradient(left, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) 0 center repeat, url(img/chairs_long_colors3.jpg) no-repeat center center fixed;
	background: url(img/dothatch.png) center center repeat, linear-gradient(to right, rgba(242, 185, 31, 0.34) 22%, rgba(101, 187, 193, 0.27) 100%) 0 center repeat, url(img/chairs_long_colors3.jpg) no-repeat center center fixed;
	-webkit-background-size: auto, auto, contain;
	-moz-background-size: auto, auto, cover;
	-o-background-size: auto, auto, cover;
	  background-size: auto, auto, cover;	color: white;
	*/
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: right;
	margin-top: 0px;
	background-color: #000;
	color: #fff;
	display: none;
}
@media(min-width: 768px) {
	div.page-header {
		display: block;
	}
}

div.page-header .news-headline{
	font-size: 25px;
	font-family: "proxima-nova", helvetica, sans-serif;
	margin-bottom: 0px;
}

body.single #main-container{
	padding-top: 60px;
}
div#page-header h1{
	font-size: 4em;
}

.single div#news-container{
	padding-top: 20px;
}




div.post h2, div.widget h3{
	font-family: lato,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 20px;
}
@media(min-width: 768px) {
	div.post h2, div.widget h3{
		font-size: 30px;
	}
}

div.post{
	font-size: 16px;
	line-height: 26px;
}

div.post .post-meta{
	margin-bottom: 15px;
}

div.post.excerpt{
	margin-bottom: 60px;
}
div.post h2 a{
	color: black;
}

div.widget h3{
	margin-bottom: 20px;
}

div.widget ul{
	list-style: none;
	padding: 0px
}

div.widget{
	margin-bottom: 20px;
	padding-bottom: 20px;
/*	border-bottom: 1px solid black;
*/}

div.widget li.tweet{
	background-color: #F9E8B6;
}

.twitter-timeline{
	width: 100% !important;
}
#sidebar{
	padding-top: 20px;
}

#sidebar .widget ul{
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 25px;
}
#sidebar .widget ul a{
	color: #fdb92a;
}




/*end*/

/*footer section*/

#map{
	width: 100%;
	height: 500px;
}

#affiliations {
	padding: 60px 15px;
	border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 767px) {
	#affiliations{
		padding: 20px 15px;
	}
}

div.affiliation a {
	margin-top: 25px;
	display: block;
	color:black;
	text-decoration: none;
	position: relative;
}
div.affiliation-text{
	padding: 10px;
	background-color: white;
	background-color: RGBA(255, 255, 255, .9);
	font-size: .8em;
	position: absolute;
	top: 0;
	display: none;
}
div.affiliation-text p{
	margin: 0;
}

#footer{
	background-color: #1F1F1F;
	color: white;
	text-align: center;
	padding-top: 40px;
	margin-top: 30px;

}

#footer.homepage{
	margin-top: 0px;
/*	background-color: white;
	color: black;*/
	text-align: left;
	padding:30px 0 20px 0;
}
#footer.homepage button{
	margin-right: 20px;
}
#footer.homepage p{
	padding-top: 13px;
}
#footer a{
	color: white;
}
#footer.homepage a{
	/*color: #000;*/
	margin-right: 20px;
}
#footer .widget img{

	margin:0px auto 20px  auto;
}

#footer .homepage p{
	padding-top: 13px;
}
#footer iframe{
	width: 120px !important;
	display: inline;
	position: relative;
	top: 5px;
}
div.footer-social{
	background-color: #2C2C2C;
	margin-top: 40px;

}

ul.footer-social-list li{
	display: inline-block;
	text-align: center;
	list-style: none;
	padding: 5px;
	margin:0 5px;
	font-size: 18px;

}

ul.footer-social-list{
	text-align: center;
	list-style: none;
	padding: 10px;
	margin: 0;
}


/*end*/


/*Client Page*/


#client-page-header{

	-webkit-background-size: auto, auto, cover;
	-moz-background-size: auto, auto, cover;
	-o-background-size: auto, auto, cover;
	background-size: auto, auto, cover;
	color: white;
	height: 415px;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}

#page-header{
	-webkit-background-size: auto, auto, cover;
	-moz-background-size: auto, auto, cover;
	-o-background-size: auto, auto, cover;
	background-size: auto, auto, cover;
	color: white;
	min-height: 415px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 30px;
	text-align: center;
}

#page-header div.page-title{
	display: table-cell;
	vertical-align: middle;
}

div.client-work-title{
	border-bottom: 1px solid black;
	text-align: center;
	margin-bottom: 60px;
	margin-top: 20px;
	height: 100%;
}

div#gallery-container{
	max-width: 900px;
	margin: 0 auto;
}

div.gallery-image{
	margin-bottom: 30px;
}


div.client-work-title h2{
	border-bottom: 3px solid black;
	margin-bottom: 0px;
	padding-bottom: 30px;
	display: inline-block;
	font-family: lato, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 18px;
}

h3.gallery-title{

	margin-bottom: 40px;
	margin-top: 0px;
	font-family: lato, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center
}


/*end*/

/* @group Wordpress editor styles */

/*Wordpress editor styles start*/



.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}


	blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
/*Wordpress editor styles end*/

/* @end */

/*Modal*/

body.modal-black .modal-backdrop, body.modal-black .modal-backdrop.fade.in{
	opacity: 0.7!important;
	background-image: url(img/bg_black_80.png);	
	/*background-color: rgba(0,0,0,0.7) !important;*/
}
body.modal-black div.modal-content{
	color: white;

}
#peopleModal {
	background-color: rgba(0,0,0,0.65);
}
div#peopleModal .modal-dialog {
	max-width: 800px;
	width: auto;
}

#peopleModal .modal-footer, #peopleModal a.carousel-control{
	display: none;
}

#carousel-people a.carousel-control {
	background: none;
	opacity: 1;
	/*margin-top: 35%;*/
	position: absolute;
	top: 150px;

}
#carousel-people a.carousel-control img {
	width: 30px;
	display: none;
}
@media(min-width: 768px) {
	#carousel-people a.carousel-control img {
		display: block;
	}
}
.people-modal-header{
  margin-bottom: 20px
}
.people-modal-header h2 {
	font-size: 18px;
}

@media(min-width: 768px) {
	.people-modal-header h2 {
		font-size: 30px;
	}
}

#carousel-people .carousel-inner div.item{
	padding-left: 10px;
	padding-right: 10px;
}
@media(min-width: 768px) {
	#carousel-people .carousel-inner div.item{
		padding-left: 100px;
		padding-right: 100px;
	}
}
body.modal-black div.modal-header {

	/*border-top: 1px solid white;*/
	padding: 5px;
	min-height: 60px;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.98;
    background: url(img/white-95.png) repeat white;
}


div.modal-content {
	box-shadow: none;
	border: none;
	background-color: transparent;
	overflow: hidden;
}

.white-modal .modal-dialog {
    /*margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;*/
}

div.modal-header {
	text-align: center;
	border-bottom: none;
}
.modal-title{
	font-size: 26px;
	line-height: 1em;
	padding-bottom: 20px;
	max-width: 80%;
    margin: 0 auto;
}
@media(min-width: 768px) {
	.modal-title{ 
		font-size: 40px
	}
}

.modal-body {
    overflow-y: auto;
	padding: 10px 10px 60px 10px;
	background-color: rgba(0, 0, 0, 0.03);
	width: 100%;
	max-height: 75vh;
}
@media(min-width: 768px) {
	.modal-body {
		padding: 30px;
	}
}
.modal-footer {
    margin-top: 0;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}

#modal-experience .modal-body{
	/*padding: 0 65px 30px 65px;*/
}
#modal-experience h3{
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	font-family: lato, sans-serif;
}
#principles{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#principles li{
	margin-bottom: 5px;
    text-indent: -20px;
    padding-left: 20px;
}
#principles li:hover{
	/*font-size: 1.5em;
	cursor: pointer;
	background-color: #ffbf1a;*/
}
#principles span{
	font-weight: bold;
	margin-right: 5px;
}
.white-modal .modal-body{
	border-bottom: 0px;
	/*border-bottom: 1px solid black;*/

}
.white-modal .modal-footer{
	border-top: 1px solid #000;
	width: 65%;
	margin: 0 auto;
}
#modal-awards {
	background: #222222;
}

#modal-awards .modal-dialog {
	width: 90% !important;
	max-width: 1366px !important;
	margin: 0 auto;
}

#modal-awards .close {
	background: #ffffff;
	border-radius: 100%;
	margin-bottom: 10px;	
	position: absolute;
	right: -20px;
	top: -20px;
}
#modal-awards .close img {
	width: 30px;
	height: 30px;
}

#modal-awards .modal-dialog,
#modal-awards .modal-content,
#modal-awards .modal-header {
	overflow: visible;	
}

#modal-awards .modal-header {
	clear: both;
	overflow: auto;
}

#modal-awards .awards-header {
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;
}
#modal-awards .awards-header > div {
	float: none !important;
	margin-bottom: 40px;
	padding: 0 30px;
}
@media(min-width: 768px) {
	padding: 0 15px;
}
#modal-awards .awards-logos {
	display: flex;
/*	justify-content: space-between;
	align-content: space-between;*/
	flex-wrap: wrap;
	align-items: center;
}
#modal-awards .awards-logos > div {
	float: none !important;
	margin-bottom: 20px;
	text-align: center;
}

#modal-awards .modal-footer{
	border-top: 1px solid #c9cac9;
	width: 97%;
}
#modal-awards .modal-body .carousel{
	font-size: .9em;
}
#modal-awards .modal-body h3{
	font-weight: bold;
}
#modal-awards img {
	width: auto;
	max-width: 100%;
	height: auto;
}
button.close {
	margin-left: auto;
	margin-right: auto;
	float: right;
	opacity: 1;
}
button.close img {
	width: 30px;
}
.clear{
	clear: both;
}

.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}
/*
  Newsletter Signup Styles
*/

#modal-register .modal-title{
	font-size: 50px;
	margin-top: 50px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #EABD25 inset;
}

.gf_progressbar{
	display: none;
}

.gform_footer.top_label{
	text-align: center;
}

/*Goya PR */

body.postid-7527 img.wp-image-7774{
 margin-bottom: -150px;
}

body.postid-7527 h1{
 margin-top: 100px;
 font-size: 3em;
}

body.postid-7527 h2{
 font-weight: 900;
 text-transform: uppercase;
}

body.postid-7527  hr{
 margin-bottom: 50px;

}

/*end*/

div#container.blank-page-tpl {
	margin-top: 5px;
	width: 640px;
	font-size: .9em;
}

/* Gravity Forms Styles */

#gform_submit_button_9{
	border: none;
    background-color: #f2b91f;
    color: #fff;
    padding: 15px 60px;
    border-radius: 30px;
}

.single-campaign h2{
	font-size: 1.2em;
}

.campaign-nav{
	position: absolute;
  right: 10px;
	z-index: 4;
}

.video-thumb-list{
	margin-bottom: 60px;
	text-align: center;
}


.video-thumb{
	display: inline-block;
	padding: 10px;
	max-width: 200px;
}


.prev-campaign, .next-campaign{
	border: 2px solid white;
	padding: 10px;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	text-align: center;
	display: block;
	margin-bottom: 20px;
	position: relative;
	transition: background-color 0.2s ease,
							border-color 0.2s ease,
							border-radius 0.2s ease,
							transform 0.2s ease;
}



.prev-campaign:hover, .next-campaign:hover{
	border-color: white;
	border-radius: 0px;
	transform: scale(1.2);

}

.next-campaign{
	background: url(img/arrow-right-ns.svg) no-repeat center center;
}

.prev-campaign{
	background: url(img/arrow-left-ns.svg) no-repeat center center;
}

.next-campaign:hover{
	background: url(img/arrow-right-nsb.svg) no-repeat center center white;
}

.prev-campaign:hover{
	background: url(img/arrow-left-nsb.svg) no-repeat center center white;
}

.prev-campaign .attachment-thumbnail, .next-campaign .attachment-thumbnail{
	opacity: 0;
	position: absolute;
	top: -2px;
	right: -2px;
	width: 50px;
	height: 50px;
	transition: opacity 2s ease-in-out .4s;
	transition: right .4s ease .2s;
	/*transition-delay: .2s;*/
	z-index: -1;
}

.prev-campaign:hover .attachment-thumbnail, .next-campaign:hover .attachment-thumbnail{
	opacity: 1;
	right: 48px;

}

.campaign-gallery{
	display: block;
	margin-bottom: 20px;
	transition: all 0.2s ease;
}

.campaign-gallery:hover{
	display: block;
	margin-bottom: 20px;
	transform: scale(1.2);
}
@media (max-width: 767px) {
  .modal-dialog {
    width: 100%;
  }

}


#holiday{
	background-color: #fff;
	background-image: url(img/holiday-bg.jpg);
	background-position: center center;
	background-size: cover;
	color:#857f6f;
}

#holiday .video-wrapper{
	margin: 30px 0 50px 0;
}
.holiday-sub-title{
	margin-bottom: 30px;
}

.holiday-sub-title img{
	margin: 0 auto;
	max-width: 160px;
}

#holiday .modal-footer{
	border-top: none;
}

#holiday .btn.btn-outline{
	border: 2px solid #857f6f;
	color: #857f6f;
	border-radius: 0;
	padding: 10px 20px;
	text-transform: uppercase;
	background-color: transparent;
}

#holiday .modal-content{
	padding: 20px;
}
#holiday strong{
	text-transform: uppercase;
}


.holiday-headline img{
	margin: 0 auto;
	max-width: 412px;
}
@media (max-width: 800px) {
	.holiday-headline img{
		max-width: 100%;
	}
}



.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#gform_12 .top_label div.ginput_container {
	font-size: 12px;
}
#gform_12 .gform_footer.top_label {
	text-align: left;
}

#page-careers .lead {
	padding-top: 16px;
}


.video-container,
.video-container-fs {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin-right: 30px;
}
@media (max-width: 991px) {
	.video-container,
	.video-container-fs {
	  margin-right: 0;
	  margin-bottom: 20px;
	}
}
.video-container:last-child,
.video-container-fs:last-child {
	margin-right: 0;
}
.video-container img,
.video-container-fs img {
  width: 100%;
}
.video-container .video-in-phone{
     position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: auto;
    width: 83%;
    margin: 43px auto 0;
    transform: translateY(-50%);
    z-index: 10;
    background: transparent;
}
.video-container-fs .video-in-phone {
	position: absolute;
    top: 44%;
    right: 0;
    left: -3px;
    height: auto;
    width: 86%;
    margin: 43px auto 0;
    transform: translateY(-50%);
    z-index: 10;
    background: transparent;
}
.video-container .video,
.video-container-fs .video {
  height: 100%;
  width: 100%;
}

.video-container .plyr,
.video-container-fs .plyr {
  box-shadow: none;
}

#hero .rh-image {
	padding-top: 150px;
}
#hero .rh-image img {
	max-height: 300px;
}
@media(min-height: 900px) {
	#hero .rh-image img {
		max-height: 600px;
	}
}

#hero .rh-logos {
	font-size: 0;
	padding: 50px 0;
}
#hero .rh-logos img { 
	height: 40px;
}
#hero .rh-logos .havas .h {
	max-width: 27.563px;
}
#hero .rh-logos .havas .a-1 {
	max-width: 26.844px;
}
#hero .rh-logos .havas .v {
	max-width: 23.234px;
}
#hero .rh-logos .havas .a-2 {
	max-width: 26.844px;
}
#hero .rh-logos .havas .s {
	max-width: 22.516px;
}
#hero .rh-logos + .rh-logos {
	padding-top: 0;
}
#hero .rep-logo, #hero .havas {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
}
#hero .item .item-subhead.cf-0-subhead {
	margin-bottom: 60px;
}

@media(min-width: 768px) {
	#hero .rep-logo, #hero .havas {
		height: 80px;
	}
	#hero .rh-logos img { 
		height: 80px;
	}
	#hero .rh-logos .havas .h {
		max-width: 47.563px;
	}
	#hero .rh-logos .havas .a-1 {
		max-width: 46.844px;
	}
	#hero .rh-logos .havas .v {
		max-width: 43.234px;
	}
	#hero .rh-logos .havas .a-2 {
		max-width: 46.844px;
	}
	#hero .rh-logos .havas .s {
		max-width: 42.516px;
	}
}
@media(min-width: 1366px) {
	#hero .rh-logos img { 
		height: 111px;
	}
	#hero .rh-logos .havas .h {
		max-width: 66px;
	}
	#hero .rh-logos .havas .a-1 {
		max-width: 65px;
	}
	#hero .rh-logos .havas .v {
		max-width: 60px;
	}
	#hero .rh-logos .havas .a-2 {
		max-width: 65px;
	}
	#hero .rh-logos .havas .s {
		max-width: 59px;
	}
	#hero .rep-logo, #hero .havas {
		height: 111px;
	}
	#hero .item .item-subhead.cf-0-subhead {
		margin-bottom: 80px;
	}
}
#hero .rep-logo {
	margin-right: 10px;
} 
#hero .havas img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1px;
	transform-origin: bottom right;
	width: 0;
}
#hero .havas img.a-1 {
	margin-right: 0;
}
#hero .havas img.v {
	margin-left: 0;
}
.item-title.cf-0-title {
	/*opacity: 0;*/
}


#new-era {
	color: #FFFFFF;
	text-align: center;
	padding: 100px 0;
}
#new-era .item-subhead {
	margin-bottom: 60px;
}
#new-era a{
	color: #fff;
	text-decoration: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	padding: 10px;
	border: 1px solid #FFFFFF;
}
#new-era a:hover{
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
}
#new-era .item-title,
#new-era .item-cta {
	opacity: 1;
}

#new-era .rh-image {
	padding-top: 150px;
}
#new-era .rh-image img {
	max-height: 300px;
}
@media(min-height: 900px) {
	#new-era .rh-image img {
		max-height: 600px;
	}
}

#new-era .rh-logos {
	font-size: 0;
	padding: 50px 0;
}
#new-era .rh-logos img { 
	height: 40px;
}
#new-era .rh-logos .havas .h {
	max-width: 27.563px;
}
#new-era .rh-logos .havas .a-1 {
	max-width: 26.844px;
}
#new-era .rh-logos .havas .v {
	max-width: 23.234px;
}
#new-era .rh-logos .havas .a-2 {
	max-width: 26.844px;
}
#new-era .rh-logos .havas .s {
	max-width: 22.516px;
}
#new-era .rh-logos + .rh-logos {
	padding-top: 0;
}
#new-era .rep-logo, #new-era .havas {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
}
#new-era .item .item-subhead.cf-0-subhead {
	margin-bottom: 60px;
}

@media(min-width: 768px) {
	#new-era .rep-logo, #new-era .havas {
		height: 80px;
	}
	#new-era .rh-logos img { 
		height: 80px;
	}
	#new-era .rh-logos .havas .h {
		max-width: 47.563px;
	}
	#new-era .rh-logos .havas .a-1 {
		max-width: 46.844px;
	}
	#new-era .rh-logos .havas .v {
		max-width: 43.234px;
	}
	#new-era .rh-logos .havas .a-2 {
		max-width: 46.844px;
	}
	#new-era .rh-logos .havas .s {
		max-width: 42.516px;
	}
}
@media(min-width: 1366px) {
	#new-era .rh-logos img { 
		height: 111px;
	}
	#new-era .rh-logos .havas .h {
		max-width: 66px;
	}
	#new-era .rh-logos .havas .a-1 {
		max-width: 65px;
	}
	#new-era .rh-logos .havas .v {
		max-width: 60px;
	}
	#new-era .rh-logos .havas .a-2 {
		max-width: 65px;
	}
	#new-era .rh-logos .havas .s {
		max-width: 59px;
	}
	#new-era .rep-logo, #new-era .havas {
		height: 111px;
	}
	#new-era .item .item-subhead.cf-0-subhead {
		margin-bottom: 80px;
	}
}
#new-era .rep-logo {
	margin-right: 10px;
} 
#new-era .havas img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1px;
	transform-origin: bottom right;
	/*width: 0;*/
}
#new-era .havas img.a-1 {
	margin-right: 0;
}
#new-era .havas img.v {
	margin-left: 0;
}
.item-title.cf-0-title {
	/*opacity: 0;*/
}


.white-main-logo {
	padding: 10px 0 !important;
}



.news-title {
	font-size: 26px;
	text-transform: none;
	margin-bottom: 30px;
	font-weight: 700;
}
@media(min-width: 768px) {
	.news-title {
		font-size: 32px;
		margin-bottom: 50px;
	}
}

.job-listing-widget h4 {
	text-transform: none;
}

#applicant-resume {
	opacity: 1 !important;
}
.cn-close-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    outline: 0;
}
.cn-close-icon:after, 
.cn-close-icon:before {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    top: 3px;
    background-color: #fff;
}

.cn-close-icon:before {
    transform: rotate(45deg);
}
.cn-close-icon:after {
    transform: rotate(-45deg);
}