@font-face {

  font-family: 'Glyphicons Halflings';

  src: url(../css/font/glyphicons-halflings-regular.eot);

  src: url(../css/font/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), 

  url(../css/font/glyphicons-halflings-regular.woff) format('woff'), 

  url(../css/font/glyphicons-halflings-regular.ttf) format('truetype'), 

  url(../css/font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');

}



@font-face {

    font-family: "robotobold";

    src: url(../css/font/Roboto-BoldCondensed.ttf) format('truetype');

}

@font-face {

    font-family: "utm";

    src: url(../css/font/UTM_Swiss.ttf) format('truetype');

}

@font-face {

    font-family: "utmAvoBold";

    src: url(../css/font/UTMAvoBold.ttf) format('truetype');

}

@font-face {

    font-family: "utmAvo";

    src: url(../css/font/UTMAvo.ttf) format('truetype');

}

@font-face {

    font-family: "UTMWeddingKT";

    src: url(../css/font/UTMWeddingK&T.ttf) format('truetype');

}



::selection {

    background-color: #efbb20;

    color: #ffffff;

}

::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey;

    border-radius: 0px;

}

::-webkit-scrollbar-thumb {

    background: #c8a741;

    border-radius: 14px;

    box-shadow: none;

}

::-webkit-scrollbar {

    width: 10px;

}



ul{

    padding:0px;

    margin:0px;

}

a:hover{

    text-decoration:none;

}

.clear{

    clear:both;

}



.btvv{

    display: none;

}

input[type=search]:focus {

  width: 100%;

}

#search-header input {

    outline: none;

}









body {

    font-size: 13px;

    font-family: 'Open Sans';

    margin: 0px;

    padding: 0px;

    line-height: 1.42857143;

    color: #333;

    background-color: #fff;

}

.sticky {

    position: fixed!important;

    top: 0;

    width: 100%!important;

    z-index: 999!important;

    left: 0px;

    background:white;

}

.sticky #cssmenu > ul > li > a{



}

.container{

    width: 1170px;

    margin: 0 auto;

}

.col_menu{

}

.bando iframe{

    width: 100%;

}

#header-wrapper {

    height: auto;

    position: relative;

}

.hotline_top{

    position: absolute;

    right: 10px;

    bottom: 0px;

    font-family: utm;

    font-size: 19px;

    color: #ffffff; 

}

.hotline_top span{

    color: #ff0202; 

}

#top_bar{

    background: none repeat scroll 0 0 #4e5256;

    height: 30px;

    position: relative;

}

#footer{

    text-align: left;

    background: #363636;

    padding: 15px 0px;

    color: white;

}

#page{

    margin-top:0px;

    margin-bottom:0px;

}

.banner{

    position:relative;

}

.banner img{

}



.abouts{}

.abouts .img{

    display: block;

    position: relative;

    height: 30rem;

    overflow: hidden;

}

.abouts .img img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    -webkit-opacity: .9;

    -moz-opacity: .9;

    opacity: .9;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

}



.abouts .img img:hover{

    -webkit-opacity: 1;

    -moz-opacity: 1;

    opacity: 1;

    -webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    -o-transform: scale(1.03);

}



.abouts .img .bg-angle{

    background-color: #fff;

    height: calc(10rem + 10px);

    position: absolute;

    bottom: -3rem;

    left: 0;

    right: 0;

    -webkit-transform: skew(0deg,-5deg);

    -moz-transform: skew(0deg,-5deg);

    -ms-transform: skew(0deg,-5deg);

    -o-transform: skew(0deg,-5deg);

    -webkit-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    -o-transition: all .25s ease;

    transition: all .25s ease;

}

.abouts .img:hover .bg-angle {

    -webkit-transform: skew(0deg,0deg);

    -moz-transform: skew(0deg,0deg);

    -ms-transform: skew(0deg,0deg);

    -o-transform: skew(0deg,0deg);

    bottom: 0;

    height: 7.07rem;

}



.menu_new_top_left{}

.menu_new_top_left ul{}

.menu_new_top_left ul li{

    float: left;

    list-style: none;

    line-height: 30px;

}

.menu_new_top_left ul li a{

    color: black;

    padding: 0px 10px;  

    border-right: 1px black solid;  

}

.menu_new_top_left ul li:last-child a{

    border-right: 0px black solid;  

}

.page_content{

    margin-top:0px;

}

.box_services {

    margin-top: 25px;

    margin-bottom: 10px;

}

.box_services .box_content {

    cursor: pointer;

    float: left;

    line-height: 16px;

    margin-right: 9px;

    width: 114px;

}

.box_services .box_content .icon {

    float: left;

    margin-right: 3px;

}

.box_services .box_content a {

    color: #494949;

}

.icon {

/*    background: url(../images/icon_page.png) repeat scroll 0 0 rgba(0,0,0,0);

display: inline-block;*/

}

.icon.icon_camket {

    background-position: 0 -25px;

    height: 33px;

    width: 23px;

}

.icon.icon_giaohang {

    background-position: -31px -25px;

    height: 31px;

    width: 51px;

}

.icon.icon_thanhtoan {

    background-position: -89px -25px;

    height: 33px;

    width: 35px;

}

.icon.icon_doitra {

    background-position: -128px -25px;

    height: 33px;

    width: 22px;

}



.info_support {

    border: 1px solid #f7941d;

    float: right;

    position: relative;

    width: 100%;

}

.info_support .title_support {

    background-color: #f7941d;

    color: #fff;

    display: block;

    font-weight: 500;

    height: 21px;

    line-height: 21px;

    list-style: none;

    text-align: center;

}

.list_support{

    padding: 5px 0px;

}

.list_support li {

    float: left;

    margin: 0px 5px;

    width: 184px;

    list-style: none;

}

.list_support li strong {

    color: #ff2626;

    font-weight: 500;

    line-height: 20px;

}





#nav{

    position: relative;

    z-index:1;

    background: #f72427;

    margin: 0 auto;

    width: 100%;

    height: 42px;   

    display:none;

}





.menu_hover{    z-index: 999999999;}

.menu_hover a{

    color: #fff200;

    font: 16px/42px Arial;

    line-height: 42px;

    padding-left: 10px;

}

.search_box {

    padding: 0px;

    color: black;

    margin-top: 4px;

}

.search_box .form-inline .input-group > .form-control {

    border-color: #ffffff;

    border-radius: 0px;

}

.input-group-addon:last-child {

    border-left: 0;

    border-radius: 0px;

}

.addon_success {

    padding: 0px;

    padding: 0px;

    background-color: #337ab7;

    border: 1px solid #337ab7;

}

.search_box button {

    border: none;

    font-size: 20px;

    padding: 2px 10px;

    border-radius: 0px;

    box-shadow: none!important;

    background: none;

    color: white!important;

}

.search_box .form-inline .input-group {

    display: inline-table;

    vertical-align: middle;

    width: 100%;

}

.addon_success2 {

    border-radius: 0px;

    padding: 0px;

    background-color: #e9e9e9;

    border: 1px solid #e9e9e9;

}

.search_box2 {

    padding: 0px;

    color: black;

    margin-top: 20px;

    float: right;

}

.box_content_product{

    margin:0px -10px;

}

.search_box2 .form-inline .input-group > .form-control {

    border-color: #e8e8e8;

    border-radius: 0px;

}



.search_box2 button {

    border: none;

    font-size: 20px;

    padding: 2px 10px;

    border-radius: 0px;

    box-shadow: none!important;

    background: none;

    color: white!important;

}

.search_box2 .form-inline .input-group {

    display: inline-table;

    vertical-align: middle;

    width: 100%;

}



ul.menu-right>li{

    list-style: none;

    float: left;    

}

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

    background: url(../images/hot-bg.png) no-repeat scroll left 7px transparent;

    float: left;

    width: auto;

    padding: 0 20px 0 30px;

    line-height: 42px;

    list-style: none;

}

ul.menu-right>li:nth-child(2)>a {

    cursor: pointer;

    line-height: 42px;

    width: auto;

    font: bold 16px/42px Arial;

}

ul.menu-right>li:first-child>a>span {

    font: bold 16px/42px Arial;

    color: #fff200;

    text-shadow: 2px 2px rgba(0,0,0,.6);

}

ul.menu-right>li>a {

    font: bold 12px/42px Arial;

    color: #fff;

    text-transform: uppercase;

}



ul.more-content{}

ul.more-content{}

.more-content li:before {

    content: "\f046";

    font-family: 'FontAwesome';

    padding-right: 8px;

    display: inline;

    color: #666666;

}



.more-content li {

    list-style: none;

    display: block;

    background-color: #FFFFFF;

    border: 1px solid #eeeeee;

    border-radius: 4px;

    margin-bottom: 10px;

    padding: 6px 12px;

}

.more-content li:hover{

    color: #ff0000;

}



#livechat {

    position: relative;

}



.home_product{

    margin-bottom:20px;

}



