﻿body {
	position: relative;
	font-family: 'LinotypeUnivers-320CnLight';
	background-color: black;
	color: white;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
    
	font-size: 17px;
	font-size: 3vmax;
}

@font-face {
	font-family: 'LinotypeUnivers-320CnLight';
	src: url('../fonts/LinotypeUnivers-320CnLight.ttf') format('truetype');
}

@font-face {
	font-family: 'LinotypeUnivers-730Heavy';
	src: url('../fonts/LinotypeUnivers-730Heavy.ttf') format('truetype');
}

@font-face {
	font-family: 'LinotypeUnivers-330Light';
	src: url('../fonts/LinotypeUnivers-330Light.ttf') format('truetype');
}

@font-face {
	font-family: 'LinotypeUnivers-520CNMedium';
	src: url('../fonts/LinotypeUnivers-520CNMedium.ttf') format('truetype');
}

@font-face {
	font-family: 'LinotypeUnivers-230Thin';
	src: url('../fonts/LinotypeUnivers-230Thin.otf') format('opentype');
}

@font-face {
	font-family: 'LinotypeUnivers-220CnThin';
	src: url('../fonts/LinotypeUnivers-220CnThin.ttf') format('truetype');
}

@font-face {
	font-family: 'LinotypeUnivers-330Light';
	src: url('../fonts/LinotypeUnivers-330Light.ttf') format('truetype');
}

@font-face {
	font-family: 'LinotypeUnivers-420Cn';
	src: url('../fonts/LinotypeUnivers-420Cn.ttf') format('truetype');
}

@font-face {
	font-family: 'LinotypeUnivers-410Cm';
	src: url('../fonts/LinotypeUnivers-410Cm.ttf') format('truetype');
}

.clearleft {
	clear: left;
}

a:focus, a:hover {
	color: white;
	text-decoration: none;
}

.navbar {
    background-color: black;
}
.navbar-transparent {
	z-index: 1000;
    background-color: transparent;
}

#menu-overlay {
	position: fixed;
	margin: 0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 1;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

	#menu-overlay.click-thru {
		pointer-events: auto;
		z-index: 999;
	}

#home, #viewslide, #practicedetail {
	overflow: hidden;
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

.lock-buzz {
	position: fixed;
	/*top: 0;*/
    top: 40px;
	left: 0;
	bottom: 0;
}

.carousel-container2 {
	/*margin-top: 4vmax;*/
}
/* we don't want to see the left/right-arrow control for carousel */
.carousel-control {
	display: none;
}

.img-crop {
	overflow: hidden;
}

.bottom-pad {
	padding-bottom: 6vmax;
}
/* overwrite panel from bootstrap to remove style we don't need and panel is needed for accordion to work correctly 
	http://stackoverflow.com/questions/19425165/bootstrap-3-accordion-button-toggle-data-parent-not-working
*/
.panel {
	background: black;
	margin-bottom: 0;
	border: 0;
}

/*
::-webkit-scrollbar {
	width: 2px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}

	::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(255,255,255,0.4);
	}
*/

.grid-style {
	border: 1px solid rgb(212,212,212);
	min-height: 250px;
	max-height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.user-details {
	margin-top: 50px;
}


.gender-text {
	margin: 0 5px;
	vertical-align: sub;
}
/***navigation***/
.navbar-inverse {
	background-color: #000 !important;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: none;
}

.navbar-nav {
	margin: 0;
}

.navbar-toggle {
	border: transparent;
	margin: 0 6px 0 0;
	margin: 0 3vmax 0 0;
	padding: 0 0;
}

.navbar-form {
	margin: 0;
}
/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	padding: 0;
	margin: 0 !important;
	overflow-x: hidden !important;
	overflow-y: visible !important;
	display: block;
	visibility: visible;
}

.navbar-fixed-top .cbp-spmenu {
	bottom: 0;
}

.fa, .glyphicon {
	font-size: medium;
	font-size: 3.5vmax;
	color: #a1a1a1;
}

.icon img {
	height: 20px;
	width: 30px;
	height: 6vmax;
	width: 6vmax;
}

	.icon img span .fa {
		font-size: 2.8vmax;
	}

.iconred {
	color: #f15a29;
}

.page-div {
    background-color: black;
	width: 100%;
	margin: 0;
	padding: 0;
	/*overflow-x: hidden;*/
	-webkit-overflow-scrolling: touch;
}
#div-content {
    background-color: black;
}


.hometext-vertical {
    padding-top: 13px;
	padding-top: 2vmax;
}

#home {
	position: fixed;
	bottom: 0;
	top: 0;
	padding: 0;
	width: 100%;
}

#home2 {
	font-family: 'LinotypeUnivers-220CnThin';
	background-color: rgb(0,0, 0);
	background-color: rgba(0,0, 0, 0.6);
	position: absolute;
	top: 0;
}

.hometext {
	padding-right: 0;
	padding-left: 0;
	margin-left: -2vmax;
}

	.hometext img {
		font-size: larger;
		height: 34.6vmax;
	}

	.hometext .right-arrow {
		height: 5vmax;
		padding-top: 1vmax;
		padding-left: 1.5vmax;
	}

.hometextimg {
	height: 6.6vmax;
}

.homelogo {
	padding-right: 3vmax;
}

.home-text {
	font-size: medium;
    font-size: 22px;
	font-size: 3.6vmax;
	padding: 0 18px;
	padding: 0 3vmax;
	letter-spacing: .2vmax;
	height: 100%;
}

.home-header {
    padding-bottom: 15px;
	padding-bottom: 2vmax;
	font-size: 1.1em;
	line-height: 1.3em;
}

.home-desc {
	font-family: 'LinotypeUnivers-230Thin';
	font-size: .8em;
	margin-top: 17px;
	margin-top: 3vmax;
	line-height: 1.25em;
	letter-spacing: 0.45px;
	letter-spacing: .08vmax;
}

.home-dash {
	border-top: 1px solid;
}

.home-close {
	height: 23px;
	height: 4.7vmax;
	width: 23px;
	width: 4.7vmax;
	font-weight: bold;
    padding-right: 0px;
	padding-right: 1.3vmax;
}
#history-x-close {
	height: 23px;
	height: 4.7vmax;
	width: 23px;
	width: 4.7vmax;
	font-weight: bold;
    padding-right: 0px;
	padding-right: 1.3vmax;
}

.x-extra {
	margin: 20px 0 0 0;
	margin: 3vmax 0 0 0;
}

.gradient {
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(20,20,20,0.2)), color-stop(.6,#333333) );
	/*
	background-image: -moz-linear-gradient(
	  rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr=#600000FF, endColorstr=#600000FF
	);

	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr=#600000FF, endColorstr=#600000FF
	);
*/
}

.vertical-center {
	height: 100%;
	width: 100%;
	/*display: flex;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	justify-content: center;*/
    display: inline-block;
}

.vertical-center-flex{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.vertical-center-inner {
	align-self: center;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
	left: -60%;
	left: -36vmax;
}

.cbp-spmenu-right {
	/*	right: -60%;
	right: -36vmax;*/
}

.cbp-spmenu-left.cbp-spmenu-open,
.cbp-spmenu-push-toright .navbar-fixed-top .cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open,
.cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright,
.cbp-spmenu-push-toright .navbar-fixed-top {
	left: 220px;
}

.cbp-spmenu-push-toleft,
.cbp-spmenu-push-toleft .navbar-fixed-top {
	left: -220px;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push,
.navbar {
	-webkit-transition: all ease .50s;
	-moz-transition: all ease .50s;
	-o-transition: all ease .50s;
	-ms-transition: all ease .50s;
	transition: all ease .50s;
	min-height: 38px !important;
	min-height: 6.7vmax !important;
	margin-bottom: 0;
	border: 0;
}


#nav ul {
	display: table;
	width: 100%;
}

	#nav ul li {
		background: #2a2a2a;
		color: white;
		padding: 0;
		margin: 0;
		width: 100%;
		border-bottom: 1px solid #363636;
	}

