﻿.owl-carousel.owl-loaded {
    display: block; }

ul.tab-home{padding:10px 0;}
ul.tab-home li a{line-height:180%;padding-left:0px;}
.margt-5{margin-top:5px;}
.margt-10{margin-top:10px;}
.margt-20{margin-top:20px;}
.margt-30{margin-top:30px;}
.margt-40{margin-top:40px;}
.margb-10{margin-bottom:10px;}
.margb-20{margin-bottom:20px;}
.margb-30{margin-bottom:30px;}
.margb-40{margin-bottom:40px;}
.padt-10{padding-top:10px;}
.padt-20{padding-top:20px;}
.padt-30{padding-top:30px;}
.padt-40{padding-top:40px;}


.tab-container{position:relative;}
.tab-container .tab-panel{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;}
.tab-container .active{opacity:1;visibility:inherit;position:inherit;-vendor-animation-duration:0.3s;-vendor-animation-delay:1s;-vendor-animation-iteration-count:infinite;}

.popular-tabs .owl-carousel .owl-controls .owl-buttons .owl-next{top:-14px;}
.popular-tabs .owl-carousel .owl-controls .owl-buttons .owl-prev{top:-14px;left:inherit;}
.popular-tabs .nav-tab{margin:0;padding:0;}
.popular-tabs .nav-tab{margin:0;border-bottom:1px solid #eaeaea;overflow:hidden;}
.popular-tabs .nav-tab li{list-style:none;display:inline;border-bottom:3px solid #ccc;margin-right:2px;height:45px;line-height:45px;float:left;padding:0;}
.popular-tabs .nav-tab li:hover, .popular-tabs .nav-tab li.active{border-bottom:3px solid #005ca1;}
.popular-tabs .nav-tab li:hover a, .popular-tabs .nav-tab li.active a{color:#333;}
.popular-tabs .nav-tab li a{font-size:16px;text-transform:uppercase;color:#333;font-weight:bold;}
.popular-tabs .tab-container{padding-top:30px;}
.popular-tabs .product-list li .left-block{}
.popular-tabs .product-list li{border:1px solid #eaeaea;padding-bottom:10px;overflow:hidden;}

.call-now a {
    background: url(../image/call-now.gif) 0 0 transparent;
    position: fixed;
    bottom: 5px;
    left: 5px;
    width: 200px;
    height: 66px;
    display: block;
    z-index: 999;
}



/* Outer */
.popupdt {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.75);
    z-index:99999;
}

/* Inner */
.popup-inner {
    max-width: 400px;
    width: 90%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
}

/* Close Button */
.popup-close {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: rgba(0,0,0,0.8);
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #fff;
}

    .popup-close:hover {
        -webkit-transform: translate(50%, -50%) rotate(180deg);
        transform: translate(50%, -50%) rotate(180deg);
        background: rgba(0,0,0,1);
        text-decoration: none;
    }

.popup-inner img {
    max-width: 100%;
}

.popup-inner h2{text-align:center; text-transform:uppercase; color:#8E0609;font-size:15pt;}
.popup-inner table{ font-weight:bold}

.support-ajax {
    padding: 5px;
}

.sTable thead td {
    text-align: center;
}

.sTable thead td {
    background: #EFEFEF;
    border-bottom: 1px solid #CBCBCB;
    border-left: 1px solid #CBCBCB;
    color: #878787;
    font-size: 14pt;
    font-weight: normal;
    padding: 6px 8px 4px;
}

    .sTable thead td a {
        color: #878787;
    }

    .sTable thead td:first-child {
        border-left: medium none;
    }

.sTable .checker {
    float: none;
    margin: 0 auto;
}

.sTable tbody tr {
    border-top: 1px solid #E4E4E4;
}

    .sTable tbody tr:nth-child(2n) {
        background-color: #F6F6F6;
    }

.sTable tbody td {
    border-left: 1px solid #E4E4E4;
    padding: 8px 12px;
    vertical-align: middle;
}

    .sTable tbody td:first-child {
        border-left: medium none;
    }

.sTable tbody tr:first-child {
    border-top: medium none;
}

.tang500k{
    background:url("../image/tang500k.png") center bottom no-repeat transparent;
    position:absolute;
    width:100%;
    height:100%;
    bottom:35px;
    left:0;
    background-size:contain;
}


@media only screen and (max-width: 780px) {
.popup-inner {
    max-width: 80%;
    width: 90%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 10px;
    background: #fff;
}

.vietnetmedia-alo-phone{
    right:-50px; bottom:-50px
}
}