@import "font.css";

@charset "utf-8";

body {

    margin: 0px auto;

    padding: 0px auto;

    font-size: 17px;

    line-height: 30px;

    font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;

    font-weight: normal;

    background: #f8f8f8;

}

* {

    margin: 0px auto;

    padding: 0px auto;

    outline: none;

    text-decoration: none;

}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clr {

    clear: both;

}

ul {

    padding: 0px;

}

::selection {

    background-color: #EF3037;

    color: #fff;

}



::-webkit-selection {

    background-color:#EF3037;

    color: #fff;

}

-webkit-::selection {

    background-color: #EF3037;

    color: #fff;

}



::-moz-selection {

    background-color:#EF3037;

    color: #fff;

}

img {

    border: 0;

}

.pagewrap {

    position: relative;

    width: 1200px;

    margin: 0 auto;

}

.padding_pagewrap {

    padding: 0 10px;

}

.showText p {

    padding-bottom: 15px;

    font-size: 17px;

    line-height: 30px;

}

.showText img {

    display: block;

    margin: 0 auto;

    height: auto;

    max-width: 100%;

}

.showText h2 {text-transform: uppercase;color: #282a89;font-size: 22px;line-height: 30px;position: relative;font-weight: normal;padding-left: 15px;margin-bottom: 15px;}

.showText h2:after {content: "";display: -webkit-inline-box;clear: both;width: 5px;background: #282a89;height: 29px;left: 0px;position: absolute;top: 0;z-index: 2;}

.showText ul {

    padding-bottom: 15px;

}

.showText ul li {

    margin-left: 35px;

    font-size: 17px;

    line-height: 30px;

}
.box_header.fixed{position: fixed; top: 0px !important; left: 0px; right: 0px; z-index: 999;}
.box_menu{background: #007dc5;position: relative;z-index: 999999;}
.menu {/* float: right; *//* margin-top: 23px; */padding: 0;margin-left: 0;margin-right: 0;text-align: center;}

.menu * {

    list-style: none;

}

.menu > li + li {

    position: relative;

}

.menu > li {

    display: inline-table;

    position: relative;

}

.menu > li > a {display: block;height: 40px;line-height: 40px;position: relative;z-index: 2;font-size: 17px;text-decoration: none;text-transform: uppercase;color: #fff;font-weight: normal;padding: 0 11px;}

.menu > li > a i {

    display: inline-block;

    vertical-align: middle;

    margin: -2px 0 0 1px;

    color: inherit;

    font-size: 11px;

    padding-left: 5px;

}

.menu > li:hover > a {color: #fff;background: #056095;}

.menu > li:hover > a:after {

    left: 0;

    right: 0;

    opacity: 1;

}

.menu > li:hover > ul {

    opacity: 1;

    visibility: visible;

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

}

.menu > li.active > a {

    color: #C800C8;

}

.menu > li.active > a:after {

    left: 0;

    right: 0;

    opacity: 1;

}

.menu > li > ul {

    position: absolute;

    top: 100%;

    left: 0;

    opacity: 0;

    visibility: hidden;

    min-width: 140px;

    z-index: 3;

    margin: 0;

    padding: 0;

    padding-top: 7px;

    display: block;

    transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -webkit-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    transform-origin: center top 0px;

    -moz-transform-origin: center top 0px;

    -webkit-transform-origin: center top 0px;

    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);

    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);

}

.menu > li > ul:before {content: "";border: solid 7px transparent;border-bottom-color: #007dc5;width: 0;height: 0;position: absolute;top: -7px;left: 17px;z-index: 2;}

.menu > li > ul:after {

    content: "";

    position: absolute;

    top: 12px;

    left: 3px;

    right: -3px;

    bottom: -3px;

    z-index: 0;

    background: rgba(0, 0, 0, 0.05);

}

.menu > li > ul > li {z-index: 2;position: relative;margin: 0;color: #fff;font-weight: 500;font-size: 14px;padding: 0 15px;background: #007dc5;}

.menu > li > ul > li:first-child {

    padding-top: 10px;

    border-radius: 3px 3px 0 0;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    -o-border-radius: 3px 3px 0 0;

    -ms-border-radius: 3px 3px 0 0;

}

.menu > li > ul > li:last-child {

    padding-bottom: 10px;

    border-radius: 0 0 3px 3px;

    -webkit-border-radius: 0 0 3px 3px;

    -moz-border-radius: 0 0 3px 3px;

    -o-border-radius: 0 0 3px 3px;

    -ms-border-radius: 0 0 3px 3px;

}

.menu > li > ul > li:last-child > a {

    border: none;

}

.menu > li > ul > li > a {

    display: block;

    white-space: nowrap;

    color: inherit;

    line-height: 40px;

    font-size: inherit;

    background: rgba(255, 255, 255, 0);

    border-bottom: solid 1px rgba(255, 255, 255, 0.2);

    padding: 0 24px 0 0;

    text-decoration: none !important;

    text-transform: capitalize;

    text-align: left;

    font-size: 17px;

}

.menu > li > ul > li > a > span {

    display: none;

}

.menu > li > ul > li:hover {

    z-index: 3;

}

.menu > li > ul > li:hover > a {

    padding: 0 12px 0 12px;

    background: rgba(255, 255, 255, 0.2);

    border-color: transparent;

}

.menu > li > a i {

    display: inline-block;

    vertical-align: middle;

    margin: -2px 0 0 2px;

    color: inherit;

    font-size: 11px;

}

.wrapper, .over, .menuRightMain, .menu > li > ul > li > a, .homeSearch, .rightNav .button > span, .banPro .owl-dot:after, .slidePro_item .thumb:after, .slidePro_item .tit span:after, .oneNews .thumb:after, .oneNews .tit:after, .descProjects {

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

}

.construction > span > a, .backTop, .menu > li > a, .menu > li > a:after, .btn, .slidePic .owl-prev, .slidePic .owl-next, .openFormSerch, .openFormSerch:after, .btn-pro, .aboutLink .tit, .banPro .owl-dot, .itemBan .desc .tit, .navVert .owl-prev, .navVert .owl-next, .oneNews .tit, .map:after, .map:before, .loadMore, .pic-pro-slider .owl-nav, .readmore > span, .readmore > label, .itemPro > span, .itemPro > h3, .itemPro > p, .menu > li > ul > li > a {

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

}

.lang_top {float: right;/* margin-right: 10px; */margin-top: 3px;}

.lang_top a {display: inline-block;margin-left: 5px;line-height: 0;}

.lang_top a img {height: 20px;/* border: solid #00aeef 2px; */border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-o-border-radius: 50px;-ms-border-radius: 50px;width: auto;/* transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; */-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;}

.lang_top a img:hover {/* border: solid #f26a3a 2px; */}

.header {background: #fff;position: relative;padding-top: 10px;padding-bottom: 10px;}

.header:before {

    background: url(../images/pattern.png) repeat scroll center top transparent;

    content: "";

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    height: 23px;

    bottom: -23px;

    z-index: 3;

}

.logo_top {
    float: left;
    /* padding-left: 10px; */
}

.logo_top img {
    width: auto;
    height: 47px;
}

.rihgt_header {float: right;padding: 5px 0;}

.timkiem_top {
    z-index: 2;
    float: right;
    border: solid #ccc 1px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    background: #fff;
    /* margin-right: 5px; */
    margin-top: 0;
}

.input_search {padding: 5px 20px;height: 35px;width: 190px;float: right;color: #999;background: none;border: none;font-size: 13px;}

.input_search:focus {

    color: #000;

}

.search a {

    width: 40px;

    height: 35px;

    text-indent: -10000px;

    background: url(../images/icon-search.png) no-repeat center center;

    float: right;

    border-left: 0px;

    margin-right: 10px;

}

.search a:hover {

    background: url(../images/icon-search_hover.png) no-repeat center center;

}

.giohang_id {

    float: right;

    background: url(../images/icon_giohang.png) left center no-repeat;

    padding-left: 33px;

    line-height: 35px;

    min-height: 35px;

    margin-right: 5px;

    margin-top: 0;

}

.giohang_id h3 {

    color: #fff;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 500;

    line-height: 20px;

    width: 20px;

    height: 20px;

    text-align: center;

    display: block;

    background: #00aeef;

    padding: 5px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    margin-top: 2px;

}

.giohang_id:hover h3 {

    color: #fff;

    background: #2349ac;

}

.company_time {
    padding-right: 10px;
    /* float: right; */
    /* padding-top: 3px; */
}

.company_time i, .right_header h3 i {

    margin-right: 7px;

    font-size: 18px;

}

.company_time ul li {

    float: left;

    list-style: none;

    margin-left: 0;

    color: #666;

    font-size: 18px;

    margin-right: 0;

    text-transform: none;

    padding: 0 10px;

    line-height: 30px;

}

.company_time ul li a {

    color: #333;

}

.company_time ul li a:hover {

    color: #008c45;

}

.company_time ul li span {

    color: #ed2024;

    font-size: 19px;

}

.imges_id_page {height: 280px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cove;}

.imges_id_page ul {

    z-index: 2;

    position: relative;

}

.imges_id_page ul h2 {

    text-transform: uppercase;

    color: #ffffff;

    font-size: 30px;

    line-height: 50px;

    position: relative;

    font-weight: normal;

    float: left;

    margin-left: 10px;

    padding-left: 20px;

}

.imges_id_page ul h2:after {

    content: "";

    display: -webkit-inline-box;

    clear: both;

    width: 5px;

    background: #ec2f34;

    height: 34px;

    left: 0px;

    position: absolute;

    top: 9px;

    z-index: 2;

}

.bannerMain_box {/* background: url(../images/bgslide.jpg) center center fixed; */background-position: center center;background-size: cover;background-repeat: no-repeat;/* padding: 40px 0; */}

.bannerInside {

    width: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

}

.bannerMain {position: relative;overflow: hidden;height: auto;/* padding: 10px; */z-index: 0;/* margin-top: 25px; *//* margin-bottom: 20px; */background: #fff;-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);/* -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); *//* box-shadow: 0 0 8px rgba(0,0,0,0.5); */}

.banner li:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.0);

    transition: .3s all ease;

    z-index: 1;

}

.banner li {

    float: left;

    width: 100%;

    height: auto;

    list-style: none;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    cursor: default;

    position: relative;

}
.banner li img{width: 100%; height: auto;}
.posBL {

    left: 0px;

    bottom: 0px;

}

.pagiBanner {

    position: relative;

    left: 0;

    right: 0;

    bottom: 40px;

    margin: auto;

    width: auto;

    text-align: center;

    z-index: 10;

}

.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a {

    display: inline-block;

    vertical-align: text-top;

    width: 15px;

    height: 15px;

    background: #ccc;

    text-indent: -100000px;

    margin: 0 5px;

    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);

    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);

    box-shadow: 0 0 8px rgba(0,0,0,0.5);

    border: solid #fff 3px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

}

.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected {

    background: #EF3037;

}

.pagiBanner_2, .pagiBanner_3 {

    position: relative;

    left: 0;

    right: 0;

    bottom: -20px;

    margin: auto;

    width: auto;

    text-align: center;

    z-index: 10;

}

.doitac_home {

    padding: 30px 0;

    background: #eee;

}

.logo_thuonghieu {

    float: left;

    width: 180px;

    margin-right: 10px;

    margin-left: 10px;

    list-style: none;

}

.logo_thuonghieu img {

    width: 100%;

    height: auto;

    line-height: 0;

    border: solid #e0e0e0 1px;

    background: #fff;

    box-shadow: 4px 4px 0px rgba(0,0,0,0.15);

}

.logo_thuonghieu:hover {

    opacity: .7;

}

.owl-nav button, .placeNav_3 {position: absolute;top: 30%;z-index: 3;color: #fff;font-size: 44px;width: 30px;height: 40px;line-height: 15px;text-align: center;opacity: 0;background: #0000008a;border: none;}

.placeNav {

    position: absolute;

    top: 40px;

    z-index: 3;

    color: #999;

    font-size: 20px;

    width: 15px;

    line-height: 20px;

    height: 25px;

    background: rgba(51, 51, 51, 0.69);

    text-align: center;

    opacity: 0;

}

.placeNav.prev, .owl-prev, .placeNav_3.prev {

    left: 10px;

}

.owl-next, .placeNav_3.next {

    right: 10px;

    text-indent: 3px;

}

.placeNav.next {

    right: 10px;

    text-indent: 3px;

}

.placeSlide_main:hover .placeNav, .placeSlide_main:hover .owl-nav button, .placeSlide_main:hover .placeNav_3 {

    opacity: 1;

}

.placeNav:hover, .placeNav_2:hover, .placeNav_3:hover {

    color: #ffffff;

    background: #26a0da;

}

.placeSlide_main {

    position: relative;

    overflow: hidden;

}

.placeSlide, .placeSlide_doiac {

    width: 1300px;

}

.tilte_page_id h3 {background: url(../images/bg_line.png) center bottom no-repeat;padding-bottom: 45px;margin-bottom: 25px;font-size: 26px;line-height: 35px;font-weight: normal;text-transform: uppercase;color: #056095;text-align: center;/* font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; */font-weight: 500;}

.tintuc_box_home {

    padding: 30px 0;

    background: #eee;

}

.left_tt_home {

    float: left;

    /* margin:10px; */



    width: 800px;

}
.left_tt_home.left_tt_page{width: 100%;}
.left_tt_home ul li, .left_tt_home ul li img {

    list-style: none;

    line-height: 0;

    position: relative;

    overflow: hidden;

    display: block;

    width: 100%;

    height: auto;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);/* margin: 6px; */

}

.left_tt_home ul li img:hover, .right_tt_home ul li img:hover, .id_bds ul li img:hover, .project_home_id ul li img:hover, .list_pro_home ul li img:hover, .tintuc_page_id ul li img:hover, .doitac_id ul li img:hover, .sanpham_home_id ul li img:hover, .sanpham_left_id ul li img:hover {

    transform: scale(1.2);

    opacity: 1;

    -webkit-filter: grayscale(0);

}

.left_tt_home ul h3 a {

    display: block;

    padding: 15px 15px 10px 15px;

    color: rgba(0,0,0,.94);

    font-size: 19px;

    font-weight: normal;

    line-height: 30px;

}

.left_tt_home ul h3 a:hover, .right_tt_home ul h3 a:hover, .id_bds ul:hover h3 {color: #056095;}

.left_tt_home ul h4 {

    display: block;

    padding: 0 15px;

    color: #666;

    font-size: 16px;

    font-weight: normal;

    line-height: 25px;

}

.left_tt_home ul h4 i, .right_tt_home ul h3 span i {

    padding-right: 5px;

}

.left_tt_home ul p {

    color: #666;

    line-height: 28px;

    padding: 5px 15px 15px 15px;

}

.left_tt_home ul {

    float: left;

    margin: 10px;

    width: 380px;

    background: #fff;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

}

.right_tt_home {float: left;/* margin: 10px; */width: 335px;background: #fff;/* padding: 10px; *//* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); */}

.right_tt_home ul {

    margin-bottom: 10px;

}

.right_tt_home ul li {float: left;list-style: none;line-height: 0;width: 130px;position: relative;overflow: hidden;display: block;}

.right_tt_home ul li img {

    width: 100%;

    height: auto;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

}

.right_tt_home ul h3 {float: right;width: 186px;}

.right_tt_home ul h3 a {display: block;color: rgba(0,0,0,.94);font-size: 16px;font-weight: normal;line-height: 22px;}

.right_tt_home ul h3 span {

    color: #666;

    font-size: 14px;

    font-weight: normal;

    line-height: 25px;

    display: block;

    padding-top: 3px;

}

.marquee {overflow: hidden;height: 260px;}

.marquee2 {

    overflow: hidden;

    height: 600px;

    margin-top: 20px;

    margin-bottom: 10px;

}

.sanpham_home_id ul:hover, .sanpham_left_id ul:hover {

    transform: translateY(-10px);

    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);

}

.sanpham_home_id_2 ul {

    float: left;

    margin: 10px;

    padding: 10px;

    background: #fff;

    width: 360px;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

    transition: all .3s;

    text-align: center;

}

.sanpham_home_id_2 ul li {

    line-height: 0;

    list-style: none;

    position: relative;

    overflow: hidden;

    display: block;/* border-bottom: solid #87479C 5px; */

}

.sanpham_home_id_2 ul li img {

    width: 100%;

    height: 250px;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

}

.sanpham_home_id ul {float: left;margin: 0 10px 20px 10px;padding: 0px;background: #eee;width: 380px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);transition: all .3s;text-align: center;min-height: 225px;}

.sanpham_home_id ul li {

    line-height: 0;

    list-style: none;

    position: relative;

    overflow: hidden;

    display: block;/* border-bottom: solid #87479C 5px; */

}

.sanpham_home_id ul li img {

    width: 100%;

    height: auto;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

}

.sanpham_left_id ul {

    margin-top: 20px;

    padding: 10px;

    background: #fff;

    width: auto;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

    transition: all .3s;

    text-align: center;

}

.sanpham_left_id ul li {

    line-height: 0;

    list-style: none;

    position: relative;

    overflow: hidden;

    display: block;/* border-bottom: solid #87479C 5px; */

}

.sanpham_left_id ul li img {

    width: 100%;

    height: auto;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

}

.sanpham_home_id ul h3, .sanpham_left_id ul h3 {

    text-align: center;

    color: #333;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: normal;

    margin-top: 10px;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    line-height: 25px;

}

.sanpham_home_id ul h4, .sanpham_left_id ul h4 {

    color: #f00;

    font-weight: normal;

    font-size: 20px;

    padding: 0 5px;

    text-transform: uppercase;

    line-height: 30px;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

}

.sanpham_home_id ul h4 span, .sanpham_left_id ul h4 span {

    color: #878787;

    font-weight: normal;

    font-size: 17px;

    padding-left: 5px;

    text-decoration: line-through;

}

.sanpham_home_id_2 ul h3, .sanpham_left_id ul h3 {

    text-align: center;

    color: #333;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: normal;

    margin-top: 10px;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    padding-bottom: 10px;

}

.sanpham_home_id ul:hover h3, .sanpham_home_id_2 ul:hover h3, .sanpham_left_id ul:hover h3, .duan_id ul:hover h3, .duan_id_page ul:hover h3 {color: #282a89;}

.sanpham_home_id ul p, .sanpham_home_id_2 ul p, .sanpham_left_id ul p {

    color: #666;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: normal;

    margin-bottom: 5px;

    line-height: 25px;

}

.box_sanpham_home {/* padding: 30px 0; */background: #fff;}
.item_dichvu{float: left;width: 49%;margin: 10px 0.5%;padding: 5px;border: 1px solid #ddd;background: #eee;}
.item_dichvu .img_service{width: 25%;float: left;line-height: 0px;}
.item_dichvu .img_service img{width: 100%; height: auto;}
.item_dichvu .info_service{width: 74%;float: right;color: #333;font-size: 16px;line-height: 22px;}
.item_dichvu .info_service h3{color: #333;font-weight: normal;margin: 5px 0;font-size: 18px;}
.item_dichvu:hover .info_service h3{color: #282a89;}
.pro_home_box {

    padding-top: 40px;

    padding-bottom: 20px;

}

.list_pro_home ul {

    float: left;

    margin: 0 10px 20px 10px;

    width: 260px;

    transition: all .3s;

    border-top: 1px solid #f8f8f8;

    background: #fff;

    text-align: center;

    padding: 10px;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

}

.list_pro_home ul li, .list_pro_home ul li img {

    height: auto;

    width: 100%;

    list-style: none;

    line-height: 0;

    position: relative;

    overflow: hidden;

    display: block;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

}

.list_pro_home ul h3 {

    color: #333;

    font-weight: normal;

    font-size: 18px;

    text-transform: uppercase;

    line-height: 30px;

    padding-top: 10px;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

}

.list_pro_home ul:hover h3, .doitac_id ul:hover h3 {

    color: #214551;

}

.list_pro_home ul p {

    color: #666;

    font-weight: normal;

    font-size: 16px;

    line-height: 30px;

}

.box_why_home {

    padding: 30px 0;

    background: #fff;

}

.why_home_id ul {

    text-align: center;

    margin: 10px 10px 0 10px;

    float: left;

    width: 280px;

}

.why_home_id ul li {

    list-style: none;

    font-size: 40px;

    padding: 20px;

    background: #26a0da;

    color: #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}

.why_home_id ul h3 {

    color: #333;

    font-weight: normal;

    font-size: 21px;

    text-transform: uppercase;

    line-height: 35px;

    padding-top: 15px;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

}

.why_home_id ul p {

    color: #666;

}

.link_page ul li i {

    color: #fff;

    margin-right: 7px;

}

.link_page {

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    background: #f4f4f4;

    line-height: 32px;

    padding: 5px 0;

}

.link_page ul li {

    float: left;

    list-style: none;

    background: url(../images/w_bg_location.gif) center right no-repeat;

    padding-right: 20px;

    padding-left: 12px;

}

.link_page ul li i {

    color: #7f7f7f;

    font-size: 18px;

    line-height: 32px;

}

.link_page ul li a {

    display: block;

    color: #7f7f7f;

    font-size: 15px;

    text-transform: uppercase;

}

.link_page ul li a:hover {

    color: #f26a3a;

}

.footer_top {background: #007dc5;padding: 20px 0;}

.footer_top ul {float: left;margin: 0 10px;width: 178px;}

.footer_top ul.face_bottom {

    width: 280px;

}

.footer_top ul.contact_footer {width: 484px;}

.footer_top ul.contact_footer p {

    color: #fff;

}

.footer_top ul.contact_footer p img {

    height: 100px;

    width: auto;

    margin-top: 15px;

}

.footer_top ul.contact_footer p i {

    padding-right: 7px;

}

.footer_top ul h3 {

    color: #ffffff;

    font-weight: normal;

    font-size: 22px;

    text-transform: uppercase;

    padding-bottom: 10px;

    position: relative;

    line-height: 35px;

}

.footer_top ul li {

    list-style: none;

    border-bottom: dotted #FFFFFF 1px;

    padding-bottom: 10px;

    margin-bottom: 10px;

    font-size: 17px;

    line-height: 25px;

    text-transform: capitalize;

}

.footer_top ul li a {

    color: #fff;

    display: block;

}

.footer_top ul li a:hover {

    color: #ffffff;

    text-decoration: underline;

}

#sharelink {

    -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards;

    -moz-animation: blurFadeRight 0.4s ease-in .4s backwards;

    -ms-animation: blurFadeRight 0.4s ease-in .4s backwards;

    padding-top: 20px;

    margin-top: 20px;

    border-top: solid #CCC 1px;

    height: 35px;

}

.sharelink {

    -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards;

    -moz-animation: blurFadeRight 0.4s ease-in .4s backwards;

    -ms-animation: blurFadeRight 0.4s ease-in .4s backwards;

    text-align: center;

    padding-top: 10px;

    height: 35px;/* float: left; */

}

.sharelink a img {background: #007dc5;border: solid #fff 3px;padding: 4px;margin-right: 10px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;/* opacity: 0.5; */}

.sharelink img:hover {background: #007dc5;opacity: 10;/* border: solid #ffffff 1px; */}

.bottom_id_copyright {text-align: center;padding: 20px 0;background: #056095;color: #fff;}

.bottom_id_copyright a {

    color: #fff;

    font-weight: normal;

}

.bottom_id_copyright a:hover {

    color: #f26a3a;

    text-decoration: underline;

}

#back-top {

    position: fixed;

    bottom: 30px;

    right: 10px;

    z-index: 1;

}

#back-top a {display: block;width: 40px;line-height: 40px;background: #7fc4ec;outline: none;color: #fff;font-size: 17px;text-align: center;transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;}

#back-top a:hover {

    color: #fff;

    background: #0a77ab;

}

.gioithieu_home {

    padding: 30px 0;

    background: #fff;

}

.gioithieu_home li {list-style: none;float: left;width: 485px;margin-left: 10px;padding: 10px;background: #fff;-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);box-shadow: 0 0 8px rgba(0,0,0,0.5);height: auto;line-height: 0px;}

.gioithieu_home li img {width: 100%;height: auto;}

.gioithieu_home .info_home {float: right;width: 700px;/* margin-right: 10px; */font-size: 17px;color: #333;padding: 0 10px;line-height: 29px;text-align: justify;}

.gioithieu_home .info_home h3 {/* margin-bottom: 15px; */font-size: 30px;line-height: 35px;font-weight: normal;text-transform: uppercase;color: #056095;}

.gioithieu_home .info_home h4 a {float: right;font-size: 18px;color: #fff;background: #007dc5;padding: 5px 30px;text-transform: uppercase;font-weight: 500;display: block;line-height: 35px;transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;/* margin-top: 20px; */border-radius: 5px;}

.gioithieu_home .info_home h4 a:hover {color: #fff;background: #056095;}

.title_page ul h2 {text-transform: uppercase;color: #007dc5;font-size: 30px;line-height: 50px;position: relative;font-weight: normal;float: left;margin-left: 10px;padding-left: 20px;margin-bottom: 15px;}

.title_page ul h2:after {content: "";display: -webkit-inline-box;clear: both;width: 5px;background: #007dc5;height: 34px;left: 0px;position: absolute;top: 9px;z-index: 2;}

.left_conten {float: left;margin-left: 10px;width: 320px;padding: 14px 10px;border-top: 1px solid #f8f8f8;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);background: #fff;}

.right_conten {float: right;width: 870px;}

.title_left_content, .check_id h3 {color: #fff;font-weight: normal;font-size: 20px;text-transform: uppercase;position: relative;background: #007dc5;text-align: center;padding: 5px 0;line-height: 40px;}

.menu_left ul li {

    list-style: none;

}

.menu_left ul li a {display: block;color: #fff;background: #00aeef;line-height: 30px;padding: 10px 10px;font-size: 17px;text-transform: capitalize;border-bottom: solid #fff 1px;font-weight: 500;}

.menu_left ul li a i {

    padding-right: 5px;

}

.menu_left ul li a:hover {color: #fff;background: #007dc5;}

.mausac_sp ul h3 {

    float: left;

    font-size: 17px;

    color: #323232;

    font-weight: normal;

    line-height: 20px;

}

.box_sp_left {/* margin-top: 20px; */}

.viewLeft {

    width: 430px;

    float: left;

}

.tintuc_page_id h2 {

    font-size: 25px;

    font-weight: normal;

    color: #111;

    text-transform: uppercase;

    padding-bottom: 15px;

    letter-spacing: 4px;

    text-align: center;

}

.tintuc_page_id h5 {

    font-size: 16px;

    font-weight: normal;

    color: #999;

    text-transform: uppercase;

    text-align: center;

    padding-bottom: 30px;

    letter-spacing: 1px;

}

.tintuc_page_id ul {

    margin: 0 10px 20px 10px;

    float: left;

    width: 430px;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

    transition: all .3s;

    background: #fff;

    display: block;

}

.tintuc_page_id ul li, .tintuc_page_id ul li img {

    width: 100%;

    height: auto;

    list-style: none;

    line-height: 0;

    position: relative;

    overflow: hidden;

    display: block;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

}

.tintuc_page_id ul h3 a {

    color: #333;

    font-weight: normal;

    font-size: 20px;

    text-transform: uppercase;

    padding: 20px;

    display: block;

    line-height: 30px;

    padding-bottom: 10px;

}

.tintuc_page_id ul h3 a:hover, .hinhanh_id ul:hover h3 {

    color: #00adef;

}

.tintuc_page_id ul p {

    color: #666;

    font-weight: normal;

    font-size: 17px;

    text-transform: none;

    padding: 20px;

    padding-top: 10px;

    line-height: 26px;

}

.tintuc_page_id ul h4 a {

    background: #3C8BC7;

    text-transform: uppercase;

    color: #fff;

    padding: 2px 40px;

    font-size: 15px;

    line-height: 35px;

    font-weight: normal;

    display: inline-block;

    -webkit-transition: color 0.3s;

    -moz-transition: color 0.3s;

    transition: color 0.3s;

    position: relative;

    margin-bottom: 20px;

    margin-left: 20px;

    margin-right: 20px;

}

.tintuc_page_id ul h4 a:hover {

    background: #214551;

    color: #fff;

}

.tintuc_page_id ul span {

    color: #666;

    /* letter-spacing: 1px; */



    font-weight: normal;

    font-size: 16px;

    text-transform: none;

    margin: 0 20px;

    position: relative;

    line-height: 30px;

    border-bottom: solid #CCC 1px;

    padding-bottom: 10px;

}

.tintuc_page_id ul span i {

    padding-right: 10px;

}

.title_news {

    border-bottom: solid 1px #E6E6E6;

    margin-bottom: 15px;

}

.title_news h2 {font-size: 25px;line-height: 30px;font-weight: 500;color: #056095;text-transform: uppercase;margin-bottom: 10px;}

.title_news li {

    font-size: 17px;

    color: #666;

    list-style: none;

    list-style: none;

    background: url(../images/icon_day.png) center left no-repeat;

    padding-left: 25px;

    margin-bottom: 10px;

    font-style: italic;

}

.title_news p {

    line-height: 35px;

    color: #333;

    font-size: 22px;

    font-style: italic;

    font-weight: normal;

    padding-bottom: 15px;

}

.nums {

    table-layout: auto;

    margin-top: 5px;

    text-align: center;

}

.nums li {

    list-style: none;

    display: inline-table;

}

.nums a {font-size: 19px;display: block;margin: 0 6px 0 0;padding: 5px;line-height: 20px;height: 30px;width: 30px;table-layout: inherit;text-align: center;color: #fff;background: #26a0da;/* border: #ccc 1px solid; */text-decoration: none;/* border-radius: 20px; *//* -webkit-border-radius: 20px; */-moz-border-radius: 20px;-o-border-radius: 20px;}

.nums a:hover, .nums a.active, .nums a.stay:hover {

    background: #f26a3a;

    color: #ffffff;

}

.nums a.stay {

    background: #ed2024;

    color: #fff;

}

.comment_face {

    margin-top: 20px;

    margin-bottom: 20px;

}
.company_contact{float: left; width: 510px;}
.company_contact ul {

    margin: 0 10px 20px 10px;

    background: #fff;

    padding: 20px;

    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);

}

.company_contact ul.contact_2 {

    /* width: 240px; */



}

.company_contact ul p {

    font-size: 18px;

    line-height: 25px;

    padding-top: 5px;

    color: #666;

}

.company_contact ul h3 {

    text-transform: uppercase;

    color: #00ADEF;

    font-size: 25px;

    line-height: 35px;

    font-weight: normal;

    margin-bottom: 5px;

}

.company_contact ul h3 i {

    margin-right: 10px;

}

.map_contact iframe {

    width: 100%;

    height: 500px;

}

.map_contact {

    padding: 10px;

    background: #fff;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

}
.contact{float: right;width: 680px;}
.contact h2 {

    text-transform: uppercase;

    font-size: 18px;

    line-height: 25px;

    font-weight: normal;

    color: #666;

    padding-bottom: 20px;

}

.contact .left {

    width: 49%;

    float: left;

}

.contact .right {

    width: 49%;

    float: right;

}

.formBox li {

    display: block;

    position: relative;

    margin-bottom: 10px;

    z-index: 0;

}

.formBox li input, .formBox li textarea {

    border: solid 1px #E1E1E1;

    height: 45px;

    color: #999;

    padding: 0 10px 0 45px;

    font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif;

    font-size: 14px;

    box-sizing: border-box;

    text-transform: capitalize;

}

.formBox li textarea {

    padding: 10px 10px 10px 45px;

    height: 210px;

}

.contact .left input {

    width: 100%;

}

.contact .right input, .contact .right textarea {

    width: 100%;

}

.formBox li:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 45px;

    height: 50px;

    background-repeat: no-repeat;

    background-position: center center;

    z-index: 10;

}

.formBox li.name:after {

    background-image: url("../images/contact/c_name.png")

}

.formBox li.phone:after {

    background-image: url("../images/contact/c_phone.png");

}

.formBox li.mail:after {

    background-image: url("../images/contact/c_mail.png");

}

.formBox li.local:after {

    background-image: url("../images/contact/c_local.png");

}

.formBox li.subject:after {

    background-image: url("../images/contact/c_subject.png");

}

.formBox li.mess:after {

    background-image: url("../images/contact/c_mess.png");

}

.formBox li.code:after {

    background-image: url("../images/contact/c_code.png");

}

.formBox li.day:after {

    background-image: url("../images/contact/day.png");

}

.formBox li.songuoi:after {

    background-image: url("../images/contact/songuoi.png");

}

.formBox .button {float: right;text-transform: uppercase;font-size: 18px;padding: 0 25px;margin-left: 10px;height: 40px;line-height: 40px;margin-top: 10px;color: #FFF;background: #00aeef;white-space: nowrap;/* border-radius: 5px; */webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;margin-bottom: 20px;}

.formBox .button:hover {color: #FFF;background: #282a89;}

.formBox li span {

    position: absolute;

    right: 0;

    top: 0;

    line-height: 42px;

    padding: 0 10px;

    font-weight: normal;

    z-index: 2;

    letter-spacing: 1px;

    user-select: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -o-user-select: none;

    -ms-user-select: none;

}

.page_conten_page {

    padding-top: 30px;

    padding-bottom: 30px;

}

.viewRight {width: 738px;float: right;}

.viewRight h1 {

    font-size: 25px;

    color: #ed2024;

    line-height: 30px;

    font-weight: 500;

    /* border-bottom: dotted #CCCCCC 1px; */

    padding-bottom: 10px;

    /* margin-bottom: 5px; */

    padding-left: 10px;

}

.viewRight h1 span {

    font-size: 21px;

    padding-left: 10px;

    font-weight: normal;

    color: #333;

    text-decoration: line-through;

}

.viewRight .desc {

    /* border-bottom: dotted 1px #ddd; */

    /* margin-bottom: 2px; */

    /* padding-bottom: 10px; */

}

.viewRight .desc b {

    display: block;

    margin-bottom: 10px;

    font-size: 27px;

    color: #ef3037;

    font-weight: normal;

}

.viewRight .desc b span {

    margin-left: 15px;

    font-size: 19px;

    color: #666;

    font-weight: normal;

    text-decoration: line-through;

}

.viewRight .desc li {

    line-height: 22px;

    margin-bottom: 10px;

    text-indent: 15px;

    list-style: none;

    background: url("../images/icon-check-pink.png") no-repeat left 4px;

    margin-left: 15px;

    font-size: 17px;

}

.quantity {

    position: relative;

    margin-bottom: 15px;

}

.quantity, .quantity * {

    user-select: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -o-user-select: none;

    -ms-user-select: none;

}

.quantity label {

    font-size: 16px;

    padding-right: 5px;

}

.quantity .input-text {

    width: 50px;

    height: 50px;

    border: none;

    text-align: center;

    font-size: 18px;

    box-shadow: inset 0 0 5px rgba(0,0,0,.2);

}

.quantity p {

    padding: 15px 0 10px 0;

    border-top: dotted 1px #ddd;

    font-size: 18px;

    text-transform: uppercase;

}

.quantity .minus, .quantity .plus {

    position: absolute;

    bottom: 0px;

    left: 130px;

    width: 30px;

    height: 23px;

    border: none;

    cursor: pointer;

    font-size: 18px;

    color: #fff;

    text-align: center;

    -webkit-appearance: none;

    appearance: none;

    background: #034ea2;

    line-height: 19px;

}

.quantity .minus {

    font-size: 25px;

}

.quantity .plus {

    bottom: 27px;

}

.quantity a {

    position: relative;

    height: 50px;

    line-height: 52px;

    position: absolute;

    /* float: left; */

    /* right: 0; */

    /* bottom: -1px; */

    font-size: 18px;

    text-transform: uppercase;

    padding: 0 18px 0 50px;

    color: #fff;

    border: solid 1px #fff;

    box-shadow: 1px 1px 1px rgba(0,0,0,.1);

    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);

    background: #00ad97;

    margin-left: 50px;

}

.quantity a:hover {

    color: #fff;

    background: #034ea2;

}

.quantity a:before {

    content: "";

    background-image: url("../images/icon-cart-w.png");

    background-position: center center;

    position: absolute;

    top: 12px;

    left: 10px;

    width: 26px;

    height: 22px;

    z-index: 2;

    line-height: normal;

}

#proView .link a {

    display: inline-block;

    height: 24px;

    line-height: 26px;

    padding-left: 30px;

    color: #333;

    position: relative;

}

#proView .link a:hover {

    color: #f00;

}

#proView .link a:first-child {

    margin-right: 22px;

}

#proView .link {

    margin-bottom: 15px;

}

#proView .link a:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 24px;

    height: 24px;

    background-color: #646464;

    background-position: center center;

    background-repeat: no-repeat;

}

#proView .link a.b_mail:after {

    background-image: url("../images/icon-mail.png");

}

#proView .link a.b_share:after {

    background-image: url("../images/icon-share.png");

}

#proCont {

    padding: 0px 0px;

}

.listDesc {

    margin-bottom: 15px;

    box-shadow: inset 0 -5px #E6E6E6;

}

.listDesc a {

    text-transform: uppercase;

    font-size: 20px;

    display: inline-block;

    line-height: 40px;

    margin-right: 20px;

    padding-bottom: 5px;

    box-shadow: inset 0 -5px #646464;

    color: #999;

}

.titleView {background: url(../images/title-line.png) repeat-x left bottom;position: relative;padding: 0px 0 15px 0;margin-bottom: 15px;line-height: 35px;font-size: 30px;color: #282a89;font-weight: 500;text-transform: capitalize;}

.viewRight h2 {

    font-size: 20px;

    position: relative;

    border-bottom: dotted 1px #ddd;

    /* margin-bottom: 15px; */

    padding-bottom: 10px;

    color: #f60;

}

#bridal_images {

    border: 1px solid #CCC;

    background: #fff;

    padding: 5px;

    width: 420px;

    height: auto;

    overflow: hidden;

    margin-bottom: 12px;

}

#bridal_images img {border: none;width: 100%;height: auto;margin: 0px auto;}

#bridal_images_list {

    display: block;

    width: 95%;

    padding-left: 20px;

    position: relative;

}

#bridal_images_list li {

    margin-right: 10px;

    list-style: none;

    float: left;

    height: auto;

    width: 85px;

    border: 1px solid #CCC;

    background: #fff;

    padding: 4px;

    text-align: center;

    overflow: hidden;
    line-height: 0px;
}

#bridal_images_list li:hover {

    border: 1px solid #999;

    background: #fff;

}

#bridal_images_list img {

    width: auto;

    height: auto;

    width: 100%;

    border: none;

}

.pro_slide_prev, .pro_slide_next {

    position: absolute;

    width: 12px;

    border: solid 1px #ccc;

    bottom: 50%;

    height: 50px;

    margin-bottom: -25px;

    text-indent: -10000px;

}

.pro_slide_prev {

    left: 0px;

    border-radius: 5px 0px 0px 5px;

    background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4;

}

.pro_slide_next {

    right: 0px;

    border-radius: 0px 5px 5px 0px;

    background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4;

}

a.pro_slide_prev.disabled, a.pro_slide_next.disabled {

    opacity: .5;

}

a.pro_slide_prev.disabled, a.pro_slide_next.disabled {

    cursor: default;

}

.cloud-zoom-lens {

    cursor: move;

}

.cloud-zoom-big {

    overflow: hidden;

}

.cloud-zoom-loading, img.loading {

    background: url(../images/loading.gif) no-repeat scroll center transparent;

}

#pro_img_main {

    margin-bottom: 25px;/* margin-left: 10px; *//* margin-right: 10px; */

}

#cart_list h2, .contact h2 {

    text-transform: uppercase;

    font-size: 22px;

    line-height: 30px;

    font-weight: normal;

    color: #666;

    padding-bottom: 15px;

}

#cart_list {

    /* background: #fff; */

}

#cart_list tr {

    background: #f1f1f1;

}

#cart_list tr a {

    color: #333;

    font-weight: normal;

    font-size: 17px;

}

#cart_list tr a:hover {

    color: #1753a0;

}

#cart_list th {

    background: #1753a0;

    color: #fff;

    font-weight: normal;

    padding: 10px 5px;

    font-size: 17px;

}

#cart_list td {

    padding: 5px;

    text-align: center;

    color: #444;

    font-size: 17px;

    line-height: 24px;

}

#cart_list td input {

    width: 25px;

    padding: 3px 5px;

    text-align: center;

    border: solid 1px #ccc;

    font-size: 17px;

}

#cart_list td img {

    width: 100%;

    height: auto;

    border: none;

}

#cart_list td a.pro_del {

    background: #1753a0;

    font-size: 17px;

    padding: 8px 14px;

    font-weight: normal;

    color: #fff;

}

#cart_list td a.pro_del:hover {

    background: #3a84df;

    color: #fff;

}

#cart_list td #pro_sum {

    float: right;

    font-size: 18px;

    margin-right: 36px;

    font-weight: normal;

}

#cart_list td #pro_sum label {

    color: #ef3037;

    font-size: 23px;

    font-weight: bold;

}

#cart_list td a.pro_del.mar {

    margin: 0px 0px;

}

