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

/*************** ADD CUSTOM CSS HERE.   ***************/
#content.page-wrapper,.page-wrapper,.portfolio-page-wrapper .portfolio-top,#main .shop-container > div.product{padding-top:50px;padding-bottom:10px;}
#main .shop-container > div.product{padding-bottom:50px;}
#main .shop-container > div.product .product-main{padding-top:0px;}
.portfolio-page-wrapper .portfolio-top{padding-bottom:10px;}
.category-page-row,.page-title:not(.featured-title)+main .product-main{padding-top:50px;}
.category-page-row{padding-bottom:0px !important;}
.message-wrapper{margin:0px 0px 30px;font-size:1em;border-bottom:1px solid #dddddd;}
.message-wrapper li:last-child{margin-bottom:0px;}
.normal-title .breadcrumbs > span:last-child{display:none;}
.entry-header-text{padding-bottom:1em;}

.wpcf7-form{margin-bottom:0px;}
.wpcf7-form .row > div{padding-bottom:10px;}
.wpcf7-form .row > div:last-child{padding-bottom:0px;margin-top:7px;}
.wpcf7 .wpcf7-not-valid-tip{margin-top:0px;}
.wpcf7-form label{margin-bottom:0px;}
.wpcf7-form label input, .wpcf7-form label select, .wpcf7-form label textarea{font-weight:normal;}
.wpcf7-form input[type="submit"]{margin-right:0px;margin:0px;}
.wpcf7 .wpcf7-not-valid-tip{font-size:0.9em;}
.wpcf7-spinner{display:none;}
.wpcf7-form textarea{height:80px;min-height:auto;}
.wpcf7 form .wpcf7-response-output{margin-top:15px;margin-bottom:0px;line-height:1.2em;padding:5px 7px;color:black;}
.wpcf7 form .button, .wpcf7 form button, .wpcf7 form fieldset, .wpcf7 form input, .wpcf7 form select, .wpcf7 form textarea{}

.normal-title .page-title-inner{padding-bottom:0px;}
.normal-title .page-title-inner h1{margin:0px;font-size:1.3em;line-height:1.2em;}
.breadcrumbs > span:last-child{display:none;}

.box .box-text{padding-bottom:0px;}
.box .box-image{border-radius:5px;}

#header-contact li a{font-size:13px; text-transform:none}.nav-small.nav>li.html {
}.footer-secondary {
    padding: 0;
}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: none;
    font-size: 16px;
    color: black;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul{padding-bottom:0}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul li a{padding-top:6px; padding-bottom:6px}#breadcrumbs {
    margin-bottom: 10px;
    font-size: 15px;
}.is-divider {
    display: none;
}.blog-single .entry-header .entry-meta {
    font-size: 14px !important;
    letter-spacing: 0;
    text-transform: none;
    color: gray !important;
    background: none;
    border-top: none !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-single h1.entry-title{font-weight: 500;
    font-family: "roboto", sans-serif;
    font-size: 22px;}
.blog-single .entry-content h2 {
    font-size: 20px;
}
.blog-single .entry-content h3{font-size:19px}
.blog-single .entry-content h4{font-size:18px}
.blog-single .entry-content h5{font-size:17px}.xem-them .tieu-de-xem-them {
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: black;
}.xem-them ul li {
    margin-bottom: 3px;
}.xem-them ul li a {
    font-weight: 500;
    font-size: 16px;
    color: #3F51B5;
}.xem-them ul li a:hover {color:#03a9f4;
    text-decoration: underline;
}

.contact-section p{margin-bottom:0}
.contact-section .col{} .contact-section input, .contact-section textarea{}
.quan-tri-section h3{font-size: 18px;
    font-family: "roboto", sans-serif;
    text-transform: none;
    color: #a30403; margin-bottom:5px; margin-top:20px}
.pricing-table .title {
 background-color: #FFEB99;
    padding: 15px;
    color: black;
    font-weight: 500;
    text-transform: none;
    font-size: 19px;
    letter-spacing: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.archive #nav_menu-2{display: inline-block!important}
.archive #nav_menu-2 ul{display:inline-block; clear:both; text-align:center}.archive #nav_menu-2 ul li a:hover{background-image: linear-gradient(to right, #272da5 , #42198a); color:white}
.archive #nav_menu-2 ul li{    border-top: none;

    display: inline-block;
    margin: 5px;}
.archive #nav_menu-2 ul li a{background: white;
    padding: 6px 15px;
    border-radius: 20px;
    border: 1px solid #e4e4e4;
    font-size: 15px;
    box-shadow: 2px 2px 10px #0000001c;}
.shop-container .woocommerce-info{background: #FFECB3;
    padding: 15px;
    border-left: 5px solid #FF9800;
    font-size: 15px;
    color: #2f2f2f;}.product-main {
    padding: 30px 0;
}.product-info {
    padding-top: 0;
}
.single-product .product-info h1.product-title{    font-family: "roboto", sans-serif;
    font-size: 22px;
    color: #272da5;
}.single-product .product_meta>span{font-size:15px}
.single-product .share-icons a{    min-width: 24px;border:none !important}
.archive .widget{display:none}
.archive .product-small.box .category, .related .product-small.box .category{font-size: 13px;
    text-transform: none;
    letter-spacing: 0;}
.archive .product-small.box .product-title, .related .product-small.box .product-title{font-size: 16px;
    font-weight: normal;
    margin-top: 6px;}
.archive .product-small.box .show-on-hover, .related .product-small.box .show-on-hover{    padding-bottom: 0;
    width: 100%;
    padding-left: 0;
    padding-top: 105%;
}


.woocommerce-ordering{display:none}
.dark .breadcrumbs {
    font-weight: normal;
}.single-product .share-icons a:hover{background:none!important; color:gray}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){margin-top:0}
.product-footer .woocommerce-tabs {border-top: 1px solid #e4e4e4;
    padding: 0;
    border-top: 0;
}.devvn-popup-title, .popup-customer-info-group .devvn-order-btn{background:#1565C0;
    text-transform: none;
    font-weight: 500;
	letter-spacing: 0;}.devvn-popup-inner{-webkit-border-radius: 10px;}
.devvn-popup-quickbuy{font-family:"roboto", sans-serif}.devvn-popup-title span{text-transform:None; font-size:17px}span.devvn_title {
    font-size: 16px;
    color: #232323; font-weight:500;
    padding-bottom: 10px;
}.popup-customer-info-title{font-weight:500}
.nut-mua-ngay .right{width:50%; float:left; padding-left:7px; display:inline-block}
.nut-mua-ngay .left{width:50%; padding-right:7px; display:inline-block; float:left}
.nut-mua-ngay{margin-bottom:15px; display:inline-flex; width:100%; clear:both}
.nut-mua-ngay a.devvn_buy_now_style strong{font-weight:normal; text-transform:none; font-size:16px}
a.devvn_buy_now_style{display:none}.nut-mua-ngay a.devvn_buy_now_style{background-image: linear-gradient(to right, #272da5 , #3b0d8e);
    margin-right: 7px;
    margin-bottom: 0;
    display: inline-block !important;
    width: auto;
    padding: 8px 20px;
    font-weight: normal !important;
    border-radius: 25px;
    height: 40px;}
.nut-mua-ngay .live-demo:hover{background:#398807}
.nut-mua-ngay a.devvn_buy_now_style:hover{background:#12177f}
.woocommerce-tabs ul li a, .related h3, .woocommerce #reviews #comments h2{    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 0;
    color: #0092ff !important;
    font-family: "oswald", sans-serif;}
.single-product .tab-panels {
    padding-top: 0;
}
.single-product .nav-line>li.active>a:before{display:None}
.fa{margin-right:10px}
.nut-mua-ngay .live-demo{background: #4dab12;
    padding: 7px 20px;
    color: white;
    border-radius: 25px;
    background-image: linear-gradient(to right, #2cab04 , #5bb509);
}
.single-product .product-gallery .product-images{border-radius:10px;     box-shadow:0 14px 59px rgba(0, 0, 0, 0.16);}
.single-product .product-gallery-slider img{border-radius:10px}
.archive h1.shop-page-title{font-size: 30px;text-transform:uppercase}
.stuck .header-main{background:white}
.archive .product-small.box .box-image{border:none; box-shadow:none}
.tin-tuc-section{background:url(/wp-content/uploads/2019/12/df.png)}
.product-small.box .box-image{border-radius:5px}
.product-small.box{background: white;
    box-shadow: 2px 2px 20px #0000001c;
    border-radius: 5px;}
.footer-section .col{}
a.back-to-top{background:#a30403 !important; color:white !important; border:none !important}
.nav-dropdown {
    padding: 10px;
    border: none;
}


.nav-dropdown li a{padding:5px 10px; border-top:none; border-bottom:none !important; color:rgb(56, 56, 56)}
.nav-dropdown li a:hover{color:rgb(0, 146, 255)}
.flickity-page-dots .dot{width: 8px;
    height: 8px;}.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2019/12/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}
.section-title b {
    background-color: transparent;
}.section-title-container {
    margin-bottom: 0;
}
.nang-luc-section .col{padding-bottom:0}
.nang-luc-section h3, .nang-luc-section p{margin-bottom:0}
.product-small.box .box-image{box-shadow: 2px 2px 20px grey;    border: 1px solid #e8e8e8;}
.mau-web-section .product-small.box .product-title a{font-size:17px}
.mau-web-section .product-small.box .product-title{margin-bottom:20px}
.nut-live-demo .right a{text-align: center;
    font-size: 14px;
    color: white;width:100%; padding:10px; border-radius:20px; background:#2196f3; text-shadow:none}

.archive .nut-live-demo, .related .nut-live-demo{line-height: 14px;
    width: 100%;
    display: flex;
    clear: both;
    background: #000000ad;
    padding: 10px;}
.nut-live-demo .left a:hover, .nut-live-demo .right a:hover {opacity:0.9}
.nut-live-demo .left a{text-align: center;
    font-size: 14px;
    color: white;text-shadow:none; width:100%; padding:10px; border-radius:20px; background:#8BC34A}
.nut-live-demo .right{display:inline-flex; width:50%; padding-left:7px; padding-right:7px}
.nut-live-demo .left{display:inline-flex; width:50%; padding-right:7px;padding-left:7px}
.nut-live-demo{width:100%; display:flex; clear:both}
.mau-web-section .product-small.box .box-text{padding:30px 15px; background-color: rgba(0, 0, 0, 0) !important;}
.ly-do-section .icon-box, .dap-ung-section .icon-box{margin-bottom:20px}
.dap-ung-section .col{}
.dich-vu-san-pham .icon-box .icon-box-text h3, .ly-do-section .icon-box h3, .dap-ung-section .icon-box h3{
    font-weight: 500;
    color: #272da5;
    margin-bottom: 4px;
    font-family: "roboto", sans-serif;
    font-size: 18px;
}
.dich-vu-san-pham .row1 .button.primary:not(.is-outline) {
    background-color: rgba(0,0,0,0.3);
    font-weight: normal;
	font-size:1.1em;
	
	padding:15px 10px!important;
	margin-bottom:0px;
	min-height:90px;
	display: flex ; flex-direction: column; align-items: center; justify-content: center;
}
.dich-vu-san-pham .row1 .button.primary:not(.is-outline) span{line-height:1.3em;}
.dich-vu-san-pham .button {
}
.ly-do-section{    background-repeat: no-repeat;
    background-position-x: center;background:url(/wp-content/uploads/2019/12/background_dich-vu-web.png)}
.box-blog-post .is-divider{display:None}
.list-post .post-item a:hover{color:black}
.list-post .post-item .post-title:hover{color:#272da5}
.list-post .post-item .post-title{margin-bottom:10px; font-family:"roboto", sans-serif;}
.quan-tam-section .col{padding-bottom:0}
.list-post .post-item .box-image .image-cover{border: 1px solid #dedede;border-radius:5px}
.product-small.box .box-image img{padding:7px}
.nut-xem-them{}
.popup-customer-info-group .devvn-order-btn{    background: #2196F3;}
#comments{margin-top:20px}div#review_form_wrapper span#reply-title, .woocommerce #reviews #comments ol.commentlist #respond span#reply-title, span.btn-attach, #review_form .comment-form-rating label{font-weight:500}
#comments a.btn-reviews-now{background-color: #a30403;font-weight: 500;}
.woocommerce #review_form #respond p.form-submit input#submit{font-weight:500; text-transform:none}.pricing-table .price {
    color: #fff;
    padding: 10px;
    font-weight: 300;
    background: #a30403;
    font-weight: 500;
    font-size: 22px;
}.pricing-table .items {
    padding: 10px;
    font-size: 15px;
    color: black;
}.pricing-table .items>div {text-align:left;
    padding: 7.5px 0;
    border-bottom: 1px solid #ececec;
    background: url(/wp-content/uploads/2019/12/check@2x.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position-y: 13px;
    padding-left: 25px;
}
.nut-xem-them{} .featured-table{border-radius:15px !important}.pricing-table .items .button:last-child {
    margin: 20px 0 0;
}.featured-table{border-color: #a30403;}
.featured-table .nut-xem-them{background:#228ded !important}
.featured-table .title{}.blog-single .blog-share {
    text-align: left;
}.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}.danh-muc {
    margin-bottom: 15px;
}.danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    background: #3F51B5;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}.danh-muc a, .the-tim-kiem a {
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #03A9F4;
    color: white;
}.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black; font-family:"roboto", sans-serif;
}.bai-viet-lien-quan {
    margin-top: 15px;
}.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}span.widget-title {margin-bottom:10px;display:block;
}.recent-blog-posts a {
    line-height: 1.2;
    display: block;
    margin-bottom: 6px;
}.recent-blog-posts a {
    font-size: 15px;
}.recent-blog-posts .mr-half .badge-inner {
    border-radius: 99%;
}.recent-blog-posts {
    padding: 10px;
}.blog-single .large-3 {
    padding-left: 0;
}
.recent-blog-posts{padding:10px 0px;}
.recent-blog-posts .post_comments {display:None}
.blog-single .nav-previous a{font-size:15px}
#comments{display:none}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black; font-family:"roboto",sans-serif;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}

.normal-title{background-color:#a30403;border-width:0px;}
.button.alt, .button.checkout, .checkout-button, .secondary,.dark .button.secondary{color:black;}
.button.alt:hover, .button.checkout:hover, .checkout-button:hover, .secondary:hover{color:black;}
.breadcrumbs a{color:black;}
.footer-wrapper ul{list-style:none;}
.footer-wrapper ul > li{list-style:none;margin-left:0px;}
.footer-wrapper .ux-menu .ux-menu-link a:before{content:"●";margin-right:7px;}

.border-radius img{border-radius:12px;}

.home-service-row .img .img-inner{overflow:visible;}

@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 849px) {
	.row .gallery .gallery-item{flex-basis: 33.3333%; max-width: 33.3333%;}
}
@media only screen and (max-width: 767px) {
.off-canvas .sidebar-menu{padding:30px 0px;}
}
@media only screen and (max-width: 550px) {
	.normal-title .page-title-inner .row > .col:first-child{padding-bottom:5px;}
		.normal-title .page-title-inner .row > .col:last-child{}
	.normal-title h1,.normal-title .breadcrumbs.text-left{text-align:center!important;}
	.row .gallery .gallery-item{flex-basis: 50%; max-width: 50%;}
	.normal-title .page-title-inner .row > .col:first-child{padding-bottom:5px;}
	.normal-title .page-title-inner .row > .col:last-child{padding-bottom:0px;}
	.normal-title h1,.normal-title .breadcrumbs.text-left{text-align:center!important;}
	.normal-title .page-title-inner{padding-bottom:10px;}
	.dich-vu-san-pham .row1 .button.primary:not(.is-outline){margin-bottom:0; line-height: 31px;font-size:14px}
	.dich-vu-san-pham .row2 .col.small-6{flex-basis:100%;max-width:100%}
	.dich-vu-san-pham .button{    margin: 0;
		margin-bottom: 10px}
	.list-post .post-item{flex-basis:50%; max-width:50%}
	.list-post .post-item .from_the_blog_excerpt {display:None}
	.list-post .post-item .box-text{padding-bottom:0}.list-post .post-item .post-title{font-size:15px}
	body,htmt{font-size:14px}
	.khach-hang-section .col.large-2{flex-basis:50%; max-width:50%}
	.footer-section .col{flex-basis:100%; max-width:100%}
	.mau-web-mb .col{flex-basis:50%; max-width:50%; padding:5px}.mau-web-section .product-small.box .box-text{padding:10px}.mau-web-section .product-small.box .product-title a {
		font-size: 15px;
	}.nut-live-demo .left, .nut-live-demo .right{width:100%; display:block}.nut-live-demo{display:block}.mau-web-section .product-small.box .product-title {
		margin-bottom: 0px;
	}
	.nut-live-demo .left a, .nut-live-demo .right a{    padding: 7px 10px;}
	.mau-web2 .col{flex-basis:50%; max-width:50%; padding:5px}
	.archive #nav_menu-2 ul li a{    padding: 6px 9px; font-size:14px}
	.archive .product-small.col{padding:5px}.archive .product-small.box .product-title a{font-size:15px}.product-info{padding-top:20px}
	.nut-mua-ngay .live-demo{font-size:16px}.blog-single .large-3 {
		padding-left: 15px;
	}.xem-them ul li a{font-size:15px}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img {
		height: 110px;}
	.related .product-small.col{flex-basis:50%; max-width:50%; padding:5px}
	.related .product-small.col .product-small a{font-size:14px}
}
@media only screen and (max-width: 480px) {
}