@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

#overlay-container {
		z-index:9999;
}

body {
		background:#F9F9F9;
		color:#333;
	  font-family: 'Montserrat', sans-serif;
		margin:0;
		font-size:16px;
		overflow-y:scroll;
}

.col-md-6 {
		margin-top:20px;
}

@media (max-width: 400px) {
		.col-xxs {
				width:100%;
		}
}

@media (min-width: 992px) {
		.vcenter {
				display: flex;
				align-items: center;
		}
}

img {
		max-width:100%;
}

.button {
		background:#C81432;
		color:#fff;
		padding:.75em 3em;
		text-transform:uppercase;
		font-size:.8em;
		font-weight:700;
		border-radius:2em;
		margin-top:2em;
		display:inline-block;
		box-shadow:0 5px 10px rgba(0,0,0,.3);
}

.button:hover {
		background:#333;
		color:#fff;
		text-decoration:none;
}

.black-text {
		color:#222;
}

.light-text {
		color:#fff;
}

.border-top {
		border-top:1px solid #999;
}

.border-bottom {
		border-bottom:1px solid #999;
}

.uncontain {
		margin:0 calc(-50vw + 50%);
}

.uncontain-background {
		padding:0 calc(50vw - 50%);
		margin:0 calc(-50vw + 50%);
		position:relative;
}

.red {
		background:#C81432;
		color:#fff;
}

.black {
		background:#000;
		color:#fff;
}
.grey {
		background:#222;
		color:#fff;
}

.uncontain-background.split:before {
		content:" ";
		width:50%;
		background:#999;
		position:absolute;
		top:0;
		right:50%;
		height:100%;
		z-index:-2;
}

.uncontain-background.split:after {
		content:" ";
		background:#000;
		width:50%;
		position:absolute;
		top:0;
		left:50%;
		height:100%;
		z-index:-1;
}


.split.left-red:before,
.split.right-red:after {
		background:#C81432;
}

.split.left-black:before,
.split.right-black:after {
		background:#000;
}

.uncontain.split {
		display:flex;
		align-items:stretch;
		align-content:stretch;
}

.uncontain.split .half {
		width:50%;
		padding:50px 10%;
}

@media (max-width: 768px) {
		.uncontain.split {
				display:block;
		}
		
		.uncontain.split .half {
				width:100%;
		}
}

.double-list {
		column-gap:50px;
		column-count:2;
		padding:10px 0 10px 75px;
}

.single-list {
		padding:10px 0 10px 75px;
}

.double-list li,
.single-list li {
		-webkit-column-break-inside:avoid;
		page-break-inside:avoid;
		break-inside:avoid;
    list-style-type: none;
    position: relative;
		line-height:1.2;
		margin-bottom:.6em;
}

.double-list li::before,
.single-list li::before {
    content: '\2022';
    position: absolute;
    left: -1em;
		height:1em;
    font-size:1em;
}

@media (max-width: 768px) {
		.double-list,
		.single-list {
				padding:10px 20px;
		}
}

.toolbar #siteNav {
		top:auto;
}

#china-header-link {
		position:absolute;
		right:5px;
		top:5px;
		color:#fff;
		font-weight:bold;
}

@media (max-width: 768px) {
		#china-header-link {
				position:relative;
				top:0;
				right:0;
				display:block;
				text-align:right;
		}
}

#siteNav {
		background:#C81432;
}

@media screen and (max-width:900px) and (min-width:768px) {
		#navbar {
				padding-right:0;
		}
		#navbar .menu {
				margin-right:0;
		}
		#siteNav {
				font-size:.9em;
		}
		#siteNav .container {
				padding-right:0;
		}
}

#siteNav .container {
		width:auto;
		max-width:1440px;
}

@media screen and (min-width:1450px) {
		.container {
				width:1440px;
		}
}


.navbar-default {
		background:none;
		border:none;
}

#page {

}

#page-banner {
		min-height:600px;
		background-size:cover;
		background-position:center center;
		display:flex;
		align-items:center;
		position:relative;
}

@media screen and (max-width:500px) {
		#page-banner {
				min-height:400px;
		}
}

.front #page-banner {
		min-height:auto;
}

#page-banner .banner-contact {
		background:#C81432;
		position:absolute;
		top:50%;
		font-size:1.2em;
		margin-top:-.7em;
		color:#fff;
		right:0;
		z-index:999;
		padding:.5em;
		line-height:1;
}

#page-banner .banner-contact:hover {
		color:#333;
}

#page-banner .banner-contact .banner-contact-text {
		display:none;
}

#page-banner-text.right {
		text-align:right;
		float:right;
}

#page-banner-text {
		color:#fff;
		max-width:400px;
}

#page-banner-title {
		text-transform:uppercase;
		font-weight:700;
		font-size:2em;
		line-height:1.2;
		position:relative;
		margin-bottom:1em;
}

#page-banner-title:after {
		content:" ";
		position:absolute;
		bottom:-.5em;
		width:40%;
		border-bottom:5px solid #ffff;
		left:0;
}

#page-banner-text.right #page-banner-title:after {
		left:auto;
		right:0;
}
		
#page-banner-text.black-text {
		color:#222;
}

#page-banner-text.black-text #page-banner-title:after {
		border-color:#222;
}

#page-banner-subtitle {
		font-size:1.2em;
}

#page-banner-logos {
		margin-top:2em;
		display:flex;
		justify-content:center;
}

#page-banner-logos img {
		margin-right:1em;
		margin-bottom:1em;
}

@media (max-width: 768px) {
		#page-banner-text.right ,
		#page-banner-text {
				max-width:90%;
				text-align:center;
				margin:auto;
				float:none;
		}

		#page-banner-text.right #page-banner-title:after,
		#page-banner-title:after {
				left:50%;
				margin-left:-20%;
		}

		#page-banner:after {
				content:" ";
				position:absolute;
				top:0;
				right:0;
				bottom:0;
				left:0;
				background:rgba(0,0,0,.5);
				z-index:1;
		}

		#page-banner.black-text:after {
				background:rgba(255,255,255,.4);
		}
		
		#page-banner .container {
				z-index:2;
		}

		#page-banner-logos {
				flex-wrap:wrap;
		}
		
}

