html, body{
	/* min-width: 1040px !important; */
	font-size: 20px;
	/* min-width: 1024px !important; */
}

h1, .h1, h2, .h2, h3, .h3 {
     margin-top: 1em;
     margin-bottom: 0.5em;
 }
 
 #wrapper{
	position: relative;
	width: 100%;
}
 
.hasBackground{
   height: auto;
   background-size: 100% auto;
   background-position: center top;
}

.cms-text{
	position: relative;
}
.cms-edit-btn{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

#cms-text-modal{
	color: #333;
}

#cms-text-modal .form-control{
	color: #555;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 3px;
}

.full-width{
	width: 100%;	
}

#stt_heading_msg{
	font-family: 'HelveticaNeueLTStd-BdExO'; 
	margin-top: 7em; 
	margin-bottom: 2em;
}
#stt_heading_msg h1 {
	line-height: 0.95; 
	color: white; 
	font-size: 4.5em;
}
#stt_heading_msg h1 > span {
	font-size: 0.4em;
	padding-left: 0.5em;
}
#stt_heading_msg h1 > span::AFTER {
	content: '\A';
	white-space: pre-wrap;
}
/* >>> ######################  START RESPONSIVE FONT SIZE  ####################### */

@media(max-width: 1920px) {
	html, body{
		font-size: 18px;
	}
}

@media(max-width: 1880px) {
	html, body{
		font-size: 16px;
	}
}

@media(max-width: 1600px) {
	html, body{
		font-size: 15px;
	}
}

@media(max-width: 1600px) {
	html, body{
		font-size: 14px;
	}
}

@media(max-width: 1400px) {
	html, body{
		font-size: 13px;
	}
}

@media(max-width: 1300px) {
	html, body{
		font-size: 12px;
	}
}
@media(max-width: 1200px) {
	html, body{
		font-size: 11px;
	}
}
@media(max-width: 1105px) {
	html, body{
		font-size: 10px;
	}
}
@media(max-width: 1106px) {
	html, body{
		font-size: 9px;
	}
}
@media(max-width: 910px) {
	html, body{
		font-size: 8px;
	}
}
@media(max-width: 807px) {
	html, body{
		font-size: 7px;
	}
}
@media(max-width: 709px) {
	html, body{
		font-size: 6px;
	}
}
@media(max-width: 610px) {
	html, body{
		font-size: 5px;
	}
}

@media(max-width: 511px) {
	html, body{
		font-size: 4px;
	}
}
@media(max-width: 410px) {
	html, body{
		font-size: 3px;
	}
}
@media(max-width: 340px) {
	html, body{
		font-size: 2px;
	}
}
/* <<< ######################  END RESPONSIVE FONT SIZE  ######################### */

/* >>>  ########################## START Header  #################################### */

#header{
	position: absolute; z-index: 100; top: 0px;	
	width: 100%;
}
#switch-language{
	margin-top: -0.2em;
}
#header-1st-part{
	padding-top: 0.5em;	
}
#menu ul > li > a {
	font-family: 'HelveticaNeueLTStd-BdExO',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: white;
	display: inline-block;
	border-radius:0px;
	font-size: 1em;
}

#menu .nav-pills > li + li, #sub-menu .nav-pills > li + li {
	margin-left: 0px;
}

#menu ul > li > a:HOVER, #sub-menu ul.nav.nav-pills > li > a:HOVER,
#menu ul > li > a:FOCUS, #sub-menu ul.nav.nav-pills > li > a:FOCUS,
#menu ul > li > a.active, #sub-menu ul.nav.nav-pills > li > a.active,
#menu ul > li.active > a, #sub-menu ul.nav.nav-pills > li.active > a,
#sub-menu ul.nav.nav-pills > li.dropdown.open > a{
	color: black;
	background: url('../images/_v2/menu_bg_active.jpg') no-repeat center center;
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

#sub-menu ul.nav.nav-pills > li.dropdown .dropdown-menu{
    border-radius: 0px;
    top: 2.4em;
    left: -0.1em;
}

#sub-menu ul.nav.nav-pills > li.dropdown .dropdown-menu.right{
    left: auto;
    right: 0em;
}

#sub-menu ul.nav.nav-pills > li > a, #sub-menu ul.nav.nav-pills > li.dropdown a{
	font-family: 'HelveticaNeueLTStd-BdExO',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#sub-menu ul.nav.nav-pills > li > a{
	font-weight: bold;
	color: white;
	display: inline-block;
	border-radius:0px;
	font-size: 0.8em;
}