.head_title{

    background: white;

    width: 100%;

    padding: 0px;

    margin-bottom: 0px;

    border-bottom: 2px #444444  solid;

}

.head_title a.cat_name{

    line-height: 35px;

    color: white;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    overflow: hidden;

    text-overflow: ellipsis;

    background: #444444;

    padding: 9px 15px;

    position: relative;

}

.head_title a.cat_name:before{

    content: '';

    padding: 0px 10px;

    position: absolute;

    right: -30px;

    top: 0px;

    width: 0;

    height: 0;

    border-bottom: 0px solid transparent;

    border-top: 35px solid transparent;

    border-left: 28px solid #444444;

    content: "";

    position: absolute;

    right: -48px;

    top: 0;

}



.head_title a.viewall{

    float: right;

    color: #ffffff;

    padding: 3px 10px;

    background: #f26e00;

    border-radius: 3px;

    margin-top: 5px;

}

.head_title a.viewall:hover{

    background: #ff0000;

}

.menu_child_cat{

    float: right;

    background: url(../images/menu-s-right-bg.png) repeat-x scroll 0 0  ;

}

.menu_child_cat ul{

    float: right;   

}

.menu_child_cat ul li{

    float: left;

    list-style: none;

    padding: 0px 8px 0px 8px;

    line-height: 38px;  

}

.menu_child_cat ul li a{

    color: black;

    font-size: 12px;    

}

.box_cathome{

    padding: 30px 0px 15px 0px;

    border: 0px #dddddd solid;

    border-top: 0px;

    position: relative;

}

.box_cathome .cat_images{

    padding-right:0px;

}

.box_cathome .cat_images img{

    height: 490px;  

}



.right_product{

    margin-bottom: 20px;    

}

.slide_product{

    padding: 0px 10px;  

}



.product_box{

    position: relative;

    height: auto;

    border: 0px solid #f3f3f3;

    margin-bottom: 30px;

    border-radius: 0px;

    -webkit-transition: all 0.4s;

    font-weight: 500;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

}



.product_box-image-hover {

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    display: block;

    opacity:0;

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

    border-radius: 3px;

    z-index: 2; 

}

.product_box .promotion{

    color: #23b34c;

    font-size: 12px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 100%;

    padding: 10px;  

}

.product_box:hover .product_box-image-hover{

    opacity:1;

    transition: all 0.6s ease-in-out 0s;

    -webkit-transition-duration:0.5s;

    -moz-transition-duration:0.5s;

    transition-duration:0.5s;

}

.product_box-image-hover .icon_wrap {

    margin-top: 0;

    bottom: 40%;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.product_box-image-hover .icon_wrap a{

    display: inline-block;

    font-family: serif;

    margin-right: 4px;

    font-weight: bold;

    color: #fff;

    padding: 10px 13px;

    background: rgb(255, 0, 0);

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -ms-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    opacity: .9;

    border-radius: 50%;

}



.product_box .img{

    margin: 0px;

    height: 250px;

    overflow: hidden;

    position: relative;

    text-align: center;

    background-size:cover;

    background-repeat: no-repeat;

    background-position: center top;

    margin-bottom: 10px;

}

.product_box .img:hover,

.product_box .img:focus {

    color:#fff;

    background-position:center top;

    -webkit-transition-duration:0.5s;

    -moz-transition-duration:0.5s;

    transition-duration:0.5s;

}



.product_box .img img{

    width: 100%;

    height: 250px;

    display: -webkit-inline-box;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

}

.product_box .img img:hover{

    -webkit-opacity: .9;

    -moz-opacity: .9;

    opacity: .9;

    -webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    -o-transform: scale(1.03);

}

.product_box .name{

    text-align: center;

    height: auto;

    margin-bottom: 5px;

}

.product_box .name a{

    font-size: 18px;

    line-height: 4.2rem;

    margin: 0;

    padding: 0;

    text-align: center;

    text-transform: uppercase;

    color: #1A2B5D;

    font-weight: 400;

}

.product_box .name a:hover{

    color: #0E76BC; 

}

.product_box p.code{

    color: #333333;

    font-size: 12px;

    margin-top: 5px;

}

.product_box .poll {

    background: #ff0000;

    margin-bottom: 15px;

    line-height: 35px;

    text-align: center;

    color: #ffff00;

    font-size: 19px;

}

.product_box .hot_pro {

    width: 112px;

    height: 43px;

    background: url(../images/banchay.png) no-repeat;

    position: absolute;

    top: -1px;

    left: -6px;

    text-align: center;

    z-index: 9999;

}

.product_box .sale{

    position: absolute;

    top: 0px;

    right: 0px;

    background: url(../images/sale.png) no-repeat scroll center center transparent;

    width: 45px;

    height: 45px;

    color: #fff;

    font: bold 13px/45px Arial;

    text-align: center;

    z-index: 1;

}

.product_box .view{

    padding: 0px;

    text-align: left;

}

.product_box .price_view span.p-price{

    font-size: 20px;

    color: #f72427;

    font-weight: 600;

    padding-right: 5px;

    font-family: utm;

}

.product_box .price_view span.p-price-old{

    font-size: 11px;

    color: #979797;

    text-decoration: line-through;

}

.product_box .price_info{

    border: 1px #dddddd solid;

    height: 54px;

}

.product_box .view .link{

    text-align: center;

    background: url(../images/button.png) no-repeat;

    width: 86px;

    height: 28px;

    margin: 0 auto;

}

.product_box .view .link a{

    color: white;

    font-size: 14px;

    text-transform: uppercase;  

}

.product_box .price_info p.price_pro{

    font-size: 20px;

    color: red;

    font-weight: bold;

    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #333;

    margin-bottom: 5px; 

}

.product_box .price_info p.price_old{

    bottom: 0px;

    color: #636363;

    font: 12px Arial;

    text-decoration: line-through;  

}

.bannerhome{}

.bannerhome img{

    width: 100%;

    margin-bottom: 2px; 

}



.news_bottom{

    border-bottom: 1px solid #ffdd00;

    border-top: 1px solid #ffdd00;

    padding: 20px 0px;

    margin-bottom: 20px;

}

.camketchung{margin-bottom:10px;}

.group_news{margin-bottom:15px;}

.group_news p.title_news{

    font-weight: 500;

    text-transform: uppercase;  

}

.group_news ul li{list-style: none;}

.group_news ul li a{

    color: black;

    line-height: 22px;  

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;        

}

.group_news ul li a i{color: #ffdd00;}



.bottom2{

    margin:10px 0px;

}

.dangkythongtin{

}



.dangkythongtin p{

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 500;

    line-height: 38px;

    margin-bottom: 0px;

}

.dangkythongtin button{

    background: #074cf9;

    border-color: #074cf9;

    color: white;

    padding: 5px 12px;

    font-weight: 500;

    border-radius: 0px;

}

.dangkythongtin input.input{

    display: inline-block;

    width: auto;

    vertical-align: middle;

    width: 310px;

    border-radius: 0px;

    height: 33px;

}



.social-icons {}



.social-icons a {

    display: inline-block;

    position: relative;

    overflow: hidden;

    line-height: 0px;

    margin: 1px;

    border-radius: 2px;

}

.social-icons a i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 13px;

}

.social-icons a i {

    color: #FFF!important;

    display: inline-block;

    text-align: center;

    overflow: hidden;

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

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

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

    transition: all ease-in-out 0.2s;

}

.social-icons a i.fa-facebook {

    background: #507cbe;

}

.social-icons a i.fa-twitter {

    background: #65cdef;

}

.social-icons a i.fa-google {

    background: #ee8180;

}

.social-icons a i.fa-vimeo-square {

    background: #87d3e0;

}

.social-icons a i.fa-soundcloud {

    background: #f35839;

}

.social-icons a i.fa-skype{

    background: #009fff;

}



.bottom3{

    background: #ffdd00;

    padding: 15px 10px;

    margin: 10px 0px 20px 0px;  

}

.diachi{

    margin-bottom:15px;

}

.diachi p.title{

    font-weight: 500;   

}

.box_slide{

    height: auto;   

}

.main_top{z-index:0}



#content_left_news{



}

#content_left_roduct{



}

#content_right{  

}

#content_page{  

}

#content_page_product{



}

.box-left{

    margin-bottom:15px;

}

.head_title2{

    margin: 0px 0px 15px 0px;

    padding-bottom: 10px;

}

.head_title2 p{

    font-size: 4rem;

    line-height: 4.2rem;

    margin: 0;

    padding: 0;

    text-align: center;

    text-transform: uppercase;

    color: #1866b1;

    font-weight: 300;

} 

.head_title2:after {

    content: '';

    display: block;

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

    background-size: 11.3rem 1.5rem;

    height: 1.5rem;

    margin: 3rem 0px auto;

}

.head_title2 a{

    margin-bottom: 0px;

    color: #444444;

    text-transform: uppercase;

    font-weight: 500;

    padding-left: 0px;

    line-height: 40px;

    font-size: 17px;

    font-family: utm;

} 

