/*=============================================Home Page=============================================*/
.home_page_bg {
    position: relative; 
    float: left;
    width: 100%; 
    overflow: hidden;
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/uploads/Bg/phoi-canh-khu-do-thi-nha-trang-pearl-1.png) no-repeat;
    background-size: contain;
}
/*.home_background {
    width: 100%;
    height: auto; 
}*/
.home_logo_bg {
    position: absolute;
    width: 180px;
    height: 128px;
    background: #023651;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.home_logo_bg img
{
    width: 100%;
    height: auto;
}
.home_content_bg {
    position: absolute;
    width: 588px;
    height: 368px;
    /*left: 722px;
    top: 212px;*/
    top: 13%;
    left: 55%;
	
}
.home_title 
{
    float: right;
    width: 100%;    
    color: #023651;
	font-family: K2D;
    text-shadow: 11px 22px 32px rgba(3, 183, 254, 1);
    font-size: 36px;
    line-height: 34px;
    text-transform: uppercase;
    text-align: right;
}
.home_sub_title 
{
    float: right;
    width: 100%;
    font-family: K2D;
    text-transform: uppercase;
    font-size: 25px;
    color: #D1AA66;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, 0.6);
    text-align: right;
    margin: 8px 0 12px 0;
}
.home_content {
    float: right;
    width: 100%;
    font-size: 16px;
	font-family: K2D;
    line-height: 23px;
    /*text-shadow: 0 0 1px rgba(255,255,255,0.1), 0 0 1px rgba(255,255,255,1);*/
    color: #ffffff);
	background:rgba(109,165,199,0.59);
	padding: 20px 20px;
	text-align:justify;
	
}
/*=============================================Overview Page=============================================*/
.overview_page_bg {
    position: relative; 
    float: left;
    width: 100%; 
    overflow: hidden;     
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/uploads/Bg/phoi-canh-khu-do-thi-nha-trang-pearl-2.jpg) no-repeat;
    background-size: cover;
}
/*.overview_background {
    width: 100%;
    height: auto; 
}*/
.overview_content_bg 
{
    position: absolute;
    float: left;   
    width: 668px;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 36px;    
    color: #fff;
    font-size: 14px;
}
.overview_content_border {
    position: absolute;
    top: 48%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.overview_title {
    text-align: left;
    margin-top: 0;
    margin-bottom: 28px;
    font-size: 30px;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
}
.overview_content span
{
    float: left;
    width: 100%;
    font-family: K2D;
	font-size:16px;
    color: #fff;    
    margin-bottom: 5px;
    line-height: 22px;
	background:rgba(109,165,199,0.69);
	padding: 20px 20px;
	text-align:justify;
}
.overview_content a {
    font-family: K2D;
    cursor: pointer;
}
.overview_content ul{
    float: left;
    width: 100%;
    padding-left: 26px;
    list-style: url(../Images/Bullets/list_icon.png);
    line-height: 20px;
    margin: 5px 0 8px 0;
    font-size: 14px;
}
/*=============================================Location Page=============================================*/
.location_page_bg {
    position: relative; 
    float: left;
    width: 100%; 
    overflow: hidden;
}
.location_background_img {
    padding: 0;
    overflow: hidden;
    /*background: url(../vi-tri-khu-do-thi-du-lich-hoang-long-nha-trang.jpg) no-repeat;
    background-size: cover;*/
}
.location_background 
{
    width: 100%;
    height: auto;      
}
.location_icon 
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
.location_mc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
.location_content_bg 
{
    position: relative;
    /*width: 39.6%;
    left: 57.2%;
    height: 100%;
    top: 0;*/
    height: 100%;
    color: #555;
    padding: 0;
    background: url(../uploads/Bg/location_bg.jpg);
}
.location_content_border {
    position: absolute;
    margin: 0 8% 0 8.6%;
    width: 82.8%;
    top:45%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.location_item_bg {
    position: relative;
}
.location_title {
    text-align: center;
    margin: 0 0 32px 0;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
}
/*.page_subtitle {
    position: relative;
    width: 100%;
    margin: 6px 0 2px 0;
    text-transform: uppercase;
    font-size: 16px;
    color: #D1AA66;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, 0.3);
    /*color: #023651;!1!
    font-family: K2D;
    /*text-shadow: 0 0 1px rgba(2, 54, 81, 0.6);!1!
}*/
.location_info {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    
}
/*.location_link 
{
    position: relative;
    width: 100%;
    margin-top: 0;
    /*background: #ffffff;!1!    
    text-align: center;   
}
.location_link img
{
    height: 358px;
    width: auto;
}*/
.location_item_info 
{
    float: left;
    width: 80%;
    margin-left: 8%;
    margin-top: 16px;
}
.location_item {
    float: left;
    width: 100%;
    /*white-space: nowrap;*/
    font-size: 14px;
    margin-top: 22px;
}
.location_number {
    float: left;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    margin: 2px 8px 0 0;
    color: #fff;
    font-family: K2D;
    background: #d1aa66;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.location_info_item {    
    line-height: 19px;
    color: #fff;
    /*white-space: normal;
    word-wrap: break-word;*/
    font-family: K2D;
}
/*=============================================Links Page=============================================*/
.links_page_bg {
    position: relative; 
    float: left;
    width: 100%;
    background: url(../uploads/Bg/links_bg.jpg) repeat-x;
    /*background: #fff;*/
}
.links_background_img {
    padding: 0;
    overflow: hidden;
    background: url(../uploads/Bg/links_bg.jpg) repeat-x;
}
.links_content_bg 
{
    position: relative;
    /*width: 39.6%;
    left: 57.2%;
    height: 100%;
    top: 0;*/
    height: 100%;
    color: #555;
    padding: 0;
    /*background: url(../uploads/Bg/links_bg.jpg);*/
}
.links_content_border {
    position: absolute;
    margin: 0 0 0 10%;
    width: 90%;
    top:42%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.links_item_bg {
    position: relative;
}
.links_title {
    text-align: left;
    margin: 0 0 26px 0;
    /*color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);*/
}
.links_background {
    width: 100%;
    height: auto;
}
.links_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
/*=============================================Facilities Page=============================================*/
.facilities_page_bg {
    position: relative; 
    float: left;
    width: 100%;
    overflow: hidden;
    background: #fff;        
}
.facilities_title {
    margin-top: 38px;
    margin-bottom: 36px;
}
.facilities_info
{
    position: relative;
    width: 980px;    
    margin-top: 0;
}
.facilities_info a {
    padding: 0 6px;
    margin-top: 12px;
}
.facilities_item 
{
    position: relative;
    border: 1px solid rgba(2, 54, 81, 0.6);    
    padding: 5px;
    overflow: hidden;
    height:210px;
}
.facilities_item img
{
    width: 100%;
    height: auto;
}
.facilities_item img.square
{    
    height: 100%;
    width: auto;
}
.facilities_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(2, 54, 81, 0.58);
    border: 5px solid #fff;
    color: #fff;
    -webkit-transition: all 360ms linear;
    -moz-transition: all 360ms linear;
    -o-transition: all 360ms linear;
    -ms-transition: all 360ms linear;
    transition: all 360ms linear;
}
.facilities_item_info {
    position: absolute;
    left: 12px;
    bottom: 12px;
    margin-right: 12px;
    -webkit-transition: all 560ms ease;
    -moz-transition: all 560ms ease;
    -o-transition: all 560ms ease;
    -ms-transition: all 560ms ease;
    transition: all 560ms ease;
}
.facilities_item_title 
{
    float: left;
    width: 100%;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 6px;
    /*font-family: K2D;*/
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
}
.facilities_item_content 
{
    float: left;
    font-size: 14px;
    line-height: 16px;
}
.facilities_item:hover .facilities_mask{
    background: rgba(2, 54, 81, 0);
    -webkit-transition: all 560ms linear;
    -moz-transition: all 560ms linear;
    -o-transition: all 560ms linear;
    -ms-transition: all 560ms linear;
    transition: all 560ms linear;
}
.facilities_item:hover .facilities_item_info{
    bottom: -58%;
    -webkit-transition: all 360ms ease;
    -moz-transition: all 360ms ease;
    -o-transition: all 360ms ease;
    -ms-transition: all 360ms ease;
    transition: all 360ms ease;
}
/*=============================================Floorplan Page=============================================*/
.floorplan_page_bg {
    position: relative; 
    float: left;
    width: 100%; 
    overflow: hidden;  
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/uploads/Bg/so-do-khu-do-thi-nha-trang-pearl.jpg) no-repeat center;
    background-size: contain;
}
.floorplan_title_bg 
{
    position: absolute;
    bottom: 86px;
    right: 28px;
    background: rgba(2, 54, 81, 0.88);
    padding: 24px 18px 0 18px;
    text-align: left;
    height: 65px;
    /*margin-left: 50%;
    margin-top: 58px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);*/
}
.floorplan_title 
{
    float: left;    
    margin-top: 0;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
}
/*.floorplan_background {
    width: 100%;
    height: auto; 
}
.floorplan_img_bg img{
    float: left;
    width: 100%;
    height: auto;
}
.floorplan_content_bg {
    width: 600px;
    height: 100%;
    color: #fff;
    padding: 0 38px;
    float: left;
    /*background: #fff;
    background: url(../uploads/Bg/floorplan_02.jpg) repeat-x left bottom;!1!  
}
.floorplan_content_border {
    position: absolute;
    width: 525px;
    top: 0;
    /*top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);!1!
}

.floorplan_content {
    font-size: 14px;
}
.floorplan_info {
    float: left;
    width: 100%;
    margin: 26px 0 0 26px;
}
.floorplan_col {
    float: left;
    width: 50%;
}
.floorplan_info_item 
{
    float: left;
    width: 100%;
    line-height: 24px;
    margin: 6px 0 0 0;
    text-transform: uppercase;
}
.floorplan_info_item span
{
    float: left;
    width: 24px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    margin: 1px 8px 0 0;
    color: #fff;
    font-size: 13px;
    font-family: K2D;
    background: #d1aa66;
}*/
/*=============================================Villas Page=============================================*/
.villas_page_bg {
    position: relative; 
    float: left;
    width: 100%;
    overflow: hidden;
    /*background: #F8F8F8;*/
    background: url(../uploads/Bg/about_02.jpg) no-repeat center bottom;  
    background-size: cover;     
}
.page_align_center {
    position: absolute;
    width: 100%;
    top:42.6%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.villas_title {
    margin:48px 0 28px 0;   
}
.villas_content {
    position: relative;
    width: 860px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    padding-top: 0;
}
.villas_info 
{
    margin-top: 16px;
    width: 980px;
}
.villas_item_bg {
    padding: 0 8px;
    /*margin-top: 8px;*/
}
.villas_item {
    position: relative;
    border: 1px solid rgba(2, 54, 81, 0.6);    
    /*padding: 5px;*/
    overflow: hidden;
    background: #D1AA66;
    border: 5px solid #D1AA66;
    max-height:180px;
    margin-top:20px;
}
.villas_item img{
    width: 100%;
    height: auto;
    /**/
    -webkit-transition: -webkit-filter 560ms linear;
    -moz-transition: -moz-filter 560ms linear;
    -o-transition: -o-filter 560ms linear;
    -ms-transition: -ms-filter 560ms linear;
    transition: filter 560ms linear;
}
.villas_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    /*top: 0;*/
    top: 78%;
    left: 0;
    background: rgba(2, 54, 81, 0.68);    
    color: #fff;
    -webkit-transition: top 360ms ease;
    -moz-transition: top 360ms ease;
    -o-transition: top 360ms ease;
    -ms-transition: top 360ms ease;
    transition: top 360ms ease;
    overflow: hidden;
}
.villas_item_info {
    position: absolute;
    left: 15px;
    top: 9px;
    margin-right: 15px;
    -webkit-transition: top 360ms ease;
    -moz-transition: top 360ms ease;
    -o-transition: top 360ms ease;
    -ms-transition: top 360ms ease;
    transition: top 360ms ease;
}
.villas_item_title 
{
    float: left;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 9px;
    /*font-family: K2D;*/
    /*text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);*/
    /*color: #D1AA66;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, 0.8);*/
}
.villas_item_content 
{
    float: left;
    font-size: 13px;
    line-height: 16px;
}
.villas_item:hover .villas_mask{
    /*background: rgba(2, 54, 81, 0);*/
    top: 0;
}
.villas_item:hover img{
    filter: blur(3px);
      -webkit-filter: blur(3px);
      -moz-filter: blur(3px);
      -o-filter: blur(3px);
      -ms-filter: blur(3px);
}
.villas_item:hover .villas_item_info
{
    top: 8.2%;
    /*bottom: 15px;*/
}
/*.villas_item img{
    width: 100%;
    height: auto;
    filter: blur(3px);
      -webkit-filter: blur(3px);
      -moz-filter: blur(3px);
      -o-filter: blur(3px);
      -ms-filter: blur(3px);
      transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -webkit-transition: -webkit-filter 360ms linear, -webkit-transform 360ms linear;
    -moz-transition: -moz-filter 360ms linear, -moz-transform 360ms linear;
    -o-transition: -o-filter 360ms linear, -o-transform 360ms linear;
    -ms-transition: -ms-filter 360ms linear, -ms-transform 360ms linear;
    transition: filter 360ms linear, transform 360ms linear;
}
.villas_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    /*top: 0;!1!
    bottom: 0;
    left: 0;
    background: rgba(2, 54, 81, 0.68);
    border: 5px solid #D1AA66;
    color: #fff;
    -webkit-transition: background 360ms linear;
    -moz-transition: background 360ms linear;
    -o-transition: background 360ms linear;
    -ms-transition: background 360ms linear;
    transition: background 360ms linear;
    overflow: hidden;
}
.villas_item_info {
    position: absolute;
    left: 15px;
    bottom: 15px;
    margin-right: 15px;
    -webkit-transition: bottom 560ms ease;
    -moz-transition: bottom 560ms ease;
    -o-transition: bottom 560ms ease;
    -ms-transition: bottom 560ms ease;
    transition: bottom 560ms ease;
}
.villas_item_title 
{
    float: left;
    width: 100%;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 12px;
    /*font-family: K2D;!1!
    /*text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);!1!
    /*color: #D1AA66;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, 0.8);!1!
}
.villas_item_content 
{
    float: left;
    font-size: 14px;
    line-height: 18px;
}
.villas_item:hover .villas_mask{
    background: rgba(2, 54, 81, 0);
    -webkit-transition: all 560ms linear;
    -moz-transition: all 560ms linear;
    -o-transition: all 560ms linear;
    -ms-transition: all 560ms linear;
    transition: all 560ms linear;
}
.villas_item:hover img{

    filter: blur(0);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    
}
.villas_item:hover .villas_item_info{
    bottom: -60%;
    -webkit-transition: all 360ms ease;
    -moz-transition: all 360ms ease;
    -o-transition: all 360ms ease;
    -ms-transition: all 360ms ease;
    transition: all 360ms ease;
}*/
/*=============================================Smarthome Page=============================================*/
.roadmap_page_bg {
    position: relative; 
    float: left;
    width: 100%;
    overflow: hidden;
    background: url(../uploads/Bg/roadmap_01.jpg) no-repeat;
    background-size: cover;  
}
.roadmap_title {
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    margin-top: 66px;
}
.roadmap_info {
    margin-top: 36px;
}
.roadmap_tab_item 
{
    position: relative;
    float: left;
    width: 100%;
    height: 42px;
    /*display: flex;*/  
    /*-webkit-transition: all 360ms ease;
    -moz-transition: all 360ms ease;
    -o-transition: all 360ms ease;
    -ms-transition: all 360ms ease;
    transition: all 360ms ease;*/
}
.roadmap_tab_item div
{
    -webkit-transition: background 360ms ease;
    -moz-transition: background 360ms ease;
    -o-transition: background 360ms ease;
    -ms-transition: background 360ms ease;
    transition: background 360ms ease;    
}
/*.roadmap_tab_item.active, .roadmap_tab_item:hover
{
    background: url(../uploads/Roadmap/roadmap_arrow_07.png) repeat-x;
}*/
.roadmap_tab_item .arrow_rear {
    /*position: absolute;
    left: 0;
    top: 0;*/
    float: left;
    width: 32px;
    height: 42px;
    background: url(../uploads/Roadmap/roadmap_arrow_03.png) no-repeat;
}
.roadmap_tab_item.first_item .arrow_rear{
    background: url(../uploads/Roadmap/roadmap_arrow_04.png) no-repeat;
}
.roadmap_tab_item.active .arrow_rear, .roadmap_tab_item:hover .arrow_rear
{    
    background: url(../uploads/Roadmap/roadmap_arrow_06.png) no-repeat;
}
.roadmap_tab_item.first_item.active .arrow_rear, .roadmap_tab_item.first_item:hover .arrow_rear
{
    background: url(../uploads/Roadmap/roadmap_arrow_07.png) repeat-x;
}
.roadmap_tab_item .arrow_body {
    /*float: left;
    width: 100%;*/
    /*margin: 0 32px 0 32px;*/
    overflow: hidden; 
    line-height: 43px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    background: url(../uploads/Roadmap/roadmap_arrow_05.png) repeat-x;
    /*flex:1;*/
}
.roadmap_tab_item.active .arrow_body, .roadmap_tab_item:hover .arrow_body
{
    background: url(../uploads/Roadmap/roadmap_arrow_07.png) repeat-x;
}
/*.first_item .arrow_body 
{
    margin-left: -8px;
}*/
.roadmap_tab_item.active .arrow_body, .roadmap_tab_item:hover .arrow_body
{
    color: #fff;
}
.roadmap_tab_item .arrow_header {
    /*position: absolute;
    right: 0;
    top: 0;*/
    float: right;
    width: 32px;
    height: 42px;
    background: url(../uploads/Roadmap/roadmap_arrow_02.png) no-repeat;
}
.roadmap_tab_item.active .arrow_header, .roadmap_tab_item:hover .arrow_header 
{
    background: url(../uploads/Roadmap/roadmap_arrow_01.png) no-repeat;
}
.roadmap_tab_bg {
    margin-top: 38px;
}
.tab_content_item_bg {
    display: none;
}
.roadmap_tab_item_img div
{
    float: left;
    width: 100%;
    border: 5px solid #fff;
    overflow: hidden;
    text-align: center;
}
.roadmap_tab_item_img img{
    width: 100%;
    height: auto;
    /*border: 5px solid #fff;*/
}
.roadmap_tab_item_title {
    float: left;
    /*width: 100%;*/
    margin:5px 0 18px 0;
    color: #fff;
    padding-left: 52px;
    padding-top: 1px;
    background:url(../uploads/Roadmap/roadmap_calendar.png) no-repeat left top;   
}
.tab_title 
{
    float: left;
    width: 100%;
    font-size: 22px;
    text-transform: uppercase;
    color: #D1AA66;
    margin-bottom: 2px;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, 0.8);
}
.tab_sub_title 
{
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: K2D;
}
.roadmap_tab_item_content 
{
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    line-height: 32px; 
}
.roadmap_tab_item_content ul{
    float: left;
    width: 100%;
    padding-left: 26px;
    list-style: url(../Images/Bullets/news_item_10.png);
    line-height: 32px;
    margin: 5px 0 8px 0;
    font-size: 15px;
}
/*=============================================Gallery Page=============================================*/
.gallery_page_bg {
    position: relative; 
    float: left;
    width: 100%;
    overflow: hidden;
    background: #fff;  
}
/*.gallery_title 
{
    margin-top: 38px;
    margin-bottom: 42px;
}*/
.gallery_info
{
    margin-top: 42px;
}
.gallery_info a {
    /*padding: 0 6px 20px 6px;*/
    padding:8px;
}
.virtual_link {
    padding-right: 0;
}
.gallery_group {
    padding-left: 0;
}
.gallery_item 
{
    position: relative;
    border: 1px solid rgba(209, 170, 102, 0.8); 
    /*border: 1px solid rgba(2, 54, 81, 0.8);*/ 
    padding: 5px;
    /*overflow: visible !important;*/
    overflow: hidden;
}
.gallery_item img{
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 360ms ease;
    -moz-transition: -moz-transform 360ms ease;
    -o-transition: -o-transform 360ms ease;
    -ms-transition: -ms-transform 360ms ease;
    transition: transform 360ms ease;
}
.gallery_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(2, 54, 81, 0);
    border: 5px solid #fff;
    -webkit-transition: background 360ms linear;
    -moz-transition: background 360ms linear;
    -o-transition: background 360ms linear;
    -ms-transition: background 360ms linear;
    transition: background 360ms linear;
}
.gallery_item:hover .gallery_mask {
    background: rgba(2, 54, 81, 0.18);    
}
.gallery_item_title {
    position: absolute;
    width: 160px;
    height: 32px;
    /*background: #d1aa66;*/
    background: rgba(2, 54, 81, 0.8);
    font-size: 14px;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, .3);
    text-align: center;
    line-height: 34px;
    text-transform: uppercase;
    font-family: K2D;
    left: 0;
    right: 0;
    bottom: 16px;
    margin: 0 auto;
    padding: 0;
    -webkit-transition: bottom 360ms ease;
    -moz-transition: bottom 360ms ease;
    -o-transition: bottom 360ms ease;
    -ms-transition: bottom 360ms ease;
    transition: bottom 360ms ease;
}
.gallery_item:hover img{
    /*filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);*/
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
}
.gallery_item:hover .gallery_item_title
{
    /*background: rgba(2, 54, 81, 1);*/
    bottom: 50%;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}