#cart_list td a.pro_del.float {

    float: left;

    padding: 2px 15px;

}

#cart_list tr:last-child td {

    padding: 15px;

}

#payment_method {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}

#payment_method h3 {

    font-size: 20px;

    color: #4131df;

    font-weight: normal;

    padding-bottom: 0px;

}

#payment_method .payment_method_input {

    list-style: none;

    float: left;

    width: 100%;

    height: 25px;

    margin-bottom: 0px;

}

#payment_method .payment_method_input .radio_check {

    float: left;

    width: 20px;

}

.formBox #payment_method ul li input {

    border: solid 1px #E1E1E1;

    height: 38px;

    color: #999;

    padding: 0 10px 0 45px;

}

#payment_method .payment_method_input span {

    float: left;

    margin-left: 10px;

    width: 93%;

    background: none;

    font-weight: normal;

    color: #333;

}

th {

    background-color: #26a0da;

    color: white;

    line-height: 45px;

    text-align: center;

    font-size: 20px;

    font-weight: normal;

    text-transform: uppercase;

}

tr:hover {

    background-color: #f5f5f5;

}

th, td {

    border-bottom: 1px solid #ddd;

}

th, td {

    padding: 5px 15px;/* text-align: left; */

}

td {

    height: 30px; /* vertical-align: bottom; */

}

