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

/*************** ADD CUSTOM CSS HERE.   ***************/
.div-tooltext .tooltext {
    visibility: hidden;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    top: calc(50% - 16px);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
   right: 120%;
    background:#6A4113;
    color: #fff;
}
.cta-lptech a.goi-dien:hover .tooltext {
    visibility: visible;
    opacity: 1;
}
@keyframes pulse-blue {
		0% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(2, 143, 227, 0.7);
		}
		
		70% {
			transform: scale(1);
			box-shadow: 0 0 0 10px rgba(2, 143, 227, 0);
		}
		
		100% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(2, 143, 227, 0);
		}
	}
	#dang-ky {
    background-color: #18120B;}
#btnZaloChat {
    width: 45px;
    height: 45px;
    display: flex;
    background: #028fe3;
    border-radius: 50%;
    background: rgba(2, 143, 227, 1);
    box-shadow: 0 0 0 0 rgb(2 143 227);
    position: fixed;
    right: 20px;
    bottom: 8px;
    overflow: hidden;
    z-index: 100;
    transform: scale(1);
    animation: pulse-blue 2s infinite;
}
@keyframes pulse {from,to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}
@-webkit-keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}
@keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}
.cta-lptech {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    position: fixed;
    bottom: 58px;
    right:15px;
    width: 50px;
}
.cta-lptech li {
    width: 50px;
    float: left;
    margin-bottom: 10px;
}
.cta-lptech li a {
    height: 50px;
    line-height: 50px;
    background-color: #6C401B;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.cta-lptech li a i {
    font-size: 27px;
    color: #fff;
    padding: 12px;
}
.cta-lptech li a, .cta-lptech li a img {
    width: 50px;
    border-radius: 100%;
}
.cta-lptech li, .cta-lptech li a {
    display: inline-block;
}
.cta-lptech li a.zalo {
    background-color: #0180c7;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.mypage-alo-ph-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle {
    border-color: #ffd53b !important;
}
.mypage-alo-ph-circle-fill, .mypage-alo-ph-img-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle-fill, .mypage-alo-phone:hover .mypage-alo-ph-img-circle {
    background-color: rgba(244,68,56,0.5);
}
.cta-lptech li{
    margin-bottom: 26px;
}
.mypage-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: -6px;
    left: -5px;
    position: absolute;
    -ms-transition: all .2s ease-in-out;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: .4!important;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.mypage-alo-ph-circle {
    width: 80px;
    height: 80px;
     top: -15px;
    left: -16px;
    position: absolute;
    background-color: #774d4d00;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,.4);
    opacity: .1;
    opacity: .5;
}
.div-icon-share ul,.div-icon-share ul li{
    display: inline-block;
}
.div-icon-share {
    text-align: center;
}
.div-icon-share ul li{
    padding-left:5px;
    padding-right: 5px;
}
.div-icon-share ul li a img{
    width: 35px;
    height: auto;
}
.social_page-default ._item {
    position: relative;
    margin-bottom: 15px;
    height: 38px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.social_page-default ._item a {
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.social_page-default ._item:hover a ._icon, .social_page-default ._item:hover a ._text {
    background: #6A4113;
}
.social_page-default {
    position: fixed;
    z-index: 988;
    right: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: -155px !important;
}
.social_page-default ._item a ._icon {
    position: absolute;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -23px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 99;
}
.social_page-default ._item a ._icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 36px;
    height: 36px;
    border: 0px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}
#breadcrumbs span{
        color: #cc9407;
}
#breadcrumbs a:hover {
     color: #cc9407;
}
.social_page-default ._item:hover {
    -webkit-transform: translateX(-148px);
    -moz-transform: translateX(-148px);
    transform: translateX(-148px);
}
.nav-dropdown-default {
    padding: 0px;
}
.section-du-an:before {
    content: "";
       top: 88px;
    width: 100%;
    height: 1px;
    background: #6A4113;
    position: absolute;
}
.social_page-default ._item a ._text {
    padding: 3px 12px 5px 25px;
    height: 27px;

    font-size: 14px;
    letter-spacing: 3px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 14px;
    pointer-events: none;
    width: 200px;
    position: relative;
    top: 5px;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 700 !important;
}
.div-bredcrumb{
        background: #EEEEEE;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.div-dich-vu-lien-quan h2{
    font-size: 1.5em;

    text-align: center;
    display: block;

    padding: 10px 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.back-to-top{
    bottom: 200px !important;
}
#fb-messenger-fake-button {
    margin: 0 12px;
    padding: 0;
    position: fixed;
    z-index: 2147483644;
    bottom: 24px;
    top: auto;
    height: 60px;
    width: 60px;
    border-radius: 29px;
    box-shadow: rgb(0 0 0 / 15%) 0 4px 12px 0;
    background: none;
    display: block;
    right: 12px;
    transition: opacity 0.3s;
}
.call-now-bt i.fa.fa-phone {
    padding: 8px 10px;
    background: #494949;
    color: #fff;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.call-now-bt a {
    color: #fff;
    padding: 5px 15px 5px 5px;
    font-weight: 500;
}
.zalo-chat-widget {
    display: block;
    position: fixed;
    right: 23px;
    bottom: 100px;
    z-index: 2147483644;
    width: 60px;
    height: 60px;
    transition: opacity .3s;
}
.zalo-chat-widget a {
    cursor: pointer;
}
.call-now-bt {
    display: block;
    position: fixed;
    left: 5%;
    bottom: 35px;
    z-index: 9999;
    background: #555;
    border-radius: 7px;
}
.product-footer .woocommerce-tabs {
    padding: 0px;
    border-top: none;
}
ul.product-tabs{
    display: none;
}
.category-page-row .div-du-an .product-small{
    padding: 20px;
}
.category-page-row {
    max-width: 1470px !important;
}
.category-page-row .row-small{
        max-width: 1450px !important;
}
body[class*="paged"] .blog-tin .post-item:nth-child(1),body[class*="paged"] .blog-tin .post-item:nth-child(2),body[class*="paged"] .blog-tin .post-item:nth-child(3){
    display: block !important;
 }