/*=============================================Contact Page=============================================*/
.contact_page_bg {
    position: relative; 
    float: left;
    width: 100%;
    overflow: hidden;   
}
.contact_title 
{
    text-align: left;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    /*margin-top: 38px;*/
    margin-bottom: 32px;
}
.contact_title_line {
    display: block;
    position: relative;
    width: 60px;
    height: 1px;
    background: #d1aa66;
    margin-bottom: 28px;
    margin-left: 0;
}
.viewmap_btn {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 99; 
    background: rgba(209, 170, 102, 1);
    padding: 8px 14px 6px 14px;
}
.viewmap_btn.active
{
    background:rgba(2, 54, 81, 0.68);
}
.viewmap_btn span
{
    color: #fff;
    font-family: K2D;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, .68);
}
.viewmap_btn span:nth-child(2)
{
    display: none;
}
.viewmap_btn.active span:nth-child(1)
{
    display: none;
}
.viewmap_btn.active span:nth-child(2)
{
    display: block;
}
.map_bg {
    position: relative;
    z-index: 0;
}
#map_canvas  
{
    width: 100%;
}
.map_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2 !important;
    background: url(../Images/map_overlay.png);
}
.page_align_center.contact {
    top:36.6%;
}
.contact_form_title {
    color: #d1aa66;
    font-size: 15px;
}
/*.map_overlay .container {
    height: 120px;
    background: #f8f8f8;
}*/
.contact_info_bg {
    border-left: 1px solid rgba(209, 170, 102, 0.5);
    color: #fff;
    font-size: 14px;
    font-family: K2D;
    padding-left: 18px;
}
.contact_info_item {
    float: left;
    width: 100%;
    margin-bottom: 22px;
}
.contact_info_item_title 
{
    float: left;
    width: 100%;
    margin-bottom: 8px;
    font-size: 21px;
    color: #d1aa66;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, 1);
    text-transform: uppercase;
}
.contact_info_item_content span{
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
    font-family: K2D;
    line-height: 25px;
}
.contact_info_item_content a{
    color: #fff;
}
.contact_info_item_content a:hover
{
    color: #d1aa66;
}
.contact_info_item:nth-child(3) {
    margin-bottom: 3px;
}
.hotline_bg 
{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #d1aa66;
    font-family: K2D;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, .3);
}
.social_bg {
    float: left;
    width: 100%;
    margin-top: 12px;  
}
.social_icon {
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(209, 170, 102, 0.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 2px;
    text-align: center; 
    -webkit-transition: all 260ms linear;
    -moz-transition: all 260ms linear;
    -o-transition: all 260ms linear;
    -ms-transition: all 260ms linear;
    transition: all 260ms linear;   
}
.social_icon:hover
{
    background: #d1aa66;
    color: #023651;
}
.social_icon.facebook
{
    font-size: 18px;
    padding-top: 6px;
}
.social_icon.google
{
    font-size: 15px;
    padding-top: 6px;
    padding-left: 1px;
}
.social_icon.youtube
{
    font-size: 16px;
    padding-top: 6px;
}

@font-face{	font-family: K2D;	src: url('https://duanonline.com.vn/fonts/K2D-Regular.ttf') format('truetype');	font-weight: 400;}
@font-face{	font-family: K2D;	src: url('https://duanonline.com.vn/fonts/K2D-Bold.ttf') format('truetype');	font-weight: 700;}