/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#menu-menu-footer {
    font-size: 10px;
}
.wpcf7-not-valid-tip {
    text-align: center;
}
.wpcf7-recaptcha {
    margin-bottom: 15px;
}
.wpcf7 .wpcf7-response-output {
    text-align: center;
    border: none;
    color: red;
}
.woocommerce.widget_layered_nav_filters .widgettitle {
    display: none!important;
}

.header-wrapper:not(.stuck) #logo img:focus {
    max-height: 85px!important;
}
.thong-tin-sp li {
    list-style-position: inside;
    margin: 6px 5px !important;
}
.hotline-tu-van-bottom .col {
    padding: 0;
}
.blog-wrapper p, .blog-single p, .page-wrapper p {
    text-align: justify;
}
.ho-tro-mua-xe .col {
    padding: 5px 10px;
}
.list-bang-gia-xe .gia-xe {
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}
.list-bang-gia-xe {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
}
.list-bang-gia-xe .col {
    padding-bottom: 15px;
}
.page-wrapper .page-inner li {
    margin-left: 20px;
    margin-bottom: 2px;
    font-size: 16px;
}
.page-wrapper .col-divided+.col {
    padding-left: 15px;
}
.row-divided>.col+.col:not(.large-12) {
    border-left: none;
}
.entry-header-text-top {
    padding-bottom: 0;
}
.blog-share .social-icons a, .bt-share-san-pham a{
    margin: 0px 15px!important;
}
div#block_widget-4 {
    min-width: 35%;
}
div#block_widget-5 {
    max-width: 16%;
}
div#block_widget-2 {
    max-width: 21%;
}
div#block_widget-7 {
    max-width: 27%;
    flex-basis: 27%;
}
.name-cty {
    font-size: 17px;
    font-weight: bold;
    color: #0fa8e1;
}
.info-cty i {
    margin-top: 6px;
    margin-bottom: 7px;
    margin-right: 5px;
}
.info-cty li {
    padding: 5px 0 0;
    font-size: 15px;
}
.footer-widgets {
    font-size: 15px!important;
}
.footer-2 {
    background-image: url(/media/2019/08/bg-footer-ok.jpg);
    background-position: center;
}
.footer-2 .social-icons ul li {
    display: inline-block;
    margin: 10px 10px 0 0;
    position: relative;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
}
.footer-2 .social-icons ul li a {
    color: #e12029;
    display: block;
    padding: 0 6px;
    line-height: 0;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
}
.footer-2 .social-icons ul li a:hover{
	color: #333;
}

textarea {
    min-height: 85px;
}
.form-dang-ky-lai-thu {
    width: 80%;
    margin: 15px auto;
    background-color: #f1f1f1;
    padding: 15px;
    border: 1px solid #ccc;
}
.form-dk-lai-thu-lightbox {
    width: 100%;
    margin: 15px auto;
    background-color: #f1f1f1;
    padding: 15px;
    border: 1px solid #ccc;
}

.form-dk-lai-thu-lightbox .col {
    padding-bottom: 5px;
}
.form-dk-lai-thu-lightbox h3::after {
    content: '';
    display: block;
    height: 1px;
    margin: 5px auto 15px auto;
    background: #e0e0e0;
    width: 70%;
    color: #ccc;
}

.form-dk-lai-thu-lightbox h3 {
    text-align: center;
    color: #e12029;
}

.woocommerce-tabs #tab-thong-so-ky-thuat img {
    width: 100%;
}
.back-to-top {
    background-color: #e12029!important;
    border: 1px solid #e2e2e2!important;
    opacity: 0.5!important;
}
.back-to-top:hover {
    opacity: 1!important;
}
.hotline-footer{
	display: none;
}
.float-contact {
    position: fixed;
    bottom: 25px;
    left: 15px;
    font-size: 13px;
    z-index: 99999;
}

.float-contact button {
    color: #fff;
}
.float-contact button:hover {
    color: yellow;
}

.hotline img, .chat-zalo img {
    padding: 5px;
    width: 35px;
}
.chat-zalo img {
    padding: 0px 3px 2px 0px;
}
.float-contact .hotline {
    background: #e12029;
    border-radius: 20px;
    padding: 0px 8px 0px 5px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.float-contact .chat-zalo {
    background: #0FA8E1;
    border-radius: 20px;
    padding: 0px 10px;
    display: block;
    margin-bottom: 6px;
}

.custom-product-page .widget .is-divider, #secondary .is-divider{
	display: none;
}