.head_title2 i{

    float: right;

    line-height: 38px;

    color: #f26e00; 

}



.title_pr{

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    text-align: center;

}

.linefortitle {

    border: 0 solid #e7e6e6;

    clear: both;

    position: relative;

    z-index: 11;

    box-sizing: content-box;

    height: 6px;

    margin-bottom: 20px;

    border-color: #e86108;

    border-top-width: 1px;

    border-bottom-width: 1px;

    margin-left: auto;

    margin-right: auto;

    margin-top: ;

    width: 100%;

    max-width: 25%;

}

.linefortitle .icon-linefortitle {

    position: absolute;

    display: table;

    left: 50%;

    top: 50%;

    margin: -13px 0 0 -13px;

    height: 26px;

    width: 26px;

    background-color: #fff;

    border: 1px solid #aaa;

    border-radius: 50%;

    background-clip: padding-box;

    text-align: center;

    border-color: #e86108;

}

.linefortitle .icon-linefortitle i {

    display: block;

    display: table-cell;

    vertical-align: middle;

    color: #e86108;

}



.title_pr hr{

    border-bottom: 2px solid #4CAF50;

    width: 10%;

    margin: 0 auto;

    margin-top: 10px;

}





.head_title3{

    margin: 0px 0px 15px 0px;

    background: url(/images/line.jpg) repeat-x bottom;

    padding-bottom: 10px;

}

.head_title3 p{

    margin-bottom: 0px;

    color: #000000;

    text-transform: uppercase;

    font-weight: 500;

    padding-left: 0px;

    line-height: 40px;

    font-size: 23px;

    font-family: utm;

} 

.head_title3 a{

    margin-bottom: 0px;

    color: #444444;

    text-transform: uppercase;

    font-weight: 500;

    padding-left: 0px;

    line-height: 40px;

    font-size: 17px;

    font-family: utm;

}



.head_title4 {

    margin: 0px 0px;

    border-bottom: 0px #dddddd solid;

    background: #1866b1;

    padding: 5px 10px;

}

.cat-title{

    margin-bottom: 20px;

}

.cat-title .breadcrumb {

    padding: 31px 15px;

    margin-bottom: 0px;

    list-style: none;

    background-color: inherit;

    border-radius: 4px;

}

.cat-title .breadcrumb a{

    color: white

}

.head_title4 p {

    margin-bottom: 0px;

    color: #ffffff;

    text-transform: uppercase;

    padding-left: 0px;

    line-height: 40px;

    font-size: 17px;

    font-family: utm;

}

.head_title4 i {

    float: right;

    line-height: 43px;

    color: #f7db00;

}



.border_box{

    padding: 15px 0px;

    border: 1px #dddddd solid;

    border-top: 0px;

    position: relative;

}

.pd10 {

    padding:0px 10px;

}



.danhmuctin ul li{

    list-style: none;

    padding-left: 10px;

    line-height: 25px;  

}

.danhmuctin ul li a{

    color: #f30000;

    font-weight: 400;   

}

.mr_5{

    margin-right:5px;

}



.border_box iframe{

    width:100%!important

}



.news_right{

    padding: 0px 0px;

    margin-bottom: 10px;

}

.news_right .img img{

    border: 1px solid #E7E7E7;

    padding: 1px;

    border-radius: 1px;

}

.news_right .info a{

    color: black;

    font-size: 12px;    

}

.news_right .info p.p_price{

    color: #f72427;

    font-weight: 600;   

}

.quangcao img{

    margin-bottom: 10px;

}

.box_content_news{

    margin: 0px 0px;

}

.box_content_products{

    padding: 30px 10px 15px 10px;

    border: 1px #dddddd solid;

    border-top: 0px;

    position: relative;

}



.danhmucsanpham ul li{

    list-style: none;

    padding-left: 10px;

    line-height: 25px;  

}

.danhmucsanpham ul li a{

    color: #7a7a7a;

    font-weight: 400;   

}

.danhmucsanpham ul li a:hover{

    color: rgb(243, 0, 0);

    font-weight: 400;   

}



#list_nick {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #DDDDDD;

    border-radius: 0 0 6px 6px;

    display: none;

    padding: 0 3px 5px;

    position: absolute;

    right: 0;

    top: 37px;

    width: 600px;

    background: white;

    padding:10px;

    z-index: 99999;

}





#livechat{

    position: relative;

}



#livechat ul li{

    list-style:none;

    width:33.3%;

    float:left;

    margin-bottom:6px;

}



#livechat ul li p.name{

    font-weight: bold;

    font-size: 13px;

    font-family: arial;

    margin-bottom: 5px;

}

#livechat ul li img{

    float: left;

    width: 70px;    

}

#livechat ul li span{

    line-height: 29px;

    padding-right: 10px;

    font-size: 13px;

    font-weight: 500;   

    color: #ef0000;

}



.cart_top{

    text-align: right;

    text-decoration: none;

    line-height: 30px;

}

.cart_top a{

    color:black

}





.icon_pr_mb{    

    padding-top: 13px;

    position: absolute;

}

.icon_pr_mb a{

    font-size: 16px;

    color: white;

}

.icon_pr_mb i{

    color: white;

    font-size:20px;

    display: table-cell;

    vertical-align: middle; 

}



.icon_pr_mb i span {

    width: 24px;

    height: 3px;

    background-color: #6f6f6f;

    display: block;

    margin-bottom: 5px;

}



.list{}

.list iframe{

    max-width: 100%;

    height: 200px;  

}

.listvideo ul{

    padding-left: 0px;  

}

.listvideo ul li{

    list-style: none;

}

.listvideo ul li i{

    color: #e4010c; 

}

.listvideo ul li span{

    cursor: pointer;

    font-size: 13px;

    line-height: 22px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.partner{

    border: 0px #e9e9e9 solid;

    width: 100%;

    margin-bottom: 10px;

    text-align: center;

    padding: 0px;

    height: 64px;

}

.partner img{

    height: auto;

    display: -webkit-inline-box;

    width: auto!important;

    border: none;

}



.menu_bottom{

}



.menu_bottom .cate_name {

    margin-bottom:15px;

}

.menu_bottom .cate_name a{

    color: white;

    font-family: utm;

    font-size: 16px;

    text-transform: uppercase;

}

.menu_bottom ul li{

    list-style: none;

    margin-bottom: 7px; 

}

.menu_bottom ul li a i{

    color: #f26e00; 

}

.menu_bottom ul li a{

    color: white;   

}

.menu_bottom ul li a:hover {

    margin-left:2px;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

}

.footer2 {

    border-top-width: 12px;

    color: black

}

.footer2 .wp{

    margin: 0;

    padding: 50px 0 20px 0;

    background: #fff url(../images/footerbg.png) bottom center no-repeat;

}

.footer2 ul li{

    list-style: none;

    margin-bottom: 10px;    

}

.footer2 ul li a{

    color: white;

    line-height: 22px;    

}

p.titleweb {

    color: #25aae2;

    font-size: 16px;

    text-transform: uppercase;

    font-family: Quicksand;

    padding: 0px 0px 15px 0px;

    border-bottom: 2px #dddddd solid;

    position: relative;

    margin-bottom: 28px;

}

p.titleweb:after {

    display: block;

    content: "";

    background: #25aae2;

    width: 100px;

    height: 2px;

    bottom: -2px;

    position: absolute;

}

.slogan_f{

    font-family: UTMWeddingKT;

    font-size: 25px;

    color: #d2bd56;

}



.info_f{}

.info_f iframe{

    width: 100%;

}

.info_f p{

    position: relative;

    min-height: 20px;

    margin-bottom: 10px;

    color: #000000;

    padding-left: 30px;

}

.info_f p i{

    font-size: 18px;

    margin-right: 10px;

    color: #25aae2;

    position: absolute;

    top: 0px;

    left: 0px;    

}



.bando2{

    height:200px;

    overflow:hidden;

    margin-bottom:10px;

}

.groupnews ul li {

    list-style: none;

}

.groupnews ul li a {

    color: black;

    font-size: 13px;

    line-height: 22px;

    text-decoration: none;

}

.formdangky button {

    background: #ff7800;

    border: none;

    color: white;

    font-size: 14px;

    border-radius: 0px;

    line-height: 20px;

}

.formdangky input {

    margin: 0px;

    background: #003550;

    border-color: #003550;

    font-weight: 500;

    border-radius: 0px;

    text-transform: uppercase;

    min-width: 250px;

    color: white;

}

#footer h4.name{

    margin-top: 0px;

    color: white;

    text-transform: uppercase;

    font-size: 18px;

    font-family: utm;

}





.partner_slide{

    position: relative;

    padding-top: 15px;

}

.owl-prev{

    position: absolute;

    left: -40px;

    top: 10px;

    opacity: 1!important;

    background: none!important;

    color: #e3e3e4!important;

    font-size: 26px!important;  

}



