<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Cormorant+Upright:300,400,500,600,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');



 body {

     font-family: Roboto,Arial,sans-serif;

}

 .clear {

     clear: both;

}



.col-md-75.col-sm-12.pull-left .container {

    width: 100% !important;

}

.col-md-9 .container {

    width: 100% !important;

}





 textarea{

     font-family: Roboto,Arial,sans-serif;

}

 ul{

     list-style: none;

     padding: 0;

     margin: 0;

}

 input, button{

     outline: none;

     border: none;

}

 .red{

     color: #f00 !important;

}

 .yellow{

     color: #ff0 !important;

}

 .bold{

     font-weight: 700 !important;

}

 .border_none{

    border: none!important

}

 a, a:visited, a:hover, a:focus {

     text-decoration: none;

}

 img {

     vertical-align: middle;

}

 img, iframe{

     max-width: 100%;

     border: none;

}

 .mgt0{

    margin-top: 0 !important

}

 .mgt10{

    margin-top: 10px !important

}

.container {background: #fff}

 .layer{

    position: absolute;

}

 .slider{

    position: relative;

    overflow: hidden;

}

 .company_name{

    color: #0E5841;

    margin-top: 6px

}

 header{

     position: relative;

     z-index: 9 

}

.header_top, .header_top .container{

     background: #f6f6f6;

}

.header_top {

    padding: 9px 0;

}

 #header_top_info{

     float: right;

     color: #5e5d5d;

     padding: 2px 0;

}

 #header_top_info li{

     display: inline-block;

     padding: 0 12px;

     font-size: 13px;

     color: #5e5d5d 

}

 #header_top_info li a{

    color: #5e5d5d

}

 #header_top_info li:first-child i{

     font-size: 14px;

}

 #header_top_info li:first-child span{

    font-size: 14px

}

 #header_top_info li i{

     margin-right: 14px;

     color: #0E5841;

     font-size: 12px;

     vertical-align: middle;

}

 #header_top_info li img{

    margin-right: 14px;

}

 #header_top_info li span{

    vertical-align: middle;

    font-size: 14px

}

 #header_top_info li strong{

     font-size: 18px;

     font-weight: normal;

    color: #cf0a00;

    vertical-align: middle;

}

 #header_top_info li strong a{

    color:#cf0a00 

}

.header_logo_search_cart{

    padding: 20px 0

}

.header_logo_search_cart, .header_logo_search_cart .container {

    background: #fff

}

.company_logo_img{

    max-height: 60px

}

.shadow_logo {

    text-shadow: 4px 3px 0px #fff, 6px 4px 0px rgba(0,0,0,0.15)

}

.text1_logo {

  font-size: 54px;

  margin: 0;

  line-height: 100%;

  color: #0E5841

}

.text2_logo {

  font-size: 18px;

  color: #222;

  margin: 0;

}

.group_search{

    margin-top: 13px;

    width: 100%

}

.group_search input{

    border-radius: 0;

    color: #6e6e6e;

}

.group_search select{

    background: #f3f3f3;

    width: 30% !important;

    cursor: pointer;

}

.group_search div{

    width: 70%

}

.group_search #keyword{

    padding-left: 30px;

    padding-right: 45px;

}

.group_search #keyword::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

     font-style: italic;

     color: #b7b7b7 

}

.group_search #keyword::-moz-placeholder {

    /* Firefox 19+ */

     font-style: italic;

     color: #b7b7b7 

}

.group_search #keyword:-ms-input-placeholder {

    /* IE 10+ */

     font-style: italic;

     color: #b7b7b7 

}

.group_search #keyword:-moz-placeholder {

    /* Firefox 18- */

     font-style: italic;

     color: #b7b7b7 

}

 .header_cart {

    padding-right: 20px

}

 .s_cart{

    width: 50px;

    height: 50px;

    background: #f49103;

    border-radius: 50%;

     line-height: 50px;

}

 .s_cart i{

    font-size: 19px;

    color: #fff;

    vertical-align: middle;

}

 .txt_cart{

    margin-left: 10px

}

 .txt_cart p{

    margin-bottom: 0

}

 .txt_cart &gt; p &gt; a{

    color: #676767

}

 .txt_cart p:first-child{

    margin-top: 6px

}

 .txt_cart p:last-child{

    color: #0E5841;

    font-size: 18px;

}

 #btn_search {

     position: absolute;

     top: 2px;

    right: 10px;

    z-index: 9;

    font-size: 16px;

     font-size: 13px;

     color: #2a2a2a;

     border-radius: 0;

     border: none;

     outline: none;

     background: transparent;

     padding: 6px 12px 

}

.group_search i{

    color: #0E5841;

}

 #btn_search:hover{

     background: #fff;

}

 #carousel-slider .carousel-indicators li{

    margin: 0 3px;

    vertical-align: middle;

}

 #carousel-slider .carousel-indicators li:not(.active){

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

    border: none;

    width: 15px;

    height: 15px

}

 #carousel-slider .carousel-indicators li.active{

    width: 20px;

    height: 20px;

    position: relative;

    background-color: rgba(255,255,255,0)

}

 #carousel-slider .carousel-indicators li.active:before{

    content: "";

    position: absolute;

    top:5px;

    left:5px;

    width: 8px;

    height: 8px;

    background: #fff;

    border-radius: 50%

}

 #carousel-slider .carousel-inner&gt;.item&gt;a&gt;img {

     width: 100%;

}

 #carousel-slider .carousel-indicators{

    z-index: 1

}

/*Menu*/

 .main_menu {

    background: #0E5841;

    height: 100%

}

.main_menu .container {

    background: #0E5841

}

 .category_menu{

    background: #1b6faa;

    color: #fff;

    position: relative;

    height: 40px;

    line-height: 40px;

    cursor: pointer;

}

 .category_menu i{

    position: absolute;

    font-size: 19px;

    top: 12px;

    left: 22px

}

 .category_menu span{

    font-size: 18px;

}

 .box_main_menu{

    position: relative;

}

 #category_menu{

    width: 23.1%;

    position: relative;

}

 .categories-list-box{

     position: absolute;

     top: 40px;

     width: 100%;

     background: #fff;

     border: 1px solid #dcdcdc;

     z-index: 1000;

     display: none;

     overflow: hidden;

}

 #category_menu:hover .categories-list-box{

    display: block;

}

 .categories-list-box ul &gt; li{

     border-bottom: 1px solid #dcdcdc;

}

 .categories-list-box ul &gt; li:last-child{

    border: none

}

 .categories-list-box ul &gt; li &gt; a{

     padding: 7px 10px 8px 10px;

     display: block;

     position: relative;

     color: #525252;

     font-size: 13px;

}

 .categories-list-box ul &gt; li.active &gt; a{

    color: #0E5841

}

 .categories-list-box ul &gt; li &gt; a span{

    vertical-align: middle;

}

 .categories-list-box ul &gt; li &gt; a span.glyphicon{

     position: absolute;

     right: 7px;

     top: 50%;

     margin-top: -5px;

     color: #cfcfcf;

     font-size: 10px 

}

 .categories-list-box ul &gt; li &gt; a &gt; img{

    margin-right: 10px;

    width: 22px

}

 .categories-list-box ul &gt; li &gt; a &gt; i{

    margin-right: 5px;

    font-size: 9px;

    vertical-align: middle;

    color: #b20505

}

 .categories-list-box ul &gt; li:hover &gt; a, .categories-list-box ul &gt; li:hover &gt; a &gt; i{

    color: #0E5841

}

#box_left_element, #box_right_element {

    background: #fff

}

 #box_left_element .categories-list-box, #box_right_element .categories-list-box {

    position: static;

    display: block;

}

 .main_menu_nav{

     line-height: 40px;

}

 .main_menu_nav ul li{

     float: left;

     position: relative;

}

 .main_menu_nav ul li a{

     display: block;

     padding: 0 14.5px;

     color: #fff;

     font-weight: 700;

     font-size: 14px;

     position: relative;

}

 .main_menu_nav ul li a &gt; i{

    font-size: 20px;

    vertical-align: middle;

}

 .main_menu_nav ul li a span{

    margin-left: 5px

}

 .main_menu_nav ul li a.active, .main_menu_nav ul li:hover &gt; a, .main_menu_nav ul li a:focus{

     color: #ffeb3b;

}

 /* .main_menu_nav ul li &gt; a.active:before, .main_menu_nav ul li:hover &gt; a:before, .main_menu_nav ul li a:focus:before{

     position: absolute;

     content: "";

     bottom: 0px;

     left: 0;

     width: 100%;

     height: 2px;

     background: #ffeb3b;

 } */

 .main_menu_nav li &gt; ul{

     display: none;

     position: absolute;

     top: 40px;

     left: 0;

     width: 200px;

     background: #0E5841;

     z-index: 10000;

     line-height: 100%;

     font-size: 12px;

     box-shadow: -1px 1px 3px 0 #565353;

}

 .main_menu_nav li &gt; ul &gt; li{

     float: none;

}

 .main_menu_nav li &gt; ul &gt; li:last-child a{

    border: none;

}

 .main_menu_nav li &gt; ul &gt; li &gt; a{

     color: #fff;

    display: block;

    padding: 12px 10px;

    border-bottom: 1px solid #dcdcdc;

    font-size: 13px;

    font-weight: 400;

    white-space: nowrap;

    overflow: hidden;

}

 /* .main_menu_nav li ul &gt; li:hover{

    background: #ffeb3b

 }

 .main_menu_nav li ul &gt; li:hover a{

    color: #525252

 } */

 .main_menu_nav li:hover &gt; ul{

     display: block;

}

 .main_menu_nav li &gt; ul &gt; li &gt; ul{

     display: none;

     position: absolute;

     top: 0;

     left: 200px;

     width: 200px;

     background: #0E5841;

     z-index: 10000;

     line-height: 100%;

     font-size: 12px;

     box-shadow: -1px 1px 3px 0 #565353;

}

 .main_menu_nav li &gt; ul &gt; li:hover ul{

     display: block;

}

 .main_menu_nav li &gt; ul &gt; li &gt; ul &gt; li &gt; ul{

     display: none;

     position: absolute;

     top: 0;

     left: 200px;

     width: 200px;

     background: #0E5841;

     z-index: 10000;

     line-height: 100%;

     font-size: 12px;

     box-shadow: -1px 1px 3px 0 #565353;

}

 .main_menu_nav li &gt; ul &gt; li &gt; ul &gt;li:hover ul{

     display: block;

}

