/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
*, p, a, li, div, span{
	font-family: "Rubik", sans-serif;
}
h1, h2, h3, h4, h5, h6, h1>span, h2>span, h3>span, h4>span, h5>span, h6>span{
	font-family: "Barlow", sans-serif!important;
}
.header-main .nav > li > a {
    font-family: "Barlow", sans-serif!important;
	    text-transform: capitalize;
    font-weight: 700;
}
.header-main .nav > li > a:hover {
    color: #e3042e!important;
}
.nav-dropdown {
    min-width: 300px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 1px solid #ddd;
}
.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}
.nav-dropdown-default {
    padding: 0;
}
.nav-dropdown.nav-dropdown-default>li>a {
    color: #111 !important;
}
.nav-dropdown.nav-dropdown-default>li>a:hover{
	color: #e3042e!important;
    padding-left: 10px;
}
#header-contact li>a>i+span {
    text-transform: initial;
    margin-top: 3px;
	color: #fff;
}
.social-icons i {
    min-width: 1em;
    border: 1px solid #fff;
    border-radius: 99px;
    padding: 5px 6px;
    background: #fff;
    color: #e3042e;
}
.social-icons i:hover {
    background: #e3042e;
    color: #fff;
	box-shadow: none;
}
.anh1{
	animation: zoomInOut 7s infinite ease-in-out;
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1); /* mức phóng to */
  }
  100% {
    transform: scale(1);
  }
}
.text-banner h2{
	color: rgb(255, 227, 117);
    text-shadow: rgba(249, 249, 249, 0.25) 5px 0px 0px;
	font-weight: 700;
    font-size: 100px;
}
.text-banner h3{
	color: rgb(255, 255, 255);
	-webkit-text-stroke: 3px rgba(0, 0, 0, 0.25);
    text-shadow: rgba(0, 0, 0, 0.25) 5px 0px 0px;
	font-weight: 700;
    font-size: 60px;
}
@keyframes fadeIn {
  to { opacity: 1; transform: translateY(0); }
  from { opacity: 0; transform: translateY(10px); }
}
.anh-right {
    margin-right: -250px!important;
}
.text-banner-2 h2 {
    color: rgb(255, 227, 117);
    text-shadow: rgba(249, 249, 249, 0.25) 2px 0px 0px;
    font-weight: 700;
    font-size: 40px;
}
.text-banner-2 h3{
	color: rgb(255, 255, 255);
	-webkit-text-stroke: 3px rgba(0, 0, 0, 0.25);
    text-shadow: rgba(0, 0, 0, 0.25) 5px 0px 0px;
	font-weight: 700;
    font-size: 25px;
}
.anh-zoom:hover {
    transform: scale(1.1);
	transition-duration: .3s;
    transition-property: transform;
}
.text-tieuchuan h2{
	font-size: 40px;
	font-weight: 700;
}
.css_overlay .box-text {
    background-color: rgb(2 20 96 / 80%);
}
.list-value .box-text {
  top: 100%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.list-value .box.has-hover:hover .box-text {
  top: 0;
}
.list-value .box.has-hover:hover .box-text .box-text-inner {
  padding-top: 15%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.list-value .box-text {
    padding-bottom: 0;
    padding-top: 0;
}
.css_overlay h4{
	font-size: 30px;
}
.css_overlay p{
	font-size: 17px;
}
@media only screen and (min-width: 850px) {
    .css_overlay .box.has-hover:hover .box-text .box-text-inner {
        padding-top: 50%;
    }
}
.col-height .col-inner{
	height: 100%;
}
.flickity-page-dots {
    bottom: 0;
}
.flickity-prev-next-button .arrow, .flickity-prev-next-button svg {
    fill: currentColor;
    border-color: currentColor;
    transition: all .3s;
    background: #fff;
}
.blog1 .post-title{
	font-size: 17px;
	font-weight: 600;
}
.testimonial-box .icon-box-text{
	display: grid;
}
.testimonial-meta {
    order: 1;
    padding-bottom: 15px;
}
.testimonial-text{
    order: 2;
}
.testimonial-name{
	font-weight: 500;
}
.testimonial-name:before {
    content: "\f02e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 10px;
    font-size: 16px;
    color: red;
    display: inline-block;
}
.testimonial-company:before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 10px;
    font-size: 16px;
    color: red;
    display: inline-block;
}
.anh-nhay img {
	padding: 7px;
    animation: animation01 2s infinite alternate;
}
@keyframes animation01 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}
.anh-nhay1  img {
	padding: 20px;
    animation: animation02 4s infinite linear;
}
@keyframes animation02 {
    0% {
        transform: translate(0,0) rotate(0)
    }

    25% {
        transform: translate(-10px,-10px) rotate(5deg)
    }

    50% {
        transform: translate(-20px,0) rotate(0)
    }

    75% {
        transform: translate(-10px,-10px) rotate(-2deg)
    }

    100% {
        transform: translate(0,0) rotate(0)
    }
}
.blog-ft .post-title a{
	font-size: 15px;
	font-weight: 400;
}
.blog-ft .box-image{
	display: none;
}
.blog-ft .box-vertical .box-text {
        padding-left: 0;
        padding-right: 0;
}
.box-blog-post .is-divider {
    display: none;
}
.absolute-footer.dark {
    color: hsla(0, 0%, 100%, .5);
    display: none;
}
.box-follow:before {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 300px;
    background: linear-gradient(180deg, #022e6600 0%, #022e66c9 45%, #022e66 100%);
}
.box-follow .box-text{
    z-index: 10;
}
.box-follow .box-text img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.box-follow .box-overlay .box-text {
    bottom: 0;
    max-height: 100%;
    padding-left: 70px;
    padding-right: 70px;
    position: absolute;
    width: 100%;
}
.text-s h2{
	font-size: 40px;
	color: red;
}
.icon-lh h4 {
	margin-bottom: 0px;
}
.icon-lh {
    align-items: center;
}
.col-right50 {
    margin-right: -50px;
    z-index: 10;
}
.form-lh input{
	height: 55px;
	border-radius: 5px;
	box-shadow: none;
}
.form-lh textarea{
	border-radius: 5px;
	box-shadow: none;
}
.is-divider, h6.entry-category.is-xsmall {
    display: none;
}
h5.post-title.is-large a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Barlow", sans-serif !important;
}
.text-tit-page{
	
}






@media only screen and (min-width: 320px) and (max-width: 860px){
	.col-right50 {
    margin-right: 0px;
    z-index: 10;
}
	.text-tieuchuan h2 {
    font-size: 23px!important;
}
	.banner .text-tieuchuan h2 {
    font-size: 20px!important;
}
	h1.entry-title.mb-0{
    font-size: 23px;
}
}