/*
	Theme Name: Media Alive
	Author: Innermedia / Ben Hall (benhall14@hotmail.com)
	Version: 1.0
*/

body {
	font-family: 'Montserrat';
	line-height:1.3;
}

a {
	color: #1c1c1a;
	text-decoration: underline;
	font-weight: 900;
}

a:hover {
	color: #1c1c1a;
}

.page-wrapper {
	/*max-width: 1560px;*/
	margin: auto;
}

.breadcrumbs {
	font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 50px 0;
	margin-bottom:25px;
}

.page-id-13 .breadcrumbs {
	margin-bottom: 10px;
	margin-bottom:25px;
}

header#header {
	max-height: 700px;
	height: 75vw;
	/* min-height:550px; */
	background-color: #03b0ca;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: auto;
	overflow:hidden;
	position: relative;
}
header#header.blankCover {
	height:auto;
	min-height:0;
	max-height:none;
}
header#header.blankCover .sub-header-text {
	margin: 50px auto 60px auto;
}
header #map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

nav#main-nav {
	display: none;
	background-color: #03b0ca;
	text-align: center;
	/*padding: 50px 0;*/
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
nav#main-nav .menu-toggle {
	position: absolute;
    right: 100px;
    top: 50px;
    font-size: 50px;
	z-index:5;
}

nav#main-nav ul {
	margin: 0;
	padding: 0;
}

nav#main-nav ul {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

nav#main-nav ul li {
	list-style: none;
}

nav#main-nav ul li a {
	display: block;
	font-size: 75px;
	line-height: 90px;
	font-size:45px;
	line-height:1.2;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
}

nav#main-nav ul li a:hover{
	color: #1c1c1a;
	text-decoration: none;
}

header .header-inner {
	position: relative;
	display: block;
	padding: 30px 100px 30px 100px;
	position: fixed;
	width: 100%;
	z-index: 99999;
	top: 0px;
	transition: 300ms all;
}
.page-template-template-map header .header-inner {
	background:rgba(3, 176, 202, 0.7);
}
.admin-bar header .header-inner {
	top: 32px;
	
}
header .header-inner.scroll,
body.page-template-default.inner  .header-inner,
body.post-template-default  .header-inner,
body.archive .header-inner,
body.blog .header-inner {
	background: #03b0ca;
}

header .header-img-constraints {
	width: 100%;
	opacity: 0;
	z-index:0;
}

header .logo {
	float: left;
	margin-left: -20px;
}

header .logo img {
	height: 75px;
	width: auto;
	transition:300ms;
}
#main-nav .logo {
	position:absolute;
	top:30px;
	left:80px;
	z-index:5;
}

#main-nav .logo {
	
}
#main-nav .logo img{
	height:75px;
}
header .scroll .logo img{	
	height: 45px;
}
header .telephone {
	font-size: 40px;
	line-height: 75px;
	font-size:25px;
	line-height:1.875;
	color: #fff;
	float: right;
}

header .telephone.telephone-black {
	color: #000;
}

.menu-toggle{
	cursor: pointer;
	float: right;
	margin-left: 45px;
	transition: all 500ms;
	margin-top: 15px;
	margin-top:8px;
}

.menu-toggle span {
	width: 35px;
	height: 3px;
	margin: 6px 0px 6px 0px;
	background-color: #fff;
	display: block;
	transition:all 300ms;
}

.menu-toggle.menu-black span {
	background-color: #000;	
}

.menu-toggle:hover span {
	background-color: rgba(255, 255, 255, 0.5);
}
.menu-toggle.menu-black:hover span {
	background-color: rgba(0, 0, 0, 0.5);
}
.menuopen .menu-toggle:hover span {
	background-color:rgb(129, 216, 229);
}
.menu-toggle span:nth-child(1) {
	transform-origin: 13px 4px;
}

.menu-toggle span:nth-child(3) {
	transform-origin: 12px -3px;
}

body.menuopen {
	overflow: hidden;
}

body.menuopen .menu-toggle span:nth-child(1) {
	transform:rotate(135deg);
}

body.menuopen .menu-toggle span:nth-child(2) {
	opacity:0;
	transform:rotate(360deg);
}

body.menuopen .menu-toggle span:nth-child(3) {
	transform:rotate(-135deg);
}


ul.inline-bulletted {
    margin: 0;
    padding: 0;
    list-style:none;
}