.nav > li > a {
}

.center-text-vertical {
	position: relative;
	top: -50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav > li > a:focus, .nav > li > a:hover {
	background: transparent;
}

.menuactive, .menuactive.nav-ul-li-a:hover, .menuactive.nav-ul-li-a:focus {
	color: #F06022;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	color: #fff;
	background: #323232;
	/* background-color: #080808; */
}

/*
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #080808;
}
*/
#nav {
	font-family: 'LinotypeUnivers-220CnThin';
	font-size: 16px;
	font-size: 2.85vmax;
	letter-spacing: 1.7px;
	letter-spacing: .3vmax;
}

#brand {
	font-family: 'LinotypeUnivers-330Light';
	font-size: 20px;
	font-size: 3.5vmax;
	font-weight: bolder;
}

.social {
	margin-top: 14px;
	margin-top: 2.5vmax;
	width: 100%;
}

.social-end {
	margin-top: 15px;
	margin-top: 4vmax;
	width: 100%;
}

.socialrow {
	width: 100%;
	margin-left: 17px;
	margin-left: 3vmax;
}

.socialicon {
	color: #919191;
	width: 25%;
	float: left;
}

.menu-pad {
	margin-top: 25px;
	margin-top: 7.8vmax;
}

.menusection2 {
	color: #b1b1b1;
	font-size: medium;
	font-size: 87%;
	margin-left: 17px;
	margin-left: 3vmax;
}

.menusection3 {
	margin-top: 11px;
	margin-top: 2vmax;
	color: #b1b1b1;
	font-size: medium;
	font-size: 87%;
	margin-left: 17px;
	margin-left: 3vmax;
}

	.menusection2 a, .menusection3 a {
		color: #b1b1b1;
	}

.whiteblur {
	color: #6E6E6E !important;
}

.menu-social {
	background-color: #313131;
	letter-spacing: .03em;
	padding: 0;
}

.slidemenu-image {
	height: 18px;
	height: 3.2vmax;
}

.slidemenu-image-twitter {
	height: 16px;
	height: 2.9vmax;
}

.slidemenu-image-fb {
	height: 20px;
	height: 3.5vmax;
}

.white {
	color: white !important;
}
/* expreriences*/
.videoblock {
	font-family: LinotypeUnivers-220CnThin;
	letter-spacing: .1vmax;
	font-size: 3.2vmax;
	position: relative;
	height: auto;
	width: 100%;
}

	.videoblock a {
		position: relative;
	}

		.videoblock a:hover, active, linked, visited {
			text-decoration: none;
			color: white;
		}

#video-overlay {
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	z-index: 9999999999999;
}
@media (min-width: 740px) {
    .img-responsive {
        display: block;
        height: 100%;
        width: 100%;
    }
}

.kn-img-responsive {
	width: 100%;
	/*height: auto;*/
	opacity: .8;
}

.kn-video-name {
	position: absolute;
	top: 0;
	left: 18px;
	left: 3vmax;
	right: 17px;
	right: 3vmax;
	font-size: 18px;
	font-size: 3.2vmax;
	font-weight: 500;
	z-index: 2;
}

.bottom-arrow {
	width: 100%;
	height: 35px;
	height: 5.3vmax;
	position: fixed;
	text-align: center;
	bottom: 0;
	overflow: hidden;
	left: 0px;
	opacity: 1;
	pointer-events: none;
	z-index: 6;
}

.kn-right {
	width: 5vmax;
	height: 100%;
	position: fixed;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: center;
	top: 50%;
	overflow: hidden;
	right: 0px;
	opacity: 1;
}

.bottom-arrow img {
	font-size: medium;
	font-size: 8.3vw;
	height: 25px;
	height: 5.5vmax;
	padding-bottom: 2.5vmax;
}

.right-arrow {
	font-size: medium;
	font-size: 7vw;
	padding-bottom: 0;
	margin-top: -2.5vmax;
}

#kn-share {
	display: inline-block;
	left: 0;
	width: 100%;
	min-height: 45px;
	min-height: 8vmax;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	text-align: center;
	top: 0px;
	background-color: black;
	overflow: hidden;
	position: fixed;
}


.container-fluid {
	background-color: black !important;
	color: white !important;
}

.navbar-default .navbar-nav > li > a {
	color: white !important;
}


h4 {
	color: #6E6E6E;
	font-weight: bold;
}

.top-pad {
    padding-top: 16px;
	padding-top: 2.4vmax;
}

.tos-inner {
	padding: 0;
}

.headlinks {
	font-family: LinotypeUnivers-220CnThin;
    font-size: 16px;
	border-top: 1px solid #2E2E2E;
	border-bottom: 1px solid #2E2E2E;
	border-right: 1px solid #2E2E2E;
	/*	padding-bottom: 1.42vmax; */
    padding-top: 12px;
	padding-top: 2.68vmax;
	height: 41px;
	height: 7.3vmax;
	/*vertical-align: middle;*/
	text-align: center;
	letter-spacing: 1.42px;
	letter-spacing: .25vmax;
    line-height: 1.1;
}

.headlinks a {

}

	.headlinks a:hover.visitedPageNavLink {
		color: #F06022;
		text-decoration: none;
	}

.toshead {
	font-family: 'LinotypeUnivers-520CNMedium';
	letter-spacing: .12vmax;
	color: #4f4f54;
	font-size: 0.95em;
	padding-bottom: 1px;
    padding-top: 10px;
	padding-top: 1.5vmax;
    padding-left: 18px;
	padding-left: 3.2vmax;
	padding-right: 2%;
}

.tossubdetailinfoblock {
	font-family: 'LinotypeUnivers-230Thin';
	font-size: .9em;
	letter-spacing: 0.1vmax;
	line-height: 1.3em;
	padding-bottom: 0;
	padding-top: 0;
    padding-left: 18px;
	padding-left: 3.2vmax;
	padding-right: 4%;
}

.subdetailinfoblock {
	font-family: 'LinotypeUnivers-230Thin';
	padding-bottom: 10px;
	padding-top: 1px;
	line-height: 1.25em;
	letter-spacing: .12vmax;
}

	.subdetailinfoblock.telephone {
		padding-bottom: .12vmax;
	}

	.subdetailinfoblock.map {
		font-family: 'LinotypeUnivers-220CnThin';
		letter-spacing: .12vmax;
	}

.visitedPageNavLink {
	color: #F06022;
}

a {
	color: white;
}

.wet-globe {
	margin-top: -8px;
	margin-right: -5px;
	margin-left: -15px;
	background-image: url('../UI_Images/globe.PNG');
}
/*viewvideo*/
.viewvideo {
	position: fixed;
	bottom: 0px;
	top: 0px;
	overflow: hidden;
}

.backlink {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 3vmax;
	text-align: center;
}
/*creations*/
.wrap-featured {
	position: relative; /* need for talent animation */
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
}


.search-icon {
	height: 20px;
	height: 3.5vmax;
}

.feature {
	/*width: 100%;
	height: auto;*/
	padding: 0;
	margin: 0;
}

	.feature a {
		position: relative;
	}

.feature-image {
	width: 100%;
	height: auto;
}

.feature-label {
	font-family: LinotypeUnivers-220CnThin;
	letter-spacing: .1vmax;
	font-size: 3.2vmax;
	font-weight: 500;
	width: 100%;
	line-height: 1.2em;
	text-align: center;
	padding: 0 5vmax;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: white;
	text-shadow: 2px 0px 5px rgba(0, 0, 0, 0.70);
}

	.feature-label:hover, link, visited, active {
		color: white;
	}

.darker-full-img {
	position: absolute;
	width: 100%;
	background: black;
	opacity: 0.2;
	height: 43vmax;
	z-index: 1;
}

