@font-face {
    font-family: 'UniversLTStd-BoldCn';
    src: url('UniversLTStd-BoldCn.eot?#iefix') format('embedded-opentype'), url('UniversLTStd-BoldCn.otf') format('opentype'), url('UniversLTStd-BoldCn.woff') format('woff'), url('UniversLTStd-BoldCn.ttf') format('truetype'), url('UniversLTStd-BoldCn.svg#UniversLTStd-BoldCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStd-LightCn';
    src: url('UniversLTStd-LightCn.eot?#iefix') format('embedded-opentype'), url('UniversLTStd-LightCn.otf') format('opentype'), url('UniversLTStd-LightCn.woff') format('woff'), url('UniversLTStd-LightCn.ttf') format('truetype'), url('UniversLTStd-LightCn.svg#UniversLTStd-LightCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStd';
    src: url('UniversLTStd.eot?#iefix') format('embedded-opentype'), url('UniversLTStd.otf') format('opentype'), url('UniversLTStd.woff') format('woff'), url('UniversLTStd.ttf') format('truetype'), url('UniversLTStd.svg#UniversLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fontStd {
    font-family: 'UniversLTStd';
}

.fontStdBold {
    font-family: 'UniversLTStd-BoldCn';
}

.fontStdLight {
    font-family: 'UniversLTStd-LightCn';
}



#livingSunway .sunCol {
    padding-left: 0px;
    padding-right: 0px;
}

#livingSunway .leftImg{
	padding-left: 15px;
}
#livingSunway .rightImg{
	padding-right: 15px;
}

#livingSunway .sunRow {
    margin-left: 0px;
    margin-right: 0px;
}

#livingSunway .img-responsive {
    display: initial;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

#livingSunway .image-link {
    display: initial;
    width: 100% \9;
    max-width: 200px;
    height: 200px;
    width: 100%;
}

#livingSunway video {
    width: 100% !important;
    height: auto !important;
}

.gallery {
    background: url('/Sitefinity/WebSiteTemplates/SunwayTemplate/App_Themes/SunwayTheme/Images/livingsunway/galleryBg.png') no-repeat;
    margin: 0 auto;
    text-align: center;
    background-size: cover;
    color: white;
}

.col-sm-55{
	width: 48.65%;
	float: left;
}

.sunwayspot{
	font-size: 50px;
}



