/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 6.0.12
*/
#wp-admin-bar-wp-logo {display:none}
/*************** ADD CUSTOM CSS HERE. ***************/
.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

.aio-contact-trigger-front .fa-comment-alt{animation:tada 2s linear infinite}
.aio-contact-trigger-front::before{content:'';display:block;width:150%;height:150%;border-radius:50%;border:1px solid #00b4df;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:phone-circle-animate 1s ease-in-out infinite;animation:phone-circle-animate 1s ease-in-out infinite}
.aio-contact-trigger-front::after{content:'';display:block;width:120%;height:120%;border-radius:50%;position:absolute;left:50%;top:50%;z-index:-1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgb(0 180 223 / 30%);-webkit-animation:phone-circle-fill-animate 2s ease-in-out infinite;animation:phone-circle-fill-animate 2s ease-in-out infinite}
@keyframes phone-circle-animate {
0%{transform:translate(-50%,-50%) rotate(0) scale(0.5);opacity:.1}
30%{transform:translate(-50%,-50%) rotate(0) scale(0.7);opacity:.5}
100%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.1}
}
@keyframes phone-circle-fill-animate {
0%,100%{transform:translate(-50%,-50%) rotate(0) scale(0.7)}
50%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
@keyframes phone-icon-animate {
0%,100%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes tada {
0%{transform:scale(1)}
10%,20%{transform:scale(.9) rotate(-8deg)}
30%,50%,70%{transform:scale(1.1) rotate(8deg)}
40%,60%{transform:scale(1.1) rotate(-8deg)}
100%,80%{transform:scale(1) rotate(0)}
}

/*#top-bar , #footer .st-footer .section-bg , #footer .st-footer .section-bg-overlay {background-image: linear-gradient(90deg, #00BFFF, #58bde4);}*/

.header-nav-main > li ul a:hover , .nav-dropdown li.active>a {}
.header-nav-main > li ul {background:#fff;border:none !important;border-radius:3px}
.header-nav-main > li ul a {border-color:#eee !important;color:#000;font-size:90%;}

.header-nav-main > li ul ul {padding:15px !important}
.header-nav .nav-dropdown {display:block !important;}
.header-nav .nav-dropdown > li {display:block !important;width:auto;position:relative}
.header-nav .nav-dropdown > li ul , #header .header-nav li .active ul {display:none !important;}
#header .header-nav .nav-dropdown > li:hover ul {display:block !important;left:100%;top:0;position:absolute;box-shadow: 0 0 5px rgb(0 0 0 / 20%)}
.header-nav .nav-dropdown > li a {font-weight:400;text-transform:none;display:block;font-size:14px;color:#000;}
.header-nav .sub-menu >li:hover > a {color:#fff;}

.header-main .nav > li > a{font-weight: normal}.slider-cuoi .col, .tin-tuc .col{padding-bottom:0}.nav-dropdown-default {
    padding: 0px;
    border: none;
}.nav-dropdown.nav-dropdown-default>li>a{    padding: 7px 0px;
    border-bottom: none;
    color: #0063af;
    font-size: 15px;}
#header-contact li span{font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    color: #7ec7ff;}
.nav-dropdown.nav-dropdown-default>li:hover a{padding-left:15px;color: #000;}
.nav-dropdown.nav-dropdown-default>li:hover{background: #f5f5f5;border-left: 5px solid #0272aa;}
.dac-quyen-section ul li, .tieu-chuan-ban-giao-section ul li{border-bottom: none;
    background: #1c3b7380;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-left: 20px;}
ul li.bullet-star:before {margin-left:10px;color:#008bd0}
ul li.bullet-star {padding-left:35px}
.tieu-chuan-ban-giao-section .col{padding-bottom:0}
.tabbed-content{box-shadow: 2px 2px 20px #00000017;
    padding: 20px;
    border-radius: 5px;background:white}
.gioi-thieu-1 ul li{margin-bottom:3px}
.gioi-thieu-1 img{border-radius:10px}
.dac-quyen-section .row2 .col{padding-bottom:0}
.kham-pha .box{margin-bottom:15px}
.header-main {    box-shadow: 1px 2px 20px #0000002b;
}.header-main .nav > li > a:hover{color:#689f34}
.header-main .nav > li > a{    color: #005494;}
.gioi-thieu .cot5 .block-gioi-thieu p{margin-bottom:10px}
.gioi-thieu .cot5 .block-gioi-thieu{background: rgb(2 114 170 / 50%);
    font-size: 16px;
    color: #ffffff;
    padding: 15px;
    border-radius: 20px;
    line-height: 27px;}.gioi-thieu-1 .col p, .gioi-thieu-1 .col{padding-bottom:0}
.gioi-thieu .cot7 h3{text-shadow: 2px 2px 10px #002729; line-height:40px}
.gioi-thieu .row .cot6 .row .col img{border-radius:999px; border: 5px solid rgba(255, 255, 255, 0.41)}.gioi-thieu .cot6 h3{line-height:39px}
.mat-bang .tabbed-content .nav-pills > li a span{font-size:16px}
.mat-bang .tabbed-content .nav-pills > li.active > a{background: white; color: #03484c; font-size: 16px;}.kham-pha .col .button{margin-bottom:0}.kham-pha .col{padding-bottom:0}
.tien-ich .row .cot6 .tien-ich-noi-do:hover{    background:#f1f1f1;}
.tien-ich .row .cot6 .div-tien-ich{height: 370px; overflow-y: scroll}
.footer-block .form-tai-bao-gia{width:100%; display:inline-block}
.popup-content{border: 1px solid black;background-color: rgba(0, 0, 0, 0.68);}
form{margin-bottom:0}
.popup-title{font-size:15px}
.popup-content{    overflow-y: hidden;
    height: 336px;}
.popup-content .form-tai-bao-gia{font-size:14px }h1.entry-title.mb {
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
}.box-blog-post .is-divider{display:none}
.blog-archive .post-item .post-title{font-size:18px; margin-bottom:10px}
.single-post #breadcrumbs{font-size: 15px;
    margin-bottom: 10px;}
.lien-he-section .cot2 .col-inner{    background: white;
    padding: 15px 20px;
    box-shadow: 2px 2px 20px #00000014;
    border-radius: 15px;}
.lien-he-section .cot2 .col-inner input, .lien-he-section .cot2 .col-inner textarea{border-radius:5px; box-shadow:none}
.gioi-thieu-section2 img{border-radius:10px}
.blog-archive .archive-page-header .large-12{padding-bottom:0}
.blog-archive .page-title{    text-transform: none;
    letter-spacing: 0;
    font-size: 25px;}
.blog-archive .badge{display:none}
.footer-block .form-tai-bao-gia .row1 {width:100%; display:inline-block}
.footer-block .form-tai-bao-gia .row1 .cot-field{width: 31.5%; margin-right:5px;margin-left:5px; float: left; display: inline-block}
.footer-block .form-tai-bao-gia input{font-size:15px; margin-bottom:3px}
.footer-block .form-tai-bao-gia .text-area{margin-left:5px; margin-right:5px}
.footer-block .form-tai-bao-gia input[type='submit']:not(.is-form){margin-left:5px}
.blog-single{background: #f7f7f7}
.blog-single .row.row-large{background: white; border-radius:4px;}
.tien-ich .box .box-image, .vi-tri img{border-radius:6px; }
.dac-quyen-section .row1 .large-3{flex-basis:20%; max-width:20%}
.dac-quyen-section .row1 .large-3 img{border: 5px solid #ffffff5c;border-radius:99%}
.tien-ich .box .box-text{padding-bottom:0}
.tabbed-content ul li a{    padding: 2px 20px;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    font-family: "roboto", sans-serif;background: gray;
    color: white;
    margin: 0 5px;}.footer-secondary {
    padding: 0;
}
.gioi-thieu-2-khu .icon-box{    margin-bottom: 20px;
    background: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 2px 2px 20px #00000014;}
.gioi-thieu-2-khu .icon-box h3{margin-bottom: 6px;
    color: #0264af;}
.dac-quyen-section .icon-box{    background: #00142be0;
    padding: 9px;
    border-radius: 10px;}
.vi-tri-section .icon-box{background: #0272aa;
    margin-bottom: 28px;
    border-radius: 6px;
    padding: 7px;}
.gioi-thieu-2-khu .col{padding-bottom:0}
.footer-block .form-tai-bao-gia input, .footer-block .form-tai-bao-gia textarea{border-radius:5px}
a.back-to-top{background:#008bd0 !important; border:none !important; color:white !important}
.sticky-popup .popup-header {
    background-color: #0a2453;
    border-color: #0a2453;
}

#main .wpcf7-submit {border-radius:5px}

@media (min-width: 1024px) {
	.footer-secondary {padding-top:0}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
	
.footer-block .form-tai-bao-gia .row1 .cot-field{width: 100%!important; margin:0}
.footer-block .form-tai-bao-gia .text-area{margin:0}.tabbed-content ul li a{    padding: 0px 11px;
 
    font-size: 12px; margin-bottom:10px}
table{font-size: 14px;}

}
/*end*/