* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

body {
     font-family: 'Roboto', sans-serif;
     line-height: 1.5;
     /*background: #F4F9FC;*/
}

@font-face {
    font-family: "Arm Hmks Bebas Neue Regular";
    src: url("https://db.onlinewebfonts.com/t/ab6fc01df8cbbc65b952d1bc3205d7a3.eot");
    src: url("https://db.onlinewebfonts.com/t/ab6fc01df8cbbc65b952d1bc3205d7a3.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/ab6fc01df8cbbc65b952d1bc3205d7a3.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/ab6fc01df8cbbc65b952d1bc3205d7a3.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/ab6fc01df8cbbc65b952d1bc3205d7a3.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/ab6fc01df8cbbc65b952d1bc3205d7a3.svg#Arm Hmks Bebas Neue Regular")format("svg");
}

a{
    color: #6188B0;
}

h3,
h2{
    font-family: "Arm Hmks Bebas Neue Regular";
}

main {
     min-height: calc(100vh - 573px);
}

header {
     transition: .5s ease;
     position: fixed;
     z-index: 50;
     top: 0;
     left: 0;
     right: 0;
     padding: 13px 0 22px;
     background: rgba(0, 0, 0, 0.15);
     backdrop-filter: blur(7.5px);
     -webkit-transition: .5s ease;
     -moz-transition: .5s ease;
     -ms-transition: .5s ease;
     -o-transition: .5s ease;
}

header.sticky {
     padding: 9px 0;
     background: #113358;
     box-shadow: 0px 4px 17px 0px rgba(100, 100, 100, 0.25);
}

header.sticky .header-contact {
     display: none;
}