ul.inline-bulletted li {
    display:inline-block;
    margin:10px 10px 10px 0px;
}
ul.inline-bulletted li:before {
    display:inline-block;
    content:"\2B24";
    margin-right:15px;
    color:#03b0ca;
}
ul.inline-bulletted li a {
    display:inline-block;
    text-decoration:none;
    transition:all 200ms;
}
ul.inline-bulletted li a:hover {
    color:#03b0ca;
}




.button {
	border: 1px solid #1c1c1a;
	/*padding: 15px 20px 10px 20px;*/
	padding: 24px 30px 20px 30px;
    min-width: 125px;
    color: #1c1c1a;
    font-size: 18px;
    display: inline-block;
    font-weight: 900;
	line-height: 22px;
	font-size: 24px;
	vertical-align: middle;
	text-decoration: none;
	transition: all 300ms;
	text-transform: uppercase;
}
/*
.button::after {
	content: "\f054";
	font-family: "FontAwesome";
	color: #1c1c1a;
	margin-left: 20px;
	transition: all 300ms;
	opacity: 0;
	font-size: 15px;
    position: relative;
    top: -3px;
}

.button:hover::after {
	opacity: 1;
}

.button:hover{
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
}
*/
.button:hover {
	background:#000;
	color:#fff;
}
header .large-header-text {
	/*margin: 100px 0 50px 0;*/
	margin: 200px 0 50px 0;
	margin: 150px 0 50px 0;
	font-size: 110px;
	font-size:83px;
	line-height: 100px;
	line-height:90px;
	color: #fff;
	text-align: center;
	font-weight: 400;
}

header .large-header-text img {
	height:110px;
	width: auto;
	margin-right: 5px;
	position: relative;
	top: 0px;
}

header .sub-header-text {
	color: #fff;
    margin: 75px auto 100px auto;
	margin: 50px auto 100px auto;
    max-width: 1100px;
	max-width:768px;
    font-size: 25px;
	font-size:20px;
	font-weight: 600;
	padding: 0 50px;
}

section.text-section { 
	padding: 100px 150px;
}

section#homepage-content {
	font-size: 32px;
	font-size:24px;
}
section#homepage-content h1{
	font-size: 40px;
    line-height: 1.1;
    color: #111;
    font-weight: 700;
	margin-bottom:25px;
	text-transform:uppercase;
}
section#homepage-content h1 strong{
	color:#03b0ca;
    font-weight: 700;
}
section.dynamic-elements .image-item-link {
	color: #fff;
	text-decoration: none;
}

section.dynamic-elements .image-item {
	height: 0;
	padding-bottom: 100%;
	/* min-height: 550px; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.dynamic-elements .image-item {

}
section.dynamic-elements .image-item .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	opacity: 0;
	transition: all 300ms;
}


section.dynamic-elements .image-item.with-hover:hover .overlay {
	opacity: 0.6;
}

section.dynamic-elements .image-item .image-item-title {
	color: #fff;
	font-size: 32px;
	line-height: 32px;
    font-weight: 900;
	text-align: center;
	/* padding-top: 240px; */
	/*padding-top: 40%;*/
	top:50%;
	transform:translateY(-50%);
	position: absolute;
	width: 100%;
}

section.dynamic-elements .image-item .image-item-title div:first-child {
	text-decoration: none;
	text-transform: uppercase;
}

section.dynamic-elements .image-item .image-item-title div:last-child {
	font-size: 16px;
	text-decoration: underline;
	text-transform: lowercase;
	font-weight:700;
}

section.body-content {
	margin: 0 15px;
}

section.dynamic-elements > .row {
	margin: 0;
	padding: 0;
}

section.dynamic-elements > .row > .col-md-6,
section.dynamic-elements > .row > .col-md-8,
section.dynamic-elements > .row > .col-md-4,
section.dynamic-elements > .row > .col-md-12 {
	padding: 0;
}

.body-content .col-md-8 {
	padding-top: 50px;
	padding-left: 100px;
	padding-bottom: 50px;
	font-size: 20px;
}

.body-content-page {
	padding: 50px 100px;
	font-size: 24px;
	font-size:20px;
}
.page-not-found.body-content-page {
	padding-top:200px;
}
table {
	width: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: 45px;
}

.no-margin {
	margin: 0!important;
}