#menu ul > li > a{
    padding: 0.5em 1.7em !important;
}

#sub-menu ul.nav.nav-pills > li > a{
   padding: 0.6em 1.3em !important;
}


#header-top img {
   vertical-align: top;
}

#facebook-link{
    color: #eee; 
    font-family: 'HelveticaNeueLTStd-Bd',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}
#phone-contact{
   font-family: 'HelveticaNeueLTStd-Bd',"Helvetica Neue",Helvetica,Arial,sans-serif;
   color: #eee;
   font-weight: 600;
}
#stt_line{
    color: #eee; 
    font-family: 'HelveticaNeueLTStd-Bd',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}

#switch-language a:HOVER{
    text-decoration: none;
}

#menu{
    background-image: url('../images/_v2/menu_bg.png'); background-size: 100% 100%; background-repeat: no-repeat; margin-top: 0.2em;
}

#sub-menu{
    background-image: url('../images/_v2/submenu_bg.png'); background-size: 100% 100%; background-repeat: no-repeat;
}

/* <<<  ########################## END Header  #################################### */

/* >>>  ########################## START HomePage.Trailer  #################################### */

#trailer{
    padding-top: 6em;
}
#trailer .item{
    padding-top: 37%; background-repeat:no-repeat; background-position: center bottom; background-size: 86% auto;
}

#trailer .carousel-control.right {
	background: none;
}

#trailer .carousel-control.left {
	background: none;
}

#trailer-caption {
    bottom: 0px; right: 0px; width: 70em; height: 13em; position: absolute; background-size: 100% 100%; z-index: 100; color: white; background-image: url('../images/_v2/main/bg3.png');
}

#trailer h3, #trailer h4{
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

#trailer-caption .heading1{
    display: block; line-height: 1; font-family: 'HelveticaNeueLTStd-BdExO',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 2.2em; padding-left: 2.6em; margin-bottom: 0.2em;
}
#trailer-caption .heading2{
    display: block; line-height: 1; font-family: 'HelveticaNeueLTStd-BdExO',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 4.5em; padding-left: 0.85em; margin-top: 0px;
}
#trailer-caption .heading3{
    display: block; line-height: 1; font-family: 'HelveticaNeueLTStd-Roman',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; padding-left: 3.6em; margin-top: 0px;
}
#trailer-caption .heading4{
    display: block; line-height: 1; font-family: 'HelveticaNeueLTStd-Roman',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; padding-left: 3.6em; margin-top: 0.4em; color: red;
}

#trailer-caption .caption-item{
    width: 100%; position: absolute; top: 0px; left: 0px; z-index: 200;
}

/* <<<  ########################## END  HomePage.Trailer  #################################### */

/* >>>  ########################## START SERVICE PAGE  #################################### */

#service #login-btn{
	padding: 0.5em 1.7em; font-family: 'HelveticaNeueLTStd-BdCn',"Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size: 1.2em;
  	background: url('../images/bg/service_loginbtn_bg.png') no-repeat;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	color: #eee;
}

#service .service-item .topic{
	font-family: 'HelveticaNeueLTStd-Cn',"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: center;
	margin-top: 1.5em;
}
#service .service-item .topic > a {
	font-size: 1.5em;
	color: #ccc;
}

#service .service-item:HOVER .topic > a{
	color: black;
	text-decoration: none;
}

#service .service-item .desc{
	font-family: 'HelveticaNeueLTStd-Roman',"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: center;
	color: #eee;
	font-size: 1em;
	margin-top: 0.6em;
	padding: 0.5em 2.5em;
	padding-top: 0px;
}
#service .service-item:HOVER .desc{
	color: #333;
}

.service-item:hover{
    cursor: pointer;
}

/* <<<  ########################## END SERVICE PAGE  #################################### */

/* >>>  ########################## START HomePage.News  #################################### */

#main #main-news-container{
    background-image: url('../images/_v2/main/news-bg.png'); background-size: 100% 100%;  background-repeat: no-repeat;
    margin-top: 7.5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

#main #news-carousel .box{
    padding-left: 0.5em;
    height: 12.5em;
    overflow: hidden;
    /* cursor: pointer; */
}
#main #news-carousel .box .main{
    height: 100%;
    background-color: #CC0000;
    color: #fff;
}

#main #news-carousel .box .sub{
    height: 100%;
    background-color: #ccc;
    color: #000;
}
    