#page-title {
		text-transform:uppercase;
		font-weight:600;
		font-size:2em;
		position:relative;
		margin:0;
}

.page-container {
		position:relative;
		padding-top:50px;
}

.page-container:before {
		content:" ";
		right:50%;
		top:0;
		left:0;
		margin-right:15px;
		margin-left:15px;
		position:absolute;
		display:block;
		background:#C81432;
		height:2px;

}

.page-container:after {
		content:" ";
		position:absolute;
		display:block;
		right:75%;
		left:0;
		top:0;
		margin-left:15px;
		margin-right:15px;
		background:#C81432;
		height:10px;
}

#background-text-container {
		position:relative;
		padding-bottom:50px;
		padding-top:100px;
}

.node-type-showcase #background-text-container {
		padding-top:50px;
}

.front #background-text-container {
		padding:0;
}

.perception-neuron-series #background-text-container {
		padding-bottom:0;
}

#background-text {
		position:absolute;
		width:320px;
		bottom:0;
		right:0;
		top:0;
		overflow:hidden;
		z-index:-1;
}

.not-front #background-text:before {
		content:"Mocap";
		white-space:nowrap;
		font-size:320px;
		color:#fff;
		font-weight:700;
		line-height:1.3;
		position:absolute;
		right:320px;
		top:-.1em;
		transform: rotate(-90deg);
		transform-origin:right top;
}

.myswing-professional #background-text:before {
		content:" ";
}

.perception-neuron-series #background-text:before,
.perception-neuron-studio #background-text:before,
.perception-neuron-pro #background-text:before,
.perception-neuron-20 #background-text:before {
		content:"Perception Neuron";
}

.about-noitom #background-text:before {
		content:"Motion Capture";
}

.page-press #background-text:before {
		content:"Press Room";
}

@media screen and (min-width:1674px) {

		.not-front .page-container .region-content {
				min-height:30em;
		}
		
		.not-front .page-container .region-content:before {
				content:" ";
				background:url('/sites/default/files/background-logo.png') no-repeat;
				height:266px;
				width:40px;
				left:-7em;
				top:25%;

				position:absolute;
				z-index:-1;
		}

		.not-front .page-container .region-content:after {
				content:"+ + entertainment, sports, science and medicine.";
				position:absolute;
				color:#C81432;
				top:0;
				right:-7em;
				border-right:10em solid #C81432;
				height:5px;
				line-height:5px;
				overflow:visible;
				padding-right:1em;
				transform:rotate(-90deg);
				transform-origin: 100% 100%;
				white-space:nowrap;
				font-size:.8em;
		}

		.myswing-professional .page-container .region-content:after {
				color:#337b37;
				border-color:#337b37;
				
		}
}


.myswing-professional .page-container:before,
.myswing-professional .page-container:after {
		background:#337b37;
}

.page-section {
		padding-top:30px;
		padding-bottom:30px;
		line-height:1.8;
}

.sub-section {
		margin-top:30px;
}

.row.vertical-align {
		display:flex;
		align-items:center;
		align-content:stretch;
}

@media (max-width: 768px) {
		.row.vertical-align {
				display:block;
		}
}

.page-section h2 {
		text-transform:uppercase;
		font-size:1.4em;
		font-weight:700;
		margin-bottom:1.8em;
}

.page-section h2.has-subtitle {
		margin-bottom:0;
		font-size:2em;
}

.callout {
		font-weight:300;
		margin-top:.4em;
		margin-bottom:1.8em;
		text-transform:uppercase;
		max-width:50%;
		font-size:1.3em;
		line-height:1.5;
}

#page .subtitle {
		font-weight:400;
		margin-top:.4em;
		margin-bottom:1.8em;
		text-transform:uppercase;
		font-size:1.5em;
		line-height:1.2;
}

.section-title {
		font-weight:400;
		margin-top:.4em;
		margin-bottom:1.8em;
		text-transform:uppercase;
		font-size:1.5em;
		line-height:1.2;
}

.split .section-title {
		margin:2em 0 .5em;
		font-weight:700;
}

.split .section-title:first-child {
		margin:0 0 .5em;
}

.page-section p {
		margin-bottom:1.8em;
}

.page-logo {
		margin-bottom:2em;
}

.pn-icon,
.alice-icon {
		padding-left:75px;
		position:relative;
}

.pn-icon:before,
.alice-icon:before {
		content:" ";
		position:absolute;
		top:50%;
		margin-top:-30px;
		left:0;
		background:url('/sites/default/files/pn-icon.png') no-repeat center center;
		background-size:cover;
		width:60px;
		height:60px;
		display:inline-block;
		vertical-align:middle;
}

.alice-icon:before {
		background-image:url('/sites/default/files/alice-icon.png');
}

.grey-box {
		background:#ececec;
		background:rgba(0,0,0,.05);
		padding-top:3em;
		padding-bottom:4em;
}

.grey-box h2 {
		text-transform:none;
		font-weight:400;
}

.grey-box p {
		max-width:1024px;
		margin:auto;
}

/* Founders */
.founders {
		background:#e0e0e0;
		background:rgba(0,0,0,.1);
}

.founders h4 {
		font-style:italic;
}

.founder-image {
		width:200px;
		max-width:100%;
		margin-bottom:2em;
}

/*
#content {
		padding-top:100px;
}

#content.no-banner {
		padding-top:100px;
}

.front #content {
		padding-top:0;
}
*/

.section {
		margin:0;
}

#logo {
		float:left;
		height:auto;
		padding:17px 0;
}

#logo img {
		height:40px;
		display:block;
}

#logo:hover img {
		filter: invert(1);
}

.menu {
		padding:0;
		margin:0 10px 0;
}