/*Statistics*/

 #statistics{

    padding: 15px 0;

}

 .box_statistic{

    border-right: 1px solid #ddd

}

 .img_statistic{

    width: 40px;

    margin-top: 2px

}

 .img_statistic &gt; span{

    font-size: 36px;

    color: #d33c3c

}

 .txt_statistic{

    width: calc(100% - 40px);

    color: #636363;

    font-weight: 700;

}

 .txt_statistic p{

    margin-bottom: 0

}

 .txt_statistic p:last-child{

    color: #d54747;

    font-size: 18px;

    font-weight: 400

}

/*list_product_hot*/

 #list_product_hot{

    margin: 25px 0

}

 .box_product_hot{

    width: 25%;

    height: 195px;

    position: relative;

}

 .box_product_hot img{

    width: 100%

}

 div.bginfo {

     display: block;

     overflow: hidden;

     -ms-opacity: 0;

     opacity: 0;

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

     width: 100%;

     height: 100%;

     padding: 10px;

     line-height:1.8em;

     color: #fff;

     position: absolute;

     top: 0;

     left: 0;

     z-index: 99;

     -webkit-transition: all .5s ease;

     -moz-transition: all .5s ease;

     -o-transition: all .5s ease;

     -ms-transition: all .5s ease;

     transition: all .5s ease;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     filter: alpha(opacity=0);

     text-align:justify;

}

 div.bginfo:hover{

     background: rgba(0,0,0,.5);

     -ms-opacity: 1;

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     filter: alpha(opacity=100);

     -khtml-opacity: 1;

}

 #list_product_hot &gt; .container &gt; div:nth-child(odd) &gt; div:nth-child(even) div.bginfo:hover {

     background: rgba(223,141,24,.7);

}

 #list_product_hot &gt; .container &gt; div:nth-child(even) &gt; div:nth-child(odd) div.bginfo:hover {

     background: rgba(223,141,24,.7);

}

 div.bginfo_pr {

     display: block;

     overflow: hidden;

     -ms-opacity: 0;

     opacity: 0;

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

     width: 100%;

     height: 100%;

     padding: 10px;

     line-height:1.8em;

     color: #fff;

     position: absolute;

     top: 0;

     left: 0;

     z-index: 99;

     -webkit-transition: all .5s ease;

     -moz-transition: all .5s ease;

     -o-transition: all .5s ease;

     -ms-transition: all .5s ease;

     transition: all .5s ease;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     filter: alpha(opacity=0);

     text-align:justify;

}

 div.bginfo_pr:hover{

     background: rgba(180,19,19,.5);

     -ms-opacity: 1;

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     filter: alpha(opacity=100);

     -khtml-opacity: 1;

}

 .box_add_to_cart_pr{

     display: table;

     width: 100%;

     height: 100%;

}

 .add_to_cart_pr{

    display: table-cell;

    vertical-align: middle;

}

 .add_to_cart_pr &gt; span{

    width: 48px;

    height: 48px;

    line-height:48px;

    border-radius: 50%;

    background: #df2929;

    color: #fff;

    font-size: 24px;

    display: inline-block;

}

 .label_percent{

    background:#0E5841;

    border-radius:50%;

    top:16px;

    left:21px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-size: 12px

}

 .add_to_cart{

    color: #fff;

    width: 96px;

    height: 22px;

    right: 23px;

    bottom: 14px;

}

 .add_to_cart i{

    font-size: 24px;

    margin-right: 6px

}

 .box_product_hot_name{

    display: table;

    width: 100%;

    height: 100%

}

 .box_product_hot_name_info{

    display: table-cell;

    vertical-align: middle;

    color: #fff;

    padding-left: 19%;

    line-height: 18px

}

 .hot_pr_name{

    font-weight: 700

}

 .new_price{

    font-size: 16px;

}

 .old_price{

    font-size: 12px;

    text-decoration: line-through;

}

/*New company*/

 .new_company_txt{

    font-size: 24px;

    color: #0E5841;

    font-weight: 700;

}

 .box_new_company{

    margin-top: 15px;

    padding: 25px 0 15px;

    background: #ebebeb

}

.box_new_company .container {

    background: #ebebeb !important

}

 #box_logo_company{

    padding: 0 25px

}

 .name_company{

    padding: 8px 10px 0;

}

 .name_company &gt; a{

    color: #535353

}

 .logo_company{

    display: inline-block;

    vertical-align: top;

    width: 100%;

    position: relative;

    background: #fff;

}

 .box_img_partner{

     width: 156px;

     height: 156px;

     position: relative;

     margin: auto;

}

 .box_img_partner img{

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     top: 0;

     margin: auto;

     max-width: 100%;

     max-height: 100%;

     width: auto !important;

}

 div.box_logo_company.owl-theme .owl-dots .owl-dot span {

     width: 11px;

     height: 11px;

     margin: 5px 2px 0;

     background: #fff;

     border: 1px solid #0E5841;

     display: block;

     -webkit-backface-visibility: visible;

     transition: opacity .2s ease;

     border-radius: 30px;

}

 div.box_logo_company.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

     background: #0E5841;

}

 .box_logo_company.owl-theme .owl-nav .owl-prev{

     position: absolute;

     top: 50%;

     left: 0;

     padding: 0;

     font-family: FontAwesome;

     background: transparent;

     color: #f00;

    font-size: 50px;

     margin: 0;

    margin-top: -35.5px;

}

 .box_logo_company.owl-theme .owl-nav .owl-prev:before{

    content: "\f104";

}

 .box_logo_company.owl-theme .owl-nav .owl-next{

     position: absolute;

     top: 50%;

     right: 0;

     padding: 0;

     font-family: FontAwesome;

     background: transparent;

     color: #f00;

    font-size: 50px;

     margin: 0;

    margin-top: -35.5px;

}

 .box_logo_company.owl-theme .owl-nav .owl-next:before{

    content: "\f105";

}

/*Content Index*/

.box_product_hot_index{

    background: #fff;

    padding-bottom: 20px;

}

 .title{

    padding-bottom:9px;

    border-bottom:1px solid #eee;

    position:relative

}

 .title h1,.title h2{

    margin:0;

    line-height:30px;

    color:#0E5841;

    padding-left:12px;

    border-left:3px solid #0E5841;

    font-weight:bold;

    font-size:16px;

    text-transform:uppercase

}

 .title h1 a,.title h2 a{

    color: #0E5841

}

 .view_all_product{

    color:#fff;

    position:absolute;

    top:0;

    right:0;

    padding:0 10px;

    line-height:30px;

    text-transform:uppercase;

    font-size:12px;

    background:#0E5841

}

 .view_all_product:hover{

    color:#fff

}

 .title_bar{

    padding-top:5px;

    padding-bottom:9px;

    border-bottom:1px solid #eee;

    position:relative;

}

 .title_bar h1,.title_bar h2{

    margin:0;

    line-height:25px;

    color:#0E5841;

    padding-left:12px;

    border-left:3px solid #0E5841;

    font-weight:700;

    font-size:18px;

    text-transform:uppercase

}

 #box_content_index{

    margin-top: 15px

}

 .box_left_index{

    padding-bottom: 25px

}

 .title_left{

    line-height: 39px;

    background: #0E5841;

    font-weight: 700;

    color: #fff;

    margin-bottom: 1px

}

 .title_left_red{

    background: #c13d3d

}

 .title_left_blue{

    background: #439c35

}

 .list_cate_index{

    color: #797474fc

}

 .list_cate_index a{

    color: #797474fc;

    padding: 0 15px;

}

 .list_cate_index a:first-child{

    padding-left: 0

}

 .box_category_index{

    padding: 8px 0 15px

}

 .list_product_index{

    margin-top: 15px

}

 .box_product{

     margin-top: 15px;

     border: 1px solid #ebebeb;

     padding: 10px 

}

 .box_product &gt; a {

     display: inline-block;

     vertical-align: top;

     width: 100%;

     position: relative;

}

 p.price_percent{

    margin:0;

    position: absolute;

    top: 15px;

    right: 15px;

    width: 34px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    color: #fff;

    font-size: 13px;

    border-radius: 50%;

    background: #da2929;

     display: block;

}

 .box_product_img{

     width: 242.5px;

     height: 242.5px;

     position: relative;

     margin: auto;

}

 #page2 .box_product_img{

    width: 203px;

    height: 203px

}

 #page3 .box_product_img, #page4 .box_product_img{

    width: 240px;

    height: 240px

}

 .box_product_img img{

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     top: 0;

     margin: auto;

     max-width: 100%;

     max-height: 100%;

     width: auto !important;

}

 .box_product_img:hover img {

     transform: scale(1.1);

     transition: all .5s;

     opacity: .95;

}

 .box_product_name{

    margin-top: 10px;

    margin-bottom:3px;

    height:40px

}

 .box_product_name a{

    color: #282828;

    display: block

}

 .product_price_new{

    font-size: 16px;

    color: #ff4a4a

}

 .product_price_old{

    font-size: 14px;

    color: #9e9e9e;

    text-decoration: line-through;

    height: 20px

}

 .box_product_price_cart {

     display: flex;

     margin-top: 7px;

     width: 100%;

     height: 40px;

}

 .box_product_price{

     width: 50%;

     color: #388e3c;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

     font-size: 16px;

     text-align: left;

}

 .box_product_price_cart p{

     margin-bottom: 0;

     line-height: 20px 

}

 .box_product_price .product_price{

    margin-top: 10px

}

 .price_v1_old {

     font-size: 14px;

     color: #9e9e9e;

     text-decoration: line-through;

}

 .price_v1 {

     font-size: 16px;

     color: #d50000;

}

 .btn_cart{

     width: 50% 

}

 .btn_cart span{

     float: right;

     height: 34px;

     line-height: 35px;

     cursor: pointer;

     border-radius: 4px;

     border: none;

     outline: none;

     text-transform: uppercase;

     font-size: 14px;

     background: #f49103;

     color: #fff;

     text-align: center;

     padding: 0 10px;

     margin-top: 3px 

}

 .btn_cart i {

     display: none;

     float: right;

     font-size: 30px;

     color: #07611c;

     margin-top: 5px;

     cursor: pointer;

}

 .list_product_index.owl-theme .owl-nav [class*=owl-] {

     width: 18px;

     height: 13px;

     text-indent: -9999px;

     margin: 5px 10px;

     background: none;

}

 .list_product_index.owl-theme .owl-nav .owl-prev{

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

}

 .list_product_index.owl-theme .owl-nav .owl-next{

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

}