#main #news-carousel .box .content{ 
    padding-left : 0.7em;
    padding-right: 0.7em;
}
#main #news-carousel .box .topic{
    font-family: 'HelveticaNeueLTStd-Md',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.1em;
}

#main #news-carousel .box .topic, #main #news-carousel .box .topic > a {
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

#main #news-carousel .box .sub .topic{
    margin-top: 0.4em;
    margin-bottom: 0.4em;
	position: relative;
}
#main #news-carousel .box .sub .topic > a{
    font-size: 0.85em;
    color: #000;
	display: block;
}

#main #news-carousel .box .description {
    font-family: 'HelveticaNeueLTStd-Roman',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

#main #news-carousel .box .main .btn {
    background: none;
    background-color: black;
    border: 0px;
    border-radius: 0px;
    text-shadow: 0px 0px white;
    font-size: 0.6em;
    margin-top: 0px;
    padding: 0.5em 1em;
    color: white;
}

#main #news-carousel .box .sub .description{
    height: 4em;
}
#main #news-carousel .box .main .description{
    height: 7em;
}


/* <<<  ########################## END HomePage.News  #################################### */




#main{
     padding-bottom: 48em;
     color: #ccc;
}
#main #right-sidebar .heading{
    font-family: 'HelveticaNeueLTStd-BdExO';
    color: #fafafa;
    font-size: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
}

#main #right-sidebar p.content{
    padding: 0.3em 7.5em 0.5em 9em;
}


#main #activity {
  font-family: 'HelveticaNeueLTStd-BdExO';
  color: #fafafa;
  text-align: left;
  font-size: 2em;
  margin-top: 2em;
  margin-bottom: 0.3em;
}


#main #right-sidebar .btn-service{
    padding: 0.5em 1em;
    font-family: 'HelveticaNeueLTStd-BdCn';
    font-size: 1em;
    background: url('../images/bg/service_loginbtn_bg.png') no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #eee;
}
    
#main #right-sidebar .btn-service:hover, #main #right-sidebar .btn-service:focus{
   color: #ccc;
}

div.hasBackground{
   height: auto;
   background-size: 100% auto;
   background-position: center top;
}
    

#stt_lifestyle{
    font-family: 'HelveticaNeueLTStd-BdExO'; color: #111; font-size: 2.2em;
    margin-top: 2em;
}

#pg1{
    padding-top: 1em;
}

#activity{
    margin-top: 2.5em;
}

#activity-list{
    text-indent: 0px;
    margin-top: 2em;
    font-size: 0.9em;
    list-style: none;
}
#activity-list li{
    line-height: 1;
}
#activity-list li:before{
    content: "";
    border-color: transparent #ddd;
    border-style: solid;
    border-width: 0.5em 0 0.4em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.95em;
    position: relative;
}








/* >>>  ########################## START Footer  #################################### */
#footer{
    color: #888;
    background-image: url('../images/_v2/footer_bg.jpg'); background-color: #000;
}

#footer p{
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 0.8em;
}

#footer #stt_group{
    padding-top: 2.5em;
}

#footer #stt_group img{
    width: 100%;
}

#footer ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 0.4em;
}

#footer ul li a:HOVER, #footer ul li a:ACTIVE {
    color: white;
	text-decoration: none;
}

#footer ul li a {
	font-family: 'HelveticaNeueLTStd-Roman';
	line-height: 1.8;
	font-size: 0.9em;
	color: #888;
}

#footer .btn{
	font-family: 'HelveticaNeueLTStd-BdExO';
	border-radius: 0px;
	color: #000;
	padding: 0.7em 1.5em;
	font-size: 0.9em;
	background-color: #999;
}

#footer .form-control{
	border-width: 0px;
	border-radius: 0px;
	color: white;
	margin-bottom: 0.4em;
	background-color: #505050;
}

#footer #footer-2nd-part{
    padding-top: 1.5em;
}
#footer #footer-2nd-part h4{
    font-family: 'HelveticaNeueLTStd-BdExO'; color: white; font-size: 1.4em;
}

#footer-2nd-part form input{
    font-size: 0.9em;
}   

#footer-3rd-part{
    padding-top: 1em; padding-bottom: 0.5em;
}
/* <<<  ########################## END Footer  #################################### */

/* >>>  ########################## START Company  #################################### */