.navbar {
		margin-bottom:0;
}

#navbar .menu a[href="http://noitom.com.cn/"] {
	  font-family: 'Montserrat', "PingFang SC", "黑体", "Microsoft YaHei", "微软雅黑", sans-serif;
}

@media (min-width: 768px) {
		.navbar li.expanded,
		.navbar li.collapsed,
		.navbar li.leaf {
				padding:0 .75em;
		}

		#navbar .menu > li > a {
				text-decoration:none;
				font-size:1em;
				font-weight:400;
				text-transform:uppercase;
				padding:0;
				color:#fff;
				line-height:75px;
		}

		.navbar-default .navbar-nav > .open > a,
		.navbar-default .navbar-nav > .open > a:focus,
		.navbar-default .navbar-nav > .open > a:hover {
				background:none;
		}

		#navbar .menu li a:hover {
				color:#222;
		}


		.navbar-nav > li > .dropdown-menu {
				border-radius:0;
				background:#C81432;
				padding:10px 0;
				margin-top:22px;
				text-align:left;
		}

		.navbar-nav > li > .dropdown-menu:before {
				content:" ";
				position:absolute;
				right:25%;
				top:-15px;
				width: 0; 
				height: 0; 
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-bottom: 15px solid #C81432;
		}

		.navbar-nav > li > .dropdown-menu > li > a {
				margin:.5em;
				padding:.5em;
				font-weight:500;
		}
		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
				margin:0;
		}

		ul.dropdown-menu li.leaf {
				list-style-type:none;
				list-style-image:none;
				margin:0;
		}

		.dropdown-menu > li > a,
		.navbar-default .navbar-nav .open .dropdown-menu > li > a {
				color:#fff;
				text-transform:uppercase;
		}

		.dropdown-menu > li > a:focus,
		.dropdown-menu > li > a:hover {
				background:none;
				color:#222;
		}
}

@media (max-width: 1024px) {
		#navbar .menu > li > a {
				font-size:.8em;
		}
}

@media (max-width: 768px) {
		#navbar {
				position:relative;
				z-index:999;
		}
		.navbar-toggle {
				margin-top:20px;
		}

		.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				background:none;
		}

		.navbar-toggle {
				border:none;
				color:#fff;
		}

		.navbar-default .navbar-toggle .icon-bar {
				background:#fff;
		}

		.navbar-default .navbar-toggle:focus .icon-bar,
		.navbar-default .navbar-toggle:hover .icon-bar {
				background:#000;
		}

		#navbar {
				margin-top:10px;
				border:none;
		}

		#navbar > .nav li a {
				color:#fff;
				font-size:.8em;
				font-weight:500;
				text-transform:uppercase;
		}

		#navbar .leaf {
				list-style:none;
		}

		.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
				background:#333;
				color:#fff;
		}
}

#home-video {
		display:block;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		height:calc(100vh - 100px);
		border:none;
		object-fit:cover;
		filter:grayscale(1) brightness(.75);
}

/* Home Sections */
#home-sections,
#home-contact {
		line-height:1.875;
		font-weight:300;
}

#home-contact {
		color:#333;
		background:#fff;
		min-height:100vh;
}

#home-sections h2,
#home-contact h2 {
		font-weight:700;
		text-transform:uppercase;
		font-size:1.4em;
}

.home-contact-icon {
		width:auto;
}

#home-sections h2:after,
.home-contact-icon:after {
		content:" ";
		height:40px;
		width:50%;
		margin:50px 0 30px;
		display:block;
		border-right:2px solid #999;
		margin-left:-2px;
}

.home-section {
		display:flex;
		align-content:center;
		align-items:center;
		color:#fff;
		background:#000;
		min-height:50vh;
		align-items:stretch;
}

.home-section-background {
		background-size:cover;
		background-position:center center;
		width:50%;
}

.home-section-content {
		padding:10px 10%;
		text-align:center;
		width:50%;
		display:block;
		display:flex;
		flex-direction:column;
		justify-content:center;
}

.plus-link a,
a .plus-link span {
		margin-top:.25em;
		color:#ccc;
		box-sizing:content-box;
		font-size:2em;
		height:.8em;
		width:.8em;
		line-height:.8;
		border:1px solid #ccc;
		display:inline-block;
}

.plus-link a:hover,
a:hover .plus-link span {
		background:#fff;
		color:#333;
		border-color:#fff;
		text-decoration:none;
}


.black-text .plus-link a,
.black-text a .plus-link span {
		color:#333;
		border-color:#333;
}

.black-text .plus-link a:hover,
.black-text a:hover .plus-link span{
		background:#333;
		color:#fff;
}

#home-about {
		min-height:100vh;
		background:#C81432;
}

.home-about-logos {
		display:flex;
		justify-content:center;
		align-items:center;
}

.home-about-logos img {
		width:111px;
}

#home-philosophy {
		flex-direction:row-reverse;
}

@media (max-width: 786px) {
		.home-section {
				display:block;
				height:auto;
				position:relative;
				min-height:0 !important;
		}

		#home-about .home-section-background {

		}
		
		.home-section .home-section-background {
				width:100%;
				min-height:40vh;
				background-position:top;
		}
		
		.home-section .home-section-content {
				position:relative;
				width:100%;
				min-height:40vh;
		}
}

/*@media (max-width: 786px) {
		.home-section {
				display:block;
				height:auto;
				position:relative;
				min-height:0 !important;
		}
		
		.home-section .home-section-background {
				width:100%;
				position:absolute;
				height:100%;
		}
		
		.home-section .home-section-content {
				position:relative;
				width:100%;
				background:rgba(0,0,0,.8);
		}
		.home-section.dark-text .home-section-content {
				background:rgba(255,255,255,.8);
		}
}*/

/* Home Products */
#home-products-carousel {
		text-align:center;
		position:relative;
}

#home-products-carousel .carousel-control {
		position:absolute;
		top:50%;
		left:0;
		color:#fff;
		font-weight:bold;
		font-size:5em;
		font-weight:300;
		background:none;
}

