/*
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.   ***************/
.header-search .is-small:hover {
    background: transparent!important;
}
.header-search .is-small i:hover{
	color: yellow;
}
.header-bottom-nav i {
    padding-right: 5px;
}
.page-right-sidebar .left {
    padding: 0 15px 0 30px;
    border: none;
}

/*************** Title Sidebar Right   ***************/
.post-sidebar .widget ul, #secondary .widget ul, #product-sidebar .widget ul, #shop-sidebar .widget ul{
    padding: 0 10px!important;
    font-size: 15px!important;
}
.post-sidebar, .page-right-sidebar .large-3 {
    padding: 0 15px!important;
}
.sidebar-wrapper .widget-title, #secondary .widget-title, #product-sidebar .widget-title, #shop-sidebar .widget-title{
    display: block;
    text-align: center;
    background-color: #1A80E6;
    padding: 8px 5px;
    color: #fff;
    margin-bottom: 10px;
	font-size: 15px;
}

.post-sidebar .widget , #secondary .widget, #product-sidebar .widget, #shop-sidebar .widget {
    background-color: #f7f7f7;
    margin-bottom: 10px;
}

.post-sidebar .widget .is-divider, #secondary .widget .is-divider, #product-sidebar .widget .is-divider, #shop-sidebar .widget .is-divider{
    display: none;
}

.product .content-row .large-9 {
    border: none!important;
    padding: 0 10px 0 15px;
}

.srpw-ul li {
    margin-left: 0!important;
}

.price_slider_wrapper {
    padding: 5px 15px 0px 15px;
}

#product-sidebar {
   padding: 20px 0 0 10px;
}
/*************** End. Title Sidebar Right   ***************/

.shop-container {
    margin-top: 15px;
}
#product-sidebar {
    padding: 0 15px 30px;
}
.woocommerce-error .message-container {
    text-align: center;
}

#login-form-popup {
    max-width: 450px!important;
    text-align: center;
    background-color: #f1f1f1;
}
.dashboard-links li{
	    width: 100%!important;
}
.my-account .woocommerce, .my-account .woocommerce p, .my-account .account-login-inner p {
    text-align: center;
    width: 100%;
}
.my-account .account-login-inner input:not(.woocommerce-form__input-checkbox) {
    width: 300px;
}
.nav-dropdown.nav-dropdown-default .nav-dropdown-col:after {
    content: '➤';
    position: absolute;
    right: 0;
    padding: 8px 0px;
}