header>.container {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.container {
     max-width: 1440px;
     margin: auto;
}

.header-logo svg{
     width: 220px;
     display: block;
}

.img {
     width: 100%;
}

a {
     text-decoration: none;
}

button {
     outline: none;
     border: none;
     cursor: pointer;
     background: transparent;
}

.header-info{
    width: 80%;
}

.header-contact {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     margin-bottom: 23px;
}

.header-contact__link {
     display: flex;
     align-items: center;
     padding: 0 13px;
}

.header-mail,
.header-contact-tel,
.header-contact-location {
     margin-left: 8px;
     color: #FFF;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
}

.language-group {
     position: relative;
}

.language-group__btn {
     display: flex;
     align-items: center;
     margin-left: 20px;
     padding: 9px 13px;
     border-radius: 3px;
     border: 0.8px solid #FFF;
     color: #FFF;
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
}

.language-selcet {
     z-index: 5;
     display: none;
     margin-top: 12px;
     position: absolute;
     right: 0;
     left: 20px;
     background: #1A2C3A;
     padding: 5px;
}


.language-selcet__link {
     display: flex;
     margin: 8px 10px;
     color: #FFF;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}

.menu-burger,
.menu-burger-close {
     display: none;
}

.navigation {
     max-width: 1000px;
     margin-left: auto;
}

.header-menu-position {
     position: relative;
}

.header-menu {
     display: flex;
     justify-content: flex-end;
     list-style-type: none;
     overflow: hidden;
}

.header-menu__item {
     padding-left: 17px;
     list-style-type: none;
}

.header-menu__link {
     white-space: nowrap;
     color: #FFF;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}

.dropdown-content {
     padding: 10px 0;
     max-height: 280px;
     overflow-y: auto;
     display: none;
     position: absolute;
     top: 45px;
     right: 0;
     background-color: #1A2C3A;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
     z-index: 5;
}

.dropdown-content::-webkit-scrollbar {
     width: 4px;
}

.dropdown-content::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.dropdown-content::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px #37BEEB;
}

.dropdown-content .header-menu__link {
     padding: 12px 16px 12px 0px;
     font-size: 13px;
     display: block;
}

.dropdown-btn {
     display: none;
     color: #fff;
     padding: 0 0 0 17px;
     font-size: 16px;
     cursor: pointer;
}

.medical-category-click {
     cursor: pointer;
}

.medical-category-menu {
     display: none;
     overflow-y: auto;
     margin-top: 20px;
     position: absolute;
     top: auto;
     left: 0;
     right: 0;
     background: #1A2C3A;
     height: calc(100vh - 69px);
}

.medical-category-menu::-webkit-scrollbar {
     width: 5px;
}

.medical-category-menu::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
}

.medical-category-menu::-webkit-scrollbar-thumb {
     background: #37BEEB;
}

.medical-category-close {
     border: none;
     display: flex;
     margin: 29px 0 23px auto;
}

.medical-category-row {
     display: flex;
     flex-wrap: wrap;
}

.medical-category-menu__item {
     width: 25%;
     padding: 0 15px 0 0;
     margin-bottom: 90px;
}

.medical-category-menu__item:first-child a{
    font-weight: bold;
    font-size: 17px;
}

.medical-category-sub-title {
     color: #FFF;
     font-size: 21px;
     font-style: normal;
     font-weight: 400;
     margin-bottom: 22px;
     display: block;
}

.medical-category-child__item {
     display: flex;
     flex-direction: column;
     list-style-type: none;
}

.medical-category-child__link {
     color: #FFF;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px;
}

footer {
     margin-top: 20px;
     padding: 64px 0 17px 0;
     background: #132330;
     clear: both;
}

.footer-row {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -12px;
}

.footer-row__item {
     width: 33.333%;
     margin-bottom: 30px;
     padding: 0 12px;
}

.footer-menu__item {
     list-style-type: none;
}

.footer-menu__link {
     color: #FFF;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px;
}

.footer-info {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}

.footer-info div{
    display: flex;
    flex-direction: column;
    text-align: end;
}

.footer-info__text {
     color: #FFF;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
}

.footer-contact {
     /*margin-top: -150px;*/
     max-width: 340px;
     /*padding: 24px 29px;*/
     /*border-radius: 10px;*/
     /*background: #FFF;*/
     /*box-shadow: 0px 4px 17px 0px rgba(100, 100, 100, 0.25);*/
}

.footer-contact-tel-link {
     padding: 0 0 29px 0;
     display: flex;
     align-items: center;
}

.footer-contact-tel {
     margin-left: 24px;
     display: flex;
     flex-direction: column;
}

.footer-contact-tel__title,
.footer-contact-tel__number {
     color: #fff;
     font-size: 11px;
     font-style: normal;
     font-weight: 400;
}

.footer-contact-tel__number {
     font-size: 23px;
}

.footer-logo {
     display: block;
     max-width: 250px;
     margin: 30px 0 45px;
}

.footer-social-icons {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 30px;
}

.footer-social-icons__link {
     border: 1px solid #fff;
     border-radius: 50px;
     padding: 3px;
     width: 40px;
     height: 40px;
     margin: 0 5px 5px 0;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
}


.footer-contact-email-link {
     display: flex;
     margin-bottom: 18px;
}

.footer-contact-email-link,
.footer-contact-tel-link,
.footer-contact-address-link{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: end;
}


.footer-contact-address,
.footer-contact-tel {
     margin-left: 17px;
     display: flex;
     flex-direction: column;
}

.footer-contact-address__title,
.footer-contact-email__title,
.footer-contact-address__address,
.footer-contact-email__email {
     color: #fff;
     font-size: 11px;
     font-style: normal;
     font-weight: 400;
}

.footer-contact-address__address,
.footer-contact-email__email {
     font-size: 16px;
}

.show {
     display: block !important;
}

.hide {
     display: none !important;
}

.overflow-hidden {
     overflow-y: hidden !important;
}

/*.editor ul,*/
/*ol {*/
/*     padding: revert;*/
/*}*/

.editor ul{
    padding-left: 40px;
}

.active,
.light-blue:hover,
.light-blue:hover .header-contact-tel,
.light-blue:hover .header-contact-location,
.light-blue-btn:hover,
.header-menu__link:hover,
.language-selcet__link:hover,
.footer-menu__link:hover,
.footer-info__text:last-child:hover {
     color: #6188B0;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.scale-hover {
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.scale-hover:hover {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}

.footer-social-icons__link:hover {
     border-color: #6188B0;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.footer-social-icons__link:hover img {
     filter: brightness(0) saturate(100%) invert(77%) sepia(21%) saturate(5812%) hue-rotate(161deg) brightness(96%) contrast(92%);
     -webkit-filter: brightness(0) saturate(100%) invert(77%) sepia(21%) saturate(5812%) hue-rotate(161deg) brightness(96%) contrast(92%);
}

.light-blue-btn:hover {
     border: 1px solid #6188B0;
}

.light-blue-svg:hover svg>path {
     fill: #6188B0;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

input,
textarea{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.g-recaptcha {
    transform:scale(0.8);
    transform-origin:0 0;
}

.g-recaptcha>div{
    width: 250px!important;
}


span.text-danger{
    color: #cc0000;
    font-size: 11px;
}


.


/* ------ RESPONSIVE ------ */

@media all and (max-width: 1500px) {
     .container {
          max-width: 100%;
          padding: 0 30px;
     }
     .header-contact{
          margin-bottom: 10px;
     }
}

@media all and (max-width: 1280px) {
     .navigation {
          max-width: 700px;
     }

     .medical-category-menu__item {
          width: 33.333%;
     }
}

@media all and (max-width: 1024px) {
     header {
          padding: 9px 0;
     }

     .header-logo svg{
          max-width: 175px;
     }

     .header-contact {
          margin: 0;
     }

     .header-mail,
     .header-contact-tel,
     .header-contact-location,
     .language-group__btn>p {
          display: none;
     }

     .header-contact__link {
          padding: 0 12px;
     }

     .language-group__btn {
          border: none;
          margin: 0;
          padding: 0 14px 0 12px;
     }

     .language-group__btn:hover {
          border: none;
     }

     .language-selcet {
         right: 0;
         left: auto;
     }

     .menu-burger {
          display: block;
     }

     header.sticky .header-contact {
          display: flex;
     }

     .navigation {
          padding: 23px 30px;
          position: fixed;
          overflow-y: auto;
          top: 58px;
          right: 0;
          left: 0;
          max-width: 100%;
          height: 100vh;
          background: #113358;
          height: calc(100vh - 58px);
          transform: translateX(0);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
          z-index: 6;
     }

     .navigation.open {
          transform: translateX(0%);
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
     }

     .navigation::-webkit-scrollbar {
          width: 5px;
     }

     .navigation::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          border-radius: 10px;
     }

     .navigation::-webkit-scrollbar-thumb {
          background: #37BEEB;
     }

     .header-menu {
          flex-direction: column;
          align-items: flex-end;
     }

     .header-menu__item {
          padding: 10px 0;
     }

     .medical-category-menu {
          margin: 0;
          top: 58px;
          right: 0;
          left: 0;
          height: calc(100vh - 58px);
     }

     .medical-category-menu__item {
          width: 100%;
          text-align: right;
          padding: 0;
          margin-bottom: 20px;
     }

     .footer-row__item {
          width: 50%;
          margin-bottom: 50px;
     }
    .footer-contact-email-link,
    .footer-contact-tel-link,
    .footer-contact-address-link{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: start;
    }

}

@media all and (max-width: 767px) {
     .footer-row__item:first-child {
          width: 100%;
     }
}

@media all and (max-width: 575px) {

     header,
     header.sticky {
          padding: 6px 0;
     }

     .container {
          padding: 0 15px;
     }

     .header-logo svg{
          max-width: 130px;
     }

     .header-contact__link {
          padding: 0 8px;
     }

     .language-group__btn {
          border: none;
          margin: 0;
          padding: 0 8px 0 8px;
     }

     .menu-burger>svg,
     .menu-burger-close>svg {
          width: 17px;
     }

     .navigation,
     .medical-category-menu {
          padding: 12px 15px;
          top: 45px;
          left: 0;
          right: 0;
          height: calc(100vh - 45px);
     }

     .medical-category-menu {
          padding: 12px 0;
     }

     .medical-category-close {
          margin: 12px 0 22px auto;
     }

     .medical-category-menu__item {
          margin-bottom: 15px;
     }

     .medical-category-sub-title {
          font-size: 20px;
     }

     .header-menu__item {
          padding: 6px 0;
     }

     .footer-contact {
          max-width: 300px;
     }

     .footer-contact-tel__number {
          font-size: 21px;
     }

     .footer-row__item {
          width: 100%;
          margin-bottom: 40px;
     }

     footer {
          margin-top: 30px;
     }

     .medical-category-menu::-webkit-scrollbar,
     .navigation::-webkit-scrollbar {
          width: 3px;
     }
    .footer-info div {
        text-align: start;
    }
    }