.post-sidebar {
    padding: 0 15px!important;
}

.sidebar-right aside, #secondary aside {
    background-color: #f6f6f6;
}
.sidebar-right ul, #secondary ul {
    font-size: 14px!important;
}
#secondary .widget ul, .sidebar-right .widget ul {
    padding: 5px 10px;
}
#secondary .widget .rpwwt-widget ul li, .sidebar-right .widget .rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 5px;
}
#secondary .widget .rpwwt-widget ul li:hover, .sidebar-right .widget .rpwwt-widget ul li:hover {
	background-color: #f1f1f1;
}
.rpwwt-widget a {
    color: #333;
}
.custom-product-page .sidebar-right {
    padding: 0 15px;
}
.sidebar-wrapper .widget-title, #secondary .widget-title{
    display: block;
    text-align: center;
    background-color: #e12029;
    padding: 8px 5px;
    color: #fff;
    margin-bottom: 10px;
}
.product-tabs {
    background-color: #f1f1f1;
    text-align: center;
}
.woocommerce-tabs .nav>li.active>a {
    background-color: #e6e6e6;
}
.woocommerce-tabs .nav li {
    margin: 0;
}
.woocommerce-tabs .nav a {
    padding: 10px 30px 5px;
    background-color: #f1f1f1;
}
.woocommerce-tabs #tab-description img, .woocommerce-tabs #tab-description iframe {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.custom-product-page .product-images .button.is-outline i {
    color: #333;
}
.custom-product-page .product-images .button.is-outline i:hover {
    color: #e12029;
}
.custom-product-page .product-images .button.is-outline {
    border: none!important;
}
.custom-product-page .product-images .button.is-outline:hover{
	background-color: transparent;
}

.why-mua-xe-honda-qb img {
    border: 2px solid #e1202930;
}
.xe-moi-cap-nhat .col {
    padding-bottom: 0;
}
.list-news-ngang {
    padding-bottom: 0;
}
.news-video-pc {
    padding-bottom: 0!important;
}
.why-mua-xe-honda-qb p {
    margin-bottom: 0;
    text-align: justify;
}
.why-mua-xe-honda-qb .col {
    padding-bottom: 10px;
}
.why-mua-xe-honda-qb h5 {
    color: #e12029;
}
.news-video-pc h4 {
    margin-bottom: 0;
}

.news-video-pc .img-title-dichvu {
    margin-bottom: 10px;
}
.post-item .box-vertical:hover {
    background-color: #f5f5f5;
}
.news-video-pc .post-item {
    padding-bottom: 0px;
}
.news-video-pc .post-item:hover{
    background-color: #f3f3f3;
}
.post-item h5 {
    font-size: 15px;
}
.list-news-ngang h5 {
    font-size: 13px;
}
.list-news-ngang p {
    font-size: 13px;
}
.list-video .col {
    padding-bottom: 0px!important;
}
.item-video .col-inner {
    position: relative;
}
.item-video .video-button-wrapper {
    position: absolute;
    top: 35%;
    right: 40%;
}

.video-button-wrapper .button.is-outline{
	border: none;
}
.video-button-wrapper .button.is-outline:hover{
	background-color: transparent;
}
.video-button-wrapper i{
	color: #fff;
}
.video-button-wrapper i:hover{
	color: #e11428;
}

.dv-chuyen-nghiep p {
    font-size: 14px;
    text-align: justify;
}
.img-title-dichvu {
    text-align: center!important;
}
.dv-chuyen-nghiep .item-dvu .col {
    padding-bottom: 0px;
}
.dv-chuyen-nghiep .item-dvu {
    padding: 8px!important;
}
.dv-chuyen-nghiep .item-dvu:hover{
	background-color: #f3f3f3!important;
	border: 1px dotted #E12029;
	color: #E12029;
}
.dv-chuyen-nghiep .item-dvu .col {
    padding-bottom: 0px;
}
.new-car-top img {
    border-radius: 10px;
}
.car-tips .col {
    padding-bottom: 5px!important;
}
.car-tips svg {
    color: #e11428;
    padding: 5px;
}
.car-tips h3 {
    font-size: 13px;
	    color: #e11428;
}
.car-tips .col-inner {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
}