#home-products-carousel .carousel-control.right {
		left:auto;
		right:0;
}

#home-products-carousel .col-md-4 {
		margin:0;
		padding:0;
}

#home-products {
		text-align:center;
		color:#fff;
}

.home-product {
		height:100vh;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		align-content:stretch;
		justify-content:space-between;
		align-items:stretch;
		padding:40px 20px;
		box-sizing:border-box;
		position:relative;
		background-color:#000;
		background-size:cover;
}

@media (min-width: 738px) {
		.multi-item-carousel .carousel-inner > .item {
				transition: 500ms ease-in-out left;
		}
		.multi-item-carousel .carousel-inner .active.left {
				left: -50%;
		}
		.multi-item-carousel .carousel-inner .active.right {
				left: 50%;
		}
		.multi-item-carousel .carousel-inner .next {
				left: 50%;
		}
		.multi-item-carousel .carousel-inner .prev {
				left: -50%;
		}
}

@media (min-width: 962px) {
		.multi-item-carousel .carousel-inner > .item {
				transition: 500ms ease-in-out left;
		}
		.multi-item-carousel .carousel-inner .active.left {
				left: -33%;
		}
		.multi-item-carousel .carousel-inner .active.right {
				left: 33%;
		}
		.multi-item-carousel .carousel-inner .next {
				left: 33%;
		}
		.multi-item-carousel .carousel-inner .prev {
				left: -33%;
		}
}
@media (min-width: 738px) and (transform-3d), (min-width: 738px) and (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: none!important;
            transform: none!important;
  }
}
.home-product.black-text {
		background-color:#fff;
		color:#000;
}

.home-product.white-text {
		background-color:#000;
		color:#fff;
}

.home-product-background {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background-size:cover;
		background-position:center center;
		z-index:0;
}



.home-product-logo {
		width:100%;
		text-align:center;
		z-index:1;
		flex-grow:1;
}

.home-product-logo img {
		max-width:150px;
		max-height:65px;
		height:auto;
		margin-bottom:50px;
}

.home-product-content {
		width:100%;
		align-self:flex-end;
		z-index:1;
}

.home-product-content h2 {
		font-weight:700;
		text-transform:uppercase;
		font-size:1.6em;
}

.home-product-content .field-name-field-product-subtitle {
		text-transform:uppercase;
}
/*
@media (max-width: 786px) {
		#home-products {
				display:block;
		}
		.home-product {
				width:auto;
				height:auto;
		}
		
		.home-product-background {
				filter:brightness(.25) contrast(.75);
		}
		
		.dark-text .home-product-background {
				filter:brightness(1) contrast(1) opacity(.5);
		}

}*/

.integrations-logos {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		list-style:none;
		margin:20px 0;
		width:100%;
		padding:0;
}

.integrations-logos li {
		flex-basis:33.33%;
		padding:15px 10px;
		display:flex;
		align-items:center;
		justify-content:center;
}

.integrations-logos li img {

}

.product-quote {
		margin-bottom:3em;
		font-style:italic;
}

.product-quote-name {
		font-size:.8em;
		font-weight:bold;
		text-transform:uppercase;
		font-style:normal;
		display:block;
}

.product-diagram {
		max-width:100%;
		max-height:100vh;
}

/* Home Applications */
.home-applications-link {
		color:#fff;
}

.home-applications-link:hover {
		text-decoration:none;
		color:#fff;
}

.home-application-text {
		transition:500ms max-height ease-out;
		padding:1em 10% 0;
		max-height:0;
		overflow:hidden;
}

.home-applications-link .plus-link {
		max-height:0;
		transition:500ms max-height ease-out;
		overflow:hidden;
}

.home-applications-link .plus-link span, 
.home-applications-link:hover .plus-link span {
		background:transparent;
		color:#fff;
}

.home-applications-link .plus-link span:hover {
		background:#fff;
		color:#333;
		border-color:#fff;
}

.home-applications-link:hover .home-application-text,
.home-applications-link:hover .plus-link {
		display:block;
		max-height:10em;
		text-shadow:0 0 10px #000;
}

.view-home-applications .view-content {
		display:flex;
		flex-wrap:wrap;
}

.view-home-applications .view-content .views-row {
		width:33%;
		min-width:250px;
		text-align:center;
		align-items:center;
		align-content:center;
		flex-grow:1;
}

/*
.view-home-applications .view-content .views-row a {
		width:100%;
		height:100%;
		display:block;
		text-decoration:none;
}
*/

.home-applications-link:hover .home-applications-background {
		box-shadow:inset 0 0 100px rgba(0,0,0,.5);
		background-color:#C81432 !important;
		background-image:none !important;
}

.home-applications-background {
		background-size:cover;
		background-position:center center;
		width:100%;
		display:flex;
		justify-content:center;
		align-items:center;
		transition:box-shadow 500ms ease-out, background 500ms ease-out;
		height:50vh;
		background-color:#111;
}

.home-application-info {
		position:relative;
		flex-grow:1;
		padding:10px 0;
}

.home-applications-background h2 {
		color:#fff;
		margin:0;
		font-weight:700;
		text-transform:uppercase;
		font-size:1.6em;
		text-shadow:0 0 10px #000;
}

.home-applications-background h3 {
		margin:8px 0 0;
		color:#eee;
		font-size:.8em;
		text-transform:uppercase;
		font-weight:normal;
}

@media (max-width: 1024px) {
		.view-home-applications .view-content .views-row {
				width:50%
		}
}

@media (max-width: 800px) {
		.view-home-applications .view-content .views-row {
				width:100%
		}

		.home-applications-background {
				height:auto;
				min-height:30vh;
				padding:2em;
				position:relative;
		}

		.home-applications-background:before {
				content:" ";
				background:#000;
				position:absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				opacity:.7;
		}

		.home-applications-link .home-application-text,
		.home-applications-link .plus-link {
				display:block;
				max-height:10em;
		}
}