.body-content-page h1,
.body-content-case-studies h1,
.callout h2,
.who-we-are h2 {
	margin: 0;
    padding: 0;
    font-size: 35px;
	font-size:27px;
    font-weight: 800;
    text-transform: uppercase;
}
.body-content-page h1 strong,
.body-content-case-studies h1 strong,
.callout h2 strong,
.who-we-are h2 strong,
.body-content-page h1 b,
.body-content-case-studies h1 b,
.callout h2 b,
.who-we-are h2 b{
    text-transform: lowercase;	
    font-weight: 800;
}
.body-content-page h1 {
	color: #111;
	padding-bottom: 20px;
}

.body-content-case-studies h1,
.parent-creative h1 {
	color: #03b0ca;
	padding: 0;
}

.body-content-page.grey-col h1 {
	margin-bottom: 25px;
	color: #1c1c1a;
}

.body-content-style-2 {
	padding: 30px 100px;
	padding: 70px 100px;
    font-size: 22px;
	font-size:20px;
    line-height: 27px;
	line-height:1.2;
    /*height: 550px;
    overflow-y: auto;*/
}

#case-study-tags {
	margin: 130px 0 50px 0;
	padding: 0;
}

#case-study-tags li {
	list-style: none;
	color: #03b0ca;
	font-weight: 900;
	font-size: 24px;
	text-transform: uppercase;
}

#case-study-tags li a {
	color: #03b0ca;
	text-decoration: none;
}

#case-study-tags li a:hover {
	opacity: 0.6;
}

.grey-col {
	background: #dadada;
}

.grey-dark-col {
	background: #bdbcbc;
}

.teal-col {
	background: #03b0ca;
}

section#footer-cta {
	font-size: 24px;
	font-size:18px;
	text-align: center;
	background: #d1d1d1;
	padding: 60px 50px;
	font-weight: 400;
}

section#footer-cta .button {
	margin-left: 25px;
	position: relative;
    top: -2px;
}

section#footer-cta strong {
	font-weight: 900;
}

.social-media {
	font-size: 35px;
	margin-bottom: 20px;
}

.social-media a {
	display: inline-block;
	margin: 0 10px;
}

.social-media a:hover {
	color: #03b0ca;
}

.credits a {
	margin: 0 5px;
	font-weight: 100;
	font-size: 16px;
}

footer#footer {
	color: #fff;
	background: #1c1c1a;
	padding: 25px 50px;
	text-align: center;
}

footer a {
	color: #fff;
	text-decoration: none;
}

footer a:hover,
footer a:focus {
	color: #fff;
	text-decoration: underline;
}

/* dynamic elements */
.quote {
	background: #03b0ca;
	/* padding: 50px 100px; */
	/* padding:50px 15%; */
	height: 0;
	/* min-height: 550px; */
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.quote .quote-inner {
	border: 25px solid rgba(255, 255, 255, 0.3);
	padding: 10%;
	margin: 5%;
	/* overflow: hidden; */
	color: #fff;
	position: relative;
	height: 0;
	padding-bottom: 70%;
}

.quote .quote-text {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 24px;
	font-size: 1.25vw;
}

.quote .quote-logo {
	position: absolute;
	right: 130px;
	bottom: 32px;
	background: #03b0ca;
}

.quote .quote-cite {
	font-weight: 700;
	font-size: 22px;
	font-size: 1.1vw;
}

.quote .quote-logo img {
	height: 50px;
	width: auto;
}

@media only screen and (max-width: 1450px) {
	.quote .quote-text {
		/* font-size:20px; */
	}
	.quote .quote-cite {
		/* font-size:18px; */
	}
}

#map-dynamics .image-item {
    /*background-position: left;*/
}

.map-brief {
	font-size: 40px;
    line-height: 48px;
	line-height:1.2;
	font-size:24px;
    padding: 203px 25px;
    text-align: center;
    color: #fff;
    text-transform: lowercase;
}

.map-brief a {
	color: #fff;
	font-weight: 700;
}

.map-brief a:hover {
	color: #fff;
	text-decoration: underline;
}

.contact-tel {
	margin-top: 70px;
	text-align: left;
	padding-left: 50px;
	padding:0 15px;
	font-size: 57px;
	line-height: 60px;
	color: #1c1c1a;
	text-decoration: none;
	text-align:center;
	line-height:28px;
	font-size:24px;
}

.contact-tel a {
	text-decoration: none;
	font-weight: 600;
}

.contact-tel a:hover {
	text-decoration: underline;
}