.darker-full-img2 {
	position: absolute;
	width: 100%;
	background: black;
	opacity: 0.2;
	height: 18.9vmax;
	z-index: 1;
}
/*darker at bottom of image*/
.darker-bottom-img {
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, black), color-stop(1, rgba(0,0,0,0)) );
	background-image: -o-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 100%);
	background-image: -moz-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 100%);
	background-image: -ms-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to bottom, black 0%, rgb(0,0,0,0) 100%);
	height: 7vmax;
	position: absolute;
	width: 100%;
	bottom: 0;
	pointer-events: none;
	z-index: 2;
}

.videogular-container {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

th {
	vertical-align: top !important;
	padding-top: 0px !important;
	padding-right: 10px !important;
}

.darker-bottom {
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, black), color-stop(1, rgba(0,0,0,0)) );
	background-image: -o-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 100%);
	background-image: -moz-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 100%);
	background-image: -ms-linear-gradient(bottom, black 0%, rgba(0,0,0,0) 90%);
	background-image: linear-gradient(to top, black 0%, rgba(0,0,0,0) 100%);
	height: 10vmax;
	position: fixed;
	width: 100%;
	bottom: 0px;
	pointer-events: none;
	z-index: 5;
}

#date {
	font-size: 3.2vmax;
	letter-spacing: .2vmax;
	font-weight: 100;
	line-height: 1.68em;
}

#creation-menu {
    z-index: 999;
    position: relative;
}

.creations-top-margin {
	margin: 0;
	padding: 0;
}

.creation-date {
	padding: 0 3vmax;
}

.carousel-shim {
	height: 4.5vmax;
	width: 100%;
	background-color: black;
	opacity: .85;
}

.carousel-header {
	letter-spacing: .13vmax;
    padding: 18px 20px 0 20px;
	padding: 2vmax 3vmax 0 3vmax;
	width: 100%;
	margin: 0;
	text-align: left;
	font-size: 1em;
	background-color: transparent;
	color: white;
	line-height: 1.4em;
}

.carousel-text {
	font-family: 'LinotypeUnivers-220CnThin';
	font-size: .8em;
	letter-spacing: 0.1vmax;
	margin: 0;
	text-align: left;
	background-color: transparent;
	line-height: 1.25em;
	font-size: large;
}


.date_year {
	font-family: LinotypeUnivers-220CnThin;
	letter-spacing: .15vmax;
	padding-left: 0;
	padding-right: 2vmax;
	text-align: right;
	line-height: 1.2em;
}

.top-year-cover {
	width: 5px;
	height: 25%;
	position: absolute;
	right: -.55vmax;
	top: 0;
	border-right: 5px solid black;
	opacity: 1;
	z-index: 999;
}

.year-dot {
	font-size: 1vmax;
	position: absolute;
	right: -.65vmax;
	top: 25%;
	color: white;
}

.date_place {
	font-family: LinotypeUnivers-220CnThin;
	letter-spacing: .15vmax;
	border-left: 1px solid white;
	padding-right: 0;
	font-size: .95em;
	line-height: 1.2em;
}

.separate_line {
	border-left: 1px solid white;
	position: absolute;
	top: 5%;
	height: 100%;
}
/*location
#location {
	position: fixed;
    z-index:2
}
	*/
.location_country {
	font-family: LinotypeUnivers-220CnThin;
	letter-spacing: .15vmax;
	padding-left: 3vmax;
	cursor: pointer;
	list-style: none;
	letter-spacing: 0.2vmax;
}

.location-top {
	margin-top: 5vmax;
	margin-bottom: 2.2vmax;
}

.country {
	line-height: 2.2em;
}

.location_place {
	margin-left: 1em;
	margin-top: .5em;
	margin-bottom: 0;
	list-style: none;
	font-size: 3vmax;
	cursor: pointer;
}

.country div {
	font-size: 3.2vmax;
	font-weight: 600;
}

.country a:hover {
	color: white !important;
	text-decoration: none;
}

.activecolor {
	color: #F15A29 !important;
}

.place_time {
	color: #A9A9A9;
	font-size: 2.8vmax;
	line-height: .9em;
	padding-bottom: 2.5vmax;
}

.place {
	font-family: LinotypeUnivers-220CnThin;
	letter-spacing: .15vmax;
	font-size: .95em;
	line-height: 1.1em;
    padding-top: 1px;
}

.country ul {
	margin: 10px 3vmax 10px 0;
	padding-left: 5vmax;
}

input, input:focus {
    display: inline-block;
	outline: none !important;
	border-width: 0px;
	border: none !important;
    font-color: #fff;
}


@media screen and (orientation:landscape) {
	.location_country {
		padding-left: 10vmax;
		cursor: pointer;
		list-style: none;
		letter-spacing: 0.2vmax;
	}

	.location_place {
		margin-left: 1em;
		margin-top: 0;
		margin-bottom: 1em;
		list-style: none;
		font-size: 3vmax;
		cursor: pointer;
	}

	.country a {
		font-size: 3vmax;
		font-weight: 600;
	}

		.country a:hover, visited, link {
			color: #F15A29 !important;
			text-decoration: none;
		}

	.activecolor {
		color: #F15A29 !important;
	}

	.place_time {
		color: #A9A9A9;
		font-size: 2.5vmax;
		padding-top: 2px;
	}

	.country ul {
		margin-top: -4vmax;
		padding-left: 15vmax;
	}
}

a.searchicon {
	background: transparent;
	color: white;
	display: block;
	margin-right: 45px;
	margin-right: 8vmax;
	position: absolute;
	right: 26px;
	right: 4.5vmax;
	top: 0px;
	top: .3vmax;
	transition: right 0.50s ease 0s;
	-webkit-transition: right 0.50s ease 0s;
	-moz-transition: right 0.50s ease 0s;
	-o-transition: right 0.50s ease 0s;
}

	a.searchicon img {
		height: 22px;
		height: 3.7vmax;
        width: 18px;
        width: 6vmax;
		padding-top: 2px;
		padding-top: .4vmax;
	}

.searchicon a.searchicon.fixed {
	right: 65%;
	right: 37.5vmax;
}

a.searchicon:hover {
	cursor: pointer;
}

a.searchicon.fixed {
	position: fixed;
}

#searchbar {
	margin: 0 0px;
    padding-left: 23px;
	margin: 0 4vmax;
    padding-left: 0vmax;
	padding-top: 6px;
	padding-top: 1vmax;
}

a.closeicon {
    display: inline-block;
	color: #FFFFFF;
}

.rootPadding {
	padding-top: 2%;
    padding-bottom: 15px;
	padding-bottom: 6vmax;
}