/* Applications Page */
@media (min-width: 992px) {
		.application-left-column {
				padding-right:2em;
		}
		.application-right-column {
				padding-left:2em;
		}
		.application-columns {
				position:relative;
				padding:2em 0;
		}
		.application-columns::after {
				display: block;
				content: "";
				clear: both;
		}
		.application-columns:before {
				content:" ";
				position:absolute;
				left:50%;
				top:0;
				height:100%;
				border-left:2px solid #999;
		}
}

/* Clients */
#client-map {
		position:relative;
}

#block-menu-menu-perception-neuron-series ul.menu,
#client-map-menu {
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		padding:.5em 0;
		margin:5em 0 0;
		color:#666;
		text-transform:uppercase;
		list-style-type:none;
		text-align:left;
		padding:0;
}

#block-menu-menu-perception-neuron-series ul.menu li,
#client-map-menu li {
		display:inline-block;
		margin:0;
		padding:0;
		list-style:none;
}

#block-menu-menu-perception-neuron-series ul.menu li a,
#client-map-menu li a {
		display:block;
		padding:8px 20px 10px;
		font-weight:300;
		color:#333;
		border-top:7px solid transparent;
}

#block-menu-menu-perception-neuron-series ul.menu li a:hover,
#client-map-menu li a:hover {
		text-decoration:none;
}

#block-menu-menu-perception-neuron-series ul.menu li a.active,
#client-map-menu li.selected a {
		border-top:7px solid #C81432;
}

#block-menu-menu-perception-neuron-series ul.menu li a:hover,
#client-map-menu li a:hover {
		border-top:7px solid #333;
}

.client-map {
		max-width:100%;
		margin:0;
}

.client-map-layer {
		display:none;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
}

.client-map-layer.active {
		display:block;
}

.view-id-clients {

}

.view-id-clients .view-content {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		max-width:1440px;
}

.view-id-clients .views-row {
		align-items:center;
}

.view-id-clients .client-logo {
		height:70px;
		width:100px;
		margin:20px 55px;
		display:flex;
		justify-content:center;
		align-items:center;
		vertical-align:middle;
		box-sizing:content-box;
}

.view-id-clients .client-logo img {
		filter:saturate(.04);
}

.view-id-clients .client-logo:hover img {
		filter:none;
}

.popover .popover-title {
		background:none;
		font-weight:bold;
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
		min-width:1000px;
}

/* Footer */
#copyright-block {
		margin-top:4em;
		border-top:1px solid #666;
		text-align:center;
		padding-top:2em;
		line-height:2;
}

#copyright-block .block {
		display:inline-block;
}

#copyright-block .menu {
		list-style-type:none;
}

#copyright-block .menu li {
		display:inline-block;
		position:relative;
		padding:0 .75em;
}

#copyright-block .menu li:before {
		content:" ";
		border-left:1px solid #eee;
		position:absolute;
		left:0;
		top:10%;
		height:80%;
}

#copyright-block .china-footer-link {
		display:inline-block;
		margin-left:3em;
		vertical-align:middle;
}

#copyright-block .china-footer-link img {		
		margin-right:.5em;
		width:30px;
}

#footer {
		background:#000;
		padding:100px 0 50px;
		color:#eee;
		font-size:.8em;
}

@media (max-width: 1024px) {
		#footer {
				padding:50px 0;
		}
}

#footer-logo {
		width:100%;
		max-width:150px;
		margin-bottom:2em;
}

#footer h4,
#footer h2 {
		text-transform:uppercase;
		font-size:1.2em;
		margin-top:0;
}

#footer p {
		margin-bottom:2em;
}

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

#footer a:hover {
		text-decoration:underline;
}

#footer .block-webform h2 {
		text-transform:uppercase;
		font-size:1.2em;
		margin-top:0;		
}

#footer .block-webform input.form-text,
#footer .block-webform textarea {
		background:#000;
		border:1px solid #666;
		width:100%;
		padding:7px;
		border-radius:3px;
}

#footer .block-webform .webform-submit {
		background:#333;
		color:#ccc;
		font-size:.8em;
		border:none;
		text-transform:uppercase;
		font-family: 'Montserrat', sans-serif;
		padding:5px 30px;
		border-radius:3px;
		font-weight:500;
		float:right;
}

#footer .block-webform .webform-submit:hover {
		background:#ccc;
		color:#333;
}

#footer .fieldtype-input input {
		background:#000;
		border:1px solid #666;
		width:100%;
		padding:7px;
		border-radius:3px;
}

#footer input.btn-submit {
		background:#333;
		color:#ccc;
		font-size:.8em;
		letter-spacing:1px;
		border:none;
		text-transform:uppercase;
		font-family: 'Montserrat', sans-serif;
		padding:5px 30px;
		border-radius:3px;
		font-weight:500;
		float:right;
		margin-top:1em;
}


#footer input.btn-submit:hover {
		background:#ccc;
		color:#333;
}

#footer .region-footer3 .menu {
		padding:0;
		margin:0;
}

#footer .region-footer3 .menu li {
		list-style:none;
		margin:0 0 10px;
		padding:0;
}

#footer .footer-social-icons {
		list-style-type:none;
		padding:0;
		margin-top:5em;
		margin-left:-.5em;
}

#footer .footer-social-icons li {
		display:inline-block;
		font-size:1.5em;
}

#footer .footer-social-icons li a {
		padding:.5em;
}

#footer .footer-social-icons li a:hover {
		color:#C81432;
}

.wechat-icon {
		position:relative;
}

.wechat-icon:before {
		content:" ";
		position:absolute;
		background:url('/sites/default/files/ewmWechart.png');
		background-size:cover;
		width:150px;
		height:150px;
		top:-150px;
		left:50%;
		margin-left:-75px;
		display:none;
}

.wechat-icon.showqr:before {
		display:block;
}