.contact-email {
	text-align: left;
    font-size: 28px;
	font-size:20px;
    line-height: 30px;
    /*margin-top: 15px;*/
    margin-bottom: 40px;
    /*padding-left: 50px;*/
	padding:0 15px;
	text-align:center;
}

.contact-email a {
	text-decoration: none;
	font-weight: 600;
}

.contact-email a:hover {
	text-decoration: underline;
}

.contact-address {
	/*padding-left: 50px;*/
	padding:0 15px;
	text-align:center;
	font-size: 24px;
	font-size:20px;
}

section.dynamic-elements .audio-item,
section.dynamic-elements .video-item {
	height: 550px;
	background-color: #617680;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	transition:300ms;
}

.audio-link,
.video-link {
	text-decoration: none!important;
}

.audio-item i{
	margin-top: 100px;
	font-size: 150px;
    color: #fff;
}

.video-item div {
	text-align: center;
}

.video-item {
	padding-top: 100px;
}

.video-item div.play {
	width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    font-size: 49px;
    color: #000;
    text-align: center;
    line-height: 100px;
    padding-left: 12px;
	padding-top: 8px;
	margin: auto;
	margin-bottom: 30px;
}

.audio-item .listen,
.video-item .watch {
    margin-top: 15px;
	font-size: 28px;
	line-height: 28px;
	text-transform: uppercase;
    text-decoration: none;
}

.audio-item .title,
.video-item .title {
	font-size: 22px;
	line-height: 22px;
	text-decoration: none;
}

.audio-item audio {
	display: none;
}

.audio-item:hover audio {
	display: inline-block;
}

.audio-item .title {
	margin-bottom: 50px;
}

section.dynamic-elements .col-md-6:nth-child(2) .audio-item,
section.dynamic-elements .col-md-6:nth-child(2) .video-item {
	background-color: #7993a0;
}

section.dynamic-elements .col-md-6:nth-child(3) .audio-item,
section.dynamic-elements .col-md-6:nth-child(3) .video-item {
	background-color: #7993a0;
}

section.dynamic-elements .col-md-6:nth-child(6) .audio-item,
section.dynamic-elements .col-md-6:nth-child(6) .video-item {
	background-color: #7993a0;
}

section.dynamic-elements .col-md-6:nth-child(7) .audio-item,
section.dynamic-elements .col-md-6:nth-child(7) .video-item {
	background-color: #7993a0;
}

section.dynamic-elements .audio-item:hover,
section.dynamic-elements .video-item:hover {
	background-color: #45555c!important;
    background-image: none!important;
}


#homepage-header-slider {
	text-align: center;
	max-height: 700px;
	/* height: 75vh; */
	/* min-height:550px; */
	overflow: hidden;
}

#homepage-header-slider .carousel-item {
	/* padding-top: 150px; */
	/* font-size: 125px; */
	/* font-size:80px; */
	/* line-height: 130px; */
	/* line-height:1.1; */
	/* color: #111; */
	/* font-weight: 700; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	max-height: 700px;
	height: 76vw;
	/* min-height:550px; */
}

.carousel-item {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}

#homepage-header-slider .carousel-item p:first-child {
	/* margin-top: 100px; */
}

#homepage-header-slider .carousel-item p,
#homepage-header-slider .carousel-item h1 {
	font-size: 80px;
	font-size: 6vw;
	line-height: 1.1;
	color: #111;
	font-weight: 700;
	position:absolute;
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}




#homepage-header-slider .carousel-item span {
	color: #fff;
	display: block;
	margin-top: -26px;
    margin-bottom: -26px;
	margin-top: -0.208em;
    margin-bottom: -0.208em;
}

.videoBanner {
	max-height: 700px;
	/* height: 75vh; */
	/* min-height:550px; */
	overflow: hidden;
}
.videoBanner .videoframe {
	width:100%;
	height:100%;
	overflow: hidden;	
}
.videoBanner .videoframe:before{
	content:'';
	display:block;
	padding-top:56.25%;
	width:100%;
	position:relative;
}
.videoBanner .videoframe video,
.videoBanner .videoframe img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
    object-position: center;
}
.videoBanner .videoText {
	position: absolute;
    width: 100%;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
	z-index:20;
	text-align:center;
	font-size: 80px;
    font-size: 6vw;
    line-height: 1.1;
    color: #fff;
    font-weight: 700;   
}
.videoBanner .videoText {
   
}