.owl-next{

    position: absolute;

    right: -40px;

    top: 10px;

    opacity: 1!important;

    background: none!important;

    color: #e3e3e4!important;

    font-size: 26px!important;  

}



.mainhome{



}



.newslide{}

.newslide .img{

    margin-bottom:15px;

}

.newslide .img img{

    height: 220px;  

}

.newslide .name{

    text-align: left;

    margin-bottom: 10px;    

}

.newslide .name a{

    color: black;

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;  

}

.newslide p{

    color: #808080; 

}



.proslide{

    height:370px;

    background:white;

    border:1px #dddddd solid;

}

.proslide .img{padding: 15px;}

.proslide .img img{height: 274px;}

.proslide .name{

    text-align: center;

    padding: 0px 15px;

}

.proslide .name a{

    color: #666666;

    font-weight: 500;

    font-size: 12px;

}



.owl-prev3 {

    position: absolute;

    right: 24px;

    top: -72px;

    opacity: 1!important;

    background: none!important;

    color: #444444!important;

    font-size: 20px!important;

}

.owl-nex3 {

    position: absolute;

    right: 0px;

    top: -72px;

    opacity: 1!important;

    background: none!important;

    color: #444444!important;

    font-size: 20px!important;

}

.owl-nex3:hover{

    color:red;

}

.owl-prev3:hover{

    color:red;

}





.mainhome_box{

    position:relative;

}

.mainhome_box p.title{

    text-align: center;

    font-family: utm;

    color: #4e5256;

    text-transform: uppercase;

    font-size: 24px;

    margin-bottom: 30px;    

}

.owl-prev2{

    position: absolute;

    left: -50px;

    top: 75px;

    opacity: 1!important;

    background: none!important;

    color: white!important;

    font-size: 30px!important;

}



.owl-next2{

    position: absolute;

    right: -50px;

    top: 75px;

    opacity: 1!important;

    background: none!important;

    color: white!important;

    font-size: 30px!important;

}



a.search_icon {

    position: absolute!important;

    color: white!important;

    right: 8px;

    top: 1px;

    font-size: 17px;

    cursor: pointer;

    z-index: 9999;

    background: none;

    padding: 3px 7px !important;

    border-radius: 50%;

}

.box_search_mobile {

}

.s-search-arrow {

    position: absolute;

    width: 20px;

    height: 20px;

    top: -12px;

    right: 12px;

}

.box_search_mobile input.inputsearch {



}









.phonering-alo-phone {

    position:fixed;

    visibility:hidden;

    background-color:transparent;

    width:160px;

    height:160px;

    cursor:pointer;

    z-index:200000!important;

    -webkit-backface-visibility:hidden;

    -webkit-transform:translateZ(0);

    transition:visibility .5s;



    display:block;

    left: 10px;

    bottom: 10px;

}

.phonering-alo-phone.phonering-alo-show {

    visibility:visible

}

@-webkit-keyframes fadeInRight {

    0% {

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@-webkit-keyframes fadeInRightBig {

    0% {

        opacity:0;

        -webkit-transform:translate3d(2000px,0,0);

        transform:translate3d(2000px,0,0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@-webkit-keyframes fadeOutRight {

    0% {

        opacity:1

    }

    100% {

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

}

.fadeOutRight {

    -webkit-animation-name:fadeOutRight;

    animation-name:fadeOutRight

}

.phonering-alo-phone.phonering-alo-static {

    opacity:.6

}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {

    opacity:1

}

.phonering-alo-ph-circle {

    width:150px;

    height:150px;

    top: 50px;

    left: -40px;

    position:absolute;

    background-color:transparent;

    border-radius:100%;

    border:2px solid rgba(30,30,30,0.4);

    border:2px solid #bfebfc 9;

    opacity:.1;

    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;

    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;

    transition:all .5s;

    -webkit-transform-origin:50% 50%;

    -ms-transform-origin:50% 50%;

    transform-origin:50% 50%

}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {

    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;

    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important

}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {

    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;

    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important

}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {

    border-color:#00aff2;

    opacity:.5

}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {

    border-color:#75eb50;

    border-color:#baf5a7 9;

    opacity:.5

}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {

    border-color:#00aff2;

    opacity:.5

}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {

    border-color:#ccc;

    opacity:.5

}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {

    border-color:#75eb50;

    opacity:.5

}

.phonering-alo-ph-circle-fill {

    width:90px;

    height:90px;

    top: 80px;

    left: -11px;

    position:absolute;

    background-color:#000;

    border-radius:100%;

    border:2px solid transparent;

    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    transition:all .5s;

    -webkit-transform-origin:50% 50%;

    -ms-transform-origin:50% 50%;

    transform-origin:50% 50%

}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {

    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;

    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important

}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {

    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;

    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;

    opacity:0!important

}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {

    background-color:rgba(0,175,242,0.5);

    background-color:#00aff2 9;

    opacity:.75!important

}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {

    background-color:rgba(117,235,80,0.5);

    background-color:#baf5a7 9;

    opacity:.75!important

}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {

    background-color:rgba(0,175,242,0.5);

    background-color:#a6e3fa 9

}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {

    background-color:rgba(204,204,204,0.5);

    background-color:#ccc 9;

    opacity:.75!important

}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {

    background-color:rgba(117,235,80,0.5);

    opacity:.75!important

}

.phonering-alo-ph-img-circle {

    width:50px;

    height:50px;

    top: 100px;

    left: 10px;

    position:absolute;

    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;

    border-radius:100%;

    background-size: 84%;

    border:2px solid transparent;

    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;

    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;

    -webkit-transform-origin:50% 50%;

    -ms-transform-origin:50% 50%;

    transform-origin:50% 50%

}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {

    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;

    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important

}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {

    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;

    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important

}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {

    background-color:#00aff2

}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {

    background-color:#75eb50;

    background-color:#75eb50 9

}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {

    background-color:#00aff2;

}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {

    background-color:#ccc

}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {

    background-color:#75eb50

}

@-webkit-keyframes phonering-alo-circle-anim {

    0% {

        -webkit-transform:rotate(0) scale(.5) skew(1deg);

        -webkit-opacity:.1

    }

    30% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        -webkit-opacity:.5

    }

    100% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        -webkit-opacity:.1

    }

}

@-webkit-keyframes phonering-alo-circle-fill-anim {

    0% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        opacity:.2

    }

    50% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        opacity:.2

    }

    100% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        opacity:.2

    }

}

@-webkit-keyframes phonering-alo-circle-img-anim {

    0% {

        -webkit-transform:rotate(0) scale(1) skew(1deg)

    }

    10% {

        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        -webkit-transform:rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        -webkit-transform:rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        -webkit-transform:rotate(0) scale(1) skew(1deg)

    }

    100% {

        -webkit-transform:rotate(0) scale(1) skew(1deg)

    }

}

@-webkit-keyframes fadeInRight {

    0% {

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        -ms-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        -ms-transform:none;

        transform:none

    }

}

@keyframes fadeInRight {

    0% {

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        -ms-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        -ms-transform:none;

        transform:none

    }

}

@-webkit-keyframes fadeOutRight {

    0% {

        opacity:1

    }

    100% {

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        -ms-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

}

@keyframes fadeOutRight {

    0% {

        opacity:1

    }

    100% {

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        -ms-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

}

@-webkit-keyframes phonering-alo-circle-anim {

    0% {

        -webkit-transform:rotate(0) scale(.5) skew(1deg);

        transform:rotate(0) scale(.5) skew(1deg);

        opacity:.1

    }

    30% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        transform:rotate(0) scale(.7) skew(1deg);

        opacity:.5

    }

    100% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg);

        opacity:.1

    }

}

@keyframes phonering-alo-circle-anim {

    0% {

        -webkit-transform:rotate(0) scale(.5) skew(1deg);

        transform:rotate(0) scale(.5) skew(1deg);

        opacity:.1

    }

    30% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        transform:rotate(0) scale(.7) skew(1deg);

        opacity:.5

    }

    100% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg);

        opacity:.1

    }

}

@-webkit-keyframes phonering-alo-circle-fill-anim {

    0% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        transform:rotate(0) scale(.7) skew(1deg);

        opacity:.2

    }

    50% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg);

        opacity:.2

    }

    100% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        transform:rotate(0) scale(.7) skew(1deg);

        opacity:.2

    }

}

@keyframes phonering-alo-circle-fill-anim {

    0% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        transform:rotate(0) scale(.7) skew(1deg);

        opacity:.2

    }

    50% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg);

        opacity:.2

    }

    100% {

        -webkit-transform:rotate(0) scale(.7) skew(1deg);

        transform:rotate(0) scale(.7) skew(1deg);

        opacity:.2

    }

}

@-webkit-keyframes phonering-alo-circle-img-anim {

    0% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg)

    }

    10% {

        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);

        transform:rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        -webkit-transform:rotate(25deg) scale(1) skew(1deg);

        transform:rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);

        transform:rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        -webkit-transform:rotate(25deg) scale(1) skew(1deg);

        transform:rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg)

    }

    100% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg)

    }

}