th {

    /* text-align: left; */

}

table {

    border: 1px solid black;

}

table {

    width: 100%;

}

table {

    border-collapse: collapse;

}

table, th, td {

    border: 1px solid #ccc;

}

tr:nth-child(even) {

    background-color: #f2f2f2;

}

.add_more_2 ul {

    text-align: center;

    margin-top: 16px;

}

.add_more_2 ul h2 {list-style: none;background: #00aeef;color: #fff;text-align: center;padding: 8px 20px;font-size: 17px;font-weight: normal;margin-left: 1px;float: left;text-transform: uppercase;border-bottom: oldlace;/* border-radius: 5px; */webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;border-radius: 5px;}

.add_more_2 ul h3 {list-style: none;font-size: 17px;background: #282a89;color: #fff;text-align: center;padding: 8px 20px;margin-left: 10px;font-weight: normal;margin-bottom: 5px;float: left;text-transform: uppercase;/* border-radius: 5px; */webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;border-radius: 5px;}

.add_more ul h2:hover, .add_more ul h3:hover, .add_more_2 ul h2:hover, .add_more_2 ul h3:hover {

    background: #26a0da;

    color: #fff;

}

.one-news {

    padding-bottom: 20px;

}

.news-img {

    width: 260px;

    height: auto;

    float: left;

    border: solid 1px #ccc;

    padding: 5px;

    background: #FFF;

}

.news-img:hover {

    border: solid 1px #999999;

    padding: 5px;

    background: #FFF;

    opacity: .8

}

.news-img img {

    width: 100%;

    height: auto;

    margin: 0px;

    border: none;

}

.news-view {width: 580px;float: right;line-height: 26px;}

.news-day {

    font-size: 17px;

    color: #333;

    border-bottom: solid 1px #eee;

    padding: 6px 0px;

    background: url(../images/icon_day.png) center left no-repeat;

    padding-left: 20px;

    margin-bottom: 5px;

}

.tieude_tintuc h1 {

    color: #DA593A;

    font-size: 16px;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 30px;

}

.tieude_tintuc h2, .tieude_tintuc h2 a {

    color: #e95504;

    font-size: 15px;

    font-weight: bold;

    text-transform: none;

}

.tieude_tintuc {

    color: #ff6600;

    font-size: 18px;

    font-weight: bold;

    padding-bottom: 6px;

    text-transform: uppercase;

    line-height: 25px;

}

.tieude_tintuc a {color: #007dc5;font-weight: normal;font-size: 23px;text-transform: none;line-height: 24px;}

.tieude_tintuc a:hover {text-decoration: underline;color: #056095;}

.box_wihte {

    padding: 30px 0;

    background: #fff;

}

#newsRight {



    margin-top: 10px;

}

#newsRight a {

    display: block;

    min-height: 65px;

    background: #EBEBEB;

    margin-bottom: 5px;

}

#newsRight img {

    width: 105px;

    height: 70px;

    float: left;

    margin-right: 10px;

}

#newsRight h1 {

    color: #555;

    padding: 5px 5px 5px 0px;

    line-height: 20px;

    font-size: 16px;

    font-weight: normal;

    text-transform: none;

    background: none;

}