.animate.ng-enter,
.animate.ng-leave {
	-webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	-moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	-ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	-o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

.animate.ng-enter {
	left: 100%;
}

	.animate.ng-enter.animate-enter-active {
		left: 0;
	}

.animate.ng-leave {
	left: 0;
}

	.animate.ng-leave.animate-leave-active {
		left: -100%;
	}

.my-switch-container {
	position: relative;
	height: 500px;
}

.my-switch-animation.ng-enter,
.my-switch-animation.ng-leave {
	-webkit-transition: 0.5s linear all;
	-moz-transition: 0.5s linear all;
	-o-transition: 0.5s linear all;
	transition: 0.5s linear all;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.my-switch-animation.ng-enter {
	left: 100%;
}

	.my-switch-animation.ng-leave,
	.my-switch-animation.ng-enter.ng-enter-active {
		left: 0;
	}

		.my-switch-animation.ng-leave.ng-leave-active {
			left: -100%;
		}


.carousel-indicators li {
	display: inline-block;
    width: 5px;
	width: .6vmax;
    height: 4px;
	height: .6vmax;
    margin: 3px;
	margin: .4vmax;
	text-indent: -999px;
	cursor: pointer;
	background-color: white;
	border: 1px solid #fff;
    border-radius: 2px;
	border-radius: .3vmax;
}

.carousel-indicators .active {
    width: 5px;
	width: .6vmax;
    height: 4px;
	height: .6vmax;
    margin: 3px;
	margin: .4vmax;
	background-color: #F06022;
	border: 1px solid #F06022;
    border-radius: 2px;
	border-radius: .3vmax;
}

@media (min-width: 319px) and (orientation:landscape) and (max-width: 767px) {
	.col-xs-4 {
	}

	.col-xs-4 {
	}
}

@media (min-width: 319px) and (orientation:portrait) and (max-width: 767px) {
	.col-xs-4 {
	}

	.col-xs-4 {
	}
}

/* sliding menu */
@media screen and (orientation:portrait) {
	#talents {
		min-height: 400px;
	}

	#creationsSearch {
		margin: 6vmax 3vmax 6vmax 3vmax;
	}

	.icon-buzz {
		float: left;
		position: relative;
        top: 19px;
		top: 3vmax;
        left: 13px;
		left: 2vmax;
		font-family: LinotypeUnivers-730Heavy;
		font-weight: 500;
		font-size: .6em;
		color: red;
	}

	.img-small {
		display: block;
		max-width: 100%;
		height: auto;
        top: 99px;
		top: 15.5vmax;
		position: absolute;
	}

	.buzz-pub {
		text-align: right;
		position: absolute;
		right: 5%;
		font-size: 1.4em;
		font-family: LinotypeUnivers-410Cm;
		white-space: pre-line;
        top: 50px;
		top: 7.7vmax;
		color: black;
	}

	.buzz-section {
		background-color: white;
        height: 304px;
		height: 47.5vmax;
		max-width: 100%;
	}

	.buzz-print {
		height: 47.5vmax;
		max-width: 100%;
		display: table-cell;
		vertical-align: middle;
		opacity: 1;
		background-color: black;
	}

	.buzz-shadow:before {
		box-shadow: -35px 0 35px -35px inset;
		content: " ";
		height: 100%;
		left: -35px;
		position: absolute;
		top: 0;
		width: 35px;
	}

	.buzz-shadow:after {
		box-shadow: 35px 0 35px -35px inset;
		content: " ";
		height: 100%;
		right: -35px;
		position: absolute;
		top: 0;
		width: 35px;
	}

	.top-menu-visible, .menu-height {
		height: 39px;
		height: 6.8vmax;
	}

	.logo {
		height: 16px;
		height: 4.6vmax;
		margin-top: 14px;
		margin-top: 1.1vmax;
        margin-left: 18px;
		margin-left: 2vmax;
		width: 63px;
		width: 11.15vmax;
	}

	#searchicon {
		margin-top: 0px;
		margin-top: 1.1vmax;
	}

	.about-slide {
		height: 34vmax;
	}

	a.nav-expander {
		color: #FFFFFF;
		display: block;
		margin-right: 0;
		position: absolute;
		-webkit-transition: right ease .50s;
		-moz-transition: right ease .50s;
		-o-transition: right ease .50s;
		-ms-transition: right ease .50s;
		transition: right ease .50s;
		right: 11px;
		right: 2vmax;
		top: 8px;
		top: .5vmax;
	}

	.nav-expanded a.nav-expander.fixed {
        right: 210px;
		right: 36.9vmax;
	}
	/* Orientation-dependent styles for the content of the menu */
	.cbp-spmenu-vertical {
		width: 204px;
		width: 35.9vmax;
		height: 100%;
		top: 0;
		z-index: 1000;
	}

	.nav-ul-li-a {
		min-height: 20px;
		height: 62px;
		height: 11.5vmax;
	}

	#nav ul li a {
		vertical-align: middle;
		display: table-cell;
		padding: 6px 0 0 17px;
		padding: 1vmax 0 0 3vmax;
		margin: 0;
	}

	.home-text1, home-text2 {
		width: 100%;
		float: left;
	}

	.home-image {
        width: 75vw;
		max-width: 600px;
	}

	.x-one-row {
		width: 100%;
	}

	.cbp-spmenu {
		right: -204px;
		right: -35.9vmax;
		visibility: visible; /* The Fix */
	}

	.creations-date-margin {
		padding-top: 36px;
		padding-top: 6vmax;
	}

	.search-box {
		cursor: pointer;
		background: #000;
		width: 80%;
		margin: 0 6px;
		margin: 0 1vmax;
		padding: 3px;
		padding: .5vmax;
		outline: none;
	}

	.contactwrap {
		font-size: .9em;
		width: 100%;
		float: left;
        padding: 6px 18px;
		padding: 1vmax 3vmax;
		margin: auto;
	}

	.emails {
		letter-spacing: .12vmax;
		line-height: 1.22em;
	}

	.detailinfo {
		font-family: 'LinotypeUnivers-520CNMedium';
		font-size: 1.0em;
		letter-spacing: .12vmax;
		color: #4f4f54;
		padding-bottom: 0.3vmax;
		padding-top: 5%;
		margin-bottom: .8vmax;
	}

	.la-tab {
		float: left;
		width: 42%;
	}

	.dubai-tab {
		float: left;
		width: 28%;
	}

	.beijing-tab {
		float: left;
		width: 30%;
	}

	.bgimage {
		background-size: cover;
        height: 384px;
		height: 60vmax;
		background-position: center center;
        width: 224px;
		width: 35vmax;
	}

	.carousel-demo {
        margin-top: 32px;
		margin-top: 5vmax;
		display: inline-block;
		text-align: center;
		width: 100%;
		overflow: hidden;
	}

	ul[rn-carousel] {
        width: 416px;
		width: 65vmax;
        height: 512px;
		height: 80vmax;
		margin: 0 auto;
	}

	.carousel-demo ul[rn-carousel-transition="hexagon"] {
        /*margin-left: 102px;
        margin-left: 20%;*/
		margin-left: 6vmax;
	}

	#wethistory {
		height: 10vmax;
		width: 10vmax;
		position: absolute;
		left: 26vmax;
		top: 50vmax;
		z-index: 1;
		border: 1 solid red;        
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
	}

	.buzz-info {
		padding-bottom: 0;
		padding-top: 0;
		margin-bottom: 0;
        margin-top: 0px;
		margin-top: 0.3vmax;
		font-size: 2.8vmax;
		letter-spacing: .07vmax;
		cursor: pointer;
		color: #4f4f54;
	}

	.buzz-detail {
		background-color: black;
		position: absolute;
        bottom: -15px;
		bottom: -19vmax;
        left: 0px;
		/*left: -9vmax;*/
		text-align: left;
        /*width: 230px;
        width: 50vmax;*/
	}

	.buzz-desc {
		color: white;
        line-height: 21px;
		line-height: 3.4vmax;
		padding-bottom: .3em;
		font-size: 3vmax;
		letter-spacing: .13vmax;
		width: 100%;
	}

	.buzz-date {
		padding-left: 46%;
        margin-top: 13px;
		margin-top: 2vmax;
        margin-bottom: 19px;
		margin-bottom: 3vmax;
	}

	.buzz-category {
        padding-left: 40px;
		padding-left: 6.2vmax;
        margin-top: 6px;
		margin-top: 1vmax;
        margin-bottom: 18px;
		margin-bottom: 3vmax;
	}

	.talent-letter {
		width: 25%;
        padding: 12px 11px;
		padding: 2.0vmax 1.9vmax;
	}

	.talent-letter-row {
	}

	.talent-image-block {
		width: 50%;
        padding: 0 22px;
		padding: 0 3.5vmax;
	}
		/* http://stackoverflow.com/questions/10002433/wrapping-div-to-new-line-causing-funny-behavior */
		.talent-image-block:nth-child(2n+1) {
			clear: left;
		}

	.category {
		float: left;
        margin-top: 20px;
		margin-top: 3.0vmax;
		display: block;
		clear: both;
	}

	.category-tab {
        padding-left: 68px;
		padding-left: 11.8vmax;
        margin-top: 12px;
		margin-top: 2vmax;
        margin-bottom: 18px;
		margin-bottom: 3vmax;
		width: 100%;
	}

	.portrait_mode {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	/*
	videogular vg-controls-top, [videogular] vg-controls-top {
		width: 50px !important;
		position: absolute !important;
		z-index: 3 !important;
		bottom: 8vmax !important;
		right: 0;
		top: 0;
		height: auto !important;
	}

	videogular vg-closevideo-button, [videogular] vg-closevideo-button {
	}

	videogular vg-controls, [videogular] vg-controls {
		width: 50px !important;
		height: auto !important;
		display: block !important;
		position: absolute !important;
		z-index: 3 !important;
		top: 0 !important;
		left: 0 !important;
	}

		videogular vg-controls .controls-container, [videogular] vg-controls .controls-container {
			width: 100%;
			height: 100vmax !important;
			background-color: rgba(0, 0, 0, 0.5) !important;
			position: absolute !important;
			display: block !important;
		}

	videogular vg-controls-top .controlstop-container, [videogular] vg-controls-top .controlstop-container {
		width: 100% !important;
		height: 100vmax !important;
		background-color: rgba(0, 0, 0, 0.5) !important;
		position: absolute !important;
		display: table !important;
	}

	videogular vg-closevideo-button, [videogular] vg-closevideo-button {
		width: 50px !important;
		display: block !important;
		float: right !important;
		margin-top: auto !important;
		padding-right: 0.9vmax !important;
		padding-top: 83vmax !important;
		bottom: 3vmax !important;
	}

	videogular vg-play-pause-button, [videogular] vg-play-pause-button {
		display: block !important;
		width: 50px !important;
		vertical-align: middle !important;
		text-align: center !important;
		cursor: pointer !important;
		padding: 1vmax 2vmax !important;
	}

	videogular vg-time-display, [videogular] vg-time-display {
		color: #FFFFFF !important;
		display: block !important;
		width: 50px !important;
		text-align: center !important;
		cursor: default !important;
		padding: 0 0 !important;
		margin-top: 3vmax !important;
		transform: rotate(90deg) !important;
		-webkit-transform: rotate(90deg) !important;
		-moz-transform: rotate(90deg) !important;
		-o-transform: rotate(90deg) !important;
		-ms-transform: rotate(90deg) !important;
	}

	videogular vg-scrub-bar, [videogular] vg-scrub-bar {
		width: 2px !important;
		display: block !important;
		cursor: pointer !important;
		height: 30vmax;
		padding: 0vmax 4vmax !important;
		margin: 2vmax 0;
	}

		videogular vg-scrub-bar [role=slider], [videogular] vg-scrub-bar [role=slider] {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
			height: 30vmax !important;
			width: 2px;
			background-color: #4D5568 !important;
		}

	videogular vg-scrub-bar-current-time, [videogular] vg-scrub-bar-current-time {
		background-color: #FFFFFF !important;
		width: 2px !important;
		height: 100%;
		display: block !important;
		cursor: pointer !important;
	}

	videogular vg-volume, [videogular] vg-volume {
		display: block !important;
		width: 50px !important;
		vertical-align: middle !important;
		text-align: center !important;
		cursor: pointer !important;
		margin: 2vmax 0 !important;
	}

	videogular vg-mute-button, [videogular] vg-mute-button {
		width: 50px !important;
		display: block !important;
		float: left !important;
		padding: 1vmax 2vmax !important;
		margin-right: auto !important;
	}

	videogular vg-volume-bar, [videogular] vg-volume-bar {
		width: 50px !important;
		height: 10vmax !important;
		cursor: pointer !important;
		vertical-align: middle !important;
		float: left !important;
		padding: 1vmax 0vmax !important;
	}

		videogular vg-volume-bar .horizentalVolumeBar, [videogular] vg-volume-bar .horizentalVolumeBar {
			width: 2px !important;
			vertical-align: middle !important;
			padding: 0 2.5vmax !important;
		}

		videogular vg-volume-bar .volumeBackground, [videogular] vg-volume-bar .volumeBackground {
			width: 2px !important;
			height: 10vmax !important;
			background-color: #222 !important;
			margin-top: 0 !important;
			vertical-align: middle !important;
			display: block !important;
		}

		videogular vg-volume-bar .volumeValue, [videogular] vg-volume-bar .volumeValue {
			width: 2px !important;
			height: auto;
			background-color: #FFFFFF !important;
			vertical-align: middle;
		}

		videogular vg-volume-bar .volumeClickArea, [videogular] vg-volume-bar .volumeClickArea {
			width: 2px !important;
			height: 10vmax !important;
			margin-top: 0 !important;
			vertical-align: middle !important;
		}

	videogular vg-volume-button, [videogular] vg-volume-button {
		width: 50px !important;
		display: block !important;
		float: left !important;
		padding: 1vmax 2vmax !important;
	}
	*/
	.carousel-indicators {
		visibility: hidden;
		position: fixed;
		bottom: 34vmax;
        left: 22px;
		left: 3vmax;
		width: 100%;
		padding-left: 0;
		text-align: left;
		margin: 0;
	}

	.carousel-panel {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: rgba(0,0,0,0.75);
		font-family: 'LinotypeUnivers-320CnLight';
		letter-spacing: .1vmax;
		line-height: 1.15em;
	}

	.carousel-shim {
		height: 4.5vmax;
		width: 100%;
		background-color: black;
		opacity: .85;
	}

	.carousel-header {
		width: 100%;
		float: left;
		padding-top: 1.2vmax;
	}

	.carousel-text {
        padding: 0 20px 10px 20px;
		padding: 0 3vmax 1.5vmax 3vmax;
		margin: 0;
		text-align: left;
		letter-spacing: .2vmax;
		line-height: 1.25em;
		color: #8f8f8f;
		float: left;
		width: 100%;
	}

	#bottomshim {
		width: 100%;
		height: 4vmax;
	}

	.menuDate {
		position: absolute;
		z-index: 999;
		opacity: 0.9;
        top: 40px;
		top: 7.08vmax;
		left: -1px;
		border-right: 1px solid #2E2E2E;
		border-left: 1px solid #2E2E2E;
		border-bottom: 1px solid #2E2E2E;
		background-color: black;
		width: 101.6%;
	}
}

