body{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;overflow-x:hidden;}
@font-face {
    font-family: 'ALTER-GOTHIC';
    src:url(../fonts/ALTER-GOTHIC.woff) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
    height:10px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background:#976816; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 149, 230, 0.4)); 
}
#header{ width:100%; z-index:999;}
.clear{ clear:both;}
li{ list-style:none;}
.container{ background:none; width:1200px;}
.top-header{ background:url(img/bg-top-header.jpg); height:31px; position:relative; z-index:2; background-size:cover;overflow: hidden;}
.top-headder-right{  position:relative;}
.top-headder-right .hotline{ background:none;}
.top-header .container,.cont-header .container{ position:relative;}
.mp-menu{ display:none;}
.login,.hotline,.email-top,.social-top { float:right;}
.hotline a, .login ul li a, .sologan{ color:#cccccc;}
.email-top a{ color:#ccc; font-size:12px; line-height:31px;}

.hotline a{ font-size:12px; line-height:31px;}
.login{ padding-left:20px; position:relative;}
.hotline,.email-top,.social-top { margin-right:25px; position:relative;}
.email-top{ margin-right:75px;}
.hotline:before,.email-top:before{ content:''; width:28px; height:28px; background:url(img/icon.png) no-repeat; background-position:0 0; display:block; top:3px; left:-25px; position:absolute;}
.email-top:before{ background-position:0 -571px;}
.login:before,.hotline:after,.social-top:before{ content:'/'; position:absolute; top:0px; left:0; color:#ccc;font-size: 18px;font-weight: 300;}
.hotline:after{ left:-45px;}
.login ul li a{ font-size:12px; padding:5px 10px; line-height:31px;}
.login ul li:hover>a{ color:#fff;}
.login ul li{ float:left;}
.logo{ width:15%; height:110px; float:left; position:relative;}
.logo img{ position:absolute; top:0; left:0; bottom:0; margin:auto; max-height:100%;}
.box-nav{width:85%; float:right;}
.cont-header{  background:#000;height:110px; }
.mp-pushe{ z-index:999; height:100%;}
.icon-header{ position:absolute; top:-5px; right:-20px; z-index:1;}
.social-top{ padding-left:30px;}
.social-top ul li{ float:left; margin:0 2px;}
.social-top ul li a{ line-height:31px; display:block; height:31px;}
.social-top ul li i{ background:url(img/icon.png)  no-repeat; width:11px; height:31px; display:block;}
.social-top ul li i.icon-fb{ background-position:0 -592px;}
.social-top ul li i.icon-gg{ background-position:0 -618px;}
/*****MENU DESKTOP******/
.nav-desktop { z-index:2; }
.nav-desktop ul li a{ color:#fff; text-transform:uppercase; font-size:18px; padding:8px 20px; border-radius:20px;border:2px  solid transparent; transition:.5s all ease; -webkit-transition:.5s all ease; -moz-transition:.5s all ease; z-index:8; font-family: 'ALTER-GOTHIC'; position:relative;}
.nav-desktop ul li a:before,.nav-desktop ul li a:after{ position:absolute; content:''; width:50%; height:1px; left:0; bottom:0; background:#552c0e; display:none;}
.nav-desktop ul li a:after{ left:50%; background:#cc9933;}
.nav-desktop ul li li a:before,.nav-desktop ul li li a:after{ display:none;}
.nav-desktop ul li:hover > a:before,.nav-desktop ul li:hover > a:after,.nav-desktop ul li.active > a:before,.nav-desktop ul li.active > a:after{ display:block;}
.nav-desktop ul li li:hover > a:before,.nav-desktop ul li li:hover > a:after{ display:none;}

.nav-desktop ul li{ float:left; margin:0 3px; height:63px;     position: relative; }

.nav-desktop {width: 100%;position: relative; padding: 37px 40px 0 70px;}
.nav-desktop ul{ margin-bottom:0;float: right;}
.nav-desktop ul ul{ float:none;}
.nav_dropdown{ position:absolute; left:-4000px; top:60px; height:0;  right:0; margin:auto; width:1000px; background:#fff; padding:15px; border-top:4px solid #6B4015;  z-index:9;  opacity:0; height:0; overflow:hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);transition:.3s opacity ease; -webkit-transition:.3s opacity ease; -moz-transition:.3s opacity  ease; }
.nav-desktop ul li:hover .nav_dropdown{   opacity:1; height:auto; left:-440px;transition:.3s opacity ease; -webkit-transition:.3s opacity ease; -moz-transition:.3s opacity  ease;  }
.nav_dropdown ul > li{ float:left; height:auto; width:23%; margin:0 1% 15px 1%; }
.nav_dropdown ul > li>a{ background:url(img/bg-top-header.jpg); margin-bottom:0px; width:100%; display:block;}
.nav_dropdown ul li li{ float:none; height:38px; margin-bottom:0; margin:0; width:100%; border-bottom:1px dotted #ccc; }
.nav_dropdown ul li li a{ background:none; color:#424242; text-transform:none;}
.nav_dropdown ul li li:hover a{ color:#613711;}
.nav_dropdown ul li a{ text-transform:none; border:none; border-radius:0px; padding:5px 10px; color:#fff; text-transform:uppercase; font-size:16px;}
.nav_dropdown ul li:hover>a{ border:none;}

.menu-default{ position:absolute; width:220px; padding:5px 10px; top:60px; background:#6B4015; left:-5000px; opacity:0; transition:.3s opacity ease; -webkit-transition:.3s opacity ease; -moz-transition:.3s opacity ease;}
.nav-desktop ul li .menu-default li{ float:none; height:auto; position:relative;border-bottom: 1px solid #583512;border-top: 1px solid #804E1C;}
.nav-desktop ul li .menu-default li li{border-bottom: 1px solid #46290B;border-top:1px solid #693F14;}
.nav-desktop ul li .menu-default li:first-child{ border-top:none;}
.nav-desktop ul li .menu-default li:last-child{ border-bottom:none;}
.nav-desktop ul li .menu-default li a{ padding:2px 5px; text-transform:none;    width: 100%; display: block; }
.nav-desktop ul li .menu-default ul{ position: absolute; width:220px;background:#53300d; top:0; left:-5000px; opacity:0; transition:.3s opacity ease; -webkit-transition:.3s opacity ease; -moz-transition:.3s opacity ease;}
.nav-desktop ul li:hover .menu-default{left:0; opacity:1;}
.nav-desktop ul li .menu-default li:hover ul{left:100%; opacity:1;}
.nav-desktop ul li .menu-default li:hover > a{ color:#ccc;}

/*******Tìm kiếm*****/
.box-timkiem {
    position: absolute;
    z-index: 999;
    top: 28px;
    right: 0;
}
.timkiem:before{ content:''; position:absolute; top:-8px; right:16px; width:6px; height:4px; border-bottom:6px solid #6B4015; border-left:4px solid transparent; border-right:4px solid transparent; display:block;}
.timkiem {
    display:none;
    width: 316px;
    position:absolute;
    bottom:-50px; right:8px; z-index:9;
    padding:8px; background:#fff;
    border-top: 2px solid #6B4015;
}
.timkiem .form-control {
    width: 220px;
    float: left;
    font-size: 12px;
    font-family: tahoma;
    border-radius: 0;
    border-right: none;
}
.timkiem .btn-default {
    width: 80px;
    border-radius: 0px;
    border-color: rgba(0,0,0,0);
    border-radius: 0;
    background: #6B4015;
    color: #fff;
}
.icon-tk{ background:url(img/icon-s.png) no-repeat; width:30px; height:30px; display:block;margin: 10px 0px 0 0; cursor:pointer;}
.timkiem.abc{ display:block;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.42);}
.support{ height:0;}
.support.abc{ display:block;}
.support.abc ul{position: absolute;
                left: 0;
                top: 35px;}
/*******/
/****slider***/

.jssorb21 {
    position: absolute;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
    position: absolute;
    /* size of bullet elment */
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    background: url(img/b21.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }


.jssora21l, .jssora21r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(img/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }
/*********END SLIDER **************/
/***service******/
.service{ padding:45px 0 0px 0; background:url(img/bg-top-service.png) repeat-x;}
.service .container,.news-all .container{    background: rgba(0,0,0,0.3);}
.news-all .container{ padding:0 20px;}
.title h2{font-size:24px; position:relative; text-transform:uppercase; color:#fff; margin-bottom:30px;font-family: 'ALTER-GOTHIC'; text-align:center;}
.title .more-title{ display:table; margin:0 auto; color:#817f7f; font-size:25px;}
.title h2:before{ content:''; position:absolute; bottom:-15px; left:0; right:0; margin:0 auto; background:url(img/icon-title-1.png) no-repeat; width:223px; height:5px;}
.service .title{ margin-bottom:40px;}

.service .cont{ margin:0 -8px;}
.item-service{ width:20%; float:left; padding:0 8px; margin-bottom:30px;}
/***********PRODUCT***********/
.product{ padding:10px 0 40px 0; }
/*.product .item{ padding-top:10px;}*/
.box-product .box-img{ margin:0 auto; width:200px; height:200px; position:relative;}
.box-product{ display:block;}
.box-product .box-img, .box-product .box-img img{ width:200px; height:200px; overflow:hidden; border-radius:5000px;}
/*.box-product .box-img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); transition:.5s all ease; -webkit-transition:.5s all ease; -moz-transition:.5s all ease;}
.box-product:hover .box-img{ transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02);}*/
.box-product .box-img:before{ content:''; position:absolute; top:0; left:0; width:92%; height:92%; border:1px dashed #fff; right:0; bottom:0; margin:auto; border-radius:5000px; z-index:9; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transition:1s all ease; -webkit-transition:1s all ease; -moz-transition:1s all ease;}
.box-product:hover .box-img:before{transform:rotate(10deg); -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg);}
.box-product .box-info{ height:50px; padding:10px;}
.box-product .box-info h4{ font-size:16px; color:#999999;font-family: 'ALTER-GOTHIC'; text-align:center;}
.box-product .box-info p{ text-align:center;}
.box-product:hover .box-info h4{ color:#fff;} 
.product .box-info p span{ font-size:15px; color:#d4b634;font-family: 'ALTER-GOTHIC'; text-align:center; background:url(img/icon.png) no-repeat 0 -659px; padding-left:15px;}
/***************************************/
/*****Video******/
.title-2{ position:relative; margin-bottom:20px;}
.title-2 h2{ margin-bottom:0px; padding-left:5px; position:relative;  display:table; float:left;}
.title-2 h2:before{ background:url(img/title-2.png) no-repeat; content:''; position:absolute; bottom:5px; right:-130px; width:115px; height:5px;}

.title-2 h2 a{ color:#fff; font-size:24px;font-family: 'ALTER-GOTHIC'; font-weight:300; text-transform:uppercase;}
/*****Tin tức*******/
.news-all .col-left{ width:300px; float:left; padding-top:0;}
.news-all .col-right{ margin-left:325px;}
.news-all .title-2{ overflow:hidden;}
.question{ width:300px; float:right;}
.news{ margin-right:325px;}
.news-hot{ width:100%;}
.news-hot .box-img{ width:100%; overflow:hidden; max-height:196px; position:relative;}
.news-hot .box-img img{ position:static;}
.news-hot .box-info h4{ margin-top:10px;}
.news-hot .box-info h4 a{ font-size:20px; color:#cccccc; text-transform:uppercase;font-family: 'ALTER-GOTHIC'; }
.news-hot .box-info p{ font-size:14px; color:#999999;}
.box-info-news h4{ margin:0 0 6px 0;}
.box-info-news p{ line-height:16px; font-size:14px; color:#999999;white-space: nowrap;text-indent: -520px;overflow: hidden;}
.box-info-news h4 a{ color:#cccccc; font-size:18px; font-family: 'ALTER-GOTHIC';}
.box-info-news h4:hover a{ color:#fff;}
.box-info-news .view-more{ color:#cc9933;}
.box-info-news .view-more:hover{ color:#ab7b1a;}
.box-news{ border-bottom:1px solid rgba(0,0,0,.1); margin-bottom:10px; height:50px;padding-bottom:10px;}
.product-detail .product-detail-box .product-detail-img .product-img-main {
    height: 300px; }
.left .box-news { border-bottom:1px solid rgba(0,0,0,.1); margin-bottom:10px; height:50px; overflow: hidden;padding-bottom:10px;}
.box-news:last-child{ border:none;}
.news-all{ /*content:''; position:absolute; top:0; left:0; right:0*/}
.view-news{ background:url(img/bg-view.png) no-repeat; background-size:cover; width:100px; height:30px; display:block; font-size:14px; color:#fff; text-align:center; line-height:30px; margin-bottom:20px;}
.view-news:hover{ color:#fff; background:url(img/bg-view2.png) no-repeat;}
/******videos********/
.box-video .box-info h4{ color:#cccccc; font-size:15px; text-transform:uppercase;font-family: 'ALTER-GOTHIC';}
.box-video .box-info p{ font-size:14px; color:#999999; line-height:18px;}
.banner-small{ margin-top:15px;}
/*********question*********/
.question ul li{ list-style:none;background:url(img/icon.png) no-repeat 0 -721px; padding:5px 0 0 30px; margin-bottom:20px;}
.question ul li a{ font-size:14px; color:#999999; padding:5px 0px;}
.question ul li:hover a{ color:#fff;}
/******Danh giá của khách hàng****/
/****/
.evaluate { margin-bottom:30px;}
.cont-evaluate {
    position: relative;
    height: 220px;
    background-image: url(img/parallax.jpg);
    background-size:cover;
    background-position: top center;
    overflow: hidden; padding:0 20px; }
.evaluate .container{ padding:20px; background: rgba(0,0,0,0.3)}
.evaluate  .title h2{ color:#552c0e;}
.evaluate .title h2:before{background: url(img/icon-title-3.png) no-repeat;}
.box-avatar{width:100px; height:100px; float:left;}
.box-avatar img{ width:100px; height:100px; border-radius:5000px; display:table; margin:auto;}
.box-evaluate{ margin-left:130px;}
.evaluate .owl-wrapper-outer:before{ display:none;}
.top-evaluate{ font-size:24px; color:#424242; font-family: 'ALTER-GOTHIC'; position:relative;  margin-bottom:0px; text-transform:uppercase;}
.evaluate-detail{ font-size:14px; color:#424242;padding-right: 35px;}
.evaluate .owl-item{ padding-top:20px;}
.evaluate .owl-theme .owl-controls{ display:block !important;}
.evaluate .owl-pagination{ display:none;}
.evaluate .owl-theme .owl-controls .owl-buttons div.owl-prev{ position:absolute; top:50px; left:-25px;  background:url(img/a21.png) no-repeat -16px -37px !important; color:rgba(0,0,0,0);width:47px; height:47px;}
.evaluate .owl-theme .owl-controls .owl-buttons div.owl-next{ position:absolute; top:50px; right:-25px; width:47px; height:47px; background:url(img/a21.png) no-repeat -58px -37px !important; color:rgba(0,0,0,0);}
.evaluate .owl-theme .owl-controls .owl-buttons div{ color:transparent; }
.owl-theme .owl-controls .owl-buttons div:hover { opacity: 1; }

/***************FOOTER**************/
.company{width:186px; height:60px; position:relative;    margin-bottom: 15px;}
.company img{ position:absolute; top:0; left:0; bottom:0; margin:auto; max-height:100%;}
#footer { background:#552c0e; padding-top:20px;}
#footer .bottom-footer .container{ position:relative;}

#footer{ position:relative; z-index:1;border-top: 1px solid #999;}
#footer:before{ background: url(img/bf-ft.html) no-repeat;
                width: 421px;
                height: 211px;
                bottom: 0px;
                right: 0px;
                position: absolute;
                z-index:-1;}
.bantin ::-webkit-input-placeholder{color: #707070 !important;}
.bantin .searchbox:-moz-placeholder{color:#707070 !important;}
.bantin ::-moz-placeholder{color:#707070 !important;}
.bantin :-ms-input-placeholder{color:#707070 !important;}
.title-bt span {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 2px;
    text-transform: uppercase;
    position:relative;font-family: 'ALTER-GOTHIC';
}
.facebook-cont {
    margin-top: 20px;
    /*border:3px solid #fff;*/
    border-radius:3px;
}
.bottom-footer{  padding:0px 0px 30px 0px; margin-top:20px;}
.top-footer .container{ background:#fff; padding:40px;}
.address ul li{ color:#999999; font-size:14px; padding-left:30px; min-height:40px;}
.address ul li.dc{ background:url(img/address_icon.png) no-repeat -3px 2px;}
.address ul li.tel{background:url(img/icon.png) no-repeat -3px -398px;}
.address ul li.email{background:url(img/icon.png) no-repeat -3px -440px;}
.list-content .list-content-img{ position:relative; height:130px;}
.list-content .list-content-img img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;height: 100%;
                                     width: 100%;}
.list-content .list-content-body{ margin-left:220px;}
.newsletters-title h2{ font-size: 14px;
                       color: #666;
}
.newsletters-text {
    color: #999999;
    width:250px;
    padding-top:10px;
}
#footer #newslettersubmit{padding:0; background:none;


                          color:#fff; border-radius: 0px;  display: block;}
#footer .form-control {
    width: 320px;
    float: left;
    font-size: 12px;
    font-family: tahoma;
    border-radius: 0;
    border-right: none;
}
#footer .form-control {
    width: 100%;
    border-radius: 3px 0 0 3px;
    background:none;border-color: #666666;
}
#footer .form-group>.form-control {
    border: 1px solid #666666;
    border-right: 1px solid #666666;
    border-radius: 3px;
    width:250px;
    background:none;
}
#footer .input-group-addon { border: 1px solid #666666;
                             background:#552c0e;
                             background: -moz-linear-gradient(330deg, #552c0e 0%, #cc9933 100%);
                             background: -webkit-linear-gradient(330deg, #552c0e) 0%, #cc9933 100%);
                             background: -o-linear-gradient(330deg, #552c0e 0%, #cc9933 100%);
                             background: -ms-linear-gradient(330deg, #552c0e 0%, #cc9933 100%);
                             background: linear-gradient(60deg, #552c0e 0%, #cc9933 100%);
}
.input-group{width:250px;}


#footer .facebook{ display:table; float:left; width: 100%;}
.footer-f {  height:31px; background:url(img/bg-top-header.jpg);}
.coppyright{ float:left; color:#999999; font-size:14px; line-height:31px;}
.nano { float:right;}
.nano a{color:#999999;font-size:14px; line-height:31px; }

/***********END-FOOTER***********/
/*********Trang Trong**********/
.content{  padding:0 20px}
#main .content{margin-top: 20px;}
.banner img{ border:1px solid #e3e3e3; border-top:none; }
.left{ width:300px; float:left; }
.left .album, left .categories,.categories .menu{ background:#f7f7f7;}
.makeup .panel-default , .album .panel-default{ background:none;}

.right{ margin-left:330px; }
.categories .panel-default > .panel-heading h2, .featured .panel-default > .panel-heading h2, .album .panel-default > .panel-heading h2{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding:5px 0 5px 10px;
}
.panel-heading {
    padding: 5px 5px 5px 10px;
}
.list.grid{ margin-left:-10px;}
.categories .panel-body, .featured .panel-body, .album .panel-body{ padding:0;}
.categories .panel-default > .panel-heading, .featured .panel-default > .panel-heading, .album .panel-default > .panel-heading{ background:url(img/bg-top-header.jpg); background-size:cover;}
.categories .menu li > a{ font-size:14px; color:#333; text-transform:uppercase;padding: 4px 10px 4px 18px;}
.categories .menu li ul li{ color:#FFF !important; border-top:1px solid rgba(208, 208, 208, 0.38);}
.categories .submenu .menu li{ width:270px;}
.categories .menu li ul li:hover { background:#966526   !important;}
.submenu .menu li:hover > a{ border-left:none;}
.categories .menu.menu-list > li{ border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.left .box-img-news{ width:80px; height:54px;  float: left}
.left .box-info-news h4 a{color: #6F4417;}
.left .box-info-news h4:hover a{color: #966129;}
.left .box-info-news{ margin-left:90px;}
.left .box-info-news p{ display:none;}
.left .box-news{ height:auto;}
/*.categories .menu.menu-list li:hover, .left .menu.menu-list li.active{ border-right:none;}*/
.categories .menu.menu-list li:hover a, .left .menu.menu-list li.active a{ color:#fff;}
.categories .menu.menu-list li:hover, .categories .menu.menu-list li:hover li{ background:#82551B}
.categories .menu li ul li:hover a{ color:#fff !important; padding-left:23px;}
.categories .panel{border-color:#e3e3e3; border-bottom:none; border-right:none;}
.list.grid .list-item{  width:33.3333333%; height:325px; padding-top:10px;}
.list.grid .list-item .list-content{ border:1px solid #e3e3e3; margin:0 10px; padding-bottom:10px;}
.list.grid .product-price{ color:#eb0000; margin-bottom:0; padding-top:5px;}
.list.grid .product-price-market{ padding-top:0;}
.list.grid .list-item .list-content-box .list-content-img{ height:190px;}
.list.grid .list-item .list-content:hover {border:1px solid #A12C60;}
.right .centerContent{ padding:0px; margin:0;}
.breadcrumb > li a{ color:#666;}
.breadcrumb > li:hover a{ color:#222;}
.album ul{ margin-top:15px;}
.album li {
    list-style: none;
    padding-left: 65px;
    line-height: 40px;
    margin-bottom: 10px;    float: none;
}
.hotline, .yahoo, .skype/*, .email*/ {
    background: url(img/icon-support.png) no-repeat;
}
.hotline {
    background-position: 10px -149px;
}
.yahoo {
    background-position: 10px -50px;
}
.email {
    background-position: 10px -100px;
}
.skype {
    background-position: 10px 0px;
}
.album .everslider.es-slides-ready{ height:auto;}
.album.video .panel-default{ border:none;}
.album.video .panel{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.album.video .fullwidth-title{ background:rgba(0,0,0,0.4)}
.album .es-navigation .es-prev{ right:inherit; left:0;}
.album .fullwidth-slider .es-navigation a{ top:45%;}
.album ul li a{ color:#333;}
ul.W3NPager .active a {
    background: #643A12;
    border: 1px solid #422409;
    color: #fff;
}
ul.W3NPager li{ margin-right:5px;}
.box-product-page{ margin-bottom:30px;}
.centerContent .welcome {
    margin: 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
}
.title-w h2{ font-size:18px; color:#643A12; font-weight:bold; text-transform:uppercase;}
.list-content-body .list-content-title a{color:#643A12; font-size:14px;}
.list-content-body .list-content-title:hover a {color: #311b07;}
.makeup .panel-default{ border:none;}
.makeup .cont{ padding-top:15px;}
.right .list-content-body .list-content-title{ margin:0;}
/*********End-Trang Trong***********/
/************Chi tiết sp***********/
.social .social-item{ float:left;}
.fb-comments iframe, .fb-comments span{ width: 100% !important;}
.news-relation-title h2{ color:#A12C60; font-size:16px; text-transform:uppercase;}

.list-news-relation{ background:#fff; padding:20px; margin-top:0;}
.list-news-relation .box-title{ padding-left:20px;}
.list-news-relation .box-title a{color:#A12C60; font-size:14px;}
.box-banner img{ margin-bottom:20px;}
.content-w-nd p,.list-content-detail p{ font-size:13px;}
.consult{ margin-bottom:20px; background:#633912; padding:20px;}
.consult .form-control{ height:28px; border-radius:0px; box-shadow:none;}
.consult textarea{ min-height:110px;}
.consult .form-horizontal .form-group{ margin-bottom:7px;}
.col-left{ padding-top:29px;}
.form-horizontal .form-group.buttom-send{ text-align:right; margin-top:15px;}
.title-dktv{ font-size:13px; color:#fff; padding:0 15px;}
.required{ color:#333; font-size:14px;}
.form-horizontal .form-group.buttom-send .rewrite-contact{ background:#4E2C0D;}
.form-horizontal .form-group.buttom-send .rewrite-contact:hover {background: #3e2309;}

/************END- CHi tiết sp*******/
/*********LIÊN HỆ****/
.btn-default { background: #ED1C24;color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #3071a9;
}
.colright{width:40%; float:right;}
.colleft{width:60%; float:left;}
.submit-contact {background-color: #4e2c0d; border:none;}
.rewrite-contact{background-color: #555; border:none;}
.contact .right{ margin-left:0;}
.contact .right .form-control{ border-right:1px solid #ccc; width:450px;}

@media(min-width:1400px){

    .service .container:before{ width:1187px;}
}
@media(max-width:1400px){.cont-header .container:before{ right:0;}}
@media(max-width:1200px){
    .container{ width:100%;}
    .nav-desktop ul li a{ font-size:15px;}
    .service .container:before{ display:none;}
    .cont-header .container:before{ display:none;}
    .bottom-main .row .row{ margin:0}
    .logo img{ left:15px;}

    .service .title{ padding-top:1px;}
    .news-all .container{ padding:0 10px;}
}
@media(max-width:1160px){
    .box-news{ height:65px;}
}
@media(max-width:1100px){
    .nav-desktop ul li a{ font-size:15px;}
    .nav-desktop{ padding-left:0;}
    .box-news{ height:65px;}
}
@media(max-width:1024px){
    .box-product .box-img, .box-product .box-img img{ width:180px; height:180px;}
    .service {padding: 30px 0 0px 0;}

}
@media(max-width:1000px){.nav_dropdown{width:900px;}	}
@media(max-width:992px){
    .logo img{ left:0; right:0;}
    #header{ position:static !important; background:#000;}
    .nav-desktop{ display:none;}
    .logo{ position:absolute; left:0; right:0; margin:0 auto; width:200px;    z-index: 99999;}	
    .box-nav{ float:left;     width: 100%; }
    .box-avatar{ max-width:150px;}
    .box-evaluate{ margin-left:160px;}
    .box-news{ height:80px;}
    .mp-menu{ display:block;}
    .cont-header .container{ position:static;}
    .box-timkiem{ top:63px;}
    .left{width:220px;}
    .right{ margin-left:240px;}
    .album{ overflow:hidden;}
    .box-product .box-img, .box-product .box-img img{ width:160px; height:160px;}
    .list-album .album-item-col{
        width: 50%;
    }
    .google-map iframe{
        width: 100%;
    }
}
@media(max-width:870px){
    .news-all .col-left{ 
      /* display:none; */
            width: 100%;
    float: left;
    }
    .news-all .col-right{ margin-left:0;float:right;}
}
@media(max-width:830px){
    .box-product .box-img, .box-product .box-img img{ width:140px; height:140px;}

}

@media(max-width:768px){

    .item-service{ width:33.333%;}
    .box-product .box-img, .box-product .box-img img{ width:200px; height:200px;}
    .item-service:last-child{ float:none; margin:0 auto;}
    .list-content .list-content-img{ width:100px; height:65px;}
    .list-content .list-content-body{ margin-left:115px;}
    .list-content-body .list-content-detail p{ display:none;}
    .left { display:none; }
    .right{ margin-left:0;}
    .box-timkiem{ top:37px;}
    .aesthetic-operations .box-img{ max-height:inherit;}
    .sologan{ display:none;}
    .top-headder-right{ width:100%;}
    .hotline{ float:left;    margin-left: 40px;margin-right: 0;}
    .logo {
        width: 130px;
        height: 50px;
    }
    .cont-header{ height:50px;}
    .menu-trigger:before {
        position: absolute;
        top: 0px;
        left: 0;
        width: 30px;
        height: 3px;
        background: #fff;
        box-shadow: 0 3px transparent, 0 9px #fff, 0 13px transparent, 0 18px #fff;
        content: '';
    }
    .block p{ margin-top:0px; padding:0;}
    .owl-theme .owl-controls{ display:block !important;}
    .owl-buttons{ display:none;}
    .box-news {
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }
    .evaluate{ height:auto;}
    .box-info-news p{ display:block;}
    .col-right .required,.consult .col-right .width-r,.form-horizontal .form-group.buttom-send .rewrite-contact{ margin:0 15px;}
    .logo img{ max-height:44px;}
    .content{ padding-left:0;}
    #main .content{ padding:0 10px;}
    .content .block{ padding-top:10px;}
    #footer .facebook{ display:block; float:none;}
}
@media(max-width:720px){
    .email-top{ display:none;}
}
@media(max-width:630px){
    .box-product .box-img, .box-product .box-img img{ width:140px; height:140px;}
    .evaluate-detail {font-size: 14px; padding-right:0px; height: 57px; overflow: hidden; line-height:14px; margin-top:10px;}
    .top-evaluate{ font-size:16px; line-height:15px;}
}
@media(max-width:520px){
    .news{ width:100%; margin-right:0;}
    .question{ width:100%; float:none; margin-bottom:20px;}
    .list-album .album-item-col{
        width: 100%;
    }
    .albums .album-item .album-item-avatar {
        height: 285px;
    }
}
@media(max-width:480px){
    .item-service{ width:50%;}
    .box-product .box-img, .box-product .box-img img{ width:150px; height:150px;}
    .item-service:last-child{ float:left; margin:0;}
    .login{ display:none;}
    .service .col-xs-6{width:100%; float:none;}
    .shadown-img{ margin-top:-1px;}
    .timkiem{width:220px;}
    .timkiem .form-control{width:124px;}
    .news-normal{ margin-left:0;}
    .news-hot{ width:100%; float:none; margin-bottom:20px;}
    .footer-f{ height:auto; padding:0 10px;}
    .box-img-news{ width:80px; height:54px;}
    .box-news{ height:auto;}
    .box-evaluate{ margin-left:120px;}
    .question ul li{ margin-bottom:5px;}
    .colleft, .colright {
        width: 100%;
        float: left;
    }
}
@media(max-width:480px){
    .box-product .box-img, .box-product .box-img img{ width:120px; height:120px;}
}

@media all and (max-width: 400px){
    .box-avatar{
        width: 100%;
        float: left;
        max-width: initial;
    }

    .box-evaluate{
        width: 100%;
        float: left;
        margin-left: 0;
        text-align: center;
    }

    .evaluate-detail, .cont-evaluate{
        height: initial !important;
    }

    .evaluate-detail{
        line-height: 1.6;
    }
}
.e{
    margin: 0 auto !important;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: initial;
    border-color: #ddd;
    text-transform: uppercase;
    font-family: 'ALTER-GOTHIC';
    padding-top: 15px;
    padding-bottom: 15px;
	display: block;
}

/*booking copy module css*/

.content-shop-booking {
    float: left;
    width: 100%;
    padding: 20px;
}

.group-select select {
    color: #545554;
    font-family: Arial;
    font-size: 16px;
    padding-left: 10px;
    height: 34px;
    line-height: normal;
    border-radius: 4px;
    outline: none;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter:  DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

.group-select input {
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    height: auto;
    padding: 10px 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.group-select {
    position: relative;
}

.group-select .fa-calendar {
    position: absolute;
    margin-top: 0px;
    right: 10px;
    top: 44px;
    font-size: 18px;
}

.group-select optgroup {
    font-weight: 700;
    color: #b98656;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select select option {
    color: #515151;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select label {
    float: left;
    width: 100%;
    font-family: 'Open Sans', 'Roboto Light', sans-serif;
    font-weight: 300;
    font-size: 17px;
    margin-bottom: 8px;
    color: #333;
}



.btn-search {
    float: left;
    width: 100px;
    height: 40px;
    margin-top: 33px;
    margin-left: 30px;
    border: none;
    color: #444;
    text-transform: uppercase;
    outline: none;
    color: #fff;
    background-color: #7d5019;
}

.group-select {
    float: left;
    width: 260px;
    margin-right: 30px;
}

.group-select select {
    width: 100%;
}

.box-date {
    margin-right: 0px;
}

.group-select .fa-calendar {
    position: absolute;
    margin-top: 0;
    right: 10px;
    top: 44px;
    font-size: 18px;
}

.add-services {
    float: left;
    width: 100%;
    font-size: 15px;
    margin-top: 15px;
    cursor: pointer;
}

.add-services img {
    margin-top: -4px;
    margin-right: 6px;
}

.item-booking {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.removeButton {
    cursor: pointer;
    position: absolute;
    /*left: -35px;*/
    top: 0px;
    z-index: 1;
}
.removeButton + .group-select>label{
    margin-left: 30px;
}
.infor-booking {
    float: left;
    width: 100%;
    margin: 30px 0px;
    background: #fff;
}

.services-book-inpage {
    float: left;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 60px;
}

.services-book-inpage .content-shop-booking {
    padding: 0px;
}

.group-select select {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    height: 43px;
    border: 1px solid #e1e1e1;
    color: #999;
    font-size: 14px;
}

#serviceForm {
    float: left;
    width: 100%;
    position: relative;
}

.left-ctn-book {
    float: left;
    width: 100%;
}

/* Service module*/

.our_service_title {
    margin-bottom: 90px;
}

.our_service_title h2.section_title,
.coupon_title h2.section_title,
.gallery_title h2.section_title,
.appoinment_title h2.section_title,
.news_trend_v1 h2.section_title,
.about_us_v1 h2,
.services_table h2.section_title,
.booking_services_v1 h2.section_title,
.booking_staff_title h2.section_title {
    color: #252525;
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 5px;
    margin-bottom: 0;
}

.our_service_title p.section_details,
.coupon_title p.coupon_deatails,
.gallery_title p.section_details,
.news_trend_v1 p.news_details {
    color: #252525;
    text-align: center;
}

.single_service_area {
    padding: 32px 44px;
    transition: all 0.3s ease 0s;
    background: #fff none repeat scroll 0 0;
    text-align: center;
}

.single_service_area:hover {
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.05);
}

.single_service_area .thumb_img {
    width: 150px;
    margin: 0 auto;
    height: auto;
}

.single_service_area .thumb_img img {
    margin-top: -100px;
    margin-bottom: 11px;
    border: 8px solid rgba(0, 0, 0, 0.04);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.single_service_area .service_tit {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    line-height: 33px;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

.single_service_area .btn_book_service {
    margin: 0 auto;
}

.single_service_area .btn_book_service a {
    position: absolute;
    bottom: 0;
    left: 0;
}

.single_service_area .btn_book_service a {
    background-color: #ffc267;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    text-decoration: none;
    margin-bottom: -15px;
    margin-left: 30%;
}

.single_service_area .btn_book_service a:hover {
    color: #fff !important;
}

.services_item_v1 .price_service_v1 {
    color: #ffc267;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-variant-ligatures: common-ligatures;
    font-size: 18px;
    margin-left: 5px;
}

/*******************Staff booking***********************/
.box_staff_bg {
    background-color: #fff;
    margin-top: 50px;
}

.box_staff_inner_v1 {
    padding-top: 45px;
    padding-bottom: 45px;
    clear: both;
    overflow: hidden;
}

.booking_staff_title {
    text-align: center;
}

.booking_staff_title p.staff_us {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    line-height: 40px;
    margin-bottom: 0;
    text-align: center;
}


/*inner booking module*/

.info_inner_booking {
    float: left;
    width: 100%;
    margin: 30px 0px;
}

.info_inner_booking .staff_service_v1 {
    margin-bottom: 15px;
}

.staff_service_v1 .info_staff {
    float: left;
    /*max-width: 150px;*/
    margin-right: 15px;
}


.staff_service_v1 .details_staff h2 {
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    text-transform: uppercase;
}

.staff_service_v1 .details_staff p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: bold;
}

.time_work_staff_v1 {
    clear: both;
}

.time_work_staff_v1 ul li {
    display: inline-flex;
}

.time_work_staff_v1 ul li+li {
    /*margin-left: 15px;*/
}

.time_work_staff_v1 ul li a {
    padding: 7px 15px 5px 15px;
    background: #ebebeb;
    margin-right: 7px;
    font-size: 14px;
    margin-bottom: 7px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    text-transform: lowercase;
}

.time_work_staff_v1 label,
.time_work_staff_v1 h3 {
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: bold;
    text-transform: uppercase;
}

.time_work_staff_v1 ul {
    margin-top: 20px;
}

.white-popup {
    position: relative;
    padding: 20px;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
}

.time_work_staff_v1 .time_am_v1,
.time_work_staff_v1 .time_pm_v1 {
    margin-top: 30px;
}

.white-popup {
  clear: both;
  overflow: hidden;
}

.modal_form_header h4 {
    margin: 0;
    line-height: 21px;
    font-size: 21px;
    color: #71706e;
    letter-spacing: 1px;
    font-family: 'Open Sans',sans-serif;
}
.box_account_v1 .modal_form_header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #e9eaea;
}


/*Coupon Page module*/

.coupon_page_v1 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.coupon_img_v1 {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border: 3px solid #fff;
}

.coupon_img_v1 .img_size {
    width: 100%;
}

.coupon_img_v1 img {
    webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.coupon_img_v1:hover img {
    -webkit-transform: scale(1.2) rotate(5deg);
    -ms-transform: scale(1.2) rotate(5deg);
    -o-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}

.content_coupon {
    position: absolute;
    top: 15%;
    right: 10%;
}

.content_coupon h3 {
    font-size: 2rem;
    font-family: 'Lato', sans-serif;
    color: #252525;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.content_coupon .coupon_deal_v1 {
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    color: #252525;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.coupon_code_v1 {
    margin-top: 15px;
}

.coupon_info span {
    font-size: 16px !important;
    margin-right: 5px;
}

.hs-btn.btn-light {
    background: #ffc267 none repeat scroll 0 0;
    color: #fff !important;
}

.giftcards-btn-add {
    height: 32px !important;
    font-size: 15px !important;
    padding: 5px 10px !important;
    line-height: 23px !important;
}

.hs-btn {
    background: #fff none repeat scroll 0 0;
    color: #606060 !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 46px;
    position: relative;
    text-transform: uppercase;
    transition: all .3s ease 0s;
    z-index: 2;
}

/**********News**************/
/*News Trend module*/

.box_news_details ul li,
.news_trend_details ul li {
    display: inline-block;
}

.box_news_details ul li a {
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    color: #333;
    text-decoration: none;
}

.news_trend_details ul li a {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    color: #333;
    text-decoration: none;
}

.box_news_details ul li a.border_right_post,
.box_news_details ul li a i,
.news_trend_details ul li a.border_right_post,
.news_trend_details ul li a i {
    color: #bf9456;
}

.box_news_details ul li a i {
    padding-right: 5px;
    font-size: 15px;
}

.box_news_details ul li+li,
.news_trend_details ul li+li {
    margin-left: 5px;
}

.box_news_details ul li:hover a,
.news_trend_details ul li:hover a {
    color: #ffc267;
}

.box_news_details ul,
.news_trend_details ul {
    padding-bottom: 23px;
}

.box_news_details ul,
.news_trend_details ul {
    border-color: -moz-use-text-color;
    border-style: none none dashed;
    border-width: 0 0 1px;
    border-color: #dedede;
    margin-bottom: 17px;
    margin-top: 17px;
}

.box_news_details ul li a {
    color: #777777;
    font-size: 12px;
}

.news_trend_details h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: 400;
}

.news_trend_details h5 a {
    text-decoration: none;
}

.news_trend_details ul li a i {
    font-size: 13px;
    padding-right: 5px;
}

.news_trend_details ul li a {
    color: #777777;
    font-size: 12px;
    text-transform: uppercase;
}

.box_news_details .border_right_post,
.news_trend_details .border_right_post {
    position: relative;
}

.box_news_details .border_right_post::after {
    border: 1px solid #ffc267;
    content: "";
    height: 10px;
    position: absolute;
    right: -10px;
    top: 3px;
}

.box_news_details ul li a,
.news_trend_details ul li a {
    padding-right: 10px;
}

.news_trend_details ul li {
    margin-top: 20px;
}

.news_hover_action a {
    border: 1px solid transparent;
    display: block;
    height: auto;
    line-height: 0;
    width: auto;
}

.news_trend_details .border_right_post::after {
    border: 1px solid #ffc267;
    content: "";
    height: 10px;
    position: absolute;
    right: -10px;
    top: 3px;
}

.news_trend_details .read_more {
    font-size: 12px;
    display: block;
    padding-bottom: 23px;
}

.news_trend_details .read_more {
    text-decoration: none;
    color: #777777;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: 400;
}

.news_trend_details a.read_more:hover {
    color: #ffc267;
}

.news_hover_action>a i {
    font-size: 70px;
}

.news_hover_action a:hover {
    background: transparent;
    border: 1px solid transparent;
    color: #ffc267;
}

.news_trend_title a {
    display: block;
    font-size: 13px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.news_trend_thumb img {
    width: 100%;
    height: 228px;
    padding-right: 0px !important;
}

.news_post_date {
    display: flex;
    justify-content: space-between;
}

.news_post_date li {
    color: #909090;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
}

.news_post_date li i {
    color: #909090;
    margin-right: 6px;
}

.news_post_date li span {
    color: #909090;
}

.news_trend_details {
    border: 1px solid #dfdfdf;
    padding: 27px 20px 10px;
    background-color: #f7f7f7;
}

.news_front {
    position: relative;
}

.news_hover_info {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.news_hover_info::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.single_news_trend:hover .news_hover_info::before {
    opacity: 0.5;
    visibility: visible;
}

.news_hover_action {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.news_hover_action a {
    border: 1px solid #ffc267;
    border-radius: 100%;
    display: block;
    height: 50px;
    line-height: 55px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 50px;
}

.news_hover_action a i {
    color: #ffc267;
    font-size: 24px;
    line-height: 20px;
}

.single_news_trend:hover .news_hover_action a {
    opacity: 1;
    visibility: visible;
}

.news_hover_action a:hover {
    background: #ffc267 none repeat scroll 0 0;
    border: 1px solid #ffc267;
}

.news_hover_action a:hover i {
    color: #fff !important;
}

.news_trend_details .border_right_post::after {
    border: 1px solid #ffc267;
    content: "";
    height: 10px;
    position: absolute;
    right: -10px;
    top: 3px;
}

.news_trend_details .read_more {
    font-size: 12px;
    display: block;
    padding-bottom: 23px;
}

.news_trend_details .read_more {
    text-decoration: none;
    color: #777777;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: 400;
}

.news_trend_details a.read_more:hover {
    color: #ffc267;
}



/********** Phân trang *************/
.pagination_v1 {
    margin-top: 50px;
}

.pagination_v1 ul li {
    display: inline-block;
}

.pagination_v1 ul li+li {
    margin-left: 15px;
}

.pagination_v1 a:hover,
.pagination_v1 li.active a,
.pagination_v1 li.pagination_v1_icon a i:hover {
    background-color: #464646;
    border: 1px solid #464646;
    color: #ffc267;
}

.pagination_v1 a {
    border: 1px solid #c1c1c1;
    height: 40px;
    line-height: 37px;
    transition: all 0.3s ease 0s;
    width: 40px;
    display: inline-block;
    text-decoration: none;
    color: #3e3e3e;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

/***** Cart **********/
/* Order Page*/

.cart-table {
    margin-top: 45px;
    margin-bottom: 45px;
}

.cart-table ul li:first-child {
    border-bottom: 1px solid #dedede;
    width: 100%;
}

.cart-table .ui-inputText:focus {
    border: 1px solid #00c8b4;
}

.cart-table {
    background-color: #f6f6f6;
    padding: 30px;
}

.cart-table thead tr th {
    background: #fff;
    border: medium none !important;
    color: #333333;
    height: 40px;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}

.cart-table thead tr th.product {
    min-width: 320px;
}

.cart-table thead tr th.price {
    min-width: 100px;
}

.cart-table thead tr th.qty {
    min-width: 100px;
}

.cart-table thead tr th.add-cart {
    min-width: 150px;
}

.cart-table thead tr th.remove {
    min-width: 90px;
}

.cart-table tbody tr td {
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2px;
    padding: 20px 0;
    vertical-align: middle;
    text-align: left;
}

.cart-table tbody tr:first-child td {
    padding-top: 30px;
}

.cart-table tbody tr:last-child td {
    padding-bottom: 0;
    border-bottom: none;
}

.cart-table .cart-product img {
    border: 1px solid #f3f3f3;
    display: block;
    float: left;
    margin-right: 25px;
    width: 93px;
}

.cart-table .cart-product .details {
    margin-top: 20px;
}

.cart-table .cart-product .details a {
    color: #606060;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.cart-table .cart-product .details a:hover {
    color: #7ac2d7;
    text-decoration: none;
}

.cart-table .cart-product .details p {
    margin: 0;
    font-weight: bold;
}

.cart-table .cart-price {
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.cart-table .cart-stock {
    color: #606060;
    text-transform: uppercase;
}


/*.cart-table .cart-pro-remove {
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 50%;
    color: #606060;
    height: 50px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
    outline: none;
}*/

.cart-table .cart-pro-remove:hover {
    color: #7ac2d7;
}

.cart-table .cart-pro-remove i {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin-left: 35px;
}

.cart-table .ui-inputText {
    color: #333;
    transition: .3s;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    width: 50%;
    padding: 0.6em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.cart-table-ver1 .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
}

.cart-table-ver1 {
    background-color: #f6f6f6;
    padding-top: 15px;
    padding-left: 15px;
}

.cart-table-ver1 .table>tbody>tr>td {
    border-top: none;
}

.cart-table-ver1 .table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #fff;
}

.cart-table tr:first-child td {
    background-image: none;
}

.cart-table table tr:hover td {
    background-color: transparent;
}

.cart-table p {
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-size: 16px;
}

.cart-table p.mgr_100 {
    margin-right: 100px;
}

.order_details_page .btn_cart_order {
    background-color: #7ac2d7;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}


.btn_cart_order {
    background-color: #7ac2d7;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-variant-ligatures: common-ligatures;
}

p.title_des {
    font-size: 12px;
}

.mgb_50 {
    margin-bottom: 50px;
}


/***************service***************/

.services_item_v1 a {
    text-decoration: none;
    font-size: 16px;
    color: #252525;
}

.services_item_v1 .btn_2 {
    padding: 0 15px !important;
    color: #fff !important;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.services_item_v1 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
}

.services_item_v1 .line_item_v1 {
    display: flex;
}

.box_book_price ul li {
    border-bottom: 1px dashed #dedede;
    clear: both;
}

.box_book_price ul li:nth-child(2) {
    border-top: 1px dashed #dedede;
}

.box_book_price ul li:first-child {
    float: right;
    border-bottom: 0;
}

.box_book_price ul li:last-child {
    border-bottom: none;
}

.services_item_v1 .line_item_v1 .just_start_line {
    width: 100%;
}

.services_table {
    padding-bottom: 90px;
}

.ui-tabs .ui-tabs-nav {
    margin: 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    /*white-space: nowrap;*/
    margin-bottom: 4px
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .3em 1em;
    text-decoration: none
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    padding: 13.5px 0!important;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #ffc267 !important;
}

.ui-dialog,
.ui-menu,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus,
li.ui-state-default.ui-corner-left:focus {
    outline: 0
}

.ui-tabs .ui-tabs-nav a {
    float: left;
    padding: .3em 1em;
    text-decoration: none
}

.ui-state-active a {
    color: #fff !important;
    width: 100%;
}

.ui-state-default a {
    color: #333;
    font-weight: 600 !important;
    text-transform: uppercase;
    width: 100%;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #e6e6e6;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background: #ffc267;
}

.breadcrumb-image {
    background: rgba(255, 25, 25, 0) url(../assets/img/working-hours.html);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.service_price_table {
    padding-bottom: 90px;
    padding-top: 20px;
}


/***************end service************/

/***************fix service child ************/
li.list_child a {
    padding-left: 35px !important;
}
li.list_child a:hover {
    text-decoration: none;
}

li.list_child a:before {
    position: absolute;
    content: "- ";
    top: 15px;
    left: 25px;
}

.pagination_v1 ul li {
    float: none !important;
}

/***************End fix service child***********/
.sitecontact p strong {
    float: left;
}

.sitecontact p {
    clear: both;
    overflow: hidden;
}

.sitecontact p span {
    display: inline-block;
    float: left;
}
.bottom-footer table {
    color: #999;
}

span.first_char {
    width: 65px;
    font-weight: bold;
}

.box-footer .address ul li span:first-child {
    display: none;
}

.address_left ul li span:first-child {
    float: left;
    width: 65px;
    font-weight: bold;
}

.address_left ul li span:last-child {
    display: inline-block;
}

.box_map {
    margin: 10px -15px;
}

/******* fix gallery *****/
@media (min-width: 768px) {
    a.thumbnail img {
        height: 200px;
    }    
}

@media (max-width: 767px) {
    a.thumbnail img {
        height: 70px;
    }   
}