/**
 * --------- Slider ----------
*/
.swiper-container {width: 100%;height: 500px;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 500px;
}
.swiper-slide .img {width: 100%;  min-height: 500px; position: absolute; z-index: 1}
.swiper-slide .container{height: 100%;}
.swiper-slide .caption{position: absolute; bottom:40px; width: 45%; left:15px; z-index: 2; background: rgba(255,255,255,0.8); padding:25px 40px}
.swiper-slide .caption .title{font-size: 27px; color: #333; font-weight: 700}
.swiper-slide .caption .sapo{font-size: 16px; color: #333; font-weight: 300; line-height: 22px; margin-top:10px}
.swiper-slide .caption .btn-view{background: #00aeef; text-transform: uppercase; color: #fff; border-radius:25px; border:0px; padding:10px 25px; margin-top:20px}
.swiper-slide .caption .btn-view:hover{background: #0084da; color: #fff}
.swiper-button-next, .swiper-button-prev{background: #9ea19f; background-image: none; width: 70px; height: 70px; border-radius:50%; text-align: center; transition: all 0.15s ease-in-out}
.swiper-button-next:hover, .swiper-button-prev:hover{background: #0084da}
.swiper-button-next i, .swiper-button-prev i{color: #eee; font-size: 30px; line-height: 70px}

/**
 * --------- Intro ----------
*/
.block-intro{min-height: 500px}
.block-intro .col-img{position: relative; height: 500px}
.block-intro .col-img img{width: 95%; position: absolute; bottom:0px}
.block-intro .col-info{padding-top:100px}
.block-intro .col-info .title{font-size: 28px; font-weight: 800; color: #333;}
.block-intro .col-info .slogan{color: #00aeef; font-weight: 500; font-size:14px}
.block-intro .col-info .sapo{font-size: 16px; color: #333; font-weight: 300; margin:20px 0px; line-height: 20px}
.block-intro .col-info .sapo p{margin-bottom:2px}
.block-intro .col-info .nav .nav-link{text-transform: uppercase; color: #00aeef; font-size: 13px; padding-left:0px; transition: all 0.15s ease-in-out; font-weight: 700}
.block-intro .col-info .nav .nav-link:hover{color: #0084da}
.block-intro .col-info .btn-detail{padding:10px 35px; color: #fff; text-transform: uppercase; font-size: 18px; background: #00aeef; border-radius:25px; margin-top:20px}
.block-intro .col-info .btn-detail:hover{background: #0084da; color: #fff}

/**
 * --------- Block special ----------
*/
.block-special {background: #e9e9e9; padding:45px 0px}
.block-special .card{background: transparent; color: #252525; margin-bottom:20px}
.block-special .card .img{width: auto; height: 110px;}
.block-special .card .card-title{font-size: 16px; font-weight: 500; line-height: 25px; max-height: 50px; transition: all 0.15s ease-in-out}
.block-special .card .card-title-small{font-size: 12px; font-weight: 700; margin-top:-7px;}
.block-special .card:hover .card-title{color: #0084da}
.block-special .card .card-text{font-size: 16px; font-weight: 300; overflow: hidden; max-height: 95px}


/**
 * --------- Block price calendar ----------
*/
.block-price-calendar{padding:30px; color: #fff}
.block-price-calendar .block-body{padding:0px 15px}
.block-price-calendar .col{padding:30px 30px 15px 30px;}
.block-price-calendar .col-price{background: #00aeef}
.block-price-calendar .col-procedure{background: #01a0dc}
.block-price-calendar .col-calendar{background: #00aeef;}
.block-price-calendar .block-title{font-size: 30px; font-weight: 700; color: #fff}
.block-price-calendar .sapo{font-size: 15px; font-weight: 300; line-height: 25px}
.block-price-calendar .sapo p{margin:0px}
.block-price-calendar .link{color:#80dcff; font-size: 11px; line-height: 25px}
.block-price-calendar .btn-detail{background: #0084da; padding:10px 25px; color: #fff; border-radius:25px; text-transform: uppercase; margin-top:20px}
.block-price-calendar .btn-detail:hover{background: #80dcff}

.block-price-calendar .col-calendar .table{font-size: 15px; font-weight: 300; cursor: pointer;}
.block-price-calendar .col-calendar .table thead{border-bottom:1px solid #80dcff; }
.block-price-calendar .col-calendar .table thead th{padding-left:15px}
.block-price-calendar .col-calendar .table th{font-weight: 300; text-align: center}
.block-price-calendar .col-calendar .table th, .block-price-calendar .col-calendar .table td{padding:3px 0px}


/**
 * --------- Block news event ----------
*/
.block-news-event{margin-top:40px}
.block-news-event .col-left .box-cover{overflow: hidden; height: 480px; width: 100%}
.block-news-event .col-left .box-cover .cover{position: absolute; z-index: 1; min-width: 100%; min-height: 480px; transform: scale(1);}
.block-news-event .col-left:hover .box-cover .cover{transform: scale(1.05)}
.block-news-event .col-left .box-cover .caption{background-color: rgba(47,166,254,1); width: 90%; position: absolute; z-index: 2; left:5%; bottom:4%; padding:20px; color:#fff; transition:all 0.15s ease-in-out}
.block-news-event .col-left:hover .box-cover .caption{background-color: rgba(47,166,254,0.9);}
.block-news-event .col-left .box-cover .caption .title{font-size: 18px; font-weight: 500; margin-bottom:15px; overflow: hidden; max-height: 80px}
.block-news-event .col-left .box-cover .caption .sapo{font-size: 16px; font-weight: 300; overflow: hidden; max-height: 100px}
/* Col right news main */
.block-news-event .col-right{padding-left:15px}
.block-news-event .news-main{padding-left:15px}
.block-news-event .news-main .box-cover{overflow: hidden; width: 48%; height: 250px}
.block-news-event .news-main .box-cover .cover{min-width: 100%; height: 100%; transform: scale(1);}
.block-news-event .news-main:hover .box-cover .cover{transform: scale(1.05);}
.block-news-event .news-main .media-header{font-weight: 500; color:#252525; font-size: 18px; line-height: 25px}
.block-news-event .news-main:hover .media-header{color: #00aeef}
.block-news-event .news-main .sapo{font-size: 16px; font-weight: 300; color: #252525}
/* Col right news other */
.block-news-event .news-other{padding-left:15px; margin-top:15px}
.block-news-event .news-other .box-cover{height: 105px; overflow: hidden;}
.block-news-event .news-other .box-cover .cover{width: 100%; min-height: 105px; transform: scale(1);}
.block-news-event .news-other .card:hover .box-cover .cover{transform: scale(1.05);}
.block-news-event .news-other .card-body{padding:15px 0px}
.block-news-event .news-other .card-title{font-size: 18px; font-weight: 400; color: #252525; line-height: 25px; max-height: 100px; overflow: hidden;}
.block-news-event .news-other .card-title .badge{bottom:13px; right: 0; font-size: 11px}
.block-news-event .news-other .card:hover .card-title{color: #0084da}


/**
 * --------- Block gallery ----------
*/
.block-gallery{background: #e9e9e9; padding:30px 0px 15px 0px}
.block-gallery .box-cover{width: 100%; height: 250px; overflow: hidden; margin-bottom:30px;}
.block-gallery .box-cover .cover{width: 100%; min-height:250px}
.block-gallery .caption {
    background-color: rgba(19,166,255,0.76);
    width: 500px;
    height: 450px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate(265px, 145px) rotate(45deg);
    -moz-transform: translate(265px, 145px) rotate(45deg);
    -o-transform: translate(265px, 145px) rotate(45deg);
    -ms-transform: translate(265px, 145px) rotate(45deg);
    transform: translate(265px, 145px) rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
 }
 .block-gallery .item-gallery:hover .caption {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate(-50px, -340px) rotate(45deg);
    -moz-transform: translate(-50px, -340px) rotate(45deg);
    -o-transform: translate(-50px, -340px) rotate(45deg);
    -ms-transform: translate(-50px, -340px) rotate(45deg);
    transform: translate(-50px, -340px) rotate(45deg);
 }

.block-gallery .item-gallery .group-img-hover{padding:20px 0px 0px 0px; position: absolute; z-index: 9; top:0; left:0; width: 100%}
.block-gallery .item-gallery .group-img-hover .box-cover{height: 110px; width: 110px; overflow: hidden; position: relative; border-radius: 50%;}
.block-gallery .item-gallery .group-img-hover .box-cover .img{width: auto; height: 100%;}
.block-gallery .item-gallery .group-img-hover {
    -webkit-transform: translate(0px, -150px);
    -moz-transform: translate(0px, -150px);
    -o-transform: translate(0px, -150px);
    -ms-transform: translate(0px, -150px);
    transform: translate(0px, -150px);
    -webkit-transition: all 0.2s 0.1s ease-in-out;
    -moz-transition: all 0.2s 0.1s ease-in-out;
    -o-transition: all 0.2s 0.1s ease-in-out;
    -ms-transition: all 0.2s 0.1s ease-in-out;
    transition: all 0.1s 0.1s ease-in-out;
 }
 .block-gallery .item-gallery:hover .group-img-hover {
    -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    transform: translate(0px,0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.2s;
 }

.block-gallery .item-gallery .group-text{padding:10px; color:#fff; position: absolute; width: 100%; bottom:0}
.block-gallery .item-gallery .group-text .title{margin-bottom:7px}
.block-gallery .item-gallery .title {
    background: transparent;
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -o-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    transform: translate(-100px, 100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.block-gallery .item-gallery:hover .title {
    -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    transform: translate(0px,0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.block-gallery .item-gallery .group-text .sapo{overflow: hidden; max-height: 50px}
.block-gallery .item-gallery .group-text .sapo {
    -webkit-transform: translate(-200px, 200px);
    -moz-transform: translate(-200px, 200px);
    -o-transform: translate(-200px, 200px);
    -ms-transform: translate(-200px, 200px);
    transform: translate(100px, 100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.block-gallery .item-gallery:hover .group-text .sapo {
    -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    transform: translate(0px,0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
/**
 * --------- Block comunication ----------
*/
.block-communication{padding:50px 0px 0px 0px}
.block-communication .swiper-communication-container { width: 100%;  height: 100%; margin-top:40px}
.block-communication .swiper-communication-slide {height: 340px; overflow: hidden; align-items: start}
.block-communication .swiper-communication-button-next, 
.block-communication .swiper-communication-button-prev{width: 70px; height: 70px; background-color:rgba(0,0,0,0.3); border-radius:50%; text-align: center; cursor: pointer; position: absolute; top:35%; z-index: 99; outline: none}
.block-communication .swiper-communication-button-next:hover, 
.block-communication .swiper-communication-button-prev:hover{background-color: rgba(0,132,218,.8)}
.block-communication .swiper-communication-button-next{right:-20px}
.block-communication .swiper-communication-button-prev{left:-20px}
.block-communication .swiper-communication-button-next i, .block-communication .swiper-communication-button-prev i{font-size: 30px; color: #fff; line-height: 70px}
.block-communication .card .box-cover{width: 100%; height: 190px; overflow: hidden;}
.block-communication .card .box-cover .cover{width: 100%; min-height: 100%}
.block-communication .card .card-body{padding:7px}
.block-communication .card .cate{color: #00aeef; font-size: 12px; font-weight: 400; padding-top:5px}
.block-communication .card .card-title{font-size: 18px; color: #363636; font-weight: 400; text-align: left; line-height: 25px; max-height: 100px; overflow: hidden;}
.block-communication .card:hover .card-title{color: #0084da}

/**
 * --------- Block department health ----------
*/
.block-department-health .notify-header{font-size: 24px; font-weight: 700; color: #13a6ff; margin-bottom:20px}
.block-department-health .col-notify .swiper-container{padding-top:7px; height: 730px;}
.block-department-health .col-notify .box-date{height: 80px; width: 80px; border-radius:50%; border:1px solid #c2c0c0; background: #fff}
.block-department-health .col-notify .box-date .date{width: 65%; margin:13px auto 0px auto; border-bottom:1px solid #a4a4a4; color: #888; font-weight: 300; font-size: 18px}
.block-department-health .col-notify .box-date .year{color: #888; font-size: 18px; font-weight: 300}
.block-department-health .col-notify .media-title{color: #5b5b5b; font-size:18px; font-weight: 400; max-height: 65px; overflow: hidden;}
.block-department-health .col-notify .media:hover .media-title{color: #00aeef}
.block-department-health .col-notify .cate{color: #888; font-size:12px; font-weight: 400; margin-top:-5px}
.block-department-health .col-notify .line{height: 100px;border-left: 1px solid #f6f6f6;position: absolute;left: 40px;z-index: 0; top:50px}
.block-department-health .col-notify .slide-notify-next,
.block-department-health .col-notify .slide-notify-prev{width:40px; height: 40px; border-radius:50%; border:1px solid #c2c0c0; margin-left:5px; cursor: pointer; outline: none}
.block-department-health .col-notify .slide-notify-next i,
.block-department-health .col-notify .slide-notify-prev i{font-size: 25px; color: #c2c0c0}
.block-department-health .col-notify .slide-notify-next:hover,
.block-department-health .col-notify .slide-notify-prev:hover{border-color: #0084da}
.block-department-health .col-notify .slide-notify-next:hover i,
.block-department-health .col-notify .slide-notify-prev:hover i{color: #0084da}
/* col news new*/
.block-department-health{padding-top:30px; padding-bottom:30px}
.block-department-health .col-new .new-header{font-size: 24px; font-weight: 700; color: #13a6ff; margin-bottom:20px}
.block-department-health .col-new .feature .box-cover{width: 350px; height: 245px; overflow: hidden;}
.block-department-health .col-new .feature .box-cover .cover{width: 100%; min-height: 245px;}
.block-department-health .col-new .feature .cate{color: #00aeef; font-size: 12px; font-weight: 700}
.block-department-health .col-new .feature .media-title{font-size: 18px; color: #252525; font-weight: 500; line-height: 25px; overflow: hidden; max-height: 100px}
.block-department-health .col-new .feature:hover .media-title{color: #00aeef}
.block-department-health .col-new .feature .sapo{font-size: 16px; color: #252525; font-weight: 300; overflow: hidden; max-height: 120px}
.block-department-health .col-new .new-other{margin-top:25px}
.block-department-health .col-new .new-other .media{margin-bottom:25px}
.block-department-health .col-new .new-other .media .cate{color: #00aeef; font-size: 12px; font-weight: 700}
.block-department-health .col-new .new-other .media-title{font-size: 18px; color: #252525; font-weight: 500; line-height: 25px}
.block-department-health .col-new .new-other .media:hover .media-title{color: #00aeef}
.block-department-health .col-new .new-other .box-cover{width: 175px; height: 135px; overflow: hidden;}
.block-department-health .col-new .new-other .box-cover .cover{min-width: 100%; height: 100%;}

/**
 * --------- Block feedback ----------
*/
.block-feedback{margin-top:70px; position: relative;}
.block-feedback .mark{background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(255,0,0,0)); position: absolute; width: 100%; height: 100%; opacity: 0.1;}
.block-feedback .container{height: 450px; background-image: url(../../images/bg-feedback.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: contain}
.block-feedback .form-feedback{margin-top:30px}
.block-feedback .form-feedback .form-control{background: rgba(255,255,255,0.6); border-radius:20px; margin-bottom:20px; font-size:14px; font-weight: 500}
.block-feedback .form-feedback .form-control::placeholder{color:#207edb}
.block-feedback .form-feedback .btn-feedback{background: #00aeef; padding:10px 50px; color:#fff; border-radius:25px;}
.block-feedback .form-feedback .btn-feedback:hover{background: #1F84D9}


.poup-covid{width: 300px; height: 300px; position: fixed; z-index: 99; bottom: 20px; right: 110px; border-radius:10px; display: none}
.poup-covid img{width: 100%; height: 100%; border-radius:10px}
.poup-covid .close-poup{background: white; padding: 2px 10px; border: none!important; border-radius: 10px; position:absolute; top:5px; right: 5px; font-size: 12px; box-shadow: none!important; outline: none!important; cursor: pointer;}