/* China Store */
#china-store-link {
		background:#C81432;
		padding:70px;
		text-align:center;
		color:#fff;
		font-size:1.4em;
		font-weight:300;
		line-height:1.5;
		margin-top:30px;
		margin-bottom:-50px;
}

#china-store-link b {
		font-weight:500;
		white-space:nowrap;
}

#china-store-link a {
		background:#fff;
		color:#C81432;
		padding:10px 30px;
		text-transform:uppercase;
		font-size:.6em;
		font-weight:500;
		border-radius:2em;
		margin-left:2em;
		display:inline-block;
		margin-top:10px;
}

#china-store-link a:hover {
		background:#333;
		color:#fff;
		text-decoration:none;
}

@media (max-width: 768px) {
		#china-store-link a {
				display:block;
		}
}

#page-wrapper.myswing-professional {
		background:url('/sites/default/files/myswing-background.png') center bottom no-repeat;
		background-size:100% auto;
}

#page-wrapper.myswing-professional #page-title {
		display:none;		
}

#page-wrapper.calendar {
		width:auto;
}

/* Cards */
.cards {
		display:flex;
		align-items:stretch;
		align-content:stretch;		
}

.card {
		background:#fff;
		box-shadow:0 0 50px rgba(0,0,0,.3);
		padding:2em;
		width:100%;
		margin:1em;
		display:flex;
		flex-direction:column;
		align-content:stretch;
		align-items:stretch;
}

.card h3 {
		flex-grow:1;
		text-transform:uppercase;
		font-size:1.3em;
}

.card p {
		font-size:.9em;
}

@media (max-width: 991.98px) {
		.cards {
				display:block;		
		}
		
		.card {
				width:auto;
				display:block;
				padding-left:10%;
				padding-right:10%;
		}

		.card img {
				margin:auto;
				display:block;
				max-width:200px;
				margin-bottom:3em;
		}
}

/* Article */
.article-title {
		font-weight:700;
}

.article-subtitle {
		font-weight:300;
		line-height:1.3;
}

.article-video {
		width:100%;
		height:auto;
}

.article-images {
		margin-top:-70px;
		margin-bottom:20px;
}

@media (max-width: 1024px) {
		.article-images {
				margin-top:0;
		}
}

.showcase-intro {
		line-height:1.8;
}

.showcase-body,
.article-body {
		line-height:1.8;
		margin:10px 0 100px;
}

.showcase-body {
		margin:10px 0;
}

.article-images img {
		height:auto;
}

.social-share {
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		padding:.5em 0;
		margin:5em 15px 0;
		color:#666;
}

.carousel .carousel-controls {
		position:absolute;
		bottom:0;
		left:0;
		background:#fff;
}

.showcase-images .carousel .carousel-controls {
		bottom:auto;
		top:0;
		right:0;
		left:auto;
}

.carousel  .carousel-control {
		background:none;
		position:relative;
		padding:0 25px 25px;
		color:#000;
		display:inline-block;
		width:auto;
		font-size:3em;
		text-shadow:none;
		font-weight:300;
		line-height:1;
}

.carousel  .carousel-control.left {
		padding:0 10px 10px 20px;
}

.carousel  .carousel-control.right {
		padding:0 20px 10px 10px;
}

.article-body p {
		margin-bottom:1.5em;
}

@media (min-width: 768px) {
		.article-body {
				column-count:2;
				column-gap:30px;
		}
}

.showcase-images {
		margin-top:50px;
		position:relative;
}

.showcase-images img,
.showcase-images video {
		width:100%;
		margin:0;
		padding:0;
		display:block;
}

.view-showcase,
.view-press {
		margin:50px 0 100px;
}

.view-showcase > .view-content,
.view-press > .view-content {
		margin-top:50px;
}
/*
.view-events-calendar > .view-content,
.view-showcase > .view-content,
.view-press > .view-content {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(275px,1fr));
		grid-gap: 10px;
		margin-bottom:50px;
}
*/

.masonry-item {
		margin:5px 0;
		width:100%;
}

@media (min-width: 500px) {
		/*.masonry > .view-content {
				visibility:hidden;
		}*/

		.masonry-item {
				width:calc(50% - 10px);
				float:left;
				margin:5px;
		}
		
}

@media (min-width: 768px) {
		.masonry-item {
				width:calc(33.33% - 10px);				
		}
}

@media (min-width: 1024px) {
		.masonry-item {
				width:calc(25% - 10px);				
		}
}


@media (min-width: 500px) {
		/*	.view-showcase > .view-content,
		.view-press > .view-content {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(275px,1fr));
				grid-gap: 10px;
				margin-bottom:50px;
		}
		*/
		.view-news > .view-content {
				margin-bottom:50px;
		}
		
		.view-press-categories {
				float:right;
				width:50%;
		}

		.view-news .views-row {
				width:50%;
				padding-right:30px;
		}
}

@media (min-width: 1190px) {
		.view-press-categories {
				width:33%;
		}

		.view-news .views-row {
				width:66%;
		}
		
		#view-categories-wrapper {
				grid-column-start:4;
				grid-row-start:1;
				grid-row-end:1;
		}
}

#view-categories .view-filters .views-exposed-widget {
		float:none;
		padding:0;
		margin-top:10px;
}

#view-categories input {
		background:transparent;
		border:1px solid #666;
		font-size:.8em;
		padding:7px;
		width:100%;
		border-radius:5px;
		margin:0 -7px;
		box-sizing:content-box;
}

#view-categories .views-exposed-form .views-exposed-widget {
		float:none;
}

#view-categories {
		color:#fff;
		background:#000;
}

#view-categories .view-press-categories {
		color:#fff;
		background:#000;
}

.view-news .view-press-categories .view-content {
		margin-top:0;
}

.press-categories-title,
.showcase-categories-title,
.article-categories-title {
		text-transform:uppercase;
		font-size:.9em;
		font-weight:600;
}

#view-categories .view-header {
		border-bottom:1px solid #666;
		padding:20px 30px;
}

