@charset "utf-8";

@font-face {
  font-family: 'roboto-black';
  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Black.woff') format('woff'), 
  url('../fonts/Roboto-Black.ttf')  format('truetype'), 
  url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto-bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Bold.woff') format('woff'), 
  url('../fonts/Roboto-Bold.ttf')  format('truetype'), 
  url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotocondensed-bold';
  src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/RobotoCondensed-Bold.woff') format('woff'), 
  url('../fonts/RobotoCondensed-Bold.ttf')  format('truetype'), 
  url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto-light';
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Light.woff') format('woff'), 
  url('../fonts/Roboto-Light.ttf')  format('truetype'), 
  url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto-medium';
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Medium.woff') format('woff'), 
  url('../fonts/Roboto-Medium.ttf')  format('truetype'), 
  url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto-regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Regular.woff') format('woff'), 
  url('../fonts/Roboto-Regular.ttf')  format('truetype'), 
  url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

* { margin: 0; text-decoration: none; }
body
{
    min-width: 1200px;
}
.clear { clear: both; }

/* Begin Contain */ 
#wrap_container
{
    width: 100%;
}
.contain_main 
{ 
    width: 1200px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 30px;
}
.title_main
{
    width: 100%;
    background: url(../images/bg-title-main.png) no-repeat bottom center;
    margin-bottom: 25px;
    text-align: center;
    padding-bottom: 15px;
}
.title_main h1 span
{
    font-family: 'robotocondensed-bold';
    font-size: 23px;
    color: #C1121F;
    font-weight: normal;
    text-transform: uppercase;
}
.content_main:after
{
    content: '';
    display: block;
    clear: both;
}
.info_main
{
    margin-bottom: 10px;
}
.view
{
    float: left;
    color: #043791;
    font-family: arial; 
    font-size: 14px;
    margin-bottom: 10px;
}
.share
{
    float: right;
}
/* End Contain */

/* Begin Intro */
.content-intro
{
    width: 1320px;
    margin: auto;
}
.item-qc-intro
{
    width: 645px;
    float: left;
    margin-right: 29px;
    margin-bottom: 29px;
}
.item-qc-intro img
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color=#000000)";/*IE 8*/
    -moz-box-shadow: 0 0 7px 2px rgba(0,0,0,0.3);/*FF 3.5+*/
    -webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.item-qc-intro img:hover
{
    opacity: 0.8;
}
.item-qc-intro:nth-child(2n+1)
{
    clear: both;
}
.item-qc-intro:nth-child(2n)
{
    margin-right: 0px;
}
.support-home
{
    width: 100%;
    height: 405px;
    position: relative;
}
.box-support-left
{
    width: 295px;
    position: absolute;
    top:0px;
    left: 0px;
    background: url("../images/icon-hl-qc.png") rgba(0, 0, 0, 0.44) no-repeat top 110px center;
    height: 100%;
}
.box-support-right
{
    width: 300px;
    height: 170px;
    position: absolute;
    right: 360px;
    top: 60px;
    text-align: center;
}
.box-support-right b
{
    font-family: 'roboto-regular';
    color: white;
    font-size: 25px;
    font-weight: normal;
}
.box-contact-left
{
    width: 270px;
    margin: auto;
    margin-top: 200px;
    text-align: center;
}
.item-support
{
    font-family: 'roboto-light';
    color: white;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 15px;
}
.item-support b
{
    font-family: 'roboto-regular';
    font-size: 18px;
    font-weight: normal;
}
.item-support span
{
    color: yellow;
}
/* End Intro */

/* Begin Dự Án */
.duan
{
    float: left;
    width: 285px;
    height: 220px;
    position: relative;
    overflow: hidden;
    margin-right: 16px;
    margin-bottom: 16px;
    border: 1px solid rgba(128, 128, 128, 0.28);
}
.duan:nth-child(4n)
{
    margin-right: 0px;
}
.duan:nth-child(4n+1)
{
    clear: both;
}
a.bg-duan
{
    width: 100%;
    height: 100%;
    border: 5px solid rgba(255, 255, 255, 0.62);
    position: absolute;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
}
.duan:hover a.title-duan
{
    opacity: 1;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
a.title-duan
{
    opacity: 0;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    width: 200px;
    padding: 10px 0px;
    position: absolute;
    top: 30px;
    background: rgba(255, 255, 255, 0.81);
    color: #414141;
    font-family: tahoma;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    text-transform: uppercase;
    left: calc(50% - 100px);
    border-radius: 3px;
    border: 1px solid rgba(128, 128, 128, 0.21);
}
.name_duan
{
    text-align: center;
    margin-top: 10px;
}
.name_duan h3
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
    margin: auto;
}
.name_duan h3 a
{
    font-size: 12px;
    color: #414141;
    font-family: tahoma;
    font-weight: bold;
    text-transform: capitalize;
}
.name_duan h3:hover, .name_duan h3:hover a
{
    color: #FFA200;
}
.price_duan
{
    width: 250px;
    margin:auto;
    font-family: tahoma;
}
/* End Dự Án */
 
/* Begin Giới Thiệu */
.gioithieu-home
{
    width: 1200px;
    margin: auto;
    height: 320px;
    background: url(../images/bg-gioithieu.png) no-repeat top center;
}
.gioithieu-content
{
    width: 840px;
    height: 240px;
    padding-top: 65px;
    padding-left: 40px;
}
.gioithieu-content h3
{
    margin-bottom: 15px;
}
.gioithieu-content h3 a
{
    color: #E00E1B;
    font-family: 'robotocondensed-bold';
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase;
}
.gioithieu-content h3 a:hover
{
    color: #1144B0;
}
.desc-gioithieu-home
{
    color: black;
    font-family: tahoma;
    font-size: 13px;
    line-height: 25px;
}
.btn-gioithieu-home
{
    text-align: right;
}
/* End Giới Thiệu */

/* Begin Dịch Vụ Mới Home */
.dichvu-home-moi
{
    width: 100%;
    height: 400px;
    background: url(../images/bg-dichvu.png) no-repeat top center;
}
.dichvu-content-home-moi
{
    width: 1200px;
    margin: auto;
    text-align: center;
    padding-top: 95px;
}
.dichvu-content-home-moi h3 a
{
    color: white;
    font-family: 'roboto-black';
    font-weight: normal;
    font-size: 35px;
}
.dichvu-content-home-moi h3 a:hover
{
    color: red;
}
.desc-dichvu-home-moi
{
    color: white;
    font-family: 'roboto-regular';
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.dichvu-home
{
    width: 1200px;
    margin: auto;
    margin-top: 45px;
}
.item-dichvu-home
{
    width: 575px;
    min-height: 180px;
    margin-bottom: 40px;
    margin-right: 49px;
    float: left;
}
.item-dichvu-home:nth-child(2n+1)
{
    clear: both;
}
.item-dichvu-home:nth-child(2n)
{
    margin-right: 0px;
}
.pic-dichvu-home
{
    float: right;
    margin-left: 20px;
}
.pic-dichvu-home img:hover
{
    opacity: 0.8;
}
.info-dichvu-home
{
    margin-top: 15px;
}
.info-dichvu-home h3
{
    text-align: left;
}
.info-dichvu-home h3 a
{
    font-family: 'robotocondensed-bold';
    color: blue;
    font-size: 17;
    font-weight: normal;
    text-transform: uppercase;
}
.info-dichvu-home h3 a:hover
{
    color: red;
}
.desc-dichvu-home
{
    font-family: arial;
    font-size: 13px;
    color: black;
    text-align: justify;
    line-height: 20px;
    margin-top: 10px;
}
/* End Dịch Vụ Mới Home */

/* Begin Dự Án */
.duan-home
{
    margin-top: 40px;
}
.item_duan
{
    width: 400px;
    float: left;
}

.item_duan img
{
    width: 400px;
    height: 300px;
}

.item_duan img:hover
{
    opacity: 0.9;
}

.item_duan .content
{
    width: 360px;
    height: 260px;
    position: relative;
    z-index: 9;
    padding: 20px;
    color: black;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #dcd9d9;
}

.item_duan .content .name
{
    margin-bottom: 7px;
    text-align: center;
}

.item_duan .content .name h3 a
{
    color: #1044B1;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'roboto-bold';
}

.item_duan .content .name h3 a:hover
{
    color: red;
}

.item_duan .content .des
{
    text-align: center;
    font-family: 'roboto-regular';
}

.item_duan_le .content:after
{
    bottom: 99%;
    left: calc(50% - 42px);
    content: " ";
    height: 37px;
    width: 85px;
    position: absolute;
    background: url(../images/rim-duan.png) no-repeat top center;
}

.item_duan_chan .content:after
{
    top: 99%;
    left: calc(50% - 42px);
    content: " ";
    height: 37px;
    width: 85px;
    position: absolute;
    background: url(../images/rim-duan2.png) no-repeat top center;
}
.gallery-duan
{
    width: 800px;
    margin:auto;
    margin-bottom: 20px;
}
/* End Dự Án */

/* Begin News Video */
.news-intro
{
    width: 100%;
    height: 480px;
    background: #EDEDED;
}
.news-content-intro
{
    width: 1200px;
    margin: auto;
    padding-top: 35px;
}
.news_intro_left
{
    width: 780px;
    float: left;
}
.news_intro_right
{
    width: 380px;
    float: right;
}
.title_news_intro
{
    margin-bottom: 15px;
    border-bottom: 2px solid #c1121f;
    padding-bottom: 5px;
}
.title_news_intro span
{
    font-family: 'robotocondensed-bold';
    color: #c1121f;
    text-transform: uppercase;
    font-size: 23px;
}
.news_left_intro_left
{
    width: 385px;
    float: left;
}
.news_left_intro_right
{
    width: 370px;
    float: right;
}
.pic-news-nb-left img:hover
{
    opacity: 0.9;
}
.info-news-nb-left
{
    margin-top: 15px;
}
.name-news-nb-left
{
    margin-bottom: 10px;
}
.name-news-nb-left a
{
    font-family: 'roboto-bold';
    font-size: 15px;
    color: #0f75bc;
}
.name-news-nb-left a:hover
{
    color: red;
}
.desc-news-nb-left
{
    font-family: 'roboto-regular';
    font-size: 13px;
    color: #313030;
    margin-bottom: 10px;
    line-height: 18px;
}
.video_main
{
    position: relative;
}
.bg_video
{
    position: absolute;
    top: calc(50% - 21px);
    left: calc(50% - 21px);
    width: 43px;
    height: 43px;
    background: url(../images/play.png) no-repeat top center;

    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;

    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.bg_video:hover
{
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;

    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.list_video
{
    margin-top: 5px;
}
.item-video a
{
    cursor: pointer;
}
.item-video img:hover
{
    opacity: 0.8;
}
.item-tt-moi
{
    
}
.pic-tt-moi
{
    float: left;
    margin-right: 10px;
}
.pic-tt-moi img:hover
{
    opacity: 0.7;
}
.info-tt-moi
{
    width: 248px;
    float: left;
}
.name-tt-moi
{
    margin-bottom: 5px;
}
.name-tt-moi a 
{
    color: #313131;
    font-family: 'roboto-bold';
    line-height: 18px;
    text-align: justify;
    font-size: 14px;
}
.name-tt-moi a:hover
{
    color: red;
}
.desc-tt-moi
{
    color: #333333;
    font-family: 'roboto-regular';
    line-height: 18px;
    text-align: justify;
    font-size: 12px;
}
.btn-tt-moi
{
    color: black;
    font-family: arial;
    line-height: 20px;
    float: right;
    font-size: 12px;
    text-decoration: underline;
}
.btn-tt-moi:hover
{
    color: red;
}
/* End News Video */

/* Begin Header */
.header
{
    width: 100%;
    height: 45px;
    background: none;
    position: relative;
    z-index: 2;
}
.banner
{
    width: 100%;
    height: 45px;
}
.header_content
{
    width: 1200px;
    margin: auto;
    height: 45px;
}
.banner_left
{
    float: left;
}
.banner_right
{
    float: right;
    height: 45px;
}
.logo
{ 
    /*float: left;
    margin-top: 5px;
    margin-left: 35px;*/
    float: left;
}
/*.map
{
    line-height: 55px;
    float: left;
    padding-left: 25px;
    background: url(../images/icon-map.png) no-repeat 0px 12px;
}
.map a
{
    color: white;
    font-family: tahoma;
    font-size: 14px;
}*/
/*.logo_res
{
    text-align: center;
    display: none;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
}*/
/*.lang_res
{
    bottom: 10px;
    right: 10px;
    display: none;
    position: absolute;
}*/
.hotline
{
    float: right;
    line-height: 32px;
    font-size: 22px;
    font-family: arial;
    color: red;
    width: 151px;
    font-weight: bold;
    font-style: italic;
    height: 32px;
    padding-left: 35px;
    text-transform: uppercase;
    margin-bottom: 5px;
    background: url(../images/icon-hl.png) no-repeat bottom center;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
}
/*.hotline_res
{
    width: 293px;
    height: 54px;
    top: 35px;
    right: 10px;
    display: none;
    position: absolute;
    line-height: 45px;
    text-align: right;
    padding-right: 6px;
    font-size: 20px;
    font-family: 'robotocondensed-regular';
    color: #f60000;
    background: url(../images/bg_hl.png) no-repeat 0px 0px;
    display: none;
}
.lang
{
    float: right;
    margin-top: 7px;
}*/
/* End Header */

/* Begin Search */
/*.search
{
    width: 215px;
    height: 28px;
    background: white;
    border-radius: 10px;
    margin-top: 5px;
}
.btn_search
{
    float: right;
    width: 17px;
    height: 17px;
    cursor: pointer;
    outline: none;
    background: url(../images/btn-search.png) no-repeat top 3px center;
    border: none;
    margin-top: 4px;
    margin-right: 5px;
}
.txt_search
{
    width: 175px;
    float: left;
    background-color: transparent;
    line-height: 28px;
    text-indent: 10px;
    margin-left: 0px;
    outline: none;
    border: none;
    color: #043791;
    font-size: 12px;
    font-family: arial;
}*/
.search
{
    margin-top: 7px;
    margin-left: 10px;
    float: right;
    text-align: center;
    font-size: 11px;
    color: white;
    font-family: 'roboto-light';
}
#img_search
{
    background: transparent;
    cursor: pointer;
}
#box_search
{
    position: absolute;
    top: 4px;
    right: 230px;
    display: none;
    z-index: 9;
}
.search_menu
{
    width: 300px;
    height: 36px;
    border: 1px solid rgba(128, 128, 128, 0.49);
    background: white;
}
.btn_search
{
    float: right;
    color: white;
    margin-top: -36px;
    margin-right: 1px;
    border: none;
    width: 65px;
    background: #1276F3;
    height: 34px;
    cursor: pointer;
}
.txt_search
{
    width: 235px;
    float: left;
    background-color: transparent;
    line-height: 35px;
    text-indent: 5px;
    outline: none;
    border: none;
    border-radius: 0px 5px 5px 0px;
    display: inline-block;
    vertical-align: middle;
    color: #d01f1f;
}
/* End Search */

/* Menu */
.menu 
{ 
    width: 1200px;
    height: 90px;
    margin: auto;
    background: rgba(221, 221, 221, 0.69);
    position: relative;
    z-index: 1;
}
.menu_contain
{ 
    
}
.menu_contain ul 
{ 
    -webkit-padding-start: 0px; 
    list-style: none;
}
.menu_contain ul li 
{ 
    
}
.menu_contain ul li a 
{
    color: black;
    display: block;
    text-align: center;
    font-size: 17px;
    padding: 0px 24px;
    line-height: 90px;
    font-family: 'sfudaxcondensedlight';
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}
.menu_contain ul li:hover a
{
    color: #011c8d;
    background: url(../images/bg-menu-hover.png) no-repeat bottom 30px center;
}
.menu_contain ul li a.active
{
    color: #011c8d;     
    background: url(../images/bg-menu-hover.png) no-repeat bottom 30px center;
}
/*.menu_contain ul li.line
{
    width: 1px;
    height: 45px;
    background: rgba(255, 255, 255, 0.38);
}*/
/*#wrap_menu_res
{
    display: none;
}
.invi_loading 
{
    visibility: hidden !important;
}*/
/* End Menu */

/* Begin Slide */
.slideshow
{
    margin-top: -135px;
}
/* End Slide */

/* Begin Video */
/*.video
{
    width: 220px;
    margin: auto;
    margin-top: 15px;
}
.video:nth-child(4n+1)
{
    clear: both;
}
.video:nth-child(4n)
{
    margin-right: 0px;
}
.pic_video
{
    position: relative;
}
.bg_video
{
    position: absolute;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
    width: 53px;
    height: 53px;
    background: url(../images/play.png) no-repeat top center;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.bg_video:hover
{
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;

    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.name_video
{
    text-align: center;
    margin-top: 10px;
}
.name_video h3 a
{
    color: #092D47;
    font-size: 16px;
    font-family: arial;
}
.name_video h3 a:hover
{
    color: #9A1F38;
}*/
/* End Video */

/* Begin Album */
.album
{
    width: 230px;
    height: 340px;
    margin: auto;
    position: relative;
}
.album:nth-child(3n+1)
{
    clear: both;
}
.album:nth-child(3n)
{
    margin-right: 0px;
}
.album:hover .bg-album
{
    opacity: 0.7;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.bg-album
{
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    position: absolute;
    z-index: 2;
    width: 230px;
    height: 340px;
    opacity: 0;
    left: 0px;
    top: 0px;
    background: url(../images/overlay-picture.png) no-repeat top center;
}
.pic_album
{
    position: absolute;
    z-index: 1;
}
.pic_album img
{
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;

    -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
    transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}
.pic_album img:hover
{
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;

    -moz-transform: rotate(0deg) scale(1.2, 1.2) skewX(0deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
    transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
}
.name_album
{
    padding: 10px;
    text-align: center;
    position: absolute;
    bottom:0px;
    left: 0px;
    width: 210px;
    background: #043791;
    z-index: 3;
}
.name_album h3 a
{
    font-size: 17px;
    color: white;
    font-family: arial;
    font-weight: bold;
    text-transform: capitalize;
}
.name_album h3 a:hover
{
    color: white;
}
/* End Album */

/* Begin Sản Phẩm */
.sanpham
{
    float: left;
    width: 242px;
    margin-right: 27px;
    margin-bottom: 20px;
}
.sanpham:nth-child(5n+1)
{
    clear: both;
}
.sanpham:nth-child(5n)
{
    margin-right: 0px;
}
.pic_sanpham
{
    margin: auto;
    border: 1px solid rgba(128, 128, 128, 0.17);
}
.pic_sanpham img:hover
{
    opacity: 0.8;
}
.name_sanpham
{
    text-align: center;
    margin-top: 10px;
}
.name_sanpham h3
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.name_sanpham h3 a
{
    font-size: 13px;
    color: #414141;
    font-family: tahoma;
    font-weight: bold;
    text-transform: capitalize;
}
.name_sanpham h3 a:hover
{
    color: #043791;
}
.price_sanpham
{
    text-align: center;
    color: #414141;
    font-size: 13px;
    font-family: tahoma;
    font-weight: normal;
    margin-top: 5px;
}
.price_sanpham span
{
    font-weight: bold;
    color: red;
    font-size: 13px;
    font-family: tahoma;
}
.cart_sanpham
{
    position: relative;
    width: 110px;
    height: 35px;
    text-align: center;
    border-left: 1px solid rgba(128, 128, 128, 0.47);
}
.cart_sanpham span
{
    line-height: 35px;
    color: red;
    font-size: 14px;
    font-family: 'tahoma';
}
.btn_cart
{
    position: absolute;
    width: 111px;
    height: 35px;
    top: 0px;
    right: 0px;
    cursor: pointer;
    background: url(../images/btn_cart.png) no-repeat top center;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.btn_cart:hover
{
    background: url(../images/btn_cart.png) no-repeat bottom center;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
/* End Sản Phẩm */

/* Begin Sản Phẩm Detail */
.hinh_sp_detail
{
    float: left;
    width: 330px;
    height: 315px;
    border: 1px solid rgba(128, 128, 128, 0.4);
    text-align: center;
    margin-right: 20px;
    background: white;
}
.thongtin_sp_detail
{
    width: 550px;
    float: left;
    font-family: arial;
}
.thongtin_sp_detail h1
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    font-family: arial;
    margin-bottom: 10px;
    color: #043791;
}
.pic_product_detail img
{
    width: 70px;
    height: 50px;
    border: 1px solid rgba(128, 128, 128, 0.4) !important;
}
.detail_sp
{
    margin-top: 20px;
}
.tbl_detail
{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.4);
}
.tbl_detail_item
{
    width: 100%;
}
.td_sp_detail
{
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    color: black;
    line-height: 30px;
}
.td_sp_detail_sec
{
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.td_sp_detail_sec span
{
    color: #043791;
    font-size: 15px;
    font-weight: bold;
    font-family: arial;
}
.desc_detail_sanpham
{
    font-size: 13px;
    color: white;
    font-family: arial;
    line-height: 20px;
    text-align: justify;
}
/* End Sản Phẩm Detail */

/* Begin Tin Tức */
.news
{
    width: 580px;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.42);
    padding-bottom: 15px;
}
.news:nth-child(2n)
{
    float: right;
}
.news:nth-child(2n+1)
{
    clear: both;
}
.pic_news
{
    float: left;
    margin-right: 10px;
}
.pic_news img
{
    padding: 3px;
    border: 1px solid rgba(128, 128, 128, 0.57);
    background: rgba(255, 255, 255, 0.67);
}
.pic_news:hover img
{
    opacity: 0.8;
    border-color: #043791;
}
.info_news
{
    
}
.name_news
{
    text-align: justify;
}
.name_news h3 a
{
    font-family: arial;
    color: #043791;
    font-size: 13px;
    font-weight: bold;
}
.name_news a:hover
{
    color: #C1121F;
}
.desc_news
{
    color: #333333;
    margin-top: 5px;
    text-align: justify;
    font-family: arial;
    font-size: 12px;
    line-height: 20px;
}
.btn_news
{
    float: right;
}
.btn_news a
{
    color: #043791;
    font-size: 12px;
    font-family: arial;
}
.btn_news a:hover
{
    color: #C1121F;
}
/* End Tin Tức */

/* Begin Tin tức khác */
.list_baivietkhac
{
    padding-left: 0px;
    list-style: none;
}
.list_baivietkhac li
{
    background: url(../images/li_news.png) no-repeat 0px 5px;
    padding-left: 12px;
    margin-bottom: 10px;
}
.list_baivietkhac li a
{
    text-transform: none;
    color: #333333;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
}
.list_baivietkhac li a:hover
{
    text-decoration: underline;
    color:  #C1121F;
}
/* End Tin tức khác */

/* Begin Liên Hệ */
.left_lienhe 
{ 
    width:100%;
}
.left_lienhe h2
{
    text-align: center;
    margin:10px auto;
    font-family: arial;
    font-weight: normal;
    color: #043791;
    font-size: 30px;
    text-transform: uppercase;
}
.left_lienhe_noidung
{
    font-size: 13px;
    font-family: arial;
    line-height: 20px;
    color: #333333;
}
.right_lienhe 
{   
    margin: 0 auto;
}
.center_lienhe 
{ 
    width:100%;
}
.center_lienhe h3
{
    text-align: center;
    margin:10px auto;
    font-family: arial;
    font-weight: bold;
    color: #043791;
    font-size: 20px;
}
/* End Liên Hệ */

/* Begin Table Liên Hệ */
.tablelienhe span { color: #043791; }
.tablelienhe td { height: 25px; }
.tablelienhe .input, .tablelienhe textarea { border: 1px #E9E9E9 solid;azimuth: center;width: 98%;padding: 5px;box-sizing: border-box; }
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.button { background: #043791; border: 1px solid #fff; border-radius: 3px 3px 3px 3px; color: white; font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 5px 30px; cursor: pointer; }
/* End Table Liên Hệ */

/* Begin Footer */
.footer
{ 
    width: 100%;
    min-height: 235px;
    background: #1144B1;
    background-size: 100% 100%;
    position: relative;
}
.footer_main
{
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
.title_footer
{
    margin-bottom: 15px;
}
.title_footer span
{
    color: white;
    font-size: 18px;
    font-family: 'robotocondensed-bold';
    text-transform: uppercase;
    font-weight: normal;
}
.content_footer
{
    color: white;
    font-family: 'roboto-regular';
    line-height: 25px;
    font-size: 14px;
}
.footer_news
{
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.footer_bottom
{
    height: 54px;
    border-top: 1px solid rgba(255, 255, 255, 0.41);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 14px;
    font-family: tahoma;
    padding-top: 15px;
}
.dk_footer
{
    width: 305px;
    height: 30px;
    margin: auto;
    margin-top: 15px;
    background: white;
    border-radius: 5px;
}
.mangxahoi
{
    list-style: none;
    padding-left: 0px;
    margin-top: 13px;
    float: right;
}
.mangxahoi li
{
    display: inline-block;
    vertical-align: middle;
}
.bx-dk
{
    line-height: 20px;
    font-size: 14px;
    margin-top: 20px;
    font-family: 'roboto-regular';
}
.txt_dk
{
    width: 265px;
    background: transparent;
    line-height: 28px;
    float: left;
    text-indent: 10px;
    border:none;
    outline: none;
    color: #9DA99A;
}
.btn_dk
{
    float: right;
    background: url(../images/btn-dk.png) no-repeat 0px 0px;
    border: none;
    width: 28px;
    height: 22px;
    outline: none;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 3px;
}
.tbl_tk
{
    float: right;
    color: white;
    font-family: 'roboto-regular';
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    width: 170px;
}
/* End Footer */

/* Begin Not Found */
.notice_pro 
{ 
    width: 100%;
    height: 60px;
    background: #EFECEC;
    color: #7D7979;
    font-family: arial;
    border-radius: 5px; 
}
.notice_pro h4 { padding: 0px 20px;line-height: 60px;font-weight: normal;font-size: 15px; }
/* End Not Found */

.scrollToTop
{ 
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 2px;
    display: none;
    z-index: 3;
    cursor: pointer;
}

/* Phân Trang */

.pagination { text-align: center; }
.pagination ul {display: inline-block;  margin-bottom: 0;margin-left: 0; padding: 0px;}
.pagination ul>li{display: inline;}
.pagination ul>.active>a, .pagination ul>.active>span
{  
    cursor: default;
    background: #C1121F;
    color: white;
}
.pagination ul>li>a, .pagination ul>li>span
{ 
    font-family: arial;
    font-size: 12px;
    float: left;
    padding: 5px 10px;
    line-height: 20px;
    text-decoration: none;
    background-color: #043791;
    color: white;
    margin: 0 2px;
    border-radius: 5px;
}
.pagination ul>li>a:hover, .pagination ul>li>span:hover
{ 
    background: #C1121F;
    color: white;
}

/* End Phân Trang */

/* Fanpage Facebook */
.fanpage_facebook{position:fixed; right:-300px; z-index: 999999; top:200px;display: block}