@media screen and (orientation:landscape) {
	#creationsSearch {
		margin: 6vmax 3vmax 6vmax 10.8vmax;
	}

    .myloader {
	    background:url(skins/loader.gif);
        background-repeat: no-repeat;
	    width:32px;
	    height:32px;
	    position:absolute;
        left: 50%;
        top: 40%;
        margin-left: -16px;
	    z-index:999;
    }

	.top-menu-visible, .menu-height {
		height: 40px;
		height: 6.7vmax;
	}

	#searchicon {
		margin-top: 0px;
		margin-top: 1vmax;
	}

	.carousel-inner > .item > img {
		height: auto;
		width: 100%;
	}

	.about-slide {
		height: 28vmax;
	}

	.careers-subdetailinfoblock {
		font-size: 2.6vmax;
	}

	.carousel-panel {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: rgba(0,0,0,0.75);
		font-family: 'LinotypeUnivers-320CnLight';
		letter-spacing: .1vmax;
		line-height: 1.15em;
	}

	.carousel-header {
        padding: 0 8px 0 20px;
		padding: 0 1vmax 0 3vmax;
		line-height: 6vmax;
	}

	div.carousel-header {
        padding: 8px 4px 0 20px;
		padding: 1vmax .5vmax 0 3vmax;
		line-height: 4vmax;
	}

	.carousel-indicators {
		position: fixed;
		bottom: 34vmax;
        left: 22px;
		left: 3vmax;
		width: 100%;
		padding-left: 0;
		text-align: left;
		margin: 0;
	}

	.carousel-text {
        padding: 12px 20px 10px 0;
		padding: 2vmax 3vmax 1.5vmax 0;
		color: #8f8f8f;
		letter-spacing: .2vmax;
		line-height: 1.4em;
	}

	div.carousel-text {
        padding: 0 20px 10px 20px;
		padding: 0 3vmax 1.5vmax 3vmax;
		color: #afafaf;
		letter-spacing: .13vmax;
		font-size: .85em;
		line-height: 1.2em;
	}

	videogular vg-play-pause-button, [videogular] vg-play-pause-button {
		display: table-cell !important;
		width: 5vmax !important;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
	}

	videogular vg-time-display, [videogular] vg-time-display {
		color: #FFFFFF;
		display: table-cell;
		width: 7vmax !important;
		vertical-align: middle;
		text-align: center;
		cursor: default;
	}

	videogular vg-scrub-bar, [videogular] vg-scrub-bar {
		width: auto;
		display: table-cell;
		cursor: pointer;
		vertical-align: middle;
		width: 30vmax !important;
	}

	videogular vg-volume, [videogular] vg-volume {
		display: table-cell;
		width: 15vmax !important;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		/* float: right; */
		/* position: absolute; */
		right: 3vmax !important;
	}

	.logo {
        height: 16px;
		width: 63px;
        margin-top: 12px;
		/*height: 20px;*/
		height: 4.6vmax;
        width: 11.15vmax;
		margin-top: 1.1vmax;
        margin-left: 18px;
		margin-left: 2vmax;

	}

	a.nav-expander {
		color: #FFFFFF;
		display: block;
		margin-right: 0;
		position: absolute;
		-webkit-transition: right ease .50s;
		-moz-transition: right ease .50s;
		-o-transition: right ease .50s;
		-ms-transition: right ease .50s;
		transition: right ease .50s;
		right: 17px;
		right: 2.8vmax;
		top: 2px;
		top: .4vmax;
	}

	.nav-expanded a.nav-expander.fixed {
        right: 210px;
		right: 35.5vmax;
	}

	.cbp-spmenu-horizontal {
		width: 203px;
		width: 34vmax;
		height: 100%;
		top: 0;
		z-index: 1000;
	}

		.cbp-spmenu-horizontal h3 {
			height: 100%;
			width: 20%;
			float: left;
		}

	#nav ul li a {
		min-height: 20px;
        height: 60px;
		height: 9.3vmax;
		vertical-align: middle;
		display: table-cell;
		width: 100%;
		line-height: 0;
        padding: 6px 0 0 20px;
		padding: 1vmax 20px 0 20px;
		margin: 0;
	}

	.text-horizontal {
        padding-top: 16px;
		padding-top: 2.5vmax;
		width: 100%;
	}

	.home-image {
		width: 75vw;
		max-width: 600px;
	}

	.cbp-spmenu {
		visibility: visible; /* The Fix */
		right: -203px;
		right: -34vmax;
	}

	.search-box {
		cursor: pointer;
		background: #000;
		width: 83%;
		margin: 0 1vmax;
		padding: 0;
		outline: none;
	}

	.creations-date-margin {
		padding-top: 5.2vmax;
	}

	.contactwrap {
		width: 55%;
		float: left;
		padding: 0 0 0 54px;
		padding: 0 0 0 8.5vmax;
		font-size: .9em;
	}


	.emails {
		width: 45%;
		padding-left: 3vmax;
		letter-spacing: .12vmax;
		line-height: 1.15em;
	}

	.detailinfo {
		font-family: 'LinotypeUnivers-520CNMedium';
		color: #4f4f54;
		padding-bottom: 0;
		padding-top: 5%;
		margin-bottom: 1.2vmax;
	}

	.subdetailinfoblock.email {
		font-size: .9em;
		padding-bottom: 2vmax;
	}

	.subdetailinfoblock.address {
		letter-spacing: .12vmax;
		line-height: 1.18em;
	}

	.Dubai-break {
		width: 60%;
	}

	.la-tab {
		width: 33.3333%;
		float: left;
	}

	.dubai-tab {
		width: 33.3333%;
		float: left;
	}

	.beijing-tab {
		width: 33.3333%;
		float: left;
	}

	.carousel-demo {
        margin-top: 32px;
		margin-top: 5vmax;
		display: inline-block;
		text-align: center;
	}

	ul[rn-carousel] {
		width: 100%;
		height: 25vmax;
		margin: 0 auto;
	}

	.carousel-demo ul[rn-carousel-transition="hexagon"] {
		margin-left: 38vmax;
	}

	.bgimage {
		background-size: cover;
		height: 35vmax;
		background-position: center center;
		width: 25vmax;
	}

		.bgimage img {
			height: 35vmax;
		}

	#wethistory {
		height: 10vmax;
		width: 10vmax;
		position: absolute;
		left: 48vmax;
		top: 32vmax;
		z-index: 9;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
	}

	.buzz-detail {
		display: none;
	}

	.buzz-date {
		padding-left: 49%;
		margin-top: 2vmax;
		margin-bottom: 3vmax;
	}

	.buzz-category {
		padding-left: 13.5vmax;
        margin-top: 6px;
		margin-top: 1vmax;
        margin-bottom: 18px;
		margin-bottom: 3vmax;
	}

	ul[rn-carousel] > li {
		color: black;
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		overflow: visible;
		vertical-align: top;
		position: absolute;
		left: 0;
		right: 0;
		white-space: normal;
		padding: 0;
		margin: 0;
		list-style-type: none;
		width: 22.6vmax !important;
		height: 35vmax;
		display: inline-block;
	}

	.talent-letter-row {
		margin: 0;
		padding: 0;
	}

	.talent-letter {
		width: 14.2857%;
        padding: 9px 0;
		padding: 1.4vmax 0;
	}

	.talent-image-block {
		width: 25%;
        padding: 0 16px;
		padding: 0 2.5vmax;
	}

		.talent-image-block:nth-child(4n+1) {
			clear: left;
		}

	.category {
		float: left;
        margin-top: 22px;
		margin-top: 3.45vmax;
		width: 50%;
	}

	.category-tab {
        padding-left: 6px;
		padding-left: 1vmax;
        margin: 12px 12px 30px 36px;
		margin: 2vmax 2vmax 4.5vmax 6vmax;
		width: 100%;
		text-align: left;
	}

	.talent-detail-image {
		width: 50%;
		float: left;
	}
    /*
	.talentdetail-desc {
		width: 50%;
		float: left;
	}*/

	.menuDate {
		position: absolute;
		z-index: 999;
		opacity: 0.9;
		top: 7.15vmax;
		left: -1px;
		border-right: 1px solid #2E2E2E;
		border-left: 1px solid #2E2E2E;
		border-bottom: 1px solid #2E2E2E;
		background-color: black;
		width: 100.9%;
	}

	.pswp__counter {
		position: absolute !important;
		left: 90vmax !important;
		top: 50vmax !important;
		font-size: 2.4vmax !important;
		color: #FFF !important;
		opacity: 0.75 !important;
		padding: 0 10px !important;
	}

    .pswp__item {
        background-color: #000000;
    }

	.icon-buzz {
		float: left;
		position: relative;
        top: 19px;
		top: 3vmax;
        left: 13px;
		left: 2vmax;
		font-family: LinotypeUnivers-730Heavy;
		font-weight: 500;
		font-size: 1em;
		color: red;
	}

	.icon-buzz2 {
		font-size: .4em;
	}

	.img-small {
		display: block;
		max-width: 100%;
		width: 100%;
		height: auto;
		top: 18.5vmax;
		position: absolute;
	}

	.img-small2 {
        top: 73px;
		top: 11.5vmax;
	}

	.buzz-pub {
		text-align: right;
		position: absolute;
		right: 5%;
		font-size: 1.5em;
		font-family: LinotypeUnivers-520CNMedium;
		white-space: pre-line;
		top: 9vmax;
		color: black;
	}

	.buzz-pub2 {
		font-size: .8em;
        top: 35px;
		top: 5.5vmax;
	}

	.buzz-section {
		background-color: white;
		height: 76vmax;
		width: 55vmax;
		max-width: 100%;
	}

	.buzz-section2 {
        height: 240px;
		height: 43vmax;
		width: 100%;
	}
}
/* iphone 6/6+ */
@media only screen and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation : portrait) {
	.nav-ul-li-a {
		min-height: 20px;
		height: 11vmax;
	}

	.menu-pad {
		margin-top: 0;
	}

	.social-end {
		margin-top: 15px;
		margin-top: 4.5vmax;
	}

	.carousel-demo ul[rn-carousel-transition="hexagon"] {
        /*margin-left: 20%;*/
		margin-left: 6vmax;
	}

	.buzz-detail {
		font: LinotypeUnivers-220CnThin;
		letter-spacing: .12vmax;
		background-color: black;
		position: absolute;
        /*bottom: -52px;*/
        bottom: -15px;
		bottom: -6vmax;
        /*left: -51px;*/
        left: 0px;
		/*left: -8vmax;*/
		text-align: left;
		/*width: 145%;*/
        /*width: 230px;
        width: 50vmax;*/
	}
}

