@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/font-montserrat/Montserrat-Regular.otf');
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/font-montserrat/Montserrat-Light.otf');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/font-montserrat/Montserrat-Bold.otf');
}
@font-face {
    font-family: 'Montserrat-Italic';
    src: url('../fonts/font-montserrat/Montserrat-Italic.otf');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/font-montserrat/Montserrat-Medium.otf');
}

body{
   font-family: 'Montserrat-Regular', sans-serif;    
    overflow-x: hidden;
    color: #333;
    font-size: 14px;
    background: #fff;
    margin: 0;       
}
table{
    width: 100%;
    float: left;
}
img {
    max-width: 100%;
    height: auto;
}
b, strong{
    font-weight: normal;
}
p{
    margin: 0 0 15px;
}
a {
    color:#333;
    text-decoration: none;
}
a:hover {
    color:#ed1c24;
    text-decoration: none;
}
input[type="text"],input[type="email"]{
    border: 1px solid #bdbdbd;
    padding: 5px 10px;
}
input[type="number"]{
    border: 1px solid #bdbdbd;
    padding: 5px 10px;
}
button[type="submit"] {
    background-color: #DB88A4;
    border-color: transparent;
    color: #FFF ;
    font-size: 14px;
    border: 0;
    padding: 7px 35px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
button[type="submit"]:hover{
    background: #f7b1c8;
}
input[type="submit"] {
        color: #fff;
    font-size: 14px;
    padding: 7px 35px;
    text-transform: uppercase;
    background: #c6a72e;
    border:0;

}

select{
    border: 1px solid #808285;
    padding: 5px 15px;
}

input[type="checkbox"] {
    background-color: transparent;
    border: 1px solid #fff;
        margin-right: 5px;
    float: left;
}
h1 {
    font-size: 2.2em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.8em;
}
h4 {
    font-size: 1.55em;
}
h5 {
    font-size: 1.3em;
}
h6 {
    font-size: 1.1em;
}
table, table tr, table td {
    border: 1px solid #e7e7e7;
    padding: 8px;
}
.container{
    width: 1340px;
}
.width100{
    width: 100%;
    float: left;
}

header{
    width: 100%;
    float: left;
    position: relative;
    z-index: 10;
    background: #FFF5F8;
}

.logo{
  padding: 17px 0px;
  width: 15%;
  float: left;
}
.logo a img{
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 76px;
}
.mainmenu{
    width: 85%;
    float: left;
    position: relative;
}
.mainmenu > ul{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    float: left;
}
.mainmenu > ul > li{
    float: left;
    margin: 0 16px;
    position: relative;
}
.mainmenu > ul > li > a{
    font-size: 15px;
    color: #999EDD;
    font-family: 'Montserrat-Medium';
    padding: 44px 0px 44px;
    float: left;
}
.mainmenu > ul > li > a.menucolor{
    color: #DB88A4;
}

.mainmenu > ul > li > a:hover{
    color: #7A7FC9;
    text-decoration: none;
}

.mainmenu > ul > li > a.menucolor:hover{
    color: #C06A86;
    text-decoration: none;
}

.sub_menu{
    border-top: 2px solid #c6a72e;
    width: 315px;
    left: -10px;
    position: absolute;
    top: 87px;
    background: rgba(41,39,31,0.95);
    list-style: none;
    padding: 10px 10px 10px 25px;
    margin: 0;
    z-index: 8;
    display: none;

}
.headerfixed .sub_menu{
    top: 58px;
}
.mainmenu > ul > li:hover > .sub_menu{
    display: block;
}

.sub_menu > li{
    width: 100%;
    float: left;
    position: relative;
}

.sub_menu > li >a{
    color: #ffffff;
    font-size: 14px;
    width: 100%;
     font-family: 'YesevaOne-Regular';
    padding: 6px 0px;
    float: left;
}

.sub_menu > li >a:hover{

     color: #c6a72e;
    text-decoration: none;
}


#slideshow .owl-theme .owl-controls .owl-buttons{
    top: 50%;
}
.menucategory{
    position: absolute;
    right: 8px;
   top: 147px;
   z-index: 2;
}
.menucategory > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.menucategory > ul > li{
    float: left;
    position: relative;
    margin: 0px 2px;
}
.menucategory > ul > li > a{
       background: #ededed;
    color: #000;
    padding: 17px 20px;
    font-size: 12px;
}
.menucategory > ul > li > a:hover{
     background: #00a5e6;
     color: #fff;
    text-decoration: none;
}
#slideshow{
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    z-index: 1;
}
.slideshow{
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}
.main_booknow{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
}


.btn_book{
    margin: 20px 0px;
    float: left;
    background: #c6a72e;
    color: #fff;
    font-size: 16px;
    font-family: 'YesevaOne-Regular';
    background-image: url(../images/icon_booknow.png);
    background-repeat: no-repeat;
      background-position: 25px 20px;
    padding: 20px 30px 20px 67px;
    position: relative;
}
.btn_book:before{
    content: '';
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 7px;
    top: 7px;
    border:1px solid #fff;
}
.btn_book:hover{
    color: #fff;
    text-decoration: none;
}
.list-service .btn_book{

    font-size: 14px;
    background-position: 28px 18px;
    padding: 21px 30px 18px 67px;
    height: 60px;
    margin: 5px 0px; 
}

.list-news.list-service .item .caption{
    height: 120px;
}
#abouts{
    width: 100%;
    float: left;
    position: relative;
    background-image: url('../images/bgabouts.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#main{
    width: 100%;
    float: left;
    position: relative;
}
.abouts{
    width: 100%;
    float: left;
    padding-top: 80px;
    padding-bottom: 80px;
}
.abouts .image{
    width: 100%;
    float: left;
}
.abouts .image img{
    width: 100%;
    float: left;
}
.abouts .caption{
    width: 100%;
    float: left;
    background: #c6a72e;
    color: #fff;
    text-align: center;
    padding: 20px;
    position: relative;
    font-family: 'UVF-Century-2';
}
.abouts .caption:before{
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    top: 20px;
    border:1px solid #fff;
    z-index: 1;
}

.abouts .description{
    width: 100%;
    float: left;
       padding: 0 32px;
    font-size: 16px;
    line-height: 30px;
}
.readmore{
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    z-index: 3;
    margin-bottom: 30px;
}
.readmore a{
    background-image: url('../images/icon_readmore.png');
    background-repeat: no-repeat;
    margin: 15px auto;
    width: 33px;
    height: 33px;
    display: block;
}
#sevice{
    width: 100%;
    float: left;
    padding-top: 60px;
    margin-bottom: 40px;
}

.title_home{
    color: #E75A87;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 20px;
    margin: 0 0 20px;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
}
.viewall{
    float: right;
    color: #E75A87;
    border: 1px solid #E75A87;
    -webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
    padding: 3px 16px 6px;
    line-height: 12px;
    font-family: 'Montserrat-Italic';
    margin-top: 10px;
    text-transform: none;
}

.viewall a{
    color: #E75A87;
    font-size: 12px;
}
.viewall:hover{
    background: #E75A87
}
.viewall a:hover {
    color: #FFF;
}
.product_cate1{
    background: #FFE6F0;
}
.product_cate2{
    background: #E6E8FF;
}
.product_cate3{
    background: #E6F3FF;
}
.product_cate4{
    background: #FFF4E6;
}
.product_cate2 .title_home{
    color: #7A7FC9;
}
.product_cate2 .title_home{
    color: #7A7FC9;
}
.product_cate2 .viewall{
    border-color: #7A7FC9;
    color: #7A7FC9;
}
.product_cate2 .viewall a{
    color: #7A7FC9;
}
.product_cate2 .viewall:hover{
    background: #7A7FC9
}
.product_cate2 .viewall a:hover {
    color: #FFF;
}

.product_cate3 .title_home{
    color: #4A90E2;
}
.product_cate3 .title_home{
    color: #4A90E2;
}
.product_cate3 .viewall{
    border-color: #4A90E2;
    color: #4A90E2;
}
.product_cate3 .viewall a{
    color: #4A90E2;
}
.product_cate3 .viewall:hover{
    background: #7A7FC9
}
.product_cate3 .viewall a:hover {
    color: #FFF;
}

.product_cate4 .title_home{
    color: #B8860B;
}
.product_cate4 .title_home{
    color: #B8860B;
}
.product_cate4 .viewall{
    border-color: #B8860B;
    color: #B8860B;
}
.product_cate4 .viewall a{
    color: #B8860B;
}
.product_cate4 .viewall:hover{
    background: #B8860B
}
.product_cate4 .viewall a:hover {
    color: #FFF;
}
.list_sevice{
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 30px;
    background: #F0F0FF;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 1px solid #D8D8FF;
    -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.product_cate2 .list_sevice{
    background: #dee0f1;
}
.product_cate3 .list_sevice{
    background: #F0F8FF;
}
.product_cate4 .list_sevice{
    background: #FFF8F0;
}
.list_sevice .item{
    width: 100%;
    float: left;
    position: relative;
    padding: 0 10px;
}

.list_sevice .item .image{
    width: 100%;
    float: left;
    position: relative;
    height: 280px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.list_sevice .item .image img{
    width: 100%;
    float: left;
     -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    height: 100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
   
}
/*.list_sevice .item:hover .image img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

}*/

.list_sevice .item .name{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 5px;
    color: #374151;
    font-size: 13px;
    margin-top: 10px;
}
.list_sevice .item .author{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    color: #374151;
    font-size: 12px;
}

.viewmore{
    width: 100%;
    float: left;
    text-align: center;
}
.viewmore a{
    border:1px solid #fff;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 40px 10px;
    position: relative;
    z-index: 2;
}
.viewmore a:after{
    content: '';
    position: absolute;
    left: 5px;
    right: -7px;
    bottom: -7px;
    top: 5px;
    border:1px solid #898989;
    z-index: 1;
}
.viewmore a:hover{
    border:1px solid #c6a72e;
    background: #c6a72e;
    text-decoration: none;
}


.list-sevice .item .viewmore{
    margin: 30px 0px 10px;
}
.list-news{
    width: 100%;
    float: left;
}
.list-news .item{
    width: 100%;
    float: left;
    background: #fafafa;
    margin-bottom: 30px;
    border-bottom: 5px solid #c6a72e;
}
.list-news .item .image{
    width: 100%;
    float: left;
    height: 295px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.list-news.list-news-top .item .image{
    height: 210px;
}
.list-news.list-news-top .item .image{
    height: 210px;
}
.list-news.list-news-top .item .caption{
    height: auto;
}

.list-news .item .image img{
    width: 100%;
       position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list-news .item .caption{
    width: 100%;
    float: left;
    padding: 10px 20px;
    height: 100px;
}
.list-news .item .name{
    width: 100%;
    float: left;
    margin-bottom: 7px;
}
.list-news .item .time{
    width: 100%;
    float: left;
    font-size: 13px;
} 
.list-news .item .time span{
    color: #c6a72e;
    padding-left: 5px;
    font-size: 16px;
} 


.list-news .item .name a{
    font-size: 16px;
    color: #000;
    font-family: 'UVF-Century-2'
}
.list-news .item .description{
    width: 100%;
    float: left;
}
.meta_news{
    width: 100%;
    float: left;
    color: #666666;
    font-size: 12px;
    margin-bottom: 5px;
}
.date_add{
    float: left;
    margin-right: 25px;
}
.viewed{
    float: left;
    margin-right: 30px;
}


.xemtatca{
    width: 100%;
    float: left;
    text-align: center;
    margin: 30px 0px 50px;
}
.xemtatca a{
    border:1px solid #c6a72e;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 40px 10px;
    position: relative;
    z-index: 2;
    background: #c6a72e;
    text-decoration: none;
}
.xemtatca a:after{
    content: '';
    position: absolute;
    left: 5px;
    right: -7px;
    bottom: -7px;
    top: 5px;
    border:1px solid #c6a72e;
    z-index: 1;
}
#newslatest{
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

#gallerys{
    width: 100%;
    float: left;
    background-image: url(../images/bggallery.jpg);
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 50px;
    background-size: 100% auto;
}
#gallerys .owl-theme .owl-controls .owl-buttons{
    top: 0;
}
#gallerys .owl-theme .owl-controls .owl-buttons div{
    color: #000;
}
#gallerys .owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: 20%;
}
#gallerys .owl-theme .owl-controls .owl-buttons div.owl-next{
    right: 20%;
}
#gallerys .owl-theme .owl-controls .owl-buttons div:hover{
    color: #c6a72e;
}
.list_gallery .item{
    width: 100%;
    float: left;
     margin-bottom: 20px;
}
.list_gallery .item .image{
    width: 100%;
    float: left;
    height: 249px;
    overflow: hidden;
   margin-bottom: 5px;
}
.list_gallery .item .image img {
    width: 100%;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list_gallery .item .name a{
    color: #231f20;
}
.list_gallery .item .name h3{
    margin: 0;
    font-size: 16px;
}
#videos{
    width: 100%;
    float: left;
    padding-bottom: 40px;
    padding-top: 10px;
}

.list_videoss{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.list_videoss .item{
    width: 100%;
    float: left;
    margin-bottom: 18px;
}
.list_videoss .image{
    width: 100%;
    float: left;
    margin-bottom: 0px;
    position: relative;
}
.list_videoss .name a{

    color: #231f20;
}
.icon_play{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding-top: 26%;
}
.icon_play i{
      font-size: 30px;
    color: #ba9f30;
    border: 2px solid #ba9f30;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 8px;
    padding-left: 8px;
}

#footer {
    padding: 30px 0px 30px;
    width: 100%;
    float: left;
    background: #FFF0F5;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.logo-footer {
    width: 100%;
    float: left;
    text-align: left;
}
footer a {
    color: #333333;
}