@keyframes phonering-alo-circle-img-anim {

    0% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg)

    }

    10% {

        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);

        transform:rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        -webkit-transform:rotate(25deg) scale(1) skew(1deg);

        transform:rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);

        transform:rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        -webkit-transform:rotate(25deg) scale(1) skew(1deg);

        transform:rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg)

    }

    100% {

        -webkit-transform:rotate(0) scale(1) skew(1deg);

        transform:rotate(0) scale(1) skew(1deg)

    }

}













.box_reg{

    background: #f1f1f1;

    padding: 20px 20px 30px 20px;

}

.box_reg p.title{

    text-align: center;

    color: #fe0000;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.box_reg p.phone{

    border: 1px solid #fe0000;

    padding: 5px;

    text-align: center;

    margin: 0 auto;

    color: #fe0000;

    width: 70%;

    font-weight: bold;

    font-size: 20px;

}

.bottom{

   background: black;

   padding: 15px 0;

   color: white;

   line-height: 1.2;

   text-align: center;   

}



.bottom_p {

    background: #121212;

    text-align: left;

    padding: 5px 0px;

    margin-top: 0px;

    font-size: 13px;

    color: white;

}

.bottom_p p.text1 {

    margin-bottom: 0px;

    font-family: Arial;

    font-size: 12px;
    text-transform: inherit;

}

.bottom_p p span {

    color: #eff400;

    font-size: 18px;

}

.lienket {

    margin-top:10px

}

.lienket ul li {

    float: left;

    margin-right: 10px;

    list-style: none;

    display: -webkit-inline-box;

    font-size: 22px;

    color: black;

}

.lienket ul li i {

    font-size: 24px;

    color: black;

}

.box_slide_pro{

    background: #f6f6f6;

    padding: 20px 20px 30px 20px;

}



.box_slide_pro p.title {

    text-align: center;

    color: #fe0000;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.f-nav {

    z-index: 999999999!important;

    position: fixed!important;

    top: 0;

    width: 100%;

    box-shadow: 0 0 10px #666;

    left: 0;

}



.cat_bottom_news{margin-bottom: 10px;}

.cat_name_bottom{

    margin-bottom: 10px;

    padding-bottom: 5px;

    border-bottom: 1px #f9f9f9 solid;

}

.cat_name_bottom a{

    text-transform: uppercase;

    color: #f9f9f9;

    font-weight: 500;   

}



.cat_bottom_news ul li{

    list-style: none;

}

.cat_bottom_news ul li a{

    color: #f9f9f9;

    line-height: 22px;  

}



#bar_bottom{

    background: #252525;

    line-height: 38px;

    color: #f9f9f9; 

}





























.truso{     

    line-height: 30px;

    margin-bottom: 0px;color:white;

    height: 30px;

}

.truso p{



}









#topbar {

    width: 100%;

    background: url(../images/top.png) repeat;

    min-height: 47px;

    position: relative;

    z-index: 2;

}

#topbar p.text1 {

    line-height: 44px;

    color: #ffde00;

    font-weight: 400;

    margin-bottom: 0px;

    font-size: 15px;

    font-family: utm;

    text-transform: uppercase;

}

#topbar p span {

    font-family: UTMWeddingKT;

    text-transform: initial;

    font-size: 30px;

    font-weight: bold;

    margin-right: 10px;

}

#topbar p.hotline {

    line-height: 47px;

    color: white;

    font-weight: 400;

    margin-bottom: 0px;

    font-size: 17px;

    font-family: utm;

    text-transform: uppercase;

    background: url(../images/hotlinbe.png) top 9px left no-repeat;

    padding-left: 37px;

}







.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

}



.col-xs-15 {

    width: 20%;

    float: left;

}

@media (min-width: 768px) {

    .col-sm-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-15 {

        width: 20%;

        float: left;

    }

}



#cssmenu a.search_icon{

    font-size: 19px;

    padding-top: 6px!important; 

}



.cart_order{

    width: 300px;

    padding:20px;   

}

.cart_order .namepr{

    font-family: utm;

    text-transform: uppercase;

    color: black;

    font-size: 15px;    

}



.cart_order .pricepro{

    color: Red;

    font-family: utm;

    font-size: 15px;    

}







.hl {

    background: url(../images/bg_hoitline.png) top 0px left 0px no-repeat;

    width: 100%;

    height: 92px;

    margin-top: 0px;

    font-weight: bold;

    font-size: 17px;

    line-height: 108px;

    padding-left: 87px;

    color: white;

    font-family: utm;

}

.support_col .chat .ymgyahoo2 {

    float: left;

    width: 100%;

    border-top: 1px #ececec solid;

    padding-top: 10px;

}

.support_col .chat {

    margin-bottom: 0px;

    width: 100%;

    padding-left: 0px;

    padding-top: 0px;

    text-align: Center;

}

.support_col .chat .ymgyahoo2 p.name {

    margin-bottom: 2px;

    text-align: left;

    padding-left: 10px;

    font-weight: bold;

    width: 38%;

    float: left;

    line-height: 26px;

}

.support_col .chat img.mail {

    float: left;    width: 40px;

}

.support_col .chat img.skype {

    float: right;

    padding-right: 10px;

    margin-top: 0px;

    height: 40px;

}

.support_col .chat .ymgyahoo2 p.name {

    margin-bottom: 2px;

    text-align: left;

    padding-left: 10px;

    font-weight: bold;

    width: 55%;

    float: left;

    line-height: 26px;

}

.support_col .chat .ymgyahoo2 p.phone {

    width: 100%;

    float: left;

    padding-left: 10px;

    text-align: left;

    font-weight: bold;

    color: red;

}



.ShowBoxSearch{

    display: inline-block;

    padding: 15px 0px 0px 0px;

    width: 100%;

}

.ShowBoxSearch form input {

    background: #fff;

    border: 1px solid #ddd;

    border-right: none;

    float: left;

    height: 35px;

    padding: 6px 10px;

    width: 80%;

    display: block;

    outline: 0;

}

.ShowBoxSearch form button {

    background: #444444;

    border: 0;

    color: #fff;

    cursor: pointer;

    float: left;

    height: 35px;

    overflow: visible;

    padding: 0;

    position: relative;

    width: 20%;

    font-family: utm;

    text-transform: uppercase;

    font-size: 16px;

}

.logo{

    text-align: left;

    padding: 18px 0px 10px 0px;

}

.logo img{

    margin-top: 0px;

    max-height: 105px;

    display: -webkit-inline-box;

}

.header_right{

    width: calc(100% - 0px);

    vertical-align: top;

    padding-top: 0px;

    position: relative;

}

#header-top {

    text-align: right;

    margin-top: 30px;

}

#header-top .hotline {

    margin-right: 20px;

}

#header-top .hotline .txt button#dropdown-btn {

    display: none;

}

#header-top .hotline .icon {

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    background-color: #1866b1;

    color: #fff;

    margin-right: 5px;

}



#header-top .hotline .txt {

    font-size: 18px;

    line-height: 30px;

    color: #6f6f6f;

}

#header-top .hotline .txt ul.hotline-list {

    list-style: none;

    margin: 0;

    padding: 0;

    display: inline-block;

    font-size: 1.8rem;

}

#header-top .hotline .txt ul.hotline-list li a{

    color: #6f6f6f;

    font-size: 17px;

}

#header-top .hotline .txt ul.hotline-list li {

    display: inline;

}

#header-top .hotline .txt ul.hotline-list li.hide-desktop {

    display: none;

}

#header-top .header-socials .social {

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: #ededed solid 1px;

    margin-left: 5px;

    color: #868686;

}

#header-top .header-socials .social:hover {

    background-color: #c8a741;

    border: none;

    color: #fff;

}

#search-header {

    display: inline-block;

    position: relative;

    margin-left: 20px;

}

#search-header input[type=search] {

    -webkit-appearance: textfield;

    -webkit-box-sizing: content-box;

    font-family: inherit;

    font-size: 100%;

}

#search-header input {

    outline: none;

}

#search-header input[type=search] {

    background: #1866b1  url(../images/isearch.png) top center no-repeat;

    width: 30px;

    height: 30px;

    padding: 0;

    border: transparent solid 1px;

    color: transparent;

    cursor: pointer;

    -webkit-transition: width .25s ease;

    -moz-transition: width .25s ease;

    -ms-transition: width .25s ease;

    -o-transition: width .25s ease;

    transition: width .25s ease;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;
    border-radius: 50%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    position: relative;

}



#search-header input[type=search]:focus,

#search-header input[type=search]:hover {

    width: 130px;

    padding-left: 15px;

    padding-right: 30px;

    color: #000;

    background-color: #fff;

    border-color: #1866b1 ;

    cursor: auto;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    background-position: calc(100% - 10px) bottom;

}