.comReachOut{
	background-color: #e3e3e3; padding: 70px;
}
.travelTitle{-webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; position: absolute; text-transform: uppercase; font-size: 70px; font-weight: bold; width: 100%; bottom: 166px; margin: 0; padding-left: 70px;}
.travelDesc{background: #605ca8;color: #fff;font-size: 24px; line-height: 32px; max-width: 552px; padding: 20px 20px 20px 70px; bottom: 40px;position: absolute;}
.smokefreeTitle{-webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; position: absolute; text-transform: uppercase; font-size: 70px; font-weight: bold; width: 100%; bottom: 126px; margin: 0; padding-left: 70px;}
.smokefreeDesc{background: #e32822;color: #fff;font-size: 24px; line-height: 32px; max-width: 552px; padding: 20px 20px 20px 70px; bottom: 40px;position: absolute;}
.wholesomeTitle{-webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; position: absolute; text-transform: uppercase; font-size: 70px; font-weight: bold; width: 100%; bottom: 194px; margin: 0; padding-left: 70px;}
.wholesomeDesc{background: #e32822;color: #fff;font-size: 24px; line-height: 32px; max-width: 552px; padding: 20px 20px 20px 70px; bottom: 40px;position: absolute;}
.communitiesTitle{-webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; position: absolute; text-transform: uppercase; font-size: 70px; font-weight: bold; width: 100%; bottom: 166px; margin: 0; padding-left: 70px;}
.communitiesDesc{background: #e32822;color: #fff;font-size: 24px; line-height: 32px; max-width: 636px; padding: 20px 20px 20px 70px; bottom: 40px;position: absolute;}
.foodTitle{-webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; position: absolute; text-transform: uppercase; font-size: 70px; font-weight: bold; width: 100%; bottom: 166px; margin: 0; padding-left: 70px;}
.foodDesc{background: #e32822;color: #fff;font-size: 24px; line-height: 32px; max-width: 552px; padding: 20px 20px 20px 70px; bottom: 40px;position: absolute;}
.gogreenTitle{-webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; position: absolute; text-transform: uppercase; font-size: 70px; font-weight: bold; width: 100%; bottom: 166px; margin: 0; padding-left: 70px;}
.gogreenDesc{background: #e32822;color: #fff;font-size: 24px; line-height: 32px; max-width: 552px; padding: 20px 20px 20px 70px; bottom: 40px;position: absolute;}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail:hover, .thumbnail .hover_effect {
	background-color: #fff;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail div { /*CSS for enlarged image*/
	position: absolute;
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	display: none; 
	color: black;
	text-decoration: none;
	z-index: 9999;
}

.thumbnail div img { /*CSS for enlarged image*/
	border-width: 0px; 
	/*padding: 2px;*/
}

.thumbnail:hover div, .thumbnail div.hover_effect { /*CSS for enlarged image on hover*/
	display: inline-block; 
	width: 160%;
	top: -200px;
    left: -20px;	
}

.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

/*end of hover popup links*/

@media (max-width: 1060px) {
    .travelTitle{background: #605ca8; position: relative; padding: 0px; bottom: 0; text-align: center;}
	.travelDesc{padding: 0px; position: relative; bottom: 0; max-width: inherit; text-align: center;line-height: normal;}
	.smokefreeTitle{background: #e32822; position: relative; padding: 0px; bottom: 0; text-align: center;}
	.smokefreeDesc{padding: 0px; position: relative; bottom: 0; max-width: inherit; text-align: center;line-height: normal;}
	.wholesomeTitle{background: #e32822; position: relative; padding: 0px; bottom: 0; text-align: center;}
	.wholesomeDesc{padding: 0px; position: relative; bottom: 0; max-width: inherit; text-align: center;line-height: normal;}
	.communitiesTitle{background: #e32822; position: relative; padding: 0px; bottom: 0; text-align: center;}
	.communitiesDesc{padding: 0px; position: relative; bottom: 0; max-width: inherit; text-align: center;line-height: normal;}
	.foodTitle{background: #e32822; position: relative; padding: 0px; bottom: 0; text-align: center;}
	.foodDesc{padding: 0px; position: relative; bottom: 0; max-width: inherit; text-align: center;line-height: normal;}
	.gogreenTitle{background: #e32822; position: relative; padding: 0px; bottom: 0; text-align: center;}
	.gogreenDesc{padding: 0px; position: relative; bottom: 0; max-width: inherit; text-align: center; line-height: normal;}	
}

@media (max-width: 600px) {
    .travelTitle{font-size: 10vw;}
	.travelDesc{font-size: 5vw;}
	.smokefreeTitle{font-size: 10vw;}
	.smokefreeDesc{font-size: 5vw;}
	.wholesomeTitle{font-size: 10vw;}
	.wholesomeDesc{font-size: 5vw;}
	.communitiesTitle{font-size: 10vw;}
	.communitiesDesc{font-size: 5vw;}
	.foodTitle{font-size: 10vw;}
	.foodDesc{font-size: 5vw;}
	.gogreenTitle{font-size: 10vw;}
	.gogreenDesc{font-size: 5vw;}
	.thumbnail:hover div, .thumbnail div.hover_effect { width: 206%;}
	.sunwayspot{font-size: 10vw;}
}

@media (max-width: 990px) {
    .gallery {
        background: #e62514;
    }	
	#livingSunway .sunCol {
    padding-left: 15px;
    padding-right: 15px;
}
}

@media (max-width: 768px) {
	.col-xs-55{
	width: 100%;
	float: left;
	padding: 5px 15px;
}
.comReachOut{
	padding: 10px;
}
#livingSunway .sunCol {
    padding-left: 15px;
    padding-right: 15px;
}
}