.logo-footer img {
    width: 220px;
    margin-bottom: 15px;
}
.desc-footer{
    width: 100%;
    float: left;
    color: #DB88A4;
    font-size: 14px;
}
.footer_cont {
    width: 100%;
    float: left;
}
.footer_cont ul{
    width: 100%;
    float: left;
   padding: 0;
   list-style: none;
}
.footer_cont ul li{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.footer_cont ul li a{
    font-size: 13px;
    color: #DB88A4;
}
.footer_cont ul li a:hover{
    color: #DB88A4;
    text-decoration: underline;
}

.footer_title{
    width: 100%;
    float: left;
    color: #8C9CDF;
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.social{
    width: 100%;
    float: left;
}
.social ul{
    padding: 0;
    list-style: none;
    float: left;
}
.social ul li{
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

.footer_tab{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.footer_tab span{
    color: #374151;
    background: #e5e7eb;
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
}
#btn_fp{
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
} 

#btn_tt{
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
} 

.footer_contf{
    margin-bottom: 15px;
    border:1px solid #db88a4;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float: left;
display: none;
}
.footer_contf.act{
    display: block;
}
.footer_contf img{
    width: 300px;
     height: 150px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.footer_tab span.act{
    background: #8C9CDF;
    color: #fff;
}
.top_button {
    bottom: 30px;
    display: none;
    font-size: 0;
    width: 50px;
    height: 34px;
    position: fixed;
    right: 15px;
    z-index: 95;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
     background-image: url(../images/scrolltop.png);
    background-repeat: no-repeat;
   background-size: 100% 100%;

}
.headerfixed{
    position: fixed!important;
    top: 0;
    height: 60px;
        background-color: #212121;
    border-bottom: 1px solid #666;
}

.headerfixed .mainmenu > ul > li > a {
    font-size: 14px;
    padding: 19px 5px 19px;
}
.headerfixed .logo  img{
    height: 40px;
}
.headerfixed .mainmenu > ul > li{
    margin: 0 22px;
}
.headerfixed .btn_booknow{
    font-size: 14px;
    background-position: 28px 18px;
    padding: 21px 30px 18px 67px;
    height: 60px;
}
.box_title{
    width: 100%;
    float: left;
    position: relative;
}
.box_title::before{
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
     background-image: url(../images/title_bg.png);
    background-repeat: no-repeat;
   background-size: 100% 100%;
   z-index: 3;
}
.box_title .image{
    width: 100%;
    float: left;
}

.box_title .image img{
    width: 100%;
    float: left;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.title{
    width: 100%;
    float: left;
    text-align: left;
    color: #c6a72e;
    z-index: 5;
    color: #DB88A4;
    font-size: 30px;
    margin-bottom: 15px;
    font-family: 'Montserrat-Bold';
}
.content{
    width: 100%;
    float: left;
    padding: 60px 0px 30px;
}


.title_home_4{
    color: #b3940f;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 30px;
    margin: 0 0 10px;
}

.title_home_4 span{
    background-image: url(../images/title_home.png);
    background-repeat: no-repeat;
    margin: 15px 0;
    width: 81px;
    height: 14px;
    display: block;
  
}

.description_single{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    font-family: 'ProximaNovaLight';
    font-size: 16px;
}


.title2{
    color: #b3940f;
    padding: 0 0px 10px 0px;
    font-size: 24px;
    font-family: 'YesevaOne-Regular';
    line-height: 20px;
        margin: 0 0 20px;
}


#aboutus{
    background-image: url('../images/bgabouts.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 40px;
}
.about-home{
    width: 100%;
    float: left;
    color: #fff;
    padding: 40px 0px;
    font-size: 20px;
    font-family: 'LatoWebLight';
}
.category-about .item{
    width: 33.33333%;
    float: left;
    background: #00a5e6;
    color: #fff;
}
.category-about .item .caption{
    width: 100%;
    float: left;
    padding: 30px 20px;
}
.category-about .item .name{
    width: 100%;
     float: left;
    margin-bottom: 5px;
}
.category-about .item .name a{
    width: 100%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}
.category-about .item .description{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 115px;
}
.btn_readmore{
    width: 100%;
    float: left;
    padding-right: 15px;
}
.btn_readmore a{
    color: #231f20;
    font-size: 14px;
    padding: 5px 12px;
    background: #ffdd00;
    float: right;
}
.btn_readmore a:hover{
    text-decoration: none;
    background: #fff;
}
.category-about .item .image{
    width: 100%;
    float: left;
}
.category-about .item .image img{
    width: 100%;
    float: left;
}
.box_newslatest{
    width: 100%;
    float: left;
    background: #f3f3f3;
    padding: 50px 0px 20px;
}
.item_first{
    width: 100%;
    float: left;
}
.tit_first{
    width: 100%;
    float: left;
    color: #222;
    font-size: 18px;
    margin-bottom: 10px;
      text-transform: uppercase;
}
.name_first{
    width: 100%;
    float: left;
    color: #222;
    font-size: 35px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.desc_first{
    width: 100%;
    float: left;
    color: #222;
    font-size: 16px;
    margin-bottom: 10px;
}
.btn_allarticle{
    width: 100%;
    float: left;
    color: #e2001a;
    text-transform: uppercase;
    font-size: 18px;
}
.box_newslatest .item{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    background: #fff;
}
.box_newslatest .item .image{
    width: 100%;
    float: left;
}
.box_newslatest .item .image img{
    width: 100%;
    float: left;
}
.box_newslatest .item .name{
    width: 100%;
    float: left;
    padding: 15px 15px;
}
.box_newslatest .item .name a{
    color: #222;
    text-transform: uppercase;
    font-size: 18px;
}
.box_newslatest .item .name a:hover{
    color: #e2001a;
    text-decoration: none;
}
.box_newslatest .item .subname{
    width: 100%;
    float: left;
    padding: 15px 15px 0px;
    color: #e2001a;;
    font-size: 16px;
}
.btn_readnews{
    float: left;
    width: 100%;
    text-align: left;
}
.btn_readnews a{
       background: #3a3a3a;
    padding: 5px 30px;
    color: #fff;
   width: 100%;
   float: left;
   background-image: url('../images/arrownews.png');
   background-repeat: no-repeat;
    background-position: 20px 9px;
}
.btn_readnews a:hover{
     background-image: url('../images/arrownewsh.png');
      color: #ffdd00;
      text-decoration: none;
}
.cagegoryhome{
    position: relative;
    margin-right: -5px;
    margin-left: -5px;
}
.cagegoryhome .item{
    float: left;
    position: relative;
   width: 100%;
   margin-bottom: 30px;
}
.cagegoryhome .item .image{
    width: 100%;
    float: left;
    position: relative;
    overflow:hidden;
}
.cagegoryhome .item .image img{
    width: 100%;
    float: left;
    -webkit-transition: -webkit-transform .5s ease-in-out;
          transition:         transform .5s ease-in-out;
}
.cagegoryhome .item .image:hover img{
 -webkit-transform: rotate(5deg);
          transform: rotate(5deg);

}

.cagegoryhome .item .image:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
}
.cagegoryhome .item .caption{
    position: absolute;
    left: 0;
    right: 0;
    top: 36%;
    bottom: 0;
    text-align: center;
    padding: 0 10px;
}

.cagegoryhome .item .name{
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
}
.cagegoryhome .item .name a{
    color: #fff;
    text-transform: uppercase;
    padding: 8px 0px 7px 40px;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    float: left;
    font-size: 18px;
    font-family: 'Roboto-Medium';
    background-image: url('../images/arrowcat.png');
    background-repeat: no-repeat;
    background-position: 20px 12px;

}
.cagegoryhome .item .name a:hover{
    color: #231f20;
    background-color: rgba(255,221,0,0.8);
    background-image: url('../images/arrowcath.png');
    text-decoration: none;
}
.cagegoryhome .item .desc{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    float: left;
}
.item_cate_1{
    width: 25%;
}
.item_cate_2{
    width: 25%;
    
}

.item_cate_3{
    width: 50%;
}
.item_cate_4{
    width: 25%;
}

.item_cate_5{
    width: 25%;
}
.item_cate_6{
    width: 50%;
}

.item_cate_7{
    width: 25%;
}
.item_cate_1 .image{
    height: 781px;
}
.item_cate_2 .image{
    height: 520px;
}
.item_cate_6 .image{
    height: 257px;
}
#manufacturerhome{
   width: 100%;
   float: left;
}
.client{
    text-align: center;
    margin: 30px 0px 20px;
}
.client .item {
    list-style: none;
    margin: 10px 19px;
    display: inline-block;
    zoom: 1;
}
.client .item .image{
    max-width: 100px;
    max-height: 35px;
}
.info-contact {
    line-height: 26px;
}
.info-contact ul {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.info-contact ul li {
    display: block;
    margin-bottom: 10px;
}
.info-contact ul li i {
    width: 25px;
    color: #acacac;
}
.info-contact ul li i.fa-map-marker {
    color: #ed2b31;
}
.copyright {

    color: #939393;
    width: 100%;
    float: left;
    font-size: 16px;
    font-family: 'ProximaNovaLight';
}

.box{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.category{
    width: 100%;
    float: left;

}
.category > ul{
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}
.category > ul > li{
    width: 100%;
    float: left;
    position: relative;
}
.category > ul > li > a{
color: #231f20;
    width: 100%;
    float: left;
   padding: 10px 0px;
border-bottom: 1px solid #e6e7e8;
}
.category > ul > li > a > i{
    margin-right: 10px;
}
.category > ul > li > a h3{
    font-size: 15px;
    margin: 0;
    line-height: 16px;
}
.category > ul > li > ul{
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.category > ul > li > ul > li{
    width: 100%;
    float: left;
    position: relative;
}
.category > ul > li > ul > li > a{
    width: 100%;
    float: left;
    color: #222;
    padding: 7px 15px;

    border-bottom: 1px solid #ccc;
}
.breadcrumbs {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.breadcrumbs ul{
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.breadcrumbs ul li{
    float: left;
    padding-right: 10px;
}
.breadcrumbs ul li i{
    padding-left: 10px;
}
.breadcrumb{
    margin: 0;
    padding: 8px 0px;
}
.breadcrumbs a{
    font-size: 15px;
    color: #999999;
}
.rating{
    float: left;
    padding-top: 1px;
}
.rating >span{
        position: relative;
    display: inline-block;
    width: 18px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    float: left;
    cursor: pointer;
}

.box_products{
    width: 100%;
    float: left;
}
.description_cate{
 width: 100%;
    float: left;
    background: #e6e7e8;
   position: relative;
    padding: 20px;
    overflow: hidden;
}
.hieght250{
     height: 250px;
}
.list-product{
    width: 100%;
    float: left;
}
.list-product .item{
    width: 100%;
    float: left;
    margin-bottom: 22px;
    border: 1px solid #e6e7e8;
    padding-bottom: 10px;
    position: relative;
}
.list-product .item .width100{
   

}
.list-product .item .image{
    width: 100%;
    float: left;
    position: relative;
     height: 300px;
     text-align: center;
     padding: 3px;
     overflow: hidden;
     margin-bottom: 7px;
}
.list-product .item .image > a > img{
        position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list-product .item .name{
    width: 100%;
    float: left;
 padding: 5px 5px 5px;
 height: 56px;
 text-align: center;
}
.list-product .item .name a{
    color: #333333;
    font-size: 16px;
}
.list-product .item .name a:hover{
    text-decoration: none;
    color: #ffdd00;
}
.list-product .item:hover{

-webkit-box-shadow: 0px 0px 5px 0px rgba(204,206,204,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(204,206,204,1);
box-shadow: 0px 0px 5px 0px rgba(204,206,204,1);
    
}
.pagination {
    clear: both;
    float: right;
    width: 100%;
    text-align: center;
    display: ruby;
}
.pagination strong {
    float: left;
    border: 1px solid #E75A87;
    padding: 3px 11px;
    margin: 0px 10px 0px 0px;
    background: #E75A87;
    color: #fff;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagination a {
    float: left;
    margin: 0px 10px 0px 0px;
    border: 1px solid #E75A87;
    padding: 3px 11px;
    color: #E75A87;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagination a:hover{
    border: 1px solid #E75A87;
    background: #E75A87;
    color: #fff;
    text-decoration: none;
}
.subcategories{
    width: 100%;
    float: left;
    padding: 0;
}
.subcategories >  ul{
    width: 100%;
    float: left;
   padding: 0;
     list-style: none;
     margin: 0;
}
.subcategories > ul > div >li{
    float: left;
    width: 100%;
    margin-bottom: 20px;
     position: relative;
}

.subcategories > ul > div > li > a{
    width: 100%;
    float: left;
    text-align: center;
    background: #12120f;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    padding: 15px 0px;

}

.image_singer{
  width: 100%;
    float: left;
    position: relative;
    max-height: 450px;
    display: flex;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden;
}
.image_singer img{
    float: left;
    max-height: 100%;
    width: 100%;
}

.social-language {
    float: none;
    width: 100%;
    display: inline-block;
    margin:  0;
    list-style: none;
    padding: 0;
}
.social-language li {
    margin: 0 10px 0 0;
    float: left;
    list-style: none;
}
.social-language li a{
 width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    zoom: 1;
    float: left;
}
.fb-btn {
    background: #2d59aa;
    border: solid 2px #2d59aa;
}
.gg-btn {
    background: #f93f3f;
    border: solid 2px #f93f3f;
}
.pt-btn {
    background: #dc1c37;
    border: solid 2px #dc1c37;
}
.skype-btn {
    background: #00aff0;
    display: inline-block;
    zoom: 1;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border: solid 2px #00aff0;
}
.info-details {
    list-style: none;
    padding: 0;
}
.info-details li {
    margin-bottom: 10px;
}

.info-details i {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 8px;
}
.info-details i.fa-phone {
    background: #ff8a00;
}
.info-details i.fa-envelope-o {
    background: #c520c7;
}
.info-details strong {
    color: #ff8a00;
    font-size: 16px;
}
.image-gallery{
    margin: 20px -5px;
    padding: 0;
    list-style: none;
    margin: 0 auto;
    width: auto;
    float: none;
}
.image-gallery li{
    float: left;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;

}
.image-gallery li a{
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 2px;
     height: 70px;
    overflow: hidden;
}
.image-gallery li a img{
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.description_singer{
    width: 100%;
    float: left;
    margin-top: 0px;
    background: #FFF5F8;
    padding: 20px;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-size: 18px;

}
.description_singer b, .description_singer strong{
    font-weight: normal;

}
.description_singer img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.description_singel_tit{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #E288A4;
    font-size: 18px;
}
.tags{
    width: 100%;
    float: left;
    margin-top: 20px;
    border-top:1px solid #e6e7e8;
    padding-top: 20px;
}
.tags a{
    border:1px solid #e6e7e8;
    padding: 3px 15px;
    margin-right: 10px;
    float: left;
    color: #231f20;
    text-transform: uppercase;
}
.tags a:hover{
    background: #ffdd00;
    text-decoration: none;
}

    .more-n i {
    margin-left: 8px;
}
.line-contact{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.line-contact input{
  width: 100%;
    float: left;
    padding: 8px 15px;
}
.line-contact textarea{
    width: 100%;
    float: left;
    padding: 8px 15px;
}
.error{
    color: red;
    font-size: 13px;
    margin-top: 5px;
    float: left;
    width: 100%;
}
.susscess{
    width: 100%;
    float: left;
    margin: 20px 0px;
    color: #00a5e6;
}
.list-galleriess{
    height: 600px;
    overflow: auto;
}
.list-gallery{
    width: 100%;
    float: left;
}
.list-gallery .item{
    width: 25%;
    float: left;
    margin-bottom: 20px;
}
.list-gallery .item .width100{
}
.list-gallery .item .image{
    width: 100%;
    float: left;
}
.list-gallery .item .image img{
    width: 100%;
    float: left;
}
.list-gallery .item .name{
    width: 100%;
    float: left;
    padding: 5px 0px 0;
}
.list-gallery .item .name a{
    width: 100%;
    float: left;
    color: #222;
    font-size: 14px;
}
.list-gallery .item .name a:hover{
    color: #00a5e6;
    text-decoration: none;
}
.top ul.language{
    float: right;
}
.top ul.language li{
    margin-right: 0;
    margin-left: 6px;
}

.menumobile{
    display: none;
    float: right;
    position: relative;
 margin-top: 19px;
}
.menumobile > ul{
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.menumobile ul > li {
    float: left;
}
.menumobile ul > li > a{
    color: #00a5e6;
    padding: 0px 0px 0px 20px;
    float: right;
}
.menumobile ul > li > a i{
   font-size: 28px;
}
.menumobile > ul > li.active> em.open-close { width: 100%;float: left;  }
.menumobile > ul >  li> em.open-close {float: left; padding: 13px;width: 57px;position:absolute; right:0; top:0;}
.menumobile >ul >   li >em.open-close:hover { width: 100%;float: left;}

.menumobile ul li > div > ul{
    display: block !important;
}


.menu_mb{
    display: block;
    position: absolute;
    z-index: 999;
    width: 160px;
    left: -96px;
  top: 42px;

}
.menu_mb ul{
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background: #fff;
}
.menu_mb > ul > li{
    width: 100%;
    float: left;
    position: relative;
}


.menu_mb ul > li > a{
    color: #333 !important;
    background: #fff !important;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    padding: 7px 0px 7px 20px;
    float: right;
    border-top: 1px solid #333
}
.menu_mb ul > li > a:hover{
    text-decoration: none;
}

.menucategorymobile{
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    display: none;
}
.menucategorymobile > ul{
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.menucategorymobile ul > li {
    float: left;
    width: 100%;
    text-align: center;
}
.menucategorymobile ul > li > a{
    color: #fff;
    padding: 7px 0px;
    float: left;
    width: 100%;
    background: #00a5e6;
    text-transform: uppercase;
}
.menucategorymobile ul > li > a i{
   font-size: 28px;
}
.menucategorymobile > ul > li.active> em.open-close { width: 100%;float: left;  }
.menucategorymobile > ul > li > em.open-close {float: left; padding: 13px;width: 100%;position:absolute; right:0; top:0;}
.menucategorymobile > ul > li > em.open-close:hover { width: 100%;float: left;}

.menucategorymobile ul li > div > ul{
    display: block !important;
}


.menu_mb_category{
    display: block;
    position: absolute;
    z-index: 999;
    width: 100%;
 top: 34px;

}
.menu_mb_category ul{
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background: #fff;
}
.menu_mb_category > ul > li{
    width: 100%;
    float: left;
    position: relative;
}


.menu_mb_category ul > li > a{
    color: #333 !important;
    background: #fff !important;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    padding: 7px 0px 7px 20px;
    float: right;
    border-top: 1px solid #333
}
.menu_mb_category ul > li > a:hover{
    text-decoration: none;
}
#search{
    width: 250px;
    float: left;
    margin-top: 35px;
}
.search{
    width: 100%;
    float: left;
    position: relative;
}
input.input_search{
    width: 100%;
    float: left;
    border: 0;
    padding:10px 10px 10px 35px;
    z-index: 2;
    position: relative;
    font-size: 13px;
    -webkit-border-radius: 9999px;
-moz-border-radius: 9999px;
border-radius: 9999px;
border: 2px solid #DB88A4;
}
button.btn_search{
    background-color: transparent;
    font-size: 14px;
    text-transform: uppercase;
    color: #DB88A4;
    font-family: 'Roboto-Medium';
    float: left;
    z-index: 3;
    position: absolute;
    left: 5px;
    top: 11px;
    padding: 0px 0px 0px 6px;
    border: 0;
}
button.btn_search span{
    background-color: #ffdd00;
    padding: 7px 6px 6px;
    float: left;
    background-image: url('../images/icon_s.png');
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -999999px;
    width: 69px;
    height: 39px;
    -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.menutop{
    float: right;
    margin-top: 45px;
}
.menutop a{
    float: right;
    color: #999EDD;
    font-size: 12px;
}
.menutop i{
    margin-right: 5px;
    color: #DB88A4; 
}
.menutop a:hover{
    color: #7A7FC9;
    text-decoration: none;
}
.image_slide{
    width: 100%;
    float: left;
    position: relative;
}
.image_slide > img{
    width: 100%;
    float: left;
}
.caption_slide{
    position: absolute;
    bottom: 50px;
    width: 400px;
    left: 0;
    
    padding: 30px;
}
.cap_sl{
    width: 100%;
    float: left;
    position: relative;
}
.caption_slide:before{
    content: '';
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.content_slide{
    width: 100%;
    float: left;
    opacity: 1;
    color: #fff;
    z-index: 2;
    position: relative;
}
.title_slide{
    width: 100%;
    float: left;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    margin-bottom: 10px;
}
.desc_slide{
    width: 100%;
    float: left;
    font-size: 16px;
    margin-bottom: 10px;
}
.btn_slide{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.btn_slide a{
    background: #ffdd00;
    padding: 5px 15px;
    color: #231f20;
    font-size: 14px;
}
.btn_slide a:hover{
    text-decoration: none;
    background: #fff;

}

.box_contact{
    width: 100%;
    float: left;
    background: #E687A8;
    padding: 15px 0px;
}
.box_contact_title{
    float: left;
    color: #fff;
    padding: 9px 0px 8px;
}
.box_contact_title a{
    color: #fff;
    font-size: 25px;
     font-family: 'Montserrat-Bold';
    line-height: 30px;
}
.box_contact_title a span{
    background: #fff;
    width: auto;
    height: 2px;
    content: '';
    display: block;
    margin-top: 5px;
}
.box_contact_img{
    float: right;
}
.box_contact_img img{
    height: 50px;
}


footer .col .social ul li{
    float: left;
    margin-right: 20px;
    width: 31px;
}

.freadmore{
        cursor: pointer;
    background-image: url(../images/icon_arrowdown.png);
    background-repeat: no-repeat;
    padding-left: 17px;
    background-position: left;
    float: left;
}
.middle-footer{
    padding: 20px 0px 0px;
}
.middle-footer .col li strong{
    width: 100%;
    float: left;
    font-weight: normal;
    font-family: 'Roboto-Regular';
}
footer .col.cn{
    margin-top: 15px;
}
.cn li{
    background-image: url(../images/dot_footer.png);
    background-repeat: no-repeat;
    padding-left: 17px;
    background-position: left 5px;
    float: left;
    list-style: none;
    margin-bottom: 10px;
}
.cn ul{
    float: left;
    margin: 0;
}
.cn img{
    float: left;
    margin-right: 20px;
}
.newsletter{
    width: 100%;
    float: left;
    color: #505050;
    margin-bottom: 20px;
}
.tit_newsletter{
    width: 100%;
    float: left;
    color: #231f20;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Roboto-Medium';
    margin-bottom: 5px;
}
.desc_newsletter{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.group_btn_newsletter{
    width: 100%;
    float: left;
}
.send_mail{
    text-transform: uppercase;
    background: #231f20;
    color: #ffffff;
    font-family: 'Roboto-Light';
    padding: 9px 49px;
    margin-right: 30px;
    float: left;
}
.send_mail:hover{
    background: #ffdd00;
    color:  #231f20;
    text-decoration: none;
}
.box_newsletter{
    width: 100%;
    float: left;
    margin-top: 10px;
}

input.input_newsletter{
    width: 100%;
    float: left;
    z-index: 2;
    position: relative;
        padding: 8px 15px;
}
button.btn_newsletter{
    background-color: #c6a72e;
    font-size: 12px;
    color: #fff;
    float: left;
    z-index: 3;
    position: absolute;
    right: 0;
    padding: 4px 5px 2px 8px;
    border: 0;
    font-weight: normal;
  
}
button.btn_newsletter span{
    -webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
    padding: 7px 6px 8px;
    float: left;
}
.line_newsletter{
    float: left;
    width: 100%;
    position: relative;
}
.label_accept{
    width: 100%;
    float: left;
    margin-top: 15px;
}
.label_accept input{
    margin-top: 3px;
        background-color: transparent;
    border: 1px solid #ccc;
    margin-right: 5px;
    border-radius: 0;
}
.box_cagegoryhome{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.list_category{
    width: 100%;
    float: left;
}

.currency{     padding-left: 5px;
}
.price_new{
    margin-right: 3px;
    font-size: 16px;
     font-family: 'Roboto-Bold';
}
.price_old{
    margin-left: 15px;
    font-size: 13px;
    text-decoration: line-through;
    color: #333333;
}

.owl-icon{
    width: 27px;
    height: 15px;
    float: left;
    background-image: url('../images/owl-next.png');
    background-repeat: no-repeat;
}
.owl-icon.owl-icon-next{
    background-image: url('../images/owl-next.png');
}
.owl-icon.owl-icon-prev{
    background-image: url('../images/owl-prev.png');
}
.owl-icon.owl-icon-next:hover{
    background-image: url('../images/owl-nexth.png');
}
.owl-icon.owl-icon-prev:hover{
    background-image: url('../images/owl-prevh.png');
}
.list_product.owl-theme .owl-controls .owl-buttons {
    top: -50px;
    width: 65px;
    right: 12px;
}

.list_product.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: auto;
    right: 0;
}
.list_product.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: auto;
    left: 0;
}


.newslatest.owl-theme .owl-controls .owl-buttons {
    top: -50px;
    width: 65px;
    right: 12px;
}

.newslatest.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: auto;
    right: 0;
}
.newslatest.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: auto;
    left: 0;
}



.client.owl-theme .owl-controls .owl-buttons {
    top: -18px;
    width: 65px;
    right: 12px;
}

.client.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: auto;
    right: 0;
}
.client.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: auto;
    left: 0;
}

.list_category.owl-theme .owl-controls .owl-buttons {
    top: -35px;
    width: 65px;
    right: 12px;
}

.list_category.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: auto;
    right: 0;
}
.list_category.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: auto;
    left: 0;
}




#productfeatured{
    margin-bottom: 40px;
}

.newslatest .item{
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-bottom: 30px;

} 
.newslatest .item .image{
    width: 100%;
    float: left;
    height: 210px;
    overflow: hidden;
}
.newslatest .item .caption{
    padding: 20px;
    width: 100%;
    float: left;
    background: #e6e7e8;
}
.newslatest .item .name{
    width: 100%;
    float: left;
    height: 66px;
}
.newslatest .item .name a{
    color: #231f20;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto-Medium';
}
.newslatest .item .name a:hover{
    text-decoration: none;
    color: #ffdd00;
}
.newslatest .item .description {
    width: 100%;
    float: left;
    height: 80px;
}
#videohome{
    background: #ffdd00;
    padding: 40px 0px;
}
.list_video .item{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.list_video .item .name{
    width: 100%;
    float: left;
    background-image: url('../images/arrowvideo.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
   
}
.list_video .item .name a{
    color: #231f20;
    font-size: 15px;
     padding-left: 30px;
}
.list_video .item .name a:hover{
    text-decoration: none;
    color: #fff;
}
.list_video .item:first-child .name{
    background-image: none;
}
.list_video .item:first-child .name a{
    font-size: 24px;
    text-transform: uppercase;
    padding-left: 0;
}


.list_infov ul{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}
.list_video ul li{
    width: 100%;
    float: left;
    background-image: url('../images/arrowvideo.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
       margin-bottom: 22px;
}
.list_video ul li a{
    color: #231f20;
    font-size: 15px;
     padding-left: 30px;
}
.list_video ul li a:hover{
    text-decoration: none;
    color: #fff;
}
.list_video ul li:first-child{
    background-image: none;
}
.list_video ul li:first-child a{
    font-size: 24px;
    text-transform: uppercase;
    padding-left: 0;
}


.list_logo{
    width: 100%;
    float: left;
    margin-top: 15px;
}

.mb_subcategories{
    width: 100%;
    float: left;
    background: #fff;
    z-index: 5;
   
   max-height: 0px;
     -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  position: absolute;
  top: 49px;
}
.line_mb_subcategories{
    width: 100%;
    float: left;
    color: #231f20;
    font-family: 'Roboto-Light';
    background-image: url('../images/arrowcategory.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
        padding-left: 15px;
}
.line_mb_subcategories a{
    color: #231f20;
    margin-bottom: 5px;
}
.subcategories > ul > div > li:hover .mb_subcategories{
    border: 1px solid #ffdd00;
     max-height: 9999px;
     padding: 10px 0px 5px;

}
.subcategories > ul > div > li.actived .mb_subcategories{
    border: 1px solid #ffdd00;
     max-height: 9999px;
     padding: 10px 0px 5px;

}
.subcategories > ul > div > li.actived > a{
  background: #ffdd00;
    text-decoration: none;
    color: #231f20;

}

.subcategories > ul > div:hover > li > a{
    background: #ffdd00;
    text-decoration: none;
    color: #231f20;
}
.list-product .item .price{
    color: #ed1c24;
    font-size: 15px;
    text-align: center;
}



.list-product .item .short_description{
    width: 100%;
    float: left;
      margin-top: 5px;
      height: 80px;
      padding-left: 10px;

}
.list-product .item .short_description ul{
    padding: 0;
    width: 100%;
    float: left;
        padding-left: 15px
}
.xemthem{
    background-image: url('../images/xemthem.png');
    background-repeat: no-repeat;
    background-position:20px 12px;
    float: left;
   
    width: 100%;
    padding: 7px 20px 7px 35px;
    cursor: pointer;
}

#xemthem{
     background-color: #e6e7e8;
}
.short_desc_singproduct{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.short_desc_singproduct ul{
    width: 100%;
    float: left;
    padding-left: 15px;
}
.price_single {
    font-size: 18px;
    color: #ed1c24;
    margin-bottom: 10px;
}
.price_single .currency{
     color: #ed1c24;
}
.price_single .price_new{
    width: 100%;
    float: left;
    margin-bottom: 6px;
}
.price_single .price_new .currency{
    font-size: 15px;
}
.price_single .price_old{
    width: 100%;
    float: left;
    color: #231f20;
    font-size: 14px;
}
.price_single .price_old .currency{
   color: #231f20;
    font-size: 13px;

}
.group_addcart{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.btn_addcart{
    background: #d92028;
       border: 1px solid #d92028;
    font-family: 'Roboto-Light';
    color: #fff;
    float: left;
    padding: 10px 30px;
    margin-right: 20px;
    font-size: 16px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.btn_tragop{
    background: #f3f3f3;
    border: 1px solid #ccc;
    font-family: 'Roboto-Light';
    color: #333333;
    float: left;
    padding: 10px 30px;
    margin-right: 20px;
    font-size: 16px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn_call{
      background: #ffdd00;
    border: 1px solid #ffdd00;
    font-family: 'Roboto-Light';
    color: #333333;
    float: left;
    padding: 2px 15px;
    margin-right: 0;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 167px;
}
.btn_call i {
    float: left;
    font-size: 30px;
    padding-right: 10px;
    padding-top: 3px;
}
.btn_call p{
float: left;
    font-size: 12px;
    margin-bottom: 0;
}
.btn_call b{
        float: left;
    font-size: 16px;
}
.btn_tragop a{
    color: #333;
}
.btn_addcart:hover{
    background: #ffdd00;
     border: 1px solid #ffdd00;
}
.btn_addcart:hover a{
    color: #231f20;

    text-decoration: none;
}

.btn_tragop:hover{
    background: #ffdd00;
    border: 1px solid #ffdd00;
}
.btn_tragop:hover a{
    color: #231f20;
    text-decoration: none;
}

.box_desc_single{
    width: 100%;
    float: left;
    padding-top: 30px;
}
.box_desc_single .tab-content{
    padding-top: 20px;
}

.box_desc_single .nav-tabs>li>a{
    font-size: 14px;
    color:#64748B;
    border: 0px solid #ddd;
    margin: 0;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #DB88A4;
    border: 0px solid #ddd;
}
.box_desc_single .nav-tabs>li>a:hover{
    background: transparent;
    border: 0px solid transparent;
    margin: 0;
    background-color: #DB88A4;
    color: #fff;
}
#xemthempro{
    background-color: transparent;
   
}

.box_desc_single .xemthem{
        background-position: 0px 12px;
         padding-left: 15px;
}
.maxheigh600{
    max-height: 600px;
    overflow: hidden;
}
.maxheigh300{
    max-height: 300px;
    overflow: hidden;
}
.product_relateds{
    margin-top: 20px;
    float: left;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #a7a9ac;
}
.list_product_related .item .caption{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 30%;
    display: none;
}
.list_product_related .item:hover .caption{
    display: block;
}
.list_product_related .item .caption_l{
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.list_product_related .item .name{
    float: none;
    width: auto;
     padding-left: 0px;
     margin-bottom: 5px;
}
.page_single{
    width: 100%;
    float: left;
    padding-top: 40px;
}
.list_product .item .price{
    float: none;
    width: auto;
}
.list_product_related .caption_r{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.list_product_related .btn_readmore{
    width: auto;float: none;
    margin: 0 auto;
}
.list_product_related .btn_readmore a{
    float: none;
}
.product_accessorys{
    width: 100%;
    float: left;
    padding: 20px 0px;
}
.top_news{
    width: 100%;
    float: left;
    padding: 50px 0px 20px;
}
.fisrt_news{
    width: 100%;
    float: left;
}
.fisrt_news .item{
    width: 100%;
    float: left;
    position: relative;
}
.fisrt_news .item .image{
    width: 100%;
    float: left;

}
.fisrt_news .item .image img{
    width: 100%;
    float: left;
}
.fisrt_news .item .caption{
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(0,0,0,0.75);
    width: 360px;
    border: 1px solid #fff;
    padding: 15px;
    color: #fff;
}
.fisrt_news .item .name{
    width: 100%;
    float: left;
    font-size: 16px;
    text-transform: uppercase;

}
.fisrt_news .item .name a{
    color: #fff;
     font-family: 'Roboto-Medium';
}

.fisrt_news .item .description{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.more-n {
        background-image: url(../images/xemthem.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    float: left;
    color: #231f20;
    width: 100%;
    display: block;
    margin-top: 15px;
    padding-left: 14px;
    font-size: 13px;
}

.fisrt_news .more-n {
        background-image: url(../images/icon_arrowdown.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    float: left;
    color: #fff;
    width: 100%;
    display: block;
    margin-top: 15px;
    padding-left: 14px;
    font-size: 13px;
}
.second_news{
    width: 100%;
    float: left;
}
.second_news .item{
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 21px;
}
.second_news .item .image{
    width: 100%;
    float: left;
}
.second_news .item .image img{
    width: 100%;
    float: left;
}
.second_news .caption{
    position: absolute;
    bottom: 0;
    width: 100%;
     background: rgba(0,0,0,0.75);
     color: #fff;
     padding: 6px 20px;
}
.second_news .name a{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
}
.box .list-news .item .name a{
    font-size: 14px;
    text-transform: none;
}
.single_news .meta_news{
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e7e8;
}
.edu_list_logo{
    width: 100%;
    float: left;
    padding: 50px 57px 30px;
}
.edu_list_logo .item{
    float: left;
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 20px;
}
.list_edutcation{
    width: 100%;
    float: left;

}
.list_edutcation .item{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    position: relative;
}
.list_edutcation .item .image{
    width: 100%;
    float: left;
}
.list_edutcation .item .image img{
    width: 100%;
    float: left;
}
.list_edutcation .item .caption{
    position: absolute;
    bottom: 0;
    height: 30px;
    left: 0;
    right: 0;
     -webkit-transition: height 0.3s; 
  -moz-transition: height 0.3s; 
  -ms-transition: height 0.3s; 
  -o-transition: height 0.3s; 
  transition: height 0.3s;  
}
.list_edutcation .item .name{
    width: 100%;
    float: left;
    background: #1996a9;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    background-image: url(../images/bgtit_education.png);
    background-repeat: no-repeat;
    background-position: 5px 9px;
    padding: 6px 5px 4px 22px;
     -webkit-transition: background .0.3s linear;   
  -moz-transition: background .0.3s linear;   
  -ms-transition: background .0.3s linear;   
  -o-transition: background .0.3s linear;   
  transition: background .0.3s linear;   

}
.list_edutcation .item .name a{
    color: #fff;
}
.list_edutcation .item:hover .caption{
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
}
.list_edutcation .item .short_description{
    width: 100%;
    float: left;
    color: #fff;
    padding: 15px 22px;
    font-size: 12px;
    -webkit-transition: height 0.3s; 
  -moz-transition: height 0.3s; 
  -ms-transition: height 0.3s; 
  -o-transition: height 0.3s; 
  transition: height 0.3s;  
  height: 0;
  display: none;
}
.list_edutcation .item:hover .short_description{
    height: auto;
}
.list_edutcation .item .name:hover{
    background-color: #ffdd00;
    
}
.list_edutcation .item .name:hover a{
    text-decoration: none;
}
.btn_detail{
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    display: none;
}
.btn_detail a{
    color: #fff;
    font-size: 14px;
    padding: 7px 15px;
    border: 1px solid #fff;
}
.btn_detail a:hover{
    text-decoration: none;
    background: #ffdd00;
    color: #231f20;
    border: 1px solid #ffdd00;
}
.list_edutcation .item:hover .btn_detail{
   display: block;
    
}
.list_edutcation .item:hover .short_description{
   display: block;
    
}
.list_agency{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.list_agency .item{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    border-bottom: 5px solid #1996a9;
    padding-bottom: 10px;
}
.list_agency .item .image{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 360px;
}
.list_agency .item .image img{
    width: 100%;
    float: left;
    max-height: 100%;
}
.list_agency .item .caption{
    width: 70%;
    float: left;
    height: 145px;
}
.list_agency .item .name{
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    background-image: url(../images/bgtit_agency.png);
    background-repeat: no-repeat;
        background-position: 0px 4px;
    padding: 0 5px 0 20px;
    margin-bottom: 5px;
}
.list_agency .item .name a{
  color: #231f20;
}
.list_agency .item .address{
     width: 100%;
    float: left;
}
.list_agency .item .hotl{
     width: 100%;
    float: left;
}
.list_agency .item .email{
     width: 100%;
    float: left;
}

.list_agency .btn_detail{
    width: 30%;
    float: right;
    display: block;
        margin-top: 55px;
}
.list_agency .btn_detail a{
    color: #1996a9;
    border: 1px solid #1996a9;
}

.list_fisrt_news{
    width: 100%;
    float: left;

}
.list_fisrt_news .item{
    width: 100%;
    float: left;
}
.list_fisrt_news .item .image{
    width: 100%;
    float: left;
    border: 1px solid #1996a9;
    margin-bottom: 10px;
}
.list_fisrt_news .item .image img{
    width: 100%;
    float: left;
    
}
.list_fisrt_news .item .name{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.list_fisrt_news .item .name a{
    color: #231f20;
    font-size: 16px;
    font-family: 'Roboto-Medium';
}
.list_fisrt_news .item .description{
    width: 100%;
    float: left;
    font-size: 13px;
}
.list_news{
    width: 100%;
    float: left;
}
.list_news .item{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.list_news .item .name a{
    color: #231f20;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
}
.list_news .item .image{
  width: 100%;
    float: left;
    height: 125px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.list_news .list_fisrt_news .item .image{
    height: 290px;
}
.list_news .item .image img{
       position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.list_gallery{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.list_gallery .item{
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.list_gallery .name a{
    color: #231f20;
    font-size: 13px;
    padding-top: 2px;
    float: left;
}


.icon_play_lager i{
    font-size: 45px;
     width: 70px;
    height: 70px;
     padding-top: 10px;
    padding-left: 12px;
}
.list_video .image{
    width: 100%;
    float: left;
}
.list_video .image img{
    width: 100%;
    float: left;
}

.page_details{
    width: 100%;
    float: left;
    padding-bottom: 50px;
}
.page_details .description{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.single_education .description{
    width: 100%;
    float: left;
}
.list_edutcation_left{
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.list_edutcation_left .item{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
}
.list_edutcation_left .image{
    width: 100%;
    float: left;
    position: relative;
    z-index: 4;
    height: 110px;
    overflow: hidden;
}   
.list_edutcation_left .image:before{
    content: '';
    border: 1px solid #fff;
    left: 5px;
    right:5px;
    top: 5px;
    bottom: 5px;
    position: absolute;
    z-index: 6;
}
.list_edutcation_left .caption{
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0,0,0,0.6);
   padding-top: 16%;
   z-index: 5;
}
.list_edutcation_left .name {
    width: 100%;
    float: left;
    text-align: center;
}
.list_edutcation_left .name a{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto-Medium';
}
.single_education{
    width: 100%;
    float: left;
    padding-left: 30px;
        border-left: 1px solid #1996a9;

    margin-bottom: 30px;
}
.pagesingle{
    width: 100%;
    float: left;
    padding: 30px 0px;
}
.list-videos{
    width: 100%;
    float: left;

}
.list-videos .item{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.list-videos .item .image{
    height: 245px;
    overflow:hidden;
    border: 1px solid #ccc;
    position: relative;
}
.list-videos .item .image img {
    width: 100%;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list-videos .name{
    width: 100%;
    float: left;
    height: 40px;
    margin-top: 5px;
}
.list-videos .name a{
    color: #231f20;

}
.list-videos .name a:hover{
    text-decoration: none;
    color: #ffdd00;
}
.news_related{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.news_related ul{
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}
.news_related ul li{
    width: 100%;
    float: left;
}
.news_related .list_news{
    margin-top: 20px;
}
.maps {
    width: 100%;
    float: left;
    height: 717px;
    display: block;
}
.mapsdetail{
      width: 100%;
    float: left;
    height: 450px;
    display: block;
}
.searchagency{
    width: 100%;
    float: left;
}
.desc_searchagency{
    width: 100%;
    float: left;
    font-family: 'Roboto-Medium';
    margin-bottom: 15px;
}
.line_searchagency{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.line_searchagency select{
    width: 100%;
    float: left;
    border: 1px solid #808285;
    padding: 5px 15px;
}
.list_searchagency{
    width: 100%;
    float: left;
}
.list_searchagency .item{
    width: 100%;
    float: left;
    margin-bottom: 7px;
    background-image: url('../images/icon_list_agency.png');
    background-repeat: no-repeat;
     background-position: left 7px;
    padding-left: 15px;
}
.name_searchagency{
    width: 100%;
    float: left;
    color: #231f20;
    font-size: 13px;
    font-family: 'Roboto-Medium';
}
.add_searchagency{
    width: 100%;
    float: left;
    color: #231f20;
    font-size: 12px;
}
.hieght90{
    height: 95px;
}
.searchagency .xemthem{
      padding-left: 15px;
    padding-top: 0;
    background-position: 2px 7px;
}
.commentss{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.box-comment{
    width: 100%;
    float: left;
}
.input_name{
    width: 100%;
    float: left;
    margin-bottom: 10px;
      padding: 5px 10px;
}
.comment_message{
      width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 80px;
    padding: 5px 10px;
}
.line_comment{
    width: 100%;
    float: left;
}
.frm-comment .wrap-comment .button {
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff!important;
    border: 0 none;
}
.button.btn-dark-blue {
    background: #231f20;
    font-size: 14px;
}
.list-comment{
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}
.thumb-user{
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
    background: #DB88A4;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
        padding-top: 3px;
        border-radius: 50%;
}
.post-comment{
    float: left;
    width: 92%;
}
.fn-com-user-name{
    width: 100%;
    float: left;
    color: #231f20;
    margin-top: 3px;
}
.fn-content{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.func-comment{
    float: left;
    width: 100%;
}
.fn-reply{
    float: left;
    margin-right: 35px;
    color: #0092c8;
}
.fn-time{
    float: left;
    font-size: 13px;
}
.formcomment{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.list-comment-replies-container{
    width: 100%;
    float: left;
    padding-left: 35px;
    position: relative;
        margin-top: 5px;
}
.list-comment-replies-container ul{
       list-style: none;
    padding: 15px;
    background: #e6e7e8;
    float: left;
    width: 100%;
    position: relative;
}
.list-comment-replies-container ul:before{
    content: '';
    background-image: url('../images/bgrepcomment.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: -10px;
}

.list-comment-replies-container .item-comment{
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.list-comment-replies-container ul li:last-child{
     border-bottom: 0px solid #ccc;
      margin-bottom: 0px;
}
.total_comment{
    width: 100%;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid #939598;
    padding-bottom: 10px;
    font-family: 'Roboto-Medium';
}

#datasearchagency{
    float: left;
    width: 100%;
    overflow: hidden;
}
.pagesingle .list_fisrt_gallery{
    margin-bottom: 30px;
    width: 100%;
    float: left;
}
.pagesingle .list_fisrt_gallery .item{
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.pagesingle .list_fisrt_gallery .item {
    height: 780px;
    overflow: hidden;
}

.pagesingle .list_fisrt_gallery .item img{
    width: 100%;
    float: left;
}
.share{
    float: left;
}
.share a{
    color: #808285;
    font-size: 12px;
    margin-top: 5px;
}
.meta_news .share{
    padding-right: 20px;
}
.searagency{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.searagency input.input_search{
    border: 1px solid #808285;
}
.searagency button.btn_search span{
        padding: 7px 6px 8px;
}
.box_order{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    background: #f2f3f7;
}

.box_order select{
    font-size: 13px;
        padding: 5px 8px;
}
.box_order > label{
    text-transform: uppercase;
    padding:11px 10px;
    font-size: 12px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    float: left;
    margin: 0;
}
.box_order_item{
    float: left;
    margin-left: 20px;
    position: relative;
}
.box_order_item > label{
    font-family: 'Roboto-Medium';
    padding:9px 0px;
    font-size: 14px;
    font-weight: normal;
    float: left;
    margin: 0;
}
.sort_pricess{
    float: left;
    cursor: pointer;
}
.sort_feature{
    float: left;
    cursor: pointer;
}
.sort_manufacturer{
    float: left;
    cursor: pointer;
}

#sort_manufacturer .box_ss ul li{
    width: 33.333333%;
}

.box_order_item > label.sort_order{
    padding-right: 20px;
    cursor: pointer;
}
.box_s{
    position: absolute;
    top: 35px;
    width: 500px;
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 9999;
}
.box_s.box_orderss{
       width: 150px;
    left: -32px;
}
.box_ss{
    width: 100%;
    float: left;
}
.box_ss ul{
    list-style: none;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.box_ss ul li{
    width: 50%;
    float: left;
    margin-bottom: 5px;
}

.box_s.box_orderss .box_ss ul li{
    width: 100%;
}
.box_ss label{
     font-family: 'Roboto-Medium';
  
    font-size: 13px;
    font-weight: normal;
    float: left;
    margin: 0;
    cursor: pointer;
}
.box_ss input{
    display: none;
}
.list_option{
    position: absolute;
    bottom: 15px;
    right: 10px;

}
.list_color{
    width: 100%;
    float: right;
}
.list_color .icon_color{
    width: 14px;
    height: 14px;
    border: 1px solid #d1d3d4;
    float: left;
    margin: 0 3px;
}
.list_color .icon_color > img{
    width: 100%;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
.options{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.colors{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.colors .icon_color{
    width: 30px;
    height: 30px;
    border: 1px solid #d1d3d4;
    float: left;
    margin-right: 10px;
cursor: pointer;
}
.colors .icon_color.checked{
    border: 1px solid #d92028;
}
.colors .icon_color img{
    width: 100%;
    float: left;
}
.label_option{
    width: 100%;
    float: left;
    color: #333;
    font-family: 'Roboto-Medium';
    margin-bottom: 5px;
}
.product_accessory_attach{
    width: 100%;
    float: left;
    border-left: 5px solid #d92028;
    border-bottom: dashed 1px #d92028;
    border-top: dashed 1px #d92028;
    border-right: dashed 1px #d92028;
    padding: 6px 10px 10px 10px;
    margin-bottom: 20px;
}
.list_product_accessory_attach{
   width: 100%;
   float: left;
}
.list_product_accessory_attach .item{
   
    float: left;
    font-size: 13px;
}
.list_product_accessory_attach .item .image{
    width: 100%;
    float: left;
    border: 1px solid #e6e7e8;
}

.list_product_accessory_attach .item .name a{
     color: #d92028;
    font-size: 13px;
    line-height: 13px;
    float: left;
    padding-right: 5px;
}
.share-box{
    width: 100%;
    float: left;
    margin-bottom: 20px;
  
    background-image: url('../images/icon_sharethis.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
}

.share_box{
    position: relative;
    width: 100%;
    float: left;
    background-image: url('../images/icon_sharethis.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
}
.single_bottom{
       width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
    display: inline-flex;
    text-align: center;
}
.icon_tragop{
    position: absolute;
    right: 10px;
    top: 10px;
    background: #333333;
    font-size: 13px;
    padding: 1px 8px;
    color: #fff;
    z-index: 1;
}
.icon_tragop > span{
    color: #ffdd00;
}
.icon_sale{
    position: absolute;
    left: 10px;
    top: 10px;
    background: #ffdd00;
    font-size: 13px;
    padding: 1px 8px;
    color: #000000;
    z-index: 1;
}
.list_product .item .item_p  .price{
    padding: 0 15px;
}
.supports_product{
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 30px;
}
.supports_product .item{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.supports_product .image{
    float: left;
    width:40px;
}
.supports_product .image img{
    max-width: 100%;
}
.supports_product .name{
    float: left;
}
.supports_product .name a{
        font-size: 15px;
    color: #333;
    padding-top: 6px;
    float: left;
    font-family: 'Roboto-Medium';
}
.supports_product .name a:hover{
    text-decoration: none;
    color:#ffdd00
}
.schecked{
    color: #ed1c24
}
.resultsearch{
    width: 100%;
    float: left;
}
.resultsearch ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.resultsearch ul li{
    float: left;
    position: relative;
    margin-bottom: 10px;
    margin-right: 15px;
}
.resultsearch ul li a{
    float: left;
    background: #ccc;
    color: #333;
    font-size: 14px;
    font-family: 'Roboto-Medium';
    padding: 5px 20px;
}
.resultsearch ul li a:hover{
    text-decoration: none;
}
.resultsearch ul li a i{
     position: absolute;
    right: 3px;
    top: 0;
    cursor: pointer;
}
   
.tab-pane .jwplayer{
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.list_agencyss{
    width: 100%;
    float: left;
}
.list_agencyss .item .caption{
    width: 100%;
}
.list_agencyss .item .name{
    color: #231f20;
}
.open {
     display: inline-block;
    color: #605714;
    width: 56px;
    height: 21px;
    background-color: #ffe204;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-right: 7px;
    line-height: 22px;
    font-size: 10px;
}
.list_agencyss .item{
    margin-bottom: 10px;
    border-bottom: 1px solid #1996a9;
    padding-bottom: 15px;
}
.items_agencyss{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.title_list_agencyss{
    width: 100%;
    float: left;
       background: #666666;
    padding: 8px 15px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}
.con-list_agencyss{
    width: 100%;
    float: left;
    padding-top: 0;
    height: 0;
    overflow: hidden;
      -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.con-list_agencyss.actived{
    height: 600px;
    padding-top: 10px;
}
.list_agency_c{
    width: 100%;
    float: left;
}
.list_agencyss .item .caption{
    height: auto;
}
.title_list_agencyss i{
    float: right;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 6px;
}
.title_list_agencyss i.fa-angle-up{
    display: none;
}
.title_list_agencyss i.fa-angle-down{
    display: block;
}
.title_list_agencyss.actived i.fa-angle-up{
    display: block;
}
.title_list_agencyss.actived i.fa-angle-down{
    display: none;
}
.div-note-icon{
    width: 100%;
    float: left;
    margin-top: 20px;
}


.scrollbar
{
    float: left;
    height: 600px;
    overflow-y: auto;
}

.force-overflow
{
    min-height: 600px;
}


#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #000000;
}

.scrollbars::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.scrollbars::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.scrollbars::-webkit-scrollbar-thumb
{
    background-color: #000000;
}
.advisory_latest{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.advisory_latest .item{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
}
.advisory_latest .item .image{
    width: 100%;
    float: left;
}
.advisory_latest .item .image img{
    width: 100%;
    float: left;
}
.advisory_latest .caption{
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 15px 15px 10px;
}
.advisory_latest .name{
    width: 100%;
    float: left;
margin-bottom: 5px;
}
.advisory_latest .name a{
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto-Bold';
}
.advisory_latest .description{
     color: #fff;
    font-size: 13px;
    font-family: 'Roboto-Bold';
}
.advisory_latest .description p{
    margin: 0;
}
.advisory_latest .col-right .name a{
    font-size: 13px;
}
.row-10{
    margin-left: -10px;
    margin-right: -10px;
}
.advisory_latest .col-left{
    width: 66.66666667%;
    float: left;
    padding: 0 10px;
}
.advisory_latest .col-right{
    width: 33.33333333%;
     float: left;
    padding: 0 10px;
}

.advisory_latest .col-right .image{
    height: 210px;
    overflow: hidden;
}
.advisory_latest .col-left .image{
    height: 440px;
    overflow: hidden;
}
.list_advisory{
    width: 100%;
    float: left;
}
.list_advisory .item{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.list_advisory .item .image{
    width: 100%;
    float: left;
    height: 173px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.list_advisory .item .image img{
        position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.list_advisory .item .name{
    width: 100%;
    float: left;
    padding-top: 5px;
}
.list_advisory .item .name a{
    color: #333333;
    font-size: 15px;
}
.list_ad_top .item_l{
    width: 35%;
    float: left;
    padding-right: 7px;
}
.list_ad_top .item_r{
    width: 65%;
    float: left;
    padding-left: 7px;
}
.list_edutcation.list_forrent .item .name{
    background:#ff7200;
    
}
.list_edutcation.list_forrent .item .name a{
    color: #fff;
}
.list_edutcation.list_forrent .item .name:hover{
        background: #1996a9;
}
.list_edutcation.list_forrent .item .btn_detail a:hover{
     background:#ff7200;
     border: 1px solid #ff7200;
}

.list_forrent{
    margin-top: 30px;
}
.code{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
#box-gallery{
    width: auto;
    margin: 0 auto;
}
.single_forrent{
    width: 100%;
    float: left;
    margin-top: 40px;
}
#message-newsletter{
    width: 100%;
    float: left;
    margin-top: 3px;
    color: red;
}
.info_header{
    width: 100%;
    float: left;
    margin-top: 16px;
}
.box_header{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}
.icon_header{
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 3px;
}
.cont_header{
    float: left;
    padding-left: 10px;
}
.box_header a{
color: #fff;
}
.box_header a:hover{
    text-decoration: none;
}
.box_header p{
    margin: 0;
}
.box_header span{
   font-size: 14px;
   font-family: 'Roboto-Bold';
}

.icon_header.icon_phone{
    width: 21px;
}
#mainmenu{
    background: #ffdd00;
    width: 100%;
    float: left;
}
#categoryhot{
    width: 100%;
    float: left;
    background: #fff;
}
.categoryhot{
    width: 100%;
    float: left;
    padding: 10px 0px;
}
.categoryhot ul{
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 0;
    float: left;
}
.categoryhot ul li{
    float: left;
    font-size: 13px;
}
.categoryhot ul li a{
    color: #666666;
    border-right: 1px solid #666666;
    padding: 3px 14px 0px;
    line-height: 12px;
    float: left;
}
.categoryhot ul li:last-child a{
  border-right: 0px solid #666666;
}
.categoryhot ul li.text_categoryhot{
    line-height: 12px;
    background: #ffdd00;
padding: 3px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#content_top{
    width: 100%;
    float: left;
}
.banner_top{
    width: 100%;
    float: left;
}
.banner_top .item{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.banner_top .item:last-child{
     margin-bottom: 0px;
}
.slide{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.home_advisory{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    background: #fff;
    padding: 18px 15px 14px;
}
.title_advisory{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    padding-top: 3px;

}
.title_advisory > img{
    margin: 0 auto;
}
.title_advisory > span{
    padding-top: 5px;
    width: 100%;
    float: left;
}
.list_advisory_home{
    width: 100%;
    float: left;
}
.list_advisory_home .item{
    width: 100%;
    float: left;
}
.list_advisory_home .item .image{
    width: 70px;
    height: 68px;
    overflow: hidden;
    float: left;
    margin-right: 10px;

}
.list_advisory_home .item .image img{
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list_advisory_home .item .name{
}
.list_advisory_home .item .name a{
    color: #333333;
        font-size: 16px;
    line-height: 14px;
}
.thumb-slide{
    float: left;
    background: #fff;
     border-top: 1px solid #eeeeee;
      border-left: 1px solid #eeeeee;
}
.thumb-slide .item{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0px;
    cursor: pointer;
}
.thumb-slide .item .description{
    width: 100%;
    float: left;
    font-family: 'Roboto-Bold';
}
.thumb-slide .item .button{
    width: 100%;
    float: left;
}
.thumb-slide .owl-item.synced .item{
     border-bottom: 2px solid #ffe74c;
      padding: 10px 0px 9px;
}
.box-product-home{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.product-home{
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 15px;
    position: relative;
}
.list_rating{
    width: 120px;
    text-align: center;
    margin-bottom: 5px;
    display: flex;
    margin: auto;
}
.list_rating .rating{
    float: none;
    margin: 0 auto;
    display: inline-block;
}

.fa-star{
    color: #cccccc;
}
.fa-star.yl{
    color: #ffdd00;
}

.icon_prev{
    width: 37px;
    height: 62px;
    background-image: url('../images/icon_prev.png');
    background-repeat: no-repeat;
    float: left;
}

.icon_next{
    width: 37px;
    height: 62px;
    background-image: url('../images/icon_next.png');
    background-repeat: no-repeat;
    float: left;
}
.list-owl.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: -6px;

}
.list-owl.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0px;
}
.list-product .list-owl  .item{
    margin-bottom: 0;
}
.title_cat{
    width: 100%;
    float: left;
    color: #333333;
    font-size: 18px;
    margin-bottom: 15px;
}
.number_rating{
    margin-left: 5px;
    color: #999999;
    font-size: 12px;
    line-height: 18px;
}
.tabs-home {
    margin-bottom: 20px;
    border: 0;
}
.tabs-home li{
    margin-right: 20px;
}
.tabs-home li a{
    font-size: 18px;
    color: #333333;
    padding: 5px 0px;
    border: 0;
    border-bottom: 2px solid #fff;
}
.view_all{
   position: absolute;
    top: 20px;
    right: 12px;
}
.view_all a{
    font-size: 13px;
    color: #333333;
}
.view_all a i{
    padding-left: 3px;
}
.view_all a:hover{
    color: #ed1c24;
    text-decoration: none;
}


.box_banner .image{
    width: 100%;
    float: left;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    overflow: hidden;
}
.box_banner .image img{
 -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
.box_banner .image:hover img{
    -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.banner_middle .caption{
    position: absolute;
    top: 10px;
    left: 20px;
}
.banner_middle .name a{
    text-transform: uppercase;
    color: #000000;
    font-size: 30px;
    font-family: 'Roboto-Bold';
}
.banner_middle .description{
    color: #000000;
    font-size: 17px;
}
.banner_middle .name a:hover{
    text-decoration: none;
}
.banner_middle{
    width: 100%;
    float: left;
}
.banner_middle .item{
    width: 100%;
    float: left;
    position: relative;
}
#banner_middle{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.category_childern{
    list-style: none;
    padding: 0;
    position: absolute;
    right: 100px;
    top: 20px;
}
.category_childern li{
    float: left;
}
.category_childern li a{
    color: #333333;
    font-size: 13px;
    padding: 0 10px;
}
#frm_newsletter{
    width: 100%;
    float: left;
    position: relative;
}
.line_agen{
    width: 100%;
    float: left;
    margin-top: 15px;
}
.line_agen select{
    width: 100%;
     float: left;
}
.image_bannercat{
    width: 100%;
    float: left;
    padding-left:15px;
    padding-right: 15px;
}
.bannercat.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 18px;
}

.title_cat_km{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #333333;
    font-size: 17px;
}
.box_events{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.list-event{
    width: 100%;
    float: left;
}
.list-event .item{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.list-event .item .image{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.list-event .item .name{
    width: 100%;
    float: left;
    color: #333333;
    font-size: 13px;
}
.list-event .item .name span{
    color: #da2127;
    font-size: 16px;
    padding-left: 5px;
}
.page_sales{
    width: 100%;
    float: left;
    background: #f1f3f6;
}
.content_sales{
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px 15px;
}
.content_sales .title_cat{
    text-align: center;
    color: #333333;
    font-size: 18px;
    text-transform: uppercase;
}
.meta_single_product{
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.box_khuyen_mai{
    width: 100%;
    float: left;
    margin-bottom: 20px;
   
}
.title_box_khuyen_mai{
    width: 100%;
    float: left;
    background: #d92028;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
}
.content_box_khuyen_mai{
    width: 100%;
    float: left;
    padding: 10px 15px 0px;
     border-bottom: dashed 1px #d92028;
    border-left: dashed 1px #d92028;
    border-right: dashed 1px #d92028;
}
.content_box_khuyen_mai ul{
    list-style: none;
    padding: 0;

}
.quaitity{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.quaitity label{
    font-family: 'Roboto-Medium';
    float: left;
    font-weight: normal;
    padding-right: 15px;
        padding-top: 4px;
}
.quaitity input{
        width: 70px;
    padding-left: 22px;
}

.list_product_accessorys{
    width: 100%;
    float: left;
}
.list_product_accessorys .item{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.list_product_accessorys .item .image{
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    height: 110px;
    overflow: hidden;
    margin-bottom: 10px;
}
.list_product_accessorys .item .image img{
      position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list_product_accessorys .item .price{
    color: #d92028;
    font-size: 13px;
    text-align: left;
}
.price_l{
    width: 80%;
    float: left;
}
.price_r{
    width: 20%;
    float: left;
}
.price_r input[type="checkbox"]{
    float: right;
    margin: 0;
}
input[type=checkbox] {
         position: relative;
           cursor: pointer;
    }
input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
         top: 0;
         left: 0;
         border: 1px solid #ccc;
         border-radius: 0px;
         background-color: white;
}

input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid black;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 2px;
         left: 6px;
}
.list_product_accessorys .item .price .price_new{
    width: 100%;
    float: left;
    font-size: 13px;
}
.list_product_accessorys .item .price .price_old{
    width: 100%;
    float: left;
    font-size: 12px;
    color: #999999;
    margin-left: 0;
}
.gia_trongoi{
    width: 100%;
    float: left;
}
.gia_trongoi p{
    font-size: 13px;
    float: left;
    padding-top: 4px;
    padding-right: 10px;
    margin-bottom: 0;
}
.price_all{
    float: left;
    color: #d92028;
    font-size: 18px;
    font-family: 'Roboto-Medium';
}
.button_priceall{
    width: 100%;
    float:left;
    margin-top: 20px;
}
.button_priceall .btn_addcart{
    margin-right: 0;
        margin-bottom: 15px;
    width: 70%;
    text-align: center;
}
.button_priceall .btn_tragop{
    margin-right: 0;
        margin-bottom: 15px;
    width: 70%;
    text-align: center;
}
.content_single{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.content_single_products{
    width: 100%;
    float: left;
    position: relative;
}
#content_tragop {
    width: 700px;
    margin: 0 auto;
    position: relative;
}
.box_popup {
    width: 100%;
    float: left;
    background: #fff;
}
.title_popup {
    width: 100%;
    float: left;
    background: #d92028;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
   padding: 11px 0px 12px;
    font-size: 14px;
}
.content_popup {
    width: 100%;
    float: left;
    padding: 15px 20px;
    font-size: 14px;
}
.mfp-close-btn-in .mfp-close {
    color: #DB2777;
}
.btn_xemthem{
    width: 100%;
    float: left;
    margin: 30px 0px;
    text-align: center;
}
.btn_xemthem a{
    color: #666666;
    font-size: 13px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    padding: 10px 30px;
    cursor: pointer;
}

.bar-top {
    display: block;
    overflow: hidden;
    width: 100%;
    float: left;
}

.buymore {
    float: left;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #288ad6;
}

.page_checkout form{
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}
.buymore i {
    font-size: 23px;
    padding-right: 8px;
    float: left;
}
.buymore span {
       float: left;
    line-height: 25px;
}
.list_product_cart{
    width: 100%;
    float: left;
    margin: 20px 0px;

}
.list_product_cart > ul{
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}
.list_product_cart > ul > li{
    width: 100%;
    float: left;
    position: relative;
}

.cart_l {
    float: left;
    overflow: hidden;
    width: 85px;
    text-align: center;
}
.cart_l {
    float: left;
    overflow: hidden;
    width: 85px;
    text-align: center;
}
.list_product_cart .item {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
}
.list_product_cart .item .image{
    width: 75px;
    height: 75px;
    float: left;
    overflow: hidden;
}
.list_product_cart .item .image img{
    width: 100%;
    float: left;
}
.list_product_cart .item .name{
    width: 100%;
    float: left;
}
.list_product_cart .item .name a{
    font-size: 16px;
    color: #000;
    font-family: "Roboto-Medium";
}
.info_km{
    width: 100%;
    float: left;
}
.info_km ul{
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
}
.tit_checkout{
    width: 100%;
    float: left;
    font-size: 13px;
    font-family: "Roboto-Medium";
}
.content_product_accessory{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.content_product_accessory a{
    font-size: 13px;
    color: #ed1c24;
}
.line_option_c{
    width: 100%;
    float: left;
}
.line_option_c label{
    font-size: 13px;
    font-family: "Roboto-Medium";
    font-weight: normal;
}
.list_product_cart .price{
    width: 100%;
    float: left;
    text-align: right;
}
.list_product_cart .price_new{
    width: 100%;
    float: left;
    text-align: right;
}
.choosenumber{
    position: absolute;
    bottom: 10px;
    right: 0;
}

.btn_quantity {
    float: left;
    width: 32px;
    height: 29px;
    text-align: center;
    background: transparent;
    color: #ed1c24;
    font-size: 18px;
    padding-top: 3px;
    cursor: pointer;
    border: 1px solid #ccc;

}
.btn_quantity.btn_tru{
    font-size: 20px;
    border-right: 0;
    padding-top: 0;
}
.btn_quantity.btn_cong {
    
    border-left: 0;
    
}
.choosenumber input {
    width: 50px;
    float: left;
    padding: 5px 0px 5px 10px;
    text-align: center;
}

.del {
     display: block;
    font-size: 13px;
    color: #999;
    border: 0;
    background: #fff;
    margin: auto;
    cursor: pointer;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.del i{
    padding-right: 3px;
}
.del span {
     display: block;
    font-size: 13px;
    color: #999;
    border: 0;
    background: #fff;
    margin: auto;
    cursor: pointer;
    float: left;
    width: 100%;
    text-align: center;
}
.del span:before {
    content: '';
    width: 2px;
    height: 8px;
    background: #fff;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.del span:after {
    content: '';
    width: 2px;
    height: 8px;
    background: #fff;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.page_checkout{
    width: 100%;
    float: left;
    position: relative;
    background: #f0f0f0;
}


.wrap_cart {
    display: block;
    width: 100%;
    margin: auto;
    background: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
        float: left;
    padding: 20px;
    margin-top: 20px;
}
.cart_total{
    width: 100%;
    float: left;
}
.cart_total_line{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.cart_total_text{
    float: left;
    padding-top: 5px;
    font-family: 'ProximaNovaSemibold';
}
.cart_total_data{
    float: right;
    color: #c6a72e;
    font-family: 'ProximaNovaSemibold';
    font-size: 17px;
}
.info_customer{
    width: 100%;
    float: left;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.line_customer{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.item_gender input{
    float: left;
}


.line_customer ul{
  list-style: none;
  margin: 0;
  padding: 0;
    overflow: auto;
    float: left;
    width: 100%;
}

.line_customer ul li{
  display: block;
  position: relative;
 overflow: hidden;
    float: left;
    padding-right: 30px;
}

.line_customer ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.line_customer ul li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    padding: 0 0 0 30px;
    margin: 10px auto;
    /* height: 30px; */
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    margin: 0;
    line-height: 18px;
}


.line_customer ul li .check{
  display: block;
  position: absolute;
  border: 1px solid #9e9e9e;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 0;
  left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.line_customer ul li:hover .check {
  border:1px solid #fd761a;
}

.line_customer ul li .check::before {
display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.line_customer input[type=radio]:checked ~ .check {
  border: 1px solid #fd761a;
}

.line_customer input[type=radio]:checked ~ .check::before{
  background: #fd761a;
}

.line_customer_2{
    margin-left: -5px;
    margin-right: -5px;
}
.line_customer_2 .item_customer{
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.line_customer input[type=text],.line_customer input[type=email]{
    width: 100%;
    float: left;
    display: block;
    padding: 9px 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin: 0;
    text-indent: 10px;

}
.line_customer textarea{
    width: 100%;
    float: left;
    display: block;
    padding: 9px 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin: 0;
    text-indent: 10px;

}
.line_customer select{
    width: 100%;
    float: left;
    display: block;
    padding: 9px 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin: 0;
    text-indent: 10px;

}
.label_shipping{
    width: 100%;
    float: left;
    font: 16px;
    margin-bottom: 20px;
    font-family: 'Roboto-Medium';
}
.shipping{
    width: 100%;
    float: left;
}

.area_address {
    overflow: visible;
    background: #f0f0f0;
    margin-top: 15px;
    padding: 20px 20px 0 20px;
    position: relative;
    float: left;
}

.area_address:before, .area_address:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 65px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.box_shipping{
    width: 100%;
    float: left;
    position: relative;
}
.item_customer label{
     display: block;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    padding: 0 0 0 30px;
    margin: 10px auto;
    /* height: 30px; */
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    margin: 0;
    line-height: 18px;
}
.item_customer  input[type="checkbox"]{
    margin: 0;
    margin-top: 1px;
}
.box_invoice{
    width: 100%;
    float: left;
    background: #f0f0f0;
   padding: 0px 20px 0 20px;
}
.line_customer ul.list_searchagency li{
    padding-right: 0;
    margin-bottom: 10px;
}
.line_customer ul.list_searchagency li label{
    font-size: 14px;
}
.hieght140 {
    height: 140px;
}
.box_shipping .btn_xemthem{
        margin: 7px 0px;
}
.line_invoice {
    background: #f0f0f0;
    padding: 0 20px 20px;
    margin: 0;
}
.group_button_checkout{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.btn_checkout_cod{
    display: block;
    float: left;
    overflow: hidden;
    width: 260px;
    padding: 9px 0;
    margin: 0 0 20px 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
}
.btn_checkout_cod span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    font-weight: 300;
}
.list_product_cart  .list_product_accessorys .item{
    border-bottom: 0;
}
.list_product_cart .content_product_accessory{
    margin: 0;
}


.box_products .list-product .col-md-3:nth-child(4n+1) {
    clear: both;
}
.box_gioithieu{
    width: 100%;
    float: left;
    background-image:url('../images/bggioithieu.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size:16px;
    font-family: 'ProximaNovaLight';
    margin-top: 50px;
}
.title3{
    width: 100%;
    float: left;
    font-size: 40px;
    margin-top: 50px;
    margin-bottom: 30px;
     font-family: 'YesevaOne-Regular';
     color: #fff;
     text-align: center;
}
.title3 span{
    background-image: url('../images/title_home_2.png');
    background-repeat: no-repeat;
        margin: 15px auto;
    width: 81px;
    height: 14px;
    display: block;
}
.title4{
      width: 100%;
    float: left;
    font-size: 20px;
    margin-bottom: 30px;
     font-family: 'YesevaOne-Regular';

}
.colorfff{
    text-align: center;color: #fff;
}

.pgioithieu{
    padding: 0 150px;
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.pgioithieu2{
    padding: 0 100px;
    width: 100%;
    float: left;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 60px;
}
.content_contact{
    width: 100%;
    float: left;
    background-image: url('../images/content_contact.jpg');
    background-repeat: repeat-y;
    background-size: 100% auto;
    padding: 70px 0px;
}
.cont_contact{
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 200px;
}
.title-contact{
    text-transform: uppercase;
    margin: 0 0 20px;
}
#enquiry-form{
    width: 100%;
    float: left;
    margin-top: 0px;
}
#sync2{
    margin-left: -5px;
    margin-right: -5px;
}
#sync2 .owl-th{
    padding-right: 5px;
    padding-left: 5px;
    height: 90px;
    overflow:hidden;
}
.btn_detailevnet{
    float: left;
}
.box_sevice_l{
    width: 50%;
    float: left;
     position: relative;
}
.box_sevice_r{
    width: 50%;
    float: left;
     position: relative;
}
.list_box_sevice{
    width: 100%;
    float: left;
}
.box_sevice{
    width: 100%;
    float: left;
    max-height: 530px;
    overflow: hidden;
}
.box_sevice .item{
    width: 100%;
    float: left;
    position: relative;
}
.box_sevice .image{
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}
.box_sevice .image img{
    width: 100%;
    float: left;
}
.box_sevice .caption{
    position: absolute;
    top: 0;
    z-index: 5;
    padding: 20% 10% 5%;
}

.box_sevice .name{
    width: 100%;
    float: left;
    font-size: 30px;
    margin-bottom: 20px;
     font-family: 'YesevaOne-Regular';
     color: #fff;
     text-align: center;
}
.box_sevice .name span{
    background-image: url('../images/title_home_2.png');
    background-repeat: no-repeat;
        margin: 15px auto;
    width: 81px;
    height: 14px;
    display: block;
}
.box_sevice .description{
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;

}
.box_sevice .btn_sevice{
   width: 100%;
   float: left;
   text-align: center;
   margin-top: 50px;
}
.box_sevice .btn_sevice .btn_book{
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.title_single{
    width: 100%;
    float: left;
    margin: 0 0 20px;
    font-size: 25px;
     font-family: 'YesevaOne-Regular';
}
.mess_dateend{
    width: 100%;
    float: left;
    margin: 0 0 20px;
    font-size: 20px;
     font-family: 'YesevaOne-Regular';
     color: #c6a72e
}
.list_eating{
    width: 100%;
    float: left;
}
.list_eating .item{
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.list_eating .item .image{
    width: 100%;
    float: left;
}
.list_eating .item .image img{
    width: 100%;
    float: left;
}
.list_eating .item .name{
    width: 50%;
    float: left;
    color: #b9991d;
    font-size: 23px;
    font-family: 'YesevaOne-Regular';
}
.list_eating .item .price{
    width: 50%;
    float: left;
    text-align: right;
    color: #000;
    font-size: 23px;
    font-family: 'YesevaOne-Regular';
}
.list_menu{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.list_menu ul{
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.list_menu ul li{
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
.list_menu ul li .name-vn{
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: 'YesevaOne-Regular';
}
.list_menu ul li .name-en{
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: 'ProximaNovaLightItalic';
}
.list_eating .item .btn_book{
    margin: 15px 0px 0px;
}
.box_checkout{
    width: 100%;
    float: left;
    border: 1px solid #000000;
    margin-bottom: 20px;
}
.title_checkout{
      width: 100%;
    float: left;
    background: #000000;
    color: #f4cd34;
    font-size: 16px;
    font-family: 'YesevaOne-Regular';
    padding: 15px 25px;
}
.content_checkout{
    width: 100%;
    float: left;
    padding: 25px 25px 10px;
}
.line_checkout{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.line_checkout label{
    width: 100%;
    float: left;
    font-size: 15px;
    font-family: 'ProximaNovaLight';
    margin-bottom: 7px;
}
.line_checkout input{
    width: 100%;
    float: left;
}
.line_checkout textarea{
    width: 100%;
    float: left;
        padding: 5px 10px;
}
.line_checkout select{
    width: 100%;
    float: left;
}


button.button_book{
    margin: 20px 0px;
    float: right;
    background: #c6a72e;
    color: #fff;
    font-size: 16px;
    font-family: 'ProximaNovaBold';
    background-image: url(../images/icon_booknow.png);
    background-repeat: no-repeat;
      background-position: 25px 20px;
    padding: 20px 30px 20px 67px;
    position: relative;
}
button.button_book:before{
    content: '';
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 7px;
    top: 7px;
    border:1px solid #fff;
}
button.button_book:hover{
    color: #fff;
    text-decoration: none;
}

.group-btn-book{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.btn_back{
    margin: 20px 0px;
    float: left;
    background: #c6a72e;
    color: #fff;
    font-size: 16px;
    padding: 20px 30px 20px 30px;
    position: relative;
   font-family: 'ProximaNovaBold';
}
.btn_back:before{
    content: '';
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 7px;
    top: 7px;
    border:1px solid #fff;
}
.btn_back:hover{
    color: #fff;
    text-decoration: none;
}
.title_single b{
    color: #bb9a18;
    font-family: 'YesevaOne-Regular';
}
.cart_info{
    width: 100%;
    float: left;
}
.cart_info .image{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.cart_info .image img{
    width: 100%;
    float: left;
}


.list_menu_checkout{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.list_menu_checkout ul{
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.list_menu_checkout ul li{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #d1d1d1;
}
.list_menu_checkout ul li:last-child{
    border-bottom: 0;
}
.list_menu_checkout ul li .name-vn{
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: 'YesevaOne-Regular';
}
.list_menu_checkout ul li .name-en{
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: 'ProximaNovaLightItalic';
}
.notication{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    padding: 30px 0px;
}
.notication p{

    margin-bottom: 50px;
}
.notication a.btn_back{
    float: none;
}

.list_info_checkout{
    width: 100%;
    float: left;
}
.list_info_checkout ul{
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.list_info_checkout ul li{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
}
.list_info_checkout ul li:last-child{
    border-bottom: 0;
}
.list_info_checkout ul li .txt{
    width: 20%;
    float: left;
    font-size: 14px;
    font-family: 'ProximaNovaBold';
}
.list_info_checkout ul li .data{
    width: 80%;
    float: left;
    font-size: 14px;
    font-family: 'ProximaNovaRegular';
}
.quaitity_price{
    width: 100%;
    float: left;
}
.quaitity_price select{
    width: 40%;
    float: left;
}
.quaitity_price .pri{
    width: 60%;
    float: left;
    text-align: center;
    background: #f3f3f3;
    color: #000;
    font-size: 15px;
    font-family: 'ProximaNovaSemibold';
    border-bottom: 1px solid #808285;
    border-top: 1px solid #808285;
    border-right: 1px solid #808285;
    padding: 6px 0px 5px;
}
.note_checkout{
    width: 100%;
    float: left;
    color:#0ab21b;
    font-size: 13px;
    font-family: 'ProximaNovaSemiboldItalic';
    margin-top: 10px;
}
.total_line{
    width: 100%;
    float: left;
    background: #ebebeb;
    border-top: 1px solid #000000;
     padding: 10px 25px 10px;
     font-size: 23px;
}
.total_line .cart_total_data{
    color: #000;
     font-size: 23px;
}
.line_setmenu{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.line_setmenu span{
    width: 40%;
    float: left;
    padding-top: 5px;
}
.line_setmenu input{
    width: 30%;
    float: left;
}

.line_setmenu b{
    width: 30%;
    float: left;
    text-align: right;
    padding-top: 5px;
}
.note_quaitity{
     width: 100%;
    float: left;
    color:#0ab21b;
    font-size: 14px;
    font-family: 'ProximaNovaSemibold';
    margin-bottom: 10px;
}
.td_cart_total_data {
    color: #c6a72e;
    font-family: 'ProximaNovaSemibold';
    font-size: 17px;
    text-align: right;

}
.content_checkout table{
    margin-bottom: 20px;
}

.txtchooseday{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.txtchooseday span{
      font-family: 'ProximaNovaSemibold';
}
.list_time{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.list_time ul{
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}
.list_time ul li{
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
    width: 20%;
}
.list_time ul li label{
    padding: 5px 10px;
    float: left;
    border:1px solid #959595;
    font-family: 'ProximaNovaRegular';
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}
.list_time ul li input{
    display: none;
}
.list_time ul li span{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #0ab21b;
    font-family: 'ProximaNovaSemibold';
}
.list_time ul li.choosetime label{
    background: #c6a72e;
    border:1px solid #c6a72e;
    color: #fff;
}
.share{
    width: 100%;
    float: left;
    margin: 10px 0px;
}



/*=================== Start phone ring ===============*/
.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 120px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 120px;
    z-index: 200000 !important;
}
.suntory-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 100px;
    left: 0px;
    opacity: 0.1;
    position: absolute;
    top: 0px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 100px;
}
.suntory-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 15px;
    position: absolute;
    top: 15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.suntory-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 50px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 50px;
}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {
    opacity: 1;
}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {
    border-color: #00aff2;
    opacity: 0.5;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
    border-color: #da0c15;
    opacity: 1;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: #c6a72e;
    opacity: 1;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.9);
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
    background-color: #da0c15;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: #c6a72e;
}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {
    background-color: #00aff2;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {
    background-color: #da0c15;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #c6a72e;
}
@keyframes suntory-alo-circle-anim {
0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

@keyframes suntory-alo-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes suntory-alo-circle-fill-anim {
0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
.suntory-alo-ph-img-circle i {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    font-size: 30px;
    line-height: 50px;
    padding-left: 10px;
    color: #fff;
}
.phone-pc
{
    background: #00aff2;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    top: 35px;
    left: 68px;
    position: relative;
    text-align: center;
    border-radius: 0 10px 10px 0;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.suntory-alo-phone:hover .phone-pc
{
    background: #da0c15;
}
.show-phone
{
    visibility: visible;
    opacity: 1;
    width: 120px;
}
/*=================== End phone ring ===============*/

.wrap{position:fixed; width:300px; height: 400px; z-index:9999999; right:0px; bottom:0px;}.x{font-family: arial, helvetica;background: rgba(78,86,101,0.8) none repeat scroll 0 0;font-size:14px;font-weight:bold;color: #fff;display: inline-block;height: 25px;line-height: 25px;position: absolute;right: 0;text-align: center;top: 1px;width: 25px;z-index: 99999999;}.x:hover{cursor: pointer;}.pxem{text-align:left;height:20px;margin-bottom: 0;margin-top: 0;background: #0088b5;width:100%;bottom: 0;display: block;left: 0px;position: absolute;z-index: 999999999;border-left: 1px solid #fff;}.pxem a.axem{color: #fff;font-family: arial,helvetica;font-size: 12px;line-height: 23px;padding-left: 5px;text-decoration: none;}.pxem a.axem:hover{text-decoration: underline;}.alogo{position: absolute;bottom: 0;right: 0px;z-index: 999999999999;width: 40px;height: 20px;display: inline-block;background:#0088b5;padding-right: 0px;padding-left: 5px}.mnv-tuvan{position:fixed;width: 300px;background: #c6a72e;z-index:99999999;right:0px;bottom:0px;  border-style: solid solid none;border-width: 1px 1px 0; border-color: #fff}.mnv-tuvan p{color: #fff;font-size: 15px;margin: 0;padding: 0 13px; text-align: left;}.mnv-tuvan p a{color: #fff;font-size: 15px;padding: 5px 0px 7px;margin: 0;display:inline-block;font-family: arial, helvetica;text-decoration: none;}.mnv-tuvan p a:hover{text-decoration: underline;cursor: pointer;}.mnv-tuvan p img {float: right;margin-top: 10px;}


#sync2.owl-theme .owl-controls .owl-buttons{
      top: 0;
}
#sync2.owl-theme .owl-controls .owl-buttons div{
         font-size: 27px;
    width: auto;
    color: #000;
    background: #d2d2d2;
    padding: 14px 7px;
}
#sync2.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 4px;
}
#sync2.owl-theme .owl-controls .owl-buttons div.owl-next {
    right:-6px;
}

#xpvideo{
    margin-bottom: 20px;
}
.content_review .line_checkout label{
    width: 100px;
}
.content_review .line_checkout{
    margin-bottom: 6px;
}
.line_setmenu .image{
    width: 15%;
    float: left;
}
.line_setmenu .caption{
    width: 85%;
    float: left;
    padding-left: 8px;
}
.header_mobile{
    display: none;
}

.description_single img{
    display: block;
    margin: 0 auto;
}
.box_address ul.language li{
    width: 35px;
    float: left;
}
.product_cate{
    width: 100%;
    float: left;
    padding: 40px 0px;
}
.box_category{
    width: 100%;
    float: left;
}
.main_content{
    padding: 40px 0px;
    background: #FFFF;
    width: 100%;
    float: left;
}
.box_category h1{
    margin: 0 0 15px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    color: #E75A87;
    font-family: 'Montserrat-Bold';
    font-size: 28px;
}


.list_product{
    width: 100%;
    float: left;
    margin-top: 20px;
}

.list_product .item{
    width: 100%;
    float: left;
    position: relative;
}
.clearfix{
    clear: both;
}
.list_product > div > div:nth-child(6n+1){
   clear: both;
}
.list_product .item .image{
    width: 100%;
    float: left;
    position: relative;

}
.list_product .item .image img{
    width: 100%;
    float: left;
     -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
   
}
/*.list_product .item:hover .image img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

}*/

.list_product .item .name{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 5px;
    color: #374151;
    font-size: 13px;
    margin-top: 10px;
    
}
.list_product .item .author{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    color: #374151;
    font-size: 12px;
}

.product_single{
    width: 100%;
    float: left;
}
.product_single .image{
    width: 100%;
    float: left;
    border:1px solid #DB88A4;

    -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.product_single .image img{
    max-width: 100%;
    -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.box_category .product_single h1{
    text-transform: none;
}
.product_line{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    color: #6b7280;
    font-size: 13px;
}
.product_line span{
    width: 100%;
    float: left;
    color: #333;
    font-size: 16px;
    margin-top: 10px;
}
.product_line span.stt{
    color: #999EDD;
}
#tabsingle{
    background: #FFF5F8;
    border: 0;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#tabsingle ul{
    list-style: none;
}
#tabsingle.nav-tabs>li{
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0;

}


.description_singel_cont{
    width: 100%;
    float: left;
    border: 1px solid #DB88A4;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 20px;
}

.description_singel_cont span{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.btn_pri{
    float: left;
    background: #DB88A4;
    color: #fff;
    margin-right: 15px;
    padding: 7px 15px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #DB88A4;
}
.btn_pri:hover{
    text-decoration: none;
    background: #C06A86;
    color:#fff;
}
.btn_sec{
    float: left;
    background: #FFF;
    color: #DB88A4;
    margin-right: 15px;
    padding: 7px 15px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #F2EFF4;
}
.btn_sec:hover{
    text-decoration: none;
    background: #f7b1c8;
    color:#fff;
}
.list_chapter{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.row_chapter{
    margin-left: -5px;
    margin-right: -5px;
}
.col_chapter{
    width: 33.333%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.list_chapter .item{
    width: 100%;
    float: left;
    padding: 8px;
    height: 90px;
    border: 2px solid #999EDD;
   -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-bottom: 10px;
background: #fff;
    display: table;
    vertical-align: middle;
}
.list_chapter .item:hover{
    background: #f7f7f7;
}
.list_chapter .item a{
    color: #000;
    font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
      display: table-cell;
}
.list_chapter .item span{
color: #000;
    font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
      display: table-cell;
}
.post_single{
    width: 768px;
    margin: 0 auto;
}
.post_single_box{
    width: 100%;
    float: left;
}
.post_single_desc{
     width: 100%;
    float: left;
    padding: 30px;
    background: #fff;
    border: 1px solid #F3F4F6;
 -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-size: 18px;
line-height: 30px;
font-family: "Times New Roman", Times, serif;
text-align: justify;
position: relative;
}

.post_single_desc:before{
    content : "";
    display: block;
    position: absolute;
    background-repeat: repeat-y;
    background-image: url('../images/logo-xam1.png');
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity : 0.1;
    background-size: contain;
}
.post_single_desc p{
    margin-bottom: 20px;
    font-weight: normal;
}
.post_single_desc strong,.post_single_desc b{
    font-weight: normal;
    font-family: "Times New Roman", Times, serif;
}
.box_category h1.post_single_title{
margin: 0 0 15px;
    width: 100%;
    float: left;
    text-transform: none;
    color: #DB88A4;
    font-family: 'Montserrat-Bold';
    font-size: 28px;
    text-align: center;
}
.post_single_chapter{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.post_single_chapter select{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 60%;
    float: left;
    padding: 7px 15px;
}
.post_single_chapter .btn_pri{
    font-size: 13px;
    float: right;
    margin-right: 0;
}
.post_single_chapter > span{
    width: 20%;
    float: left;
    text-align: right;
}
.btn_prev{
    padding-right: 10px;
}
.btn_next{
    padding-left: 10px;
}
.post_single_btn{
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 20px;
}
.post_single_btn a.btn_pri{
    float: right;
    margin-right: 0;
}
a.btn_pri.btn_pri2{
    float: left;
    margin-right: 0;
}

.post_single_btn a.btn_sec{
    float: left;
    margin-right: 0;
}
.box_login{
    width: 450px;
    margin: 0 auto;
}
.login_box{
    width: 100%;
    float: left;
}
.login_box #tabsingle{
    height: 31px;
}
.login_box #tabsingle.nav-tabs>li{
    width: 50%;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.login_box #tabsingle.nav-tabs>li> a{
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
}
.login_box #tabsingle.nav-tabs>li:hover{
        color: #fff;
    cursor: default;
    background-color: #DB88A4;
    border: 0px solid #ddd
}
.login_box #tabsingle.nav-tabs>li:hover a{
        color: #fff;
    cursor: default;
    background-color: #DB88A4;
    border: 0px solid #ddd
}
.login_boxcont{
    width: 100%;
    float: left;
    margin-top: 15px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #E2E8F0;
padding: 20px;
}
.login_line{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.login_line_input{
    width: 100%;
    float: left;
    margin-bottom: 15px;
    position: relative;
}
.login_line_input span{
    width: 100%;
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    color: #000;
}
.login_line_input input{
       border: 1px solid #DB88A4;
    width: 100%;
    float: left;
    padding: 8px 15px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
}
.btnshow{
    position: absolute;
    right: 0;
    top: 25px;
    text-align: center;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    background: #DB88A4;
    color: #fff;
}
.btnshow:hover{
    background: #DB88A4;
}
.btnhide{
    position: absolute;
    right: 0;
    top: 25px;
    text-align: center;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    background: #DB88A4;
    color: #fff;
}
.btnhide:hover{
    background: #DB88A4;
}
.login_line button{
    width: 100%;
}
.login_line a{
    width: 100%;
    text-align: center;
}
.login_boxcont .description_singel_tit{
    font-size: 20px;
}


.register_boxcont{
    width: 100%;
    float: left;
    margin-top: 15px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #E2E8F0;
padding: 20px;
}
.register_boxcont .description_singel_tit{
    font-size: 20px;
    color: #999EDD;
}
.register_boxcont .login_line_input input{
    border: 1px solid #999EDD;
}
.register_boxcont button[type="submit"]{
    background: #999EDD;
}
.login_box #tabsingle li.active:nth-child(2){
    background: #999EDD;
}
.login_box #tabsingle li.active:nth-child(2) a{
    background: #999EDD;
}
.linerror{
    width: 100%;
    float: left;
    color: red;
}
.userinfo{
    width: 36px;
    float: right;
    position: relative;
    cursor: pointer;
}
.userinfo_name{
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: right;
    background: #DB88A4;
    color: #fff;
    text-align: center;
    font-size: 19px;
    padding-top: 5px;
    margin-top: -8px;
}
.userinfo ul{
    width: 225px;
    position: absolute;
    top: 33px;
    right: 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

border: 1px solid #E2E8F0;
list-style: none;
padding: 0;
margin: 0;
display: none;
}
.userinfo.actived ul{
    display: block;
}
.userinfo ul li{
    width: 100%;
    float: left;
    border-bottom: 1px solid #E2E8F0;
    text-align: left;
}
.userinfo ul li a{
    width: 100%;
    float: left;
    text-align: left;
    padding: 5px 15px;
    font-size: 13px;
    color: #333;
}
.userinfo ul li a i{
    padding-right: 10px;
}
.box_account{
    width: 768px;
    margin: 0 auto;
}
#popup-thanhtoan{
    width: 850px;
    margin: 0 auto;
    position: relative;
}
.popup_box{
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #E2E8F0;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 15px 30px;
}
.popup_title{
    width: 100%;
    float: left;
    text-align: center;
    color: #C02BA2;
    font-size: 25px;
}
.list_step{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.list_step ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.list_step ul li{
    width: 50%;
    float: left;
    text-align: center;
}
.list_step ul li span{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #D1D5DB;
    display: inline-block;
    padding-top: 15px;
}
.list_step ul li p{
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #333;
}
.list_step ul li.active span{
    background: #D97BDA;
}
.list_step ul li.active p{
    color: #D97BDA;
}
.list_step1{
    width: 100%;
    float: left;
}
.step_cnt{
    width: 100%;
    float: left;
    background: #FBF5FE;
    border: 1px solid #FBCFE8;
    
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 15px;
}
.step_box{
    width: 100%;
    float: left;
    background: #FFF;
    border: 1px solid #FBCFE8;
    
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 15px;
}
.step_box .title{
    font-size: 18px;
    margin-bottom: 5px;
}
.step_line{
    width: 100%;
    float: left;
    margin-bottom: 8px;
    font-size: 14px;
}
.step_line span{
    width: 100%;
    float: left;
    font-size: 18px;
    color: #DB2777;
}
.step_line img{
    width: 200px;
}
.step_boxhd{
        width: 100%;
    float: left;
    background: #FBF5FE;
    border: 1px solid #FBCFE8;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 15px;
    font-size: 16px;
}
.step_boxhd a{
    color: #DB2777;
}
.step_btn{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}
.step_btn a{
    margin: 0 auto;
    float: none;
}
.mfp-close {
    color: #DB2777;
}
#btn_buy{
    cursor: pointer;
}
.step_msg{
    width: 100%;
    float: left;
    color: blue;
    margin-top: 5px;
}
.description_form{
    width: 100%;
    float: left;
}
.product_line_inp{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.product_line_inp span{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.product_line_inp input{
       border: 1px solid #DB88A4;
    width: 100%;
    float: left;
    padding: 8px 15px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
}
.product_line_inp textarea{
       border: 1px solid #DB88A4;
    width: 100%;
    float: left;
    padding: 8px 15px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
}
#report_btn{
    cursor: pointer;
}
.box-comment{
    width: 100%;
    float: left;
}
.box-comment .note{
    width: 100%;
    float: left;
    text-align: center;
}
.box-comment .note a{
    color: #DB88A4;
}
.box-comment .userinfo{
    float: left;
    text-align: left;
    width: 10%;
}
.box-comment .userinfo .userinfo_name{
    float: left;
}
.wrap-comment{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.comment_input{
    width: 90%;
    float: left;
}
.line_comment{
    width: 100%;
    float: left;
}
.line_comment textarea{
       border: 1px solid #DB88A4;
    width: 100%;
    float: left;
    padding: 8px 15px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
}
#list-cmt{
    width: 100%;
    float: left;
    margin-top: 30px;
}
#mess-comment{
    width: 100%;
    float: left;
    color: red;
    margin-top: 5px;
}

.comment_message,
.input_name {
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 100%;
    float: left
}

.commentss {
    width: 100%;
    float: left;
    margin-top: 30px
}

.box-comment {
    width: 100%;
    float: left
}

.comment_message {
    height: 80px
}

.line_comment {
    width: 100%;
    float: left
}


.space-y-4{
    width: 50%;
    float: left;

       border: 1px solid #DB88A4;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
}
.main{
    width: 100%;
    float:left;
}
.btn_prevmb{
    display: none;
}
.btn_prevds{
    display: block;
}
.home_desk{
      width: 100%;
    float:left;
    display: block;
}
.home_mobi{
      width: 100%;
    float:left;
    display: none;
}