.videoBanner .videoText h1 span {
    color: #fff;
    color: #03b0ca;
    display: block;
    margin-top: -26px;
    margin-bottom: -26px;
    margin-top: -.208em;
    margin-bottom: -.208em
}


.carousel-control-next, .carousel-control-prev {
	opacity: 1;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-image: none;
    font-size: 30px;
    background: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    vertical-align: middle;
    padding: 4px;
    text-align: center;
    opacity: 1;
}

.carousel-control-next-icon i{
	position: relative;
    left: 3px;
    top: -2px;
}

.carousel-control-prev-icon i{
	position: relative;
    right: 3px;
    top: -2px;
}

.who-we-have-worked-with-img {
	margin: 0 50px 50px 50px;
	text-align: center;
}

.who-we-have-worked-with-img img {
    /*width: 80px;*/
	/*height: 80px;*/
	width: 125px;
	height: 125px;
	display: inline-block;
	margin: 10px;
}

.callout .callout-left {
	padding: 25px 50px 25px 150px;
	font-size: 26px;
	font-size:20px;
	z-index: 8888;
}

.callout .callout-right {
	padding: 25px 0;
}


div#closeWhowe {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background: #555;
}

div#closeWhowe:before {
    content:"";
    display:block;
    width:15px;
    height:2px;
    background-color:#fff;
    transform:rotate(45deg);
    margin-left:3px;
    margin-top:9px;
}

div#closeWhowe:after {
    content:"";
    display:block;
    width:15px;
    height:2px;
    background-color:#fff;
    transform:rotate(-45deg);
    margin-left:3px;
    margin-top:-2px;
}


.who-we-are {
	background: #111;
	padding-bottom:30px;
	z-index: 9999;
}

.who-we-are h2 {
	margin-left: 10px;
	color: #fff;
	padding: 25px 0 15px 0;
}

.who-we-are .img-wrap {
	/* max-width: 1200px; */
	margin: auto;
	padding: 0 140px;
	z-index: 9999;
	max-width: 1650px;	
}

.who-we-are .img-wrap .person-name {
	width: 25%;
	display: inline-block;
	padding: 10px;
	opacity: 0.5;
	cursor: pointer;
	/* overflow:hidden; */
	transition:300ms all;
	position: relative;
	z-index: 8888;
}

.who-we-are .img-wrap .person-name img {
	width: 100%;
	transition:300ms all;
}
.who-we-are .img-wrap .person-name:hover,
.who-we-are .img-wrap .person-name.active {
	opacity: 1;
	z-index:9999;
}
.who-we-are .img-wrap .person-name:hover img,
.who-we-are .img-wrap .person-name.active img{
	transform:scale(1.1);
}
.who-we-are-name, 
.who-we-are-role,
.who-we-are-bio {
	text-align: center;
}

.who-we-are-name {
	color: #03b0ca;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	z-index: 9999;
}

.who-we-are-role {
	color: #fff;
	line-height: 20px;
	font-size: 15px;
	padding-bottom: 15px;
	z-index: 9999;
}

.who-we-are-bio {
	max-width: 1000px;
	margin: auto;
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	padding-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
	z-index: 9999;
}
.whoweWrap {
	padding-top:15px;
	position: absolute;
	background: #000;
	z-index: 9;
	width: 500px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
}
/* REQUESTED UPDATES */

.page-id-15 .overlay {
	display: none!important;
}

.page-id-9 .image-item-title div:last-child {
	display: none;
}

.page-id-9 .image-item-title {
	/* opacity: 0; */
}

.page-id-9 .image-item:hover .image-item-title {
	opacity: 1;
}

.page-id-9 .image-item:hover .overlay {
	opacity: 0.8;
}

.case-studies-template-default .overlay {
	display: none!important;
}

.case-study-animations .image-item {
	opacity: 0;
}

