/*======================
HEADER
======================*/
header{
	transition: opacity 300ms ease-out;
}

header.vid-playing{
	opacity: 0;
	pointer-events: none;
}

header.vid-playing.scrolled{
	opacity: 1;
	pointer-events: auto;
}

/*======================
HOMEPAGE HERO SECTION
======================*/
.hero a.eclipse{
	pointer-events: none;
}

.hero .bx-viewport, ul.hero-slider{
	height: 100%!important;
}

ul.hero-slider li{
	width: 100%;
	height: 100%;
}

ul.hero-slider li .hero-img-container, .detail-hero-fixed{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.hero .mobile{
	display: block;
}

.hero .eclipse img{
	width: 40%;
	zoom: 0;
}

.e-logo .img{
	opacity: 1;
}


/*======================
HOMEPAGE TRIPTYCH SECTION
======================*/
.triptych .bubble.on, .triptych .bubble.off{
	color: #60aae2!important;
	background: rgba(71,76,80,0.4)!important;
}

// .triptych{
// 	min-height: 800px;
// }

.triptych .bubble{
	// position: relative;
	// top: 0;
	// left: 0!important;
	width: 33vw;
	height: 33vw;
	max-width: 406px;
	max-height: 406px;
	padding-top: 0;
}

.triptych .col:nth-child(3) .bubble {
    left: 66.6vw;
}

.triptych .col:nth-child(1) .bubble {
    left: -66.6vw;
}

/*======================
HOMEPAGE FEED SECTION
======================*/

.news_feed .more{
	margin-top: 16px;
	font-size: 22px;
	line-height: 22px;
}

.news_feed .more span{
	width: 22px;
	height: 22px;
	background-size: 22px!important;
}

.news_feed .feed .more span{
	background: transparent url(../../images/bluearrow-right.png) top left no-repeat;
}


/*======================
CAREERS
======================*/

.careerspage #main, .careersdetailpage{
	background-image: url(http://192.81.214.82/client/eclipse/wp-content/uploads/2016/02/hero-contact.jpg);
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}

.detail-hero.careers {
    height: 480px!important;
}
.careers-footer .see-more{
    color: #fff;
    background-color: #69f;
    display: inline-block;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    font-family: GothamBook;
    vertical-align: middle;
    margin-left: 16px;
}

@media (max-width: 768px){
	.careers-footer .see-more{
		margin-left: 0;
	}
}


.careers-footer h2 span{
	vertical-align: top;
    position: relative;
    top: 5px;
}

/*======================
ABOUT CAPABILITES
======================*/
.about .capabilities .item img {
    opacity: 0;
    height: 56px;
    width: auto;
    max-width: none;
    display: inline-block;;
}
.about .capabilities .item.active img {
    opacity: 1;
}

.capabilities-detail{
	transition: background 300ms ease-out;
}

/*======================
ABOUT LEADERSHIP
======================*/
.leadership-detail{
	position: fixed;
	top: 0!important;
}

@media (min-width: 768px){
	.leadership-detail {
		transform: translate3d(0, -50%, 0);
		top: 50%!important;
	}	
}


@media (min-width: 1024px){
	.leadership-detail{
		height: 66.666vmin;
	}
}

.about .leadership .leader{
	float: none;
	width: auto;
	text-transform: capitalize;
	font-size: 4vw;
}

.about .leadership .leader .position{
	font-size: 2.5vw;
	text-transform: uppercase;
}

.leadership .owl-nav div {
    position: absolute;
    width: 25px;
    height: 64px;
    top: 50%;
    // margin-top: -22px;
}
.leadership .owl-next {
    background: url(../../images/feed-arrow-right.png);
    right: 10px;
}
.leadership .owl-prev {
    background: url(../../images/feed-arrow-left.png);
    left: 10px;
}

.leadership-detail .firstname {
    margin-top: 24px!important;
}

.leadership-detail .next, .leadership-detail .previous, .leadership-detail .close{
	zoom: 0!important;
	background-size: 125px 50px;
}

.leadership-detail .next, .leadership-detail .previous{
	transform: translate3d(0, -50%, 0);
	top: 50%;
	width: 17px;
    height: 34px;
}

.leadership-detail .close{
	top: 20px!important;
	right: 20px!important;
	width: 26px;
	height: 26px;
	background-position: -44px 0;
}

.leadership-detail .previous{
	left: 20px!important;
	background-position: -87px 0;
}

.leadership-detail .next{
	right: 20px!important;
	background-position: -70px 0;
}
@media (max-width: 600px){
        .about .leadership .leader {
        text-align: center;
        }
}

/*======================
WORK SECTION
======================*/
.detail-hero-fixed{
	position: fixed;
}

header .share-box-holder .share{
	background: transparent;
}

.share-box .share-icons a{
	opacity: 0;
}

.workdetailpage .detail-hero {
	height: 100vh!important;
}

.work-list{
	background: rgba(0,0,0,0.4);
}

.work-hero{
	max-height: 98.5vh;
}

.carousel_copy .item img{
	max-height: 100%;
}
@media (min-width: 1024px){
	.copy p{
		font-size: 25px;
	}
}

.detail-hero{
	background-size: cover;
    background-position: center;
}

.detail-hero .copy{
	bottom: 2%;
}

.hero-slider-container .bx-wrapper .bx-prev, .hero-slider-container .bx-wrapper .bx-next{
	width: 48px;
	height: 48px;
	background-position: center;
}

.hero-slider-container .bx-wrapper .bx-prev{
	left: 16px;
}

.hero-slider-container .bx-wrapper .bx-next{
	right: 16px;
}

@media screen and (max-width: 767px){
	.carousel_copy .bx-wrapper {
	    margin-left: 0!important;
	    width: 100%!important;
	}
}

.image_copy .copy.only{
	padding-top: 80px;
	padding-bottom: 80px;
}


// .carousel_copy .item{
// 	height: 100%;
// 	line-height: 100%;
// }

// .circle-carousel, .bx-viewport{
// 	height: 100%!important;
// }

/*======================
CONTACT US SECTION
======================*/

.detail-hero.contact{
	height: 98vh!important;
}
@media screen and (max-width: 767px){
	.detail-hero .copy {
	    width: 90%;
	}
}

@media screen and (max-width: 767px) and (max-height: 400px){
	.contactpage .detail-hero h2{
		margin-top: -40px;
	}
	// .detail-hero.contact{
	// 	height: 100vh!important;
	// }	
}

.contactpage .detail-hero h2{
	margin-bottom: 16px;
}

.contactpage .detail-hero h2{
	font-size: 6.5vmin;
}

.contactpage .box{
	max-height: 50vmin;
}

.contactpage .wpb_column .box h2 a>div{
	margin: 0;
}

.wpb_column .box h2{
	height: auto;
}

.wpb_column .box h2 a .icon{
	height: auto;
	margin-bottom: 8px;
}

.wpb_column .box h2 a img{
	width: 4.5vmin;
	zoom: 0;
}


.contactpage .wpb_column .box h2 a{
	font: 4.5vmin TradeGothic;
}


.vert-center-container{
  display: table;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.vert-center-container .vert-center{
display: table-cell;
vertical-align: middle;
}



/*======================
PICTUREMILL UPDATES
======================*/
.navbar-brand>img{
	width: 32px;
	margin-top: 2px;
}

.homepage .wpb_column .box h2 a, .work-list .grid-item .info .button, .navbar-collapse li a:active, .navbar-collapse li a:focus, .navbar-collapse li a:hover, .navbar-collapse li.current_page_item a{
	color: #6f8c61;
}

.homepage .wpb_column .box {
	background-color: rgba(45,45,45,.7);
	transition: background 300ms ease-out;
}

.homepage .wpb_column:nth-child(2) .box{
	background-color: rgba(11,11,11,.7);	
}

.homepage .wpb_column:nth-child(3) .box{
	background-color: rgba(72,72,72,.7);
}

.homepage .wpb_column .box:hover{
	background-color: rgba(45,45,45,.8);
}

.homepage .wpb_column:nth-child(2) .box:hover{
	background-color: rgba(11,11,11,.8);	
}

.homepage .wpb_column:nth-child(3) .box:hover{
	background-color: rgba(72,72,72,.8);
}

.wpb_column .box {
	background-color: rgba(111,140,97,.7);
	transition: background 300ms ease-out;
}

.wpb_column:nth-child(2) .box{
	background-color: rgba(81,104,70,.7);
}

.wpb_column:nth-child(3) .box{
	background-color: rgba(135,171,118,.7);
}

.wpb_column .box:hover{
	background-color: rgba(111,140,97,.8);
}

.wpb_column:nth-child(2) .box:hover{
	background-color: rgba(81,104,70,.8);
}

.wpb_column:nth-child(3) .box:hover{
	background-color: rgba(135,171,118,.8);
}

.work-list .grid-item .background, .work-list .grid-sizer .background{
    background: rgba(111,140,97,.8);
}



.about .leadership .leader{
	color: #516846;
}

.leadership-detail .firstname, .leadership-detail .lastname, .leadership-detail .position{
	color: #87ab76;
}


.leadership .owl-next, .leadership .owl-prev{
	background: transparent;
	font-size: 64px;
	margin-top: -32px;
	color: #516846;
}


.about .client{
	background-color: #596753;
	border: 1px solid #a8aaae;
}

.video_copy, .image_copy.blue, .work-nav, .carousel_copy{
	background: #6f8c61;
}

.work-nav{
	position: relative;
}

.work-nav .share-box-holder{
	opacity: 1;
}

.work-nav .share-box-holder .share{
	background: #516846;
	width: 106px;
}

.work-nav .share-box-holder{
	width: 106px;	
}

.work-nav .share-box .share-icons a{
	opacity: 1;
	position: relative;
}

.share-box .share-icons {
    transform: translate(106px, 0px);
    width: 148px;
}


.hero .eclipse{
    top: 50vh;
    transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
}


.work-list .grid-item.big .info, .work-list .grid-sizer.big .info{
	padding: 10%;
}

.work-list .grid-item.big .info h2, .work-list .grid-sizer.big .info h2{
	font-size: 4vw;
}

@media only screen and (max-width : 768px) {
	.leadership .owl-next, .leadership .owl-prev{
		font-size: 24px;
		height: 24px!important;
		margin-top: -12px;
		width: 8px!important;
	}
	.leadership .owl-next{
		right: 4px;
	}
	.leadership .owl-prev{
		left: 4px;
	}
}

.navbar-mobile li.current_page_item, .navbar-mobile li:active, .navbar-mobile li:hover{
    background-color: #6f8c61;
}

.leadership-detail .firstname, .leadership-detail .lastname{
	text-transform: capitalize;
	display: inline-block;
	clear: none;
	float: none;
	width: auto;
}

.leadership-detail .lastname{
	margin-left: 0;
}