@media screen and (min-device-width : 414px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait) {
	.nav-ul-li-a {
		min-height: 20px;
		height: 11vmax;
	}

	.menu-pad {
		margin-top: 0;
	}

	.social-end {
		margin-top: 15px;
		margin-top: 5vmax;
	}

	.carousel-demo ul[rn-carousel-transition="hexagon"] {
		margin-left: 6vmax;
	}

	.buzz-detail {
		background-color: black;
		position: absolute;
        /*bottom: -52px;*/
        bottom: -15px;
		bottom: -7vmax;
        left: 0px;
		/*left: -8vmax;*/
		text-align: left;
		/*width: 145%;*/
        /*width: 230px;
        width: 50vmax;*/
	}
}

.carousel-text2 {
	font-family: 'LinotypeUnivers-230Thin';
	margin: 0;
	text-align: left;
	background-color: transparent;
	line-height: 1.2em;
	font-size: .85em;
	color: #afafaf;
	letter-spacing: .13vmax;
}

.menu-over {
	min-height: 0;
	padding: 0;
	margin: 0;
}

a.nav-expander:hover {
	cursor: pointer;
}


nav {
	background: #2d2f33;
	display: block;
	height: 100%;
	-webkit-transition: right ease .50s;
	-moz-transition: right ease .50s;
	-o-transition: right ease .50s;
	transition: right ease .50s;
}