/*Category news home*/

 #box_category_news{

    padding: 20px 0

}

 .title_news_cate {

    margin-bottom: 20px

}

 .title_news_cate a{

    font-size: 16px;

    color: #3f3f3f;

     font-weight: 700;

}

 .content_news_cate .media{

    margin-top: 17px;

    height: 100px;

}

 .content_news_cate .media-left{

    padding-right: 14px

}

 .content_news_cate .media-left img{

    max-width: none;

    width: 100px

}

 .content_news_cate .media-heading a{

    color: #434343

}

 .content_news_cate .media-body{

    position: relative;

}

 .content_news_cate .media-body .btn{

    font-size: 12px;

    padding: 4px 7px;

    background: #f49103;

    position: absolute;

    left: 0;

    bottom: 0

}

 .content_news_cate .media-body .btn i{

    font-size: 8px;

    margin-left: 5px

}

 .btn_view_all_news_cate{

    font-size: 12px;

    color: #0E5841;

    border-color: #0E5841;

    margin-top: 30px

}

 .btn_view_all_news_cate:hover, .btn_view_all_news_cate:focus{

    background: #fff!important;

    border-color: #0E5841!important;

    color: #0E5841!important

}

/*Kandan Takeo*/

 #kandan_takeo{

    padding: 45px 0;

    background: #f5f4f4

}

 #kandan_takeo .tab-content{

    margin-bottom: 20px

}

 .title_kandan_takeo{

    font-weight: 700;

    font-size: 24px

}

 .title_kandan_takeo a{

    color: #3f3f3f;

}

 #kandan_tab{

    display: inline-block;

    margin: 30px 0;

    font-size: 12px;

    border-bottom: 0

}

 #kandan_tab.nav-tabs&gt;li{

    margin-bottom: 0

}

 #kandan_tab li a{

    color: #434343;

    border-radius: 0;

    border: 1px solid #d8d8d8;

    background: #fff;

    margin-right: 20px;

    padding: 10px 21px;

}

 #kandan_tab li.active a{

    color: #fff;

    background: #0E5841;

    border: 1px solid #0E5841;

}

 .box_kanda_takeo{

    margin-bottom: 10px

}

 .box_kanda_takeo_img{

    padding: 11px;

    background: #fff;

     border: 1px solid #ebebeb;

}

 .box_kanda_takeo_img img{

    width: 100%

}

 .box_kanda_takeo_name{

    margin: 10px 0

}

 .box_kanda_takeo_name a{

    color: #434343

}

 .box_kanda_takeo a.btn{

    font-size: 12px;

    padding: 4px 7px;

    background: #f49103;

}

 .box_kanda_takeo a.btn.btn i{

    font-size: 8px;

    margin-left: 5px

}

/*News index*/

 .news_index{

    padding: 10px 0 20px;

    border-top: 8px solid #f6f6f6;

    background: #fff

}

.news_index .container {

    background: #fff !important

}

 .title_news_index{

    margin-bottom: 10px

}

 .title_news_index a{

    color: #3f3f3f;

    font-size: 24px;

    position: relative;

    font-weight: 700

}

 .title_news_index a:before{

    position: absolute;

    content: "";

    top: 10px;

    left: -180px;

    width: 162px;

    height: 1px;

    background: #5e86e6;

}

 .title_news_index a:after{

    position: absolute;

    content: "";

    top: 10px;

    right: -180px;

    width: 162px;

    height: 1px;

    background: #5e86e6;

}

 .media_news.media{

    margin-top: 17px;

    height: 130px;

    border: 1px solid #dadada

}

 .media_news .media-left{

    padding-right: 7px

}

 .media_news .media-left &gt; a{

     display: inline-block;

     vertical-align: top;

     width: 100%;

     position: relative;

}

 .media_news .media-left .box_media_img{

     width: 182px;

     height: 128px;

     position: relative;

     margin: auto;

}

 .media_news .media-left .box_media_img img{

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     top: 0;

     margin: auto;

     max-width: 100%;

     max-height: 100%;

     width: auto !important;

}

 .media_news .media-heading a{

    color: #535353;

    font-weight: 700;

    height: 37px;

    display: block;

}

 .media_news .media-body{

    padding: 10px 0

}

 .media_news .media-calendar{

    width: 89px;

}

 .media-content{

    width: calc(100% - 89px);

    padding-left: 8px

}

 .media-calendar-date{

    font-size: 30px;

    color: #0E5841;

    border-bottom: 1px solid #0E5841;

    line-height: 100%;

    padding-bottom: 6px

}

 .media-calendar-month{

    font-size: 16px;

    color: #0E5841;

    padding-top: 8px

}

 .media-calendar-box {

    padding-top: 20px

}

 .media_news .media-summary{

    font-size: 13px;

    color: #707070;

    height: 54px

}

 .btn_view_all_news{

    font-size: 12px;

    color: #ffad00;

    border-color: #ffad00;

    margin-top: 30px

}

.btn_view_all_news:hover, .btn_view_all_news:focus{

    background: #fff!important;

    border-color: #ffad00!important;

    color: #ffad00!important

}

.box_page {

    background: #fff;

    padding-bottom: 20px

}

#page1 .box_post {padding-top: 15px;background: #fff}

.box_post {background: #fff}

.fb-comment-area {background: #fff}

/*footer*/

footer{

    background: #0E5841;

}

.footer_middle .container, .footer_bottom .container {

    background: #0E5841;

}

.banner_partner{

    padding-top: 10px;

    border-top: 8px solid #f6f6f6;

    background: #fff

}

.banner_partner .container {

    background: transparent !important

}

 #footer_top{

     padding: 15px 0;

     background: #0071bb;

     color: #fff;

}

 #frm_newsletter label{

     font-size: 16px;

     margin-right: 30px;

}

 .box_input_newsletter{

     display: inline-block;

     padding: 2px;

     border: 1px solid #fff;

}

 #inputEmailNewsletter{

     background: none;

     border: none;

     color: #fff;

     font-style: italic;

     font-size: 13px;

     padding: 7px 12px;

}

 #inputEmailNewsletter::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

     color: #fff;

}

 #inputEmailNewsletter::-moz-placeholder {

    /* Firefox 19+ */

     color: #fff;

}

 #inputEmailNewsletter:-ms-input-placeholder {

    /* IE 10+ */

     color: #fff;

}

 #inputEmailNewsletter:-moz-placeholder {

    /* Firefox 18- */

     color: #fff;

}

 #btn_newsletter{

     font-size: 13px;

     color: #2a2a2a;

     padding: 7px 18px;

     border-radius: 0;

}

 .social_icon ul li{

     display: inline-block;

     padding: 0 5px;

}

 .social_icon ul li:last-child{

    padding-right: 0

}

 .footer_middle{

     padding: 30px 0 20px;

}

 .title_footer{

     position: relative;

     padding: 0 0 18px;

}

 .title_footer:before{

     content: "";

     position: absolute;

     bottom: 0;

     left: 0;

     width: 21px;

     height: 3px;

     background: #f69b0d;

}

 .title_footer h4{

     font-size: 16px;

     color: #fff;

     margin: 0;

     font-weight: 700;

}

 .content_footer_middle{

    margin-top: 25px;

}

 .content_company_info ul li{

     padding: 4px 0;

     width: 100%;

     color: #fff;

}

 .content_company_info ul li div{

    font-size: 13px;

}

 .content_company_info ul li span{

     vertical-align: middle;

     padding-left: 20px 

}

 .content_company_info ul li i{

     font-size: 12px;

     color: #f69b0d;

     vertical-align: middle;

}

 .content_company_info ul li a{

    color: #fff

}

 .footer_category a{

    display: block;

    color: #fff;

    padding: 4px 0;

    position: relative

}

 /* .footer_category a:hover{

    color: #f69b0d;

 }

 .footer_category a:hover:before{

    content: '';

    position: absolute;

    left: 0;

    top:7px;

    left: -11px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #ff8b00

 } */

 a.phone_ct{

    font-size: 22px;

    color: #ff9000 !important;

    font-weight: bold;

    vertical-align: middle;

}

 a.phone_ct:hover{

    color: #ff9000

}

 #copyright{

    width: 90%;

    font-size: 13px;

    color: #fff;

    margin:0;

    margin-top: 10px

}

 #copyright a{

    color: #fff;

}

 #company_category ul{

    width: 50%

}

 #company_category ul li, #company_fanpage ul li{

    padding: 5px 0;

    width: 100%

}

 #company_category ul li a,#company_fanpage ul li a{

    color: #fff;

    position: relative;

    display: block;

}

 #company_category ul li a:hover,#company_fanpage ul li a:hover{

    color: #f69b0d

}

 #company_category ul li a:hover:before, #company_fanpage ul li a:hover:before{

    content: '';

    position: absolute;

    left: 0;

    top:7px;

    left: -11px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #ff8b00

}

 #company_fanpage{

    margin-top: 20px

}

 .footer_bottom{

    border-top:1px solid #fff;

    padding-top: 20px;

    padding-bottom: 10px;

}

 .content_footer_bottom{

    padding: 9px 0;

    color: #fff;

    height: 52px

}

 .content_footer_bottom_border{

    border-right: 1px dashed #fff;

}

 .content_footer_bottom i{

    font-size: 35px;

    vertical-align: middle;

}

 .content_footer_bottom span{

    vertical-align: middle;

    padding-left: 4px

}

 .content_footer_bottom a{

    color: #fff;

    font-size: 18px;

    padding-left: 10px

}

 .content_footer_bottom i.icon-phone{

    font-size: 30px

}

 .content_footer_bottom i.icon-chat{

    font-size: 34px

}

 .price_require{

    padding-left: 0!important

}

 #website_link{

    background: #fff;

    position: relative;

}

 #website_link select{

    background: transparent;

    box-shadow: none;

    border: none;

    height: 32px

}

 #website_link .array_select_link{

    top: 3px;

    right: 3px;

    width: 25px;

    height: 26px;

    background: #0E5841;

    color: #fff

}

 #website_link .array_select_link span{

    margin-top: 6px;

    margin-left: 0

}

 .user_online{

    color: #fff;

}

 .user_online ul{

    padding-top:3px

}

 .user_online ul li{

    padding-top:5px;

    font-size:14px

}

 .user_online ul li:first-child{

    padding: 0

}

 .user_online ul li label{

    width:160px;

    font-weight:400;

    font-size: 13px

}

 .user_online ul li label:hover{

    box-shadow: none

}

 .user_online ul li:first-child label{

    font-size: 14px;

}

 .user_online ul li .box_number b{

    padding:0px 3px;

    border:1px solid #fff;

    margin-right:1px;

    font-weight: 400

}

