/*
Theme Name: Flatsome Child
Description: AZWebsite.vn developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.12.2
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

.header-main .nav > li > a{color: #263d8bc4;font-size:16px;font-weight:600}.nav-spacing-large>li {
    margin: 0 13px;
}.nav-dropdown.nav-dropdown-default>li>a{display:inline-block; font-size: 15px;
		color: #1c183f;border-bottom:none; padding-top:7px;padding-bottom:7px}.accordion .toggle{top:0px}.toggle i {
				font-size: 20px;}.accordion-inner {font-size:15px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;
    padding: 20px;
    border: 1px solid #e6e6e6;
}
.dich-vu-section .large-12{padding-bottom:0}
.tab-xay-dung .nav{margin-bottom:20px; border-radius: 5px;
    text-align: center;
    background: #fff;
    padding: 8px 0;
    box-shadow:0px 0px 55px 0px rgb(0 0 0 / 7%);
}.tab-xay-dung ul li.active a{font-weight:600;color:#fd3430}
.tab-xay-dung h3{font-weight: 600;
    color: #1e1666;}
.tab-xay-dung .icon-box{margin-bottom:20px}
.tab-xay-dung .icon-box h4{    margin-bottom: 0;
    font-weight: 600;
    color: #fd3430;}
.tab-xay-dung .icon-box .icon-box-img img{width:90%}
.tab-xay-dung .icon-box.icon-box-noi-bat{background: white;
    padding: 10px;
    box-shadow: 2px 2px 20px grey;
    border-radius: 10px;
    box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 7%);}
.tab-xay-dung .nav-line-bottom>li>a:before {background-color: #fd3430;
    bottom: -8px;
}
.tab-xay-dung ul li{margin:0}
.tab-xay-dung ul li a{line-height:45px; color:rgb(30 22 102); padding-left:10px;padding-right:10px;font-size: 15px;
    letter-spacing: 0;
    font-weight: normal;}
.tai-sao-section .accordion-item span{display: inline-block;}
.nav-dropdown li:hover a:before, .tai-sao-section .accordion-item a:hover span:before{width:100%;}

.nav-dropdown li a:before,.tai-sao-section .accordion-item a span:before{     position: relative;
    bottom: -21px;
    content: " ";
    display: block;
    width: 0;
    height: 1px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    background: #fd3430;
}.nav-dropdown.nav-dropdown-default>li>a:hover{color:#1e1666}
.header-button span:before {
    content: "";
    margin-right: 8px;
    width: 27px;
    height: 27px;
    background-image: url(/wp-content/uploads/2021/03/phone-icon.png);
    background-position: center center;
    background-size: 20px;
    vertical-align: middle;background-repeat:no-repeat;
    display: inline-block;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    position: absolute;
    left: 17px;
    top: 2px;
}@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.nav-dropdown{background-image: url(/wp-content/uploads/2021/03/megamenu-img-4-1.png);
    background-repeat: no-repeat;
    background-size: 299px;min-width:280px} 
.header-button span:hover{color:white !important}
.header-button span {
    padding: 6px 10px 6px 30px;
    font-size: 16px;
    font-weight: normal;
}
form{margin-bottom:0}
.nut-xem-them, .form-lien-he input[type='submit']{text-transform:none; background:linear-gradient(
90deg
, rgb(233, 50, 84) 0%, rgb(255, 51, 46) 100%);padding: 4px 27px;font-weight:normal; letter-spacing:0; font-size:15px}.header-main .nav > li.active > a, .header-nav li a:hover{color:#263d8b!important}.nut-xem-them2:hover{box-shadow: 0px 0px 30px 0px rgb(177 89 105 / 20%);}.logo-section .ux-logo-link img{margin:0 auto}
.logo-section .large-12 .col-inner{background:white; box-shadow: 0px 0px 30px 0px rgb(177 89 105 / 10%);
    padding:40px 10px;
		border-radius: 20px;}.logo-section .large-12 .col-inner .col-inner{padding:0; box-shadow:none}
.nut-lam-gi{background-color:white;    margin: 0;
    padding: 10px 20px 10px 44px;
    background-image: url(/wp-content/uploads/2021/03/home-ten-service-icon-1.png);
    background-position: 7px 6px;
    background-repeat: no-repeat;
    border-radius: 35px;
    box-shadow: 0px 0px 30px 0px rgb(177 89 105 / 20%);    text-transform: uppercase;
    color: #fd3430;}
.list-post .post-item .box-text{background:white; padding:15px; }
.list-post .post-item .post-title{font-size:20px;font-weight:600; color:#1e1765}
.tin-tuc-section .large-12{padding-bottom:0}
.tin-tuc-section{    background-image: url(/wp-content/uploads/2021/03/bg-tin-tuc.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-size: contain;}
.list-post .post-item:hover .col-inner{box-shadow: rgb(0 0 0 / 7%) 0px 0px 55px 0px;}
.footer-section{background-image:url(/wp-content/uploads/2021/03/footer-bg-2.png);background-repeat:no-repeat; background-position-x:center; background-position-y: top; background-size:cover}
.lam-gi-section h2,.gioi-thieu-section h2, .dich-vu-section h2, .tai-sao-section h2, .lien-he-section h2, .tin-tuc-section h2{
    font-weight: 600;
    font-size: 30px;
    color: #1e1765;}
.lam-gi-section .img-plus{margin-top:-68px}
.lien-he-section .col{padding-bottom:0}
.form-lien-he{    background: white;
    padding: 30px;
    border-radius: 10px;}
.form-lien-he .row-info{display:inline-block; clear:both; width:100%;}
.form-lien-he .row-info .left{display:inline-block; width:50%; padding-right:5px; float:left}
.form-lien-he .row-info .right{display:inline-block; width:50%; padding-left:5px; float:right}
.lam-gi-section .flickity-prev-next-button{bottom:54%}
.form-lien-he input, .form-lien-he textarea{ min-height:45px; margin-bottom: 5px;
    background: #e7f0ff;
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
    border: none;}
.form-lien-he textarea {
    margin-top: 8px;
    min-height: 97px;
    margin-bottom: 10px;
}
.lam-gi-section .large-12{padding-bottom:10px}.lam-gi-section .large-4{padding-bottom:0}
.lam-gi-section{padding-bottom:0 !important; background: url(/wp-content/uploads/2021/03/bg-lam-gi.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;}
.lam-gi-section .cot4 .icon-box{background-color: #fbeeff !important;}
.lam-gi-section .cot1 .icon-box, .lam-gi-section .cot4 .icon-box{padding:55px 20px 80px 10px;
    background-color: #fdf8e3;
    border-radius: 40px 0 0;}
.lam-gi-section .cot5 .icon-box{background-color: #f5ffe5 !important;}
.lam-gi-section .cot2 .icon-box, .lam-gi-section .cot5 .icon-box{padding:55px 20px 80px 10px;
    background-color: #f0f3fa;
    border-radius: 40px;}
.lam-gi-section .icon-box h3{font-size: 22px;
    font-weight: 600;
    color: #1e1666;}
.lam-gi-section .icon-box .icon-box-text{    font-size: 15px;
    color: #5a5a5a;}
.lam-gi-section .cot6 .icon-box{background-color: #eaf8ff !important;}
.lam-gi-section .cot3 .icon-box, .lam-gi-section .cot6 .icon-box{    padding: 55px 20px 80px 10px;
    background-color: #feeff0;
    border-radius: 0 0 40px;}
.logo-section .ux-logo-link{padding:10px !important}.logo-section .large-12{padding-bottom:0}
.logo-section{margin-top:-100px !important}
.nut-xem-them2{padding: 4px 27px;font-weight:normal; letter-spacing:0; font-size:15px}
.lam-gi-section .nut-xem-them{margin-top:-20px}
.tai-sao-section .accordion-title {
    font-size: 100%;
    font-weight: 600;
		padding: 5px 0 5px 35px;border-top:none}.tai-sao-section .accordion-title.active{border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #1e1666;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #e6e6e6;}
.tai-sao-section .icon-box img{box-shadow: 0px 0px 30px 0px rgb(177 89 105 / 20%) !important;
    border-radius: 20px !important; padding:10px}
.tai-sao-section .icon-box h3{font-weight: 600;
		color: #1e1666;}.tai-sao-section .icon-box{margin-bottom:20px}
.header-wrapper.stuck .header-main .nav > li > a{color:#1e1666}
.accordion-inner p{margin-bottom:0}.tai-sao-section .accordion-item a:hover span:before{bottom:-25px}
.tai-sao-section .accordion-title span{display:inline-block !important}
.footer-section .col{padding-bottom:0}
a.back-to-top{bottom:150px; background:#ff3c2c !important; border:none !important; color:white !important}
.footer-section{margin-top: -50px;padding-bottom:0 !important}
.header:not(.transparent) .header-nav-main.nav > li > a{color: #1e1666;}
.header:not(.transparent) .header-main{box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);}#breadcrumbs{font-weight:normal; font-size:14px; margin-bottom: 5px;}
.blog-single .entry-title{font-weight: 600;
    color: #1e1666;
    font-size: 24px;
}.is-divider{display:none}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-single .large-3{padding-left:0}span.widget-title{text-transform: none;
    font-size: 20px;
    letter-spacing: 0;
		color: #1e1666;}.recent-blog-posts a{font-size:15px}.recent-blog-posts a:hover{text-decoration:underline;color:#1e1666}
.widget .badge-outline .badge-inner{border-radius:99%}
.blog-archive .page-title{text-transform: none;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0;
    color: #1e1666;}
.blog-archive .large-12{padding-bottom:10px}
.xem-them .tieu-de-xem-them{font-size: 18px;
    font-weight: 600;
    color: #1e1666;
    margin-bottom: 10px;
		display: block;}.xem-them ul li{margin-bottom:5px}.xem-them ul li a:hover{text-decoration:underline}
.blog-single .blog-share{text-align:left}footer.entry-meta{font-size:16px}
footer.entry-meta .title{font-weight:bold}h1.entry-title.mb {font-size:23px;
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    color: #1e1666;
}
.page-right-sidebar .large-9{border-right:none !important}
.page-right-sidebar .large-3{padding-left:0}
.bai-viet-lien-quan h3{color:#1e1666; font-weight:600}
.bai-viet-lien-quan ul{margin-bottom:0; display:inline-block; width:100%; clear:both}.bai-viet-lien-quan ul li{width:33.33%;float:left; display:inline-block; padding-left:5px;padding-right:5px}
.bai-viet-lien-quan ul li .box-image img {
    height: 160px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan h4:hover{text-decoration:underline}
.bai-viet-lien-quan h4 {font-weight:600;
    font-size: 16px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
.bai-viet-lien-quan{margin-top:20px}
.xem-them ul li a{font-size:16px; font-weight:normal;color:#1e1666}
.blog-archive .post-item .box-image{border-top-left-radius:10px;border-top-right-radius:10px}
.blog-archive .post-item .col-inner{border-radius:10px;box-shadow: 0px 0px 30px 0px rgb(160 160 160 / 20%) !important}
.blog-archive .post-item .box-text{padding:20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.blog-archive .post-item .post-title:hover{color:#fd3430}
.blog-archive .post-item .from_the_blog_excerpt{    color: gray;
    font-size: 14px;}
.blog-archive .post-item .post-title{font-size: 18px;
    font-weight: 600;
    color: #1e1666;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.blog-single .large-3{padding-left:15px}.logo-section{margin-top:-20px !important}
.banner h2{color: #ffffff;
    font-size: 25px;
		font-weight: 600;}.lam-gi-section{padding-top:50px !important}.lam-gi-section h2, .gioi-thieu-section h2, .dich-vu-section h2, .tai-sao-section h2, .lien-he-section h2, .tin-tuc-section h2{font-size:22px}
.lam-gi br{display:none}
.lam-gi-section .large-4{flex-basis:50%; max-width:50%; padding:0 4px 8px}
.lam-gi-section .icon-box{padding:20px 5px !important;border-radius:10px !important}.lien-he-section .col{padding-bottom:10px}.form-lien-he{padding:20px}.form-lien-he input[type='submit']{width:100%;margin-right:0}.nut-lam-gi{font-size:14px}.list-post .post-item .post-title{font-size:17px}
.footer-section .col{flex-basis:100%; max-width:100%}
.footer-section{background-color: #191167 !important;background-image:none}
.footer-section .cot2{flex-basis:50%; max-width:50%}
.footer-section ul li{margin-bottom:3px}.off-canvas .nav-vertical>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #1e1666;
}
.footer-section ul li a{font-size:14px;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{background:white; opacity:1; width:300px;box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 11%);
}.page-right-sidebar .large-3{padding-left:15px}
.lam-gi-section .icon-box .icon-box-img{margin-bottom:0}.footer-section{margin-top:0}.blog-archive .page-title{font-size:25px}#breadcrumbs{color:gray}.blog-single .entry-title{font-size:22px;}
.page-right-sidebar .page-inner ul, .page-right-sidebar .page-inner ol{margin-left:20px}
.blog-single .entry-content p, .page-right-sidebar .page-inner p{font-size: 15px;
    margin-bottom: 15px;}.xem-them ul li a {
    font-size: 15px;
				font-weight: 600;}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img {
						height: 108px;}.bai-viet-lien-quan h4 {
    font-size: 14px; height: 68px;
}
.header:not(.transparent) .header-main .icon-menu:before,.header:not(.transparent) .header-main .icon-search:before{color:#1e1766}
.lam-gi-section .icon-box h3 {
		font-size: 14px;}
.lam-gi-section .icon-box img{width:60%}.lam-gi-section .img-plus {
    margin-top: -34px;
}
.lam-gi-section .icon-box .icon-box-text p{display:none}
.banner p{font-size:14px}.nut-xem-them, .form-lien-he input[type='submit']{padding: 3px 21px;
    font-weight: normal;
    letter-spacing: 0;
		font-size: 14px;}.nut-xem-them2{padding: 3px 21px;font-weight:normal; font-size:14px}.logo-section .large-12 .col-inner{padding:12px 8px}

}