.nav-dropdown>li.nav-dropdown-col {
    display: flex!important;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#ccc}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:#EA1515}
.nav-dropdown-default>li:hover{background:#f1f1f1}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

.form-dk-dai-ly textarea {
    min-height: 70px;
}
.form-dk-dai-ly h3, .form-dk-dai-ly p {
    text-align: center!important;
}

.form-dk-dai-ly h3 {
    color: #ea1515;
    text-transform: uppercase;
}

.form-dk-dai-ly p {
    color: #1a80e6;
    margin-bottom: 20px;
}

.form-dk-dai-ly {
    background-color: #ececec;
    padding: 15px;
    box-shadow: 0px 2px 5px #ccc;
    border: 1px solid #ffc5c5;
}

.hotline-footer {
    display: none;
}
.float-contact {
    position: fixed;
    bottom: 25px;
    left: 15px;
    z-index: 99999;
}
.float-contact .chat-zalo {
    background: #0FA3DB;
    border-radius: 20px;
    padding: 0px 10px;
    display: block;
	    color: #fff;
    margin-bottom: 6px;
	font-size: 13px;
}
.float-contact .chat-facebook{
	font-size: 13px;
	background: #147ABE;
    border-radius: 20px;
    padding: 0px 10px;
    display: block;
	    color: #fff;
    margin-bottom: 6px;
}
.float-contact .hotline {
    background: #e12029;
    font-size: 15px;
    border-radius: 20px;
    padding: 0px 0px 0px 10px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.float-contact .hotline:hover, .float-contact .chat-facebook:hover, .float-contact .chat-zalo:hover{
	color: #333;
}
.hotline i {
    font-size: 20px;
    line-height: 36px;
    background: #b52026;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    float: right;
    margin-left: 5px;
}
.thong-tin-lien-he textarea, .thong-tin-lien-he input:not(.wpcf7-submit) {
    background-color: transparent!important;
}
.bt-support-sp .col .col-inner{
	margin-top: 10px;
}
.your-message textarea{
	    min-height: 60px;
}

.category-page-row .col {
    padding: 0px 10px 20px;
}
div#shop-sidebar .widget {
    margin-bottom: 10px;
    background-color: #fafafa;
    padding: 10px;
    box-shadow: 0 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

div#shop-sidebar .widget-title {
    background-color: #1a80e6;
    color: #fff;
    padding: 7px;
    text-align: center;
    display: block;
	margin-bottom: 15px!important;
}
div#shop-sidebar .widget .is-divider {
    margin: 10px auto;
}
.badge-circle .badge-inner {
    background-color: red;
}
.entry-header-text-top{
	padding-bottom:0px;
}
p#breadcrumbs {
    text-align: center;
}
.blog-wrapper p, .blog-single p, .page-wrapper p {
    text-align: justify;
}
.product-footer .woocommerce-tabs {
	padding:0px;
}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {
    margin-top: 0px;
}
.woocommerce-tabs h2 {
    border-left: 5px solid #ef2e3d;
    background: #1a80e6;
    max-width: 200px;
    padding: 3px 5px;
    font-size: 13pt;
    color: #fff;
    text-align: center;
    border-radius: 40px 2px;
}

.woocommerce-tabs h3 {
    font-weight: 400;
}

#content .col {
    padding: 0 15px 15px;
}

.product-info .social-icons .button.icon:not(.is-outline), .product-info .social-icons .button.icon:hover{
	    margin-right: 20px;
}

.product-info .col {
    padding: 0 10px 15px;
}
.button-support {
	padding: 0px 10px;
}
a#top-link {
    color: #9c9c9c;
}
.row-divided.row-reverse>.col+.col:not(.large-12) {
    border-right: 0px solid #ececec;
}
.product-main .row-large>.col {
    padding: 10px!important;
}

.icon-box-img svg {
    color: #1e73be;
}


.rpwwt-widget ul li{
	margin-bottom: 5px!important;
}
.dichvu-us h4 {
    font-size: 14px;
}


.product-main {
    padding: 10px 0;
}

ul.product-tabs.nav.small-nav-collapse.tabs.nav.nav-uppercase.nav-line.nav-left {
    font-size: 18px;
    background-color: #d0e7ff;
}
.woocommerce-tabs a {
    padding: 10px 20px!important;
}
.woocommerce-tabs .nav>li {
    margin: 0!important;
}
.woocommerce-tabs .nav>li.active>a {
    background-color: #fff;
}

.ok-tip .col-inner {
    padding: 8px;
}

.post-sidebar.large-3.col {
    padding-left: 15px;
    padding-right: 10px;
}
footer.entry-meta {
    text-align: center;
}

span.widget-title {
    font-size: 14px!important;
}

.name-cty {
    font-size: 17px;
    color: #ffe000;
}
.info-cty i {
    margin-top: 6px;
    margin-bottom: 7px;
	margin-right: 5px;
}
.info-cty li {
    padding: 7px 0 0px;
    font-size: 15px;
}
.info-cty {
    font-size: 16px;
	margin-top: 5px!important;
}
div#block_widget-2 {
    max-width: 30%;
}

div#block_widget-5 {
    max-width: 18%;
}
div#block_widget-4 {
    min-width: 36%;
}
div#block_widget-7 {
    max-width: 40%;
}


#wide-nav > .flex-row > .flex-left {
    width: 100%!important;
}
.html.custom.html_topbar_right {
    width: 100%;
}
.text_top {
    text-align: center;
    margin-top: -5px;
    margin-left: -10px;
}


