/*
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.   ***************/

:root{
	--color-main: #091736;
	--color-main2: #f1d178;
	/*--color-main2: #e5b462;*/
}

.flickity-prev-next-button.next{
	right: 15px;
}

.flickity-prev-next-button.previous{
	left: 15px;
}

.page-wrapper .page-inner ul{
	padding-left: 40px;
}

.widget .recent-blog-posts a{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 0;
}

.widget .recent-blog-posts .post_comments{
	display: none;
}

.blog-wrapper.blog-archive .page-title{
	font-size: 26px;
}

.blog-wrapper.blog-single .entry-header-text, .blog-wrapper.blog-single .single-page, .blog-wrapper.blog-single,
.thiet-ke-section .large-12, .thiet-ke-section:not(.cus-pd-home) .post-item, .post-item .box-text, .cus-pd-home .large-12,
.cong-trinh-section .large-12, .widget ul li:last-child .recent-blog-posts, .blog-wrapper:not(.blog-single) .large-9, 
.blog-wrapper:not(.blog-single) .large-3, .header-nav .header-block-block-1 .col{
	padding-bottom: 0;
}

.blog-wrapper.blog-single .single-page{
	padding-top: 0;
}

.blog-wrapper.blog-single article, .blog-wrapper.blog-single .social-icons .button.icon, .footer-wrapper ul,
.footer-wrapper ul li:last-child, .footer-wrapper .box-fanpage p, .footer-wrapper .social-icons a, 
.nhan-xet-section .team-name, .page .large-9 .page-inner :last-child, .widget-area .widget,
.page-contact.box-main-content form, .page-contact.box-main-content .wpcf7-submit, .widget:last-child, 
.chu-chay-section p{
	margin-bottom: 0;
}

.cus-pd-home > .section-content{
	padding-top: 45px;
	padding-bottom: 15px;
}

.cus-pb-home-30 > .section-content{
	padding-top: 30px;
}

.footer-wrapper .box-fanpage iframe{
	width: 100%;
}

.page-contact.box-map{
	margin-bottom: 30px;
}

th, td{
	font-size: 1em;
	color: unset;
}

.post-item .post-title{
	font-size: 18px;
}

.post-item .from_the_blog_excerpt{
	font-size: 16px;
}

.post-item .from_the_blog_excerpt, .post-item .post-title{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.chu-chay-section .col-inner{
	line-height: 1;
}

.chu-chay-section marquee{
	padding: 10px 0;
}

.box-cus-contact-fixed{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
}

.box-cus-contact-fixed .box-item{
  width: 90px;
  height: 90px;
  position: relative;
}

.box-cus-contact-fixed .box-item .circle-fill{
  width: 65px;
  height: 65px;
  top: 12px;
  left: 12px;
  position: absolute;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all .5s;
  transform-origin: 50% 50%;
  animation: zoom 1.3s infinite;
}

.box-cus-contact-fixed .box-item.zalo .circle-fill{
  box-shadow: 0 0 0 0 #2196F3;
  background-color: #2196f3b3;
}

.box-cus-contact-fixed .box-item.phone .circle-fill{
  box-shadow: 0 0 0 0 #25D366;
  background-color: #25D366b3;
}

.box-cus-contact-fixed .box-item .img-circle{
  display: flex;
  width: 40px;
  height: 40px;
  top: 25px;
  left: 25px;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  animation: phone-ntbox-circle-fill 1s infinite ease-in-out;
}

.box-cus-contact-fixed .box-item.zalo .img-circle{
  background-color: #2196F3;
}

.box-cus-contact-fixed .box-item.phone .img-circle{
  background-color: #25D366;
}

.box-cus-contact-fixed .box-item img{
  max-height: 25px;
  max-width: 27px;
}

.box-cus-contact-fixed .box-item i{
  font-size: 25px;
  color: #fff;
}

.tieu-chi-section .icon-box:hover .has-icon-bg .icon .icon-inner{
	background-color: var(--color-main);
}

.tieu-chi-section .icon-box:hover .has-icon-bg .icon .icon-inner{
	border-color: var(--color-main);
}

.cong-trinh-section .row.list-post2{
	max-width: unset !important;
}

.absolute-footer{
	padding: 10px 0;
}

.absolute-footer.dark{
	color: var(--color-main);
}

.header-block-block-1 .tel span{
	color: var(--color-main);
}

.header-bottom, .footer-wrapper .footer-section{
	background-color: var(--color-main) !important;
}

.absolute-footer{
	background-color: var(--color-main2) !important;
}

@keyframes zoom{
  0% {
    transform: scale(.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes phone-ntbox-circle-fill{
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

}


@media(max-width: 1199px){

	.header-nav .header-block-block-1 .icon-box-img{
		width: 30px !important;
	}

	.header-nav .header-block-block-1 .tel{
		margin-bottom: 5px;
	}

	.header-nav .header-block-block-1 .tel span{
		font-size: 20px !important;
	}

	.tieu-chi-section .icon-box h3{
		font-size: 18px;
	}
}

@media(min-width: 850px){
	.page-wrapper:not(.blog-single) .large-9, .page-wrapper:not(.blog-single) .large-3{
		padding-bottom: 0;
	}
}

@media(max-width: 849px){
	.header-main{
		height: 80px !important;
	}

	#logo img{
		max-height: 80px !important;
	}

	.page-wrapper:not(.blog-wrapper){
		padding-bottom: 0;
	}
}

@media(max-width: 549px){
	.header-main{
		height: 70px !important;
	}

	#logo img{
		max-height: 70px !important;
	}

	.row-slider .flickity-prev-next-button{
		width: 30px !important;
	}

	.row-slider .flickity-prev-next-button svg{
		padding: 8px !important;
	}
}

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


}