#view-categories .view-content {
		padding:20px 30px;
}

#view-categories .item-list ul {
		list-style-type:none;
		padding:0;
}

#view-categories .item-list ul li {
		margin:0 0 10px;
		padding:0;
		display:table;
		width:100%;
}

#view-categories .item-list ul li .views-field {
		display:table-cell;
}

#view-categories .item-list ul li a {
		color:#fff;
}

.view-article-categories .item-list ul .views-field-name {

}


#view-categories .item-list ul .views-field-nid {
		color:#666;
		font-weight:600;
		text-align:right;
		padding-left:10px;
}

.article-teaser {
		background:#fff;
		border:1px solid #eee;
}

.article-teaser img {
		height:auto;
		width:100%;
}

.article-teaser-content {
		padding:1em;
}

.article-teaser-author {
		color:#999;
		font-size:.7em;
}

.article-teaser-author a {
		color:#333;
}

.article-teaser-date-and-title {
		margin:.5em 0;
}

.article-teaser-date {
		font-size:1.2em;
		font-weight:600;
}

.article-teaser-title {
		display:inline;
		font-size:1.2em;
		font-weight:300;
}

.article-teaser-body {
		color:#999;
		font-size:.9em;
}

.article-teaser .readmore {
		font-weight:700;
		letter-spacing:.1em;
		text-transform:uppercase;
		color:#C81432;
		font-size:.75em;
		padding:1em 0;
		display:block;
}

.view-showcase .pager,
.view-press .pager {
		font-size:.9em;
}

.view-showcase .pager li,
.view-press .pager li {
		display:inline-block;
		padding:0;
		margin:0;
}

.view-showcase .pager li a,
.view-press .pager li a {
		background:none;
		color:#333;
		border:none;
		height:2.5em;
		line-height:2.5;
		display:inline-block;
}

.view-showcase .pager li a:hover,
.view-press .pager li a:hover {
		background:none;
		color:#C81432;
}

.view-showcase .pager .pager-current,
.view-press .pager .pager-current {
		color:#fff;
		background:#C81432;
		border-radius:50%;
		width:2.5em;
		height:2.5em;
		line-height:2.5;
}

.view-news .view-content {
		margin-top:3em;
}

.view-news .views-row {
		margin-bottom:2em;
}

.view-news .views-field-field-external-source {
		color: #999;
		font-size: .7em;
		margin-bottom:1em;
}

.view-news .views-field-field-date,
.view-news .views-field-title {
		font-size:1.2em;
		font-weight:600;
}

.view-news .views-field-body {
		font-weight:300;
		font-size:1.2em;
}

.view-news .views-field-field-url a {
		font-weight:700;
		letter-spacing:.1em;
		text-transform:uppercase;
		color:#C81432;
		font-size:.75em;
		padding:0 0 1em;
		display:block;
}

.tabs {
		margin-bottom:50px;
}

#block-views-showcase-related-projects-block h2 {
		font-size:1.8em;
		text-transform:uppercase;
		font-weight:400;
		margin-top:3em;
}

#block-views-showcase-related-projects-block .view-content {
		display:flex;
		flex-wrap:wrap;
		margin:2em -10px 0;
}

#block-views-showcase-related-projects-block .views-row {
		margin:10px;
		max-width:50%;
		max-width:calc(50% - 20px);
		border:1px solid #eee;
		background:#fff;
		width:calc(25% - 20px);
}

@media (max-width: 768px) {
		#block-views-showcase-related-projects-block .views-row {
				width:calc(50% - 20px);
		}
		#block-views-showcase-related-projects-block .views-field-title {
				font-size:1em;
		}
}

@media (max-width: 500px) {
		#block-views-showcase-related-projects-block .views-row {
				width:100%;
				width:calc(100% - 20px);
				max-width:none;
		}
}

#block-views-showcase-related-projects-block .views-field-field-showcase-thumbnail img {
		width:100%;
		height:auto;
}

#block-views-showcase-related-projects-block .views-field-title {
		padding:1em;
		background:#fff;
		font-size:1.2em;
}

#block-views-showcase-related-projects-block .views-field-title a {
		color:#333;
}

/* Contact Us */
.contact-us .node-webform .content {
		display:flex;
		margin:50px 0;
}

.contact-us .field-name-body {
		width:25%;
}

.contact-us .webform-client-form {
		width:45%;
		padding:3em 4em;
		background:#fff;
		box-shadow:0 0 50px rgba(0,0,0,.3);
		margin:0 2.5%;
}

.contact-us .webform-client-form .section-title {
		text-transform:none;
		margin-left:-.5em;
}

.contact-us .webform-client-form .form-text,
.contact-us .webform-client-form .form-textarea {
		width:100%;
		border:1px solid #ccc;
		font-family: 'Montserrat', sans-serif;
		padding:.5em;
		font-size:.9em;
		margin-bottom:.5em;
}

.contact-us .webform-client-form .form-text {
		border-width:0 0 1px 0;
}

.contact-us .field-name-field-second-body {
		width:25%;
		align-self:flex-end;
		padding:2em 0 0;
		font-size:.9em;

}

.contact-us .contact-info {
		padding-bottom:2em;
}

.contact-us .contact-info-value {
		font-weight:bold;
		color:#111;
}

.contact-social-icons {
		list-style-type:none;
		margin:0;
		padding:2em 0 0 0;
		border-top:1px solid #333;
		text-align:left;
}

.contact-social-icons li {
		display:inline-block;
		font-size:1.5em;
}

.contact-social-icons li a {
		padding:.5em;
		color:#111;
}

.contact-social-icons li a:hover {
		color:#C81432;
}

.contact-us .button-primary {
		background:#C81432;
		color:#fff;
		padding:.75em 3em;
		text-transform:uppercase;
		font-size:.8em;
		font-weight:700;
		border-radius:2em;
		margin-top:2em;
		display:inline-block;
		box-shadow:0 5px 10px rgba(0,0,0,.3);
		border:none;
		float:right;
}