.shop-page-title{
    display: none;
}
.single-page{
    padding-top: 0px;
}
.archive h1.page-title{
    font-weight: bold !important;
    font-size: 50px;
    margin-bottom: 0px;
}
.category-page-row .product-small .product-small .box-text .a-doc-them{
        text-transform: uppercase;
    font-weight: 100;
    margin-top: 10px;
    font-size: 15px;
}
.archive #wrapper,.archive #main{
    background: white !important;
}
.row-title-danh-muc{
    min-height: 500px;
    background: rgba(255,255,255,0.8) no-repeat;
    padding-left: 6%;
    padding-right: 6%;
}
.post-item .is-divider{
    display: none;
}
h5.post-title {
    font-weight: bold;
}

.woocommerce-shop #wrapper,.woocommerce-shop #main{
    background: white;
}
.div-du-an p.category{
    display: none;
}
.category-page-row .product-small .product-small .box-text .product-cat{
    font-weight: bold;
    color: black;
    opacity: 1;
}
.category-page-row .div-kien-truc .product-small .product-small .box-text .product-title a{
        color: #212121;
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 12px;
    font-weight: bold;
}
.category-page-row .product-small .product-small .box-text .from_the_blog_excerpt{
        font-weight: normal;
    font-size: 15px;
}
.category-page-row .div-kien-truc .shop-container .product-small .product-small{
    display: flex;
}
.category-page-row .div-kien-truc .shop-container .product-small:nth-child(odd) .product-small .box-image{
  order: 2;
}
.category-page-row .div-kien-truc .shop-container .product-small:nth-child(odd) .product-small .box-text{
    width: 30%;
        margin-right: 37px;
}
.category-page-row .div-kien-truc .shop-container .product-small:nth-child(even) .product-small .box-text{
   width: 30%; 
        margin-left: 37px;
}
.category-page-row .div-kien-truc .product-small .product-small .box-text{
        padding-top: 5%;
    background: #E5E5E5;
}
.category-page-row .div-kien-truc .product-small .product-small .box-text .a-doc-them{
       position: relative;
}
.category-page-row .div-kien-truc .product-small .product-small .from_the_blog_excerpt{

        position: relative;
}
.category-page-row .div-kien-truc .product-small .product-small .box-text .title-wrapper,.category-page-row .product-small .product-small .box-text .price-wrapper{
    position: relative;
}
.category-page-row .div-kien-truc .product-small:nth-child(odd) .product-small  .box-text:before{
    content: "";
    width: 100px;
    height: 100%;
    background: white;
    position: absolute;
    top: 0px;left: 0px;
}
.category-page-row .div-kien-truc .product-small:nth-child(even) .product-small  .box-text:before{
    content: "";
    width: 100px;
    height: 100%;
    background: white;
    position: absolute;
    top: 0px;right: 0px;
}
.category-page-row .div-kien-truc .product-small:nth-child(even) .product-small  .box-text{
    text-align: right;
}
.archive .products .box-vertical .box-image {
    min-width: unset !important;
    width: 70% !important;
}
 
 .archive .blog-tin .post-item:nth-child(1), .archive .blog-tin .post-item:nth-child(2), .archive .blog-tin .post-item:nth-child(3){
    display: none;
 }
 .blog-dau h5{
        font-size: 32px;
 }
 .blog-giua .box-text{
    padding: 30px;
 }
.blog-dau .box{
    display: flex;
    flex-direction: column;
}
.blog-dau .box .box-text .box-text-inner{
    padding-top: 20%;
}