#search-header .btn-search {

    padding: 0;

    margin: 0;

    border: 0;

    background: transparent;

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    width: 30px;

    height: 30px;

    text-align: center;

    z-index: 2;

    display: none;

}

.top_icon{

    margin-top: 10px;

    border: 1px #ddd solid;

    padding: 10px 20px; 

    cursor: pointer;    

}

.top_icon img{

    margin-right: 10px;

    float: left;

    width: 42px;

}

.top_icon span{

    font-family: utm;

    font-size: 18px;

    color: #444444;

    line-height: 40px;  

}

.top_icon:hover{

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s  ease-in-out;

    -o-transition: all .5s  ease-in-out;

    -ms-transition: all .5s  ease-in-out;

    transition: all .5s ease-in-out;

    border: 1px #f26e00   solid;

}

.top_icon:hover img{

    transform: rotate(360deg);

    -ms-transform: rotate(360deg); /* IE 9 */

    -webkit-transform: rotate(360deg); /* Safari and Chrome */

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s  ease-in-out;

    -o-transition: all .5s  ease-in-out;

    -ms-transition: all .5s  ease-in-out;

    transition: all .5s ease-in-out;

}

.slide_mobile{

    margin-bottom: 20px;

}

.slide_mobile img{

    width: 100%;

}

.cart_mobile{

    display:none; 

    background: #f72427;

    position: fixed;

    bottom: 0px;

    width: 100%;

    z-index: 999;

    left: 0px;

    text-align: center;

    padding: 8px;

    color: white;

    font-size: 15px;

    font-weight: bold;

    cursor: pointer;

}

.cart_mobile span{

    font-size: 12px;

    font-weight: 400;

}



.image_top img{

    margin-top:10px;

}

.box_content_news img{

    max-width:100%!important;

    height:auto!important;

}

.nav-mobile{

    display: none;

    height: auto;

    background-color: #ffffff;

    color: #fff;

    padding:10px 0px; 

    position: relative;

}

.nav-mobile img{

    width: 70px;

    display: -webkit-inline-box;

}

.nav-mobile .title {

    font-size: 12px;

    padding-left: 0px;

    font-style: italic;

    display: inline-block;

    line-height: 20px;

    padding-top: 4px;

    float: left;

    margin-right: 10px;

}

.nav-mobile .tong-dai {

    display: inline-block;

}

.nav-mobile .tong-dai a{

    font-size: 27px;

    color: white;

    font-weight: bold;

    line-height: 47px;      

}

.format-col {

    padding: 0;

}



.filter_box{

    margin-top: 20px;   

}

.filter_box select{

    border-radius: 0px;

    box-shadow: none;

    margin-bottom: 10px;

}



.filter_box button{

    border-radius: 0px;

    background: #444444;

    border-color: #f5f5f5;

    color: white;

    font-size: 13px;

    padding: 7px 12px;

}

ul.nav-type label{

    float: left;

    line-height: 32px;  

}

ul.nav-type{    

    margin-bottom: 10px;

}

ul.nav-type li{

    font-size: 13px;

    border: 1px solid #EEE;

    display: block;

    padding: 3px 10px;

    float: left;

    margin-left: 10px;  margin-bottom: 10px;

}

ul.nav-type a {     

    cursor: pointer;

    color: #333; 

}

ul.nav-type li.active{  

    background: #888888; 

}

ul.nav-type li.active a { 

    color:white;

}



ul.nav-color{

    margin-bottom: 10px;

}

ul.nav-color li{

    float: left;

    margin-left: 4px;

    list-style: none;

    border: 1px white solid;

    padding: 1px;

}



ul.nav-color li.active{

    border: 1px red solid;

}

ul.nav-color img.color-multip{

    width: 40px;

    height: 40px;    

}



.cart_quick{}

.cart_quick p.item_cart_name{

    color: #0284c6;

    font-weight: bold;

    font-size: 15px;

    text-transform: uppercase;  

}







.chatzalo{

    background-color: #00aeef;

    padding: 5px 10px;

    color: white !important;

    position: fixed;

    bottom: 40px;

    right: 10px;

    border-radius: 5px; 

}

.chatdb{

    background-color: #00aeef;

    padding: 5px 10px;

    color: white !important;

    position: fixed;

    bottom: 10px;

    right: 10px;

    border-radius: 5px;

}



#back2Top {

    width: 60px;

    /* line-height: 40px; */

    overflow: hidden;

    z-index: 999;

    display: none;

    cursor: pointer;

    -moz-transform: rotate(270deg);

    /* -webkit-transform: rotate(270deg); */

    -o-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    /* transform: rotate(270deg); */

    position: fixed;

    bottom: 80px;

    right:10px;

}



.video_detail{margin-bottom:15px}   

.video_detail iframe{

    border: none;

    width: 100%;

    height: 230px;  

}   

.header_full{

    /*    background: url(../images/bg_header.png) repeat scroll 0 0 rgba(0,0,0,0);*/

    background-size: cover;

    border-bottom: 1px #ccc solid;

}

.mag-wrapper .title {

    font-size: 20px;

    font-weight: 600;

    padding: 10px 0px;

    transition: all 0.5s ease-out;

    text-transform: uppercase;

    border-bottom: 1px #DDDDDD solid;

}



.form-contact .control-label{

    text-align: left;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 5px;    

}

.form-contact {

    background: #d0d0d0;

    padding: 15px;

    border-radius: 0px;

    color: black;

    margin-bottom: 30px;

}



p.short{

    margin: 30px 0px;

    color: #808080;

    font-size: 14pt;

    text-align: center;

    font-family: utm;    

}



.clickCart{

    position: fixed;

    bottom: 190px;

    right: 10px;

    z-index: 9999;

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    background: #00aeef;

    border-radius: 50%;

    color: white;

    font-size: 24px;    

    animation: phonering-alo-circle-img-anim 2s infinite ease-in-out;

}

.clickCart i{}

.list_img{}

.list_img ul{

    height: 35px;

    padding: 0px 5px;

}

.list_img ul li{

    list-style: none;

    float: left;

    margin-right: 5px;

}

.list_img ul li{

    border: 1px white solid;

    display: flex;

    padding: 1px;

}

.list_img ul li:hover {

    border:1px #f57123 solid;

}

.list_img ul li.active {

    border:1px #f57123 solid;

}



.list_img ul li img{

}

.list_img ul li img {

    width: 30px;

    height: 30px;

    border-radius: 1px;

}

.mb_color{

    display: none;

}



.module3 {

    padding-top: 40px;

    padding-bottom: 50px;

}

.module3 h3.name {

    background: url(/images/headcaption.png) left top no-repeat;

    font-size: 24px;

    line-height: 32px;

    margin: 0;

    padding: 0px 0px 0px 50px;

    text-align: left;

    text-transform: uppercase;

    color: #1866b1;

    font-weight: 300;

}

.module3 .desc {

    font-size: 19px;

    margin-bottom: 30px;

}

.module3 .more {

    color: #fff;

    font-size: 12px;

    font-weight: 600;

    border: 1px solid;

    display: inline-block;

    padding: 5px 10px;

    width: 109px;

    text-align: center;

}



#intro{

    background: #fbfbfb url(../images/hoatiet_1.jpg) top left no-repeat;

    padding: 30px 0px;

    overflow: hidden;

}



.intro-button {

    margin-top: 4rem;

    text-align: center;

}

.intro-desc{

    text-align: justify;

    line-height: 29px;

    font-size: 14px;

}

.btn-more span {

    display: inline-block;

    padding-left: 2rem;

    padding-right: 2rem;

    height: 4rem;

    line-height: 4rem;

    font-size: 1.8rem;

    text-transform: uppercase;

    color: #fff;

    border: #fff solid 1px;

    -webkit-border-radius: 2rem;

    -moz-border-radius: 2rem;

    border-radius: 2rem;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    text-align: center;

    white-space: nowrap;

}

.btn-more {

    display: inline-block;

    text-decoration: none;

    background-color: #1866b1;

    color: #fff;

    -webkit-border-radius: 2.3rem;

    -moz-border-radius: 2.3rem;

    border-radius: 2.3rem;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    padding: 3px;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

}

.btn-more span {

    width: 25rem;

    padding-left: inherit;

    padding-right: inherit;

}

.intro-1{

    padding-right: 80px;

}

.intro-video{

    position: relative;

}

.intro-video .intro-img {

    width: 48.6vw;

    max-width: 50vw;

    -webkit-opacity: 1;

    -moz-opacity: 1;

    opacity: 1;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

}

.intro-video .intro-circle {

    position: absolute;

    top: 50%;

    left: -5rem;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

}

.videc-circle {

    display: inline-block;

    width: 10rem;

    height: 10rem;

    background-color: #fff;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-box-shadow: 0 5px 29px 0 rgba(0,0,0,.22);

    -moz-box-shadow: 0 5px 29px 0 rgba(0,0,0,.22);

    box-shadow: 0 5px 29px 0 rgba(0,0,0,.22);

    position: relative;

}

