/*
 * Desktop wallpapers
 */
#bg, .bg { 
	position: fixed; 
	-webkit-overflow-scrolling: touch;
	top: 0; 
	left: 0; 
	z-index: -1; 
	width: 100vw; 
	height: 100vh; 
	overflow: hidden;
	opacity: 0
} 
.section-header-wallpaper {
	position: relative;
	overflow: hidden;
}
.section-header-wallpaper #bg { 
	position: absolute;
	height: 100%;
}

.scrollbar {
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
    -webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}

.bgwidth { width: 100%; height: auto;}
.bgheight { height: 100%; width: auto;}


.glass-wrap  {
	background-color: white !important;
	overflow: hidden;
	position: relative;
}
.glass {
	position: absolute;
	display: block;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    top: 0;
    left:0;
    /*clip: rect(0, auto, auto, 0);*/
}

.glass .bg {
	position: absolute;
	z-index: 0;
}

.glass img {
	/*-webkit-filter: blur(8px);
	filter: blur(8px);*/
	/*filter: url(blur.svg#blur);*/
}


 #Beijing {
 	/*
  background: url(../images/Beijing.jpg) no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Beijing .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/*
#Beijing .glass {
	background-image: url('../images/Beijing-blurry.jpg');
}
*/

#Boston {/*
  background: url(../images/Boston.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Boston .intro-section {
  text-shadow: 0px 0px 16px rgba(0, 0, 0, 1);
}


#London {/*
  background: url(../images/London.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#London .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}


#London2 {/*
  background: url(../images/London2.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#London2 .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#Manhattan {/*
  background: url(../images/Manhattan.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
  color:#232323 !important;
}

#Manhattan .intro-section {
  text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.4);
}

#Manhattan .ts-home-brand {
  background-image: url('../images/twostone-dark-intro-logo.png');
}

#Manhattan .ts-home-brand:after {
  border-top: solid 2px #232323;
}


#Manhattan3 {/*
  background: url(../images/Manhattan3.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Manhattan3 .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}


#Shanghai {/*
  background: url(../images/Shanghai.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
  color:#232323 !important;
}

#Shanghai .intro-section {
  text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.4);
}

#Shanghai .ts-home-brand {
  background-image: url('../images/twostone-dark-intro-logo.png');
}

#Shanghai .ts-home-brand:after {
  border-top: solid 2px #232323;
}

#Shanghai2 {/*
  background: url(../images/Shanghai2.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Shanghai2 .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}


#Shanghai3 {/*
  background: url(../images/Shanghai3.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Shanghai3 .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#Shanghai4 {/*
  background: url(../images/Shanghai4.jpg) no-repeat center center fixed  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Shanghai4 .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}



#Geneva {/*
  background: url(../images/Geneva.jpg) no-repeat center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Geneva .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#Geneva2 {/*
  background: url(../images/Geneva2.jpg) no-repeat center center  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Geneva2 .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#Geneva3 {/*
  background: url(../images/Geneva3.jpg) no-repeat center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover  !important;*/
}

#Geneva3 .intro-section {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}