body{font-family:"MyriadPro-Regular", Arial, sans-serif }
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
        url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
        url('../fonts/myriadpro-regular-webfont.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Uvncommercialsi;
    src: url(../fonts/uvncommercialsi.ttf);
}

@font-face {
    font-family:'MyriadPro-Semibold';
    src:url(../font/MyriadPro-Semibold.otf);
}

@font-face {
    font-family:'MyriadPro-bold';
    src:url(../font/MyriadPro-Bold.ttf);
}
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('../fonts/myriadpro-cond-webfont.eot');
    src: url('../fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/myriadpro-cond-webfont.woff') format('woff'),
        url('../fonts/myriadpro-cond-webfont.ttf') format('truetype'),
        url('../fonts/myriadpro-cond-webfont.svg#MyriadPro-BoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fancybox-gallery:hover .image-hover {
	opacity:.65;
}
.bg-main, .fancybox-gallery:hover .image-hover, .nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li.active>a:focus, .nav-tabs-03.nav-tabs>li.active>a:hover, .box-step ul li.active .demo-icon, .nav_title li a::before, .box-product-style2 h3:before, .title_style2 h3::after, .opticon-select li:hover .btn-ver,.opticon-select li.active .btn-ver, .nav-tabs-01 .nav-tabs li.active span, .list-bank li label:before{background-color:#008c16;}
.color-main, .box-style-1 .demo-icon:before, .bottom-download span, .cart-order .dropdown-toggle span.number, .view-style .btn-view.active, .nav li.active a, .nav_desktop ul li:hover ul li a:hover, .title-product a:hover, .title-desc-detail, .nav-tabs-01 .nav-tabs li span .demo-icon, .nav-tabs-01 .nav-tabs li.active i.icon-dot-circled, .nav_desktop ul li.sub-menu-style2 ul li a:hover, .nav_desktop ul li.sub-menu-style2:hover ul li a:hover, .breadcrumb > .active, .newsletter .btn-default{ color:#49ab74;}
.thub-image .item:hover img,.thub-image .item.active img{border:1px solid #ed1c24;}
.nav-tabs-01 li.active .arrow-left::after, .nav-tabs-01 li.active .arrow-left::after { border-right-color: #ed1c24;}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {color:#ed1c24}

.btn-main, .btn-primary, a.btn-primary{ background-color:#ed1c24;border: 1px solid #ed1c24; color:#fff;}
.btn-main.focus, .btn-main:focus, .btn-main:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #ea0009;
    border-color: #ea0009;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a{background-color:#0a4b8d; border-color: #0a4b8d;}
.btn-icon:hover{color: #ed1c24;border-color: #ed1c24}
.btn-primary, a.btn-primary{ color:#fff;}
.bg-default {background-color:#383838;}
/*.btn-default {background-color:#383838;border: 1px solid #383838; color:#fff;}*/
.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #e3e3e3;
    border-color: #ea0009; color:#ea0009;
}
.jslider .jslider-bg i, .jslider .jslider-pointer {background: url(../images/jslider.png) no-repeat 0 0;}
.jslider .jslider-pointer {
    background-position: 0 -60px;
}
.box-product-style2 .nav_title li {padding: 0 15px 0 0;}
.box-product-style2 .nav_title li a::before {display:none}
.box-product-style2 .nav_title li a {
    text-transform: inherit;
    font-weight: normal;
    font-size: 15px;
}
.box-product-style2 .tab-product .nav_title{ border:none; margin:0;}

.map-adress1 h3, .map-adress2 h3 {
    color:#fff
}
.exchange-rate {
    color: #008c16;
}
.weather-content h4.title, .weather-content span {
    display:none;
}
.nav_desktop li.sub-menu-style1:hover a {
    background: #158880;
    color:#fff;
  
}
#header > div > .container {
    border-bottom: 4px solid #008c16;
}
.side-bar-left .nav li a:hover  {
    background: #119326;
    color:#fff;
}
.list-support .item p.name {
    color: #008c16;
    padding: 15px 15px 0 15px;
    margin:0px;
}
.list-support .item p.list-icon {
    padding: 15px 15px 0 15px;
}

.item-blogs .item-blogs {
    border: 1px solid #158880;
    padding:10px;
}
/**** endfix lech hang san pham khi height sp k bang nhau***/


/*.bg-main,.title-category{background-color: #009b00;}
.btn-main{background-color: #009b00; border-color:#009b00}
.color-main{ color:#01ae01 !important;}


.nav_title li a::before,.bg-red,.box-product-style2 h3:before,.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span,.btn-black-2:hover{ background-color: #009b00;}

.title_style2 h3::after,.box-step ul li.active .demo-icon,.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{ background-color:#009b00;}

.btn-main.focus ,.btn-main:focus,.btn-main:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn-view-more:hover,.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a,.opticon-select li:hover .btn-ver,.opticon-select li.active .btn-ver {
    background-color: #009b00;
    border-color: #009b00;
}

.title-nav-left-p{border-color: #009b00;}

.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #e3e3e3;
    border-color: #009b00; color:#009b00;
}


.color-main, .owl-theme .owl-controls .owl-buttons div:hover:before,.box-product-style2 .nav_title li.active a,.box-product-style2 .nav_title li a:hover,.link-color-main,.tab-nav-left li.active a,.nav li.active a,.cart-order .dropdown-toggle span.number,.title-product a:hover,.nav_desktop ul li:hover ul li a:hover,.item-tab-nav-left:hover,#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a,.box-style-1 .demo-icon:before{ color:#01ae01 !important;}

.link-color-main:hover,.box-product-style2 .nav_title li a:hover,.menu-footer-vertical a:hover,.item-link-lienquan:hover,.title-blogs-item a:hover,.view-style .btn-view.active,.title-desc-detail{ color:#009b00}

.border-top-color-main{ border-top-color:#009b00 !important;} */

.sidebar-content-box ul li {
    list-style:none;
}
.sidebar-content-box .content {
    padding: 20px 0px 0px 15px;
}
.sidebar-content-box.item-counter .title {
    font-family: Arial, Helvetica, sans-serif;
    background: #008c16 !important;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    font-weight:700;
}
.my-nas h4 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #008c16;
    padding: 10px;
}
.my-nas h4 {
    border-bottom: 1px solid #008c16;
}
.info .title-blogs-item {
    margin: 10px 0 10px 0;
    height: auto;
}

.nav li a {
    padding: 10px;
}
.pull-left h3 a{
    padding:10px;
    background-color:#008c16;
    color:#fff;
}
.slider-video-home h4 {
    display:none;
}
.col-sm-3 .slider-video-home h4 {
    font-family: Arial, Helvetica, sans-serif;
    background: #008c16!important;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    display:block;
}
.ngoi-song-home ul.nav_title li {
    color:#fff;
    display: block;
    float: none;
    padding: 10px;
    background-color: #008c16;
}
.ngoi-song-home ul.nav_title li { 
    padding:0px;
}
.control-label.no-padding-right {padding:10px 0;}

.info-contact-bisinist .title-menu-ft, .info-contact-bisinist .address-ft p , .info-contact-bisinist .about-desc {
    color:#333;
}

#tel-1 {
    top: 71%!important;
}
#tel-2 {
    top: calc(71% + 65px)!important;
}


.sp-cl .col-sm-6:nth-child(2n+1){
    clear: both;
}
.ckeditor-post img {
    object-fit: cover;
    height: auto;
}
.list-item .item-product .info {text-align: center;}

.bottom-detail-product .tab-content table {
    width:auto!important;
}
.box_location  .title_style4 h3 {
    font-size: 13px;
    line-height: 25px;
}
#frm-send-contact .form-group .form-control {
    color: #000;
}
#contact-adress .col-sm-4:nth-last-child(odd){
    display: none;
}
.title_style4 h3 {
    display: inline-block;
    margin-left: 10px;
}
.title_style4 [class^="icon-"]:before, [class*=" icon-"]:before {
    margin-left: -0.1em!important;
}

.address-ft p:first-child {
    font-size: 12.5px;
}
#main .box_content.clearfix.padding-t-15 img {
    height:auto!important;
    width:auto!important;
}
.item-customer img {
    height:150px
}

