/*
Theme Name: df999
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 7.0.3
*/
#wp-admin-bar-wp-logo {display:none}
/*************** ADD CUSTOM CSS HERE. ***************/
.radius10 * {border-radius:10px}

h1.page-title , h1.entry-title {color:#ff572f}

#masthead {background:#fff;}
#main ,#wide-nav, .header-bg-color {background:transparent !important}
#wrapper {background: url(/wp-content/uploads/2024/09/bg-main-content.webp);background-size: cover;background-repeat: no-repeat;background-position: center;}

.social-sticky{/* display:-webkit-box; */display:-ms-flexbox;/* display:flex; *//* -webkit-box-orient:vertical; *//* -webkit-box-direction:normal; */-ms-flex-direction:column;/* flex-direction:column; *//* -webkit-box-pack:center; */-ms-flex-pack:center;/* justify-content:center; */height:auto;padding-left:0;padding-right:10px;margin-bottom:0;list-style:none;position: relative;/* z-index:22; *//* bottom:0; *//* left:15px; */-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}
.social-sticky__item{margin: 20px 50px 0;display: inline-block;}
.phone-ring{display: inline-block;display:-ms-flexbox;/* display:flex; *//* width:40px; */height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;border-radius: 30px;padding: 12px 15px 0;background-color: #de2a1b;position:relative;z-index:1;font-size: 15px;}
.phone-ring::before{content:'';display:block;width: 150%;height: 150%;border-radius: 30px;border: 1px solid #de2a1b;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}
.phone-ring__icon{/* display:-webkit-box; */display:-ms-flexbox;/* display:flex; */width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;/* position:absolute; */top:0;left:0;-webkit-animation:phone-icon-animate 1s ease-in-out infinite;animation:phone-icon-animate 1s ease-in-out infinite}
.phone-ring::after{content:'';display:block;width:160%;height:160%;border-radius: 30px;position:absolute;left:50%;top:50%;z-index:-1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color: rgb(222 42 27 / 50%);-webkit-animation:phone-circle-fill-animate 2s ease-in-out infinite;animation:phone-circle-fill-animate 2s ease-in-out infinite}
.btn-facebook{background-color:#37538d;-webkit-box-shadow:0 2px 2px rgba(55,83,141,.14),0 3px 1px -2px rgba(55,83,141,.2),0 1px 5px 0 rgba(55,83,141,.12);box-shadow:0 2px 2px rgba(55,83,141,.14),0 3px 1px -2px rgba(55,83,141,.2),0 1px 5px 0 rgba(55,83,141,.12);-webkit-transition:.3s;transition:.3s}
.btn-icon{width:41px;height:41px;position:relative}
.rounded-circle{border-radius:50%!important}
.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
.btn-icon .fa{width:100%;height:100%;color:#fff;line-height:41px;font-size:20px;position:absolute;left:0;top:0}
@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)}
}


.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

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

#footer .social-icons a {background:#000 !important;border:none;margin-right:15px;}

#masthead {box-shadow:0 0 10px #ddd;}

.text-running{width:100%;border-radius:5px;background:#a6a6a6;padding:5px 10px;display:flex;justify-content:flex-start}
#scroll_news div{width:100%;color:#fff!important;font-size:16px}
.notify-color{color:red;font-family:Roboto;font-size:14.433px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;width:110px;flex-shrink:0;margin-left:10px}

.list_cskh .title {
    font-size: 22px;
    text-shadow: none;
}

.mocbai_policy {
    padding-bottom: 10px;
}
.mocbai_policy:before {
	display:block;
    width: 100%;
    content: " ";
    background-image: url(/wp-content/uploads/2024/09/bg-content-top2.png);
    background-position: top;
    background-size: 100% 100%;
    height: 50px;
    overflow: hidden;
    border-radius: 59.913px 59.913px 0 0;
}
.mocbai_policy.mp-news:after {
	display:block;
    width: 100%;
    content: " ";
    background-image: url(/wp-content/uploads/2024/09/bg-content-bottom2.png);
    background-position: bottom;
    background-size: 100% 100%;
    height: 50px;
    overflow: hidden;
}

.mocbai_policy-content {
    width: 100%;
    height: auto;
    margin-top: -50px;
    margin-bottom: -50px;
    position: relative;
    z-index: 0;
    border-radius: 56px;
    background: rgba(0, 0, 0, .03);
}

.post-item .is-divider {display:none}

.col.post-item {padding:20px 20px 0;background:#fff;margin-bottom: 20px;}

.list-post, #post-list {justify-content: flex-start;align-items: stretch;gap: 2.5%;}
#post-list > .row {justify-content: flex-start;align-items: stretch;gap: 2.5%;}

.play-video video {
    max-width: 100%;
    border-radius: 26px;
    min-height: 490px;
    border: 2px solid red;
}
.contact-link .button {
    background: url(/wp-content/uploads/2024/09/bg-link.webp) no-repeat center;
    height: 64px;
    line-height: 62px;
    width: 100%;
    background-position: center;
    background-size: 100% 100%;
    font-size: 22px;
}

.blog-archive > header {display:none}

.related-post .row.list-post {margin-left:0;margin-right:0}

@media (min-width: 1024px) {
	.footer-secondary {padding-top:0}
    
    .mocbai_policy-content {padding: 25px 87px;}
    .col.post-item {flex-basis: 31.4%;max-width: 31.4%;}
    
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
    .mocbai_policy:before {height: 18px;}
    .mocbai_policy:after {height: 18px !important;}
    .mocbai_policy-content {margin-top: -20px;margin-bottom: -20px;border-radius: 20px;padding: 30px;}

	.social-sticky {text-align:center !important}
    .social-sticky .social-sticky__item {margin:0}
	
}
/*end*/