.top-bar-nav .social-icons i {
    padding: 5px;
    font-size: 15px;
    color: #9E1623;
    border-radius: 5px;
}
.top-bar-nav .social-icons i:hover{
	color: #E12029;
}
#top-bar {
    z-index: 1;
}
.header-wrapper:not(.stuck) #logo img {
    max-height: 115px!important;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px #333;
    border-radius: 0 0 10px 10px;
	margin: -68px auto 0px auto;
}
.header-wrapper:not(.stuck) #logo img:hover{
	max-height: 106px!important;	
}

.header_right {
       width: 120%;
}
.header_item {
    /* width: 33%; */
    display: inline-block;
}
.header_item.i1 {
    width: 30%;
}
.header_item.i2 {
    margin-right: 30px;
    width: 37%;
}
.header_item .d-cell {float: left; margin-right: 10px;}
.header_item .icon {width: 38px;height: 45px;background-repeat:no-repeat;background-position:50%;background-size:100%;}
.header_item.i1 .icon {background-image:url('img/time.png');}
.header_item.i2 .icon {background-image:url('img/mail.png');}
.header_item.i3 .icon {background-image:url('img/phone.png');}
.header_item .txt1 {font-size: 14px;color: #333;font-weight: bold;}
.header_item .txt2 {color:#e00024;font-weight:bold;font-style:italic;font-size: 15px;}
.header_item a:hover{color:#333}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.header-wrapper:not(.stuck) #logo img {
    max-height: 75px!important;
    padding: 6px!important;
    box-shadow: 0 0 15px #333!important;
    margin: 0 auto!important;
}
	.list-xe-honda .col:not(.car-new) {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
	.why-mua-xe-honda-qb, .why-mua-xe-honda-qb p {
    text-align: center;
}
	
	.float-contact{
		display: none;
	}
	
	.hotline-footer {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    z-index: 99;
    background: rgba(0,0,0,0.6);
}
	.hotline-footer .right {
    width: 50%;
    float: right;
    height: 100%;
    color: #fff;
    line-height: 40px;
    text-align: center;
	background: #0FA8E1;
		    opacity: 0.9;
}
	.hotline-footer .left {
	color: #fff;
    width: 50%;
    float: left;
    height: 100%;
    line-height: 40px;
    text-align: center;
	background: #e12029;
		    opacity: 0.9;
}
.hotline-footer .right a {
    color: #fff;
}
	.hotline-footer .left a {
 color: #fff;
}
	.hotline-footer .left img, .hotline-footer .right img {
    width: 35px;
    padding-right: 10px;
}
	::placeholder {
    text-align: center!important;
    font-style: italic;
}

.form-dk-lai-thu-lightbox, .form-dk-lai-thu-lightbox input {
    text-align: center;
}
	div#block_widget-5 {
    display: none;
}
div#block_widget-2 {
    display: none;
}
div#block_widget-7 {
    display: none;
}
	div#block_widget-4 {
    text-align: center;
}
div#block_widget-4 li {
    text-align: center;
}
.footer-2 .widget .is-divider {
    margin: 10px auto;
}
	
.woocommerce-tabs .nav a {
    border: 1px solid #e8e8e8;
}
.small-nav-collapse>li {
    width: 100%;
    margin: 0 !important;
}
	.woocommerce-tabs .small-nav-collapse>li {
    width: 50%;
}
	.woocommerce-tabs .thong-so-ky-thuat_tab {
    width: 100%!important;
}
	.ho-tro-mua-xe .col-inner {
    text-align: center;
}
.button-support {
    margin: -10px 0px 10px 0px;
}
	.thong-tin-sp {
    text-align: center;
}
.thong-tin-sp .is-divider {
    margin: 15px auto;
}
	.blog-archive .blog-post-inner {
    text-align: center;
}
.blog-archive .blog-post-inner .is-divider {
    margin: 6px auto;
}

.blog-archive .blog-post-inner .from_the_blog_excerpt {
    text-align: center;
}
	.entry-header-text-top {
    text-align: center;
}
.entry-header-text-top .is-divider {
    margin: 10px auto;
}
	.google-map .map_inner {
    width: 100%;
    text-align: center;
}
	.form-dang-ky-lai-thu {
    width: 100%!important;
}
}