.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.modal-body,
.card-text a,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.sort .dropdown-item span,
.lang .dropdown-item,
.sort .dropdown-item,
.btn.btn-link,
.btn.back,
.btn.sort,
.btn--plus>span {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.card-price .price,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card--medical .card-text,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--patient .card-title a,
.card-title a,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card--doctorsquare .card-title,
.card--insurance .card-title,
.card--patient .card-title,
.card--facilities .card-title,
.card--team .card-title,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6,
.form-label,
.lang .dropdown-item.active,
.sort .dropdown-item.active,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.link,
.btn.btn-link span.active,
.btn.more,
.btn {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.modal-body h1,
.card h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .modal-body h1,
    .card h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.modal-body h2,
.card h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .modal-body h2,
    .card h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.modal-body h3,
.card h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .modal-body h3,
    .card h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.modal-body h4,
.card h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .modal-body h4,
    .card h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.card-price .price,
.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.modal-body h5,
.card h5 {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .card-price .price,
    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .modal-body h5,
    .card h5 {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.modal-body h6,
.card h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-author,
.card-date {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.card-label p,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.form-label,
.lang .dropdown-item,
.sort .dropdown-item,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.link,
.btn.back,
.btn.more,
.btn--plus>span,
.btn {
    font-size: 14px;
    line-height: 22px
}

.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text,
.card--medical .card-text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text,
    .card--medical .card-text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.breadcrumb-item,
.card--doctorsquare .card-text,
.card--news .card-date,
.card--newsslide .card-date {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover,
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"],
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card--benefit__horizontal .card-img-top a:hover img,
.card--benefit__horizontal .card-img-top img,
.form-check-input:checked[type=checkbox],
.form-check-input,
.btn.back .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.more .arrow,
.btn.more .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.mobile-menu-opened .btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span,
.form--search.active .btn.search,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn--plus:hover .text::after,
.btn--plus:hover>span,
.btn--plus .text::after,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.modal-body,
.card-text a,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.sort .dropdown-item span,
.lang .dropdown-item,
.sort .dropdown-item,
.btn.btn-link,
.btn.back,
.btn.sort,
.btn--plus>span {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.card-price .price,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card--medical .card-text,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--patient .card-title a,
.card-title a,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card--doctorsquare .card-title,
.card--insurance .card-title,
.card--patient .card-title,
.card--facilities .card-title,
.card--team .card-title,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6,
.form-label,
.lang .dropdown-item.active,
.sort .dropdown-item.active,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.link,
.btn.btn-link span.active,
.btn.more,
.btn {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.modal-body h1,
.card h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .modal-body h1,
    .card h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.modal-body h2,
.card h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .modal-body h2,
    .card h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.modal-body h3,
.card h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .modal-body h3,
    .card h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.modal-body h4,
.card h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .modal-body h4,
    .card h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.card-price .price,
.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.modal-body h5,
.card h5 {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .card-price .price,
    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .modal-body h5,
    .card h5 {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.modal-body h6,
.card h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-author,
.card-date {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.card-label p,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.form-label,
.lang .dropdown-item,
.sort .dropdown-item,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.link,
.btn.back,
.btn.more,
.btn--plus>span,
.btn {
    font-size: 14px;
    line-height: 22px
}

.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text,
.card--medical .card-text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text,
    .card--medical .card-text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.breadcrumb-item,
.card--doctorsquare .card-text,
.card--news .card-date,
.card--newsslide .card-date {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover,
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"],
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card--benefit__horizontal .card-img-top a:hover img,
.card--benefit__horizontal .card-img-top img,
.form-check-input:checked[type=checkbox],
.form-check-input,
.btn.back .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.more .arrow,
.btn.more .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.mobile-menu-opened .btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span,
.form--search.active .btn.search,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn--plus:hover .text::after,
.btn--plus:hover>span,
.btn--plus .text::after,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

.btn {
    border-radius: 6px;
    outline: none;
    box-shadow: none
}

.btn-primary {
    width: 100%;
    padding: 10px;
    color: #fff;
    border-radius: 6px;
    border-color: #2f5697;
    background-color: #2f5697
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    outline: none;
    box-shadow: none;
    color: #fff;
    border-color: #293a5a;
    background-color: #293a5a
}

.btn-primary.outline {
    color: #293a5a;
    border-radius: 6px;
    border-color: #cecfd3;
    background-color: rgba(0, 0, 0, 0)
}

.btn-primary.outline.active {
    color: #fff;
    border-radius: 6px;
    border-color: #293a5a;
    background-color: #293a5a
}

.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover {
    color: #fff;
    border-color: #293a5a;
    background-color: #fff
}

.btn-secondary {
    width: 100%;
    padding: 10px;
    color: #fff;
    border-radius: 6px;
    border-color: #325fac;
    background-color: #325fac
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    outline: none;
    box-shadow: none;
    color: #fff;
    border-color: #001334;
    background-color: #001334
}

.btn--plus {
    width: auto;
    padding: 5px 10px 5px 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    color: #315fac;
    display: flex !important;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit;
    align-items: center;
    -webkit-align-items: center
}

.btn--plus>span {
    display: inline-block;
    color: #315fac
}

.btn--plus .text {
    position: relative
}

.btn--plus .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #315fac;
    position: absolute;
    left: 0;
    bottom: 3px;
    opacity: 1
}

.btn--plus [class^=icon-],
.btn--plus [class*=" icon-"] {
    font-size: 30px;
    margin-left: 15px
}

.btn--plus:hover>span {
    color: #293a5a
}

.btn--plus:hover .text::after {
    background-color: #293a5a
}

.btn--blue {
    border-color: #325fac;
    background-color: #325fac
}

.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover {
    color: #fff;
    border-color: #001334;
    background-color: #001334
}

.btn.sort {
    color: #325fac;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 24px;
    padding: 5px 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 991px) {
    .btn.sort {
        font-size: 14px;
        line-height: 22px
    }
}

.btn.sort [class^=icon-],
.btn.sort [class*=" icon-"] {
    font-size: 24px;
    margin-right: 10px
}

.btn.sort::before,
.btn.sort::after {
    display: none !important
}

.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover {
    color: #315fac;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.btn.sort:active::after,
.btn.sort:focus::after,
.btn.sort:hover::after {
    display: none
}

.btn.search {
    width: 45px;
    padding: 10px;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important
}

@media(max-width: 1200px) {
    .btn.search {
        width: 40px;
        padding: 8px
    }
}

@media(max-width: 919px) {
    .btn.search {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

.form--search.active .btn.search {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.btn--mobile {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
    box-shadow: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.btn--mobile:active,
.btn--mobile:focus,
.btn--mobile:hover,
.btn--mobile:active:focus {
    outline: none;
    display: flex !important;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.btn--mobile span {
    display: block;
    width: 75%;
    height: 2px;
    background-color: #293a5a;
    position: relative
}

.mobile-menu-opened .btn--mobile span {
    background-color: rgba(0, 0, 0, 0)
}

.btn--mobile span::before,
.btn--mobile span::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #293a5a;
    position: absolute;
    left: 0
}

.btn--mobile span::before {
    top: -5px
}

.mobile-menu-opened .btn--mobile span::before {
    -webkit-transform: translateY(5px) rotate(-45deg);
    -moz-transform: translateY(5px) rotate(-45deg);
    -ms-transform: translateY(5px) rotate(-45deg);
    -o-transform: translateY(5px) rotate(-45deg);
    transform: translateY(5px) rotate(-45deg)
}

.btn--mobile span::after {
    bottom: -5px
}

.mobile-menu-opened .btn--mobile span::after {
    -webkit-transform: translateY(-5px) rotate(45deg);
    -moz-transform: translateY(-5px) rotate(45deg);
    -ms-transform: translateY(-5px) rotate(45deg);
    -o-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg)
}

.btn.more {
    padding: 5px 0;
    color: #315fac;
    border: none;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.btn.more:active,
.btn.more:focus,
.btn.more:hover {
    color: #293a5a;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.facilities--action .btn.more:active,
.facilities--action .btn.more:focus,
.facilities--action .btn.more:hover {
    color: #293a5a
}

.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after {
    background-color: #293a5a
}

.facilities--action .btn.more:active .text::after,
.facilities--action .btn.more:focus .text::after,
.facilities--action .btn.more:hover .text::after {
    background-color: #293a5a
}

.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow {
    background-color: #293a5a
}

.facilities--action .btn.more:active .arrow,
.facilities--action .btn.more:focus .arrow,
.facilities--action .btn.more:hover .arrow {
    background-color: #293a5a
}

.facilities--action .btn.more[aria-expanded=true] .arrow::after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.btn.more .text {
    display: inline-block;
    position: relative
}

.btn.more .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #325fac;
    position: absolute;
    bottom: 3px;
    left: 0
}

.btn.more .arrow {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    border-radius: 4px;
    background-color: #325fac;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.btn.more .arrow::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn.back {
    padding: 5px 0;
    color: #2f5697;
    border: none;
    position: relative
}

.btn.back:active,
.btn.back:focus,
.btn.back:hover {
    color: #293a5a
}

.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow {
    background-color: #293a5a
}

.btn.back>span {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.btn.back .text {
    display: inline-block
}

.btn.back .arrow {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    border-radius: 4px;
    background-color: #2f5697;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.btn.back .arrow::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn.btn-link {
    color: #94959e;
    border: none;
    padding: 0 5px;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media(max-width: 767px) {
    .btn.btn-link {
        color: rgba(0, 0, 0, .65);
        font-family: "Sukhumvit Tadmai", Arial, sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 14px;
        line-height: 1;
        padding: 12px 0
    }
}

.btn.btn-link span {
    display: inline-block;
    width: 100%;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media(max-width: 767px) {
    .btn.btn-link span {
        color: rgba(0, 0, 0, .65);
        font-family: "Sukhumvit Tadmai", Arial, sans-serif;
        font-weight: bold;
        font-style: normal
    }
}

.btn.btn-link span.active {
    color: #3489d4;
    margin-top: -1px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    text-decoration: underline;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media(max-width: 767px) {
    .btn.btn-link span.active {
        display: none
    }
}

.btn.btn-link:focus,
.btn.btn-link:active,
.btn.btn-link:hover {
    color: #3489d4;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.btn.btn-link::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #3489d4;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0
}

@media(max-width: 767px) {
    .btn.btn-link.active::after {
        opacity: 1
    }
}

.btn.btn-link.active span {
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media(max-width: 767px) {
    .btn.btn-link.active span {
        opacity: 1;
        color: #3489d4;
        text-decoration: none
    }
}

.btn.btn-link.active span.active {
    opacity: 1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.modal-body,
.card-text a,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.sort .dropdown-item span,
.lang .dropdown-item,
.sort .dropdown-item,
.btn--plus>span,
.btn.sort,
.btn.back,
.btn.btn-link {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.card-price .price,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card--medical .card-text,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--patient .card-title a,
.card-title a,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card--doctorsquare .card-title,
.card--insurance .card-title,
.card--patient .card-title,
.card--facilities .card-title,
.card--team .card-title,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6,
.form-label,
.lang .dropdown-item.active,
.sort .dropdown-item.active,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.link,
.btn,
.btn.more,
.btn.btn-link span.active {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.modal-body h1,
.card h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .modal-body h1,
    .card h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.modal-body h2,
.card h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .modal-body h2,
    .card h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.modal-body h3,
.card h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .modal-body h3,
    .card h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.modal-body h4,
.card h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .modal-body h4,
    .card h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.card-price .price,
.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.modal-body h5,
.card h5 {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .card-price .price,
    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .modal-body h5,
    .card h5 {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.modal-body h6,
.card h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-author,
.card-date {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.card-label p,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.form-label,
.lang .dropdown-item,
.sort .dropdown-item,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.link,
.btn,
.btn--plus>span,
.btn.more,
.btn.back {
    font-size: 14px;
    line-height: 22px
}

.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text,
.card--medical .card-text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text,
    .card--medical .card-text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.breadcrumb-item,
.card--doctorsquare .card-text,
.card--news .card-date,
.card--newsslide .card-date {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover,
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"],
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card--benefit__horizontal .card-img-top a:hover img,
.card--benefit__horizontal .card-img-top img,
.form-check-input:checked[type=checkbox],
.form-check-input,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn--plus .text::after,
.btn--plus:hover>span,
.btn--plus:hover .text::after,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.form--search.active .btn.search,
.btn--mobile span,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.mobile-menu-opened .btn--mobile span::after,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more .text::after,
.btn.more .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.back .arrow {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

.link {
    padding: 0;
    color: #212121;
    position: relative
}

.link::before {
    content: "";
    display: none;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 3px;
    opacity: 0;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.link:visited {
    color: #000
}

.link[aria-expanded=true],
.link.active,
.link:hover {
    color: #000
}

.link[aria-expanded=true]::before,
.link.active::before,
.link:hover::before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.link[aria-expanded=true],
.link.active {
    color: #315fac
}

.link[aria-expanded=true]::before,
.link.active::before {
    background-color: #315fac
}

.link.white {
    color: #fff
}

.link.white::before {
    background-color: rgba(255, 255, 255, .5)
}

.link--menu::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    left: 0;
    bottom: 3px;
    opacity: 0;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.link--menu[aria-expanded=true]::before,
.link--menu.active::before,
.link--menu:hover::before,
.link--menu:visited::before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.dropdown-toggle {
    margin-right: 15px
}

.dropdown-toggle::after {
    width: 5px;
    height: 5px;
    margin: 0;
    vertical-align: inherit;
    border: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    top: 8px;
    right: -12px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.current .dropdown-toggle::after {
    border-bottom-color: #315fac;
    border-right-color: #315fac
}

.dropdown-toggle[aria-expanded=true]::after {
    top: 11px;
    border-bottom-color: #315fac;
    border-right-color: #315fac;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.dropdown-toggle.white::after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}

@media(max-width: 991px) {
    .dropdown-toggle.search {
        width: 25px;
        height: 25px;
        border: none;
        background-color: rgba(0, 0, 0, 0);
        padding: 3px 0 0 0;
        margin: 0;
        font-size: 24px;
        color: #293a5a;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center
    }
}

@media(max-width: 991px) {

    .dropdown-toggle.search::before,
    .dropdown-toggle.search::after {
        display: none
    }
}

.lang,
.sort {
    position: relative;
    padding-left: 5px;
    padding-right: 10px
}

.lang::before,
.lang::after,
.sort::before,
.sort::after {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lang::before,
.sort::before {
    left: 0
}

.lang::after,
.sort::after {
    right: 0
}

.lang .dropdown-toggle,
.sort .dropdown-toggle {
    padding: 0;
    position: relative
}

.lang .dropdown-toggle::before,
.sort .dropdown-toggle::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #293a5a;
    position: absolute;
    left: 0;
    bottom: 3px;
    opacity: 1
}

@media(max-width: 991px) {

    .lang .dropdown-toggle::before,
    .sort .dropdown-toggle::before {
        background-color: #293a5a
    }
}

@media(max-width: 991px) {

    .lang .dropdown-toggle::after,
    .sort .dropdown-toggle::after {
        border-bottom-color: #f37920;
        border-right-color: #f37920
    }
}

@media(max-width: 991px) {

    .lang .dropdown-toggle[aria-expanded=true]::after,
    .sort .dropdown-toggle[aria-expanded=true]::after {
        border-bottom-color: #f37920;
        border-right-color: #f37920
    }
}

.lang .dropdown-toggle.white,
.sort .dropdown-toggle.white {
    color: #fff
}

.lang .dropdown-toggle.white::before,
.sort .dropdown-toggle.white::before {
    background-color: rgba(255, 255, 255, .5)
}

.lang .dropdown-menu,
.sort .dropdown-menu {
    padding: 5px 0;
    min-width: 70px;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, .2), 0px 8px 10px 1px rgba(164, 164, 172, .14), 0px 3px 14px 2px rgba(164, 164, 172, .12)
}

.lang .dropdown-item,
.sort .dropdown-item {
    color: #293a5a;
    padding: 5px 10px;
    text-align: center
}

.lang .dropdown-item:visited,
.sort .dropdown-item:visited {
    color: #293a5a
}

.lang .dropdown-item.active,
.lang .dropdown-item:hover,
.lang .dropdown-item:visited,
.sort .dropdown-item.active,
.sort .dropdown-item:hover,
.sort .dropdown-item:visited {
    color: #293a5a;
    background-color: rgba(0, 0, 0, 0)
}

.sort .dropdown-menu {
    margin-top: 5px !important;
    padding: 0;
    min-width: 200px
}

.sort .dropdown-menu li:first-child button {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.sort .dropdown-menu li:last-child button {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.sort .dropdown-menu li:last-child button span {
    border-bottom-color: rgba(0, 0, 0, 0)
}

.sort .dropdown-item {
    padding: 0 15px
}

.sort .dropdown-item span {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px solid #e7e7e9
}

.sort .dropdown-item.active {
    color: #fff;
    background-color: #3489d4;
    border-bottom-color: #3489d4
}

.sort .dropdown-item.active span {
    border-bottom-color: rgba(0, 0, 0, 0)
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.modal-body,
.card-text a,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.btn--plus>span,
.btn.sort,
.btn.back,
.btn.btn-link,
.lang .dropdown-item,
.sort .dropdown-item,
.sort .dropdown-item span {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.card-price .price,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card--medical .card-text,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--patient .card-title a,
.card-title a,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card--doctorsquare .card-title,
.card--insurance .card-title,
.card--patient .card-title,
.card--facilities .card-title,
.card--team .card-title,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6,
.form-label,
.btn,
.btn.more,
.btn.btn-link span.active,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item.active,
.sort .dropdown-item.active {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.modal-body h1,
.card h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .modal-body h1,
    .card h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.modal-body h2,
.card h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .modal-body h2,
    .card h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.modal-body h3,
.card h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .modal-body h3,
    .card h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.modal-body h4,
.card h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .modal-body h4,
    .card h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.card-price .price,
.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.modal-body h5,
.card h5 {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .card-price .price,
    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .modal-body h5,
    .card h5 {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.modal-body h6,
.card h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-author,
.card-date {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.card-label p,
.cs-options ul li span,
.form-select,
.form-check,
.form-control,
.form-label,
.btn,
.btn--plus>span,
.btn.more,
.btn.back,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item,
.sort .dropdown-item {
    font-size: 14px;
    line-height: 22px
}

.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text,
.card--medical .card-text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text,
    .card--medical .card-text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.breadcrumb-item,
.card--doctorsquare .card-text,
.card--news .card-date,
.card--newsslide .card-date {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover,
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"],
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card--benefit__horizontal .card-img-top a:hover img,
.card--benefit__horizontal .card-img-top img,
.form-check-input:checked[type=checkbox],
.form-check-input,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn--plus .text::after,
.btn--plus:hover>span,
.btn--plus:hover .text::after,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.form--search.active .btn.search,
.btn--mobile span,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.mobile-menu-opened .btn--mobile span::after,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more .text::after,
.btn.more .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.back .arrow {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

form {
    color: #293a5a
}

form ::-webkit-input-placeholder {
    color: #c7c8cc
}

form :-moz-placeholder {
    color: #c7c8cc
}

form ::-moz-placeholder {
    color: #c7c8cc
}

form :-ms-input-placeholder {
    color: #c7c8cc
}

form textarea {
    resize: none
}

.form--contact form ::-webkit-input-placeholder {
    color: #c7c8cc
}

.form--contact form :-moz-placeholder {
    color: #c7c8cc
}

.form--contact form ::-moz-placeholder {
    color: #c7c8cc
}

.form--contact form :-ms-input-placeholder {
    color: #c7c8cc
}

.form-label {
    color: #293a5a
}

.form-label sup {
    color: #315fac
}

.form-control {
    padding: 11px 12px;
    border-radius: 6px;
    border-color: #cecfd3;
    background-color: #fff
}

@media(max-width: 1200px) {
    .form-control {
        padding: 5px 10px
    }
}

.form--contact .form-control {
    padding: 8px 10px;
    border-color: #cecfd3
}

.form--joinus .form-control,
.form--doctor .form-control {
    border-left: none
}

@media(max-width: 1200px) {

    .form--joinus .form-control,
    .form--doctor .form-control {
        padding: 11px 12px
    }
}

@media(max-width: 1200px) {

    .form--joinus--detail .form-control,
    .form--appointment .form-control {
        padding: 11px 12px
    }
}

.form-control:focus,
.form-control:visited {
    color: #000;
    background-color: #fff;
    border-color: #325fac;
    outline: 0;
    box-shadow: none !important
}

.form--joinus .form-control:focus,
.form--doctor .form-control:focus,
.form--joinus .form-control:visited,
.form--doctor .form-control:visited {
    border-color: #cecfd3
}

.form--search .form-control {
    width: 0;
    padding: 11px 0;
    border-color: rgba(0, 0, 0, 0);
    -webkit-transition: width .15s, border .15s, padding .15s .08s;
    -moz-transition: width .15s, border .15s, padding .15s .08s;
    -ms-transition: width .15s, border .15s, padding .15s .08s;
    -o-transition: width .15s, border .15s, padding .15s .08s;
    transition: width .15s, border .15s, padding .15s .08s
}

.form--search.active .form-control {
    width: 1%;
    padding: 11px 12px;
    border-color: #cecfd3;
    -webkit-transition: width .3s, border .3s, padding .1s .03s;
    -moz-transition: width .3s, border .3s, padding .1s .03s;
    -ms-transition: width .3s, border .3s, padding .1s .03s;
    -o-transition: width .3s, border .3s, padding .1s .03s;
    transition: width .3s, border .3s, padding .1s .03s
}

.form-check {
    color: #293a5a
}

.form-check a {
    color: #315fac;
    text-decoration: underline !important
}

.form-check a:hover {
    color: #293a5a;
    text-decoration: none !important
}

.form-check-input {
    box-shadow: none;
    border-color: #cecfd3
}

.form-check-input:focus {
    box-shadow: none
}

.form-check-input:checked[type=checkbox] {
    background-color: #747c8a;
    border-color: #747c8a;
    box-shadow: none
}

.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    margin-bottom: 0;
    color: #293a5a
}

.form-select {
    padding: 11px 12px;
    border-radius: 6px;
    border-color: #cecfd3;
    background-color: #fff
}

@media(max-width: 1200px) {
    .form-select {
        padding: 5px 10px
    }
}

@media(max-width: 1200px) {

    .form--medical .form-select,
    .form--joinus .form-select,
    .form--doctor .form-select,
    .form--joinus--detail .form-select,
    .form--doctorsquare .form-select,
    .form--appointment .form-select {
        padding: 11px 12px
    }
}

.form-select:focus,
.form-select:visited {
    color: #000;
    background-color: #fff;
    border-color: #325fac;
    outline: 0;
    box-shadow: none !important
}

.form--joinus .form-select:focus,
.form--doctor .form-select:focus,
.form--doctorsquare .form-select:focus,
.form--joinus .form-select:visited,
.form--doctor .form-select:visited,
.form--doctorsquare .form-select:visited {
    border-color: #cecfd3
}

.form-select option:first-child {
    color: #c7c8cc
}

.form--joinus .input-group,
.form--doctor .input-group {
    border-color: #cecfd3;
    border-radius: 6px
}

.form--joinus .input-group [class^=icon-],
.form--doctor .input-group [class^=icon-],
.form--joinus .input-group [class*=" icon-"],
.form--doctor .input-group [class*=" icon-"] {
    font-size: 14px;
    line-height: 1;
    color: #293a5a
}

.form--joinus .input-group-text,
.form--doctor .input-group-text {
    padding-left: 15px;
    border-right: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff
}

.form--joinus .input-group .form-control,
.form--doctor .input-group .form-control {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.cs-select {
    padding: 0 !important
}

.cs-select span.cs-placeholder {
    padding: 11px 12px
}

.cs-select span.cs-placeholder::after {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #747c8a;
    border-right: 2px solid #747c8a;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    top: 45%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.cs-select.cs-active span.cs-placeholder::after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(225deg);
    -moz-transform: translateY(-50%) rotate(225deg);
    -ms-transform: translateY(-50%) rotate(225deg);
    -o-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg)
}

.cs-options {
    margin-top: 1px
}

.cs-options ul {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 6px;
    border: 1px solid #cecfd3;
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

@media(max-width: 479px) {
    .cs-options ul {
        max-height: 200px
    }
}

.cs-options ul li span {
    padding: 10px;
    color: #293a5a;
    -webkit-transition: background .3s, color .3s;
    -moz-transition: background .3s, color .3s;
    -ms-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.cs-options ul li span:hover {
    color: #fff;
    background-color: #3489d4;
    -webkit-transition: background .3s, color .3s;
    -moz-transition: background .3s, color .3s;
    -ms-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.cs-options ul li span::after {
    display: none
}

.cs-options ul li.cs-selected span {
    color: #fff;
    background-color: #3489d4;
    -webkit-transition: background .3s, color .3s;
    -moz-transition: background .3s, color .3s;
    -ms-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.modal-body,
.card-text a,
.btn--plus>span,
.btn.sort,
.btn.back,
.btn.btn-link,
.lang .dropdown-item,
.sort .dropdown-item,
.sort .dropdown-item span,
.form-control,
.form-check,
.form-select,
.cs-options ul li span {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.card-price .price,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card--medical .card-text,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--patient .card-title a,
.card-title a,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card--doctorsquare .card-title,
.card--insurance .card-title,
.card--patient .card-title,
.card--facilities .card-title,
.card--team .card-title,
.btn,
.btn.more,
.btn.btn-link span.active,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item.active,
.sort .dropdown-item.active,
.form-label,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.modal-body h1,
.card h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .modal-body h1,
    .card h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.modal-body h2,
.card h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .modal-body h2,
    .card h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.modal-body h3,
.card h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .modal-body h3,
    .card h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.modal-body h4,
.card h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .modal-body h4,
    .card h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.card-price .price,
.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.modal-body h5,
.card h5 {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .card-price .price,
    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .modal-body h5,
    .card h5 {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.modal-body h6,
.card h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-author,
.card-date {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.card-label p,
.btn,
.btn--plus>span,
.btn.more,
.btn.back,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item,
.sort .dropdown-item,
.form-label,
.form-control,
.form-check,
.form-select,
.cs-options ul li span {
    font-size: 14px;
    line-height: 22px
}

.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text,
.card--medical .card-text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text,
    .card--medical .card-text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.breadcrumb-item,
.card--doctorsquare .card-text,
.card--news .card-date,
.card--newsslide .card-date {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover,
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"],
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card--benefit__horizontal .card-img-top a:hover img,
.card--benefit__horizontal .card-img-top img,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn--plus .text::after,
.btn--plus:hover>span,
.btn--plus:hover .text::after,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.form--search.active .btn.search,
.btn--mobile span,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.mobile-menu-opened .btn--mobile span::after,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more .text::after,
.btn.more .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.back .arrow,
.form-check-input,
.form-check-input:checked[type=checkbox] {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

.card {
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 30px;
    box-sizing: border-box;
    box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, .2), 0px 8px 10px 1px rgba(164, 164, 172, .14), 0px 3px 14px 2px rgba(164, 164, 172, .12);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.card--news .card,
.card--package .card {
    height: 100%;
    margin-bottom: 0;
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
    overflow: hidden
}

@media(max-width: 575px) {

    .card--news .card,
    .card--package .card {
        margin-bottom: 0
    }
}

@media(max-width: 480px) {

    .card--news .card,
    .card--package .card {
        height: auto
    }
}

.card--doctor .card {
    height: 100%;
    margin-bottom: 0;
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative
}

@media(max-width: 575px) {
    .card--doctor .card {
        margin-bottom: 0
    }
}

@media(max-width: 480px) {
    .card--doctor .card {
        height: auto
    }
}

.card--doctor .card::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #3489d4;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

@media(max-width: 480px) {
    .home .card--news .card {
        height: 100%;
        margin-bottom: 15px
    }
}

.card--newsslide .card {
    padding: 30px 40px;
    border: none;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row
}

@media(max-width: 1200px) {
    .card--newsslide .card {
        padding: 30px
    }
}

@media(max-width: 480px) {
    .card--newsslide .card {
        height: 100%;
        padding: 0;
        margin-bottom: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        position: relative;
        overflow: hidden;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-direction: column;
        -webkit-flex-direction: column
    }
}

.card--mission .card {
    height: 100%;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.card--team .card {
    height: 100%;
    border: none;
    margin-bottom: 0
}

.card--facilities .card,
.card--patient .card {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0px 5px 20px -3px rgba(161, 174, 186, .2)
}

@media(max-width: 600px) {

    .card--facilities .card,
    .card--patient .card {
        height: auto;
        max-width: 275px;
        margin: 0 auto
    }
}

@media(max-width: 479px) {

    .card--facilities .card,
    .card--patient .card {
        max-width: 100%
    }
}

.card--insurance .card {
    height: 100%;
    padding: 20px 45px 20px 30px;
    box-shadow: 0px 0px 20px rgba(161, 174, 186, .18);
    border-radius: 4px;
    margin-bottom: 0
}

.card--benefit__horizontal .card {
    padding: 30px 60px 30px 30px;
    box-shadow: 0px 0px 20px rgba(161, 174, 186, .18);
    border-radius: 4px;
    margin-bottom: 0
}

@media(max-width: 1600px) {
    .card--benefit__horizontal .card {
        padding: 30px 45px 30px 30px
    }
}

@media(max-width: 991px) {
    .card--benefit__horizontal .card {
        padding: 20px
    }
}

@media(max-width: 767px) {
    .card--benefit__horizontal .card {
        max-width: 360px;
        margin: 0 auto
    }
}

.card--benefit__vertical .card {
    height: 100%;
    margin: 0;
    border: none
}

.card--medical .card {
    width: 100%;
    height: 100%;
    padding: 25px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin-bottom: 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 55px rgba(161, 174, 186, .18);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: inherit;
    -webkit-flex-direction: inherit;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 666px) {
    .card--medical .card {
        min-height: 175px;
        padding: 30px 15px;
        display: block;
        justify-content: inherit;
        -webkit-justify-content: inherit;
        align-items: inherit;
        -webkit-align-items: inherit;
        flex-wrap: inherit;
        -webkit-flex-wrap: inherit;
        flex-direction: inherit;
        -webkit-flex-direction: inherit;
        align-items: inherit;
        -webkit-align-items: inherit;
        flex-wrap: inherit;
        -webkit-flex-wrap: inherit;
        flex-direction: inherit;
        -webkit-flex-direction: inherit
    }
}

@media(max-width: 370px) {
    .card--medical .card {
        min-height: inherit;
        padding: 15px
    }
}

.card--doctorsquare .card {
    width: 100% !important;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    display: block;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit
}

.card--doctorsquare .card::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #3489d4;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.card--doctorsquare .card span {
    display: block;
    width: 100%;
    text-align: left
}

.card--medical .card.selected,
.card--doctorsquare .card.selected {
    border: 1px solid #3489d4
}

.card--doctorsquare .card.selected {
    width: 100%;
    display: block;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit
}

.card--doctorsquare .card.selected span {
    display: block;
    width: 100%
}

.card--news .card:hover,
.card--package .card:hover {
    box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, .4), 0px 8px 10px 1px rgba(164, 164, 172, .4), 0px 3px 14px 2px rgba(164, 164, 172, .4);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {

    .card--news .card:hover,
    .card--package .card:hover {
        box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, .2), 0px 8px 10px 1px rgba(164, 164, 172, .14), 0px 3px 14px 2px rgba(164, 164, 172, .12)
    }
}

.card--doctor .card:hover {
    box-shadow: 0px 0px 55px rgba(161, 174, 186, .18)
}

.card--doctor .card:hover::before {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.card--doctorsquare .card:hover {
    width: 100%;
    display: block;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit;
    justify-content: inherit;
    -webkit-justify-content: inherit;
    align-items: inherit;
    -webkit-align-items: inherit;
    flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    flex-direction: inherit;
    -webkit-flex-direction: inherit
}

.card--doctorsquare .card:hover::before {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.card--medical .card:hover {
    border-color: #3489d4;
    background-color: #e5f9ff
}

.card a {
    display: inline-block
}

.card-img-top {
    position: relative;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.card-img-top.background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.card--news .card:hover .card-img-top.background,
.card--package .card:hover .card-img-top.background {
    opacity: .25;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

@media(max-width: 575px) {
    .card-img-top.background {
        display: none
    }
}

.card-img-top::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #3489d4;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.card--doctorsquare .card:hover .card-img-top::before,
.card--doctor .card:hover .card-img-top::before {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.card-img-top.blank {
    background-image: url(../images/medical-center/doctor/blank.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.card--news .card-img-top,
.card--package .card-img-top {
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.card--news .card:hover .card-img-top,
.card--package .card:hover .card-img-top {
    opacity: 0;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

@media(max-width: 575px) {

    .card--news .card:hover .card-img-top,
    .card--package .card:hover .card-img-top {
        opacity: 1
    }
}

.card--newsslide .card-img-top {
    width: 45%;
    border-radius: 4px
}

@media(max-width: 480px) {
    .card--newsslide .card-img-top {
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.card--mission .card-img-top {
    position: relative;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, .2), 0px 8px 10px 1px rgba(164, 164, 172, .2), 0px 3px 14px 2px rgba(164, 164, 172, .2)
}

.card--benefit__horizontal .card-img-top {
    padding-right: 30px
}

@media(max-width: 1600px) {
    .card--benefit__horizontal .card-img-top {
        padding-right: 0
    }
}

.card--medical .card-img-top {
    width: 85px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 666px) {
    .card--medical .card-img-top {
        width: 100%;
        margin-bottom: 15px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center
    }
}

.card-img-top::after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.card--mission .card-img-top::after,
.card--insurance .card-img-top::after,
.card--benefit__horizontal .card-img-top::after,
.card--medical .card-img-top::after {
    display: none
}

.card--benefit__vertical .card-img-top::after {
    padding-bottom: 64%
}

.card--doctor .card-img-top::after {
    padding-bottom: 117.82%
}

.card-img-top img {
    display: none
}

.card--mission .card-img-top img {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden
}

.card--insurance .card-img-top img {
    display: inline-block;
    width: 100%;
    max-width: 180px;
    height: auto
}

.card--benefit__horizontal .card-img-top img {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, .2), 0px 8px 10px 1px rgba(164, 164, 172, .14), 0px 3px 14px 2px rgba(164, 164, 172, .12)
}

.card-img-top a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.card--benefit__horizontal .card-img-top a {
    width: 100%;
    height: auto;
    position: inherit;
    top: auto;
    left: auto
}

.card--benefit__horizontal .card-img-top a:hover img {
    box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, 0), 0px 8px 10px 1px rgba(164, 164, 172, 0), 0px 3px 14px 2px rgba(164, 164, 172, 0)
}

.card--medical .card-img-top .icon {
    width: 85px;
    height: 85px;
    max-width: 85px;
    max-height: 85px;
    margin: 0;
    background-color: #e5f9ff;
    border-radius: 50%;
    color: #3489d4;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 666px) {
    .card--medical .card-img-top .icon {
        width: 65px;
        height: 65px;
        max-width: 65px;
        max-height: 65px
    }
}

.card--medical .card-img-top .icon img {
    display: inline-block;
    width: 100%;
    max-width: 40px;
    max-height: 40px
}

@media(max-width: 666px) {
    .card--medical .card-img-top .icon img {
        max-width: 35px;
        max-height: 35px
    }
}

.card--medical .card-img-top [class^=icon-],
.card--medical .card-img-top [class*=" icon-"] {
    width: 85px;
    height: 85px;
    max-width: 85px;
    max-height: 85px;
    margin: 0;
    background-color: #e5f9ff;
    border-radius: 50%;
    font-size: 40px;
    color: #3489d4;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 666px) {

    .card--medical .card-img-top [class^=icon-],
    .card--medical .card-img-top [class*=" icon-"] {
        width: 65px;
        height: 65px;
        max-width: 65px;
        max-height: 65px;
        font-size: 36px
    }
}

.card-date {
    color: #3489d4
}

.card--newsslide .card-date {
    color: #747c8a
}

.card-body {
    padding: 20px 15px;
    color: #747c8a;
    position: relative;
    z-index: 2
}

.card--news .card-body,
.card--package .card-body {
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {

    .card--news .card-body,
    .card--package .card-body {
        display: none
    }
}

.card--news .card-body::before,
.card--package .card-body::before {
    content: "";
    display: block;
    padding-top: calc(100% + 30px);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {

    .card--news .card-body::before,
    .card--package .card-body::before {
        display: none;
        padding-top: 0
    }
}

@media(max-width: 575px) {
    .card--package .card-body {
        padding-bottom: 20px
    }
}

.card--news .card-body {
    padding-bottom: 90px
}

@media(max-width: 575px) {
    .card--news .card-body {
        padding-bottom: 20px
    }
}

.card--doctor .card-body {
    padding: 25px 15px;
    -webkit-transition: all .75s;
    -moz-transition: all .75s;
    -ms-transition: all .75s;
    -o-transition: all .75s;
    transition: all .75s
}

.card--news .card:hover .card-body,
.card--package .card:hover .card-body {
    background-color: rgba(255, 255, 255, .45);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.card--news .card:hover .card-body::before,
.card--package .card:hover .card-body::before {
    padding-top: calc(50% + 30px);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.card--newsslide .card-body {
    width: 55%;
    padding: 15px 20px 15px 60px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 1200px) {
    .card--newsslide .card-body {
        padding: 15px 0 15px 30px
    }
}

@media(max-width: 480px) {
    .card--newsslide .card-body {
        width: 100%;
        padding: 20px 15px 20px
    }
}

.card--mission .card-body {
    padding: 0 30px;
    color: rgba(0, 0, 0, .65);
    background-color: rgba(0, 0, 0, 0);
    position: relative
}

@media(max-width: 991px) {
    .card--mission .card-body {
        padding: 0 15px 0 30px
    }
}

@media(max-width: 666px) {
    .card--mission .card-body {
        padding: 0 15px 0 0
    }
}

.card--mission .card-body::before {
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    background-color: #315fac;
    position: absolute;
    top: 8px;
    left: 0
}

@media(max-width: 666px) {
    .card--mission .card-body::before {
        display: none
    }
}

.card--team .card-body {
    padding: 15px 20px 20px
}

@media(max-width: 666px) {
    .card--team .card-body {
        padding: 15px 10px 10px
    }
}

.card--facilities .card-body {
    padding: 10px 15px
}

.card--patient .card-body {
    padding: 15px
}

.card--insurance .card-body {
    padding: 15px 0
}

.card--benefit__horizontal .card-body {
    padding: 15px 30px
}

@media(max-width: 1600px) {
    .card--benefit__horizontal .card-body {
        padding: 15px 30px 15px 45px
    }
}

@media(max-width: 991px) {
    .card--benefit__horizontal .card-body {
        padding: 0 0 0 30px
    }
}

@media(max-width: 767px) {
    .card--benefit__horizontal .card-body {
        padding: 30px 0 10px
    }
}

.card--benefit__vertical .card-body {
    padding-bottom: 0;
    flex: inherit
}

.card--medical .card-body {
    width: calc(100% - 85px);
    padding: 0 0 0 25px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

@media(max-width: 666px) {
    .card--medical .card-body {
        width: 100%;
        padding: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

.card--doctorsquare .card-body {
    display: block;
    padding: 10px 15px 20px 15px
}

.card-body.mobile {
    opacity: 0
}

@media(max-width: 575px) {
    .card-body.mobile {
        opacity: 1;
        display: block;
        height: inherit;
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        z-index: inherit
    }
}

.card-body.mobile::before {
    display: none
}

.card--news .card-body.mobile,
.card--package .card-body.mobile {
    width: 100%;
    height: inherit;
    position: relative;
    bottom: auto;
    left: auto
}

.card-title {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.card--package .card:hover .card-title {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px)
}

@media(max-width: 575px) {
    .card--package .card:hover .card-title {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.card--team .card-title {
    -webkit-line-clamp: inherit;
    font-size: 14px;
    line-height: 22px;
    color: #293a5a;
    margin-bottom: 5px
}

.card--facilities .card-title {
    -webkit-line-clamp: inherit;
    color: #293a5a;
    margin-bottom: 5px
}

.card--patient .card-title {
    font-size: 18px;
    line-height: 30px;
    -webkit-line-clamp: inherit;
    color: #293a5a;
    margin-bottom: 0
}

.card--news .card-title {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {
    .card--news .card-title {
        font-size: 16px;
        line-height: 24px
    }
}

.card--insurance .card-title {
    font-size: 18px;
    line-height: 30px;
    color: #293a5a;
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .card--insurance .card-title {
        font-size: 16px;
        line-height: 24px
    }
}

.card--benefit__horizontal .card-title {
    -webkit-line-clamp: inherit;
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {
    .card--benefit__horizontal .card-title {
        font-size: 20px;
        line-height: 32px
    }
}

.card--benefit__vertical .card-title {
    font-size: 16px;
    line-height: 24px
}

.card--doctor .card-title {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px
}

.card--doctorsquare .card-title {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #293a5a
}

.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6 {
    font-size: 18px;
    line-height: 24px;
    color: #293a5a
}

.card--package .card-title h1,
.card--package .card-title h2,
.card--package .card-title h3,
.card--package .card-title h4,
.card--package .card-title h5,
.card--package .card-title h6 {
    font-size: 16px;
    line-height: 24px
}

.card--newsslide .card-title h1,
.card--newsslide .card-title h2,
.card--newsslide .card-title h3,
.card--newsslide .card-title h4,
.card--newsslide .card-title h5,
.card--newsslide .card-title h6 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 991px) {

    .card--newsslide .card-title h1,
    .card--newsslide .card-title h2,
    .card--newsslide .card-title h3,
    .card--newsslide .card-title h4,
    .card--newsslide .card-title h5,
    .card--newsslide .card-title h6 {
        -webkit-line-clamp: 2
    }
}

@media(max-width: 767px) {

    .card--newsslide .card-title h1,
    .card--newsslide .card-title h2,
    .card--newsslide .card-title h3,
    .card--newsslide .card-title h4,
    .card--newsslide .card-title h5,
    .card--newsslide .card-title h6 {
        font-size: 20px;
        line-height: 32px
    }
}

@media(max-width: 480px) {

    .card--newsslide .card-title h1,
    .card--newsslide .card-title h2,
    .card--newsslide .card-title h3,
    .card--newsslide .card-title h4,
    .card--newsslide .card-title h5,
    .card--newsslide .card-title h6 {
        -webkit-line-clamp: 3
    }
}

.card--benefit__horizontal .card-title h1,
.card--benefit__horizontal .card-title h2,
.card--benefit__horizontal .card-title h3,
.card--benefit__horizontal .card-title h4,
.card--benefit__horizontal .card-title h5,
.card--benefit__horizontal .card-title h6 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .card--benefit__horizontal .card-title h1,
    .card--benefit__horizontal .card-title h2,
    .card--benefit__horizontal .card-title h3,
    .card--benefit__horizontal .card-title h4,
    .card--benefit__horizontal .card-title h5,
    .card--benefit__horizontal .card-title h6 {
        font-size: 20px;
        line-height: 32px
    }
}

.card--benefit__vertical .card-title h1,
.card--benefit__vertical .card-title h2,
.card--benefit__vertical .card-title h3,
.card--benefit__vertical .card-title h4,
.card--benefit__vertical .card-title h5,
.card--benefit__vertical .card-title h6 {
    font-size: 16px;
    line-height: 24px
}

.card--doctorsquare .card-title h1,
.card--doctor .card-title h1,
.card--doctorsquare .card-title h2,
.card--doctor .card-title h2,
.card--doctorsquare .card-title h3,
.card--doctor .card-title h3,
.card--doctorsquare .card-title h4,
.card--doctor .card-title h4,
.card--doctorsquare .card-title h5,
.card--doctor .card-title h5,
.card--doctorsquare .card-title h6,
.card--doctor .card-title h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px
}

.card-title a {
    font-size: 18px;
    line-height: 24px;
    color: #293a5a;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media(max-width: 480px) {
    .card--package .card-title a {
        font-size: 16px;
        line-height: 24px
    }
}

.card--news .card-title a {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {
    .card--news .card-title a {
        font-size: 16px;
        line-height: 24px
    }
}

.card--newsslide .card-title a {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 991px) {
    .card--newsslide .card-title a {
        -webkit-line-clamp: 2
    }
}

@media(max-width: 767px) {
    .card--newsslide .card-title a {
        font-size: 20px;
        line-height: 32px
    }
}

@media(max-width: 480px) {
    .card--newsslide .card-title a {
        -webkit-line-clamp: 2
    }
}

.card--patient .card-title a {
    font-size: 18px;
    line-height: 30px;
    -webkit-line-clamp: inherit;
    color: #293a5a
}

.card--benefit__horizontal .card-title a {
    -webkit-line-clamp: inherit;
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {
    .card--benefit__horizontal .card-title a {
        font-size: 20px;
        line-height: 32px
    }
}

.card--benefit__vertical .card-title a,
.card--doctor .card-title a {
    font-size: 16px;
    line-height: 24px
}

.card-text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.card--news .card:hover .card-text {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {
    .card--news .card:hover .card-text {
        opacity: 1
    }
}

.card--newsslide .card-text {
    margin-bottom: 4vw;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

@media(max-width: 991px) {
    .card--newsslide .card-text {
        margin-bottom: 15px
    }
}

.card--mission .card-text {
    -webkit-line-clamp: inherit
}

.card--team .card-text {
    -webkit-line-clamp: inherit;
    color: rgba(0, 0, 0, .65)
}

.card--benefit__horizontal .card-text {
    -webkit-line-clamp: inherit;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .card--benefit__horizontal .card-text {
        font-size: 14px;
        line-height: 24px
    }
}

.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b {
    color: #315fac
}

.card--benefit__vertical .card-text {
    color: #293a5a;
    margin-bottom: 0
}

.card--medical .card-text {
    color: #293a5a;
    -webkit-line-clamp: inherit;
    text-align: left;
    margin: 0;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

@media(max-width: 666px) {
    .card--medical .card-text {
        text-align: center
    }
}

.card--medical .card:hover .card-text {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

@media(max-width: 1200px) {
    .card--medical .card:hover .card-text {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.card--doctorsquare .card-text {
    display: block;
    text-align: left;
    color: rgba(0, 0, 0, .65)
}

@media(max-width: 666px) {
    .card--doctorsquare .card-text {
        text-align: center
    }
}

.card-text a {
    font-size: 14px;
    line-height: 24px;
    color: #293a5a;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.card--news .card:hover .card-text a {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {
    .card--news .card:hover .card-text a {
        opacity: 1
    }
}

.card--package .card-tool {
    position: absolute;
    bottom: 20px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {
    .card--package .card-tool {
        position: inherit;
        bottom: auto
    }
}

.card--package .card:hover .card-tool {
    bottom: 45px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {
    .card--package .card:hover .card-tool {
        bottom: auto
    }
}

.card--facilities .card-tool {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    -webkit-flex-direction: row
}

@media(max-width: 1000px) {
    .card--facilities .card-tool {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-direction: inherit;
        -webkit-flex-direction: inherit
    }
}

.card--facilities .card-tool p {
    color: #293a5a;
    margin: 0;
    padding-right: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

@media(max-width: 1200px) {
    .card--facilities .card-tool p {
        font-size: 14px;
        line-height: 22px
    }
}

.card--facilities .card-tool [class^=icon-],
.card--facilities .card-tool [class*=" icon-"] {
    margin-right: 10px;
    color: #315fac;
    font-size: 18px;
    line-height: 1
}

@media(max-width: 1200px) {

    .card--facilities .card-tool [class^=icon-],
    .card--facilities .card-tool [class*=" icon-"] {
        font-size: 16px
    }
}

.card--news .card-tool .btn {
    position: absolute;
    bottom: 20px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {
    .card--news .card-tool .btn {
        position: inherit;
        bottom: auto
    }
}

.card--news .card:hover .card-tool .btn {
    bottom: 30px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {
    .card--news .card:hover .card-tool .btn {
        bottom: auto
    }
}

.card--medical .card-tool {
    width: 100%;
    position: absolute;
    left: 25px;
    bottom: -45px;
    opacity: 0;
    -webkit-transition: bottom .3s, opacity .3s;
    -moz-transition: bottom .3s, opacity .3s;
    -ms-transition: bottom .3s, opacity .3s;
    -o-transition: bottom .3s, opacity .3s;
    transition: bottom .3s, opacity .3s
}

@media(max-width: 1200px) {
    .card--medical .card-tool {
        display: none
    }
}

.card--medical .card:hover .card-tool {
    opacity: 1;
    bottom: -25px;
    -webkit-transition: bottom .3s, opacity .3s;
    -moz-transition: bottom .3s, opacity .3s;
    -ms-transition: bottom .3s, opacity .3s;
    -o-transition: bottom .3s, opacity .3s;
    transition: bottom .3s, opacity .3s
}

.card-author {
    margin-bottom: 5px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.card--news .card-author {
    position: absolute;
    bottom: 55px
}

@media(max-width: 575px) {
    .card--news .card-author {
        position: inherit;
        bottom: auto
    }
}

.card--news .card:hover .card-author {
    bottom: calc(40% - 55px);
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 575px) {
    .card--news .card:hover .card-author {
        bottom: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.card-author span {
    display: inline-block
}

.card-author .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.card-author .name {
    padding-left: 10px;
    width: calc(100% - 32px);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.card-price {
    color: #3489d4;
    margin-bottom: 30px
}

@media(max-width: 575px) {
    .card--package .card-price {
        margin-bottom: 0
    }
}

.card--patient .card-price {
    margin-bottom: 0
}

.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price {
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 0
}

@media(max-width: 767px) {

    .card--benefit__horizontal .card-price,
    .card--benefit__vertical .card-price {
        font-size: 16px;
        line-height: 24px
    }
}

.card--benefit__vertical .card-price {
    margin-top: 0
}

.card-price .sale,
.card-price .price {
    margin: 0;
    line-height: 1.3
}

.card-price .sale {
    font-size: 12px;
    color: rgba(164, 164, 172, .5);
    text-decoration: line-through
}

.card--patient .card-price .price {
    font-size: 16px;
    line-height: 24px
}

.card-time,
.card-floor {
    padding-left: 25px;
    position: relative
}

@media(max-width: 767px) {

    .card-time,
    .card-floor {
        width: auto
    }
}

.card-time [class^=icon-],
.card-time [class*=" icon-"],
.card-floor [class^=icon-],
.card-floor [class*=" icon-"] {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card--facilities .card-floor {
    border-left: 1px solid rgba(206, 207, 211, .5);
    padding-left: 35px
}

.card--facilities .card-floor [class^=icon-],
.card--facilities .card-floor [class*=" icon-"] {
    font-size: 20px;
    left: 10px
}

@media(max-width: 1200px) {

    .card--facilities .card-floor [class^=icon-],
    .card--facilities .card-floor [class*=" icon-"] {
        font-size: 18px
    }
}

.card--insurance .card-footer {
    padding: 10px 0 0;
    border-top: 1px solid #e7e7e9;
    background-color: rgba(0, 0, 0, 0)
}

.card--insurance .card-footer a {
    color: #315fac;
    text-decoration: none;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.card--insurance .card-footer a .text {
    text-decoration: underline
}

.card-footer a:hover {
    color: #315fac;
    text-decoration: none
}

.card--insurance .card-footer a:hover .text {
    text-decoration: none
}

.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"] {
    color: #315fac;
    text-decoration: none
}

.card-footer [class^=icon-],
.card-footer [class*=" icon-"] {
    font-size: 20px;
    line-height: 1;
    margin-right: 10px;
    color: #3489d4
}

.card--benefit__vertical .card-footer {
    padding: 0 15px 20px;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 666px) {
    .card--benefit__vertical .card-footer {
        padding: 10px 15px 20px
    }
}

.card--benefit__vertical .card-footer .icon-plus {
    font-size: 30px
}

@media(max-width: 666px) {
    .card--benefit__vertical .card-footer .icon-plus {
        font-size: 18px
    }
}

.card-label {
    padding: 3px 15px;
    border-radius: 6px;
    background-color: #e5f9ff;
    color: #1a5198;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3
}

.card-label p {
    margin: 0
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.modal-body,
.btn--plus>span,
.btn.sort,
.btn.back,
.btn.btn-link,
.lang .dropdown-item,
.sort .dropdown-item,
.sort .dropdown-item span,
.form-control,
.form-check,
.form-select,
.cs-options ul li span,
.card-text a {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.btn,
.btn.more,
.btn.btn-link span.active,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item.active,
.sort .dropdown-item.active,
.form-label,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6,
.card--team .card-title,
.card--facilities .card-title,
.card--patient .card-title,
.card--insurance .card-title,
.card--doctorsquare .card-title,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card-title a,
.card--patient .card-title a,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--medical .card-text,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card-price .price {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.modal-body h1,
.card h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .modal-body h1,
    .card h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.modal-body h2,
.card h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .modal-body h2,
    .card h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.modal-body h3,
.card h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .modal-body h3,
    .card h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.modal-body h4,
.card h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .modal-body h4,
    .card h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.modal-body h5,
.card h5,
.card-price .price {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .modal-body h5,
    .card h5,
    .card-price .price {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.modal-body h6,
.card h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-date,
.card-author {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.btn,
.btn--plus>span,
.btn.more,
.btn.back,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item,
.sort .dropdown-item,
.form-label,
.form-control,
.form-check,
.form-select,
.cs-options ul li span,
.card-label p {
    font-size: 14px;
    line-height: 22px
}

.card--medical .card-text,
.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--medical .card-text,
    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.breadcrumb-item,
.card--news .card-date,
.card--newsslide .card-date,
.card--doctorsquare .card-text {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover,
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn--plus .text::after,
.btn--plus:hover>span,
.btn--plus:hover .text::after,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.form--search.active .btn.search,
.btn--mobile span,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.mobile-menu-opened .btn--mobile span::after,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more .text::after,
.btn.more .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.back .arrow,
.form-check-input,
.form-check-input:checked[type=checkbox],
.card--benefit__horizontal .card-img-top img,
.card--benefit__horizontal .card-img-top a:hover img,
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"] {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

.breadcrumb {
    margin: 5px 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.breadcrumb-item {
    padding-left: 10px !important;
    color: #747c8a
}

@media(max-width: 575px) {
    .breadcrumb-item {
        padding-left: 8px !important
    }
}

.breadcrumb-item a {
    color: rgba(0, 0, 0, .65)
}

.breadcrumb-item.active {
    color: #315fac
}

.breadcrumb-item:first-child {
    padding-left: 0 !important
}

.breadcrumb-item:first-child::before {
    display: none
}

.breadcrumb-item::before {
    content: "" !important;
    display: inline-block;
    width: 6px;
    height: 6px;
    float: none !important;
    border-top: 2px solid rgba(0, 0, 0, .9);
    border-right: 2px solid rgba(0, 0, 0, .9);
    padding-right: 0 !important;
    margin-right: 10px;
    color: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(max-width: 575px) {
    .breadcrumb-item::before {
        margin-right: 8px
    }
}

.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"] {
    font-size: 20px;
    line-height: 32px;
    color: #2f5697
}

.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover {
    color: #2f5697
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.modal-body,
.btn--plus>span,
.btn.sort,
.btn.back,
.btn.btn-link,
.lang .dropdown-item,
.sort .dropdown-item,
.sort .dropdown-item span,
.form-control,
.form-check,
.form-select,
.cs-options ul li span,
.card-text a {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.btn,
.btn.more,
.btn.btn-link span.active,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item.active,
.sort .dropdown-item.active,
.form-label,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6,
.card--team .card-title,
.card--facilities .card-title,
.card--patient .card-title,
.card--insurance .card-title,
.card--doctorsquare .card-title,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card-title a,
.card--patient .card-title a,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--medical .card-text,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card-price .price {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.modal-body h1,
.card h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .modal-body h1,
    .card h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.modal-body h2,
.card h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .modal-body h2,
    .card h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.modal-body h3,
.card h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .modal-body h3,
    .card h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.modal-body h4,
.card h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .modal-body h4,
    .card h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.modal-body h5,
.card h5,
.card-price .price {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .modal-body h5,
    .card h5,
    .card-price .price {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.modal-body h6,
.card h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-date,
.card-author {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.btn,
.btn--plus>span,
.btn.more,
.btn.back,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item,
.sort .dropdown-item,
.form-label,
.form-control,
.form-check,
.form-select,
.cs-options ul li span,
.card-label p {
    font-size: 14px;
    line-height: 22px
}

.card--medical .card-text,
.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--medical .card-text,
    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.card--news .card-date,
.card--newsslide .card-date,
.card--doctorsquare .card-text,
.breadcrumb-item {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn--plus .text::after,
.btn--plus:hover>span,
.btn--plus:hover .text::after,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.form--search.active .btn.search,
.btn--mobile span,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.mobile-menu-opened .btn--mobile span::after,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more .text::after,
.btn.more .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.back .arrow,
.form-check-input,
.form-check-input:checked[type=checkbox],
.card--benefit__horizontal .card-img-top img,
.card--benefit__horizontal .card-img-top a:hover img,
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"],
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

@media(max-width: 480px) {
    .modal-dialog {
        margin: 0;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media(max-width: 370px) {
    .modal-dialog {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal--campaign .modal-dialog,
.modal--blessing .modal-dialog {
    max-width: 610px
}

@media(max-width: 767px) {

    .modal--campaign .modal-dialog,
    .modal--blessing .modal-dialog {
        max-width: 400px;
        margin: 0 auto
    }
}

.modal--campaign .modal-content,
.modal--blessing .modal-content {
    border-radius: 10px
}

.modal--campaign .modal-header,
.modal--blessing .modal-header {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding: 25px 25px 0 25px;
    border: none
}

@media(max-width: 767px) {

    .modal--campaign .modal-header,
    .modal--blessing .modal-header {
        padding: 15px 15px 0 15px
    }
}

.modal-header .btn-close {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    opacity: 1;
    background-image: none
}

@media(max-width: 767px) {
    .modal-header .btn-close {
        width: 12px;
        height: 12px
    }
}

.modal-header .btn-close:focus,
.modal-header .btn-close:active,
.modal-header .btn-close:hover {
    outline: none;
    box-shadow: none
}

.modal-header .btn-close span {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.modal-header .btn-close span::before,
.modal-header .btn-close span::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #293a5a;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-header .btn-close span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-body {
    padding: 30px;
    color: #747c8a
}

.modal--campaign .modal-body,
.modal--blessing .modal-body {
    padding: 15px 30px 30px 30px
}

@media(max-width: 767px) {

    .modal--campaign .modal-body,
    .modal--blessing .modal-body {
        padding: 10px 15px 15px 15px
    }
}

.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6 {
    color: #293a5a
}

.modal-body p,
.modal-body li,
.modal-body a {
    color: #747c8a
}

.modal-body a {
    color: #315fac;
    text-decoration: underline
}

.modal-body a:hover {
    color: #10387a;
    text-decoration: none
}

.modal-body [class^=icon-],
.modal-body [class*=" icon-"] {
    display: inline-block;
    font-size: 50px;
    margin-bottom: 20px
}

.modal--success .modal-body [class^=icon-],
.modal--success .modal-body [class*=" icon-"] {
    color: #8bc34a
}

.modal-body .campaign a,
.modal-body .blessing a {
    width: 100%;
    float: left
}

.modal-body .campaign img,
.modal-body .blessing img {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 5px;
    overflow: hidden
}

.modal-body .blessing img {
    border-radius: 0
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .nav-link,
.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link,
.main--header .header--bottom a,
body,
.tooltip-inner,
.btn--plus>span,
.btn.sort,
.btn.back,
.btn.btn-link,
.lang .dropdown-item,
.sort .dropdown-item,
.sort .dropdown-item span,
.form-control,
.form-check,
.form-select,
.cs-options ul li span,
.card-text a,
.modal-body {
    font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

.main--footer .footer--middle__address .nav-link,
.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle__address .content strong,
.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h1,
.main--footer .footer--top__container .content h2,
.main--footer .footer--top__container .content h3,
.main--footer .footer--top__container .content h4,
.main--footer .footer--top__container .content h5,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6,
.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .content .title,
.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6,
.main--header .header--subnav .navbar--medical__header .nav-link,
.main--header .header--bottom .lang a.dropdown-toggle,
.main--campaign .main--header .nav-link,
.btn,
.btn.more,
.btn.btn-link span.active,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item.active,
.sort .dropdown-item.active,
.form-label,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6,
.card--team .card-title,
.card--facilities .card-title,
.card--patient .card-title,
.card--insurance .card-title,
.card--doctorsquare .card-title,
.card-title h1,
.card-title h2,
.card-title h3,
.card-title h4,
.card-title h5,
.card-title h6,
.card-title a,
.card--patient .card-title a,
.card--benefit__horizontal .card-text strong,
.card--benefit__horizontal .card-text b,
.card--medical .card-text,
.card--benefit__horizontal .card-price,
.card--benefit__vertical .card-price,
.card-price .price,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.modal-body p strong,
.modal-body li strong,
.modal-body a strong {
    font-family: "Sukhumvit Tadmai", Arial, sans-serif;
    font-weight: bold;
    font-style: normal
}

.main--footer .footer--middle .content h1,
.main--footer .footer--top__container .content h1,
.main--footer__container .content h1,
.main--header .header--subnav .content h1,
.card h1,
.modal-body h1 {
    font-size: 40px;
    line-height: 60px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h1,
    .main--footer .footer--top__container .content h1,
    .main--footer__container .content h1,
    .main--header .header--subnav .content h1,
    .card h1,
    .modal-body h1 {
        font-size: 28px;
        line-height: 42px
    }
}

.main--footer .footer--middle .content h2,
.main--footer .footer--top__container .content h2,
.main--footer__container .content h2,
.main--header .header--subnav .content h2,
.card h2,
.modal-body h2 {
    font-size: 32px;
    line-height: 48px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h2,
    .main--footer .footer--top__container .content h2,
    .main--footer__container .content h2,
    .main--header .header--subnav .content h2,
    .card h2,
    .modal-body h2 {
        font-size: 24px;
        line-height: 38px
    }
}

.main--footer .footer--middle .content h3,
.main--footer .footer--top__container .content h3,
.main--footer__container .content h3,
.main--header .header--subnav .content h3,
.card h3,
.modal-body h3 {
    font-size: 24px;
    line-height: 38px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h3,
    .main--footer .footer--top__container .content h3,
    .main--footer__container .content h3,
    .main--header .header--subnav .content h3,
    .card h3,
    .modal-body h3 {
        font-size: 20px;
        line-height: 32px
    }
}

.main--footer .footer--middle .content h4,
.main--footer .footer--top__container .content h4,
.main--footer__container .content h4,
.main--header .header--subnav .content h4,
.card h4,
.modal-body h4 {
    font-size: 20px;
    line-height: 32px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h4,
    .main--footer .footer--top__container .content h4,
    .main--footer__container .content h4,
    .main--header .header--subnav .content h4,
    .card h4,
    .modal-body h4 {
        font-size: 18px;
        line-height: 30px
    }
}

.main--footer .footer--middle .content h5,
.main--footer .footer--top__container .content h5,
.main--footer__container .content h5,
.main--header .header--subnav .content h5,
.card h5,
.card-price .price,
.modal-body h5 {
    font-size: 18px;
    line-height: 30px
}

@media(max-width: 767px) {

    .main--footer .footer--middle .content h5,
    .main--footer .footer--top__container .content h5,
    .main--footer__container .content h5,
    .main--header .header--subnav .content h5,
    .card h5,
    .card-price .price,
    .modal-body h5 {
        font-size: 16px;
        line-height: 24px
    }
}

.main--footer .footer--middle .content h6,
.main--footer .footer--top__container .content h6,
.main--footer__container .content h6,
.main--header .header--subnav .content h6,
.card h6,
.modal-body h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6,
.main--footer .footer--middle .dropdown-item,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button,
.main--header .header--bottom a,
body,
.form-title h1,
.form-title h2,
.form-title h3,
.form-title h4,
.form-title h5,
.form-title h6 {
    font-size: 16px;
    line-height: 24px
}

.main--footer .footer--middle__address .content,
.main--header .header--bottom .lang a.dropdown-toggle,
.card-date,
.card-author {
    font-size: 14px;
    line-height: 22px
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close,
.main--header .header--mobile__menu .accordion-button,
.main--header .header--mobile__menu .nav-link,
.main--header .header--subnav .navbar--medical__header p,
.main--header .header--subnav .nav-link,
.btn,
.btn--plus>span,
.btn.more,
.btn.back,
.link,
.lang .dropdown-toggle,
.sort .dropdown-toggle,
.lang .dropdown-item,
.sort .dropdown-item,
.form-label,
.form-control,
.form-check,
.form-select,
.cs-options ul li span,
.card-label p {
    font-size: 14px;
    line-height: 22px
}

.card--medical .card-text,
.card--news .card-tool .btn .text,
.card--package .card-tool .btn .text {
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 767px) {

    .card--medical .card-text,
    .card--news .card-tool .btn .text,
    .card--package .card-tool .btn .text {
        font-size: 14px;
        line-height: 22px
    }
}

.main--navbar .nav-link .text,
.main--footer .footer--bottom .policy .nav-link,
.main--footer .footer--bottom,
.card--news .card-date,
.card--newsslide .card-date,
.card--doctorsquare .card-text,
.breadcrumb-item {
    font-size: 12px;
    line-height: 20px
}

.tooltip-inner {
    font-size: 10px;
    line-height: 16px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    font-size: 22px
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"],
.main--gotop button:hover [class^=icon-],
.main--gotop button:hover [class*=" icon-"],
.scroll-active .main--gotop,
.main--gotop,
.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"],
.main--navbar .nav-link:hover .text,
.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"],
.main--navbar .nav-link .icon,
.main--navbar .nav-link .text:hover,
.main--navbar .nav-link .text,
.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"],
.main--navbar .nav:hover .nav-item,
.main--navbar .nav:hover,
.main--navbar .nav,
.main--navbar,
.main--footer .footer--middle .dropdown-toggle.show .arrow::after,
.main--footer .footer--middle .dropdown-toggle.show .arrow,
.main--footer .footer--middle .dropdown-toggle.show,
.main--footer .footer--middle .dropdown-toggle .arrow::after,
.main--footer .footer--middle .dropdown-toggle .arrow,
.main--footer .footer--middle .dropdown-toggle,
.main--footer .footer--top .slick-arrow:hover,
.main--footer .footer--top .slick-arrow,
.mobile-menu-opened .main--header .header--mobile__menu,
.main--header .header--mobile__menu,
.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after,
.main--header .header--bottom .nav-item::after,
.scroll-active .main--header .header--bottom .nav-item,
.main--header .header--bottom .nav-item,
.scroll-active .main--header .header--bottom .logo,
.main--header .header--bottom .logo,
.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after,
.scroll-active.scroll-up .main--header,
.scroll-active .main--header,
.main--header,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.outline.active:focus,
.btn-primary.outline.active:hover,
.btn-primary.outline:focus,
.btn-primary.outline:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn--plus .text::after,
.btn--plus:hover>span,
.btn--plus:hover .text::after,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover,
.btn.sort:active,
.btn.sort:focus,
.btn.sort:hover,
.form--search.active .btn.search,
.btn--mobile span,
.mobile-menu-opened .btn--mobile span,
.btn--mobile span::before,
.btn--mobile span::after,
.mobile-menu-opened .btn--mobile span::before,
.mobile-menu-opened .btn--mobile span::after,
.btn.more:active .text::after,
.btn.more:focus .text::after,
.btn.more:hover .text::after,
.btn.more:active .arrow,
.btn.more:focus .arrow,
.btn.more:hover .arrow,
.btn.more .text::after,
.btn.more .arrow,
.btn.back:active .arrow,
.btn.back:focus .arrow,
.btn.back:hover .arrow,
.btn.back .arrow,
.form-check-input,
.form-check-input:checked[type=checkbox],
.card--benefit__horizontal .card-img-top img,
.card--benefit__horizontal .card-img-top a:hover img,
.card--insurance .card-footer a:hover [class^=icon-],
.card--insurance .card-footer a:hover [class*=" icon-"],
.card-footer [class^=icon-],
.card-footer [class*=" icon-"],
.breadcrumb [class^=icon-],
.breadcrumb [class*=" icon-"],
.breadcrumb [class^=icon-]:hover,
.breadcrumb [class*=" icon-"]:hover {
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

.tooltip {
    padding-bottom: 8px
}

.tooltip.show {
    opacity: 1
}

.tooltip-arrow::before,
.tooltip-arrow::after {
    content: "";
    border-left: 6px solid rgba(0, 0, 0, 0) !important;
    border-right: 6px solid rgba(0, 0, 0, 0) !important;
    border-top: 8px solid #fff !important;
    position: absolute;
    top: -8px !important;
    z-index: 2
}

.tooltip-arrow::after {
    top: -6px !important;
    border-left: 6px solid rgba(0, 0, 0, 0) !important;
    border-right: 6px solid rgba(0, 0, 0, 0) !important;
    border-top: 8px solid #e1f5fe !important;
    z-index: 1
}

.tooltip-inner {
    max-width: 175px;
    padding: 5px 10px;
    color: #014771;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e1f5fe;
    border-radius: 4px;
    box-shadow: 0px 2px 4px -1px rgba(164, 164, 172, .2)
}

html {
    min-height: 100%;
    font-size: 62.5%
}

body {
    margin: 0;
    color: #747c8a;
    position: relative
}

body.menu-active {
    overflow: hidden
}

a,
button,
.btn {
    color: #fff
}

a:link,
a:active,
a:visited,
a:focus,
a:hover,
button:link,
button:active,
button:visited,
button:focus,
button:hover,
.btn:link,
.btn:active,
.btn:visited,
.btn:focus,
.btn:hover {
    display: inline-block;
    outline: none;
    text-decoration: none;
    box-shadow: none
}

img {
    max-width: 100%;
    height: auto
}

ul.none--style {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.none--style li {
    display: inline-block;
    width: auto
}

.main--header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(164, 164, 172, .2), 0px 4px 5px rgba(164, 164, 172, .14), 0px 1px 10px rgba(164, 164, 172, .12)
}

@media(max-width: 991px) {
    .main--header {
        box-shadow: none
    }
}

.main--campaign .main--header {
    background-color: #f5faff;
    box-shadow: none
}

@media(max-width: 991px) {
    .scroll-active .main--header {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.scroll-active.scroll-up .main--header {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.main--campaign .main--header .nav-item {
    position: relative;
    margin-right: 15px !important
}

.main--campaign .main--header .nav-item::before {
    content: "";
    display: block;
    width: 1px;
    height: 19px;
    background-color: rgba(41, 58, 90, .5);
    position: absolute;
    top: 50%;
    right: -5px;
    left: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main--campaign .main--header .nav-item.lang {
    padding-right: 5px;
    margin-right: 0 !important
}

@media(max-width: 991px) {
    .main--campaign .main--header .nav-item.lang {
        padding-right: 0
    }
}

.main--campaign .main--header .nav-item.lang::before {
    right: 0
}

@media(max-width: 991px) {
    .main--campaign .main--header .nav-item.lang::before {
        display: none
    }
}

.main--campaign .main--header .nav-link {
    color: #293a5a !important;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.main--campaign .main--header .nav .icon-phone {
    margin-right: 15px
}

@media(max-width: 991px) {
    .main--campaign .main--header .nav .icon-phone {
        margin-right: 0
    }
}

.main--header__container {
    position: relative;
    z-index: 2
}

@media(max-width: 991px) {
    .main--header__container {
        box-shadow: 0px 2px 4px rgba(164, 164, 172, .2), 0px 4px 5px rgba(164, 164, 172, .14), 0px 1px 10px rgba(164, 164, 172, .12)
    }
}

@media(max-width: 991px) {
    .main--campaign .main--header__container {
        box-shadow: none
    }
}

.main--header .header {
    padding-left: 60px;
    padding-right: 60px
}

@media(max-width: 1200px) {
    .main--header .header {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width: 991px) {
    .main--header .header {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width: 370px) {
    .main--header .header {
        padding-left: 15px;
        padding-right: 15px
    }
}

.main--header .header--top {
    background-image: linear-gradient(90deg, #325FAC 0%, #0BBFD6 100%)
}

.main--header .header--top__container {
    height: 40px
}

.main--header .header--top .nav-item {
    margin-right: 20px
}

.main--header .header--top .nav-item:last-child {
    margin-right: 0
}

.main--header .header--top .nav-item.lang {
    padding-left: 6px;
    padding-right: 4px
}

.main--header .header--top .nav-link .icon-phone {
    margin-right: 15px
}

.main--header .header--top .nav-link.white {
    color: #fff
}

.main--header .header--top .nav-link::before {
    display: none
}

.main--header .header--top .nav-link[aria-expanded=true],
.main--header .header--top .nav-link.current,
.main--header .header--top .nav-link:hover {
    color: #1a5198
}

.main--header .header--top .nav-link[aria-expanded=true]:after,
.main--header .header--top .nav-link.current:after,
.main--header .header--top .nav-link:hover:after {
    border-bottom-color: #1a5198;
    border-right-color: #1a5198
}

.main--header .header--bottom {
    position: relative;
    z-index: 2;
    background-color: #fff
}

.main--campaign .main--header .header--bottom {
    background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 1200px) {
    .main--header .header--bottom__navigation {
        padding-left: 30px
    }
}

.main--header .header--bottom__navigation .link::before {
    display: none
}

.main--header .header--bottom .logo {
    max-width: 240px
}

@media(max-width: 991px) {
    .main--header .header--bottom .logo {
        max-width: 145px
    }
}

.scroll-active .main--header .header--bottom .logo {
    max-width: 180px
}

@media(max-width: 991px) {
    .scroll-active .main--header .header--bottom .logo {
        max-width: 145px
    }
}

@media(max-width: 1200px) {
    .main--header .header--bottom a {
        font-size: 14px
    }
}

@media(max-width: 991px) {
    .main--header .header--bottom .lang a.dropdown-toggle {
        color: #293a5a
    }
}

.main--header .header--bottom .nav-item {
    padding: 10px 0;
    margin: 0 20px 0 0;
    height: 100px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 1200px) {
    .main--header .header--bottom .nav-item {
        margin: 0 10px 0 0;
        height: 75px
    }
}

@media(max-width: 991px) {
    .main--header .header--bottom .nav-item {
        height: 60px
    }
}

.scroll-active .main--header .header--bottom .nav-item {
    height: calc(100px - 20px)
}

@media(max-width: 1200px) {
    .scroll-active .main--header .header--bottom .nav-item {
        height: calc(75px - 20px)
    }
}

@media(max-width: 991px) {
    .scroll-active .main--header .header--bottom .nav-item {
        height: 60px
    }
}

.main--header .header--bottom .nav-item:last-child {
    margin-right: 0
}

.main--header .header--bottom .nav-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #f37920;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0
}

.main--header .header--bottom .nav-item.current::after,
.main--header .header--bottom .nav-item.active::after {
    opacity: 1
}

@media(max-width: 991px) {

    .main--header .header--bottom .nav-item.current::after,
    .main--header .header--bottom .nav-item.active::after {
        opacity: 0
    }
}

.main--header .header--bottom .nav-item.current .nav-link,
.main--header .header--bottom .nav-item.active .nav-link {
    color: #315fac
}

.main--header .header--bottom .nav-link {
    color: #747c8a
}

.main--header .header--bottom .nav-link:hover {
    color: #315fac
}

.main--header .header--bottom .nav-link:hover::after {
    border-bottom-color: #315fac;
    border-right-color: #315fac
}

.main--header .header--bottom form {
    margin-left: 25px
}

@media(max-width: 1200px) {
    .main--header .header--bottom form {
        margin-left: 20px
    }
}

@media(max-width: 991px) {
    .main--header .header--bottom form {
        margin: 0 0 15px
    }
}

.main--header .header--subnav {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    color: #000;
    border-top: 1px solid #e5e2e2;
    background-color: #fff;
    background-image: url(../images/header/bg-submenu.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    box-shadow: 0px 2px 4px rgba(164, 164, 172, .2), 0px 4px 5px rgba(164, 164, 172, .14), 0px 1px 10px rgba(164, 164, 172, .12)
}

@media(max-width: 991px) {
    .main--header .header--subnav {
        display: none
    }
}

.main--header .header--subnav__container {
    padding: 40px 0 65px
}

.main--header .header--subnav .collapse {
    opacity: 1;
    -webkit-transition: opacity .35s height 0;
    -moz-transition: opacity .35s height 0;
    -ms-transition: opacity .35s height 0;
    -o-transition: opacity .35s height 0;
    transition: opacity .35s height 0
}

.main--header .header--subnav .collapsing {
    opacity: 0;
    -webkit-transition: opacity .35s height 0;
    -moz-transition: opacity .35s height 0;
    -ms-transition: opacity .35s height 0;
    -o-transition: opacity .35s height 0;
    transition: opacity .35s height 0
}

.main--header .header--subnav .nav-link {
    padding: 10px 0;
    color: #747c8a;
    border-bottom: 1px solid #e7e7e9
}

.main--header .header--subnav .nav-link:hover {
    color: #1a5198
}

.main--header .header--subnav .navbar-nav {
    padding: 0 40px;
    border-left: 1px solid #cbc9c9
}

.main--header .header--subnav .navbar-nav .icon {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.main--header .header--subnav .navbar-nav .icon img {
    display: inline-block;
    max-width: 20px;
    max-height: 20px
}

.main--header .header--subnav .navbar-nav [class^=icon-],
.main--header .header--subnav .navbar-nav [class*=" icon-"] {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    color: #325fac
}

.main--header .header--subnav .navbar-nav [class^=icon-]::before,
.main--header .header--subnav .navbar-nav [class*=" icon-"]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main--header .header--subnav .navbar-nav.navbar--medical {
    border-left: none
}

@media(max-width: 1200px) {
    .main--header .header--subnav .navbar-nav.navbar--medical {
        padding-left: 0;
        padding-right: 0
    }
}

.main--header .header--subnav .navbar--medical__header p {
    padding: 10px 0;
    margin: 0 0 10px;
    color: rgba(0, 0, 0, .65);
    border-bottom: 1px solid #e7e7e9
}

.main--header .header--subnav .navbar--medical__header .nav-link {
    margin-bottom: 10px;
    color: #315fac;
    text-decoration: underline;
    border-bottom: none
}

.main--header .header--subnav .navbar--medical__header .nav-link:hover {
    color: #315fac
}

.main--header .header--subnav .navbar--medical__container .nav-link {
    padding: 7px 0;
    border-bottom: none
}

.main--header .header--subnav .navbar--medical__container .nav-link [class^=icon-],
.main--header .header--subnav .navbar--medical__container .nav-link [class*=" icon-"] {
    font-size: 18px;
    color: #3489d4;
    margin-right: 22px
}

.main--header .header--subnav .content {
    padding-right: 30px;
    max-width: 300px
}

.main--header .header--subnav .content h1,
.main--header .header--subnav .content h2,
.main--header .header--subnav .content h3,
.main--header .header--subnav .content h4,
.main--header .header--subnav .content h5,
.main--header .header--subnav .content h6 {
    color: #293a5a;
    margin-bottom: 10px
}

.main--header .header--subnav .content .title {
    font-size: 24px;
    line-height: 38px;
    color: #293a5a;
    margin-bottom: 10px
}

.main--header .header--subnav .content p,
.main--header .header--subnav .content li {
    color: #747c8a
}

.main--header .header--mobile__menu {
    display: none;
    width: 100%;
    height: calc(100vh - 60px);
    padding: 30px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 60px;
    left: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

@media(max-width: 991px) {
    .main--header .header--mobile__menu {
        display: block
    }
}

.mobile-menu-opened .main--header .header--mobile__menu {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.main--header .header--mobile__menu .nav-item {
    width: 100%
}

.main--header .header--mobile__menu .nav-link {
    width: 100%;
    padding: 10px 0;
    color: #747c8a
}

.main--header .header--mobile__menu .nav.submenu {
    padding-left: 15px
}

.main--header .header--mobile__menu .accordion {
    width: 100%
}

.main--header .header--mobile__menu .accordion-button {
    width: 100%;
    padding: 10px 15px 10px 0;
    border: none;
    color: #747c8a;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    box-shadow: none;
    position: relative
}

.main--header .header--mobile__menu .accordion-button:focus,
.main--header .header--mobile__menu .accordion-button:active,
.main--header .header--mobile__menu .accordion-button:hover {
    outline: none;
    box-shadow: none
}

.main--header .header--mobile__menu .accordion-button::after {
    display: block;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: inherit;
    border: none;
    border-bottom: 2px solid #747c8a;
    border-right: 2px solid #747c8a;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.main--header .header--mobile__menu .accordion-button[aria-expanded=true] {
    color: #293a5a
}

.main--header .header--mobile__menu .accordion-button[aria-expanded=true]::after {
    border-bottom-color: #293a5a;
    border-right-color: #293a5a;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.main--header .header--mobile__menu .accordion-item {
    width: 100%;
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.main--header .header--mobile__menu .accordion-body {
    padding: 0
}

.main--header .header--mobile__menu .submenu {
    padding-left: 15px
}

.main--header .header--mobile__menu .submenu .accordion-button,
.main--header .header--mobile__menu .submenu .nav-link {
    padding-right: 0
}

.main--header .header--mobile__menu .submenu .accordion-button::after,
.main--header .header--mobile__menu .submenu .nav-link::after {
    display: none
}

.main--header .header--mobile__menu .submenu .accordion-button {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.main--header .header--mobile__menu .submenu .accordion-button[aria-expanded=true] {
    color: rgba(0, 0, 0, .65)
}

.main--header .header--mobile__menu .submenu .accordion-button[aria-expanded=true] .text--more {
    display: none
}

.main--header .header--mobile__menu .submenu .accordion-button[aria-expanded=true] .text--close {
    display: inline-block
}

.main--header .header--mobile__menu .submenu .accordion-button[aria-expanded=false] {
    color: rgba(0, 0, 0, .65)
}

.main--header .header--mobile__menu .submenu .accordion-button[aria-expanded=false] .text--more {
    display: inline-block
}

.main--header .header--mobile__menu .submenu .accordion-button[aria-expanded=false] .text--close {
    display: none
}

.main--header .header--mobile__menu .submenu .nav-item.medical {
    padding-bottom: 10px;
    background-color: #fff
}

.main--header .header--mobile__menu .submenu .nav-item.medical .nav-link {
    position: relative;
    padding-left: 50px
}

.main--header .header--mobile__menu .submenu .nav-item.medical .nav-link [class^=icon-],
.main--header .header--mobile__menu .submenu .nav-item.medical .nav-link [class*=" icon-"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px
}

.main--header .header--mobile__menu .submenu .nav-item.medical .nav-link .icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px
}

.main--header .header--mobile__menu .submenu .nav-link {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.main--header .header--mobile__menu .submenu .text {
    display: inline-block
}

.main--header .header--mobile__menu .submenu .text--more,
.main--header .header--mobile__menu .submenu .text--close {
    color: #3489d4;
    position: relative
}

.main--header .header--mobile__menu .submenu .text--more::after,
.main--header .header--mobile__menu .submenu .text--close::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #3489d4;
    position: absolute;
    left: 0;
    bottom: 3px;
    opacity: 1;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.main--header .header--mobile__menu .submenu .icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #e5f9ff;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.main--header .header--mobile__menu .submenu .icon img {
    display: inline-block;
    width: 100%;
    max-width: 20px;
    max-height: 20px
}

.main--header .header--mobile__menu .submenu [class^=icon-],
.main--header .header--mobile__menu .submenu [class*=" icon-"] {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    color: #3489d4;
    background-color: #e5f9ff;
    font-size: 20px;
    line-height: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.main--container {
    padding-top: 140px;
    min-height: 100vh
}

@media(max-width: 1200px) {
    .main--container {
        padding-top: 115px
    }
}

@media(max-width: 991px) {
    .main--container {
        padding-top: 60px
    }
}

.main--footer__container .content h1,
.main--footer__container .content h2,
.main--footer__container .content h3,
.main--footer__container .content h4,
.main--footer__container .content h5,
.main--footer__container .content h6 {
    color: #293a5a;
    margin-bottom: 0
}

.main--footer .footer {
    padding: 0 60px
}

@media(max-width: 1200px) {
    .main--footer .footer {
        padding: 0 30px
    }
}

@media(max-width: 991px) {
    .main--footer .footer {
        padding: 0 30px
    }
}

@media(max-width: 370px) {
    .main--footer .footer {
        padding: 0 15px
    }
}

.main--footer .footer--top {
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1)
}

@media(max-width: 991px) {
    .main--footer .footer--top {
        padding-top: 20px;
        padding-bottom: 20px;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, .1)
    }
}

@media(max-width: 991px) {
    .main--footer .footer--top__container .content {
        margin-bottom: 15px
    }
}

.main--footer .footer--top__slickslide {
    padding: 20px 0 20px 30px;
    position: relative
}

@media(max-width: 1200px) {
    .main--footer .footer--top__slickslide {
        padding: 15px 0 15px 20px
    }
}

@media(max-width: 991px) {
    .main--footer .footer--top__slickslide {
        padding: 15px 0
    }
}

.main--footer .footer--top__slickslide::before {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    background-color: #cbc9c9;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 991px) {
    .main--footer .footer--top__slickslide::before {
        display: none
    }
}

.main--footer .footer--top .slick-slide {
    padding-left: 10px;
    padding-right: 10px
}

@media(max-width: 1200px) {
    .main--footer .footer--top .slick-slide {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(max-width: 1200px) {
    .main--footer .footer--top .slick-slide img {
        max-height: 55px
    }
}

@media(max-width: 480px) {
    .main--footer .footer--top .slick-slide img {
        max-height: 45px
    }
}

.main--footer .footer--top .slick-track {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.main--footer .footer--top .slick-arrow {
    font-size: 38px;
    color: #838588;
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 1200px) {
    .main--footer .footer--top .slick-arrow {
        font-size: 30px
    }
}

.main--footer .footer--top .slick-arrow:hover {
    color: #325fac
}

.main--footer .footer--middle {
    padding-top: 50px;
    padding-bottom: 50px
}

@media(max-width: 991px) {
    .main--footer .footer--middle {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media(max-width: 991px) {
    .main--footer .footer--middle img {
        max-width: 165px
    }
}

.main--footer .footer--middle .content h1,
.main--footer .footer--middle .content h2,
.main--footer .footer--middle .content h3,
.main--footer .footer--middle .content h4,
.main--footer .footer--middle .content h5,
.main--footer .footer--middle .content h6 {
    margin-bottom: 10px
}

@media(max-width: 991px) {
    .main--footer .footer--middle .content {
        margin-bottom: 20px
    }
}

.main--footer .footer--middle .btn-group {
    width: 100%
}

.main--footer .footer--middle .accordion {
    padding-right: 30px
}

@media(max-width: 991px) {
    .main--footer .footer--middle .accordion {
        padding-right: 0
    }
}

.main--footer .footer--middle .accordion-item {
    padding: 0;
    border: none
}

.main--footer .footer--middle .accordion-header p,
.main--footer .footer--middle .accordion-header a,
.main--footer .footer--middle .accordion-header button {
    margin: 0 0 20px;
    padding: 0;
    color: #293a5a
}

.main--footer .footer--middle .accordion-header button,
.main--footer .footer--middle .accordion-header a {
    width: 100%
}

@media(max-width: 991px) {

    .main--footer .footer--middle .accordion-header button,
    .main--footer .footer--middle .accordion-header a {
        font-size: 14px;
        line-height: 22px;
        background-color: rgba(0, 0, 0, 0);
        outline: none;
        box-shadow: none;
        padding: 15px 0;
        margin: 0;
        border-bottom: 1px solid #e7e7e9
    }
}

@media(max-width: 991px) {

    .main--footer .footer--middle .accordion-header button::after,
    .main--footer .footer--middle .accordion-header a::after {
        display: block;
        width: 8px;
        height: 8px;
        margin: -4px 0 0 0;
        background-image: none;
        background-repeat: no-repeat;
        background-size: inherit;
        border: none;
        border-bottom: 2px solid #001334;
        border-right: 2px solid #001334;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
}

.main--footer .footer--middle .accordion-header button[aria-expanded=true],
.main--footer .footer--middle .accordion-header a[aria-expanded=true] {
    border-bottom-color: rgba(0, 0, 0, 0)
}

@media(max-width: 991px) {

    .main--footer .footer--middle .accordion-header button[aria-expanded=true]::after,
    .main--footer .footer--middle .accordion-header a[aria-expanded=true]::after {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
}

.main--footer .footer--middle .accordion-body {
    padding: 0
}

@media(max-width: 991px) {
    .main--footer .footer--middle .nav {
        padding-left: 25px;
        border-bottom: 1px solid #e7e7e9
    }
}

.main--footer .footer--middle .nav-item {
    margin-bottom: 10px
}

@media(max-width: 991px) {
    .main--footer .footer--middle .nav-item {
        margin-bottom: 0;
        padding: 15px 0;
        border-bottom: 1px solid #e7e7e9
    }
}

.main--footer .footer--middle .nav-item:last-child {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .main--footer .footer--middle .nav-item:last-child {
        border-bottom: none
    }
}

.main--footer .footer--middle .nav-link {
    color: #747c8a
}

.main--footer .footer--middle .nav-link:hover {
    color: #3489d4
}

.main--footer .footer--middle .nav-link:hover::before {
    background-color: #3489d4
}

.main--footer .footer--middle .dropdown-toggle {
    width: 100%;
    text-align: left;
    color: #919191;
    padding: 0;
    margin: 0;
    border: 1px solid #cecfd3;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 991px) {
    .main--footer .footer--middle .dropdown-toggle {
        font-size: 14px;
        line-height: 22px;
        color: #000
    }
}

.main--footer .footer--middle .dropdown-toggle::after {
    display: none;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff
}

.main--footer .footer--middle .dropdown-toggle span {
    display: inline-block
}

.main--footer .footer--middle .dropdown-toggle span:first-child {
    width: 100%;
    padding: 10px 66px 10px 20px
}

@media(max-width: 1200px) {
    .main--footer .footer--middle .dropdown-toggle span:first-child {
        padding: 8px 62px 8px 20px
    }
}

@media(max-width: 991px) {
    .main--footer .footer--middle .dropdown-toggle span:first-child {
        padding: 8px 60px 8px 20px
    }
}

.main--footer .footer--middle .dropdown-toggle .arrow {
    width: 46px;
    height: 46px;
    padding: 0;
    background-color: #325fac;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: absolute;
    top: 0;
    right: 0
}

@media(max-width: 1200px) {
    .main--footer .footer--middle .dropdown-toggle .arrow {
        width: 42px;
        height: 42px
    }
}

@media(max-width: 991px) {
    .main--footer .footer--middle .dropdown-toggle .arrow {
        width: 40px;
        height: 40px
    }
}

.main--footer .footer--middle .dropdown-toggle .arrow::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 0 0 -6px;
    vertical-align: inherit;
    border: none;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    -moz-transform: rotate(45deg) translate(-50%, -50%);
    -ms-transform: rotate(45deg) translate(-50%, -50%);
    -o-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}

.main--footer .footer--middle .dropdown-toggle.show {
    border-color: #001334
}

.main--footer .footer--middle .dropdown-toggle.show .arrow {
    background-color: #001334
}

.main--footer .footer--middle .dropdown-toggle.show .arrow::after {
    margin-top: -4px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.main--footer .footer--middle .dropdown-menu {
    width: 100%;
    padding: 5px 0;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 5px 5px -3px rgba(164, 164, 172, .2), 0px 8px 10px 1px rgba(164, 164, 172, .14), 0px 3px 14px 2px rgba(164, 164, 172, .12)
}

.main--footer .footer--middle .dropdown-item {
    color: rgba(0, 0, 0, .65);
    padding: 5px 20px;
    word-wrap: break-word;
    white-space: pre-wrap
}

@media(max-width: 991px) {
    .main--footer .footer--middle .dropdown-item {
        font-size: 14px;
        line-height: 22px;
        color: #000
    }
}

.main--footer .footer--middle .dropdown-item:visited {
    color: rgba(0, 0, 0, .65)
}

.main--footer .footer--middle .dropdown-item.active,
.main--footer .footer--middle .dropdown-item:active,
.main--footer .footer--middle .dropdown-item:focus,
.main--footer .footer--middle .dropdown-item:hover {
    /* color: #3489d4; */
    background-color: rgba(0, 0, 0, 0)
}

.main--footer .footer--middle__container {
    margin-bottom: 45px
}

@media(max-width: 991px) {
    .main--footer .footer--middle__container {
        margin-bottom: 30px
    }
}

.main--footer .footer--middle__container:last-child {
    margin-bottom: 0
}

.main--footer .footer--middle__address .content p {
    margin-bottom: 10px
}

.main--footer .footer--middle__address .content h1,
.main--footer .footer--middle__address .content h2,
.main--footer .footer--middle__address .content h3,
.main--footer .footer--middle__address .content h4,
.main--footer .footer--middle__address .content h5,
.main--footer .footer--middle__address .content h6 {
    color: #293a5a;
    margin-bottom: 10px
}

@media(max-width: 991px) {
    .main--footer .footer--middle__address .nav {
        padding-left: 0;
        border-bottom: none;
        margin-bottom: 30px
    }
}

.main--footer .footer--middle__address .nav-item {
    margin: 10px 65px 10px 0;
    position: relative
}

@media(max-width: 991px) {
    .main--footer .footer--middle__address .nav-item {
        width: auto;
        margin: 0 45px 0 0;
        padding: 0;
        border-bottom: none
    }
}

@media(max-width: 480px) {
    .main--footer .footer--middle__address .nav-item {
        width: 50%;
        margin: 0
    }
}

.main--footer .footer--middle__address .nav-item::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #c1a201;
    position: absolute;
    top: 50%;
    right: -33px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 991px) {
    .main--footer .footer--middle__address .nav-item::after {
        display: none
    }
}

.main--footer .footer--middle__address .nav-item:last-child {
    margin: 10px 0
}

@media(max-width: 991px) {
    .main--footer .footer--middle__address .nav-item:last-child {
        margin: 0
    }
}

.main--footer .footer--middle__address .nav-item:last-child::after {
    display: none
}

.main--footer .footer--middle__address .nav-link {
    padding: 0;
    /* color: #293a5a; */
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 991px) {
    .main--footer .footer--middle__address .nav-link {
        font-size: 12px;
        line-height: 20px;
        font-family: "Sukhumvit Tadmai Text", Arial, sans-serif;
        font-weight: normal;
        font-style: normal
    }
}

.main--footer .footer--middle__address .nav-link [class^=icon-],
.main--footer .footer--middle__address .nav-link [class*=" icon-"] {
    font-size: 30px;
    margin-right: 10px;
    color: #fa8a4b
}

/* .main--footer .footer--middle__address .nav-link:hover {
    color: #fa8a4b
} */

.main--footer .footer--middle__address .nav-link:hover::before {
    display: none
}

.main--footer .footer--bottom {
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgba(255, 255, 255, .8);
    background-color: #325fac
}

@media(max-width: 1200px) {
    .main--footer .footer--bottom {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media(max-width: 480px) {
    .main--footer .footer--bottom {
        padding-bottom: 90px
    }
}

@media(max-width: 991px) {
    .main--footer .footer--bottom .social {
        margin-top: 10px
    }
}

@media(max-width: 991px) {
    .main--footer .footer--bottom .social img {
        width: auto;
        height: 30px
    }
}

.main--footer .footer--bottom .copyright p {
    margin: 0
}

.main--footer .footer--bottom .policy {
    margin-left: 60px
}

@media(max-width: 991px) {
    .main--footer .footer--bottom .policy {
        margin-left: 0
    }
}

.main--footer .footer--bottom .policy .nav-item {
    margin-right: 20px;
    position: relative
}

.main--footer .footer--bottom .policy .nav-item::after {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    position: absolute;
    top: 50%;
    right: calc((20px / 2)*-1);
    background-color: rgba(255, 255, 255, .8);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main--footer .footer--bottom .policy .nav-item:last-child {
    margin-right: 0
}

.main--footer .footer--bottom .policy .nav-item:last-child::after {
    display: none
}

.main--footer .footer--bottom .policy .nav-link {
    color: rgba(255, 255, 255, .8)
}

.main--footer .footer--bottom .policy .nav-link:hover {
    color: #fff
}

.main--footer .footer--bottom .policy .nav-link:hover::before {
    display: none
}

.main--navbar {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 479px) {
    .main--navbar {
        width: 100%;
        right: 0;
        top: auto;
        bottom: 0;
        margin-top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.main--navbar .nav {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column
}

@media(max-width: 479px) {
    .main--navbar .nav {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
        box-shadow: none;
        background-color: #315fac;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-direction: inherit;
        -webkit-flex-direction: inherit
    }
}

.main--navbar .nav:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media(max-width: 479px) {
    .main--navbar .nav:hover {
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s
    }
}

.main--navbar .nav:hover .nav-item.first .nav-link .icon,
.main--navbar .nav:hover .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.first .nav-link [class*=" icon-"] {
    border-top-left-radius: 0
}

.main--navbar .nav:hover .nav-item.promotion .nav-link .icon,
.main--navbar .nav:hover .nav-item.promotion .nav-link [class^=icon-],
.main--navbar .nav:hover .nav-item.promotion .nav-link [class*=" icon-"] {
    border-bottom-left-radius: 0
}

@media(max-width: 479px) {
    .main--navbar .nav-item {
        display: block;
        flex: 1 0 0%;
        width: 100%;
        max-width: 100%;
        border-top: none
    }
}

.main--navbar .nav-item.first .nav-link::before {
    display: none
}

.main--navbar .nav-item.first .nav-link .text {
    border-top: none
}

.main--navbar .nav-item.first .nav-link .icon,
.main--navbar .nav-item.first .nav-link [class^=icon-],
.main--navbar .nav-item.first .nav-link [class*=" icon-"] {
    border-top-left-radius: 6px
}

@media(max-width: 479px) {

    .main--navbar .nav-item.first .nav-link .icon,
    .main--navbar .nav-item.first .nav-link [class^=icon-],
    .main--navbar .nav-item.first .nav-link [class*=" icon-"] {
        border-top-left-radius: 0
    }
}

.main--navbar .nav-item:last-child .nav-link::before {
    bottom: 0
}

@media(max-width: 479px) {
    .main--navbar .nav-item:last-child .nav-link::before {
        bottom: auto
    }
}

.main--navbar .nav-item.promotion .icon,
.main--navbar .nav-item.promotion [class^=icon-],
.main--navbar .nav-item.promotion [class*=" icon-"] {
    border-bottom-left-radius: 6px
}

@media(max-width: 479px) {

    .main--navbar .nav-item.promotion .icon,
    .main--navbar .nav-item.promotion [class^=icon-],
    .main--navbar .nav-item.promotion [class*=" icon-"] {
        border-bottom-left-radius: 0
    }
}

.main--navbar .nav-item.phone {
    display: none
}

@media(max-width: 479px) {
    .main--navbar .nav-item.phone {
        display: block
    }
}

.main--navbar .nav-link {
    width: 55px;
    height: 55px;
    padding: 0;
    color: #fff;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 1200px) {
    .main--navbar .nav-link {
        width: 45px;
        height: 45px
    }
}

@media(max-width: 479px) {
    .main--navbar .nav-link {
        width: 100%;
        padding: 0;
        max-height: 80px;
        height: inherit;
        overflow: hidden
    }
}

@media(max-width: 479px) {
    .main--navbar .nav-link::after {
        content: "";
        display: block;
        padding-bottom: 100%
    }
}

.main--navbar .nav-link::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(203, 201, 201, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

@media(max-width: 479px) {
    .main--navbar .nav-link::before {
        display: none
    }
}

.main--navbar .nav-link>span {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative
}

@media(max-width: 479px) {
    .main--navbar .nav-link>span {
        padding: 5px 0;
        position: absolute;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        flex-direction: column;
        -webkit-flex-direction: column
    }
}

.main--navbar .nav-link .text {
    width: 175px;
    padding: 10px 20px;
    color: rgba(0, 0, 0, .65);
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-100% - 55px);
    opacity: 0;
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 1200px) {
    .main--navbar .nav-link .text {
        width: 150px
    }
}

@media(max-width: 479px) {
    .main--navbar .nav-link .text {
        display: inline-block;
        width: auto;
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0);
        border-top: none;
        text-align: center;
        font-family: "Sukhumvit Tadmai", Arial, sans-serif;
        font-weight: bold;
        font-style: normal;
        color: #fff;
        padding: 0;
        line-height: 1.2
    }
}

@media(max-width: 370px) {
    .main--navbar .nav-link .text {
        font-size: 10px
    }
}

.main--navbar .nav-link .text:hover {
    color: #315fac
}

.main--navbar .nav-link .icon {
    width: 100%;
    height: 100%;
    background-color: #2f5697;
    position: relative;
    z-index: 2;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 479px) {
    .main--navbar .nav-link .icon {
        margin-bottom: 5px;
        width: auto;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        display: inline-block;
        justify-content: inherit;
        -webkit-justify-content: inherit;
        align-items: inherit;
        -webkit-align-items: inherit;
        -webkit-flex-wrap: inherit;
        flex-direction: inherit;
        -webkit-flex-direction: inherit;
        justify-content: inherit;
        -webkit-justify-content: inherit;
        align-items: inherit;
        -webkit-align-items: inherit
    }
}

.main--navbar .nav-link .icon img {
    max-width: 28px;
    max-height: 28px;
    width: 100%;
    height: auto
}

@media(max-width: 1200px) {
    .main--navbar .nav-link .icon img {
        max-width: 22px;
        max-height: 22px
    }
}

@media(max-width: 479px) {
    .main--navbar .nav-link .icon img {
        max-width: 28px;
        max-height: 28px
    }
}

@media(max-width: 370px) {
    .main--navbar .nav-link .icon img {
        max-width: 24px;
        max-height: 24px
    }
}

.main--navbar .nav-link [class^=icon-],
.main--navbar .nav-link [class*=" icon-"] {
    width: 100%;
    height: 100%;
    background-color: #315fac;
    font-size: 28px;
    line-height: 1;
    position: relative;
    z-index: 2;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

@media(max-width: 1200px) {

    .main--navbar .nav-link [class^=icon-],
    .main--navbar .nav-link [class*=" icon-"] {
        font-size: 22px
    }
}

@media(max-width: 479px) {

    .main--navbar .nav-link [class^=icon-],
    .main--navbar .nav-link [class*=" icon-"] {
        font-size: 28px;
        margin-bottom: 5px;
        width: auto;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        display: inline-block;
        justify-content: inherit;
        -webkit-justify-content: inherit;
        align-items: inherit;
        -webkit-align-items: inherit;
        -webkit-flex-wrap: inherit;
        flex-direction: inherit;
        -webkit-flex-direction: inherit;
        justify-content: inherit;
        -webkit-justify-content: inherit;
        align-items: inherit;
        -webkit-align-items: inherit
    }
}

@media(max-width: 370px) {

    .main--navbar .nav-link [class^=icon-],
    .main--navbar .nav-link [class*=" icon-"] {
        font-size: 24px
    }
}

.main--navbar .nav-link:hover .text {
    right: 100%;
    opacity: 1;
    box-shadow: -5px 5px 8px rgba(0, 0, 0, .03)
}

@media(max-width: 479px) {
    .main--navbar .nav-link:hover .text {
        right: auto;
        box-shadow: none
    }
}

.main--navbar .nav-link:hover [class^=icon-],
.main--navbar .nav-link:hover [class*=" icon-"] {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .05)
}

@media(max-width: 479px) {

    .main--navbar .nav-link:hover [class^=icon-],
    .main--navbar .nav-link:hover [class*=" icon-"] {
        box-shadow: none
    }
}

.main--gotop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9;
    opacity: 0
}

@media(max-width: 479px) {
    .main--gotop {
        display: none
    }
}

.scroll-active .main--gotop {
    opacity: 1
}

@media(max-width: 479px) {
    .scroll-active .main--gotop {
        display: none
    }
}

.main--gotop button {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border: none;
    outline: none;
    box-sizing: none
}

.main--gotop button:hover,
.main--gotop button:active,
.main--gotop button:focus {
    border: none;
    outline: none;
    box-sizing: none
}

.main--gotop button:hover [class^=icon-]
{
    /* color: #f37920; */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0)
}

.main--gotop button [class^=icon-],
.main--gotop button [class*=" icon-"] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 40px;
    line-height: 1;
    color: #f37920;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2)
}

@media(max-width: 1200px) {

    .main--gotop button [class^=icon-],
    .main--gotop button [class*=" icon-"] {
        width: 35px;
        height: 35px;
        font-size: 35px
    }
}

@media(max-width: 479px) {

    .main--gotop button [class^=icon-],
    .main--gotop button [class*=" icon-"] {
        margin-bottom: 5px
    }
}

.min-height-270 {
    min-height: 270px !important
}

/*# sourceMappingURL=main.css.map */