.nav-expanded nav {
	right: 0;
	background: #2a2a2a;
}
@media (min-width: 740px) {
    .navbar-collapse.collapse {
        height: 100% !important;
        overflow: auto !important;
    }
}

body.nav-expanded {
	-webkit-transition: right ease .50s;
	-moz-transition: right ease .50s;
	-o-transition: right ease .50s;
	transition: right ease .50s;
	overflow: hidden;
	/*position: fixed;*/
}

#nav-close {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-right: 10px;
}

main-menu {
	padding-top: 12px;
}


.main-menu li .sub-nav {
	border-bottom: 0px;
	padding: 4px;
}

.main-menu a .caret {
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	border-top: 4px solid #4f5963;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	margin-top: 8px;
}

.main-menu a:hover .caret {
	border-top-color: #4f5963;
}

.main-menu li.open > a > .caret {
	border-top: none;
	border-bottom: 4px solid #4f5963;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.main-menu li.open > a:hover > .caret {
	border-bottom-color: #4f5963;
}


.main-menu li > a > span.icon {
	float: right;
	margin: 0.1em 1.7em -0.1em 0;
	opacity: 0;
	-webkit-transition: all linear .50s;
	-moz-transition: all linear .50s;
	-o-transition: all linear .50s;
	transition: all linear .50s;
}

.main-menu li > a:hover > span.icon {
	float: right;
	margin: 0.1em 0.8em -0.1em 0;
	opacity: 1;
}

.nav, .pagination, .carousel, .panel-title a {
	cursor: pointer;
}

/* carousel
.carousel-indicators {
	position: absolute;
	bottom: 34vmax;
	left: 3vmax;
	width: auto;
	padding-left: 0;
	text-align: center;
	margin: 0;
}
	.carousel-indicators li {
		display: inline-block;
		width: .8vmax;
		height: .8vmax;
		margin: .6vmax;
		text-indent: -999px;
		cursor: pointer;
		background-color: white;
		border: 1px solid #fff;
		border-radius: .8vmax;
	}

	.carousel-indicators .active {
		width: .8vmax;
		height: .8vmax;
		margin: .6vmax;
		background-color: #F06022;
		border: 1px solid #F06022;
		border-radius: .8vmax;
	}
*/

.x-visible {
	position: absolute;
	z-index: 9;
    right: 15px;
	right: 3vmax;
}

.practice {
	font-family: 'LinotypeUnivers-230CnLight';
	font-size: medium;
	font-size: 3.4vmax;
	letter-spacing: .12vmax;
}

h5 .name a {
	font-size: 2.8vmax;
	font-size: medium;
}

.menuName {
	position: absolute;
	z-index: 999;
    top: 39px;
	top: 6.98vmax;
	left: 0px;
	right: -1px;
	border-top: 1px solid #2E2E2E;
	border-bottom: 1px solid #2E2E2E;
	border-right: 1px solid #2E2E2E;
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.menuCategory {
	position: absolute;
	z-index: 999;
    top: 40px;
	top: 7.15vmax;
	left: -1px;
	right: 0;
	border-bottom: 1px solid #2E2E2E;
	border-left: 1px solid #2E2E2E;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.7) !important;
}

/*#AllPractice {
	height: 100%;
}*/

#talent {
    position: relative;
    z-index: 1;
}

#talent-home1 {
	height: 100%;
    min-height: 510px;
}

#talent-home2 {
	position: absolute;
	top: 0;
    z-index: 999;

}
.talent-hide-scroll {
    -webkit-overflow-scrolling: auto;
    overflow-y: hidden;
}

.talent-home-text {
	font-size: medium;
	font-size: 2.8vmax;
	padding: 20px 20px 0 20px;
	padding: 3vmax 3vmax 0 3vmax;
	letter-spacing: .2vmax;
	background-color: rgba(0,0, 0, 0.9);
}

.talent-hometext-vertical {
	padding-top: 7vmax;
}

.talent-home-image {
	/*
	position: absolute;
	height: 3vmax;
	top: 12vmax;
	left: 35vmax;
*/
	max-width: 100%;
	max-height: 100%;
}

.talent-animate {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	max-width: 100%;
	max-height: 100%;
}

.talent-home-close {
	height: 20px;
	height: 3vmax;
	font-weight: bold;
	width: 100%;
}

	.talent-home-close img {
		height: 5vmax;
	}

.talent-detailinfo {
	font-family: 'LinotypeUnivers-420Cn';
	letter-spacing: .06vmax;
	color: #4f4f54;
	padding-bottom: .5vmax;
	padding-top: .2vmax;
	margin-bottom: 0;
}

.talent-top-desc {
	font-family: 'LinotypeUnivers-420Cn';
	font-size: 1.1em;
	color: white;
	line-height: 1.35em;
	padding-bottom: .5vmax;
}

.talent-home-desc {
	font-family: 'LinotypeUnivers-230Thin';
	font-size: .9em;
	letter-spacing: 0.1vmax;
	line-height: 1.35em;
	padding-bottom: .8vmax;
}

.imgtalent {
	padding: 0 7vmax;
}

.talentcontent {
    margin-top: 32px;
	margin-top: 5vmax;
}

.talentName {
	font-family: 'LinotypeUnivers-230Thin';
	text-align: center;
	font-size: medium;
	font-size: 2.4vmax;
	letter-spacing: .1vmax;
	margin-top: 1vmax;
}

.talentmenu {
	position: relative;
}

.imgtalent img {
	margin: auto;
}

.talent-tab {
    font-size: 16px;
	font-size: 2.5vmax;
    letter-spacing: 0.65px;
	letter-spacing: .1vmax;
    padding: 27px 6px 10px 8px;
	padding: 4.2vmax 1vmax 1.5vmax 1.4vmax;
}