/*Breadcrumb*/

 .breadcrumb{

    background: #f6f6f6;

    font-size: 13px;

    padding: 10.5px 15px;

    margin-bottom: 0

}

 .breadcrumb&gt;li+li:before{

    content: "\e250";

    font-family: 'Glyphicons Halflings';

    color: #737373;

    font-size: 9px;

    padding: 0 10px;

}

 .breadcrumb&gt;li&gt;a{

    color: #777

}

 .breadcrumb&gt;.active{

    color: #0E5841

}

/*Product*/

 .header_inner{

    box-shadow: none

}

 .box_left_element, .box_right_element{

    margin-bottom: 20px

}

 .title_bar_left, .title_bar_right, .title_bar_center{

    height:40px;

    line-height: 40px;

    background: #0E5841;

    color: #fff;

    font-size: 16px;

    padding: 0 18px;

}

.title_bar_center h1, .title_bar_center h2, .title_bar_center h3{

    margin-top: 0;

    margin-bottom: 0;

    padding: 0;

    line-height: 40px;

    color: #fff;

    font-size: 16px;

}

.title_bar_center h1 a, .title_bar_center h2 a, .title_bar_center h3 a {

    color: #fff;

    display: block;

}

 .product_sale_left{

    padding: 0 10px 20px;

    border:1px solid #ebebeb;

}

 .product_sale_left .media{

    margin-top: 15px;

    height: 90px;

}

 .product_sale_left .media-left{

    padding-right: 10px

}

 .product_sale_left .media-left img{

    max-width: none;

    width: 90px

}

 .product_sale_left .media-heading a{

    color: #434343;

    display: block;

}

 .product_sale_left .media-body{

    position: relative;

}

 .product_sale_left .media-body .product_price{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%

}

 #box_statistic_left{

    background: #f4f4f4;

    padding: 5px 18px;

}

 #box_statistic_left .img_statistic{

    width: 80px

}

 #box_statistic_left .img_statistic &gt; span{

    padding-left: 10px

}

 #box_statistic_left .txt_statistic{

    width: calc(100% - 80px);

}

 #box_statistic_left .box_statistic{

    padding: 20px 0;

    border-right: 0;

    border-bottom: 1px solid #ddd

}

 .banner_category{

    padding: 10px 0;

}

 .sort_product select{

    width: auto;

    display: inline-block;

    margin-left: 13px;

    color: #777;

    font-size: 13px;

    border-radius: 0;

    height: 30px;

    border: 1px solid #dcdcdc;

    cursor: pointer;

}

 .sort_product label{

    color: #777;

    font-size: 13px;

}

 .title_cate_product{

    font-weight: 700;

    font-size: 18px;

}

 .title_cate_product span{

    margin-left: 25px;

    font-size: 13px;

    color: #777;

    font-weight: 400

}

 .box_pagination{

    margin-top: 20px

}

 #breadcrumb_full {

    background: #f6f6f6

}

 #breadcrumb_full .breadcrumb{

    margin: 0;

    padding-left: 0

}

 .title_category{

    font-size: 24px;

    color: #2f2f2f;

    padding-bottom: 5px;

    margin-top: 15px;

}

 .title_category i{

    font-size: 28px;

    color: #ff8600;

    margin-right: 10px

}

 .title_category i, .title_category span{

    vertical-align: middle;

}

 .title_category_line{

    width: 53px;

    height: 2px;

    background: #0E5841;

    margin: auto;

}

 .list_category_child{

    margin: 10px 0 25px

}

 .category_bar a{

    display: block;

    border: 1px solid #dcdcdc;

    height:35px;

    line-height: 35px;

    padding: 0 30px;

    color: #434343;

    margin-top: 10px;

    position: relative;

    white-space: nowrap;

    text-overflow: ellipsis;

}

 .category_bar a:before{

    position: absolute;

    content: "";

    top: -1px;

    left: -1px;

    width: 5px;

    height: 35px;

    background: #0E5841

}

 .category_bar a:hover,.category_bar.active a{

    background: #f49103;

    color: #fff;

    border-color: #f49103

}

 #cloud-zoom-big{

    left:15px!important

}

 .product-view .product-img-box{

    margin-bottom:10px;

    position:relative

}

 .product-view .product-img-box .product-image{

    margin:0 0 13px

}

 .product-view .new-label{

    font-size:10px;

    color:#000;

    text-transform:uppercase;

    padding:0;

    text-align:center;

    display:block;

    position:absolute;

    top:10px;

    z-index:10000;

    font-weight:400;

    line-height:normal;

    width:45px;

    height:45px;

    line-height:45px;

    margin-top:1px;

    margin-left:10px;

    background:#fcec94;

    border-radius:30px

}

 .product-view .sale-label{

    font-size:10px;

    color:#fff;

    background:#d12631;

    text-transform:uppercase;

    padding:0;

    text-align:center;

    display:block;

    position:absolute;

    top:0;

    z-index:10000;

    font-weight:400;

    line-height:normal;

    border-radius:30px;

    width:45px;

    height:45px;

    line-height:45px;

    margin-top:5px;

    margin-left:10px

}

 .product-view{

    margin:10px auto auto;

    position:relative;

    z-index:0

}

 .product-collateral .box-collateral{

    margin:0 0 15px

}

 .product-essential .product-image.no-gallery{

    margin-left:auto

}

 .product-essential .product-image img{

    height:auto;

    width:100%

}

 .product-essential .button-viewall{

    position:absolute;

    left:5px;

    bottom:5px;

    text-indent:-999em;

    z-index:9999

}

 .custom-cart{

    display:inline-block;

    width:100%;

    margin:20px 0

}

 .product-view .product-shop .add-to-box button.button.btn-cart span{

    background:none;

    margin-left:5px;

    font-size:20px;

    font-weight:300

}

 .product-view .product-options-bottom button.button.btn-cart span{

    background:none;

    margin-left:5px

}

 .product-view .product-shop{

    margin-top:0;

    position:relative

}

 .product-view .product-name{

    font-size:24px;

    font-weight:700;

    color: #434343;

    padding-bottom:12px

}

 .product-view .product-description{

    padding: 5px 0;

    border-bottom:1px solid #ddd;

}

 .product-view .product-name h1{

    font-size:20px;

    margin:0 0 2px;

    text-align:left;

    line-height:1.2em;

    font-weight:700;

    color: #434343

}

 #bizweb-product-reviews{

    padding-bottom:10px

}

 .product-view .short-description{

    padding-bottom:5px;

    font-size:13px

}

 .product-view .short-description h2{

    font-size:11px;

    text-transform:uppercase;

    color:#333;

    margin-bottom:5px;

    font-weight:700

}

 .product-view .product-shop .add-to-box{

    padding:0;

    overflow:hidden;

    text-align:center;

    margin:1px 0 0;

    float:left;

    width:100%

}

 .product-options-bottom .add-to-cart{

    border-bottom:1px solid #ddd;

    border-top:1px solid #ddd;

    display:inline-block;

    float:left;

    margin:0;

    padding:6px 0 20px;

    position:relative;

    width:100%

}

 .add-to-box .add-to-cart{

    display:inline-block;

    float:left;

    margin:0;

    position:relative;

    width:100%

}

 .product-view .product-shop .add-to-box a:hover{

    text-decoration:none

}

 .product-view .product-shop .add-to-box .btn-cart{

    background:#eadaa3;

    color:#23170e;

    text-shadow:none;

    padding:10px 20px;

    margin-top:0;

    font-weight:300;

    transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;

    margin-left:0;

    border:none;

    font-size:20px;

    display:inline-block;

    float:left

}

 .product-view .product-shop .add-to-box .btn-cart:hover{

    background:#23170e;

    text-shadow:none;

    color:#fff

}

 .product-view .product-shop .product-options-bottom .btn-cart{

    background:#26C395;

    color:#fff;

    font-size:16px;

    text-shadow:none;

    padding:10px 20px;

    float:left;

    margin-top:0;

    font-weight:400;

    transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;

    margin-left:10px;

    border:none

}

 .product-view .product-shop .product-options-bottom .btn-cart:hover{

    background:#000;

    text-shadow:none;

    color:#fff

}

 .product-view .product-shop button.button.btn-cart:before {

     content: "\f07a";

     font-family: 'FontAwesome';

     margin-right: 10px;

}

 .product-view .product-shop .add-to-box .icon-basket{

    margin-right:5px

}

 .product-view .product-shop ul.add-to-links{

    margin:0;

    padding:0;

    margin-top:0;

    display:inline-block

}

 .product-view .product-shop .add-to-links li{

    display:inline-block;

    padding:0 7px 0 2px

}

 .product-view .product-shop .add-to-links li .separator{

    display:none

}

 .product-view .product-shop .add-to-links .link-wishlist:before{

    content:"\f004";

    font-family:FontAwesome;

    font-size:14px

}

 .product-view .product-shop .add-to-links .link-wishlist{

    color:#666;

    height:40px;

    margin-right:5px;

    padding:12px 0;

    text-align:center;

    transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;

    width:40px;

    text-transform:uppercase;

    font-size:11px

}

 .product-view .product-shop .add-to-links .link-wishlist:hover{

    padding:12px 0;

    height:40px;

    width:40px;

    color:#26C395;

    text-align:center

}

 .product-view .product-shop .add-to-links .link-compare:before{

    content:"\f012";

    font-family:FontAwesome;

    font-size:15px

}

 .product-view .product-shop .add-to-links .link-compare{

    color:#666;

    height:30px;

    padding:4px 5px 6px;

    text-align:center;

    transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;

    line-height:30px;

    background-color:#fff;

    border:none;

    width:auto

}

 .product-view .product-shop .add-to-links .link-compare:hover{

    color:#26C395;

    text-align:center;

    padding:4px 5px 6px;

    height:30px;

    line-height:30px;

    background:none

}

 .product-view .product-shop ul.add-to-links a{

    padding:0;

    margin:0

}

 .email-addto-box{

    display:inline-block;

    margin-top:10px

}

 .email-friend{

    font-size:12px;

    margin-right:0;

    margin-left:0;

    margin-top:8px;

    display:inline-block

}

 .email-friend a:before{

    content:"\f0e0";

    font-family:FontAwesome;

    font-size:14px;

    margin-right:7px

}

 .email-friend a{

    padding:13px 13px 12px;

    height:42px;

    width:42px;

    color:#666;

    text-align:center;

    transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;

    text-transform:uppercase

}

 .email-friend a:hover{

    color:#26C395;

    text-align:center

}

 .product-view .product-shop .ratings{

    padding:5px 0;

    margin:15px 0 0

}

 .product-view .product-shop .ratings .rating-links{

    margin-bottom:12px;

    display:inline

}

 .product-view .product-shop .no-rating{

    padding:12px 0;

    margin:15px 0 0

}

 .product-view .product-shop .price-box{

    border-bottom:1px solid #ddd;

    display:block;

    margin:0 0 10px;

    padding:0 0 5px

}

 .product-view .product-shop .grouped-items-table .price-box{

    border-bottom:0 solid #ddd;

    margin:0;

    padding:0

}

 .product-view .product-shop .price-box .old-price{

    margin-top:5px;

    display:block

}

 .product-view .product-shop .special-price{

    display:block;

    margin:5px 0;

    padding:0

}

 .product-view .product-shop .old-price .price{

    font-size:14px;

    color:#585858;

    font-weight:400

}

 .product-view .product-shop .add-to-box .add-to-cart label{

    display:block;

    float:left;

    margin-bottom:5px;

    text-align:left;

    text-transform:none;

    margin-right:8px

}

 .product-view .product-shop .price{

    font-size:25px;

    color:#23170e;

}

 .product-rate ul{

    width: 90px;

}

 .product-rate ul li{

    width: 18px

}

 .product-rate span{

    color:#6e6e6e;

    padding-left: 15px

}

 .product-rate ul, .product-rate span{

    vertical-align: middle;

}

 .summary-box{

    color:#6e6e6e;

}

 .add-to-cart .qty {

     padding: 0 5px 1px;

     height: 41px;

     border: 1px #ddd solid;

     text-align: center;

     margin-right: 5px;

     width: 80px;

}

 .add-to-cart .qty, .qty-holder .qty {

     background-color: #FFF;

     border: 1px solid #E0E0E0;

}

 .custom button.items-count{

    border:none;

    clear:both;

    color:#999;

    font-size:10px;

    line-height:normal;

    padding:12px 14px 9px 16px;

    text-align:center;

    line-height:18px

}

 .custom button.items-count.increase{

    margin-right:4px

}

 .custom button.items-count{

    background-color:#f5f5f5;

    border:1px #eaeaea solid;

    transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0

}

 .custom button.items-count:hover{

    background-color:#26C395;

    border:1px #26C395 solid;

    color:#fff

}

 .product_info{

    margin-top: 10px

}

 .product_info li{

    padding: 5px 0;

    width: 100%;

    padding-left: 22px;

    position: relative;

}

 .product_info li:before{

     position: absolute;

     top: 9px;

     left: 0;

     content: "\e250";

     font-family: 'Glyphicons Halflings';

     color: #f3775f;

     font-size: 9px;

}

 .product_info li &gt; span{

    padding-left: 20px;

    color: #505050

}

 .product_info li:first-child &gt; span &gt; a{

    font-size: 16px;

    color: #f37259;

    font-weight: 700

}

 .btn_view_address{

    color: #f7941d;

    font-weight: 700;

    border-color: #f7941d;

    font-size: 12px;

    padding: 3px 8px

}

 .btn_view_address:visited, .btn_view_address:hover, .btn_view_address:focus{

    color: #f7941d;

    border-color: #f7941d;

    background: #fff

}

 .product_info li .price_detail{

    font-weight: 700;

    font-size: 30px;

    color: #0E5841;

    position: relative;

    display: inline-block;

    width: calc(100% - 30px)

}

 .product_info li:nth-child(3) label, .product_info li:nth-child(5) label{

    vertical-align: top;

}

 .product_info li .form-control-static{

     width: 80px;

     padding-left: 12px;

     padding-right: 12px;

     border: 1px solid #e5e5e5;

     height: 40px;

     vertical-align: top;

}

 .product_info li button {

    border-radius: 0;

    padding: 0px 12px;

    background: #f49103;

    height: 40px

}

 .product_info li button i{

    font-size: 21px;

    vertical-align: middle;

}

 .product_info li button span{

    font-size: 18px;

    font-weight: bold;

    padding-left: 13px;

    vertical-align: middle;

    line-height: 40px

}

 .box_product_detail_price{

     position: absolute;

     top: -17px;

     left: 10px;

}

 .box_product_detail_price .product_price_old{

     float: left;

     margin-right: 15px;

     font-size: 18px;

}

 .box_product_detail_price .product_price_new{

     float: left;

     font-size: 18px;

}