.salogan {
    font-size: 14px;
    color: #003d7e;
    font-weight: 400;
}

.ten_cong_ty_dt span {
    color: #ea1515;
    text-shadow: 1px 1px #696969;
    animation: colorchange 2s infinite;
    -webkit-animation: colorchange 2s infinite;
    line-height: 35px;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: bold;
}

@media only screen and (max-width: 1170px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
.header-bottom-nav li {
    font-size: 12px;
}
	.salogan {
    font-size: 13px;
	}
	.ten_cong_ty_dt span {
    font-size: 20px;
}
}

@media only screen and (max-width: 1000px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
.header-bottom-nav li {
    font-size: 10px;
}
	.salogan {
    font-size: 10px;
	}
	.ten_cong_ty_dt span {
    font-size: 16px;
}
}
	


@media only screen and (max-width: 900px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	div#block_widget-5 {
    display: none;
}
	div#block_widget-2 {
    display: none;
}
	div#block_widget-7 {
    display: none;
}
		.entry-header-text {
    text-align: center;
}
.entry-header-text .is-divider {
    margin: 10px auto;
}
	
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	
	.dark .is-divider {
    margin: 10px auto;
}

	div#block_widget-4 {
    text-align: center;
}
	
.recent-posts-widget-with-thumbnails {
    display: none;
}
	.info-cty li {
    text-align: center!important;
}
	
	.loai-xe .small-12 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
	
	.section-title-container {
    margin-bottom: 1em;
}
	
	.box-text-inner.blog-post-inner {
    text-align: center;
}
	
	.box-blog-post .is-divider {
    margin: 5px auto;
}
	.header .flex-row {
    height: 98%;
}
	.flickity-page-dots{
		display:none;
	}
	
.small-nav-collapse>li {
    width: 50%;
    text-align: center;
    background-color: #f7f7f7;
    margin: 0 !important;
}
	
	.nav>li.active>a{
		    background-color: #f0f5ff;
	}
	
	.product-info .small-12 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

	div#secondary {
    display: none;
}
.product-info {
    margin-top: -20px;
}
	.page-left-sidebar .col {
    padding-bottom: 0px;
}

	.social-icons {
    display: block;
    text-align: center;
}
	
.hotline-bottom span {
    display: inline;
    line-height: 1.6;
}
	.thong-so-ky-thuat_tab {
    width: 100%!important;
}
	.product .product-info {
    text-align: center;
}
.product .product-info .is-divider {
    margin: 10px auto;
}
.product .product-info li {
    list-style-position: inside;
    margin: 6px 5px !important;
}
	.bt-support-sp .col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.bt-support-sp .col .col-inner{
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
}

	.float-contact{
		display: none;
	}
	
.hotline-footer {
    display: block;
    position: fixed;
    bottom: 0;
	left:0;
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    z-index: 99;
    background: rgba(0,0,0,0.6);
}
	.hotline-footer .right {
    width: 33%;
    float: right;
    height: 100%;
	font-size: 11px;
	margin: 0;
    color: #fff;
    line-height: 40px;
    text-align: center;
	background: #1A80E6;
		    opacity: 0.9;
}
.hotline-footer .center {
	font-weight: bold;
    font-size: 14px;
    width: 34%;
    float: left;
    height: 100%;
    color: #fff;
    line-height: 40px;
	 margin: 0;
    text-align: center;
	background: #EA1515;
	opacity: 0.9;
}
	.hotline-footer .left {
	color: #fff;
    width: 33%;
	font-size: 11px;
	margin: 0;
    float: left;
    height: 100%;
    line-height: 40px;
    text-align: center;
	background: #1A80E6;
		    opacity: 0.9;
}
.hotline-footer .right a, .hotline-footer .left a, .hotline-footer .center a {
    color: #fff;
}

	.form-dk-dai-ly {
    background-color: #ececec;
    padding: 15px;
}

.form-dk-dai-ly .col {
    text-align: center;
}
.form-dk-dai-ly input {
    text-align: center;
}
::placeholder {
    text-align: center;
    font-style: italic;
}

}