.main-content{margin-top:4rem;margin-bottom:6rem}.clinic-content{margin-top:4rem;margin-bottom:6rem;box-shadow:0 1px 20px 0 rgba(218,227,232,.75);border-radius:4px;padding:15px 20px;background-color:#fff;width:100%}.clinic-content .content-wraper .main-title{color:#282828;font-weight:600;font-size:24px;display:block;margin-bottom:20px;position:relative}@media only screen and (max-width:991px){.main-content{padding:15px}}.departments-box-layout{border-radius:4px;margin-bottom:30px;transition:all .3s ease-out}.departments-box-layout .item-img{position:relative;overflow:hidden;width:100%}.departments-box-layout .item-img img{border-radius:4px;width:100%;object-fit:cover}.departments-box-layout .item-img:before{content:"";background:linear-gradient(to top,#396cf0,transparent);opacity:.4;height:60%;width:100%;bottom:0;border-radius:4px;position:absolute;z-index:1;transition:all .3s ease-out}.departments-box-layout .item-img .item-content{padding:0 20px 0 30px;position:absolute;top:73%;left:0;right:0;z-index:3;transition:all .3s ease-out}.departments-box-layout .item-img .item-content .item-title{text-transform:capitalize;font-weight:700;font-size:22px;margin-bottom:12px}.departments-box-layout .item-img .item-content .item-title a{color:#fff;transition:all .5s ease-out}.departments-box-layout .item-img .item-content .item-title a:hover{color:#e3e3e3}.departments-box-layout .item-img .item-content p{color:#fff;opacity:0;visibility:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;transition:all .3s ease-out}.departments-box-layout .item-img .item-content .item-btn{padding:8px 24px;border:1px solid;border-color:#fff;border-radius:4px;display:inline-block;font-size:14px;font-weight:500;color:#fff;opacity:0;visibility:hidden;transition:all .3s ease-out}.departments-box-layout .item-img .item-content .item-btn:hover{background-color:#fff;color:#000}.departments-box-layout .item-img .item-content .item-btn i{margin-left:3px;font-size:18px}.departments-box-layout:hover{}.departments-box-layout:hover .item-img:before{}.departments-box-layout:hover .item-content{}.departments-box-layout:hover .item-content p,.departments-box-layout:hover .item-content .item-btn{opacity:1;visibility:visible}.team-box-layout{background-color:#fff;padding:25px;margin-bottom:30px;border-radius:4px}.team-box-layout .item-mid{position:relative}.team-box-layout .item-mid .item-img{position:relative;background-color:#f1f7fa;border-radius:4px;overflow:hidden;width:100%}.team-box-layout .item-mid .item-img img{width:100%;object-fit:cover;height:545px}.team-box-layout .item-mid .item-img .item-icon{position:absolute;top:50%;transform:translateY(-50%);text-align:center;left:0;right:0;z-index:2}.team-box-layout .item-mid .item-img .item-icon li{display:inline-block;visibility:hidden;opacity:0}.team-box-layout .item-mid .item-img .item-icon li a{color:#fff;font-size:36px;transition:all .5s ease-out}.team-box-layout .item-mid .item-img .item-icon li a:hover{color:#e3e3e3}.team-box-layout .item-mid .item-img:hover:after{visibility:visible;opacity:1}.team-box-layout .item-mid .item-img:hover .item-icon li{visibility:visible;opacity:1;transform:translateY(0);transition:all .5s ease-out}.team-box-layout .item-mid .item-content{position:absolute;bottom:0;width:100%;padding:15px;transition:all .5s ease-out}.team-box-layout .item-mid .item-content .item-content-mid{margin-bottom:0;text-align:center;width:100%;background-color:#0f2738;border-radius:4px;overflow:hidden;padding:10px 0 0 0;height:86px;transition:all .5s ease-out}.team-box-layout .item-mid .item-content .item-content-mid .item-title{text-transform:capitalize;font-size:20px;margin-bottom:0}.team-box-layout .item-mid .item-content .item-content-mid .item-title a{color:#fff;transition:all .3s ease-out}.team-box-layout .item-mid .item-content .item-content-mid .item-title a:hover{color:#e0dede}.team-box-layout .item-mid .item-content .item-content-mid p{color:#fff;margin-bottom:20;font-weight:500;transition:all .6s ease-in-out;transform:all .6s}.team-box-layout .item-mid .item-content .item-content-mid .item-social{text-align:center;margin-bottom:0;opacity:0;visibility:hidden;transition:all .7s ease-in-out;transform:all .7s}.team-box-layout .item-mid .item-content .item-content-mid .item-social ul{margin:0;padding:0}.team-box-layout .item-mid .item-content .item-content-mid .item-social li{display:inline-block;margin:0 10px}.team-box-layout .item-mid .item-content .item-content-mid .item-social li a{color:#fff}.team-box-layout .item-mid .item-content .item-content-mid .item-social li a:hover{color:#e0dede}.team-box-layout:hover .item-content .item-content-mid{margin-bottom:0;text-align:center;width:100%;background-color:rgba(15,39,56,.9);border-radius:4px;height:auto;overflow:hidden;padding:26px 15px 33px 15px}.team-box-layout:hover .item-content .item-content-mid .item-social{opacity:1;visibility:visible;display:block}.service-box-layout{background-color:#fff;border-radius:5px;padding:20px 20px 20px 20px;-webkit-transition:all .4s;transition:all .4s;margin-bottom:40px}@media screen and (max-width:1199px){.service-box-layout{margin-bottom:30px}}.service-box-layout:hover{-webkit-box-shadow:0 29px 50px rgba(192,203,230,.5);box-shadow:0 29px 50px rgba(192,203,230,.5)}.service-box-layout:hover .item-img:before{-webkit-animation:light .75s;animation:light .75s}.service-box-layout:hover .item-img a img{-webkit-filter:grayscale(0);filter:grayscale(0)}.service-box-layout:hover .item-img .item-icon i::before{-webkit-filter:grayscale(0);filter:grayscale(0)}.service-box-layout:hover .item-content:after{width:100%}.service-box-layout .item-img{margin:0;position:relative;overflow:hidden}.service-box-layout .item-img:before{content:"";width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(57,108,240,0)),to(rgba(57,108,240,.2)));background:linear-gradient(to right,rgba(57,108,240,0) 0%,rgba(57,108,240,.2) 100%);position:absolute;top:0;left:-70%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);-webkit-transition:all .4s;transition:all .4s;z-index:1}.service-box-layout .item-img img{width:100%;object-fit:cover}.service-box-layout .item-img .item-icon{position:absolute;left:50%;top:-20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.service-box-layout .item-img .item-icon{background-color:#fff;height:90px;width:90px;display:inline-block;text-align:center;line-height:90px;border-radius:50%;overflow:hidden}.service-box-layout .item-img .item-icon:before{color:#396cf0;font-size:46px;margin:0;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .4s;transition:all .4s}.service-box-layout .item-img .item-icon img{max-width:50px;filter:grayscale(100%);height:auto}.service-box-layout:hover .item-img .item-icon img{-webkit-filter:grayscale(0);filter:grayscale(0)}.service-box-layout .item-img a img{border-radius:5px}.service-box-layout .item-content{padding:25px 0 20px 0;text-align:center;position:relative}.service-box-layout .item-content:after{content:"";width:50px;height:5px;background:#396cf0;position:absolute;border-radius:50px;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .4s;transition:all .4s}.service-box-layout .item-content .item-title{font-weight:700;font-size:22px;line-height:26px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;height:53px;display:-webkit-box;-webkit-box-orient:vertical}.service-box-layout .item-content .item-title a{color:#111;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.service-box-layout .item-content .item-title a:hover{color:#396cf0}.service-box-layout .item-content .item-button .item-btn:hover{color:#fff}.service-box-layout .item-content .item-button .item-btn:hover::after{visibility:visible;opacity:1;width:100%;-webkit-transition:width .4s ease;transition:width .4s ease}.service-box-layout .item-content .item-button .item-btn:hover i{-webkit-transform:scale(1.2);transform:scale(1.2)}.service-box-layout .item-content .item-button .item-btn i{-webkit-transition:all .4s;transition:all .4s;-webkit-transform:scale(1);transform:scale(1)}.service-box-layout .item-content .item-button .item-btn{font-weight:600;font-size:15px;line-height:26px;background:#f0f4ff;border-radius:5px;padding:8px 20px;display:inline-block;text-align:center;text-transform:capitalize;position:relative;z-index:1;-webkit-transition:all .4s;transition:all .4s}.service-box-layout .item-content .item-button .item-btn::after{content:"";height:100%;width:0;background-color:#396cf0;visibility:hidden;opacity:0;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .4s;transition:all .4s;border-radius:5px}.service-box-layout .item-content .item-button .item-btn:hover::after{visibility:visible;opacity:1;width:100%;-webkit-transition:width .4s ease;transition:width .4s ease}.service-box-layout .item-content .item-button .item-btn i{-webkit-transition:all .4s;transition:all .4s;-webkit-transform:scale(1);transform:scale(1);font-size:16px;margin-left:10px}.service-box-layout .item-content .item-button .item-btn:hover{color:#fff}.menuTab-out{-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding-bottom:50px}.menuTab ul{border:none}.menuTab ul li{display:inline-block}.menuTab .nav-tabs>li.active>a,.menuTab .nav-tabs>li.active>a:hover,.menuTab .nav-tabs>li.active>a:focus{background-color:#396cf0;color:#fff}.menuTab ul li{float:none}.menuTab ul li a{display:block;padding:10px 25px;font-size:14px;text-transform:uppercase;position:relative;background-color:#f5f5f5;border-radius:0;font-weight:500}.menuTab ul li a:hover,.menuTab ul li.active a{background-color:#396cf0;color:#fff}.menuTab ul li a:hover:before,.menuTab ul li.active a:before{width:100%}.tab-item{margin-bottom:30px}.tab-item h4.icon_about{text-transform:uppercase}.tab-pane h4,.tab-pane-video h4{padding-left:40px;position:relative;border-bottom:solid 2px #396cf0;color:#396cf0;font-weight:600;font-size:20px;display:block;margin-bottom:30px}.tab-pane h4::after,.tab-pane-video h4::after{content:'';height:30px;background-color:#396cf0;width:30px;position:absolute;top:0;left:0;z-index:0}.tab-pane h4.icon_about::before{content:'';background-image:url(http://hanhphucclinic.vn/themes/phongkhamhanhphuc/images/focus.png.pagespeed.ce.j7SmjInddd.png);background-repeat:no-repeat;background-size:contain;height:20px;background-color:#396cf0;width:20px;position:absolute;top:5px;left:5px;z-index:1}.tab-pane h4.icon_email::before{content:'';background-image:url(http://hanhphucclinic.vn/themes/phongkhamhanhphuc/images/email.png.pagespeed.ce.woHYoFBXB5.png);background-repeat:no-repeat;background-size:contain;height:20px;background-color:#396cf0;width:20px;position:absolute;top:5px;left:5px;z-index:1}.tab-pane h4.icon_video::before,.tab-pane-video h4.icon_video::before{content:'';background-image:url(http://hanhphucclinic.vn/themes/phongkhamhanhphuc/images/video-files.png.pagespeed.ce.Xelize5FYO.png);background-repeat:no-repeat;background-size:contain;height:20px;background-color:#396cf0;width:20px;position:absolute;top:5px;left:5px;z-index:1}.post-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:35px;justify-content:space-between;flex-wrap:wrap}.post-item .post-img{width:230px;height:140px;-o-object-fit:cover;object-fit:cover;margin-right:20px}.post-item article{width:calc(100% - 250px)}.post-item article .see-more{float:right}.post-item article p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.post-item article .see-more .btn-more{text-decoration:underline}.post-item h3{font-size:20px;color:#396cf0}.tab-item .video iframe{display:table;max-width:784px;width:100%;margin:0 auto}.select-j .title{padding:8px 10px;position:relative;text-transform:uppercase;background-color:#f8f8f8;border:1px solid #eee;font-size:14px}.select-j .title:before{content:"\f0d7";font-family:FontAwesome;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;line-height:26px;color:#999}.select-j .title:hover{cursor:pointer}.select-j.active .title:before{top:18%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.select-j .content{top:100%;width:100%;overflow:auto;z-index:10;display:none;text-align:left}.select-j .content ul li{float:none;border-bottom:solid 1px rgba(0,0,0,.1);margin-bottom:0}.select-j .content ul li a{padding:8px 15px;display:block;border-radius:0;background:#fff;border:none}.select-j .content ul li.active a{background-color:#396cf0;color:#fff}.select-j .content ul li:not(:last-child) a {border-bottom:solid 1px rgba(0,0,0,.1)}@media only screen and (max-width:991px){.post-item .post-img,.post-item article{width:100%}}.modal.fade.in{z-index:999999!important}a.appointment{background-color:#396cf0;border-color:#396cf0;bottom:20px;color:#fff;display:block;position:fixed;right:20px;text-align:center;transition:all .1s ease-out;z-index:5;padding:10px 22px;border-radius:4px;font-size:16px;font-weight:500}a.appointment:hover,a.appointment:focus{background-color:#396cf0;color:#fff}.appointment-submit{position:relative}form .message{font-size:14px;margin-top:5px;height:14px}form .message .error{color:#dc143c}form .message .success{color:#5cb85c}.form-control.focus{border-color:#dc143c;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075) , 0 0 8px rgba(233,102,102,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075) , 0 0 8px rgba(233,102,102,.6)}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}#formAppointment input,#formAppointment textarea,#formAppointment select{font-size:16px;line-height:1.5;padding:4px}.processing:before{content:"";margin:0 auto;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(0,0,0,.1)!important;border-right:3px solid rgba(0,0,0,.1)!important;border-bottom:3px solid rgba(0,0,0,.1)!important;opacity:.8;border-left:3px solid #5cb85c;-webkit-animation:spin .5s infinite linear;animation:spin .5s infinite linear;border-radius:50%;width:30px;height:30px;pointer-events:none}.processing:before{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;z-index:99}@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}