.contact-us .button-primary:hover {
		background:#333;
		color:#fff;
		text-decoration:none;
}

.contact-us-maps,
.contact-us-maps .col-md-6 {
		margin:0;
}

.contact-us-maps .col-md-6 {
		padding:2px 1px;
}

.contact-us-maps iframe {
		width:100%;
		border:1px solid #ccc !important;
		box-sizing:boder-box;
}

.contact-us-address {
		padding:3em 0 0;
		line-height:2;
}

.contact-us-address .address-title {
		text-transform:uppercase;
		font-size:1.3em;
		padding-left:2em;
		background:url('/sites/default/files/noitom-icon.png') no-repeat left center;
}

.contact-us-address .fa {
		color:#C81432;
		margin-right:7px;
}

@media (max-width: 1024px) {
		.contact-us .node-webform .content {
				display:block;
		}
		.contact-us .field-name-body,
		.contact-us .webform-client-form,
		.contact-us .field-name-field-second-body {
				margin:0;
				width:auto;
				overflow:auto;
				margin-bottom:50px;
		}

		.contact-us .webform-client-form .section-title {
				margin:0;
		}
}

@media (max-width: 400px) {
		.contact-us .webform-client-form {
				padding:15px;
				margin:0 -15px 50px;
				box-shadow:none;
		}
}

/* Legal */
.node-type-legal .region-content {
		line-height:1.8;
		font-weight:500;
		color:#555;
}

.node-type-legal #content {
		padding-bottom:50px;
}

.node-type-legal .region-content p,
.node-type-legal .region-content h2,
.node-type-legal .region-content h3,
.node-type-legal .region-content h4 {
		margin:1em 0;
}

body.sidebar-second #content {
		width:100%;
}

body.sidebar-second .region-content {
		width:60%;
		display:inline-block;
}

#sidebar-second {
		background:#fff;
		padding:2em;
		margin-top:3em;
		width:35%;
		display:inline-block;
		float:right;
}

@media (max-width: 768px) {
		#sidebar-second,
		body.sidebar-second .region-content {
				width:100%;
		}
}

#sidebar-second h2 {
		font-size:1em;
		margin:0 0 1em;
}

#sidebar-second .menu {
		padding:0;
		margin:0;
}

#sidebar-second .menu li {
		list-style:none;
		margin:.5em 0;
		font-weight:500;
}

/* Home News */
.view-home-news {
		padding:5em 0;
}

.view-home-news .view-header {
		text-align:center;
		margin-bottom:3em;
}

.view-home-news h2 {
		text-transform:uppercase;
		margin:0;
		margin-bottom:.3em;
		font-weight:600;
		font-size:1.75em;
}

.view-home-news h3 {
		text-transform:uppercase;
		margin:0;
		font-weight:400;
		font-size:1.125em;
}

.view-home-news .article-slider-image {
		margin-right:2em;
}

.view-home-news .article-slider-image img {
		width:100%;
		height:auto;
}

.view-home-news .readmore {
		color:#000;
		padding:.5em 5em;
		text-transform:uppercase;
		border:1px solid #000;
		display:inline-block;
		font-size:.75em;
		margin-top:3em;
		transition:all .25s ease-in;
		font-weight:400;
}

.view-home-news .readmore:hover {
		background:#333;
		color:#fff;
		text-decoration:none;
}

.article-slider-title {
		font-size:1.625em;
		font-weight:300;
		margin-bottom:1em;
		margin-top:0;
		text-transform:uppercase;
}

.article-slider-content {
		line-height:1.5;
		font-weight:300;
}

.view-home-news .view-content {
		padding:0 4em;
		position:relative;
		min-height:28em
}

.view-home-news .item-list .pager-previous,
.view-home-news .item-list .pager-next {
		position:absolute;
		top:50%;
		left:0;
		margin:0;
		margin-top:-.75em;
		padding:0;
		font-size:5em;
		line-height:1;
}

.view-home-news .item-list .pager-next {
		right:0;
		left:auto;
}

.view-home-news .item-list .pager-previous a,
.view-home-news .item-list .pager-next a {
		border:none;
		background:none;
		color:#ccc;
		font-weight:300;
		margin:0;
		padding:0;
}

.view-home-news .item-list .pager-previous a:hover,
.view-home-news .item-list .pager-next a:hover {
		color:#333;
}

.view-home-news .item-list .pager-current {
		display:none;
}

.view-home-news .item-list .ajax-progress-throbber {
		position:absolute;
		left:50%;
		top:50%;
}

.support-card-image {
		padding:4em 1em;
		background:#eee;
		text-align:center;
}

.support-card-image img {
		height:4em;
}

.hi5 .support-card-image {
		background:#2d1f1e;
}

.project-alice .support-card-image {
		background:#254449;
}

.support-card-content {
		padding:3em 1em;
		font-size:1.2em;
		background:#fff;
		border:1px solid #eee;
		text-align:center;
}

.support-card-content a {
		clear:both;
		font-weight:bold;
		display:block;
		text-transform:uppercase;
		font-size:.8em;
}

/* Calendar */
.calendar-event {
		margin-top:1em;
}

.calendar-event h2 {
		margin-top:0;
}

.calendar-event h3  {
		margin:0 0 1em;
		font-weight:300;
}

.calendar-image {

}

#calendar-tabs .nav-tabs {
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		padding:.5em 0;
		margin:5em 0 5em;
		color:#666;
		text-transform:uppercase;
		list-style-type:none;
		text-align:left;
		padding:0;
}

#calendar-tabs .nav-tabs a {
		display:block;
		padding:8px 20px 10px;
		font-weight:300;
		color:#333;
		background:none;
		border:none;
		border-radius:0;
		border-top:7px solid transparent;
}

#calendar-tabs .nav-tabs .active a {
		border-top:7px solid #C81432;
}

#calendar-tabs .nav-tabs a:hover {
		border-top:7px solid #333;
}