#box_product_info {

    padding: 5px

}

 .share_face{

    margin-top: 15px

}

 .social_pr_detail{

    margin-top: 20px;

    padding-left: 10px

}

 .social_pr_detail a{

    color: #b7b4b3;

    font-size: 21px;

     padding: 9px;

    margin: 0 5px

}

 .social_pr_detail a:hover{

    color: #f37259;

    border-bottom: 1px solid #f37259;

}

 .box_product_detail{

    margin-top: 20px

}

 #pr_detail_tab{

    background: #f6f6f6;

    border:1px solid #e5e5e5;

}

 #pr_detail_tab.nav-tabs&gt;li{

    margin-bottom: 0

}

 #pr_detail_tab.nav-tabs&gt;li:before{

    position: absolute;

    content: "";

    width: 2px;

    height: 13px;

    background: #0E5841;

    top: 15px;

    right: -1px

}

 #pr_detail_tab.nav-tabs&gt;li&gt;a{

    color: #3b3b3b;

    padding: 10px 30px;

    margin:0;

    border: none

}

 #pr_detail_tab.nav-tabs&gt;li.active&gt;a, .nav-tabs&gt;li.active&gt;a:focus, .nav-tabs&gt;li.active&gt;a:hover{

    background: none;

    border:none;

    color: #0E5841

}

 #pr_detail_tab.nav-tabs&gt;li:last-child:before{

    position: static;

}

 #pr_detail_content.tab-content{

    padding: 15px 20px;

    color: #5e5e5e;

}

 #pr_detail_content.tab-content .tab-pane ul{

    font-size: 13px;

}

 #pr_detail_content.tab-content .tab-pane ul li{

    padding-bottom: 10px;

    position: relative;

    padding-left: 22px

}

 #pr_detail_content.tab-content .tab-pane ul li:before{

    content: "";

    position: absolute;

    top: 4px;

    left: 2px;

    width: 5px;

    height: 5px;

    background: #f59d21;

    border-radius: 50%

}

 #pr_detail_content.tab-content .tab-pane img{

    margin: 20px 0

}

 .department_info{

    padding: 10px 17px 20px;

    background: #f6f6f6;

    border: 1px solid #ebebeb;

}

 .department_name a{

    display:block;

    margin-right: 8px;

    margin-bottom: 10px

}

 .department_name span a{

    color: #505050;

    font-weight: bold;

}

 .department_address ul{

    padding: 5px 4px 0

}

 .department_address ul li{

    padding: 5px 0

}

 .department_address ul li span{

     vertical-align: middle;

     padding-left: 13px;

     width: calc(100% - 13px);

}

 .department_address ul li span a{

    color: #f37259

}

 .department_address ul li i{

     font-size: 13px;

     color: #eb5b2e;

     width: 13px;

     margin-top: 4px;

}

 .department_address ul li i.fa.pull-left{

    margin-right: 0

}

 #product_care{

    margin: 30px 0 20px

}

 .title_pr_care{

    color: #0E5841;

    font-weight: bold;

    font-size: 16px;

    position: relative;

}

 .title_pr_care span{

    position: relative;

    z-index: 1;

    background: #fff;

    padding-right: 8px

}

 .title_pr_care p{

    position: absolute;

    content: "";

    top: 9px;

    width: 100%;

    height: 1px;

    background: #d2d2d2

}

 .list_product_care{

    margin-top: 25px

}

 .list_product_care.owl-theme .owl-nav [class*=owl-] {

     width: 12px;

     height: 39px;

     text-indent: -9999px;

     margin: 0;

     background: none;

     position: absolute;

     top: 86px;

     left: -25px;

}

 .list_product_care.owl-theme .owl-nav .owl-prev{

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

}

 .list_product_care.owl-theme .owl-nav .owl-next{

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

     left: auto;

     right: -25px 

}