/*
POST AND DEFAULT PAGE EDITS
*/
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
	font-weight:700;
	margin:10px 0 16px;
}
section.inner-body-content {
	padding-top:170px;
}
body.single-post,
body.archive,
body.blog {
	background:#dadada;
}
.postThumb {
	margin:0 auto 50px;
}
img{
	max-width:100%;
	height:auto;
}
body.single-post .body-content a{
	font-weight:700;
	text-decoration:none;
	display:inline-block;
	border-bottom:solid 1px;
	line-height:1.1;
}
body.single-post .body-content a:hover {
	border-bottom:solid 1px transparent;
	
}
.news-archive {
	max-width:1860px;
	padding:0 15px;
	margin:auto;
}
.newsItem  {
	padding-bottom:34px;
}
.newsItem a {
	color:#000;
	text-decoration:none;
	font-weight:initial;
	display:block;
	background:#ffffff;
	color:#000;
	font-size:20px;
	transition:300ms;
}
.newsItem a:hover {
	background:#eee
}
.newsItem  h2{
	font-size:1em;
	font-weight:700;
	margin:0;
}
.newsItem  .date,
.relatedPosts .date{
	font-weight:700;
	font-size:0.8em;
	margin-bottom:10px;
}
.itemThumb img {
	width:100%;
}
.newsItem .itemExcerpt {
	padding:30px;
}
.pagination {
	text-align:center;
	font-size:16px;
	color:#000000;
	display:block;
	margin:20px 0;
	clear:both;
}
.pagination .screen-reader-text {
	display:none;
	
}
.pagination a{
	color:#848383;
	font-weight:initial;
	text-decoration:none;
	display:inline-block;
	margin:0 10px;
}
.pagination .next,
.pagination .prev {
	color:#000;
}
.archiveHeader,
.news-archive .breadcrumbs {
	width:90%;
	margin:0 auto 25px;
}
.archiveHeader h1{
	font-size:22px;
	    font-weight: 700;
    text-transform: uppercase;
}
.headerCats {
	text-align:right;
	font-size:20px;
	font-weight: 700;
    text-transform: uppercase;
}
.headerCats a {
	font-weight:700;
	text-decoration:none;
}
.headerCats .current-cat a {
	border-bottom:solid 2px;
}
.headerCats {
	float:right;
	position:relative;
}
.headerCats > span{
	cursor:pointer;
	padding:0 5px 5px;
	display:inline-block;
}
.headerCats .archivesDrop {
	background:#03b0ca;
	display:none;
	width:100%;
	position:absolute;
	top:100%;
	right:0;
	z-index:10;
	color:#fff;
	padding:5px;
	width:320px;
}
.headerCats .archivesDrop li{
	list-style:none;
}
.headerCats .archivesDrop > li{
	margin-bottom:10px;
}
.headerCats .archivesDrop h2 {
	font-size:22px;
	color:#fff;
	font-weight:700;
}
.headerCats ul {
	list-style:none;
	display:block;
	padding:0;
	margin:0;	
	font-size:16px;
}
.headerCats ul a {
	color:#fff;
	display:inline-block;
}
.headerCats ul a:after{	
	display:block;
	content:'';
	width:0px;
	background:#000;
	height:100%;
	position:absolute;
	right:-5px;
	top:0;
	transition:300ms;
}
.headerCats ul a:hover:after{	
	width:5px;
}
.headerCats ul li {
	position:relative;
	padding:5px;
}
.headerCats ul li{
	display:block;
}
.shareButtons {
	margin:3em 0 0;
}
.shareButtons a,
body.single-post .body-content .shareButtons a{
	color:#fff;
	background:#000;
	display:inline-block;
	font-size:23px;
	text-decoration:none;
	border:none;
	line-height:1.7em;
	width:1.7em;
	height:1.7em;
	text-align:center;
	margin-right:5px;
}
.shareButtons a:hover,
body.single-post .body-content .shareButtons a:hover{
	background:#03b0ca;
}
.relatedPosts {
    padding: 00px 15px 50px;
    font-size: 20px;
	margin:0 auto;
	max-width:1600px;
}
.relatedPosts a {
	font-weight:intial;
	text-decoration:none;
}
.singleRelPosts {
	margin-bottom:34px;
}
.relatedPosts h2 {
	font-size: 20px;
    font-weight: 700;
    margin: 10px 0 35px;
	text-transform:uppercase;
}
.relatedPosts h3 {
	text-transform:initial;
	margin:10px 0 2px;
}
@media (min-width:992px){
	.newsArchves.masonry {
		margin:0 -17px;
	}
	.newsItem {
		width:50%;
		padding:0 17px 34px;
	}
}
@media (min-width:1200px){
	.newsItem {
		width:25%;
		padding:0 17px 34px;
	}
}
@media only screen and (max-width : 1590px) {
}

@media only screen and (max-width: 1560px) {
	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	/*section.dynamic-elements .image-item,*/
	.quote {
		height: 0;
		padding-bottom: 100%;
		/* min-height: 550px; */
		overflow: hidden;
	}
}