@media(min-width:1200px){
        .box-search .form-inline input.form-control{ width:310px;}
        
        }
/****fix lech hang san pham khi height sp k bang nhau trang list sp va search sp***/
@media(min-width:992px){
        .top-product-mon .col-xs-6:nth-child(3n+1){clear: both;}
        /*.list-item:nth-child(3n +1){ clear: both; }*/
        .search-product .list-item:nth-child(3n +1){ clear: none; }
        .search-product .list-item:nth-child(4n +1){ clear: both; }
    }

@media(max-width:1200px){
    
    #header .logo {
        padding-left: 0px;
        padding: 15px 0px 0px 20px;
    }
    
    table.bg {
        padding:0px;    
    }
    .item-customer img {
        height:100px
    }
}
@media(max-width:992px){
        .row-about-1 {padding:0px;}
         .content-tab-product .title-product a {
            font-size: 12px;
        }
        .product-detail .product-left-right .media >div:first-child {
            height: 70px;
        }
    }
@media(max-width:991px){
        .top-product-mon .col-xs-6:nth-child(2n+1){clear: both;}

}
@media(max-width:768px){
    .bottom-detail-product .tab-content span {
        font-size: 9px!important;
    }
     #header .logo {
        padding: 15px 0px 0px 20px;
        .menu-footer-vertical {
            padding: 0px 15px;
        }
        .box-ft {
             margin-bottom: 5px;
        }
    }
    #mySidenav a {
        left: -146px!important;
        padding: 10px!important;
    }
    #mySidenav a i {
        margin-left: 24px!important;
    }
    .media-body .media-heading a {
        font-size: 12px;
    }
     .item-customer img {
        height:150px
    }

}
@media(max-width:767px){

        .hotline{ padding:0; margin-top:-50px; text-align:right;}
        #main_img img {
            padding: 30px;
        }
        .media-body .media-heading a {
            font-size:14px;
        }

    }
@media(max-width:480px){
    .hotline{ margin:0px 0; text-align:left;}
    .img-blogs img {
         min-height: 50px;
    }
    .media-body .media-heading a {
        font-size:9px;
    }

}


#weather-id {
    background: url(/uploads/plugin/custom_img/2017-12-01/custom-bg-thoitiet.gif) repeat-x #fff;
}
.temp {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.icon-weather {
    margin-top: 10px;
    width: 80px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
}
.Cloudy-And-Not-As-Warm {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/07.svg);
}
.Mostly-Cloudy {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/06.svg);
}
.Pleasant-And-Warmer {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/04.svg);
}
.Some-Sun-Then-Turning-Cloudy {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/06.svg);
}

.Cloudy-With-A-Little-Rain {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/12.svg);
}
.Low-Clouds {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/08.svg);
}
.Sun-And-Some-Clouds {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/03.svg);
}
.Sunny {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/01.svg);
}
.Mostly-Sunny {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/02.svg);
}
.A-Couple-Of-Thunderstorms {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/17.svg);
}
.Partly-Cloudy {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/36.svg);
}
.Rain-In-The-Afternoon {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/25.svg);
}
.A-Little-Icy-Mix {
    background: url(https://vortex.accuweather.com/adc2010/images/slate/icons/26.svg);
}