/*News*/

 #box_content_inner_news{

    margin-top: 30px

}

 .box_cate_news{

    padding: 2px 10px;

    border: 1px solid #ebebeb;

}

 .box_cate_news ul li{

    padding: 6px 0;

    width: 100%;

    border-bottom: 1px solid #b4e3f1

}

 .box_cate_news ul li:last-child{

    border: none

}

 .box_cate_news ul li a{

    font-weight: 700;

    font-size: 13px;

    color: #454545;

    padding-left: 23px;

    position: relative;

}

 .box_cate_news ul li a:before{

    content: "\e250";

     position: absolute;

    top: 2px;

    left: 3px;

     font-family: 'Glyphicons Halflings';

    color: #ef3050;

    font-size: 9px;

}

 .box_document{

    padding: 5px 10px;

    border: 1px solid #ebebeb;

}

 .box_document ul li{

    padding: 14px 0;

    width: 100%;

    border-bottom: 1px solid #e5e5e5

}

 .box_document ul li:last-child{

    border: none

}

 .box_document ul li a{

    font-size: 14px;

    color: #1567b3;

    position: relative;

    float: right;

    width: calc(100% - 16px)

}

 .box_document ul li a:before{

    content: "";

    position: absolute;

    left: -16px;

    top: 7px;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #f49103

}

 .view_more_document{

    margin: 20px 0 10px;

    font-size: 13px;

    color: #e75757

}

 .view_more_document i{

    padding-left:8px;

    font-size: 10px

}

 .title_news{

    font-weight: 700;

    color: #4d5152;

    font-size: 16px;

    padding-bottom: 7px;

    position: relative;

}

 .title_news:before{

    position: absolute;

    left:0;

    bottom:2px;

    content: "";

    width: 100%;

    height: 2px;

    background: #11c1f0

}

 .box_news_page{

    border: 1px solid #ededed;

    margin-top: 20px

}

 .ag_news_first_news{

    padding:13px 0 30px 13px;

}

 .ag_news_first_news h3{

    margin:14px 0 10px;

    font-size:18px;

    font-weight: 700

}

 .ag_news_first_news h3 a{

    color:#565252

}

 .ag_news_first_news p{

    font-size:14px;

    color:#7c7c7c

}

 .ag_news_first_news h3 i{

    font-size:11px;

    color:#999;

    font-weight: 400

}

 #first_pg_news{

    border-right: 1px solid #ededed

}

 .ag_news_right{

    padding:13px 13px 0 0;

}

 .ag_news_right .media{

    padding: 10px 0;

    border-bottom: 1px solid #dfdfdf;

    margin-top: 0

}

 .ag_news_right .media:first-child{

    padding-top: 0

}

 .ag_news_right .media:last-child{

    border: none

}

 .ag_news_right .media-left{

    padding-right: 14px

}

 .ag_news_right .media-left img{

    max-width: none;

    width: 103px

}

 .ag_news_right .media-heading a{

    color: #565252;

    font-size: 13px;

    font-weight: 700;

}

 .ag_news_right .media-body{

    position: relative;

}

 .ag_news_right .media-body .news_summary_right{

    font-size: 13px;

    color: #767676;

    position: absolute;

    left: 0;

    bottom: 0

}

 .ag_news_right .media-heading i{

    font-size:11px;

    color:#999;

    font-weight: 400;

    padding-left: 10px

}

 .news_grid{

    padding:10px;

    border: 1px solid #e3e3e3;

    margin-top: 20px

}

 .news_grid_photo{

     display: inline-block;

     vertical-align: top;

     width: 100%;

     position: relative;

}

 .box_img_news{

     width: 240px;

     height: 160px;

     position: relative;

     margin: auto;

}

 .box_img_news img {

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     top: 0;

     margin: auto;

     max-width: 100%;

     max-height: 100%;

     width: auto !important;

}

 .news_grid h4{

    font-weight: 700;

    font-size: 14px;

    line-height: 1.35;

    height: 35px

}

 .news_grid h4 a{

    color: #272727

}

 .news_grid p{

    font-size: 13px;

    color: #7c7c7c;

    height: 54px

}

 .news_grid .news_grid_date_view i{

    color: #999;

    font-size: 13px

}

/*enterprise*/

 #enterprise_page{

    margin-top: 25px

}

 #list_all_enterprise{

    padding: 45px 0

}

 .item_logo_company{

    margin: 15px 0;

    border:1px solid #ebebeb;

}

 .item_logo_company .item_logo_company{

    padding: 0

}

 .item_logo_company .name_company{

    padding: 8px 12px

}

 #enterprise_info{

    margin-top: 40px

}

 .enterprise_info_img_logo{

    border: 1px solid #ebebeb

}

 .enterprise_info{

    width: 61%

}

 .enterprise_info_img{

    width: 58%;

    padding: 6px;

    border-right: 1px solid #ebebeb

}

 .enterprise_info_logo{

    width: 42%

}

 .enterprise_info_logo img{

    margin-top: 29px

}

 .enterprise_info_logo h4{

    padding: 18px 16px 0;

    font-weight: 700;

    font-size: 14px;

    color: #eb5b2e

}

 .enterprise_info_element{

    width: 38%

}

 .enterprise_info_element ul li{

    padding: 7px 0;

    color: #4e4e4e

}

 .enterprise_info_element ul li:first-child{

    padding-top: 0

}

 .enterprise_info_element ul li div{

    width: 33px;

    height: 33px;

    line-height:33px;

    background: #f49103

}

 .enterprise_info_element ul li span{

     vertical-align: middle;

     padding-left: 17px;

     width: calc(100% - 50px);

     line-height: 33px 

}

 .enterprise_info_element ul li span a{

    color: #4e4e4e

}

 .enterprise_info_element ul li span a.enterprise_tel{

    color: #f37259;

    font-size: 24px

}

 .enterprise_info_element ul li i{

     font-size: 14px;

    color: #fff 

}

 .enterprise_info_element ul li i.fa-globe{

    font-size: 18px

}

 .enterprise_info_element ul li i.fa.pull-left{

    margin-right: 0

}

 .entersprise_number{

    margin-top: 13px;

    padding: 15px;

    font-size: 16px;

    color: #6a6a6a;

    border-radius: 4px;

    border: 1px solid #f7941d;

    display: inline-block;

}

 .entersprise_number span{

    padding-left: 36px;

    font-weight: 700;

    color: #f37259;

    font-size: 18px;

}

 .enterprise_about{

    padding: 45px 45px 30px;

    border: 1px solid #ebebeb;

    margin-bottom: 35px;

    margin-top: 30px

}

 .title_enterprise_about{

    font-size: 24px;

    font-weight: 700;

    color: #414141

}

div#box_content_inner .container .col-md-3 {width: 25%;float: left;}



div#box_content_inner .container .col-md-9 {width: 75%;float: right;}

 .content_enterprise_about{

    margin-top: 20px;

}

 .box_cate_product{

    padding: 2px 10px;

    border: 1px solid #ebebeb;

}

 .box_cate_product ul li{

    padding: 7px 0;

    width: 100%;

    border-bottom: 1px solid #e8e8e8

}

 .box_cate_product ul li:last-child{

    border: none

}

 .box_cate_product ul li a{

    font-size: 13px;

    color: #525252;

    padding-left: 23px;

    position: relative;

    display:block

}

 .box_cate_product ul li a:before{

    content: "\e250";

     position: absolute;

    top: 5px;

    left: 3px;

     font-family: 'Glyphicons Halflings';

    color: #f49103;

    font-size: 9px;

}

 .box_category_inner, .content_main{

    padding-top: 10px

}

#box_content_inner &gt; .container &gt; .row{

    padding: 20px 0;

}

 .banner_static_elm{

    margin-bottom: 20px

}

 .post_static{

    padding: 10px 5px

}

/*product detail img*/

 .box_product_photo_view{

     border: 1px solid #ddd;

     padding: 6px;

     -webkit-box-shadow: 0 0 10px #ddd;

     -moz-box-shadow: 0 0 10px #ddd;

     box-shadow: 0 0 10px #ddd;

    ;

     position: relative;

}

 .product_photo_img_link{

     display: inline-block;

     vertical-align: top;

     width: 100%;

     position: relative;

}

 .product_photo_img{

     width: 100%;

     position: relative;

     margin: auto;

}

 #page1 .product_photo_img {

     height: 541px;

}

 #page2 .product_photo_img {

     height: 338px;

}

 #page3 .product_photo_img, #page4 .product_photo_img {

     height: 395px;

} 

 .product_photo_img img {

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     top: 0;

     margin: auto;

     max-width: 100%;

     max-height: 100%;

     width: auto !important;

}

 .zoom_icon {

     position: absolute;

     background: url(../images/zoom.gif) no-repeat;

     margin: 20px;

     width: 14px;

     height: 14px;

     left: 0;

     bottom: 0;

     cursor: pointer;

}

 .box_product_photo_view:hover .zoom_icon{

     display: none;

}

 .img_pr_thumbnail{

     margin-top: 15px;

}

 .img_pr_thumbnail ul li{

     background: white;

     border: 1px solid #ddd;

     margin: 0px 8px 8px 0px;

     padding: 3px;

     float:left;

     opacity: 0.4;

}

 .img_pr_thumbnail ul li.pr_photo_active {

     webkit-box-shadow: 0 0 10px #ddd;

     -moz-box-shadow: 0 0 10px #ddd;

     box-shadow: 0 0 10px #ddd;

     opacity: 1;

}

 .product_thumb_img_link {

     display: inline-block;

     vertical-align: top;

     width: 100%;

     position: relative;

}

 .product_thumb_img {

     width: 120px;

     height: 120px;

     position: relative;

     margin: auto;

}

 .product_thumb_img img {

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     top: 0;

     margin: auto;

     max-width: 100%;

     max-height: 100%;

     width: auto !important;

}

/*etalage jquery*/

 #etalage li.etalage_zoom_area{

    z-index: 99;

    display: none !important;

}

 #etalage img{

    max-width: none !important

}

 #etalage img.etalage_thumb_image{

}

 #etalage .etalage_magnifier{

     background: none;

     border: 0;

     cursor: pointer;

     border: none !important;

}

 .etalage_zoom_preview{

    max-width: none !important;

    opacity: 1 !important;

}