#newsRight a:hover {background: #007dc5;}

#newsRight a:hover h1 {

    color: #fff;

}
.dangkynhantin_footer h2 {

    font-size: 14px;

    font-weight: bold;

    color: #fff;

    border-bottom: dotted rgba(255,255,255,0.75) 1px;

    padding-bottom: 5px;

    margin-bottom: 5px;

    text-transform: uppercase;

}
.dangkynhantin_footer {width: 280px;float: right;/* border: solid rgba(255, 255, 255, 0.64) 1px; *//* padding: 15px; *//* background-color: #1e3548; */margin: 0 10px;color: #fff;}

.dangkynhantin_footer form input {float: left;height: 35px;background: #fff;border: solid #056095 1px;border-right: none;width: 180px;padding: 0 10px;color: #999;list-style: none;/* width: 92.5%; */}

.dangkynhantin_footer ul form input:focus {

    color: #323232;

    background: #fff;

}

.dangkynhantin_footer form a {float: left;line-height: 35px;color: #fff;background: #056095;padding: 0 15px;/* border: solid #5a8bb5 1px; */display: block;/* margin-top: 10px; *//* text-align: center; */}

.dangkynhantin_footer form a:hover {

    color: #fff;

    text-decoration: none;

    background: #008dcf;

    /* border: solid #5a8bb5 1px; */

    border-left: 0;

}

.dangkynhantin_footer p {

    padding: 0px;

    padding-bottom: 10px;

    color: rgb(255, 255, 255);

}
.logo_footer{float: left;width: 125px;padding: 50px 0 0;}
.wowbook {
    position : relative;
    zoom: 1;
}
.wowbook-page   {
    zoom: 1;
}

.wowbook-page-content {
    position : absolute;
    overflow : hidden;
    zoom: 1;
}
.wowbook-page-content img{max-width: 100%; height: auto;}
.wowbook-loading .wowbook-page-content {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

img.wowbook-lazy {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* marker class */
.wowbook-left{}
.wowbook-right{}
.wowbook-disabled{}

.wowbook-handle {
    cursor   : pointer;
    height   : 100%;
    position : absolute;
    top      : 0;
    width    : 50px;
    z-index  : 10000;
    /* without this Chrome will mess the zindex of hardcover when it flips, making
       the cover to jump when the "curl page corner on hover" is enabled */
    -webkit-transform: translate3d(0px, 0px, 10000px);
}

.wowbook-handle.wowbook-disabled {
    display : none;
}

.wowbook-unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.wowbook-page-content.wowbook-double-page {
    padding: 0;
}

/* shadows */
.wowbook-shadow-clipper {
    position : absolute;
    overflow : hidden;
    z-index : 999; /* 1 a menos do que o verso da pagina sendo foldada */
    zoom: 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-shadow-container {
    display  : none;
    position : absolute;
    z-index  : 999; /* 1 a menos do que o verso da pagina sendo foldada */
    zoom: 1;
}

.wowbook-shadow-internal {
    background : url(./images/shadow_internal_fold.png) repeat-y;
    height     : 500px;
    width      : 200px;
    position   : absolute;
    zoom: 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-shadow-fold {
    background : url(./images/shadow_fold.png) right top repeat-y;
    height     : 500px;
    width      : 100px;
    position   : absolute;
    zoom       : 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-shadow-fold-flipped  {
    background-image : url(./images/shadow_fold_flip_h.png);
}

.wowbook-fold-gradient {
    background : url(./images/fold_gradient.png) right top repeat-y;
    height : 500px;
    width : 125px;
    position : absolute;
    top : 0;
    zoom: 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-fold-gradient-flipped {
    background-image :  url(./images/fold_gradient_flip_h.png);
}

.wowbook-fold-gradient-container {
    position : absolute;
    z-index  : 1001; /* 1 a mais que o verso da pagina sendo foldada */
}

.wowbook-gutter-shadow {
    height     : 100%;
    width      : 40px;
    position   : absolute;
    top        : 0;
}

.wowbook-left .wowbook-gutter-shadow {
    background : url(./images/gutter_shadow_left.png) right top repeat-y;
    right      : 0;
    width      : 70px;
}

.wowbook-right .wowbook-gutter-shadow {
    background : url(./images/gutter_shadow_right.png) right top repeat-y;
    left       : 0;
}

.wowbook-hard-page-shadow {
    background : #888;
    position   : absolute;
    top        : 0;
    z-index    : 999; /* 1 a menos do que o verso da pagina sendo foldada */
}

.wowbook-page-number {
    bottom   : 0;
    padding-bottom: 0.3em;
    position : absolute;
}

.wowbook-left .wowbook-page-number {
    left : 0;
    padding-left: 0.5em;
}

.wowbook-right .wowbook-page-number {
    right : 0;
    padding-right: 0.5em;
}

.wowbook-book-shadow{
    -moz-box-shadow: 0 0 7px #666;
    -ms-box-shadow: 0 0 7px #666;
    -webkit-box-shadow: 0 0 7px #666;
    -o-box-shadow: 0 0 7px #666;
    box-shadow: 0 0 7px #666; /* if you change this, change the .wowbook-hard-page-shadow too */
}

.wowbook-hard-page-shadow {
    background : #888;
    box-shadow: 0 0 2px 0px #666;
    background: rgba(96, 96, 96, 0.5);
    position   : absolute;
    top        : 0;
    z-index    : 999;
}

.wowbook-page-holded {
}
.wowbook-page-holded object {
    /* visibility: hidden; */
}
.control {
    margin: 20px 0;
    padding: 0;
    text-align: center;
}
.control a {
    background: #1e90cc;
    color: #fff;
    font-size: 2em;
    padding: 2px 15px;
}
.right{float: right;}
.left{float: left;}
.hotline_head a{color: #777;}
.social-media a{color: #777; display: inline-block;padding: 0 5px; border-right: 1px solid #777;}
.caption_banner{position: absolute;width: 35%;background: rgba(0,101,140,.87);top: calc(100% - 70%);left: calc(100% - 50%);z-index: 999;}
.caption_banner h2 {background-color: transparent;color: #fff;font-size: 28px;font-weight: normal;line-height: 1.2;padding-top: 30px;padding-left: 30px;padding-right: 30px;padding-bottom: 0px;}
.caption_banner a.btn-brand {background: transparent;border: none;border-radius: 0px;color: #fff;font-size: 18px;margin: 0px 0px 35px 30px;margin-bottom: 30px;display: block;border-bottom: 1px solid transparent;padding: 6px 0 2px 0;}
.tintuc_home_box_2 {
    padding: 30px 0;
    background: #fff;
}
.tintuc_home_id ul {

    margin: 10px;

    float: left;

    width: 380px;

}

.tintuc_home_id ul li, .tintuc_home_id ul li img {

    list-style: none;

    line-height: 0;

    position: relative;

    overflow: hidden;

    display: block;

    height: auto;

    width: 100%;

    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);

    -moz-border-radius: 50%;

}
.tintuc_home_id ul h3 a {
    color: #811f20;
    font-weight: normal;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 27px;
    padding-bottom: 7px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    display: block;
}
.tintuc_home_id ul h4 {
    color: #666;
    font-weight: normal;
    font-size: 16px;
    padding: 10px 0;
    text-transform: capitalize;
    line-height: 30px;
}
.tintuc_home_id ul h4 i {
    padding-right: 5px;
}
.tintuc_home_id ul .desc {
    color: #666;
    font-weight: normal;
    font-size: 17px;
    text-transform: none;
    line-height: 25px;
}
.titBox {margin: 0px auto 20px auto;padding: 0 10px;}
.titBox .tit_2 {font-size: 24px;color: #007dc5;line-height: 35px;margin: 0;text-transform: uppercase;letter-spacing: 1px;font-weight: 500;padding-bottom: 5px;/* font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; */}
.titBox:after {content: "";display: inline-table;margin: 0;height: 4px;width: 100px;background: #007dc5;}
.slideshow-container{width: 720px;position: relative;}
.slideshow-container .prev{position: absolute;left: 0px;top: 40%;background: rgba(0,101,140,.87);color: #fff;width: 30px;height: 50px;font-size: 24px;text-align: center;line-height: 50px;cursor: pointer;}
.slideshow-container .next{position: absolute;right: 0px;top: 40%;background: rgba(0,101,140,.87);color: #fff;width: 30px;height: 50px;font-size: 24px;text-align: center;line-height: 50px;cursor: pointer;}
.mobile{display:none;}
.desktop{display:block;}
/*mobile */
@media (max-width:1440px){}
@media (max-width:1366px){}
@media (max-width:1280px){}
@media (max-width:1024px){#menu_mobile{/* display: none; */}.header_mobile{display: none;}.pagewrap{width:100%;}.company_time{float:left;}.rihgt_header{padding: 5px 0;}.menu > li > a{padding: 0 5px;}.gioithieu_home li{width: 35%;height:auto;margin-left:unset;}.gioithieu_home ul{/* width: 52%; */}.gioithieu_home li img{height:auto;}.gioithieu_home .info_home{width: 35%;}.sanpham_home_id ul{width: 31%;margin:1%;}.left_tt_home{width:68%;}.left_tt_home ul{width:48%; margin:1%;}.right_tt_home{width: 30%;}.right_tt_home ul li{width:35%;}.right_tt_home ul h3{width:63%;}.right_tt_home ul h3 a{line-height:20px;}.why_home_id ul{width:23%; margin:1%;}.why_home_id ul li{padding:0px;}.imges_id_page{height:220px;}.left_conten{width: 26%;}.right_conten{width: 72%;}.footer_top ul.contact_footer{width:55%;}.viewLeft{width:45%;}.viewRight{width:53%;}#bridal_images{width:100%; height:auto;}#bridal_images img{width:100%; height:auto;}.news-img{width:36%;}.news-view{width:63%;}.lang_top_mobile li{list-style:none; display:inline-block;}.lang_top_mobile{position:absolute; top:5px; right:5px;}.lang_top_mobile li img{width:25px; height:auto;}}
@media (max-width:980px){body{font-size:15px;}*, *:before, *:after {box-sizing: border-box;}.mobile{display:block;}.desktop{display:none;}.pagewrap{width:100%;}.header_mobile{display:block;}#menu_mobile{visibility: visible;}.header_mobile{background: #08317E;font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;display:block;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 40px;padding: 0 50px;}.header_mobile.fixed{position: fixed;top: 0;left: 0;}.header_mobile a{background: center center no-repeat transparent;background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );display: block;width: 40px;height: 40px;position: absolute;top: 0;left: 10px;}nav {display: none;position: fixed;}.menu{display:none;}.company_time{float:left;}.rihgt_header{padding:20px 0;}.gioithieu_home li{width: 45%;height:auto;margin-left:unset;}.gioithieu_home ul{/* width: 52%; */}.gioithieu_home li img{height:auto;}.sanpham_home_id ul{width: 31%;margin:1%;}.left_tt_home{width:68%;}.left_tt_home ul{width:48%; margin:1%;}.right_tt_home{width: 30%;}.right_tt_home ul li{width:35%;}.right_tt_home ul h3{width:63%;}.right_tt_home ul h3 a{line-height:20px;}.why_home_id ul{width:23%; margin:1%;}.why_home_id ul li{padding:0px;}.imges_id_page{height:220px;}.left_conten{width: 26%;}.right_conten{width: 72%;}.footer_top ul.contact_footer{width:55%;}.viewLeft{width:45%;}.viewRight{width:53%;}#bridal_images{width:100%; height:auto;}#bridal_images img{width:100%; height:auto;}.news-img{width:36%;}.news-view{width:63%;}.lang_top_mobile li{list-style:none; display:inline-block;}.lang_top_mobile{position:absolute; top:5px; right:5px;}.lang_top_mobile li img{width:25px; height:auto;}}
@media (max-width:960px){}
@media (max-width:900px){}
@media(max-width:854px){}
@media(max-width:818px){}
@media(max-width:800px){}
@media(max-width:768px){.logo_top{float:none;padding-left:unset;text-align:center;position: relative;z-index: 99;}.rihgt_header{width:100%;text-align:center;padding: 5px 0;position: absolute;z-index: 98;top: 0px;right: 10px;}.gioithieu_home li{width:35%;}.gioithieu_home ul{/* width:62%; */}.left_conten{display:none;}.right_conten{width:100%;}.titleView{font-size:26px;}.right_tt_home{/* display:none; */}.left_tt_home{width:100%;}.company_time{float:none; display:inline-block;}.timkiem_top{float:none;display: none;}.company_time ul li{display:inline-block; float:none;}.gioithieu_home .info_home{width: 65%;}.gioithieu_home .info_home h3{font-size: 20px;}.profiles .feature img{width: 100%; height: auto;}.caption_banner{width: 50%;left: 40%;top: 56px;}}
@media(max-width:740px){}
@media(max-width:736px){}
@media(max-width:732px){}
@media(max-width:720px){}
@media(max-width:696px){}
@media(max-width:668px){}
@media(max-width:641px){.gioithieu_home li, .gioithieu_home ul{width:100%;margin-right:unset;padding:10px;line-height: 25px;}.sanpham_home_id ul{width:48%;min-height: 165px;}.logo_footer{padding: 10px 0;}.dangkynhantin_footer{width: 100%; margin: 0px; padding: 10px;}}
@media(max-width:600px){}
@media(max-width:568px){}
@media(max-width:480px){.right_tt_home{width: 100%;}.gioithieu_home .info_home{width: 100%;}.gioithieu_home .info_home h3{font-size: 26px;}.left_tt_home ul{width:98%;}.why_home_id ul{width:98%;}.footer_top ul.contact_footer{width:100%; margin:0px;padding:10px;}.viewLeft{width:100%;}.viewRight{width:100%;}.news-img{width:100%;}.news-view,.contact .left,.contact .right{width:100%;}.company_contact ul h3{font-size:19px;}}
@media(max-width:414px){}
@media(max-width:376px){}
@media(max-width:360px){}
@media(max-width:320px){}
@media(max-width:240px){}