.videc-circle .circle-1 .circle-2 .brand-icon {

    display: block;

    width: 5.5rem;

    height: 4.1rem;

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

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    z-index: 3;

    -webkit-transform: translate(-50%,-50%) rotate(45deg);

    -moz-transform: translate(-50%,-50%) rotate(45deg);

    -ms-transform: translate(-50%,-50%) rotate(45deg);

    -o-transform: translate(-50%,-50%) rotate(45deg);

}



.intro-video .play-overlay {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 50vw;

    height: 100%;

}

.intro-video .play-overlay .icon-play {

    display: inline-block;

    width: 56px;

    height: 56px;

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    z-index: 4;

    background-color: #fff;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

}

.intro-video .play-overlay .icon-play .circle-play {

    width: 48px;

    height: 48px;

    line-height: 48px;

    font-size: 24px;

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    border: #1866b1 solid 1px;

    color: #1866b1;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

}

.intro-video .play-overlay:hover .icon-play {

    background-color: #792d39;

}

.intro-video .play-overlay:hover .icon-play .circle-play {

    border-color: #fff;

    color: #fff;

}

.intro-video .play-overlay:hover .icon-play .circle-play {

    border-color: #fff;

    color: #fff;

}

#linhvuc{

    padding: 30px 0px;

}



.thungo-container {

    background: url(../images/thungobg.jpg) center center no-repeat;

    background-size: cover;

}

.thungo-container .item-center {

    height: 100vh;

    width: 33.3333%;

    margin: 0 auto;

    position: relative;

    background-color: #fff;

}



.thungo-container .item-center:before, .thungo-container .item-center:after {

    content: '';

    display: block;

    width: 15px;

    height: 100%;

    background-color: rgba(255,255,255,.5);

    position: absolute;

    top: 0;

    left: -15px;

}

.thungo-container .item-center:after {

    left: auto;

    right: -15px;

    content: '';

}

.thungo-container .item-center .item-content {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    padding: 0 3rem;

}



.thungo-container .item-center .item-content .thungo-icon {

    margin: 0 auto 4.6rem;

    text-align: center;

}

.thungo-container .item-center .item-content .thungo-button {

    text-align: center;

    margin: 5rem auto 0;

}

.newhome{

    margin: 30px 0px;

}

.newhome .list{

    margin-bottom: 30px;

}

.newhome .img {

    height: 120px;

    overflow: hidden;

}

.newhome img {

    width: 100%

    margin-bottom: 15px;

}



.newhome h3{

    font-size: 1.6rem;

    color: #792d39;

    margin-top: 0;

    line-height: 2.4rem;

    max-height: 7.2rem;

    font-weight: 600;

}



.newhome p.date{

    text-align: left;

    color: black;

}

.newhome p.date i{

    margin-right: 10px;

    color: #db3a1b;

}

.regular {

    margin-bottom: 0px!important;

    border-top: #1965b3 solid 2px;

    padding: 30px 0px;

}

.regular img{

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    filter: grayscale(100%);

    margin: 0 auto;

    -webkit-transition: all .5s linear;

    -moz-transition: all .5s linear;

    -ms-transition: all .5s linear;

    -o-transition: all .5s linear;

    transition: all .5s linear;

}

.regular img:hover{

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    filter: grayscale(0);

}

.abouts{}

.abouts img{

    width: 100%

}

.abouts h3{

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    font-size: 18px;

    color: #792d39;  

}

.abouts .content{

    font-size: 13px;

    line-height: 21px;

    text-align: justify;

}

.abouts .item-icon {

    position: absolute;

    bottom: calc(5rem + 5px);

    left: 50%;

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -ms-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);

    -webkit-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    -o-transition: all .25s ease;

    transition: all .25s ease;

    z-index: 10;

}

.videc-circle {

    display: inline-block;

    width: 10rem;

    height: 10rem;

    background-color: #fff;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-box-shadow: 0 5px 29px 0 rgba(0,0,0,.22);

    -moz-box-shadow: 0 5px 29px 0 rgba(0,0,0,.22);

    box-shadow: 0 5px 29px 0 rgba(0,0,0,.22);

    position: relative;

}

.videc-circle .circle-1 {

    display: inline-block;

    width: 8rem;

    height: 8rem;

    border: #1866b1 solid 1px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    z-index: 1;

}

.videc-circle .circle-1 .circle-2 {

    display: inline-block;

    width: 7rem;

    height: 7rem;

    background-color: #1866b1;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2;

}

.abouts .item-icon img {

    width: auto;

    height: auto;

    object-fit: contain;

}

.videc-circle .circle-1 .circle-2 img {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 3;

    -webkit-transform: translate(-50%,-50%) rotate(45deg);

    -moz-transform: translate(-50%,-50%) rotate(45deg);

    -ms-transform: translate(-50%,-50%) rotate(45deg);

    -o-transform: translate(-50%,-50%) rotate(45deg);

}

.abouts:hover .item-icon .videc-circle .circle-1 {

    border-color: #792d39;

}

.abouts:hover .item-icon .videc-circle .circle-1 .circle-2 {

    background-color: #792d39;

}

.headline {

    background: url(../images/headline_with_logo.png) top center no-repeat;

    background-size: 21.4rem 17rem;

    padding: 7.9rem 0 9.5rem;

}



.headline:after {

    content: '';

    display: none;

}



.bg_2{

    background: #fbfbfb url(../images/featured_project_bg.png) center bottom no-repeat;

    background-size: contain;

    padding-top: 30px;

}



.footer-top {

    padding: 15px 0;

    border-top: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;

}

.socials a {

    width: 40px;

    display: inline-block;

}

.footer-top .contact2 .title {

    padding-top: 5px;

    display: inline-block;

}

.footer-top .contact2 .wpcf7 {

    float: right;

    width: 70%;

    position: relative;

}

.footer-top .contact .wpcf7-form {

    width: 100%;

}

.footer-top .contact2 .wpcf7-form p {

    margin: 0;

}

.wpcf7-form-control-wrap {

    position: relative;

}

.footer-top .contact2 input.wpcf7-submit {

    padding: 0 10px;

    position: absolute;

    top: 0;

    right: 0;

    height: 30px;

}

.contact input.wpcf7-submit {

    background: #4CAF50;

    border: 0;

    color: #fff;

    display: inline-block;

    padding: 10px 20px;

    outline: none;

}



.footer-top .contact2 input.wpcf7-text {

    height: 30px;

}

.contact input.wpcf7-text {

    width: 100%;

    height: 40px;

    outline: none;

    padding: 0 10px;

}





.box_news_related{

    margin-bottom: 20px;

}



.box_news_related ul li{

    margin-left: 20px;

    margin-bottom: 5px;

}

.box_news_related ul li a{

    color: black;

    font-size: 14px;

}



.cat-title{

    height: auto;

    background-color: #1866b1;

    color: #fff;

    position: relative;

}



.addtocart {

    border: none;

    background: #f20000;

    padding: 10px 45px;

    font-size: 18px;

    font-weight: 700;

    color: white;

    text-transform: uppercase;

    margin-bottom: 10px;

    border-radius: 2px;

    position: relative;

}

.addtocart:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    background-color: #cf0d28;

    z-index: -1;

    width: 0;

    height: 100%;

    transition: width .25s ease-in-out;

    border-radius: .3rem;

}

.addtocart label {

    width: 100%;

    display: block;

    font-weight: bold;

    font-size: 14px;

    margin-bottom: 0px;

}

.addtocart span {

    font-size: 12px;

    font-family: Roboto;

    font-weight: normal;

    text-transform: initial;

}



#news-letter {

    padding: 0px 10px;

}

.col-padding-0 {

    padding-left: 0px;

    padding-right: 0px;

    margin-bottom: 10px;

}

#news-letter input, select {

    background:rgba(177, 177, 177, 0.1);

    border: 1px solid rgba(255,255,255,.3);

    color: #000;

    padding-left: 43px;

    font: 14px/40px'Roboto';

    margin: 0;

    width: 100%;

}

#news-letter button {

    background: #25aae2;

    line-height: 44px;

    border: none;

    width: 86%;

    padding: 0;

    background-color: #25aae2;

    color: #fff;

}



.form-project{

    background: url(/images/TrangCon_Vina-02.jpg) no-repeat;

    background-size: cover;

    background-color: #2a3373;

    margin-top: 30px;

    color: #fff;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-bottom: 20px;

    padding-left: 20px;

    padding-right: 20px;

}

.form-project h4.title-form{

    text-align: center;

    text-transform: uppercase;

    font-size: 20px;

    margin-bottom: 30px;

    padding: 0 30px;

}

.form-project input{

    border: none;

    border-radius: 3px;    

}

.form-project .col-left{

    margin-bottom: 20px;

}