/*Cart*/

 .cart-table td .product-image{

    display:block;

    width:150px;

    text-align:center

}

 .cart .page-title .checkout-types li{

    margin:0 0 5px

}

 .cart .title-buttons .checkout-types{

    float:right

}

 .cart .title-buttons .checkout-types li{

    float:left;

    margin:0 0 5px 5px

}

 .cart .checkout-types .paypal-or{

    margin:0 8px;

    line-height:2.3

}

 .cart .totals .checkout-types .paypal-or{

    clear:both;

    display:block;

    padding:8px 55px 0 0;

    line-height:1;

    font-size:11px

}

 .cart-table th{

    padding:2px 10px

}

 .cart-table td{

    padding:10px;

    vertical-align:middle

}

 .cart-table .item-msg{

    margin:5px 0;

    font-size:11px;

    font-weight:400;

    color:#df280a

}

 .cart-table tfoot td button.button{

    background:none

}

 .cart-table tfoot td button.button span{

    font-size:14px;

    color:#fff;

    float:right;

    margin:5px 12px 12px 0;

    padding:7px 12px;

    background:#27a247;

    border-bottom:2px solid green

}

 .cart-table .btn-continue{

    float:left

}

 .cart-table .btn-update,.cart-table .btn-empty{

    float:right

}

 .cart-table .btn-update{

    margin-left:10px

}

 .cart-table .item-options{

    margin:0;

    padding:5px 0 0

}

 .cart-table .product-name{

    padding-left:20px;

    margin:0;

    font-size:14px;

    text-align:left

}

 .cart-table .product-name a{

    color:#333

}

 .cart-table .cart-price{

    font-size:15px

}

 .cart-table input.qty{

    padding:5px;

    color:#444443;

    width:5em!important;

    background:none;

    border:1px solid #f2f2f2

}

 .data-table{

    width:100%

}

 .data-table th{

    padding:6px 10px;

    font-weight:400

}

 .data-table td{

    padding:6px 0

}

 .data-table td.sum_cart{

    padding:10px 0 15px;

    text-align:center;

    color:#333;

    font-size:14px

}

 .data-table thead th{

    font-weight:700;

    border-right:1px solid #f2f2f2;

    border-bottom:1px solid #f2f2f2;

    padding:10px;

    white-space:nowrap;

    vertical-align:middle;

    text-align:center;

    text-transform:capitalize

}

 .data-table thead th.wrap{

    white-space:normal

}

 .data-table thead th a,.data-table thead th a:hover{

    color:#fff

}

 .data-table thead th .tax-flag{

    font-size:11px;

    white-space:nowrap

}

 .data-table tfoot td{

    padding-top:1px;

    padding-bottom:1px;

    border-bottom:0

}

 .data-table tfoot strong{

    font-size:16px;

    font-weight:400

}

 .data-table tbody th,.data-table tbody td{

    border-bottom:1px solid #f2f2f2;

    border-right:1px solid #f2f2f2;

    text-align:center

}

 .data-table tbody.odd tr{

    background:#f8f7f5!important

}

 .data-table tbody.even tr{

    background:#f6f6f6!important

}

 .data-table tbody.odd tr td,.data-table tbody.even tr td{

    border-bottom:0

}

 .data-table tbody.odd tr.border td,.data-table tbody.even tr.border td{

    border-bottom:1px solid #d9dde3

}

 .data-table tbody td .option-label{

    font-weight:400;

    font-style:italic

}

 .data-table tbody td .option-value{

    padding-left:10px

}

 .form-checkout{

    margin-top: 15px

}

 .form-checkout label {

     font-weight: 400;

}

 form .alert{

     margin-bottom: 0;

     padding: 10px;

}

 .title_cate{

     padding-bottom: 9px;

     border-bottom: 1px solid #eee;

     position: relative;

}

 .box_btn_cart{

    margin-top: 15px

}

 .button-green {

     position: relative;

     display: inline-block;

}

 .button-green .group-icon {

     position: absolute;

     top: 0;

     left: 0;

     background-color: #0E5841;

     padding: 10px;

     display: inline-block;

     color: #fff;

     width: 36px;

     height: 36px;

     text-align: center;

}

 .button-green .group-title {

     background: #0E5841;

     padding: 10px 20px;

     text-transform: uppercase;

     color: #fff;

     position: relative;

     height: 36px;

     margin-left: 36px;

     display: inline-block;

     font-weight: 700;

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

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

}

 .button-red {

     position: relative;

     display: inline-block;

}

 .button-right .group-icon {

     right: 0;

     left: auto;

}

 .button-right .group-title {

     margin-left: 0;

     margin-right: 36px;

}

 .button-red .group-title {

     background: #b30506;

     padding: 10px 20px;

     text-transform: uppercase;

     color: #fff;

     position: relative;

     height: 36px;

     margin-left: 36px;

     display: inline-block;

     font-weight: 700;

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

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

}

 .button-red .group-icon {

     position: absolute;

     top: 0;

     left: 0;

     background-color: #c00;

     padding: 10px;

     display: inline-block;

     color: #fff;

     width: 36px;

     height: 36px;

     text-align: center;

}

 .input_qty {

     border: 1px solid #ccc;

     width: 80%;

     height: 34px;

     text-align: center;

     padding: 2px;

}

 #box_cart_inner{

    margin-top: 15px

}

 #shopping-cart-table thead{

    background-color:#f5f5f5

}

 .node-content{

    margin-top: 10px;

    padding: 5px

}

 p.time {

     font-size: 12px;

     margin-top: 10px;

     color: #333;

     font-style: italic;

}

 .block-related-news{

    margin-top: 15px

}

 .block-related-news .header{

    border-bottom:1px solid #d0d0d0;

    margin-bottom:10px

}

 .block-related-news .header &gt; h1.title,.block-related-news .header &gt; h2.title{

    font-weight:600;

    font-size:16px;

    color:#272727;

    text-transform:uppercase;

    border-bottom:2px #0E5841 solid;

    display:inline-block;

    padding-bottom:6px;

    margin:0

}

 .block-related-news .header &gt; h1.title a,.block-related-news .header &gt; h2.title a{

    color:#272727

}

 .list-news{

    list-style:none;

    margin:0 0 15px;

    padding:0

}

 .list-news li{

    display:block

}

 .block-related-news .list-news li &gt; a{

    font-size:14px

}

 .list-news li a{

    color:#6a6a6a;

    padding-left:13px;

    position:relative;

    display:block

}

 .list-news li a:before{

    content:"";

    position:absolute;

    left:0;

    top:7px;

    width:5px;

    height:5px;

    background-color:#0E5841

}

 .item_video{

    position:relative;

    text-align:center

}

 .item_video .play{

    position:absolute;

    top:50%;

    left:50%;

    margin-top:-21px;

    margin-left:-21px;

    width:42px;

    height:42px;

    z-index:1;

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

}

 .info_video{

    background:#0E5841;

    padding:5px;

    color:#fff;

    font-size:13px

}

 .info_video a{

    color:#fff;

    margin-bottom:5px;

    display:block;

    width:100%;

    font-size:14px

}

 .item_list_video{

    margin:15px 0

}

 .info_video_index{

    margin:5px 0

}

 .info_video_index a{

    color:#272727;

    font-size:15px;

    font-weight:500

}

 .info_clip{

    margin:5px 0

}

 .info_clip a{

    color:#000;

    font-size:14px;

    font-weight:500;

    height: 37px

}

.carousel-inner&gt;.item&gt;a&gt;img, .carousel-inner&gt;.item&gt;img {

    margin: auto;

}

.box_login_adm .text-success{padding: 0 10px 10px}

.box_login_adm .container {background: transparent; }

.box_login_adm .text-danger {margin-bottom: 10px}

.box_inline_element  {

    padding: 15px 0

}

footer .box_login_adm .text-success {color: #fff}

footer .box_login_adm .text-success a {color: #fff}

.footer_content{color: #fff;line-height: 25px}

.footer_3 {

    padding-top: 15px;

    border-top: 1px solid #fff;

}

.footer_3 .container {background: transparent;}

.footer_3 .social_icon{padding-top: 28px}

/*CONTACT*/

/*CONTACT*/

#content_company_info_contact{

    padding-bottom: 10px

}

#content_company_info_contact ul li{

     padding: 4px 0;

     width: 100%;

     color: #333;

}

 #content_company_info_contact ul li div{

    font-size: 13px;

}

 #content_company_info_contact ul li span{

     vertical-align: middle;

     padding-left: 10px 

}

 #content_company_info_contact ul li i{

     font-size: 12px;

     color: #f49103;

     vertical-align: middle;

}

 #content_company_info_contact ul li a{

    color: #333

}

/*Category multipe*/

/*Category multipe*/