@media only screen and (max-width: 1450px) {
	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	/*section.dynamic-elements .image-item,*/
	.quote {
		/* height:100%; */
		/* min-height: 450px; */
	}
}

@media only screen and (max-width : 1390px) {
	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	/*section.dynamic-elements .image-item,*/
	.quote {
		/* height:100%; */
		/* min-height: 400px; */
	}
	.whoweWrap {
		width: 350px;
	}
	.who-we-are .img-wrap .person-name {
		width: 33%;
	}
}

@media only screen and (max-width : 1199px) {
	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	/*section.dynamic-elements .image-item,*/
	.quote {
		/* height:100%; */
		/* min-height: 350px; */
	}

	.quote {
		/* padding: 25px 50px; */
	}

	.quote .quote-logo {
		right: 90px;
		bottom: 12px;
	}

	.quote .quote-inner {
		border: 15px solid rgba(255, 255, 255, 0.3);
	}

	.who-we-are .img-wrap {
		/* padding: 0 40px; */
	}

}

@media only screen and (max-width: 991px) {

	.who-we-are .img-wrap {
		padding: 0 4%;
	}

	.whoweWrap {
		width: 280px;
	}

	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	/*section.dynamic-elements .image-item,*/
	.quote {
		/* height:100%; */
		/* min-height: 300px; */
	}

	
	header#header {
		/* min-height: 550px; */
	}

	#homepage-header-slider .carousel-item {
		font-size: 70px;
	}

	#homepage-header-slider {
		/* height: 550px; */
		margin: 0;
	}
	
	#homepage-header-slider .carousel-item {
		/* min-height: 550px; */
	}

	.quote {
		/* padding: 25px; */
	}

	.quote .quote-logo {
		right: 70px;
		bottom: 10px;
	}
}

@media only screen and (max-width : 767px) {

	header .logo img {
		height: 55px;
		width: auto;
	}

	header .large-header-text {
		margin: 150px 0 50px 0;
		font-size: 50px;
	}

	header .large-header-text img {
		height:50px;
		width: auto;
		margin-right: 4px;
	}


	#homepage-header-slider .carousel-item p:first-child {
		margin-top: 0;
		font-size: 8vw;
	}

	#homepage-header-slider .carousel-item {
		font-size: 50px;
		/* visibility: hidden; */
	}


	section#footer-cta .button {
		margin-left: 25px;
		margin-right: 25px;
		position: relative;
		top: 20px;
		display:block;
	}

	header .header-inner {
		padding: 30px 30px 30px 40px;
	}

	.quote .quote-inner {
		border: 25px solid rgba(255, 255, 255, 0.3);
		padding-bottom: 70%;
	}
	.quote .quote-logo {
		right: 12%;
		bottom: 6%;
	}

	.quote .quote-text {
		font-size: 3.5vw;
	}

	.quote .quote-cite {
		font-size: 3.1vw;
	}

	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	section.dynamic-elements .image-item,
	.quote {
		/* height:100%; */
		/* min-height: 550px; */
	}
	section.dynamic-elements .image-item {
		position:relative;
	}
	.body-content .col-md-8 {
		padding: 50px;
	}

	#case-study-tags {
		text-align: center;
		margin: 0 0 50px 0;
	}

	#case-study-tags li {
		display: inline-block;
		margin: 5px 10px;
	}

	.body-content-page {
		padding: 30px;
	}

	.body-content-style-2 {
		padding: 30px;
		height: auto;
	}

	table {
		/* text-align: center; */
	}

	table td {
		/* display: inline-block; */
		/* text-align: center; */
		/* margin: 11px; */
	}

	.contact-tel {
		padding: 0;
		text-align: center;
		margin-top: 25px;
	}

	.contact-email {
		text-align: center;
		padding-left: 0;
	}

	.contact-address {
		padding-left: 0;
		text-align: center;
	}

	.contact-address:last-child {
		margin-bottom: 25px;
	}
	#main-nav .logo {
		left:15px;		
	}
	#main-nav .logo img{
		height:45px;	
	}
	 nav#main-nav .menu-toggle {
		right:15px;
	 }
	 .highvisLinks {
		margin: 10px 0;
	 }
	 .credits a {		    
		margin: 7px 0;
		display: inline-block;
	 }
}