.form-project form button[type="submit"] {

    background-color: #edab21;

    color: #fff;

    display: block;

    width: 100%;

    padding: 10px 20px;

    border: none;

    transition: 0.4s;

    font-size: 21px;

    font-weight: 300;

    border-radius: 3px;

    text-transform: uppercase;

}

.form-project .col-right ul{

    padding-left: 40px;

}

.form-project .col-right ul li {

    font-size: 17px;

    list-style-image: url(/images/Icon_Tick.png);

    margin-bottom: 10px;

}





#sidebar-item .bg-gold{

    background-color: #792d39;

    padding: 12px 20px;

    position: relative;

    margin-bottom: 30px;

    clear: both;

    text-align: left;

    overflow: hidden;

    color: white;

    font-size: 16px;

    text-align: center;

}

#sidebar-item{

    border: 2px #792d39 solid;

    border-bottom: 0px;

    background: white;

    z-index: 999999;

}

#sidebar-item .content{

    padding: 10px;

}

#sidebar-item img{

    margin-bottom: 10px;

}

#sidebar-item form button[type="submit"] {

    background-color: #d20d29;

    color: #fff;

    display: block;

    width: 100%;

    padding: 10px 20px;

    border: none;

    transition: 0.4s;

    font-size: 21px;

    font-weight: 300;

    border-radius: 3px;

    text-transform: uppercase;

}

.hotline-bottom{

    background-color:#2a3373;

    color:#fff;

    padding:6px;

    font-size:160%;

    font-weight:700;

    margin-bottom: 20px;

}

.hotline-bottom a{

    color: white;

}



#getFixed {

}

#my-sticky-element .stuck{

    position:fixed;

    top:0;

    box-shadow:0 2px 4px rgba(0, 0, 0, .3);

}



.post_hot img{

    margin-bottom: 10px;

}

.post_hot .info a {

    color: #ff0303;

    font-size: 13px;

    text-transform: uppercase;

}





.content_product img{

	max-width: 100%;

	height: auto!important;

}









.linhvuc{

    background-color: #ffffff;

    background-image: url(http://haiphatland.vn/wp-content/uploads/2016/11/linh-vuc-hoat-dong-background-hai-phat-land.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    padding-top: 40px;

    padding-right: 30px;

    padding-bottom: 0px;

    padding-left: 30px;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .icon, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .image {

    display: table-cell;

    vertical-align: middle;

    float: none;

}

.fusion-column span{

    height: 44px;

    width: 44px;

    line-height: 23px;

    border-color: #ffffff;

    border-width: 1px;

    /*border-style: solid;*/

    background-color: #fab524;

    box-sizing: content-box;

    border-radius: 50%;

}

.fusion-column i{

    border-color: #fab524;

    border-width: 1px;

    background-color: #ffffff;

    box-sizing: content-box;

    height: 42px;

    width: 42px;

    line-height: 42px;

    border-radius: 50%;

    position: relative;

    top: auto;

    left: auto;

    margin: 0;

    border-radius: 50%;

    color: #e86108;

    font-size: 21px;

    text-align: center;

}

.fusion-column .icon1

{

    display: table-cell;

    vertical-align: middle;

    float: none;

}    

.fusion-column h2{

    color: #d2bd56;

    display: table-cell;

    vertical-align: middle;

    line-height: normal;

    font-size: 19px;

    padding-left: 10px;

    font-weight: bold;

}



.content-container {

    margin-bottom: 20px;

    margin-top: 10px;

    font-size: 14px;

    line-height: 29px;

    min-height: 128px;

}



#bottom {

    height: 134px;

    background: #c8a741 url(../images/bottom.png) left center no-repeat;

    background-size: contain;

    position: relative;

}

#bottom #bottom-content {

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

}

#bottom #bottom-content #bottom-left {

    text-align: right;

    color: #fff;

    font-size: 24px;

    line-height: 44px;

}

#bottom #bottom-content #bottom-right {

    text-align: left;

}

#bottom #bottom-content #bottom-right .subscrible {

    width: 460px;

    height: 44px;

    position: relative;

    font-weight: 100;

}

div.wpcf7 {

    margin: 0;

    padding: 0;

}

div.wpcf7 .screen-reader-response {

    position: absolute;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    width: 1px;

    margin: 0;

    padding: 0;

    border: 0;

}

#bottom #bottom-content #bottom-right .subscrible .subscible-text, #bottom #bottom-content #bottom-right .subscrible input[type=text], #bottom #bottom-content #bottom-right .subscrible input[type=email] {

    width: 436px;

    height: 44px;

    line-height: 44px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: none;

    padding-left: 24px;

    padding-right: 42px;

}

#bottom #bottom-content #bottom-right .subscrible .subscrible-btn, #bottom #bottom-content #bottom-right .subscrible input[type=submit], #bottom #bottom-content #bottom-right .subscrible input[type=button], #bottom #bottom-content #bottom-right .subscrible button {

    height: 40px;

    width: 130px;

    line-height: 40px;

    background-color: #25aae2;

    color: #fff;

    border: none;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    position: absolute;

    top: 2px;

    right: 0;

    font-size: 18px;

    text-transform: uppercase;

    text-align: center;

}



#section-nav-container {

    position: fixed;

    top: 50%;

    right: 0;

    width: 50px;

    z-index: 0;

    list-style: none;

    margin: 0;

    padding: 0;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

}

#section-nav-container ul {

    margin: 0;

    padding: 0;

    list-style: none;

    position: absolute;

    top: 50%;

    right: 0;

    width: 50px;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

}

#section-nav-container ul li a {

    display: block;

    width: 50px;

    height: 50px;

    margin-bottom: 2px;

    background-color: #25aae2;

    text-decoration: none;

    -webkit-border-top-right-radius: 0;

    -webkit-border-bottom-right-radius: 0;

    -webkit-border-bottom-left-radius: 25px;

    -webkit-border-top-left-radius: 25px;

    -moz-border-radius-topright: 0;

    -moz-border-radius-bottomright: 0;

    -moz-border-radius-bottomleft: 25px;

    -moz-border-radius-topleft: 25px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 25px;

    border-top-left-radius: 25px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    position: relative;

}

#section-nav-container ul li a .nav-icon {

    width: 50px;

    height: 50px;

    display: block;

    -webkit-opacity: .4;

    -moz-opacity: .4;

    opacity: .4;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

}

#section-nav-container ul li a .nav-title {

    display: block;

    width: 0;

    padding: 0 30px 0 25px;

    height: 50px;

    line-height: 50px;

    position: absolute;

    right: -100%;

    top: 0;

    z-index: 1;

    background-color: #25aae2;

    color: #fff;

    white-space: nowrap;

    -webkit-transition: all .25s linear;

    -moz-transition: all .25s linear;

    -ms-transition: all .25s linear;

    -o-transition: all .25s linear;

    transition: all .25s linear;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    opacity: 0;

    -webkit-border-top-right-radius: 0;

    -webkit-border-bottom-right-radius: 0;

    -webkit-border-bottom-left-radius: 25px;

    -webkit-border-top-left-radius: 25px;

    -moz-border-radius-topright: 0;

    -moz-border-radius-bottomright: 0;

    -moz-border-radius-bottomleft: 25px;

    -moz-border-radius-topleft: 25px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 25px;

    border-top-left-radius: 25px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    text-transform: uppercase;

    font-size: 14px;

    overflow: hidden;

    font-weight: 100;

}

#section-nav-container ul li:hover a {

    background-color: #25aae2;

    color: #fff;

    border: none;

}

#section-nav-container ul li:last-child a {

    margin-bottom: 0;

}

#section-nav-container ul li:hover a .nav-title {

    -webkit-opacity: 1;

    -moz-opacity: 1;

    opacity: 1;

    right: 25px;

    min-width: 156px;

    width: auto;

}

#section-nav-container ul li.active a {

    background-color: #25aae2;

    color: #fff;

    border: none;

}



#section-nav-container ul li a .nav-icon.icon-1 {

    background: transparent url(../images/home_icon_1.png?ver=1) center center no-repeat;

}

#section-nav-container ul li a .nav-icon.icon-2 {

    background: transparent url(../images/home_icon_2.png) center center no-repeat;

}

#section-nav-container ul li a .nav-icon.icon-3 {

    background: transparent url(../images/home_icon_3.png) center center no-repeat;

}

#section-nav-container ul li a .nav-icon.icon-4 {

    background: transparent url(../images/home_icon_4.png) center center no-repeat;

}



#section-nav-container ul li a .nav-icon.icon-5 {

    background: transparent url(../images/home_icon_5.png) center center no-repeat;

}



/*

.navigation1 {

    position: fixed;

    width: 30%;

    margin-left: 2%;

    background-color: #999;

    color: #fff;

    z-index: 99999999;

    top: 10px;

}

.navigation__link {

    display: block;

    color: #ddd;

    text-decoration: none;

    padding: 1em;

    font-weight: 400;

}

.navigation__link.active {

    color: white;

    background-color: rgba(0, 0, 0, 0.1);

}



*/