#company {
	background-image: url('../images/_v2/company/bg_top.jpg');
	padding-top: 15em;
	min-height: 60em;
	padding-bottom: 1em;
	color: #ddd;
}

#company #vision-mission-values h3 {
	color: #eee;
	font-family: 'HelveticaNeueLTStd-BdExO';
}

#company .content {
	padding-left: 3em;
	font-family: 'HelveticaNeueLTStd-Bd';
	font-size: 1em;
	padding-top: 4em;
}

#company .content p {
	text-indent: 2em;
	font-size: 1.1em;
}

#company #background{
	padding-bottom: 4em;
}
#company #background .period {
	margin-bottom: 1em;
}

#background .period:first-child {
	margin-top: 0em;
}

#background .period>div:first-child {
	color: #eee;
	font-family: 'HelveticaNeueLTStd-BdExO';
	font-size: 2em;
}

#background .period>div:nth-child(2) {
	color: #ccc;
	font-size: 1.2em;
}

#company #scrollable::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

#company #scrollable::-webkit-scrollbar {
	width: 0.5em;
	background-color: #F5F5F5;
}

#company #scrollable::-webkit-scrollbar-thumb {
	background-color: #6C7A89;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,
		rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

#company #business .period {
	margin-bottom: 1em;
}

#company #business .period:first-child {
	margin-top: 0em;
}

#company #business .period>div:first-child {
	color: #eee;
	font-family: 'HelveticaNeueLTStd-BdExO';
	font-size: 1.8em;
}

#company #business .period>div:nth-child(2) {
	font-size: 1.1em;
	color: #ccc;
}
#company #business {
	padding-bottom: 4em;
	
}
/* <<<  ########################## END Company  #################################### */

/* <<<  ########################## START NEWS.Listing  #################################### */

#news {
	background-image: url('http://upic.me/i/9z/news_bg.jpg');	
}

#news .listing {
	color: #ddd;
	font-family: 'HelveticaNeueLTStd-Md';
	padding-top: 4em;
	padding-bottom: 6em;
}

#news .listing .news-item {
	background-color: rgb(60, 60, 60);
	border-radius: 5px;
	padding: 0.5em;
	padding-bottom: 1em;
	margin-bottom: 2em;
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.75);
}

#news .listing .btn-readmore {
	padding: 0.4em 1.8em;
	font-family: 'HelveticaNeueLTStd-BdCn';
	font-size: 0.9em;
	background: url('../images/bg/service_loginbtn_bg.png') no-repeat;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #eee;
}

#news .listing .btn-readmore:hover, .btn-readmore:focus {
	color: #ccc;
}

#news .sidebar h2{
	color: #F39C12; font-size: 2em; font-family: 'HelveticaNeueLTStd-BdCn';
}
#news .sidebar hr{
	border-top: 1.5px solid #ccc; margin-top: 1em; margin-bottom: 1em;
}

#news .listing .sidebar .archive-list, #news .listing .sidebar .archive-list li a{
	color: #eee;
}
#news .listing .sidebar .archive-list{
	list-style: none; padding-left: 0.5em; 
}

#news .listing .news-item .topic{
	color: #F39C12; font-size: 1.7em; font-family: 'HelveticaNeueLTStd-BdCn';
}

#news .detail{
	padding-bottom: 3em;	
	padding-top: 1em;
}

#news .detail .topic {
        color : #eee;
        font-family: 'HelveticaNeueLTStd-BdCn';
        font-size: 2.5em;
		margin-top: 0em;
    }
    
 #news .detail .description{
        color: #ddd;
    }
    
    #news #image-container-wrapper{
        padding-top: 1em;
        padding-bottom: 1em;
    }
    #news #image-container{
        position: relative;
        height: 30em;;
    }
    
	#news #image-container img {
        width: 100%;
        position: absolute;
        top: 0px;
    }
    
	#news .detail #owl-demo{
        width: 100%;
        position: relative;
    }
    #news .detail #owl-demo .item{
        padding: 0px 0px;
        color: #FFF;
        border-radius: 3px;
    }
    #news .detail #owl-demo .item img{
        border: 1px solid white;
        width: 6em;
        cursor: pointer;
    }
    
    #news .detail .navigation{
        font-size: 0.8em;
        padding: 0.8em 0.2em;
        margin-top: 2em;
    }
    
    #news .detail .html-content{
		padding-top: 2em;
    	padding-bottom: 1em;
    }





/* <<<  ########################## END NEWS.Listing  #################################### */