.box-category{padding:5px 0;border: 1px solid #ebebeb;}

.box-category ul{list-style:none;margin:0;padding:0 10px}

.box-category &gt; ul &gt; li{display:block;position:relative;margin:0}

.box-category &gt; ul &gt; li.last{display:block;position:relative;box-shadow:0 0 0 #dbebf9,0 0 0 #FFF}

.box-category &gt; ul &gt; li:first-child{border-top:0}

.box-category .subDropdown{top:8px;right:0;position:absolute;cursor:pointer;font-size: 10px}

.box-category .subDropdown:hover{opacity:.9}

.box-category .subDropdown.plus:before{font-family: 'Glyphicons Halflings';content: "\002b"}

.box-category .subDropdown.minus:before{font-family: 'Glyphicons Halflings';content: "\2212"}

.box-category ul li a{display:block;font-weight:600;padding:8px 0}

.box-category ul li a span, .box-category ul li a i {vertical-align: middle;}

.box-category ul li.double a{display:inline-block;margin:0}

.box-category ul li{position:relative}

.box-category &gt; ul li {border-top: 1px solid #e8e8e8}

.box-category &gt; ul &gt; li &gt; a{color:#525252;text-transform:none;display:block;font-size:13px}

.box-category &gt; ul &gt; li &gt; a &gt; span {padding-left: 6px}

.box-category &gt; ul &gt; li ul{display:none;padding-bottom:0;padding-left:0;padding-right:0}

.box-category &gt; ul &gt; li &gt; ul li{padding:0}

.box-category &gt; ul &gt; li a.active{font-weight:500}

.box-category &gt; ul &gt; li &gt; a.active{color:#1b1009;margin-bottom:0}

.box-category &gt; ul &gt; li a.active + ul{display:block}

.box-category a:hover{text-decoration:none;color:#1b1009}

.box-category &gt; ul &gt; li ul &gt; li &gt; a{font-weight:500;border-bottom:0 solid #EAEAEA;font-size:12px;margin:0;padding:10px;text-decoration:none;color:#1b1009;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0}

.box-category &gt; ul &gt; li ul &gt; li &gt; a &gt; span{padding-left: 6px}

.box-category &gt; ul &gt; li ul &gt; li ul &gt; li &gt; a{font-weight:400;text-decoration:none;font-size:13px;padding:10px 16px;border-bottom:0 solid #EAEAEA}

.box-category &gt; ul &gt; li ul &gt; li ul &gt; li &gt; a &gt; span, .box-category &gt; ul &gt; li ul &gt; li ul &gt; li a &gt; i {vertical-align: middle;}

.box-category &gt; ul &gt; li ul &gt; li ul &gt; li &gt; a &gt; i {font-size: 6px}

.box-category &gt; ul &gt; li ul &gt; li ul &gt; li &gt; a:hover{color:#1b1009}

.box-category &gt; ul &gt; li ul &gt; li &gt; a:hover{color:#1b1009}

/* HOTLINE */

.phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;

cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;

-webkit-backface-visibility:hidden;

-webkit-transform:translateZ(0);

transition:visibility .5s;

}

.phonering-alo-phone.phonering-alo-show {visibility:visible}

.phonering-alo-phone.phonering-alo-static {opacity:.6}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}

.phonering-alo-ph-circle {width:180px;height:180px;top:-10px;left:20px;position:absolute;

background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);

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

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

transition:all .5s;

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

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

transform-origin:50% 50%

}

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

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

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

}

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

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

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

}

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

   border-color:#00aff2;

   opacity:.5

}

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

   border-color:#ec1d25;

   opacity:.5

}

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

   border-color:#00aff2;

   opacity:.5

}

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

   border-color:#ccc;

   opacity:.5

}

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

   border-color:#75eb50;

   opacity:.5

}

.phonering-alo-ph-circle-fill {width:120px;height:120px;top:20px;left:50px;position:absolute;background-color:#000;

border-radius:100%;border:2px solid transparent;

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

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

transition:all .5s;

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

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

transform-origin:50% 50%

}

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

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

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

}

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

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

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

   opacity:0!important

}

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

   background-color:rgba(39,45,107,0.5);

   opacity:.75!important

}

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

   background-color:rgba(39,45,107,0.5);

   opacity:.75!important

}

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

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

}

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

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

   opacity:.75!important

}

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

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

   opacity:.75!important

}

.phonering-alo-ph-img-circle {

   width:80px;

   height:80px;

   top:40px;

   left:70px;

   position:absolute;

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

   border-radius:100%;

   border:2px solid transparent;

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

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

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

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

   transform-origin:50% 50%

}



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

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

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

}



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

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

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

}



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

   background-color:#00aff2;

}



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

   background-color:#990B14;

}



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

   background-color:#e60f1e;

}



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

   background-color:#ccc;

}



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

   background-color:#75eb50

}



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

   0% {

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

       -webkit-opacity:.1

   }



   30% {

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

       -webkit-opacity:.5

   }



   100% {

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

       -webkit-opacity:.1

   }

}



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

   0% {

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

       opacity:.2

   }



   50% {

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

       opacity:.2

   }



   100% {

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

       opacity:.2

   }

}



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

   0% {

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

   }



   10% {

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

   }



   20% {

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

   }



   30% {

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

   }



   40% {

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

   }



   50% {

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

   }



   100% {

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

   }

}



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

   0% {

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

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

       opacity:.1

   }



   30% {

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

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

       opacity:.5

   }



   100% {

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

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

       opacity:.1

   }

}



@keyframes phonering-alo-circle-anim {

   0% {

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

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

       opacity:.1

   }



   30% {

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

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

       opacity:.5

   }



   100% {

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

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

       opacity:.1

   }

}



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

   0% {

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

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

       opacity:.2

   }



   50% {

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

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

       opacity:.2

   }



   100% {

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

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

       opacity:.2

   }

}



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

   0% {

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

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

       opacity:.2

   }



   50% {

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

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

       opacity:.2

   }



   100% {

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

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

       opacity:.2

   }

}



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

   0% {

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

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

   }



   10% {

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

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

   }



   20% {

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

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

   }



   30% {

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

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

   }



   40% {

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

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

   }



   50% {

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

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

   }



   100% {

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

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

   }

}



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

   0% {

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

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

   }



   10% {

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

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

   }



   20% {

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

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

   }



   30% {

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

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

   }



   40% {

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

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

   }



   50% {

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

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

   }



   100% {

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

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

   }

}

 @media (min-width: 768px){

     .price &gt; .panel-body{

         padding: 0 30px;

    }

}

 @media (min-width: 801px) and (max-width: 991px){

     .container{

        width: 100%;

    }

}

 @media (min-width: 992px){

     .col-md-25{

         width: 21%;

    }

     .col-md-75{

         width: 58%;

    }

     .col-md-25, .col-md-75 {

         padding-right: 10px;

         padding-left: 10px;

         min-height: 1px;

    }

     .price .panel-footer{

         padding: 20px 40px;

    }

     #box_register_service{

         width: 868px;

         margin: auto;

    }

     #reg_service_content{

         padding-bottom: 24px 12px;

    }

     #inputEmailNewsletter{

         width: 370px;

    }

     #website_necessary_title{

         width: 503px;

         margin: auto;

    }

     #content_website_necessary{

        width: 952px;

        margin: auto;

        margin-top: 30px

    }

     .book_tkw{

        margin-top: 65px

    }

     #list_website_necessary{

        position: relative;

        margin-left: -35px

    }

     #design_procedure_title{

        width: 336px;

        margin:auto;

    }

     #project_require{

        padding: 20px 0 25px

    }

}

 @media (min-width: 1024px){

     .label_percent{

        top: 6px;

        left: 20px

    }

}

 @media (min-width: 1200px){

     .col_left_index{

        width: 23.2%

    }

     .col_right_index{

        width: 76%;

        float: right;

    }

     li.moreview_thumb_active {

        left: 140px !important

    }

     #page2 .container{

        width: 1300px

    }

}

 @media (max-width: 1199px){

     #box_menu{

        width: 100%

    }

}

 @media (max-width: 1024px){

     #header_top_info li:first-child{

        padding-right: 12px;

        padding-left: 0

    }

     #statistics{

        padding-bottom: 0

    }

     #list_product_hot{

        margin-top: 10px

    }

     .box_product_hot_name_info{

        padding-left: 5%

    }

     .content_company_info ul li span{

        padding-left: 8px

    }

}

 @media (max-width: 991px){

     .box_product_hot{

        width: 50%

    }

     #box_logo_company{

        padding: 0

    }

     #kandan_takeo{

        padding: 25px 0

    }

     .btn_view_all_news_cate{

        margin-top: 10px

    }

     .user_online{

        /* float: left!important; */

        margin-top: 10px;

    }

     .company_name{

        font-size: 12px

    }

     #header_top_info li{

        padding: 0 5px

    }

     #header_top_info li i{

        margin-right: 10px

    }

     #header_middle{

        padding: 15px 0

    }

     .main_menu_nav ul li a{

        padding: 0 5px;

    }

     .news_cate_index{

        margin-bottom: 20px

    }

     .title_news{

        margin-top: 20px

    }

     .ag_news_right{

        padding: 13px

    }

     .enterprise_info {

        width: 100%

    }

     .enterprise_info_element {

        width: 100%;

        margin-top: 20px

    }

     .box_cate_product{

        margin-bottom: 20px

    }

     .box_list_product{

        margin: 0

    }

     .btn_cart span{

        display: none

    }

     .btn_cart i{

        display: block;

    }

}

 @media (max-width: 800px){

     .main_menu_nav ul li a {

         padding: 0 3px;

    }

}

 @media (max-width: 767px){

     .logo-header a img {

         height: 60px;

    }

     #header_mobile{

        padding: 5px 0

    }

     .header_cart{

        padding: 0

    }

     .mm-toggle-wrap {

        display: inline;

        cursor: pointer;

    }

     .form_search_index {

         margin: 0;

         padding: 0;

    }

     .s_cart{

        margin: auto;

        position: relative;

    }

     .s_cart .item_count{

        position: absolute;

        top:0;

        right: -5px;

        width: 20px;

        height: 20px;

        line-height:20px;

        background: #1e84cc;

        color: #fff;

        font-size: 12px;

        border-radius: 50%

    }

     .info_footer_middle{

        margin-bottom: 10px

    }

     .user_online{

        padding-bottom: 10px

    }

     .enterprise_info_img{

        width: 100%

    }

     .enterprise_info_logo {

        width: 100%

    }

    div#box_content_inner .container .col-md-3 {width: 100%;float: left;}



div#box_content_inner .container .col-md-9 {width: 100%;float: right;}

}

 @media (max-width: 600px){

     .media-calendar{

        display: none;

    }

     .media-content{

        width: 100%

    }

}

 @media (max-width: 480px){

     .col-ss-12{

         width: 100%;

    }

     .col-ss-6{

         width: 50%;

    }

     #website_link{

        margin-bottom: 10px

    }

     .label_percent{

        top: 5px;

        left: 5px

    }

}

 @media (max-width: 420px){

     .col-sss-12{

         width: 100%;

    }

     .box_product_hot {

        width: 100%

    }

     .logo_bct{

        float: left !important;

        margin-top: 10px

    }

     .logo-header a img{

        height: auto

    }

}

 @media (max-width: 380px){

     .media_news.media{

        height: auto

    }

     .media_news .media-left{

        padding-right: 0;

        padding-bottom: 10px;

        width: 100%;

        display: block;

    }

     .media_news .media-left img{

        width: 100%

    }

     .media_news .media-body{

        display: block;

        width: 100%;

        padding: 0 10px

    }

     .media_news .media-summary{

        height: auto;

    }

     .media-content{

        padding-left: 0

    }

     .social_icon ul li{

        padding: 0

    }

}

</pre></body></html>