/* FONTS */
@import url("//hello.myfonts.net/count/2c95a4");
@font-face {font-family: 'AvenirLTStd-Oblique';src: url('../fonts/2C95A4_0_0.eot');src: url('../fonts/2C95A4_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2C95A4_0_0.woff2') format('woff2'),url('../fonts/2C95A4_0_0.woff') format('woff'),url('../fonts/2C95A4_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Roman';src: url('../fonts/2C95A4_1_0.eot');src: url('../fonts/2C95A4_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2C95A4_1_0.woff2') format('woff2'),url('../fonts/2C95A4_1_0.woff') format('woff'),url('../fonts/2C95A4_1_0.ttf') format('truetype');}

.AvenirLTStd-Oblique { 
	font-family: AvenirLTStd-Oblique;
	font-weight: normal;
	font-style: normal;
}
.AvenirLTStd-Roman { 
	font-family: AvenirLTStd-Roman;
	font-weight: normal;
	font-style: normal;
}

* {outline: none !important;}

.row.no-gutters {margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}


.navbar{
	box-shadow: 0px 0px 13px 0px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 13px 0px rgba(119, 119, 119, 0.75);	
	margin-bottom: 0px;
}
.navbar-brand{padding: 15px 12px;}
nav .nav li a{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 15px;
	margin-right: 15px;
}

nav .nav li a:hover{
	padding-bottom: 4px; 
	border-bottom: 5px #000 solid;
}

#main{
	position: relative;
	z-index:1000;
	-webkit-box-shadow: 0 0 13px 0 rgba(00,00,00,1);
	box-shadow: 0 0 13px 0 rgba(00,00,00,1);
}

.page-row {padding: 40px 0;}
.page-row.shadow {
  background: #ebebeb;
	box-shadow: 0px 0px 13px 0px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 13px 0px rgba(119, 119, 119, 0.75);	
}
.page-row-cta {text-transform: uppercase; font-size: 15px; text-decoration: underline; display: block; padding: 20px 0 0 0;}

.page-row#contact {background: #000; color: #fff;}
.page-row#contact a {color: #fff;}
.page-row#business-affairs .biz-support-title{text-transform: uppercase; font-size: 18px; padding-bottom: 14px; border-bottom: 4px solid #000; margin-bottom: 14px;}
.page-row#business-affairs .biz-support-content{font-size: 14px;}

.port-item {
	position: relative;
	width: 33%;
	height: 220px;
}


.port-item > .bw {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100%;
  	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-filter: grayscale(100%);
	  filter: grayscale(100%);
	  filter: gray;
	  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.port-item:hover > .bw{
  -webkit-filter: grayscale(0%);
  filter: none;
} 

.port-item-hover {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	visibility: hidden;
	opacity: 0; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: rgba(255, 255, 255, 0.77); 
	cursor: pointer;
}

.port-item:hover .port-item-hover{
	visibility: visible;
	opacity: 1;
}


.port-item-hover-contents {left: 10%; margin-top: -18px; position: absolute; top: 50%; font-size: 13px;}
.port-item-hover-contents p {margin: 0; line-height: 17px;}
.port-item-hover-contents .port-item-info {padding-left: 10px;}
.port-video video {max-width: 100%; height: auto; display: block; min-height: 300px;}
/*.port-video iframe {max-width: 100%; height: auto; display: block; min-height: 300px;} for youtube*/

.video-progress {background: #e5e5e5; cursor: pointer;}
.video-progress span {display: block; height: 8px; background: #454545; width: 0;}
.video-meta {padding: 15px 0; font-size: 13px; line-height:1.4;}
.controller {padding: 5px 0;}
.control {display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; cursor: pointer; vertical-align: middle;}
.control.next:hover,
.control.prev:hover,
.control.control-active {background-position: left bottom;}
.control.play {background-image: url('../img/icon-play.png'); display: none;}
.control.pause {background-image: url('../img/icon-pause.png');display: none;}
.control.next {background-image: url('../img/icon-next.png');display: none;}
.control.prev {background-image: url('../img/icon-prev.png');display: none;}
.control.close {background-image: url('../img/icon-close.png');}

.modal-black .modal-content {background: #0e0e0e; padding: 45px; color: #fff;}
.modal-black .modal-content h2 {margin-top: 0;}
.modal-black .modal-content a {color: #fff; text-decoration: underline;}
.modal-black .modal-content .nav-tabs li a {text-decoration: none; color: #656565; text-transform: uppercase; font-size: 14px; border: none; background: none !important;}
.modal-black .modal-content .nav-tabs li.active a {color: #fff;}
.modal-black .close {float: none; opacity: 1; position: absolute; right: 10px; top: 10px; z-index: 10;}
.modal-black .tab-pane{padding-top:70px;}
.modal-black .nav-tabs-left a{padding-left:0px;}

.nav-tabs-left ul {float: left; border: none;}
.nav-tabs-left li {float: none;}
.nav-tabs-left .tab-content {float: right; width: 70%; font-size: 13px;}
.nav-tabs-left h3.special {font-size: 27px; border-bottom: 10px #fff solid; margin: 0 0 13px 0; padding-bottom: 8px;}

.creative {position: relative;}
.creative .creative-meta {position: absolute; top: 0; left: 0; width: 80%; display: none;}
.creative-item {cursor: pointer;}
.bio-pic{padding-right: 10px;}
.modal-producer{padding-bottom:6px;}

.player .controls {display: none !important;}

.showHidePlaylistBut {display: none !important;}
.all_controls {display: none !important;}
#contact .disclaimer{padding-top: 14px; line-height:1.2;}
#contact small{font-size: 78%;}


/* ATTEMPT TO HIDE YT WATER MARK*/
.port-video iframe .html5-watermark{display: none !important;}