@media only screen and (max-width: 600px) {
	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	section.dynamic-elements .image-item,
	.quote {
		/* height:100%; */
		/* min-height: 550px; */
	}

	header .telephone {
		display: none;
	}
	
	.callout .callout-left {
		padding: 50px 50px 25px 50px;
	}

	.callout .callout-right {
		padding: 0 0 25px 0;
		text-align: center;
	}

	section.text-section {
		padding: 50px 40px;
	}

	.carousel-control-next, .carousel-control-prev {
		bottom: -60vw;
		/* opacity: 0.8; */
	}

	.carousel-control-next:hover, .carousel-control-prev:hover {
		/* opacity: 0.8; */
	}


	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		transform:scale(0.6);
	}

	.quote {
		text-align: center;
		/* min-height: 550px; */
		height: auto;
		padding-bottom: 0;
	}
}

@media only screen and (max-width : 479px) {
	section.dynamic-elements .audio-item,
	section.dynamic-elements .video-item,
	section.dynamic-elements .image-item,
	.quote {
		height:100%;
		min-height: 400px;
	}

	header .header-inner {
		/*margin: 50px;*/
		padding: 20px 20px 20px 40px;
	}
	.quote .quote-inner {
		border: 15px solid rgba(255, 255, 255, 0.3);
		padding-bottom: 70%;
	}
	.quote .quote-logo {
		right: 12%;
		bottom: 10%;
	}
	.quote .quote-text {
		font-size: 4vw;
	}

	.quote .quote-cite {
		font-size: 4vw;
	}
}

@media only screen and (max-width : 400px) {
}

#map-overlay {
	position: absolute;
    bottom: 25px;
    left: 25px;
    /*max-height: 400px;*/
	width:33%;
}
@media (max-width:767px){
	#map-overlay {
		width:auto;
		right:25px;
	}
}
#map-overlay img {
	max-height: 100%;
	max-width:100%;
}

.brief-title {
	margin-bottom: 100px;
	display: none;
}

/* briefing form */

#briefing-form {
    width: 100%;
}

#briefing-form td {
	vertical-align: middle;
	border: 5px solid #e3e2e2;
	background: #fff;
	padding: 10px 20px;
}

#briefing-form p {
	margin: 0;
	padding: 0;
}

#briefing-form .title-style-1 {
    font-weight: 700;
	font-size: 26px;
	text-transform: uppercase;
}

#briefing-form .title-style-2, div.wpforms-container-full .wpforms-form .wpforms-field-divider h3 {
    color: #03b0ca;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 35px;
    padding: 0;
    margin: 0;
}

#briefing-form .title-client {
	border: none;
	background: #000;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}

#briefing-form span {
	display: block;
	font-size: 22px;
	font-weight: 400;
	line-height: 35px;
	padding: 0;
	margin: 0;
}

#briefing-form span b, div.wpforms-container-full .wpforms-field-label {
	font-size: 24px;
    line-height: 30px;
    font-weight: 400;
}

#briefing-form input,
#briefing-form textarea, 
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea {
    border: 0;
    background: rgba(0,0,0,0.05)!important;
    padding: 10px;
	font-size: 22px;
	outline: none;
	margin-top: 10px;
}

#briefing-form .send-brief {
	text-align: center;
}

#briefing-form input[type="submit"],
div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button {
    border: 1px solid #1c1c1a;
    width: auto;
    text-align: center;
    cursor: pointer;
    color: #000!important;
    background-color: #fff!important;
	border-radius: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container { 
    text-align: center!important;
}

#briefing-form input[type="submit"]:hover {
	text-decoration: underline;
}

.vbottom {
	vertical-align: bottom!important;
}


#briefing-form span.line {
    display: inline-block;
    width: 3px; 
    margin: 0 10px;
	color: #03b0ca;
	font-size: 26px;
	font-weight: 700;
}

div.wpforms-container-full {
    margin: 0px auto!important;
    background: #fff!important;
    padding: 20px!important;
}

.videoframe .vidUnmute {
	position:absolute;	
	right: 50px;
	bottom: 30px;
	z-index:120;
	color:#fff;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:30px;
	transition:300ms;
	cursor:pointer;
}
	
.videoframe .vidUnmute:hover {
	color:#fff;
}
.videoframe .vidUnmute.hide {
	opacity:0;
}
.videoframe .vidUnmute:before {
	content: "\f026";
	font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.videoframe .vidUnmute.unmuted:before {
	content:"\f028";
}