/**
 * Version: 1.0.0
 */

/**
 * ========================================
 * Helpers
 * ========================================
 */
 .no-border{border: none;}
 .no-radius{border-radius:0px!important}
 .relative{position: relative;}
 .clearfix:before,.clearfix:after{display: table; content:" "}
 .clearfix:after{clear: both;}
 .no-padding{padding:0px}
 .no-padding-right{padding-right:0px!important}
 .no-padding-left{padding-left:0px!important}
 .no-shadow{box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none}
 .font-12{font-size: 12px;}
 .font-16{font-size: 16px;}

.averta{font-family: "Averta", Arial, Helvetica, sans-serif;}
body{font-family: "Averta", Arial, Helvetica, sans-serif;}
a{text-decoration: none!important}
.transition{transition: all 0.15s ease-in-out}
.cover-transform .cover{transform: scale(1); transition:all 0.3s ease-in-out}
.cover-transform:hover .cover{transform: scale(1.1)}
.badge-new{font-size: 11px; font-weight: 400; text-transform: lowercase; position: absolute; margin-left:5px}

/**
 * ========================================
 * Header
 * ========================================
 */

 /**
 * --------- Header top ----------
 */
 .header-top{height: 46px; background-color: #fafafa; border-bottom: 1px solid #e9e9e9; line-height: 43px}
 .header-top .hotline-icon{background: url(../images/icon-hotline-24.png) 0px 7px no-repeat; padding:5px 15px}
 .header-top .hotline-text{font-size: 10px; color: #898989; font-weight: 700}
 .header-top .hotline-phone{font-size: 12px; color: #0084da;}
 .header-top .btn-group{margin-right:-13px; margin-top:3px}
 .header-top .btn-group .btn{background: transparent}
 .header-top .btn-group .btn i{font-size: 22px; color:#898989}
 .header-top .btn-group .btn:hover i{color: #00aeef}
 .header-top .search-box{width: 240px; margin-top: 8px; margin-right:10px}
 .header-top .search-box .form-control{height: 30px; font-size: 13px; border-top-left-radius: 7px; border-bottom-left-radius: 7px}
 .header-top .input-group-prepend{border-top-right-radius: 7px; border-bottom-right-radius: 7px}
 .header-top .input-group-prepend .input-group-text{background: transparent; border-left: none; border-top-right-radius: 7px;border-bottom-right-radius: 7px; padding:6px 8px; cursor: pointer;}
 .header-top .input-group-prepend .input-group-text:hover .fa{color: #00aeef}
/**
 * --------- Header ----------
 */
 .header-logo{height: 120px; padding:15px 0px; overflow: hidden; width: 100%;}
 .header-logo .logo-img{width: 105px;}
 .header-logo .logo-img img{width: 100%;}
 .header-logo .logo-text{margin-left:115px; padding-top:4px}
 .header-logo .logo-text .logo-title{font-size: 20px; font-weight: 800; color: #00aeef; line-height: 28px;}
 .header-logo .logo-text .slogan{font-size: 14px; color: #0084da; font-weight: 700; text-transform: capitalize}
 /* col address */
 .header-logo .col-address{max-width: 315px;}
 .header-logo .col-address .box-img{line-height: 90px}
 .header-logo .col-address .box-info{margin-left:65px; color:#707070; font-size: 11px; margin-top:20px; line-height: 18px; }
 .header-logo .line-border{border-left:2px solid #e9e9e9; height:52px; margin-top:22px; width:2px}
 /* col register phong kham */
 .header-logo .col-pk{max-width: 17%; flex: 0 0 17%; margin-left:15px;}
 .header-logo .col-pk .line-border{position:absolute; top:0; left:-5px}
 /* col register medical */
 .header-logo .col-register-medical{max-width: 20%; flex: 0 0 20%;}
 .header-logo .col-register-medical .box-img{line-height: 90px; margin-right:20px}
 .header-logo .col-register-medical .box-info{color:#707070; font-size: 11px; padding-top:20px; line-height: 18px}
 .header-logo .col-register-medical .box-info .title{color: #00aeef; font-weight: 700}
 

/**
 * --------- Menu top ----------
*/
.menu-top{border-top:2px solid #e9e9e9}
.menu-top .navbar{padding:0; margin-top:-2px}
.menu-top .navbar .nav-item{padding:0px 20px 0px 0px;}
.menu-top .navbar .nav-item .nav-link{line-height: 60px; padding:0px; text-transform: uppercase; color: #707070; font-weight: 700; font-size: 14px; border-top:2px solid transparent; transition: all 0.15s ease-in-out;}
.menu-top .navbar .nav-item:hover .nav-link, .menu-top .navbar .nav-item.active .nav-link{color: #00aeef; border-top-color: #0084da}
.menu-top .navbar .dropdown.show .dropdown-menu{display: none}
.menu-top .navbar .dropdown:hover .dropdown-menu{display: block; margin-top:-10px; border-radius:0px; border:none; border-top:3px solid #0084da}
.menu-top .navbar .dropdown:hover .dropdown-menu .dropdown-item{padding:3px 15px; font-size: 14px; font-weight: 500; color:#707070}
.menu-top .navbar .dropdown:hover .dropdown-menu .dropdown-item:hover{background: transparent; color: #00aeef}
.menu-top .navbar .dropdown-menu-lv3{display: none; position: absolute; left: 100%; background: #fff; top: 0; border-top: 2px solid #0084da; padding:8px 0px}
.menu-top .navbar .dropdown:hover .dropdown-menu .dropdown-item:hover .dropdown-menu-lv3{display: block;}


/**
 * --------- Control button right ----------
*/
.control-button-right{width: 95px; height: 280px; position: fixed; right:0; top:70px; text-align: right; z-index: 999; transition: all 0.15s ease-in-out}
.control-button-right.w-20{width: 20px}
.control-button-right .btn-toggle{width: 20px; height: 20px; background: #0089bc; color: #fff; text-align: center; vertical-align: middle; box-shadow: none; outline: none; margin-bottom:1px; line-height: 0px; cursor: pointer;}
.control-button-right .btn-toggle:hover{background: #00aeef}
.control-button-right .btn-group-vertical{width: 100%;  transition: all 0.15s ease-in-out}
.control-button-right.w-20 .btn-group-vertical{width: 0px}
.control-button-right .btn{width: 100%; color:#fff; vertical-align: bottom; height: 95px;  box-shadow: none}
.control-button-right .btn .text{font-size: 11px; font-weight: 400; bottom:10px; text-align: center; width: 100%; left:0;}
/* btn 115 */
.control-button-right .btn-phone-115{background: #0089bc url(../images/icon-phone-115.png) no-repeat center 27%; border-radius:0px;}
.control-button-right .btn-group-115.show .btn-phone-115{background: #fff url(../images/icon-phone-115-hover.png) no-repeat center 27%; color:#00aeef}
/* btn calendar */
.control-button-right .btn-calendar{background: #04a7e3 url(../images/icon-calendar.png) no-repeat center 27%; border-radius:0px}
/* btn house */
.control-button-right .btn-house{background: #04a7e3 url(../images/icon-house.png) no-repeat center 27%; border-radius:0px}
/* btn dm */
.control-button-right .btn-dm{background: #04a7e3 url(../images/icon-dm.png) no-repeat center 27%; border-radius:0px}
/* btn location */
.control-button-right .btn-location{background: #0dbbfc url(../images/icon-location.png) no-repeat center 27%; border-radius:0px}
.control-button-right .btn-group-location.show .btn-location{background: #fff url(../images/icon-location-hover.png) no-repeat center 27%; color: #00aeef}
/* dropdown menu 115 */
.control-button-right .dropdown-menu{border-radius:0px; border:none; border-top:3px solid #00aeef; width: 400px; margin-right:0px}
.control-button-right .dropdown-menu .header{padding: 20px; font-size: 30px; font-weight: 900; color: #252525}
.control-button-right .dropdown-menu .header .icon{margin-top:-16px}
.control-button-right .dropdown-menu .text-please-call{font-size: 18px; color: #333;}
.control-button-right .dropdown-menu .number-115{font-size: 72px; font-weight: 900; color: #FF0527; line-height: 76px; }
.control-button-right .dropdown-menu .call-other{background: #f2fbfe; padding:20px 40px}
.control-button-right .dropdown-menu .phone-number{font-size: 24px; color: #00aeef; font-weight: 500}
.control-button-right .dropdown-menu .text-hotline{padding:15px 0px 10px 0px; font-size: 14px; color: #252525}
/* dropdown menu location */
.control-button-right .btn-group-location .dropdown-menu{margin-top:-150px}
.control-button-right .dropdown-menu .text-address{padding:0px 50px 10px 50px; font-size: 18px; color: #555555;}
.control-button-right .dropdown-menu .iframe-maps{height: 300px; overflow: hidden;}
/* btn web call free */
.control-button-right .btn-web-call-free{background: #04a7e3; border-radius:0px; text-align: center; width: 100%; padding: 10px; color:#fff}
.control-button-right .btn-web-call-free .fa{color: #fff; font-size: 40px; margin-bottom: 7px;}
.control-button-right .btn-web-call-free .text{color: #fff; font-size: 10px; font-weight: 400; text-transform: uppercase;}

/**
 * --------- Block global ----------
*/
.block-title{font-size: 30px; color: #333; font-weight: 700;}
.block-slogan{font-size: 14px; color: #00aeef; font-weight: 500; margin-bottom:20px}
.block-line{background:#00aeef; height:5px; width:100px; margin:50px auto}

/**
 * --------- Breadcrumb ----------
*/
.custom-breadcrumb{background:#f5f5f5}
.custom-breadcrumb .breadcrumb{background: transparent; padding:0px}
.custom-breadcrumb .breadcrumb .breadcrumb-item{line-height: 60px; font-size: 15px; font-weight: 300}
.custom-breadcrumb .breadcrumb .breadcrumb-item a{color:#00aeef; }
.custom-breadcrumb .breadcrumb .breadcrumb-item:hover a{color:#0084da}

/**
 * --------- Pagination ----------
*/
.pagination .page-item{margin-right:10px}
.pagination .page-item .page-link{border-radius:0px; padding:10px 17px; background: #f8f8f8; color:#707070; border:0px; transition:all 0.15s ease-in-out}
.pagination .page-item:hover .page-link, .pagination .page-item.active .page-link{background: #00aeef; color:#fff}

/**
 * --------- Loader in button ----------
*/
.loader {
    border:3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #0084da;
    border-bottom: 3px solid #0084da;
    width: 28px;
    height: 28px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: none
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#messageError p{padding:0px; margin:0px; max-width: 70%}
#messageSuccess{max-width: 70%}

/**
 * --------- Footer ----------
*/
.footer .footer-nav{background: #00aeef}
.footer .footer-nav .nav-link{color: #fff; text-transform: uppercase; padding:0px 8px; line-height: 70px; font-size: 14px; font-weight: 400}
.footer .footer-nav .nav-link:hover{color:#1075a0}
.footer .footer-nav .btn-group{margin-top:10px}
.footer .footer-nav .btn-group .btn{color:#FFF100; font-size: 24px}
.footer .footer-nav .btn-group .btn:hover{color: #1075a0}
.footer .footer-bottom{background: #1075a0; height: 150px; color: #fff; font-size: 14px; font-weight: 300; padding-top:20px}

/**
 * --------- Mmenu ----------
*/
.mm-menu {
    --mm-color-background: #fff;
    --mm-color-text: #464646;
    --mm-color-button: #00aeef;
    --mm-color-border:#efefef
 }
 .mm-menu a{font-size: 16px}
 .mm-panel_has-navbar .mm-navbar{background: #ebebeb}
 .mm-panel_has-navbar .mm-navbar .mm-navbar__title{text-transform: uppercase; color: #333}
 .mm-listitem:after{left:0}

 /* facebook chat*/
 .fb_dialog{bottom:8pt!important; right:8pt!important; background: transparent!important}
 .back_to_top{width: 45pt; height: 45pt; position: fixed; right:8pt; bottom: 60pt; background: rgba(0,133,189,0.8); z-index: 999; border-radius: 50%; text-align: center; box-shadow: 0 3px 12px rgba(0, 0, 0, .15); cursor: pointer; display: none}
 .back_to_top .fa{ line-height: 55px; font-size: 30px; color: #fff;}

 /* pa callnow */
 .dmd-ph-img-circle{top: 30px!important}