/*
Theme Name: Ititheme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.connguoi h4.uppercase.text-center {
    color: #2547a2;
    font-size: 24px !important;
}

.gallery-columns-8 .gallery-item, .large-columns-8 .flickity-slider>.col, .large-columns-8>.col {
	
	padding: 0 2px 3px !important;
        margin-bottom: 0 !important;
}

.section-title b {
    height: 0px !important;
}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
	
	color: hsl(220.93deg 59.12% 35.49%) !important;
}

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


}
.text-homesk{
	text-align:justify;
	border-left: 2px solid #a0a0a0;
    padding: 0 0 0 30px;
}
.number-homee p{
    color:#fff;
    margin-top:50px;
    font-size:20px;
}
.count-up{
    font-size:40px;
}
.huuich{
	background: url(/wp-content/uploads/2025/03/123-4-scaled.jpg) 50% 0;padding-bottom:0;background-attachment: fixed;}
}
.dangkymail .wpcf7-form{
    position:relative;
}
.dangkymail .wpcf7-form .wpcf7-submit{
    position:absolute;
    right:0;
    top:37%;
    background:#a32e2e;
}
.dangkymail .wpcf7-form input[type=email]{
    width:90%;
    margin-top:50px;
}
.dangkymail i{
    font-size:30px;
    vertical-align: middle;
}
.dangkymail .col{
    padding-bottom:0!important
}
.custom-box-page-iti{
	background-position: 50% 0px;
    background-size: cover;
    padding: 100px 0;
}
.custom-box-page-iti{background-image: url(/wp-content/uploads/2025/03/teenager-girl-summer-vacation-surprised-pointing-finger-copy-space-isolated-white-bac-scaled.jpg);}
.custom-box-page-iti { background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;}
.widget_media_image img{
    width:100%
}
.widget_nav_menu h4{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #000000;
    text-align: center;
}
.widget.widget_nav_menu{
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    border: 1px solid #e3e5ec;
}
.banner-title-outer{
	font-size: 30px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #25478f;
    font-weight: 500;
    margin-bottom: 0px;
}
.custom-box-page-iti .page-title{
	font-size: 30px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #25478f;
    font-weight: 500;
    margin-bottom: 0px;
}
.archive-page-header .custom-box-page-iti{
	margin-bottom:30px;
}
.box-lienhe{
	border: 1px solid #d6cfcf;
	border-radius: 10px;
	padding: 10px;
	margin-top: 20px;
}
.bai-viet-lien-quan h2{
    padding:20px 0;
}
.bai-viet-lien-quan ul li h3 {
                height: 45px;
                overflow: hidden;
                font-size: 17px;
                font-weight: 800;
                color: #000;
                margin-top: 7px;
                line-height: 24px
				text-align: center;
            }

            .bai-viet-lien-quan ul li .box-image img {
                height: 180px;
                border-radius: 6px;
                object-fit: cover;
                object-position: center
            }

            .bai-viet-lien-quan ul li {
                list-style: none;
                width: 33.33%;
                float: left;
                padding-left: 4px;
                padding-right: 5px
            }

            .bai-viet-lien-quan ul {
                margin-bottom: 0;
                display: inline-block;
                width: 100%
            }

            .thong-tin-tac-gia h4 {
                margin-bottom: 4px;
                font-size: 22px;
                font-weight: 400
            }
/* nut zalo mobile */
.cta-lptech {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    position: fixed;
    bottom: 36px;
    right: 15px;
    width: 50px;
}
.cta-lptech li a i {
    font-size: 27px;
    color: #fff;
    padding: 12px;
}
.cta-lptech li a {
    height: 50px;
    line-height: 50px;
    background-color: #0081c8 !important;
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}
.cta-lptech li {
    width: 50px;
    float: left;
    margin-bottom: 10px;
}
.cta-lptech li, .cta-lptech li a {
    display: inline-block;
}
.cta-lptech li a, .cta-lptech li a img {
    width: 50px;
    border-radius: 100%;
}


.a-face{
    background: #0674E8 !important;
}
@keyframes pulse {from,to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}
@-webkit-keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}
@keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50% {opacity:1}}
.cta-lptech {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    position: fixed;
    bottom: 36px;
    right: 15px;
    width: 50px;
}
.cta-lptech li {
    width: 50px;
    float: left;
    margin-bottom: 10px;
}
.cta-lptech li a {
    height: 50px;
    line-height: 50px;
    background-color: #ff2a28;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.cta-lptech li a i {
    font-size: 27px;
    color: #fff;
    padding: 12px;
}
.cta-lptech li a, .cta-lptech li a img {
    width: 50px;
    border-radius: 100%;
}
.cta-lptech li, .cta-lptech li a {
    display: inline-block;
}
.cta-lptech li a.zalo {
    background-color: #0180c7;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.mypage-alo-ph-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle {
    border-color: #ffd53b !important;
}
.mypage-alo-ph-circle-fill, .mypage-alo-ph-img-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle-fill, .mypage-alo-phone:hover .mypage-alo-ph-img-circle {
    /*background-color: rgba(244,68,56,0.5);*/
}
.mypage-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 115px;
    left: -5px;
    position: absolute;
    -ms-transition: all .2s ease-in-out;
    border-radius: 100%;
    /*border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: .4!important;*/
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.mypage-alo-ph-circle {
    width: 80px;
    height: 80px;
    top: 105px;
    left: -16px;
    position: absolute;
    background-color: #774d4d00;
    border-radius: 100%;
   /* border: 2px solid rgba(30,30,30,.4); */
    opacity: .1;
    opacity: .5;
}