body{
    font-family: Arial !important;;
   

}
.logo a{
font-family: Arial !important;;


   
}
.nav > li > a {     font-family: Arial !important;;
   }
h1,h2,h3,h4,h5,h6, .heading-font{      font-family: Arial !important;;
  


 }
.alt-font{     font-family: Arial !important;;

   }
.title-home{
    font-size: 35px;
}
.div-no-padding{
    padding-bottom: 0px !important;
}
.section-border{
    border-bottom: 15px solid #F1F1F1;
}
.p-so{
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 0px;
}
.square-icon{
    position: absolute;
    text-align: right;
    bottom: 20px;
    right: 11px;
}
.square-icon .fa-s{
        border: 2px solid white;
    padding: 18px;
}
.du-an-con{
    padding-bottom: 20px;
}
.du-an-con .box-image:hover span.hover-span{
    z-index: 1;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    opacity: 1.4;
    position: absolute;
    top: 0;
    width: 100%;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
.du-an-con .box-image:hover span.hover-span i{
    display: block;
}
.du-an-con .box-image span.hover-span i{
    display: none;
    opacity: 1;
    color: #FFFFFF;

    font-size: 15px;
    height: 40px;
    left: 50%;
    line-height: 36px;
    border: 2px solid;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    z-index: 111;}
.absolute-footer {
 
    padding: 10px 0 10px;
    font-size: .9em;
    color: white !important;
}

.section-lien-he .wpcf7-submit{
    background: black;
}
.section-lien-he i{    border: 3px solid black;
    color: black;
    padding: 5px;}
#week_3, #week_4 {
    width:200px;
    height:200px;
    border:2px solid red;
    float:left;
}
.lien-he-price{
    color: red;
}


.flex-right ul li a{
	text-transform: uppercase !important;
	font-size: 14px;
    font-weight: normal;
}
.div-nhan-su{
    padding-top: 50px;
}
.is-divider{
    width: 100% !important;
    max-width: 100% !important;
    height: 1px;
    background:#bbb !important; 
}
.title-nhan-su{
    padding-bottom: 30px;
}
.col-nhan-su .entry-header-text{
    padding-bottom: 0px
}
/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
    background-color: currentColor !important;
    border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
color: #fff;
    background-color: #446084;
    border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
   background : #2478ba !important;
    border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
    color: #fff;
    background-color: black !important;
    border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
color: #fff !important;
    background-color: #cb2320  !important;
    border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
color: #fff !important;
    background-color: #dd4e31 !important;
    border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
color: #fff !important;
    background-color: #0072b7 !important;
    border-color: #0072b7     !important;
}

.single-date{
        border-bottom: 1px dashed #ededed;
}
h1.entry-title{
    font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
    
}

.entry-content img{
	width: auto !important
}
.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 20px;
    float: left;
    margin: -8px 20px 0 0;
}
@media(max-width: 855px){
	.category-page-row .div-kien-truc .product-small:nth-child(even) .product-small .box-text:before{
		display:none;
	}
	.category-page-row .div-kien-truc .shop-container .product-small:nth-child(even) .product-small .box-text {
    width: 100% !important;
    margin-left: unset !important;
    text-align: left !important;
}
	.row-title-danh-muc {
		min-height: 245px !important;}
	.category-page-row .div-kien-truc .shop-container .product-small .product-small{
		display:block !important;
	}
	.category-page-row .div-kien-truc .product-small:nth-child(odd) .product-small .box-text:before{
		display:none !important;
	}
	.category-page-row .div-kien-truc .shop-container .product-small:nth-child(odd) .product-small .box-text {
		    padding: 16px;
    width: 100% !important;
   
}
	.archive .products .box-vertical .box-image {
    min-width: unset !important;
    width: 100% !important;
}
	.blog-dau h5 {
    font-size: 18px !important; 
}
	.blog-dau .box .box-text{
		text-align:left;
		position:relative !important;
		width:unset !important;
		order:unset !important;
		top:unset !important;
	}
	.blog-dau .box .box-text .box-text-inner{
		padding-top:0px !important;
	}
	.category-page-row .div-du-an .product-small {
    padding: 5px;
}
	.section-title-danh-muc {
		min-height:200px !important;
	}
    .banner-dich-vu h1{
        font-size: 18px;
    }

}
@media(min-width:1023px){
	.blog-dau .box .box-text{
       position: absolute;
    order: 1;
    display: block !important;
    width: 35%;
    flex-basis: 35%;
    background: white;
    padding: 43px;
    text-align: left;
    margin-left: 0%!important;
    top: 10%;
    height: 80%;
}
.blog-dau .box .box-image{
        max-width: 80%;
    display: block !important;
    flex-basis: 80%;
    order: 2;
    margin-right: 0px;
}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}