.talentdetail {
	font-family: 'LinotypeUnivers-230Thin';
	font-size: medium;
	font-size: 2.7vmax;
	padding: 3.5vmax 2vmax 0 2vmax;
	letter-spacing: .12vmax;
}

.text-center {
	text-align: center;
}

.dates {
	float: left;
    margin-top: 12px;
	margin-top: 2vmax;
	display: block;
	clear: both;
}
/*
.carousel-demo {
	margin-top: 5vmax;
	display: inline-block;
	text-align: center;
}
*/



.img-grayscale {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

#careers {
    background-color: #000000;
}

#careers .carousel-indicators {
	bottom: 0 !important;
	left: 3vmax;
	width: auto;
	padding-left: 0;
	text-align: center;
	margin: 0;
	position: absolute;
	bottom: 3mvax;
}

.careers-detailinfo {
	font-family: 'LinotypeUnivers-520CNMedium';
	letter-spacing: .12vmax;
	color: #4f4f54;
	font-size: 0.95em;
    margin: 30px 10px 0 18px;
	margin: 5vmax 3vmax 0 3vmax;
}

.careers-subdetailinfoblock {
	font-family: 'LinotypeUnivers-230Thin';
	font-size: .9em;
	letter-spacing: 0.1vmax;
	line-height: 1.3em;
    margin: 6px 10px 0 18px;
	margin: 1vmax 3vmax 0 3vmax;
}
.careers-subdetailinfoblock a {
    text-decoration: underline;
}

.careers-download {
	font-family: 'LinotypeUnivers-320CnLight';
	font-size: 2.7vmax;
	letter-spacing: .1vmax;
    padding-top: 6px;
	padding-top: 1vmax;
	padding-left: 19px;
	padding-left: 3vmax;
    padding-right: 19px;
	padding-right: 3vmax;
    padding-bottom: 30px;
	padding-bottom: 6vmax;
}

	.careers-download h4 {
		font-family: 'LinotypeUnivers-320CnLight';
		font-size: 2.3vmax;
		color: #fff;
	}

	.careers-download img {
        height: 20px;
		height: 2.3vmax;
        width: 15px;
        width: 2.3vmax;
	}

.careers-oppotunity-wrap {
	width: 100%;
    min-height: 500px;
    margin-left: 18px;
	margin-left: 3vmax;
    margin-right: 19px;
	margin-right: 3vmax;
    margin-top: 20px;
	margin-top: 5vmax;
}

.careers-oppotunity-position {
	font-family: 'LinotypeUnivers-520CNMedium';
	letter-spacing: .12vmax;
	color: #4f4f54;
	font-size: 0.95em;
	line-height: 2.3em;
}

	.careers-oppotunity-position a {
		color: #6e6e6e;
	}

.job-wrap {
    margin: 18px 18px 0 18px;
	margin: 3vmax 3vmax 0 3vmax;
}

.job-close img {
	position: relative;
    width: 23px;
    width: 3.7vmax;
    height: 23px;
	height: 3.7vmax;
	float: right;
}

.job-info {
	float: left;
	background-color: #000;
	margin-top: -3vmax;
	padding-top: 2vmax;
}

#opportunity {
	opacity: 1;
}

.job-title {
	font-family: 'LinotypeUnivers-520CNMedium';
	letter-spacing: .12vmax;
	color: #4f4f54;
	font-size: 0.95em;
}

.job-detail {
	margin-top: 1.6vmax;
}

.job-detail-para {
	font-family: 'LinotypeUnivers-230Thin';
	font-size: .9em;
	letter-spacing: 0.1vmax;
	line-height: 1.3em;
	padding-bottom: 2vmax;
}

.slide-overlay {
	opacity: 0.95;
	background-color: black;
}

.img-slide {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.home-bg-portrait img, .home-bg-landscape img {
	-webkit-animation-name: homebgFadeInOut;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 48s;
	-moz-animation-name: homebgFadeInOut;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 48s;
	-o-animation-name: homebgFadeInOut;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 48s;
	animation-name: homebgFadeInOut;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-duration: 48s;
}

.home-bg-portrait img, .home-bg-landscape img {
	display: block;
	position: absolute;
	left: 0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.home-bg-image {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

@keyframes homebgFadeInOut {
	0% {
		opacity: 1;
	}

	17% {
		opacity: 1;
	}

	25% {
		opacity: 0;
	}

	92% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes homebgFadeInOut {
	0% {
		opacity: 1;
	}

	17% {
		opacity: 1;
	}

	25% {
		opacity: 0;
	}

	92% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.home-bg-portrait img:nth-of-type(1), .home-bg-landscape img:nth-of-type(1) {
	-webkit-animation-delay: 35s;
	-moz-animation-delay: 35s;
	-o-animation-delay: 35s;
	animation-delay: 35s;
}

.home-bg-portrait img:nth-of-type(2), .home-bg-landscape img:nth-of-type(2) {
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	animation-delay: 30s;
}

.home-bg-portrait img:nth-of-type(3), .home-bg-landscape img:nth-of-type(3) {
	-webkit-animation-delay: 25s;
	-moz-animation-delay: 25s;
	-o-animation-delay: 25s;
	animation-delay: 25s;
}

.home-bg-portrait img:nth-of-type(4), .home-bg-landscape img:nth-of-type(4) {
	-webkit-animation-delay: 20s;
	-moz-animation-delay: 20s;
	-o-animation-delay: 20s;
	animation-delay: 20s;
}

.home-bg-portrait img:nth-of-type(5), .home-bg-landscape img:nth-of-type(5) {
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	animation-delay: 15s;
}

.home-bg-portrait img:nth-of-type(6), .home-bg-landscape img:nth-of-type(6) {
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-o-animation-delay: 10s;
	animation-delay: 10s;
}

.home-bg-portrait img:nth-of-type(7), .home-bg-landscape img:nth-of-type(7) {
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

.home-bg-portrait img:nth-of-type(8), .home-bg-landscape img:nth-of-type(8) {
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0;
    background-color: #000000;
}


.img-print-hoz {
	width: 100%;
}

.allinone_carousel.charming .contentHolderUnit {
	position: absolute;
	width: 38vmax;
	height: 50vmax;
	overflow: hidden;
	cursor: pointer;
	background: url(skins/charming/empty.gif) repeat;
	box-shadow: 0px 0px 29px 6px rgba(0,0,0,0.74);
}
/*
.contentHolderUnit:before, .buzz-item:before  {
		box-shadow: -35px 0 35px -35px inset;
		content: " ";
		height: 100%;
		left: -35px;
		position: absolute;
		top: 0;
		width: 35px;
}
	.buzz-contentHolderUnit:after {
		box-shadow: 35px 0 35px -35px inset;
		content: " ";
		height: 100%;
		right: -35px;
		position: absolute;
		top: 0;
		width: 35px;
	}
*/
.ex6-item {
	max-height: 76vmax;
	max-width: 55vmax;
	display: none;
	overflow: hidden;
	border: 7px solid white;
	background-color: #5EBDC4;
}

.img-item {
	height: 500px;
	width: 700px;
}

.carousel-container {
	top: 44px;
	bottom: 0px;
	position: fixed;
	right: 0px;
	left: 0px;
	height: 330px;
}

#iOSPlayer {
	width: 100%;
	height: 100%;
}

#otherPlayer {
	width: 100%;
	height: 100%;
}

#videoSrc {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#searchbox {
    background-image:url('./../UI_Images/icons/magnify_glass_icon.svg');
    background-color:transparent;
    width: 25px;
    background-repeat: no-repeat;
    height: 25px;
    border: 0px;
    margin-top: 7px;
    margin-top: 0vmax;
}
#searchbox.input-visible {
    background-image: none;
    background-color: #000000;
    width: 50%;
    color: #ffffff;
    height: 30px;
    height: 5vmax;
    margin-top: 0px;
}

.closebox {
    float: left;
    margin: 8;
    margin-top: 1.5vmax; 
    z-index: 99999
}

