/*   
Theme Name: Thiáº¿t káº¿ websitewordpress
Theme URI: http://thietkewebsitewordpress.net/
Description: I built this theme from ground up
Author: Bui Nguyen - 0973046358
Author URI: http://thietkewebsitewordpress.net/
Version: 256x


*/

label.installment {

    top: 5px;
    right: 5px;
display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    background: #fff;
    border-radius: 3px;text-transform: uppercase;
    padding: 0 5px 0 8px;
    margin: 1px 10px 0 5px;
    height: 18px;line-height: 20px;
    float: right;
    background: red;position: absolute;    display: block;
    height: 25px;
    line-height: 25px;
}.phukien-cat:nth-child(4n+1){clear:both}
.gia-xecu ins {    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    background: #EA4335;
    border-radius: 5px;
    text-decoration: none;
    font-weight: normal}
.gia-xecu {text-align:center;}
label.installment:before {
    content: '';
    width: 0;
    height: 0;
  border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 7px solid red;
    position: absolute;
    top: 0;
    left: -6px;
}label.installment:after {
    content: 'â€¢';
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.wp-pagenavi {text-align:center}
.left-xecu {float:left;width:50%;}
.phukien-cat ul {position: relative}
.scoll  {padding:10px 0;}
.modal-body ol li {    list-style-type: decimal;
    list-style-position: inside;padding-bottom:5px;}
.xe-mobile {float:left;width:50%;padding:5px;margin-bottom:15px;}.xe-mobile:nth-child(2n+1){clear:both}
.xe-mobile li:nth-child(2) a{font-weight:bold;display:block;padding:5px 0}.xe-mobile li:nth-child(3){color:red}
.menu-top .list-inline >li > a {padding:0}
.h2, h2 {font-size:18px;}
.gallery-item{padding:5px;}
.xe-update  ul li:nth-child(3){    color: #ff5300;font-size:17px}
.xe-update  ul li:nth-child(3) del {color:#999}
.xe-update  ul li:nth-child(2) a{display:block;font-size:18px;padding:5px 0}
.xe-update  ul {box-shadow: 0px 2px 3px 2px #ebebeb;padding:5px;border:1px solid #ededed;text-align:center;}
.right-xecu{float:right;width:50%;padding:15px;}
.ts-xe {padding:20px 0;}
.pad6 {margin:0 -8px;}
.pad6 > div {padding:8px;}
.ts-xe h3 {border-left:5px solid #0186C7;padding-left:10px;font-size: 18px;
    font-weight: bold;}
.content-xecu {background:#f2f2f2;}
.gia ins{color:red;}
.xe-in .owl-item .archive-sp{width:100%;}.gia-xecu{    font-weight: bold;margin-bottom:20px;}
.owl-prev,.owl-next {    position: absolute;
left: -35px;
    top: 22px;
    width: 50px;
    height: 56px;
    background: url(img/nb.png)no-repeat left top;
    font-size: 0;}.con-m li.hotline-menu a {font-size: 26px;
    color: red;
    padding: 0;}
.owl-next{left:auto;right:-35px;background-position:right center;}
*{margin: 0px;padding: 0px;line-height:1.5;}
body{color: #333;font-size: 14px;font-family: 'Roboto',  sans-serif;background:#fff;padding-top: 85px;}
.post-tags:nth-child(3n+1){clear:both}
#top{
    width: 50px; height: 50px;
    position: fixed; bottom: 10px; right: 10px;
    text-indent: -99999px;
    cursor: pointer;
    background: url(images/backtotop.png) no-repeat 0 0;
}ul{margin: 0}
.sori{position: absolute;top: -999px}
a {color: #333}
.logo img{height: auto;}
.mobile-menu {display: none}
#header {background:none;z-index:333333}.styleXE li {    list-style: disc inside !important;float:none !important;padding:0px !important;
    color: #333 !important;}

.activecar a{color:#333 !important;    color: #333;
    font-weight: normal;padding:0px !important;
    font-size: 12px;}
.list-inline li:hover .activecar {display:block !important;}
.activecar  {display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    box-shadow: 0 0 5px #999;
    background: #fff;
    width: 800px;
    color: #333;
    padding: 10px;}
.clear{clear:both}.overflow{overflow:hidden;}.floatleft{float:left;}.floatright{float:right;}.relative{position: relative;}.absolute{position: absolute;}
.center{text-align: center;}.bold{font-weight: bold;}a{text-decoration:none}img{max-width:100%;border:none;height: auto;}.uppercase{text-transform: uppercase;}
.auto{margin:0px auto;}.block{display: block;}.white{color:rgba(255, 255, 255, 0.73);;}
.clearfix:after{clear:both;content:".";display:table;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
.ajax-loader{height: 0px;}
.aligncenter{display: block;margin:0px auto 10px;}
a:hover, a:focus{
text-decoration: none; 
} #Hotline-bottom{
    background: #FF4D24;
    position: fixed;
    z-index: 99999;
    left: 8px;
    bottom: 0;

}
.Hotline-Email0{
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #17a2d4 url(img/email-icon.png) no-repeat left center; 
}
.Hotline-Email{
    
    padding-left:30px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
}
.Hotline-Email:hover{
    
  color:yellow;


}

.Hotline-Mobile0{
    display: inline-block;
    padding: 1px 12px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: url(img/phone-icon.png) no-repeat left center; 
}
.Hotline-Mobile{

  color: #fff;
  padding:10px 0 0 20px;
   font-size: 26px;
   font-weight: bold;
   vertical-align: middle;
   font-family:Tahoma;
}
.Hotline-Mobile:hover{
    
  color:yellow;


}
.phukien-cat.archive-child.post-tags .archive1 img {max-height:200px;}
.searchform {position: relative;}
.content-post ul {margin-left: 20px;}
#header .container{position: relative;}
.content-post ul li{list-style: inside}
li{list-style: none}
.logo {float: none;}.searching {float: right;}
.pullleft {float: left;padding-right: 10px;}
.top-footer {border-top: 1px solid #d7d7d7; padding-top: 10px;margin-top: 15px;}
.menu-top {background: #333333;}
.menu-top li a{display: inline-block; font-weight: bold;padding: 5px 8px;color: #fff;}
.menu-top li {float: left;position: relative;z-index: 333;color:#fff;font-weight:bold;padding: 5px 8px;}
.menu-top li span{    cursor: pointer;}
.menu-top li:hover .list-xe-child {display: block;}
.menu-top li .list-xe-child {    position: absolute;
    left: 0px;display: none;
    top: 100%;padding: 20px;box-shadow: 0 0 5px #333;
    width: 800px;
    background: #fff;}.menu-top li .list-xe-child ul:before{    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;}
.title-xecu {    position: relative;}
.title-xecu form {    position: absolute;
    right: 0px;
    top: 5px;}.title-xecu select {padding:6px 10px;border-radius:5px;}
    .menu-top li .list-xe-child ul {width: 33.3%;padding: 15px;text-align: center;    margin-top: 5px;
    vertical-align: middle;position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);float: left;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;} .menu-top li .list-xe-child ul:hover {    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);}
    .menu-top li .list-xe-child ul:hover:before {    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);}
     .menu-top li .list-xe-child ul a{color: #333}
.xe-cu-title {padding-bottom:15px;}
.logo{position: absolute;right: 0px;top: -30px;z-index: 333;}
#header {box-shadow: 0 0 6px #555;margin-bottom: 35px;background: #fff}
.con-m li{float: left;position: relative;}
.con-m li a{display: block;padding: 10px 20px;font-weight: bold;}.con-m li:first-child a ,.menu-top li:first-child a{padding-left: 0}
.breadcrumb a{font-weight: bold;}
.news-cat.archive-child {padding: 10px 0; border-bottom:  1px solid #f2f2f2}
 .news-cat.archive-child {border-bottom: 1px solid #999;padding: 20px 0}.archive-child .archive1 {position: relative;;float: left;width: 300px;margin-right: 20px;}
 .archive-child a{display: block;padding-bottom: 
        10px;    color: #0186c7;
    font-size: 16px;
        font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;text-align:center;}.archive-child a:hover {color: #f99116}
    .date-post {color: #999}
    .archive-child a.xt {float: right;padding: 5px;color: #fff;background: #0186c7;font-size: 13px;font-weight: normal;}
    .archive-child .archive1 i {    position: absolute;
    top: 50%;
    left: 50%;color: #fff;font-size: 30px;
    margin: -25px 0 0 -25px;
    opacity: 0;    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;}.archive-child .archive1:hover i {    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);} 
    .archive-child .archive1 a{padding: 0px;background: #000}
    .archive-child .archive1:hover img {opacity: 0.7;}
.widget .menu li li a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f101 ";
    padding-right: 5px;
}
.widget .menu li li a {
    display: block;
    padding: 10px 0 10px 25px;
    border-bottom: 1px dotted #ddd;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
    .sidebar  {padding-left: 0}
    .sidebar .menu > li > a{margin: 0px; padding: 10px 10px 10px 45px; background: url(http://xebmw.com.vn/wp-content/uploads/2016/03/series-1-1449634960.png) no-repeat 5px center ;border-bottom: 1px solid #ddd; display: block;background-size: 50px;font-weight: bold;}
   
    .sidebar .menu li a:before{content: ''}
     .widgettitle-all {margin: 0 ; background: #0186c7;padding: 10px;border-radius: 0px;color: #fff}.sidebar .menu {background: #f1f1f1}
     .archive-child:last-child{border-bottom: 0}
     .bg-h {background: #f2f2f2;height: 5px;line-height: 0}
     .bg-h span {display: inline-block;height: 5px; background: #0186C7;width: 100px;}
     .bvlq-t {font-size: 16px;}
     .cat-des img{margin-top: 15px;}
     .archive-sp {width: 25%;padding: 10px;text-align: center;margin:auto;}.archive-sp img{width: 100%;}
     .archive-sp .archive4 {color: #555;font-weight: bold;}.archive-sp .archive2 a{font-size: 16px;}
     .archive-sp ul {    vertical-align: middle;
    -webkit-transform: translateZ(0);position: relative;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;}
     .archive-sp ul:before{pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;}
    .archive-sp ul:hover:before {opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);}
    .archive-sp ul:hover {    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);}
    .title-xe {text-align: center;    font-size: 24px;
    color: #0186c7;}
    .single-format-aside {    background: url(img/bg_info.jpg) center top repeat-x;}
    .img-max {text-align: center;}
    .c1 , .mau{background: url(img/icon_gia.png) no-repeat left center; padding-left: 30px; font-weight: bold;padding-top: 5px;}
    .gia  strong {    font-size: 24px;
    color: #0186c7;}
    .mau {background-image: url(img/icon_mau.png);}
    .mau span {float: left;}
    .mau ul li {float: left;margin-left: 10px;}.mau ul li a img{height: 30px;width:auto}
    .mau ul li a.img-active img{border-radius: 50%;}
    .alignright {float: right;margin-left: 15px;}
    .alignleft{float: left;margin-right: 15px;}
    .boxtext img{max-width: 400px;}
    .tskt-title {text-align: center;padding:15px 0 ;font-size: 22px;color: #0186c7; text-transform: uppercase;font-weight: bold;}
    .metaslider  {margin: 15px auto !important}
    .nav-fix {position: fixed;top: 0px;width: 100%;z-index: 333;}
    .list-check{position: fixed;right: 0px;top: 150px;}.list-check li {padding-bottom: 10px;}
    .list-check li a{display: block;padding:10px; border-radius: 5px 0 0 5px;color: #fff;background: #000;width: 80px;float: right;margin-bottom: 10px;}
    .list-check li a:hover ,.list-check li a.nav-active{width: 100px;padding-left: 30px;background: #0186c7}
    .home {padding-top: 0}
    .slider-home {overflow: hidden;} .home-sidebar .container{position: relative;}
    .home-sidebar .widget {position: absolute;top: -250px;z-index: 33333;width: 100%;}
    .home-sidebar .widget ul {float: left;padding:10px;width: 20%;}.home-sidebar .widget ul li img {width: 100%;padding:20px 10px;background:#fff}
    .home-sidebar .widget ul li:first-child {padding:5px;background: #fff;}.home-sidebar .widget ul li i {float: right;margin-top: 3px;}
    .home-sidebar .widget ul:hover li:first-child {background: #000}.home-sidebar .widget ul:hover li:first-child a{color: #fff}
    .khung-sosanh {margin: 20px 0}
    .khung-sosanh ul li {padding: 10px;min-height: 40px;}
    .khung-sosanh ul {float: left;width: 31%;margin: 0 1%}
    .khung-md li:nth-child(2n+1){    background: #f4f4f4;}
    .khung-1 li:nth-child(2n+1){background: #E1E1E1}
    .khung-sosanh ul li:nth-child(1){height: 100px;background: none;text-align: center;padding: 10px 0}
    .khung-sosanh .khung-1 li:nth-child(2){    background: #0186c7;color: #fff}
    .not-select {padding: 5px;background: #ededed}
    .box-sosanh-right select {padding: 5px;}
    .box-sosanh-left {    float: left;
    margin-right: 20px;
    padding-top: 5px;
    font-weight: bold;}
.tcp {    background: #0186c7;color: #fff;padding:5px 50px;border:0px;}
#fountainG{
    position:relative;
    width:234px;
    height:28px;
    margin:auto;
}

.fountainG{
    position:absolute;
    top:0;
    background-color:rgb(0,0,0);
    width:28px;
    height:28px;
    animation-name:bounce_fountainG;
        -o-animation-name:bounce_fountainG;
        -ms-animation-name:bounce_fountainG;
        -webkit-animation-name:bounce_fountainG;
        -moz-animation-name:bounce_fountainG;
    animation-duration:1.5s;
        -o-animation-duration:1.5s;
        -ms-animation-duration:1.5s;
        -webkit-animation-duration:1.5s;
        -moz-animation-duration:1.5s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
    transform:scale(.3);
        -o-transform:scale(.3);
        -ms-transform:scale(.3);
        -webkit-transform:scale(.3);
        -moz-transform:scale(.3);
    border-radius:19px;
        -o-border-radius:19px;
        -ms-border-radius:19px;
        -webkit-border-radius:19px;
        -moz-border-radius:19px;
}

#fountainG_1{
    left:0;
    animation-delay:0.6s;
        -o-animation-delay:0.6s;
        -ms-animation-delay:0.6s;
        -webkit-animation-delay:0.6s;
        -moz-animation-delay:0.6s;
}

#fountainG_2{
    left:29px;
    animation-delay:0.75s;
        -o-animation-delay:0.75s;
        -ms-animation-delay:0.75s;
        -webkit-animation-delay:0.75s;
        -moz-animation-delay:0.75s;
}

#fountainG_3{
    left:58px;
    animation-delay:0.9s;
        -o-animation-delay:0.9s;
        -ms-animation-delay:0.9s;
        -webkit-animation-delay:0.9s;
        -moz-animation-delay:0.9s;
}

#fountainG_4{
    left:88px;
    animation-delay:1.05s;
        -o-animation-delay:1.05s;
        -ms-animation-delay:1.05s;
        -webkit-animation-delay:1.05s;
        -moz-animation-delay:1.05s;
}

#fountainG_5{
    left:117px;
    animation-delay:1.2s;
        -o-animation-delay:1.2s;
        -ms-animation-delay:1.2s;
        -webkit-animation-delay:1.2s;
        -moz-animation-delay:1.2s;
}

#fountainG_6{
    left:146px;
    animation-delay:1.35s;
        -o-animation-delay:1.35s;
        -ms-animation-delay:1.35s;
        -webkit-animation-delay:1.35s;
        -moz-animation-delay:1.35s;
}

#fountainG_7{
    left:175px;
    animation-delay:1.5s;
        -o-animation-delay:1.5s;
        -ms-animation-delay:1.5s;
        -webkit-animation-delay:1.5s;
        -moz-animation-delay:1.5s;
}

#fountainG_8{
    left:205px;
    animation-delay:1.64s;
        -o-animation-delay:1.64s;
        -ms-animation-delay:1.64s;
        -webkit-animation-delay:1.64s;
        -moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
    0%{
    transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainG{
    0%{
    -o-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -o-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainG{
    0%{
    -ms-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -ms-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainG{
    0%{
    -webkit-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -webkit-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainG{
    0%{
    -moz-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -moz-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}
.phukien{text-align: center;}.phukien-cat.archive-child .archive1  img {width: 100%;height:198px;}
.phukien-cat.archive-child .archive1 {width: 100%;float:none;margin-right: 0}.phukien-cat.archive-child .rs{padding: 10px 0 0}
.loc-phu-kien {padding: 10px 0}.loc-phu-kien .left-text {float: left;padding-top: 5px;margin-right: 20px;font-weight: bold;text-transform: uppercase;}
.loc-phu-kien select {padding: 5px 10px;}

@media(max-width:768px){

.phukien-cat.archive-child .archive1  img {height:auto}
.page-id-6167 table td:nth-child(3) ,.sidebar {display:none;}
.left-xecu  ,.right-xecu{width:100%;}
.logo  ,.home-sidebar .widget{ position: relative;text-align: center;padding:10px;top:auto;right:auto}
.con-m .menu ,.list-check ,#so-sanh ,.imgXeactive , .textactiveCar ,.menu-top .widget{display:none;}.top-footer .widget{clear:both}.top-footer .widget p {text-align:center;}
.nav-fix{position: relative;}body {padding-top:0px;} .mau {background-position: 0 3px;}.home-sidebar .widget ul {width:50%;}.home-sidebar .widget {padding:0px;}.archive-child .archive1 {width:100px}
.menu-top li {float:none;display:block;}.activecar {display:block !important; width:100%;; position: relative;background:#666;margin-top:5px; box-shadow:none;left:0px !important;height:auto !important;}
.mobile-menu a{display:block;color:#fff;padding:10px;}
.activecar  li a{color:#fff !important;}.activecar  li a:before{content:'Â» ';}
.mobile-menu,.menu-top .widget.active {display:block;}#header {margin-bottom:0px;}
img {max-width:100%;height:auto}.boxtext img{max-width:100%;}.alignright {float:none;margin:0;}
#Hotline-bottom {left:0px;width:100%} .Hotline-Email0 {display:none;}
.Hotline-Email0 , .Hotline-Mobile0 {width:100%;float:left;height:40px;font-size:0px;background-position: 10px center}
.Hotline-Email  ,.Hotline-Mobile{}
.box-gt-xe .col-md-12 {padding:0px;}
.content.col-md-9 {padding:5px;}
.title-xecu form {    position: relative;margin-bottom:10px;}
}