@charset 'UTF-8';
@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }
    33% {
        transform: translateY(0) rotateZ(-2deg)
    }
    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }
    to {
        transform: translateY(0) rotateZ(0)
    }
}

@keyframes swal2-toast-hide {
    to {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    to {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    to {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    to {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    to {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0%, 65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    to {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0%, 5% {
        transform: rotate(-45deg)
    }
    12%, to {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0%, 50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }
    to {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0%, 20%, 60%, to {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
}

@keyframes zuckSlideTime {
    0% {
        max-width: 0
    }
    to {
        max-width: 100%
    }
}

@keyframes zuckLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loadingSpinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes preloader {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes loader-item-1 {
    1%, 21%, to {
        transform: scaleY(1)
    }
    11% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-2 {
    27%, 7%, to {
        transform: scaleY(1)
    }
    17% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-3 {
    13%, 33%, to {
        transform: scaleY(1)
    }
    23% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-4 {
    19%, 39%, to {
        transform: scaleY(1)
    }
    29% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-5 {
    25%, 45%, to {
        transform: scaleY(1)
    }
    35% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-6 {
    31%, 51%, to {
        transform: scaleY(1)
    }
    41% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-7 {
    37%, 57%, to {
        transform: scaleY(1)
    }
    47% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-8 {
    43%, 63%, to {
        transform: scaleY(1)
    }
    53% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-9 {
    49%, 69%, to {
        transform: scaleY(1)
    }
    59% {
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-10 {
    55%, 75%, to {
        transform: scaleY(1)
    }
    65% {
        transform: scaleY(1.4)
    }
}

@keyframes changeColorAnchor {
    0% {
        color: #c23a44
    }
    to {
        color: #151b26
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes header-show {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes breadcrumb-show {
    0% {
        transform: translateY(0);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: '';
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide, .slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single {
    height: 28px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i, .select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    min-height: 32px
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%
}

.easy-autocomplete a, .select2-results {
    display: block
}

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

.select2-results__option {
    padding: 6px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: 0;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: 0
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}



.flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper span:after {
    display: block;
    content: '';
    position: absolute
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(60, 63, 64, .5)
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
    background: #e6e6e6
}

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
    background: #959ea9
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background: #569ff7
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #4f99ff
}

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
    background: #eee
}

.flatpickr-calendar {
    background: 0 0;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline, .flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #eee
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #eee
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #eee
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus, .flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: #3c3f40;
    fill: #3c3f40;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #3c3f40;
    fill: #3c3f40
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
    color: #f64747
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input, .numInputWrapper span, .vjs-text-track-settings fieldset span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear, input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(64, 72, 72, .15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(64, 72, 72, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(64, 72, 72, .6);
    top: 40%
}

.flatpickr-current-month span.cur-month:hover, .numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch \0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #3c3f40
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #3c3f40
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    padding: 0 0 0 .5ch;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year {
    cursor: text;
    margin: 0;
    display: inline-block;
    -webkit-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(60, 63, 64, .5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    cursor: pointer;
    margin: -1px 0 0;
    outline: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: 0
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: 0;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer, .flatpickr-day {
    box-sizing: border-box;
    display: inline-block
}

.dayContainer {
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.dayContainer + .dayContainer {
    box-shadow: -1px 0 0 #eee
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    color: #404848;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e9e9e9;
    border-color: #e9e9e9
}

.flatpickr-day.today {
    border-color: #f64747
}

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
    border-color: #f64747;
    background: #f64747;
    color: #fff
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus {
    background: #4f99ff;
    box-shadow: none
}

.flatpickr-day.endRange:hover, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover {
    background: #4f99ff;
    box-shadow: none;
    color: #fff;
    border-color: #4f99ff
}

.flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay {
    background: #4f99ff;
    box-shadow: none
}

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    background: 0 0;
    border-color: #e9e9e9
}

.flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
    color: rgba(64, 72, 72, .3);
    background: 0 0;
    border-color: #e9e9e9;
    cursor: default
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(64, 72, 72, .1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff
}

.flatpickr-day.hidden {
    visibility: hidden
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(64, 72, 72, .3);
    background: 0 0;
    cursor: default
}

.flatpickr-weekwrapper span.flatpickr-day:hover {
    border: 0
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time, .flatpickr-time input {
    text-align: center;
    box-sizing: border-box
}

.flatpickr-time {
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    overflow: hidden;
    display: flex
}

.flatpickr-time:after {
    content: '';
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #404848
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #404848
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #404848;
    font-size: 14px;
    position: relative;
    -webkit-appearance: textfield;
    appearance: textfield
}

.easy-autocomplete-container ul li b, .flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.easy-autocomplete-container ul li.selected div, .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #404848;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
    background: #f1f1f1
}

.flatpickr-input[readonly] {
    cursor: pointer
}

.dayContainer {
    padding: 0;
    border-right: 0
}

span.flatpickr-day, span.flatpickr-day.nextMonthDay, span.flatpickr-day.prevMonthDay {
    border-radius: 0 !important;
    border: 1px solid #e9e9e9;
    max-width: none;
    border-right-color: transparent
}

span.flatpickr-day.nextMonthDay:nth-child(n+8), span.flatpickr-day.prevMonthDay:nth-child(n+8), span.flatpickr-day:nth-child(n+8) {
    border-top-color: transparent
}

span.flatpickr-day.nextMonthDay:nth-child(7n-6), span.flatpickr-day.prevMonthDay:nth-child(7n-6), span.flatpickr-day:nth-child(7n-6) {
    border-left: 0
}

span.flatpickr-day.nextMonthDay:nth-child(n+36), span.flatpickr-day.prevMonthDay:nth-child(n+36), span.flatpickr-day:nth-child(n+36) {
    border-bottom: 0
}

.sticky-buttons .livechat .message .buttons a:nth-child(1) a, .sticky-buttons .livechat .message .buttons a:nth-child(2) a, span.flatpickr-day.nextMonthDay:nth-child(-n+7), span.flatpickr-day.prevMonthDay:nth-child(-n+7), span.flatpickr-day:nth-child(-n+7) {
    margin-top: 0
}

span.flatpickr-day.nextMonthDay.today:not(.selected), span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.today:not(.selected) {
    border-color: transparent transparent #f64747 #e9e9e9
}

span.flatpickr-day.nextMonthDay.today:not(.selected):hover, span.flatpickr-day.prevMonthDay.today:not(.selected):hover, span.flatpickr-day.today:not(.selected):hover {
    border: 1px solid #f64747
}

span.flatpickr-day.endRange, span.flatpickr-day.nextMonthDay.endRange, span.flatpickr-day.nextMonthDay.startRange, span.flatpickr-day.prevMonthDay.endRange, span.flatpickr-day.prevMonthDay.startRange, span.flatpickr-day.startRange {
    border-color: #4f99ff
}

span.flatpickr-day.nextMonthDay.selected, span.flatpickr-day.nextMonthDay.today, span.flatpickr-day.prevMonthDay.selected, span.flatpickr-day.prevMonthDay.today, span.flatpickr-day.selected, span.flatpickr-day.today {
    z-index: 2
}

.flatpickr-weekwrapper .flatpickr-weeks {
    box-shadow: none
}

.flatpickr-weekwrapper span.flatpickr-day {
    border: 0;
    margin: -1px 0 0 -1px
}

.hasWeeks .flatpickr-days {
    border-right: 0
}

@media screen and (min-width: 0\0
) and (-webkit-min-device-pixel-ratio: .75), screen and (min-width: 0\0
) and (min-resolution: 72dpi) {
    span.flatpickr-day {
        display: block;
        flex: 1 0 auto
    }
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:focus, .easy-autocomplete input:hover {
    box-shadow: none
}

.easy-autocomplete.eac-blue-light input:focus, .easy-autocomplete.eac-blue-light input:hover {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6)
}

.easy-autocomplete.eac-blue-light ul .eac-category, .easy-autocomplete.eac-blue-light ul li {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul .eac-category.selected, .easy-autocomplete.eac-blue-light ul li.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:focus, .easy-autocomplete.eac-green-light input:hover {
    border-color: #41db00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(146, 237, 107, .6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41db00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(146, 237, 107, .6)
}

.easy-autocomplete.eac-green-light ul .eac-category, .easy-autocomplete.eac-green-light ul li {
    border-color: #41db00
}

.easy-autocomplete.eac-green-light ul .eac-category.selected, .easy-autocomplete.eac-green-light ul li.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:focus, .easy-autocomplete.eac-red-light input:hover {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(255, 90, 90, .6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(255, 90, 90, .6)
}

.easy-autocomplete.eac-red-light ul .eac-category, .easy-autocomplete.eac-red-light ul li {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul .eac-category.selected, .easy-autocomplete.eac-red-light ul li.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:focus, .easy-autocomplete.eac-yellow-light input:hover {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(255, 231, 84, .6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(255, 231, 84, .6)
}

.easy-autocomplete.eac-yellow-light ul .eac-category, .easy-autocomplete.eac-yellow-light ul li {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul .eac-category.selected, .easy-autocomplete.eac-yellow-light ul li.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:focus, .easy-autocomplete.eac-dark-light input:hover {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(55, 55, 55, .6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(55, 55, 55, .6)
}

.easy-autocomplete.eac-dark ul, .easy-autocomplete.eac-dark-light ul .eac-category, .easy-autocomplete.eac-dark-light ul li {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul .eac-category.selected, .easy-autocomplete.eac-dark-light ul li.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-blue, .easy-autocomplete.eac-dark, .easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:focus, .easy-autocomplete.eac-dark input:hover {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul .eac-category, .easy-autocomplete.eac-dark ul li {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul .eac-category.selected, .easy-autocomplete.eac-dark ul li.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:focus, .easy-autocomplete.eac-dark-glass input:hover {
    border-color: rgba(0, 0, 0, .8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, .8)
}

.easy-autocomplete.eac-dark-glass ul .eac-category, .easy-autocomplete.eac-dark-glass ul li {
    background-color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .8)
}

.easy-autocomplete.eac-dark-glass ul .eac-category.selected, .easy-autocomplete.eac-dark-glass ul li.selected {
    background-color: rgba(64, 64, 64, .8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul .eac-category:last-child, .easy-autocomplete.eac-dark-glass ul li:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:focus, .easy-autocomplete.eac-blue input:hover {
    border-color: #5a91cb;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5a91cb
}

.easy-autocomplete.eac-blue ul .eac-category, .easy-autocomplete.eac-blue ul li {
    background-color: #6d9ed1;
    border-color: #5a91cb
}

.easy-autocomplete.eac-blue ul .eac-category.selected, .easy-autocomplete.eac-blue ul li.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-purple, .easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:focus, .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-yellow input:focus, .easy-autocomplete.eac-yellow input:hover {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul, .easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul .eac-category, .easy-autocomplete.eac-yellow ul li {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul .eac-category.selected, .easy-autocomplete.eac-yellow ul li.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple ul .eac-category, .easy-autocomplete.eac-purple ul li {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul .eac-category.selected, .easy-autocomplete.eac-purple ul li.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: 0 0 #fff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul .eac-category, .easy-autocomplete-container ul li {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: 400;
    word-break: break-all
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: .9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format('woff');
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .video-js .vjs-mute-control .vjs-icon-placeholder, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter, .vjs-icon-fullscreen-exit, .vjs-icon-pause, .vjs-icon-play, .vjs-icon-play-circle, .vjs-icon-spinner, .vjs-icon-square, .vjs-icon-volume-high, .vjs-icon-volume-low, .vjs-icon-volume-mid, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: '\f101'
}

.vjs-icon-play-circle:before {
    content: '\f102'
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
    content: '\f103'
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
    content: '\f104'
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
    content: '\f105'
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
    content: '\f106'
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
    content: '\f107'
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
    content: '\f108'
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
    content: '\f109'
}

.vjs-icon-square:before {
    content: '\f10a'
}

.vjs-icon-spinner:before {
    content: '\f10b'
}

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
    content: '\f10c'
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
    content: '\f10d'
}

.video-js, .video-js .vjs-audio-button .vjs-icon-placeholder, .video-js .vjs-chapters-button .vjs-icon-placeholder, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .video-js .vjs-descriptions-button .vjs-icon-placeholder, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-audio, .vjs-icon-audio-description, .vjs-icon-cancel, .vjs-icon-chapters, .vjs-icon-circle, .vjs-icon-circle-inner-circle, .vjs-icon-circle-outline, .vjs-icon-cog, .vjs-icon-facebook, .vjs-icon-gplus, .vjs-icon-hd, .vjs-icon-linkedin, .vjs-icon-next-item, .vjs-icon-picture-in-picture-enter, .vjs-icon-picture-in-picture-exit, .vjs-icon-pinterest, .vjs-icon-previous-item, .vjs-icon-replay, .vjs-icon-share, .vjs-icon-tumblr, .vjs-icon-twitter, .vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
    content: '\f10e'
}

.vjs-icon-share:before {
    content: '\f10f'
}

.vjs-icon-cog:before {
    content: '\f110'
}

.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: '\f111'
}

.vjs-icon-circle-outline:before {
    content: '\f112'
}

.vjs-icon-circle-inner-circle:before {
    content: '\f113'
}

.vjs-icon-hd:before {
    content: '\f114'
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
    content: '\f115'
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
    content: '\f116'
}

.vjs-icon-facebook:before {
    content: '\f117'
}

.vjs-icon-gplus:before {
    content: '\f118'
}

.vjs-icon-linkedin:before {
    content: '\f119'
}

.vjs-icon-twitter:before {
    content: '\f11a'
}

.vjs-icon-tumblr:before {
    content: '\f11b'
}

.vjs-icon-pinterest:before {
    content: '\f11c'
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
    content: '\f11d'
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
    content: '\f11e'
}

.vjs-icon-next-item:before {
    content: '\f11f'
}

.vjs-icon-previous-item:before {
    content: '\f120'
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
    content: '\f121'
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before {
    content: '\f122'
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

*, .video-js[tabindex='-1'] {
    outline: 0
}

.video-js *, .video-js :after, .video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-9-16 {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1 {
    padding-top: 100%
}

.video-js .vjs-tech, .video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu, .vjs-using-native-controls .vjs-big-play-button, .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog > * {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: 0 0
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button > .vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover, .video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s;
    display: flex
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only, .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.fancybox-button div, .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display, .vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display, .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control, .video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: '';
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: '\f10d';
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: ' \f11d';
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-audio-button, .video-js.vjs-layout-small .vjs-captions-button, .video-js.vjs-layout-small .vjs-chapters-button, .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-descriptions-button, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-subtitles-button, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-audio-button, .video-js.vjs-layout-tiny .vjs-captions-button, .video-js.vjs-layout-tiny .vjs-chapters-button, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-descriptions-button, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-subtitles-button, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-audio-button, .video-js.vjs-layout-x-small .vjs-captions-button, .video-js.vjs-layout-x-small .vjs-chapters-button, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-descriptions-button, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-subtitles-button, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control {
    display: none !important
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: initial
}

.video-js.vjs-layout-tiny .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display: none
}

.video-js.vjs-layout-tiny .vjs-custom-control-spacer, .video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

#zuck-modal-content .story-viewer.loading .head .right .close, #zuck-modal-content .story-viewer.loading .head .right .time, .video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns:1fr
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: 0
}

.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible), .video-js :focus:not(:focus-visible) {
    outline: 0
}

#zuck-modal {
    outline: 0 !important;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    font-size: 14px;
    font-family: inherit
}

#zuck-modal-content, #zuck-modal-content .story-viewer, #zuck-modal-content .story-viewer > .slides, #zuck-modal-content .story-viewer > .slides > * {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

#zuck-modal * {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

#zuck-modal.with-effects {
    transform: scale(.01);
    transform-origin: top left;
    transition: .25s
}

#zuck-modal.with-effects.animated {
    transform: scale(1);
    border-radius: 0;
    margin-top: 0 !important;
    margin-left: 0 !important
}

#zuck-modal.with-effects.closed {
    transform: translateY(100%)
}

#zuck-modal .slider, #zuck-modal .slider > * {
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute
}

#zuck-modal .slider {
    width: 300vw;
    left: -100vw
}

#zuck-modal .slider > * {
    width: 100vw
}

#zuck-modal .slider > .previous {
    left: 0
}

#zuck-modal .slider > .viewing {
    left: 100vw
}

#zuck-modal .slider > .next {
    left: 200vw
}

#zuck-modal .slider.animated {
    transition: transform .25s linear
}

#zuck-modal.with-cube #zuck-modal-content {
    perspective: 1000vw;
    transform: scale(.95);
    perspective-origin: 50% 50%;
    overflow: visible;
    transition: .3s
}

#zuck-modal.with-cube .slider {
    transform-style: preserve-3d;
    transform: rotateY(0deg)
}

#zuck-modal.with-cube .slider > .previous {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(270deg) translateX(-50%);
    transform-origin: center left
}

#zuck-modal.with-cube .slider > .viewing {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.with-cube .slider > .next {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(-270deg) translateX(50%);
    transform-origin: top right
}

#zuck-modal-content .story-viewer.paused.longPress .head, #zuck-modal-content .story-viewer.paused.longPress .slides-pointers, #zuck-modal-content .story-viewer.paused.longPress .tip {
    opacity: 0
}

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers > * > .active > b {
    animation-play-state: running
}

#zuck-modal-content .story-viewer.next {
    z-index: 10
}

#zuck-modal-content .story-viewer.viewing {
    z-index: 5
}

#zuck-modal-content .story-viewer.previous {
    z-index: 0
}

#zuck-modal-content .story-viewer.loading .head .loading, #zuck-modal-content .story-viewer.muted .tip.muted {
    display: block
}

#zuck-modal-content .story-viewer .slides-pagination span {
    position: absolute;
    top: 50vh;
    font-size: 48px;
    color: #fff;
    line-height: 48px;
    width: 48px;
    margin: 6px;
    transform: translateY(-50%);
    z-index: 1;
    text-align: center
}

#zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 0
}

#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 0
}

#zuck-modal-content .story-viewer .slides-pointers {
    display: table;
    table-layout: fixed;
    border-spacing: 6px;
    border-collapse: separate;
    position: absolute;
    width: 100vh;
    top: 0;
    left: calc(50vw - 50vh);
    right: calc(50vw - 50vh);
    z-index: 100020
}

#zuck-modal-content .story-viewer .slides-pointers > * {
    display: table-row
}

#zuck-modal-content .story-viewer .slides-pointers > * > * {
    display: table-cell;
    background: rgba(255, 255, 255, .5);
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers > * > .seen {
    background: #fff
}

#zuck-modal-content .story-viewer .slides-pointers > * > * > b {
    background: #fff;
    width: auto;
    max-width: 0;
    height: 2px;
    display: block;
    animation-fill-mode: forwards;
    animation-play-state: paused;
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers > * > .active > b {
    animation-name: zuckSlideTime;
    animation-timing-function: linear
}

#zuck-modal-content .story-viewer .head {
    position: absolute;
    height: 56px;
    left: 0;
    right: 0;
    line-height: 56px;
    z-index: 100010;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 1px 0 1px rgba(0, 0, 0, .35);
    padding: 6px 12px
}

#zuck-modal-content .story-viewer .head .item-preview {
    overflow: hidden;
    background-size: cover;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-right: 9px;
    border-radius: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%
}

#zuck-modal-content .story-viewer .head .item-preview img, .stories.carousel .story > .item-link > .item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    object-fit: cover
}

#zuck-modal-content .story-viewer .head .time {
    opacity: .75;
    font-weight: 500;
    font-size: 13px
}

#zuck-modal-content .story-viewer .head .left {
    line-height: 1 !important;
    display: inline-block;
    margin: 6px 0
}

#zuck-modal-content .story-viewer .head .left .info {
    display: inline-block;
    max-width: 30vw;
    vertical-align: middle
}

#zuck-modal-content .story-viewer .head .left .info > * {
    width: 100%;
    display: inline-block;
    line-height: 21px
}

#zuck-modal-content .story-viewer .head .left .info .name, .hc-article-detail .navigation a .text font, .navigation-wrapper a .text font {
    font-weight: 500
}

#zuck-modal-content .story-viewer .head .right {
    float: right
}

#zuck-modal-content .story-viewer .head .back, #zuck-modal-content .story-viewer .head .right .close {
    font-size: 42px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center
}

#zuck-modal-content .story-viewer .head .left .back {
    display: none;
    width: 24px;
    margin: -9px -6px 0
}

#zuck-modal-content .story-viewer .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .head .loading {
    display: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 9px 0;
    box-sizing: border-box;
    border: 4px solid rgba(255, 255, 255, .2);
    border-top-color: #fff;
    animation: zuckLoading 1s linear infinite
}

#zuck-modal-content .story-viewer .head, #zuck-modal-content .story-viewer .slides-pointers, #zuck-modal-content .story-viewer .tip {
    transition: opacity .5s
}

#zuck-modal-content .story-viewer .slides .item {
    display: none;
    overflow: hidden;
    background: #000
}

#zuck-modal-content .story-viewer .slides .item:before {
    z-index: 4;
    background: 0 0;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

#zuck-modal-content .story-viewer .slides .item > .media {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: auto
}

#zuck-modal-content .story-viewer .slides .item.active, #zuck-modal-content .story-viewer .slides .item.active .tip.link {
    display: block
}

#zuck-modal-content .story-viewer .tip {
    text-decoration: none;
    display: none;
    border-radius: 24px;
    background: rgba(0, 0, 0, .5);
    font-size: 16px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 24px
}

#zuck-modal.rtl {
    direction: rtl
}

#zuck-modal.rtl.with-effects {
    transform-origin: top right
}

#zuck-modal.rtl.with-effects.animated {
    margin-left: auto !important;
    margin-right: 0 !important
}

#zuck-modal.rtl .slider {
    left: auto;
    right: -100vw
}

#zuck-modal.rtl .slider > .previous {
    left: auto;
    right: 0;
    transform: rotateY(-270deg) translateX(50%)
}

#zuck-modal.rtl .slider > .viewing {
    left: auto;
    right: 100vw
}

#zuck-modal.rtl .slider > .next {
    left: auto;
    right: 200vw
}

#zuck-modal.rtl.with-cube .slider > .previous {
    left: auto;
    right: 100vw;
    transform-origin: center right
}

#zuck-modal.rtl.with-cube .slider > .viewing {
    left: auto;
    right: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.rtl.with-cube .slider > .next {
    left: auto;
    right: 100vw;
    transform-origin: top left;
    transform: rotateY(270deg) translateX(-50%)
}

#zuck-modal.rtl, #zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous {
    left: auto;
    right: 0
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next {
    right: auto;
    left: 0
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
    margin-right: auto;
    margin-left: 9px
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .right {
    float: left
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .tip {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

@media (max-width: 1024px) {
    #zuck-modal-content .story-viewer .head {
        top: 3px
    }

    #zuck-modal-content .story-viewer .head .loading {
        width: 24px;
        height: 24px;
        margin: 6px 0
    }

    #zuck-modal-content .story-viewer .head .item-preview {
        width: 30px;
        height: 30px;
        margin-right: 9px
    }

    #zuck-modal-content .story-viewer .head .left {
        font-size: 15px;
        margin: 15px 0
    }

    #zuck-modal-content .story-viewer .head .left > div {
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .right .time {
        display: block;
        white-space: nowrap;
        font-size: 15px;
        margin: 15px 0;
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .left > .back {
        display: none;
        background: 0 0;
        z-index: 20;
        visibility: visible;
        position: absolute;
        height: 42px;
        width: 24px;
        line-height: 36px;
        text-align: left;
        vertical-align: top;
        text-shadow: none
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left > .back {
        display: block
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: 18px
    }

    #zuck-modal-content .story-viewer .slides-pointers {
        width: 100vw;
        left: 0;
        right: 0
    }

    #zuck-modal-content .story-viewer .tip {
        font-size: 14px;
        padding: 6px 12px
    }

    #zuck-modal-content .story-viewer .head .left .time, #zuck-modal-content .story-viewer .head .right .close {
        display: none
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
        margin-right: auto;
        margin-left: 9px
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .left > .back {
        text-align: right
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: auto;
        margin-right: 18px
    }
}

.stories.carousel {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.stories.carousel::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.stories.carousel .story {
    display: inline-block;
    width: 18vw;
    max-width: 90px;
    margin: 0 6px;
    vertical-align: top
}

.stories.carousel .story:first-child {
    margin-left: 0
}

.stories.carousel .story:last-child {
    margin-right: 0
}

.stories.carousel .story > .item-link {
    text-align: center;
    display: block
}

.stories.carousel .story > .item-link:active > .item-preview {
    transform: scale(.9)
}

.stories.carousel .story > .item-link > .item-preview {
    display: block;
    box-sizing: border-box;
    font-size: 0;
    max-height: 90px;
    height: 18vw;
    overflow: hidden;
    transition: transform .2s
}

.stories.carousel .story > .item-link > .info {
    display: inline-block;
    margin-top: .5em;
    line-height: 1.2em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.stories.carousel .story > .item-link > .info .name {
    font-weight: 300
}

.stories.carousel .story > .item-link > .info .time, .stories.carousel .story > .items {
    display: none
}

.stories.list {
    white-space: nowrap;
    overflow: auto
}

.stories.list .story {
    display: block;
    width: auto;
    margin: 6px;
    padding-bottom: 6px
}

.stories.list .story > .item-link {
    text-align: left;
    display: block
}

.stories.list .story > .item-link > .item-preview {
    height: 42px;
    width: 42px;
    max-width: 42px;
    margin-right: 12px;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden
}

.stories.list .story > .item-link > .item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%
}

.stories.list .story > .item-link > .info {
    display: inline-block;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.stories.list .story > .item-link > .info .name {
    font-weight: 500;
    display: block
}

.stories.list .story > .item-link > .info .time {
    display: inline-block
}

.stories.list .story > .items {
    display: none
}

.stories.rtl {
    direction: rtl
}

.stories.rtl.carousel .story:first-child {
    margin-left: auto;
    margin-right: 0
}

.stories.rtl.carousel .story:last-child {
    margin-right: auto;
    margin-left: 0
}

.stories.rtl.list .story > .item-link {
    text-align: right
}

.stories.rtl.list .story > .item-link > .item-preview {
    margin-right: auto;
    margin-left: 12px
}

.stories.snapgram .story > .item-link {
    text-decoration: none;
    color: #333
}

.stories.snapgram .story > .item-link > .item-preview {
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%)
}

.stories.snapgram .story > .item-link > .item-preview > * {
    border-radius: 50%;
    border: 3px solid #fff
}

.stories.snapgram .story.seen {
    opacity: .75
}

.stories.snapgram .story.seen > a > .item-preview {
    background: #999
}

.stories.snapgram .story.seen > a {
    color: #999 !important
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag, .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag, .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    box-shadow: 0 0 1px 0 #888;
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(../img/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.bvalidator-insert-invalid {
    background-color: #ffc4c4 !important
}

.bvalidator-insert-msg {
    border-radius: .2em;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
    font-style: normal;
    background-color: #ffefef;
    line-height: normal;
    margin-bottom: .1em
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption {
    direction: ltr;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden
}

.fancybox-caption, .fancybox-infobar, .fancybox-toolbar {
    opacity: 0;
    position: absolute
}

.fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-image, .fancybox-slide--image .fancybox-content, .fancybox-spaceball {
    background: 0 0;
    left: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    transform-origin: top left;
    transition-property: transform, opacity;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    border: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}

.fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus, input:focus, select:focus, textarea:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    color: #ccc;
    cursor: pointer;
    padding: 8px;
    position: absolute;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px)
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited, .socialmedia-share-list a em {
    color: #fff
}

.fancybox-share__button:hover, a {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label span .icon svg path, .dropdown.active .dropdown-button .svg-icon svg path, .fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before, .profile .profile-section .appointments .item.active .section-label span {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

body {
    position: relative;
    overflow-x: hidden
}

body:lang(ar), body:lang(ir), body:lang(ur) {
    text-align: right
}

input, select, textarea {
    -webkit-appearance: none;
    appearance: none
}

input[type=date]::before {
    color: #000;
    content: attr(placeholder)
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

button {
    font-family: inherit;
    outline: 0 !important
}

b {
    font-weight: 600
}

ul {
    list-style-type: none
}

ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5
}

ol, ul {
    padding: 0
}

h1, h2, h3, h4, h5, h6, ol, ul {
    margin: 0
}

.icon-sprite-comment-shadow, .icon-sprite-doctor-article-shape, .icon-sprite-download-appstore {
    background-image: url(https://cdn.memorial.com.tr/files/images/sprite.png);
    background-position: -120px -121px;
    width: 36px;
    height: 37px
}

.icon-sprite-doctor-article-shape, .icon-sprite-download-appstore {
    background-position: 0 0;
    width: 79px;
    height: 121px
}

.icon-sprite-download-appstore {
    background-position: -79px -50px;
    width: 150px;
    height: 50px
}

.icon-sprite-download-googleplay, .icon-sprite-hearth-full, .icon-sprite-hearth-white-2 {
    background-image: url(https://cdn.memorial.com.tr/files/images/sprite.png);
    background-position: -79px 0;
    width: 169px;
    height: 50px
}

.icon-sprite-hearth-full, .icon-sprite-hearth-white-2 {
    background-position: 0 -121px;
    width: 72px;
    height: 74px
}

.icon-sprite-hearth-white-2 {
    background-position: -72px -121px;
    width: 48px;
    height: 48px
}

.appointment .appointment-datepicker-container:before, .icon-apostrophe-end:before, .icon-apostrophe-start:before, .icon-az:before, .icon-calendar-add:before, .icon-calendar:before, .icon-call-you:before, .icon-camera:before, .icon-chat:before, .icon-check-up:before, .icon-chevron-right-black:before, .icon-chevron-right:before, .icon-close-white:before, .icon-close:before, .icon-doctor-tool:before, .icon-doctor:before, .icon-down-white:before, .icon-down:before, .icon-e-doctor:before, .icon-e-result-black:before, .icon-e-result-white:before, .icon-earth-white:before, .icon-earth:before, .icon-facebook:before, .icon-first-aid-kit:before, .icon-gmail:before, .icon-hearth-full:before, .icon-hearth-white:before, .icon-hospital:before, .icon-information:before, .icon-instagram:before, .icon-konum:before, .icon-left-white:before, .icon-left:before, .icon-linkedin:before, .icon-logo:before, .icon-phone:before, .icon-pin:before, .icon-place:before, .icon-rapor:before, .icon-refresh-black:before, .icon-refresh:before, .icon-right-white:before, .icon-right:before, .icon-search:before, .icon-sira:before, .icon-takvim:before, .icon-twitter:before, .icon-unvan:before, .icon-video:before, .icon-view:before, .icon-whatsapp:before, .icon-youtube:before, .icon-zap:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.icon-search:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg)
}

.icon-zap:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/zap.svg)
}

.icon-chat:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/chat-black.svg)
}

.icon-phone:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@telephone.svg)
}

.icon-logo:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/logo-white.svg)
}

.icon-call-you:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/siziarayalim-dark.svg)
}

.icon-close:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@close.svg)
}

.icon-close-white:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@close-white.svg)
}

.icon-information:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@information.svg)
}

.icon-place:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@place.svg)
}

.icon-apostrophe-start:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-apostrophe-start.svg)
}

.icon-apostrophe-end:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-apostrophe-end.svg)
}

.icon-sira:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-sira.svg)
}

.icon-az:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-az.svg)
}

.icon-unvan:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-unvan.svg)
}

.icon-calendar:before, .icon-takvim:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-takvim.svg)
}

.icon-camera:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-camera.svg)
}

.icon-view:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-view.svg)
}

.icon-check-up:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-check-up.svg)
}

.icon-left:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-left-black.svg)
}

.icon-right:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-right-black.svg)
}

.icon-left-white:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-left.svg)
}

.icon-right-white:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-right.svg)
}

.icon-youtube:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-youtube.svg)
}

.icon-facebook:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-facebook.svg)
}

.icon-twitter:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-twitter.svg)
}

.icon-whatsapp:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-whatsapp.svg)
}

.icon-linkedin:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-linkedin.svg)
}

.icon-gmail:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-gmail.svg)
}

.icon-instagram:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-instagram.svg)
}

.icon-chevron-right:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-right.svg)
}

.icon-chevron-right-black:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-right-black.svg)
}

.icon-video:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-video.svg)
}

.icon-doctor-tool:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-doctor-tool.svg)
}

.icon-hospital:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-hospital.svg)
}

.icon-first-aid-kit:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-first-aid-kit.svg)
}

.icon-doctor:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-doctor.svg)
}

.icon-rapor:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-rapor.svg)
}

.icon-down:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-down.svg)
}

.icon-down-white:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-down-white.svg)
}

.icon-hearth-full:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/hearth-full.svg)
}

.icon-hearth-white:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/hearth-white.svg)
}

.icon-konum:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-konum.svg)
}

.icon-pin:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-pin.svg)
}

.icon-refresh:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-refresh.svg)
}

.icon-refresh-black:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-refresh-black.svg)
}

.icon-e-result-white:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-e-result-white.svg)
}

.icon-e-result-black:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-e-result-black.svg)
}

.icon-calendar-add:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@calendar-add.svg)
}

.icon-e-doctor:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/edoktor.svg)
}

.icon-earth:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-earth.svg)
}

.icon-earth-white:before {
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@earth-white.svg)
}

h1 {
    font-size: 32px;
    font-weight: 400
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 22px
}

h2, h3, h4, p {
    font-weight: 500
}

h3, h4 {
    letter-spacing: .4px
}

h4 {
    font-size: 18px
}

.title, h5, h6 {
    font-size: 12px;
    font-weight: 600
}

.title, h6 {
    font-size: 11px
}

h5, h6 {
    letter-spacing: .2px
}

p {
    margin: 0;
    color: #606587;
    font-size: 14px;
    line-height: 1.5
}

.title {
    color: #4a4a4a
}

.hidden-desktop {
    display: none
}

label {
    display: block;
    margin-bottom: 0
}

.alert {
    font-size: 13px
}

.button.button-default {
    font-weight: 700
}

.bg-color-general {
    background-color: #f5f8fb
}

pre {
    white-space: normal;
    font-size: inherit
}

table {
    width: 100% !important
}

.general-title-style h2 {
    font-size: 16px !important;
    line-height: 24px !important
}

.general-title-style h2, .general-title-style h2[id^=baslik] strong {
    font-weight: 700 !important
}

.checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.checkbox input[type=checkbox].styled-checkbox {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important
}

.checkbox input[type=checkbox].styled-checkbox ~ label {
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 12px !important;
    line-height: 1.5 !important
}

.checkbox input[type=checkbox].styled-checkbox ~ label a {
    color: #151b26;
    font-weight: 700;
    text-decoration: underline
}

.checkbox input[type=checkbox].styled-checkbox ~ label > b, .radio input[type=radio].styled-radio + label > b {
    width: calc(100% - 34px);
    font-weight: 500
}

.checkbox input[type=checkbox].styled-checkbox ~ label > span {
    width: 24px;
    height: 24px;
    border: solid 1px #151b26;
    background-color: #fff;
    display: block;
    margin-right: 10px;
    position: absolute;
    left: -34px
}

body.rtl .checkbox input[type=checkbox].styled-checkbox ~ label > span {
    left: inherit;
    right: -35px;
    margin: 0 0 0 10px
}

.calc-form form .field .radio input[type=radio].styled-radio:checked + label > span, .checkbox input[type=checkbox].styled-checkbox:checked + label > span, .login-area .auth-area .column .form .toggle-login .radio input[type=radio].styled-radio:checked + label > span {
    background: #fff;
    border-color: #151b26
}

.checkbox input[type=checkbox].styled-checkbox:checked + label > span:after, .checkbox input[type=checkbox].styled-checkbox:checked + label > span:before {
    content: '';
    position: absolute;
    background: #169ee3;
    border-radius: 2px;
    width: 2px
}

.checkbox input[type=checkbox].styled-checkbox:checked + label > span:before {
    height: 12px;
    transform: rotate(45deg);
    top: 5px;
    left: 13px;
    transition: all 200ms ease-out
}

.checkbox input[type=checkbox].styled-checkbox:checked + label > span:after {
    height: 8px;
    transform: rotate(-45deg);
    left: 6px;
    top: 10px;
    transition: all 200ms ease-out
}

.checkbox input[type=checkbox].styled-checkbox.style-1 + label > span {
    border-color: gray
}

.checkbox input[type=checkbox].styled-checkbox.style-1:checked + label span {
    background: #fff
}

.checkbox input[type=checkbox].styled-checkbox.style-1:checked + label span:after, .checkbox input[type=checkbox].styled-checkbox.style-1:checked + label span:before {
    background-color: gray
}

.checkbox-image {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label {
    position: relative;
    border-radius: 4px
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label span {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    border-radius: 4px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
    border: solid 2px gray
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label span:after, .checkbox-image input[type=checkbox].styled-checkbox.style-image + label span:before {
    display: none
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label span .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label span .icon svg {
    width: 37px;
    height: 37px
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label h5 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    color: #fff;
    text-align: center
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image + label img {
    border-radius: 4px
}

.checkbox-image input[type=checkbox].styled-checkbox.style-image:checked + label span {
    opacity: 1
}

.radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.radio input[type=radio].styled-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.radio input[type=radio].styled-radio + label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.radio input[type=radio].styled-radio + label > span {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #000;
    background: #fff;
    display: block;
    margin-right: 10px
}

body.rtl .radio input[type=radio].styled-radio + label > span {
    margin: 0 0 0 10px
}

.radio input[type=radio].styled-radio:checked + label > span {
    background: gray;
    border-color: gray;
    position: relative
}

.radio input[type=radio].styled-radio:checked + label > span:before {
    content: '';
    position: absolute;
    background: #fff
}

.radio input[type=radio].styled-radio:checked + label > span:after {
    content: '';
    position: absolute;
    background: #fff;
    border-radius: 2px;
    width: 2px;
    transition: all 200ms ease-out
}

.radio input[type=radio].styled-radio:checked + label > span:before {
    height: 9px;
    width: 9px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    transition: all 200ms ease-out
}

.radio input[type=radio].styled-radio:checked + label > span:after {
    display: none
}

.radio input[type=radio]:checked + label:after, .radio input[type=radio]:checked + label:before, .radio input[type=radio]:not(:checked) + label:after, .radio input[type=radio]:not(:checked) + label:before {
    display: none !important
}

.radio input[type=radio].appointment-radio {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important
}

.radio input[type=radio].appointment-radio:disabled ~ label {
    border-color: #d4d7dd
}

.radio input[type=radio].appointment-radio ~ label {
    display: block;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    border: solid 2px #6eaf0c;
    background-color: #fff;
    padding: 10px;
    font-weight: 300;
    font-size: 15px;
    width: 100%
}

.mobile-slick-standart .slick-dots li button, .mobile-slick-standart2 .slick-dots li button, .radio input[type=radio].appointment-radio ~ label > span, .slick-standart-3 .slick-dots li button {
    display: none
}

.radio input[type=radio].appointment-radio ~ label strong {
    display: block;
    text-align: center
}

.radio input[type=radio].appointment-radio:checked ~ label {
    border: solid 2px #d4d7dd;
    background-color: #6eaf0c;
    font-weight: 700
}

.radio input[type=radio].appointment-radio:checked ~ label strong {
    font-weight: 500;
    color: #fff
}

.radio input[type=radio].appointment-radio[disabled] ~ label {
    opacity: .25
}

.checkbox .radio label a {
    color: #151b26;
    font-weight: 700
}

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=radio]:checked + label, [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

[type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 2px solid #151b26;
    border-radius: 100%
}

[type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #151b26;
    position: absolute;
    top: 7px;
    left: 4px;
    border-radius: 100%;
    transition: all .2s ease
}

[type=radio]:not(:checked) + label:after {
    opacity: 0
}

[type=radio]:checked + label:after {
    opacity: 1
}

@media (max-width: 767px) {
    .field .select2 {
        width: 100% !important
    }
}

.select2-basic {
    visibility: hidden
}

.select2-basic + .bvalidator-insert-msg {
    order: 3
}

.bvalidator-insert-msg + .select2 .select2-selection, .select2-basic + .select2 .select2-selection {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.bvalidator-insert-msg + .select2 .select2-selection__rendered, .select2-basic + .select2 .select2-selection__rendered {
    height: 100%;
    line-height: 48px;
    font-weight: 700
}

.bvalidator-insert-msg + .select2 .select2-selection__arrow, .select2-basic + .select2 .select2-selection__arrow {
    height: 48px;
    top: 6px;
    right: 15px
}

body.rtl .bvalidator-insert-msg + .select2 .select2-selection__arrow, body.rtl .select2-basic + .select2 .select2-selection__arrow {
    right: inherit;
    left: 15px
}

.bvalidator-insert-msg + .select2 .select2-selection__arrow b, .select2-basic + .select2 .select2-selection__arrow b {
    border: 0;
    position: relative;
    height: 100%;
    display: block;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 15px 0 0;
    left: auto;
    transition: transform 200ms ease
}

.bvalidator-insert-msg + .select2 .select2-selection__arrow b:before, .select2-basic + .select2 .select2-selection__arrow b:before {
    content: '';
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg)
}

body.rtl .bvalidator-insert-msg + .select2 .select2-selection__arrow b, body.rtl .select2-basic + .select2 .select2-selection__arrow b {
    right: auto;
    margin: 0
}

.bvalidator-insert-msg + .select2-container--open .select2-selection__arrow b, .select2-basic + .select2-container--open .select2-selection__arrow b {
    transform: rotate(180deg);
    transition: transform 200ms ease
}

.bvalidator-insert-msg.select2-shadow + .select2 .select2-selection, .select2-basic.select2-shadow + .select2 .select2-selection {
    box-shadow: 0 0 20px rgba(137, 197, 204, .25)
}

.bvalidator-insert-msg.select2-appointment + .select2 .select2-selection, .select2-basic.select2-appointment + .select2 .select2-selection {
    box-shadow: 0 0 20px rgba(137, 197, 204, .5);
    border: 0
}

.bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .select2-basic.select2-h60 + .select2 .select2-selection {
    height: 60px;
    margin-top: 0
}

.select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    height: 100%;
    line-height: 60px
}

.bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered {
    height: 100%
}

.bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__arrow, .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
    height: 60px;
    top: 0;
    right: 10px
}

body.rtl .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__arrow, body.rtl .select2-basic.select2-h60 + .select2 .select2-selection__arrow, body.rtl .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item::after {
    right: inherit;
    left: 10px
}

.bvalidator-insert-msg.select2-h54 + .select2 .select2-selection, .select2-basic.select2-h54 + .select2 .select2-selection {
    height: 54px;
    margin-top: 0
}

.bvalidator-insert-msg.select2-h54 + .select2 .select2-selection__rendered, .select2-basic.select2-h54 + .select2 .select2-selection__rendered {
    height: 100%;
    line-height: 54px
}

.bvalidator-insert-msg.select2-h54 + .select2 .select2-selection__arrow, .select2-basic.select2-h54 + .select2 .select2-selection__arrow {
    height: 54px;
    top: 0;
    right: 10px
}

.select2-dropdown, .select2-dropdown-basic, .select2-dropdown-basic.select2-dropdown--below, .select2-dropdown.select2-dropdown--below {
    z-index: 999999999 !important
}

.select2-style-form + .select2 .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
    padding-left: 0
}

.select2-container--open .select2-dropdown--above {
    margin-top: 0;
    margin-bottom: 40px
}

.select2-dropdown {
    border: 0;
    margin-top: 10px
}

@media (max-width: 767px) {
    .select2-dropdown {
        z-index: 90
    }
}

.select2-dropdown .select2-results {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.select2-dropdown .select2-results__options {
    border-radius: 4px
}

.select2-dropdown .select2-results__option {
    padding: 10px;
    margin: 10px;
    border-bottom: 1px solid #d4d7dd
}

.select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #169ee3
}

.select2-dropdown .select2-results__option:last-child {
    border-bottom: none
}

.select2-package {
    width: 335px
}

.select2-package + .select2 .select2-selection {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    background-color: #151b26
}

.select2-package + .select2 .select2-selection__rendered {
    height: 100%;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    font-size: 16px
}

.select2-package + .select2 .select2-selection__arrow {
    height: 48px;
    top: 6px;
    right: 10px;
    color: #fff
}

.select2-package + .select2 .select2-selection__arrow b {
    border: 0;
    position: relative;
    height: 100%;
    display: block;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 15px 0 0;
    left: auto;
    transition: transform 200ms ease
}

.select2-package + .select2 .select2-selection__arrow b:before {
    content: '';
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg)
}

.select2-package + .select2.select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #fff;
    transform: rotate(180deg)
}

.select2-dropdown-package {
    margin-top: 0
}

.select2-dropdown-package .select2-results {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.select2-dropdown-package .select2-results__options {
    border-radius: 4px;
    max-height: initial !important
}

.select2-dropdown-package .select2-results__option {
    padding: 10px;
    margin: 10px;
    border-bottom: 1px solid #d4d7dd
}

.select2-dropdown-package .select2-results__option:last-child {
    border-bottom: none
}

.select2-search--dropdown {
    padding: 0;
    text-align: center;
    margin-top: 0;
    border-bottom: 1px solid #d4d7dd
}

.select2-search--dropdown .select2-search__field {
    padding: 10px;
    border: 0 !important;
    box-shadow: 0 -4px 5px 1px #151c2633;
    width: 100%;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0
}

.select2-container--disabled .select2-selection {
    opacity: .4;
    cursor: not-allowed !important;
    background-color: #d4d7dd !important
}

.bvalidator-insert-msg + .select2 .select2-selection.select2-selection--multiple, .select2-basic + .select2 .select2-selection.select2-selection--multiple {
    height: auto;
    padding: 0
}

.bvalidator-insert-msg + .select2 .select2-selection.select2-selection--multiple .select2-selection__choice, .select2-basic + .select2 .select2-selection.select2-selection--multiple .select2-selection__choice {
    line-height: 28px
}

.bvalidator-insert-msg + .select2 .select2-selection.select2-selection--multiple .select2-search.select2-search--inline, .select2-basic + .select2 .select2-selection.select2-selection--multiple .select2-search.select2-search--inline {
    width: 100%
}

.bvalidator-insert-msg + .select2 .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input, .select2-basic + .select2 .select2-selection.select2-selection--multiple .select2-search.select2-search--inline input {
    width: 100% !important;
    border: 0;
    border-radius: inherit;
    height: 40px
}

@media (max-width: 768px) {
    .select2-dropdown-basic, .select2-dropdown-search {
        margin-top: 0
    }
}



.toggle-accordion .item {
    cursor: pointer;
    padding: 20px 0;
    color: #151b26;
    font-size: 14px;
    border-top: solid 1px #d4d7dd
}

.toggle-accordion .item:nth-child(2) {
    border-top: none
}

.toggle-accordion .item .toggle-contract-title {
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    padding-right: 24px
}

body.rtl .toggle-accordion .item .toggle-contract-title {
    padding: 0 0 0 24px
}

.toggle-accordion .item .toggle-contract-title:before {
    content: '';
    height: 24px;
    width: 24px;
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat;
    background-size: 24px;
    right: 0;
    top: 0;
    position: absolute
}

body.rtl .toggle-accordion .item .toggle-contract-title:before {
    right: inherit;
    left: 0
}

.toggle-accordion .item .content {
    display: none;
    margin-top: 20px;
    padding-left: 10px
}

.toggle-accordion .item .content ul li {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: normal
}

.toggle-accordion .item .content ul li ul {
    margin-top: 20px;
    margin-left: 20px
}

@media (max-width: 767px) {
    .toggle-accordion .item .content ul li ul {
        margin-left: 20px
    }
}

.toggle-accordion .item.active .toggle-contract-title {
    font-weight: 700
}

.toggle-accordion .item.active .toggle-contract-title:before {
    transform: rotate(180deg)
}

.toggle-accordion .item.active .content {
    display: block
}

.slick-standart .slick-list {
    padding: 0 20% 0 0
}

.slick-disabled {
    opacity: .2;
    cursor: not-allowed !important
}

.slick-next, .slick-prev {
    border: 0;
    outline: 0;
    background: #169ee3;
    width: 50px;
    height: 50px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 9
}

.slick-prev {
    left: -100px
}

body.rtl .slick-prev {
    left: inherit;
    right: -100px
}

body.rtl .slick-next em, body.rtl .slick-prev em {
    transform: rotate(180deg);
    margin-bottom: 6px;
    display: inline-block
}

.slick-next {
    right: -80px
}

body.rtl .slick-next {
    right: inherit;
    left: -80px
}

.mobile-slick-standart .slick-list {
    padding: 0 20% 0 0 !important
}

.mobile-slick-standart .slick-dots {
    display: flex;
    margin-top: 20px
}

.mobile-slick-standart .slick-dots li, .mobile-slick-standart2 .slick-dots li, .slick-standart-3 .slick-dots li {
    width: 8px;
    height: 8px;
    background: rgba(21, 27, 38, .25);
    border-radius: 50%;
    transition: all 250ms ease;
    margin-right: 10px
}

.mobile-slick-standart .slick-dots li.slick-active, .mobile-slick-standart2 .slick-dots li.slick-active, .slick-standart-3 .slick-dots li.slick-active {
    width: 28px;
    border-radius: 4px;
    background: #151b26;
    transition: all 250ms ease
}

.slick-standart-3 .slick-list {
    padding: 0 20% 0 0 !important
}

.slick-standart-3 .slick-dots {
    display: flex;
    margin-top: 20px
}

.mobile-slick-standart2 .slick-slide {
    margin: 0 10px
}

.mobile-slick-standart2 .slick-dots {
    display: flex;
    margin: 8px
}

.bvalidator-insert-invalid {
    box-shadow: 0 4px 10px 0 rgba(193, 30, 67, .25);
    border: solid 1px #169ee3 !important;
    background: #fff !important
}

.styled-checkbox + .bvalidator-insert-msg {
    order: 1
}

.bvalidator-insert-msg {
    margin-top: 10px;
    background: 0 0;
    border: 0;
    color: #169ee3;
    font-size: 12px;
    position: relative;
    padding: .3em .3em .3em 30px
}

.bvalidator-insert-msg:before {
    content: '';
    position: absolute;
    background: url(https://cdn.memorial.com.tr/files/images/icon@form-error.svg) no-repeat;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px
}

form.style-e-wish .bvalidator-insert-invalid {
    border: 0 !important;
    background: rgba(193, 30, 67, .1) !important
}

.button--loading {
    position: relative
}

.button--loading:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 4px;
    background-color: #d4d7dd;
    z-index: 2
}

.button--loading:before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    border: 4px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    width: 20px;
    height: 20px;
    opacity: .8;
    border-radius: 50%;
    animation: loadingSpinner .7s infinite linear;
    -webkit-animation: loadingSpinner .7s infinite linear;
    z-index: 3
}

.__loader-section, .preloader {
    position: fixed;
    left: 0;
    top: 0;
    display: none
}

.preloader {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 99999999999;
    opacity: 1;
    transition: opacity .3s linear
}

.loader-section:after, .preloader-section:after, .preloader:after {
    content: ' ';
    display: block;
    width: 128px;
    height: 128px;
    margin: 8px;
    border-radius: 50%;
    border: 1px solid #169ee3;
    border-color: #169ee3 transparent;
    animation: preloader 1s linear infinite;
    left: calc(50% - 64px);
    top: calc(50% - 64px);
    position: relative
}

.preloader.deleted {
    opacity: 0;
    display: none;
    transition: opacity .3s linear
}

.__loader-section {
    z-index: 99999;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .9)
}

.__loader-section.active {
    display: block
}

.__loader-section .loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
    width: 136px;
    box-sizing: border-box
}

.__loader-section .loader .loader-item {
    position: relative;
    float: left;
    height: 40px;
    width: 1px;
    margin: 0 6px;
    background-color: #fff
}

.__loader-section .loader .loader-item:nth-child(1) {
    animation: loader-item-1 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(2) {
    animation: loader-item-2 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(3) {
    animation: loader-item-3 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(4) {
    animation: loader-item-4 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(5) {
    animation: loader-item-5 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(6) {
    animation: loader-item-6 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(7) {
    animation: loader-item-7 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(8) {
    animation: loader-item-8 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(9) {
    animation: loader-item-9 1s linear infinite
}

.__loader-section .loader .loader-item:nth-child(10) {
    animation: loader-item-10 1s linear infinite
}

.__loader-section .loader:after {
    font-size: 16px;
    font-family: 'Arial';
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto
}

.loader-section {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999
}

.loader-section.active {
    display: inline-block
}

.loading-container {
    position: relative
}

.preloader-section {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.preloader-section.bg-white {
    background: rgba(255, 255, 255, .6)
}

.preloader-section.active {
    display: inline-block
}

.assay-result-list .preloader-section {
    position: relative
}

.button {
    outline: 0;
    box-shadow: none;
    border: 0
}

.button:disabled {
    background-color: #d4d7dd !important;
    cursor: not-allowed !important
}

.button:disabled:hover {
    box-shadow: none !important
}

.button.button-default {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #169ee3;
    color: #fff;
    height: 50px;
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    cursor: pointer;
    transition: all 300ms ease;
    line-height: 1
}

@media (max-width: 767px) {
    .button.button-default {
        width: 100%
    }
}

@media all and (-ms-high-contrast: none) {
    .button.button-default {
        margin-left: 0;
        margin-right: 0
    }
}

.button.button-default:hover {
    /* box-shadow: 0 0 9px 6px rgba(22, 158, 227, 0.2);*/
    transition: all 300ms ease
}

.button.button-default.w335 {
    width: 335px
}

@media (max-width: 767px) {
    .button.button-default.w335 {
        width: 100%
    }
}

.button.button-navyblue:hover {
    box-shadow: 0 0 9px 6px rgba(21, 27, 38, .2);
    transition: all 300ms ease
}

.button.button-yellow {
    transition: all 300ms ease
}

.button.button-yellow:hover {
    box-shadow: 0 0 9px 6px rgba(255, 193, 7, .5);
    transition: all 300ms ease
}

.button.button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #169ee3;
    height: 50px;
    width: 270px
}

.button.button-icon:disabled .icon {
    background-color: rgba(21, 27, 38, .1) !important
}

.button.button-icon em.icon {
    margin-right: 10px;
    margin-bottom: initial;
    color: #fff
}

.button.button-icon .icon-svg {
    margin: 0 5px
}

.button.button-icon span.text {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px
}

.button.button-link {
    border-radius: 4px;
    box-shadow: 0 15px 20px -5px rgba(193, 30, 67, .25);
    background-color: #169ee3;
    height: 50px;
    width: 335px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.button.button-dark {
    background-color: #151b26 !important
}

.button.button-dark:hover {
    box-shadow: 0 0 2px 2px gray
}

.button.button-appointment.disabled .icon, .button.button-appointment.disabled .text, .button.button-dark, .button.button-dark em {
    color: #fff !important
}

.button.button-outline {
    border-radius: 4px;
    height: 50px;
    width: 270px;
    font-weight: 700;
    border: solid 1px #169ee3;
    background-color: #fff;
    color: #169ee3;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms ease
}

.button.button-outline:hover {
    box-shadow: 0 0 9px 6px rgba(193, 30, 67, .2);
    transition: all 300ms ease
}

.button.button-outline:disabled {
    color: #151b27;
    border-color: #151b27;
    opacity: .6
}

.button.button-outline-dark {
    border-radius: 4px;
    height: 50px;
    width: 270px;
    font-weight: 700;
    border: solid 1px #151b26;
    background-color: transparent !important;
    color: #151b26;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms ease
}

.button.button-outline-dark:hover {
    box-shadow: 0 0 9px 6px rgba(21, 27, 38, .2);
    transition: all 300ms ease
}

.button.button-outline-dark:disabled {
    color: #151b27;
    border-color: #151b27;
    opacity: .6
}

.button.button-outline-bg-dark {
    border-radius: 26px;
    height: 50px;
    width: 270px;
    font-weight: 700;
    border: solid 2px #151b26;
    background-color: #2e313b !important;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms ease
}

.button.button-outline-bg-dark:hover {
    box-shadow: 0 0 9px 6px rgba(21, 27, 38, .2);
    transition: all 300ms ease
}

.button.button-outline-bg-dark:disabled {
    color: #151b27;
    border-color: #151b27;
    opacity: .6
}

.button.button-e_doctor {
    border-radius: 4px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    background-color: #fff !important;
    display: flex;
    padding: 0 20px;
    align-items: center;
    justify-content: space-between;
    height: 54px
}

.button.button-e_doctor .icon img {
    width: 24px
}

.button.button-e_doctor .text {
    color: #169ee3;
    font-size: 16px;
    font-weight: 500
}

.button.button-e_doctor .text strong {
    font-weight: 800;
    font-style: italic
}

.button.button-appointment {
    width: 250px;
    height: 54px;
    background-color: #ffc107;
    transition: all 300ms ease;
    cursor: pointer
}

.button.button-appointment:hover {
    box-shadow: 0 0 9px 6px rgba(255, 193, 7, .5);
    transition: all 300ms ease
}

@media (max-width: 767px) {
    .button.button-appointment {
        width: 100%;
        margin-bottom: 20px
    }
}

.button.button-appointment .text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #151b26 !important
}

.button.button-appointment .icon {
    color: #151b26 !important
}

.button.button-appointment.disabled {
    background-color: #d4d7dd;
    pointer-events: none;
    cursor: not-allowed
}

.button.button-back, .button.button-confirm {
    width: 165px;
    height: 53px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.button.button-back {
    border: solid 1px #000
}

.button.button-back em {
    color: #151b26;
    font-size: 12px;
    margin: 3px 10px 0 0
}

.button.button-back span, .button.button-confirm span {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    color: #151b26
}

.button.button-confirm {
    background-color: #ffc107
}



.contact-button-banner {
    box-shadow: 0 15px 20px -5px rgba(0, 0, 0, .5) !important;
    background-color: #fff !important;
    color: #000 !important;
    cursor: pointer
}

.alert {
    border-radius: 4px;
    padding: 17px 15px;
    color: #fff;
    border-color: transparent;
    text-align: center;
    margin: 20px 0
}

.alert-success {
    background-color: #1dc1a2
}

.alert-error {
    background-color: #d65134
}

.alert-warning {
    background-color: #f9b532
}

.search-input-container {
    position: relative
}

.search-input-container .search-input-default {
    font-size: 16px;
    font-weight: 400;
    height: 60px;
    max-width: 100%;
    width: 100%;
    line-height: 50px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    -webkit-appearance: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset
}

@media (max-width: 767px) {
    .search-input-container .search-input-default {
        height: 50px
    }
}

.search-input-container .search-button {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

input[type=text]:disabled {
    opacity: .8;
    background-color: #d6dce2 !important;
    border: 0 !important
}

form.hide-bvalidator-messages .bvalidator-insert-msg {
    display: none
}

form.hide-bvalidator-messages#submit-e-wish-well .field-intl-phone .bvalidator-insert-msg {
    display: block;
    position: absolute;
    bottom: -30px
}

.field .info-required span, label .required {
    color: #141a26
}

.field .info-required {
    display: flex;
    justify-content: flex-end;
    font-size: 13px
}

.field .info-required strong {
    color: #141a26;
    padding-right: 4px
}



.etkmetni{
    font-size: 0.9rem;
    margin: 0 20px 0 20px;
    line-height: 30px;
}

.modal-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #151b26
}



input.datepicker-appointment, input.datepicker-default {
    border-radius: 4px;
    background: url(https://cdn.memorial.com.tr/files/images/calendar.svg) no-repeat;
    background-position: 16px center;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px
}

input.datepicker-default {
    height: 60px;
    margin-bottom: 40px;
    width: 240px;
    text-align: center;
    display: flex;
    border: solid 1px #d4d7dd;
    background-size: 24px;
    padding-right: 26px;
    padding-left: 56px
}

input.datepicker-appointment {
    width: 165px;
    height: 50px;
    border: solid 1px #151b26;
    background-size: 20px;
    padding-right: 16px;
    padding-left: 46px
}

@media (max-width: 767px) {
    input.datepicker-appointment {
        border: solid 1px rgba(113, 119, 129, .5);
        background-position: 35% center;
        width: 100%;
        text-align: center
    }
}



.numInputWrapper {
    display: none !important
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus {
    background: #ffc107;
    border-color: #ffc107 !important;
    color: #151b26;
    font-weight: 700 !important;
    justify-content: center
}

span.flatpickr-day.nextMonthDay.today:not(.selected), span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.today:not(.selected) {
    border-bottom-color: #169ee3;
    color: #151b26
}

.flatpickr-calendar {
    width: 335px;
    padding: 15px 10px
}

.flatpickr-innerContainer {
    justify-content: center
}

.flatpickr-days {
    padding-bottom: 15px
}

.flatpickr-days::after, .flatpickr-month::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ffc107
}

.flatpickr-days span.flatpickr-day, .flatpickr-days span.flatpickr-day.nextMonthDay, .flatpickr-days span.flatpickr-day.prevMonthDay {
    width: 100%;
    border: solid 1px #d4d7dd !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    max-width: 40px
}

@media all and (-ms-high-contrast: none) {
    .flatpickr-days span.flatpickr-day, .flatpickr-days span.flatpickr-day.nextMonthDay, .flatpickr-days span.flatpickr-day.prevMonthDay {
        display: flex;
        justify-content: space-between;
        margin-right: 2px;
        margin-bottom: 2px;
        max-width: 40px
    }
}

.flatpickr-days .flatpickr-day:hover {
    border-color: #151b26 !important;
    background-color: #fff !important
}

.flatpickr-days .flatpickr-day.endRange:hover, .flatpickr-days .flatpickr-day.selected:hover, .flatpickr-days .flatpickr-day.startRange:hover {
    background: #ffc107;
    border-color: #ffc107 !important;
    color: #151b26;
    font-weight: 700 !important
}

.flatpickr-days .flatpickr-day.endRange, .flatpickr-days .flatpickr-day.selected, .flatpickr-days .flatpickr-day.startRange {
    font-weight: 700 !important
}

.flatpickr-days span.flatpickr-day.nextMonthDay {
    display: none
}

.flatpickr-days .nextMonthDay, .flatpickr-days .prevMonthDay {
    color: transparent !important;
    cursor: not-allowed !important;
    pointer-events: none !important
}

.flatpickr-days .nextMonthDay {
    border: 0 !important
}

.flatpickr-days .flatpickr-day.flatpickr-disabled, .flatpickr-days .flatpickr-day.flatpickr-disabled.today, .flatpickr-days .flatpickr-day:nth-child(7n), .flatpickr-days .flatpickr-day:nth-child(7n).today {
    color: rgba(21, 27, 38, .4)
}

.flatpickr-monthDropdown-months {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #151b26
}

.rangeMode .flatpickr-day {
    margin-top: 0 !important
}

.flatpickr-current-month {
    display: flex;
    justify-content: center
}

.flatpickr-next-month, .flatpickr-prev-month {
    top: 15px !important
}

.flatpickr-month {
    height: 50px !important
}

.dayContainer {
    justify-content: flex-start
}

.dayContainer .flatpickr-day {
    margin-right: 4px;
    margin-bottom: 4px;
    max-width: 40px;
    display: flex;
    align-content: center;
    justify-content: center !important
}

.dayContainer .flatpickr-day:nth-child(7n) {
    margin-right: 0
}

.flatpickr-weekday {
    color: #151b26 !important;
    font-size: 14px
}

.flatpickr-weekdays {
    height: 35px;
    width: 310px
}

.inRange {
    box-shadow: none !important;
    border: 1px solid #d4d7dd !important;
    opacity: 1 !important
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: none !important
}

.flatpickr-weekday:nth-child(7) {
    color: rgba(21, 27, 38, .4) !important
}

.dropdown {
    width: 335px;
    border-radius: 4px;
    position: relative
}

.dropdown-button {
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0 20px;
    position: relative
}

@media (max-width: 991px) {
    .dropdown-button {
        height: 24px
    }
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 4px;
    z-index: 99
}

.dropdown.active .dropdown-button em, body.rtl .page-pagination .next-arrow img {
    transform: rotate(180deg)
}

.dropdown.active .dropdown-button em.icon-phone {
    transform: rotate(0)
}

.dropdown-sort .dropdown-content .sort-list > a.active .clear-sort, .dropdown.active .dropdown-content {
    display: block
}

.dropdown-dark {
    box-shadow: 0 2px 20px 0 rgba(212, 215, 221, .2);
    background-color: #151b26
}

.dropdown-dark .dropdown-button {
    box-shadow: inset -1px -3px 17px 5px rgba(255, 255, 255, .1);
    color: #fff
}

.dropdown-dark .dropdown-content {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    background-color: #151b26;
    width: 100%
}

.dropdown-languages, .dropdown-share {
    width: auto
}

.dropdown-share .dropdown-button {
    padding: 0;
    z-index: 3
}

.dropdown-share .dropdown-button .svg-icon {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px) {
    .dropdown-share .dropdown-button .svg-icon {
        width: 24px;
        height: 24px
    }
}

.dropdown-share .dropdown-button .svg-icon svg {
    width: 32px;
    height: 32px
}

@media (max-width: 991px) {
    .dropdown-share .dropdown-button .svg-icon svg {
        width: 16px;
        height: 16px
    }
}

.dropdown-share .dropdown-button .svg-icon svg path {
    fill: #169ee3;
    stroke: #169ee3
}

.dropdown-share .dropdown-content {
    padding: 30px 20px;
    background: #169ee3;
    border-radius: 24px;
    right: 20px;
    bottom: auto;
    width: 140px;
    top: 20px;
    left: inherit;
    z-index: 1
}

@media (max-width: 991px) {
    .dropdown-share .dropdown-content {
        left: 0;
        top: 15px
    }
}

.dropdown.active .dropdown-button .svg-icon {
    background: #169ee3
}

@media (max-width: 991px) {
    .dropdown-languages .dropdown-content {
        right: 0;
        left: auto
    }
}

@media (max-width: 767px) {
    .dropdown-sort {
        width: 100%
    }
}

.dropdown-sort .dropdown-button {
    border-radius: 3px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    height: 60px
}

@media (max-width: 767px) {
    .dropdown-sort .dropdown-button {
        height: 50px
    }
}

.dropdown-sort .dropdown-button > em {
    transform: rotate(0) translateY(0) !important;
    margin: 0 6px
}

.dropdown-sort .dropdown-button > .text {
    margin: 0 6px;
    font-size: 14px;
    color: #151b26
}

.dropdown-sort .dropdown-button:hover .text, .dropdown-sort .dropdown-content .sort-list > a.active .text, .dropdown-sort .dropdown-content .sort-list > a.active em, .dropdown-sort.active .dropdown-button .text {
    font-weight: 700
}

.dropdown-sort .dropdown-content {
    width: 100%
}

.dropdown-sort .dropdown-content .sort-list {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #fff;
    width: 100%;
    margin-top: 6px;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    border: solid 1px #151b26;
    background-color: #fff
}

.dropdown-sort .dropdown-content .sort-list > a {
    font-size: 14px;
    color: #151b26;
    display: flex;
    align-items: center;
    width: calc(100% - 30px);
    padding: 10px 12px 10px 0;
    margin: 6px 15px 0;
    border-bottom: 1px solid #d4d7dd
}

.dropdown-sort .dropdown-content .sort-list > a > em {
    margin-right: 10px;
    flex: 0 0 20px
}

.dropdown-sort .dropdown-content .sort-list > a > em:before {
    font-weight: 500;
    font-size: 18px
}

.dropdown-sort .dropdown-content .sort-list > a > .text {
    font-size: 14px;
    font-weight: 500;
    flex: 1
}

.dropdown-sort .dropdown-content .sort-list > a .clear-sort {
    font-size: 14px;
    color: #169ee3;
    display: none;
    font-weight: 500
}

.dropdown-sort .dropdown-content .sort-list > a:last-child {
    border-bottom: 2px solid #ffc107;
    margin-bottom: 10px
}

.socialmedia-share {
    position: absolute;
    right: 10px;
    top: 10px
}

.socialmedia-share-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}

.socialmedia-share-list a {
    color: #fff;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start
}

.socialmedia-share-list a:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.socialmedia-share-list a span {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-left: 5px
}

.socialmedia-share.style-2 .dropdown-share .dropdown-button {
    height: 44px
}

.socialmedia-share.style-2 .dropdown-share .dropdown-button .svg-icon {
    border-radius: 4px;
    background-color: #169ee3;
    width: 88px;
    height: 44px
}

.socialmedia-share.style-2 .dropdown-share .dropdown-button .svg-icon svg path {
    fill: #fff;
    stroke: #fff
}

.socialmedia-share.style-2 .dropdown-share .dropdown-content {
    right: 60px
}

@media (max-width: 767px) {
    .socialmedia-share.style-2 .dropdown-share .dropdown-content {
        top: 50px
    }
}

@media (max-width: 991px) {
    .col-search.active .searchbar {
        margin: 0 10px
    }
}

@media (max-width: 767px) {
    .col-search.active .searchbar {
        margin: 0 10px
    }
}

.col-search.active .dropdown-languages {
    margin-right: 15px
}

@media (max-width: 991px) {
    .col-search.active .dropdown-languages {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .col-search.active .dropdown-languages {
        margin-right: 15px
    }
}

.searchbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    flex: 46%;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width: 991px) {
    .searchbar {
        position: relative;
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .searchbar {
        position: relative;
        justify-content: flex-start
    }
}

.searchbar-container {
    position: relative;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(137, 197, 204, .25);
    border: 1px solid #d4d7dd;
    background-color: #fff
}

@media (max-width: 991px) {
    .searchbar-container {
        left: 0;
        box-shadow: none;
        border: solid 1px transparent;
        background-color: transparent
    }
}

@media (max-width: 767px) {
    .searchbar-container {
        left: 0
    }
}

.searchbar-container input {
    width: 100%;
    display: block;
    height: 50px;
    position: relative;
    padding: 10px 40px 10px 20px;
    border-radius: 4px;
    border: 0;
    opacity: 1;
    pointer-events: auto;
    z-index: 9999
}

@media (max-width: 991px) {
    .searchbar-container input {
        opacity: 0;
        pointer-events: none;
        font-size: 12px;
        padding: 10px 40px 10px 15px
    }
}

.searchbar-container .search-button {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 99999
}

body.rtl .searchbar-container .search-button {
    right: inherit;
    left: 0
}

@media (max-width: 991px) {
    .searchbar-container .search-button {
        left: 0;
        padding: 0;
        z-index: 10 !important;
        justify-content: flex-end
    }
}

@media (max-width: 767px) {
    .searchbar-container .search-button {
        left: 0;
        padding: 0;
        z-index: 10 !important;
        justify-content: flex-start
    }
}

.searchbar-container .search-button:hover {
    opacity: .8;
    cursor: pointer
}

.searchbar-container .search-button .icon-search {
    width: 24px;
    height: 24px;
    position: relative
}

@media (max-width: 991px) {
    body.rtl .searchbar-container .search-button .icon-search {
        right: inherit;
        left: -15px
    }

    .searchbar-container .search-button .icon-close {
        right: 15px;
        position: absolute
    }
}

@media (max-width: 767px) {
    .searchbar-container .search-button .icon-close {
        right: 15px;
        position: absolute
    }
}

@media (max-width: 991px) {
    .searchbar-container.active {
        border-radius: 4px;
        box-shadow: 0 0 10px 0 rgba(137, 197, 204, .25);
        border: 1px solid #d4d7dd;
        background-color: #fff;
        z-index: 5
    }

    .searchbar-container.active input {
        opacity: 1;
        pointer-events: auto
    }
}

@media (max-width: 767px) {
    .searchbar-container.active .search-button {
        width: 20%;
        margin-left: auto
    }
}

.easy-autocomplete {
    width: 100% !important
}

@media (max-width: 767px) {
    .easy-autocomplete {
        width: 100% !important;
        z-index: 4
    }
}

@media (max-width: 991px) {
    .easy-autocomplete {
        width: 100% !important;
        z-index: 4
    }
}

.easy-autocomplete-container > ul {
    top: 1px;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    border: solid 1px #d4d7dd;
    border-top: none;
    background-color: #fff;
    overflow-y: scroll;
    height: 230px
}

@media (max-width: 767px) {
    .easy-autocomplete-container > ul {
        height: 340px
    }
}

.easy-autocomplete-container > ul li {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    color: #151b26
}

.easy-autocomplete-container > ul li .eac-item > a {
    color: #151b26;
    font-size: 13px
}

.easy-autocomplete-container .eac-category {
    background: rgba(204, 204, 204, .3) !important;
    padding: 10px !important;
    font-style: normal !important;
    font-weight: bolder !important;
    border: 0 !important
}

.easy-autocomplete-container .eac-category.category-more {
    display: flex;
    justify-content: space-between
}

.easy-autocomplete-container .eac-category.category-more a {
    color: #c23a43;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline
}

.sticky-buttons {
    position: fixed;
    bottom: 57px;
    right: 50px;
    border-radius: 26px;
    z-index: 999
}

body.rtl .sticky-buttons {
    right: inherit;
    left: 50px
}

@media (max-width: 767px) {
    .sticky-buttons {
        position: sticky;
        width: calc(100% - 20px);
        padding: 0;
        margin: 0 auto;
        right: 0;
        left: 0;
        z-index: 9999999
    }

    body.rtl .sticky-buttons {
        right: 0;
        left: 0
    }
}

.sticky-buttons .buttons {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .sticky-buttons .buttons {
        justify-content: flex-end
    }
}

.body-appointment .sticky-buttons .buttons {
    justify-content: flex-start;
    flex-direction: row-reverse
}

.sticky-buttons .buttons .link {
    margin-right: 10px;
    position: relative;
    width: 200px;
    height: 50px;
    border-radius: 26px;
    text-align: center;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5);
    transition: width linear .3s
}

@media (max-width: 320px) {
    .sticky-buttons .buttons .link .icon-zap {
        margin: 0
    }
}

.sticky-buttons .buttons .link em {
    line-height: normal;
    width: 24px;
    height: 24px;
    margin-right: 10px
}

@media (max-width: 767px) {
    .sticky-buttons .buttons .link em {
        margin-right: 5px;
        width: 18px;
        height: 18px
    }
}

.sticky-buttons .buttons .link .text {
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center
}

.sticky-buttons .buttons .link.orange {
    z-index: 1;
    margin-left: auto;
    background-color: #ffc107
}

body.rtl .sticky-buttons .buttons .link.orange {
    margin: 0 10px 0 0
}

.sticky-buttons .buttons .link.gray {
    background-color: #e8e8e9
}

.body-appointment .sticky-buttons .buttons .link.sticky-easy-appointment, .body-doctor .sticky-buttons .buttons .link.sticky-easy-appointment, .body-login .sticky-buttons .buttons .link.sticky-easy-appointment {
    display: none
}

.body-appointment .sticky-buttons .buttons .link.sticky-live-support {
    width: 200px
}

@media (max-width: 767px) {
    .body-appointment .sticky-buttons .buttons .link.sticky-live-support {
        width: 50%
    }
}

.addtocalendar var, .assay-main .sticky-buttons .buttons .link.sticky-easy-appointment, .vjs-big-play-button span.vjs-icon-placeholder {
    display: none
}

.assay-main .sticky-buttons .buttons .link.sticky-live-support {
    display: none !important
}

.sticky-buttons .buttons .link.green {
    background-color: #25d366;
    color: #fff
}

.sticky-buttons .livechat {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 10px;
    width: 400px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.sticky-buttons .livechat .chat-container {
    position: relative;
    padding-top: 30px;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.sticky-buttons .livechat .chat-container .close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(https://cdn.memorial.com.tr/files/images/close.svg) no-repeat center
}

.sticky-buttons .livechat .chat-area {
    padding: 10px;
    max-height: 300px;
    overflow-y: scroll;
    background-color: #fff
}

@media (max-width: 767px) {
    .sticky-buttons .livechat .chat-area {
        min-height: 65vh;
        max-height: 65vh
    }
}

.sticky-buttons .livechat .field {
    position: relative;
    padding: 10px 50px 10px 10px;
    margin-left: -10px;
    margin-right: -10px;
    background-color: #151b26
}

.sticky-buttons .livechat .field input {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    color: #151b26;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 0 transparent;
    border: unset
}

.sticky-buttons .livechat .field input::-webkit-input-placeholder {
    color: #151b26
}

.sticky-buttons .livechat button {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
    width: 45px;
    height: 45px;
    border: unset;
    outline: unset;
    background: url(https://cdn.memorial.com.tr/files/images/icon@envelope.svg) no-repeat center
}

.sticky-buttons .livechat .message {
    position: relative;
    padding-left: 55px;
    margin-bottom: 20px;
    min-height: 50px
}

.sticky-buttons .livechat .message .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: url(https://cdn.memorial.com.tr/files/images/img@memorial-avatar.svg) no-repeat center
}

.sticky-buttons .livechat .message .value {
    padding: 10px 5px;
    background-color: #151b26;
    border-radius: 4px
}

.sticky-buttons .livechat .message p {
    color: #fff;
    font-size: 14px;
    line-height: 18px
}

.sticky-buttons .livechat .message p a {
    color: #fff;
    font-weight: 700
}

.sticky-buttons .livechat .message .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.sticky-buttons .livechat .message .buttons li {
    flex: 0 0 49%;
    max-width: 49%
}

.sticky-buttons .livechat .message .buttons a {
    display: block;
    height: 45px;
    margin-top: 15px;
    color: #151b26;
    font-size: 12px;
    text-align: center;
    line-height: 45px;
    border-radius: 4px;
    background-color: #fff;
    transition: all .3s linear
}

.sticky-buttons .livechat .message .buttons a:hover {
    color: #fff;
    background-color: #169ee3
}

.sticky-buttons .livechat .message .list a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 0;
    margin: 7px 0;
    border-bottom: solid 1px #fff
}

.sticky-buttons .livechat .message .list a:hover {
    font-weight: 700
}

.sticky-buttons .livechat .message .list li:nth-child(1) a {
    margin-top: 0;
    padding-top: 0
}

.sticky-buttons .livechat .message .list li:last-of-type a {
    margin-bottom: 0
}

.sticky-buttons.lp-sticky-buttons .buttons .link {
    width: 170px
}

.sticky-buttons.lp-sticky-buttons .buttons .link .text {
    width: auto
}

.sticky-buttons.lp-sticky-buttons .buttons .link.right {
    margin-left: 10px
}

@media (max-width: 767px) {
    .sticky-buttons.xs-modifier .buttons .link {
        width: 50px !important
    }

    .sticky-buttons.xs-modifier .buttons .link em {
        margin-right: 0
    }

    .sticky-buttons.xs-modifier .buttons .link .text {
        opacity: 0;
        visibility: hidden;
        width: 0;
        overflow: hidden
    }

    body:lang(en) .sticky-buttons.xs-modifier .buttons .link .text {
        width: 0
    }
}

.vjs-big-play-button {
    background-color: transparent !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: url(https://cdn.memorial.com.tr/files/images/icon@youtube.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 120px !important;
    background-position: 50% calc(50% - 10px) !important;
    border: 0 !important;
    box-shadow: none !important
}

@media (max-width: 767px) {
    .vjs-big-play-button {
        background-position: 50% 50% !important;
        margin-top: 0 !important
    }
}

.vjs-big-play-button:before {
    content: '';
    display: none
}

.vjs-big-play-button:hover {
    background-color: transparent;
    opacity: .7
}

.vjs-playing .vjs-icon-placeholder::before {
    content: url(https://cdn.memorial.com.tr/files/images/icon-pause.svg) !important
}

.vjs-paused .vjs-icon-placeholder::before {
    content: url(https://cdn.memorial.com.tr/files/images/icon-play.svg) !important
}

button.vjs-mute-control[title=Mute] .vjs-icon-placeholder::before {
    content: url(https://cdn.memorial.com.tr/files/images/icon-unmute.svg) !important
}

button.vjs-mute-control[title=Unmute] .vjs-icon-placeholder::before {
    content: url(https://cdn.memorial.com.tr/files/images/icon-mute.svg) !important
}

.vjs-fullscreen-control[title=Fullscreen] .vjs-icon-placeholder::before {
    content: url(https://cdn.memorial.com.tr/files/images/icon-fullscreen.svg) !important
}

.vjs-fullscreen-control[title=Non-Fullscreen] .vjs-icon-placeholder::before {
    content: url(https://cdn.memorial.com.tr/files/images/icon-unfullscreen.svg) !important
}

.vjs-picture-in-picture-control[title=Picture-in-Picture] .vjs-icon-placeholder::before {
    content: url(https://cdn.memorial.com.tr/files/images/icon-picture-in-picture.svg) !important
}

.video-subtitle {
    margin-top: 20px;
    text-align: right
}

body.rtl .video-subtitle {
    text-align: left
}

.video-subtitle h3.video-text {
    font-size: 24px;
    font-weight: 700
}

@media (max-width: 767px) {
    .video-subtitle h3.video-text {
        font-size: 18px
    }
}

.link-field-wrapper .link-field-inner .link-list li a:hover, .modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-info .hospital-name span, .modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left .hospital-name span, .modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-info .hospital-name span, .video-subtitle h3.video-text.red {
    color: #169ee3
}

.fancybox-close-small svg, .video-subtitle h3.video-text.white {
    color: #fff
}

@media (max-width: 767px) {
    .video-subtitle h3.video-text.m-red {
        color: #169ee3
    }

    .video-subtitle h3.video-text.m-white {
        color: #fff
    }
}

.fancybox-container {
    z-index: 999999999 !important
}

.fancybox-navigation .fancybox-button {
    margin-left: 100px;
    margin-right: 100px
}

@media (max-width: 767px) {
    .fancybox-navigation .fancybox-button {
        margin-left: 27px;
        margin-right: 27px;
        top: calc(50% - 22px);
        background-color: rgba(193, 30, 67, .5) !important
    }
}

.fancybox-toolbar .fancybox-button--close {
    margin-top: 20px;
    margin-right: 20px
}

.fancybox-close-small {
    transform: translate(50%, -50%);
    border-radius: 50%;
    background-color: #169ee3 !important;
    top: 0;
    right: 0;
    opacity: 1
}

@media (max-width: 767px) {
    .fancybox-close-small {
        transform: translate(30%, -30%)
    }
}

.fancybox-content {
    margin: 0 70px !important
}

@media (max-width: 767px) {
    .fancybox-content {
        margin: 0 !important
    }
}

.fancybox-content .fancybox-button.fancybox-button--arrow_left, .fancybox-content .fancybox-button.fancybox-button--arrow_right {
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #169ee3 !important;
    top: 50%;
    position: absolute
}

@media (max-width: 767px) {
    .fancybox-content .fancybox-button.fancybox-button--arrow_left, .fancybox-content .fancybox-button.fancybox-button--arrow_right {
        background-color: rgba(193, 30, 67, .5) !important
    }
}

.fancybox-content .fancybox-button.fancybox-button--arrow_left svg, .fancybox-content .fancybox-button.fancybox-button--arrow_right svg {
    margin: 0 auto !important;
    width: 8px !important
}

.fancybox-content .fancybox-button.fancybox-button--arrow_left svg path, .fancybox-content .fancybox-button.fancybox-button--arrow_right svg path, .hc-article-detail .article .feedback .no:hover svg g path, .hc-article-detail .article .feedback .yes:hover svg g path {
    fill: #fff
}

.fancybox-content .fancybox-button.fancybox-button--arrow_left {
    left: -66px
}

@media (max-width: 767px) {
    .fancybox-content .fancybox-button.fancybox-button--arrow_left {
        left: 7px
    }
}

.fancybox-content .fancybox-button.fancybox-button--arrow_right {
    right: -66px
}

@media (max-width: 767px) {
    .fancybox-content .fancybox-button.fancybox-button--arrow_right {
        right: 7px
    }

    .fancybox-is-open .fancybox-stage {
        overflow: visible;
        margin: 0 20px
    }

    .fancybox-is-open .fancybox-stage .fancybox-slide--image {
        overflow: visible
    }

    .fancybox-is-open .fancybox-stage .fancybox-slide--video {
        padding: 0
    }
}

.fancybox-can-pan {
    margin-left: 0;
    margin-right: 0
}

.stories .story {
    max-width: 138px !important;
    margin: 0 3px 0 0 !important
}

.stories .story:nth-child(1) {
    margin: 0 10px !important
}

@media (max-width: 991px) {
    .stories .story:nth-child(1) {
        margin: 0 10px 0 0 !important
    }
}

@media (max-width: 767px) {
    .stories .story:nth-child(1) {
        max-width: 80px !important;
        margin: 0 3px 0 0 !important;
        width: 100% !important
    }
}

.stories .story:last-child {
    margin: 0 10px 0 3px !important
}

@media (max-width: 991px) {
    .stories .story {
        max-width: 130px !important;
        margin: 0 10px 0 0 !important
    }
}

@media (max-width: 767px) {
    .stories .story {
        max-width: 80px !important;
        margin: 0 3px 0 0 !important;
        width: 100% !important
    }
}

.stories .story > .item-link > .item-preview {
    max-height: 75px !important
}

@media (max-width: 991px) {
    .stories .story > .item-link > .item-preview {
        max-height: 60px !important
    }
}

@media (max-width: 767px) {
    .stories .story > .item-link > .item-preview {
        max-height: 60px !important;
        height: 100px !important
    }
}

.stories.snapgram .story > .item-link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.stories.snapgram .story > .item-link:before {
    content: '';
    width: 81px;
    height: 81px;
    background-color: #169ee3;
    border-radius: 100%;
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto
}

@media (max-width: 991px) {
    .stories.snapgram .story > .item-link:before {
        width: 66px;
        height: 66px
    }
}

.stories.snapgram .story > .item-link > .item-preview {
    max-width: 75px;
    background: 0 0;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #fff;
    padding: 0;
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .stories.snapgram .story > .item-link > .item-preview {
        max-width: 62px
    }
}

.stories.snapgram .story > .item-link > .item-preview img {
    background-size: initial;
    background-position: initial;
    border-radius: 100%;
    border: 0
}

.stories.snapgram .story > .item-link > .info {
    text-overflow: inherit
}

.stories.snapgram .story > .item-link > .info .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    color: #151b26;
    white-space: normal;
    max-height: 40px;
    overflow: hidden;
    display: inline-block
}

@media (max-width: 991px) {
    .stories.snapgram .story > .item-link > .info .name {
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        text-overflow: ellipsis;
        max-height: 36px
    }
}

@media (max-width: 767px) {
    .stories.snapgram .story > .item-link > .info .name {
        font-size: 14px;
        font-weight: 500
    }
}

#zuck-modal {
    z-index: 999999999999
}

#zuck-modal #zuck-modal-content .story-viewer .head .back, #zuck-modal #zuck-modal-content .story-viewer .head .right .close {
    padding-right: 20px
}

@media (max-width: 1199px) {
    #zuck-modal #zuck-modal-content .story-viewer .head .back, #zuck-modal #zuck-modal-content .story-viewer .head .right .close {
        display: block !important;
        padding-right: 0;
        width: 38px;
        height: 38px;
        line-height: 38px
    }
}

.section-story {
    background-color: transparent !important;
    border: 0 !important
}

.section-story .row-container {
    position: relative;
    padding-bottom: 10px;
    margin: 0 -25px 0 -15px
}

.section-story .row-container .stories {
    padding: 3px 0
}

@media (max-width: 767px) {
    .section-story .row-container .stories {
        width: auto;
        padding: 3px 4px
    }
}

.section-story .stories-container {
    position: relative
}

.section-story .stories-container .next, .section-story .stories-container .prev {
    border: 0;
    outline: 0;
    background: #169ee3;
    width: 50px;
    height: 50px;
    top: 30px;
    position: absolute;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 9
}

@media (max-width: 991px) {
    .section-story .stories-container .next, .section-story .stories-container .prev {
        display: none !important
    }
}

.section-story .stories-container .prev {
    left: -65px
}

@media (max-width: 1199px) {
    .section-story .stories-container .prev {
        left: -45px
    }
}

.section-story .stories-container .next {
    right: -65px
}

@media (max-width: 1199px) {
    .section-story .stories-container .next {
        right: -45px
    }
}

.hospitals .section-story-wrapper, .page-assay-result .section-story-wrapper, .page-doctors .section-story-wrapper {
    background-color: transparent;
    border: 0;
    border-radius: 3px
}

@media (max-width: 767px) {
    .hospitals .section-story-wrapper, .page-assay-result .section-story-wrapper, .page-doctors .section-story-wrapper {
        margin: 10px 0 20px;
        padding: 20px 10px
    }
}

.hospitals .section-story-wrapper .section-story, .page-assay-result .section-story-wrapper .section-story, .page-doctors .section-story-wrapper .section-story {
    margin: 0
}

.hospitals .section-story-wrapper .hero, .page-assay-result .section-story-wrapper .hero, .page-doctors .section-story-wrapper .hero {
    padding: 0
}

.page-doctors.doctor-list .section-story-wrapper {
    margin-top: 40px
}

.hospitals--alternate .section-story-wrapper, .medical-units .section-story-wrapper {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .appointment .section-story-wrapper, .page-appointment .section-story-wrapper {
        padding: 10px
    }

    .appointment .section-story-wrapper .stories-container, .page-appointment .section-story-wrapper .stories-container {
        overflow: hidden
    }
}

#zuck-modal-content .story-viewer .slides .item > .media {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.action-favorite-area {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 36px;
    height: 36px
}

body.rtl .action-favorite-area {
    left: inherit;
    right: 5px
}

.action-favorite-area .favorite-button img, .page-action-favorite-area .favorite-button img {
    border-radius: 50% !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
    width: 100%
}

.page-action-favorite-area, .page-action-row {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    height: 36px
}

.page-action-row {
    right: 0;
    top: 0;
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row-reverse;
    padding: 10px 20px
}

.page-action-row > div {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 48px;
    height: 48px;
    margin-left: 20px
}

.page-action-row > div:first-child {
    order: 2
}

.page-action-row > div:last-child {
    order: 1
}

@media (max-width: 767px) {
    .article-mobile-footer {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding-top: 40px;
        padding-bottom: 20px
    }

    .article-mobile-footer .page-article-footer-action-row {
        display: flex;
        justify-content: flex-start;
        align-content: center
    }

    .article-mobile-footer .page-article-footer-action-row .page-action-favorite-area, .article-mobile-footer .page-article-footer-action-row .socialmedia-share {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: 0 !important;
        width: 24px;
        height: 24px;
        order: 2
    }

    .article-mobile-footer .page-article-footer-action-row .socialmedia-share .dropdown-share .dropdown-button {
        height: 24px
    }

    .article-mobile-footer .page-article-footer-action-row .socialmedia-share .dropdown-share .dropdown-content {
        left: 0
    }

    .article-mobile-footer .page-article-footer-action-row .page-action-favorite-area {
        order: 1;
        margin-right: 20px
    }

    .article-mobile-footer .page-article-date {
        font-size: 14px;
        font-weight: 400;
        font-style: italic;
        color: rgba(21, 27, 38, .5)
    }
}

@media (max-width: 991px) {
    .article-mobile-footer {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        padding-top: 40px;
        padding-bottom: 20px
    }

    .article-mobile-footer .page-article-footer-action-row {
        display: flex;
        justify-content: flex-start;
        align-content: center
    }

    .article-mobile-footer .page-article-footer-action-row .page-action-favorite-area, .article-mobile-footer .page-article-footer-action-row .socialmedia-share {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: 0 !important;
        width: 24px;
        height: 24px;
        order: 2
    }

    .article-mobile-footer .page-article-footer-action-row .socialmedia-share .dropdown-share .dropdown-button {
        height: 24px
    }

    .article-mobile-footer .page-article-footer-action-row .socialmedia-share .dropdown-share .dropdown-button .svg-icon {
        width: 24px;
        height: 24px
    }

    .article-mobile-footer .page-article-footer-action-row .socialmedia-share .dropdown-share .dropdown-content {
        left: 0
    }

    .article-mobile-footer .page-article-footer-action-row .page-action-favorite-area {
        order: 1;
        margin-right: 20px
    }

    .article-mobile-footer .page-article-date {
        font-size: 14px;
        font-weight: 400;
        font-style: italic;
        color: rgba(21, 27, 38, .5)
    }
}

.anchor-ani {
    animation: changeColorAnchor 5s
}

.content_element--post-link {
    border-radius: 4px;
    border: solid 1px #f5f8fb;
    background-color: #151b26;
    padding: 40px 20px;
    margin-top: 40px;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .content_element--post-link {
        padding: 20px 10px;
        flex-direction: column;
        width: 100vw;
        margin-left: -36px;
        border: 0;
        border-radius: 0
    }
}

.content_element--post-link .image {
    flex: 35%
}

.content_element--post-link .image img, .section-story .for-you .scroll-container .wrapper .image-border img {
    max-width: 100%
}

@media (max-width: 767px) {
    .content_element--post-link .image img {
        width: 50% !important
    }

    .content_element--post-link .image {
        display: flex;
        align-items: center
    }

    .content_element--post-link .image .title {
        width: 50% !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #fff !important;
        margin: 0 0 0 10px !important
    }
}

.content_element--post-link .text {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 65%
}

@media (max-width: 767px) {
    .content_element--post-link .text {
        margin-left: 0;
        margin-top: 10px
    }
}

.content_element--post-link .text .title {
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 1.25px !important;
    text-align: left !important;
    color: #fff !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important
}

@media (max-width: 767px) {
    .content_element--post-link .text .title {
        margin-left: 0
    }
}

.content_element--post-link .text .desc p {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #fff !important
}

@media (max-width: 767px) {
    .content_element--post-link .text .desc p {
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.8 !important;
        color: #fff !important
    }
}

.content_element--post-link .text .desc .link {
    position: relative;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    text-decoration: underline;
    margin-top: 20px;
    margin-right: 20px;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .content_element--post-link .text .desc .link {
        margin-top: 10px
    }
}

.content_element--post-link .text .desc .link:before {
    content: '';
    position: absolute;
    right: -30px;
    top: calc(50% - 10px);
    background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg);
    width: 20px;
    height: 20px;
    background-size: 20px
}

.mini-box-prev {
    border: 1px solid #d4d7dd;
    background: #f5f8fb;
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    border-radius: 4px;
    margin: 20px 0;
    transition: all 300ms ease
}

.mini-box-prev:hover {
    opacity: .8;
    transition: all 300ms ease
}

.addtocalendar, .mini-box-prev > a, .page-header .logo a {
    display: flex;
    align-items: center;
    justify-content: center
}

.mini-box-prev .mini-box-strong {
    color: #c23943;
    font-size: 12px
}

.mini-box-prev .mini-box-title {
    padding-left: 7px;
    font-size: 12px;
    color: #141a26;
    font-weight: bolder
}

.addtocalendar {
    position: relative;
    width: 88px;
    height: 44px;
    border-radius: 4px;
    background-color: #169ee3;
    text-align: center
}

.addtocalendar .icon-calendar-add {
    width: 24px;
    height: 24px
}

.atcb-link {
    display: block;
    outline: 0 !important;
    cursor: pointer;
    position: relative
}

.atcb-link::before {
    content: '';
    width: 24px;
    height: 26px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@calendar-add.svg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.atcb-link:focus ~ ul {
    visibility: visible
}

.atcb-link:active ~ ul, .atcb-list:hover {
    visibility: visible
}

.atcb-item, .atcb-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
    background: #fff
}

.atcb-item {
    float: none;
    text-align: left
}

.atcb-item.hover, .atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

.atcb-item-link {
    text-decoration: none;
    outline: 0;
    display: block
}

.atc-style .atcb-link {
    font-size: 0;
    width: 100%;
    height: 100%
}

.atc-style .atcb-list {
    padding: 30px 20px;
    background: #169ee3;
    border-radius: 24px;
    right: 20px;
    bottom: auto;
    width: 140px;
    top: 20px;
    left: inherit;
    z-index: 9
}

@media (max-width: 1199px) {
    .atc-style .atcb-list {
        top: 15px
    }
}

@media (max-width: 767px) {
    .atc-style .atcb-list {
        right: inherit;
        left: 20px;
        top: 50px
    }
}

.atc-style .atcb-item {
    color: #fff;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff
}

.atc-style .atcb-item-link {
    line-height: 1.3em;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
    outline: 0;
    color: #fff;
    text-align: center
}

body.hide-message .header-top, body.style-iframe .socialmedia-share {
    display: none
}

.iti--allow-dropdown .iti__flag-container {
    padding: 0
}

.iti--allow-dropdown .iti__flag-container + .iti--allow-dropdown {
    width: 100%
}

.iti__country-list {
    z-index: 99
}

.iti__selected-flag {
    height: 100%;
    top: 0;
    max-height: 50px
}

.iti__flag {
    background-image: url(https://cdn.memorial.com.tr/files/images/flags.png)
}

.field.field-intl-phone .form-intl, .item.field-intl-phone .form-intl {
    position: relative;
    padding-top: 4px
}

.field.field-intl-phone .form-intl .intl-phone-mask, .item.field-intl-phone .form-intl .intl-phone-mask {
    height: 50px
}

.field.field-intl-phone .form-intl .elementCountryCodeData, .item.field-intl-phone .form-intl .elementCountryCodeData {
    position: absolute;
    z-index: 33;
    line-height: 50px;
    left: 45px;
    height: 50px;
    width: 45px;
    top: 4px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #151b26
}

.field.field-intl-phone .form-intl > .iti--allow-dropdown, .field.field-intl-phone .form-intl > .iti--allow-dropdown > .iti--allow-dropdown, .item.field-intl-phone .form-intl > .iti--allow-dropdown, .item.field-intl-phone .form-intl > .iti--allow-dropdown > .iti--allow-dropdown {
    width: 100%
}

.field.field-intl-phone .form-intl .intl-phone-mask, .item.field-intl-phone .form-intl .intl-phone-mask {
    width: 100% !important;
    padding-left: 90px !important
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x, .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    opacity: .9
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px
}

.cookie-box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
    padding: 4px;
    background-color: rgba(241, 243, 249, .9)
}

@media (max-width: 767px) {
    .cookie-box {
        flex-direction: column;
        gap: 10px
    }
}

.cookie-box p {
    color: #28252c;
    font-size: 12px;
    padding-left: 20px
}

.cookie-box #okClose {
    background: 0 0;
    padding: 3px;
    color: #28252c;
    text-align: center;
    font-weight: 700;
    border: 2px solid #28252c;
    border-radius: 0;
    font-size: 11px
}

@media (max-width: 767px) {
    .cookie-box #okClose {
        bottom: 10px;
        width: 100%
    }
}

.cookie-box #okCprivacy {
    color: #28252c;
    text-decoration: underline;
    font-size: 12px;
    line-height: 1.2;
    padding-left: 10px
}

.modal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch;
    z-index: 9999999999;
    overflow-y: auto;
    padding: 20px
}

.modal2-container .modal2-close, .modal > .box > .content > .close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #151b26
}

.modal2-container .modal2-close em {
    font-size: 14px
}

.modal2-container .modal2-content {
    width: 770px;
    display: flex;
    margin: auto;
    box-shadow: 0 10px 30px 0 rgba(128, 128, 128, .15);
    background-color: #fff;
    padding: 0 !important;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    border: 0;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem
}

@media all and (-ms-high-contrast: none) {
    .modal2-container .modal2-content {
        margin: 0 !important
    }
}

.fadeIn {
    animation-name: fadeIn
}

.fadeOut {
    animation-name: fadeOut
}

.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.modal.active {
    display: block
}

.modal > .box > .content {
    position: relative;
    display: block;
    padding: 30px;
    background-color: #fff
}

.modal > .box > .content > .close {
    font-size: 14px;
    top: 30px;
    right: 30px
}

.header-container {
    height: auto;
    z-index: 999999999;
    position: sticky;
    top: 0
}

@media all and (-ms-high-contrast: none) {
    .header-container {
        position: relative
    }

    .header-container .page-header.fixed {
        animation: opacityHeaderIE 300ms linear
    }

    @keyframes pulse {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
}

@media (max-width: 991px) {
    .header-container {
        height: auto
    }
}

@media (max-width: 767px) {
    .header-container {
        height: auto
    }
}

.page-header {
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999999999;
    box-shadow: 0 10px 30px -5px rgba(193, 30, 67, .2)
}

.page-header.inEdge {
    position: relative
}

.page-header.inEdge.fixed {
    position: fixed;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transition: all .5s
}

@media (max-width: 578px) {
    .page-header {
        position: fixed;
        position: sticky;
        width: 100%;
        box-shadow: 0 10px 30px -5px rgba(193, 30, 67, .2);
        background-color: #fff;
        z-index: 100
    }
}

@media all and (-ms-high-contrast: none) {
    .page-header {
        position: fixed
    }
}

.page-header.sticky {
    position: fixed;
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    animation: header-show 1.2s;
    animation-fill-mode: both;
    z-index: 999999
}

@media all and (-ms-high-contrast: none) {
    .page-header.sticky {
        position: fixed
    }
}

.page-header .header-top {
    height: 50px;
    background-color: #dbeaee;
    padding: 15px;
    text-align: center
}

@media (max-width: 767px) {
    .page-header .header-top {
        padding: 15px 10px
    }
}

.page-header .header-top .header-top-link {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #181f2b;
    text-align: center;
    padding-right: 25px;
    display: inline-block;
    position: relative
}

@media (max-width: 767px) {
    .page-header .header-top .header-top-link {
        font-size: 12px
    }
}

.page-header .header-top .header-top-link::after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
    position: absolute;
    top: -3px;
    right: 0
}

@media (max-width: 767px) {
    .page-header .header-top .header-top-link::after {
        top: -4px;
        background-size: 22px
    }
}

.page-header .header {
    position: relative;
    display: flex;
    height: 80px;
    align-items: center
}

.page-header .actions, .page-header .logo {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    height: 100%
}

@media (max-width: 767px) {
    .page-header .logo a img {
        width: 100%;
        height: auto
    }
}

.page-header .actions {
    justify-content: flex-end
}

.page-header .icon {
    margin-right: 30px
}

.page-header .icon a, .page-header .search-modal .suggestions li a {
    color: #151b26
}

.page-header .icon em.icon-down {
    display: flex;
    align-items: center;
    width: 16px;
    margin-left: 5px
}

.page-header .col-search {
    padding-left: 0
}

@media (max-width: 767px) {
    .page-header .col-search {
        padding: 0
    }
}

.language, .page-header .login {
    display: flex;
    align-items: center
}

.page-header .login {
    border: 2px solid #151b26;
    color: #151b26;
    border-radius: 26px;
    font-size: 12px;
    margin: 0 10px;
    min-width: 160px;
    justify-content: center;
    height: 40px;
    font-weight: 700
}

.page-header .login:hover {
    opacity: .7;
    transition: opacity 200ms ease
}

.page-header .logged-in {
    margin-left: 0;
    margin-right: 10px;
    color: #151b26
}

body.rtl .page-header .logged-in {
    margin: 0 0 0 10px
}

@media (max-width: 767px) {
    .page-header .logged-in {
        display: none
    }
}

.page-header .logged-in img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block
}

.page-header .logged-in.empty img {
    border: 1px solid #c11d43
}

.page-header .logged-in .header-user-initials {
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #151b26;
    text-transform: uppercase;
    border: 1px solid #c11d43;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-header .international-link {
    width: 220px;
    height: 40px;
    border: solid 2px #fff;
    background-color: #fff !important;
    color: #151b26 !important
}

@media (max-width: 767px) {
    .page-header .international-link {
        display: none
    }
}

.language {
    height: 100%
}

@media (max-width: 991px) {
    .language {
        padding-bottom: 30px
    }
}

.language .dropdown-button {
    cursor: pointer;
    padding: 0
}

@media (max-width: 767px) {
    .language .dropdown-button {
        padding: 0
    }
}

.language .dropdown-button .world-icon {
    margin-right: 8px
}

.language .dropdown-button .icon {
    margin: 4px 0 0
}

.language .dropdown-content {
    left: initial;
    right: 0
}

.language .language-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    padding: 20px 15px;
    border-top: 2px solid #000
}

.language .language-list a {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 300ms ease
}

.language .language-list a span {
    font-size: 12px;
    font-weight: 500;
    color: #151b26
}

.language .language-list a:last-child {
    margin-bottom: 0
}

.language .language-list a:hover span {
    color: #169ee3;
    transition: all 300ms ease
}

.language.language-mobile, .page-header .navigation li em {
    display: none
}

.page-header .language .down {
    position: relative;
    bottom: -2px
}

.page-header .flag {
    width: 24px;
    margin-right: 8px
}

body.rtl .page-header .flag {
    margin: 0 0 0 8px
}

.page-header .country {
    font-size: 12px;
    margin: 0 5px;
    font-weight: 700;
    color: #151b26;
    transition: all 300ms ease
}

.page-header .country:hover {
    opacity: .7;
    transition: all 300ms ease
}

.page-header .international {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    color: #151b26
}

@media (max-width: 768px) {
    .navigation .buttons-area {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        position: sticky;
        top: 0;
        left: 0;
        background-color: #151b26;
        z-index: 2
    }

    .navigation .buttons-area .button {
        position: relative;
        width: 50%;
        height: 48px;
        padding-left: 10px;
        color: #151b26;
        font-size: 14px;
        background-color: #ffc107;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    body.rtl .navigation .buttons-area .button {
        padding: 0 20px 0 0;
        margin: 0 15px 0 0
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    body.rtl .navigation .buttons-area .button {
        margin: 0
    }
}

@media (max-width: 768px) {
    .navigation .buttons-area .left-buttons {
        display: flex;
        width: 100%
    }

    .navigation .buttons-area .left-buttons a:nth-child(1):hover {
        background: #ffc107
    }

    .navigation .buttons-area .left-buttons a:nth-child(1):hover em::before {
        background-image: url(https://cdn.memorial.com.tr/files/images/zap.svg)
    }

    .navigation .buttons-area .left-buttons a:nth-child(2):hover em::before {
        background-image: url(https://cdn.memorial.com.tr/files/images/icon-e-result-white.svg)
    }

    .navigation .buttons-area .left-buttons .e-result-button {
        margin-left: 10px;
        background-color: #169ee3;
        color: #fff
    }

    .navigation .buttons-area .left-buttons .e-result-button em:before {
        background-image: url(https://cdn.memorial.com.tr/files/images/icon-e-result-white.svg)
    }

    .navigation .buttons-area .button-e_doctor {
        width: 100%;
        border: 1px solid #d4d7dd;
        padding: 0 10px
    }

    body.rtl .navigation .buttons-area .button-e_doctor {
        justify-content: flex-start
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    body.rtl .navigation .buttons-area .button-e_doctor {
        margin: 5px 0 0
    }
}

@media (max-width: 768px) {
    .navigation .buttons-area .button-e_doctor .text {
        font-size: 12px;
        width: 100%
    }

    .navigation .buttons-area .button-e_doctor .icon {
        margin-right: 7px
    }
}

@media (max-width: 768px) and (max-width: 991px) {
    .navigation .buttons-area .button-e_doctor .icon {
        width: 18px;
        height: 18px
    }
}

@media (max-width: 768px) {
    .navigation .button em {
        margin-right: 7px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        width: 18px;
        height: 18px
    }

    body.rtl .navigation .button em {
        margin: 0 0 0 7px
    }
}

.page-header .navigation {
    background-color: #169ee3
}

.page-header .navigation ul {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 768px) {
    .page-header .navigation ul {
        flex-direction: row !important
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-header .navigation ul {
        flex-wrap: wrap
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .page-header .navigation ul {
        flex-direction: column
    }
}

.page-header .navigation ul .dot {
    content: '';
    display: none;
    background-color: #780a22;
    border-radius: 50%;
    width: 6px;
    height: 6px
}

@media (min-width: 992px) {
    .page-header .navigation ul .dot {
        display: inline-block;
        width: 6px;
        height: 6px
    }
}

.page-header .navigation ul .dot:nth-last-child(2) {
    display: none
}

@media (max-width: 991px) {
    .page-header .navigation.active:before {
        position: absolute;
        content: '';
        width: 36px;
        height: 36px;
        background: #151b26;
        background-image: url(https://cdn.memorial.com.tr/files/images/icon@close-white.svg);
        background-position: center;
        background-size: 14px;
        background-repeat: no-repeat;
        right: -50px;
        top: 20px;
        border-radius: 50%;
        pointer-events: none
    }

    body.rtl .page-header .navigation.active:before {
        right: auto;
        left: -50px
    }
}

.page-header .navigation li {
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block
}

body:lang(ru) .page-header .navigation li {
    font-size: 14px
}

@media (max-width: 767px) {
    .page-header .navigation li em {
        display: inline-block
    }
}

.page-header .navigation a {
    color: #fff;
    display: inline-block;
    padding: 16px 0
}

.page-header .navigation a:hover {
    color: rgba(255, 255, 255, .6);
    transition: all 300ms ease
}

.page-header .search-backdrop {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(255, 255, 255, .7)
}

.page-header .search-backdrop.active, .page-header .search-close.active, .page-header .search-modal .suggestions.active, .page-header .search-modal-container.active {
    display: block
}

.page-header .search-modal-container {
    display: none;
    position: absolute;
    top: 40px;
    left: 50%;
    width: 795px;
    margin-left: -397px;
    max-width: 100%;
    z-index: 6
}

.page-header .search-close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 30px;
    z-index: 7;
    display: none
}

.page-header .search-modal input {
    display: block;
    width: 100%;
    padding: 0 20px;
    height: 60px;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25);
    background: #fff url(https://cdn.memorial.com.tr/files/images/search.svg) no-repeat 97% center;
    background-size: 24px 24px
}

.page-header .search-modal .suggestions {
    display: none;
    margin-top: 10px;
    padding: 15px 20px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.page-header .search-modal .suggestions li {
    margin: 10px 0;
    font-size: 16px;
    line-height: 22px
}

.lp-header {
    height: 126px;
    background-color: #169ee3;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .lp-header {
        height: 68px
    }
}

.lp-header .header-logo {
    display: block
}

.lp-header .header-call .call-logo img, .lp-header .header-logo img, .page-social-media a img {
    width: 100%
}

@media (max-width: 767px) {
    .lp-header .header-logo {
        width: 149px;
        margin-top: 5px
    }
}

.lp-header .header-call {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 6px
}

@media (max-width: 767px) {
    .lp-header .header-call {
        margin-top: 0
    }
}

.lp-header .header-call .call-logo {
    width: 24px;
    margin-right: 5px
}

@media (max-width: 767px) {
    .lp-header .header-call .call-logo {
        width: 15px
    }
}

.lp-header .header-call .header-call-content p {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    color: #fff
}

@media (max-width: 767px) {
    .lp-header .header-call .header-call-content p {
        font-size: 10px
    }
}

.lp-header .header-call .header-call-content a, .page-footer .content a {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #fff
}

@media (max-width: 767px) {
    .lp-header .header-call .header-call-content a {
        font-size: 10px
    }
}

.lp-header .landing-lang {
    display: flex;
    justify-content: center
}

.lp-header .landing-lang .dropdown-button {
    height: 30px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 10px;
    font-weight: 400
}

.lp-header .landing-lang .dropdown-button .icon, .lp-header .landing-lang .dropdown-button .international {
    padding: 3px
}

.lp-header .landing-lang .dropdown-content {
    right: initial
}

.lp-header .lp-padding {
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767px) {
    .lp-header .lp-padding {
        max-width: 38.66667%
    }
}

.page-footer {
    position: relative;
    z-index: 6
}

@media (max-width: 767px) {
    .page-footer {
        margin-bottom: -50px
    }
}

.page-footer .content {
    display: block;
    background-color: #151b26;
    padding-top: 80px;
    padding-bottom: 40px
}

.page-footer .bottom {
    display: block
}

.page-footer .icon-logo {
    width: 224px;
    height: 35px;
    display: inline-block;
    opacity: .2
}

.page-footer .sub-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px
}

.page-footer .content a {
    line-height: 32px;
    font-weight: 300
}

.page-footer .mobile-app {
    margin-top: 50px
}

@media (max-width: 767px) {
    .page-footer .mobile-app-container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .page-footer .mobile-app-container img {
        height: 40px
    }
}

.medical-units .wrapper-box.institutions .actions select, .page-footer .store {
    margin-right: 40px
}

.page-footer .bottom {
    position: relative;
    background-color: #1d222b;
    padding: 40px 0
}

.page-footer .bottom span {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.page-footer .bottom .copyright {
    display: block;
    text-align: center
}

.page-footer .bottom .align-center {
    align-items: center
}

.breadcrumb {
    width: 100%;
    background: #fff;
    z-index: 99999999;
    height: 46px
}

.breadcrumb.inEdge {
    top: 0 !important
}

.breadcrumb.inEdge.fixed {
    position: fixed;
    top: 120px !important
}

@media (max-width: 578px) {
    .breadcrumb {
        width: 100%;
        z-index: 97;
        top: 70px
    }
}

@media (max-width: 991px) {
    .breadcrumb {
        top: 70px
    }
}

@media (max-width: 767px) {
    .breadcrumb {
        top: 70px
    }
}

.breadcrumb.sticky-breadcrumb {
    position: -ms-device-fixed;
    width: 100%;
    top: 180px;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    animation: breadcrumb-show 1s;
    animation-fill-mode: both;
    animation-delay: 400ms;
    z-index: 99
}

@media all and (-ms-high-contrast: none) {
    .breadcrumb.sticky-breadcrumb {
        position: fixed
    }
}

@media (max-width: 991px) {
    .breadcrumb.sticky-breadcrumb {
        top: 180px
    }
}

@media (max-width: 767px) {
    .breadcrumb.sticky-breadcrumb {
        top: 70px
    }
}

.breadcrumb.dots .wrapper {
    padding-left: 30px;
    position: relative
}

.breadcrumb.dots .wrapper::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(https://cdn.memorial.com.tr/files/images/threedot.svg) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-12px)
}

.breadcrumb .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 46px
}

@media (max-width: 991px) {
    .breadcrumb .wrapper {
        min-height: 40px
    }
}

.breadcrumb .wrapper.align-right {
    justify-content: flex-end
}

.breadcrumb li {
    position: relative;
    display: inline-block;
    padding-right: 16px
}

body.rtl .breadcrumb li {
    padding: 0 0 0 16px
}

.breadcrumb li:not(:last-child):after {
    content: '';
    width: 10px;
    height: 10px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
    background-size: 12px;
    position: absolute;
    right: 1px;
    top: 4px
}

body.rtl .breadcrumb li:not(:last-child):after {
    right: inherit;
    left: 1px;
    top: 8px;
    transform: rotate(180deg)
}

.breadcrumb li a {
    font-weight: 400;
    font-size: 12px;
    color: #151b26;
    text-decoration: underline
}

@media (max-width: 767px) {
    .breadcrumb li a {
        font-size: 10px
    }
}

.breadcrumb .contact {
    display: flex;
    align-items: center;
    background: 0 0 !important;
    justify-content: flex-end;
    padding: 0
}

.breadcrumb .contact .phone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .1)
}

.breadcrumb .contact em {
    opacity: .5;
    display: inline-block;
    width: 16px;
    height: 16px
}

.breadcrumb .call-us {
    color: rgba(21, 27, 38, .5);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-right: 10px;
    margin-left: 5px
}

.breadcrumb .contact a {
    color: #151b26;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .4px
}

.bar-text {
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background-color: rgba(21, 27, 38, .5);
    line-height: 24px
}

.bar-text a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline
}

@media (max-width: 767px) {
    .breadcrumb ul {
        padding-bottom: 7px
    }
}

@media (max-width: 991px) {
    .breadcrumb {
        z-index: 999999 !important
    }

    .breadcrumb ul {
        padding-bottom: 7px
    }
}

.breadcrumb + .page-progress-bar {
    background: #8c1111;
    position: fixed;
    left: 0;
    z-index: 99999;
    height: 4px;
    opacity: 0;
    border-radius: 4px;
    transition: all 500ms ease
}

.breadcrumb + .page-progress-bar.active {
    opacity: 1;
    transition: all 500ms ease
}

.body-appointment .breadcrumb {
    z-index: 999999
}

@media (max-width: 767px) {
    .body-appointment .breadcrumb, .body-doctors .breadcrumb {
        display: none
    }

    .breadcrumb .wrapper ul {
        display: flex
    }

    .breadcrumb .wrapper ul li {
        margin-right: 5px
    }

    .breadcrumb .wrapper ul li a.mobile-icon {
        position: relative;
        width: 15px;
        height: 15px;
        display: block
    }
}

.breadcrumb .wrapper ul li a.mobile-icon::before {
    content: '';
    width: 15px;
    height: 17px;
    background: url(https://cdn.memorial.com.tr/files/images/home_icon.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2px;
    left: 0
}

.page-hero {
    position: relative;
    height: 270px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75));
    background-size: cover
}

.page-hero .details {
    z-index: 1
}

.page-hero .details .container {
    position: relative;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.page-hero .contact-button {
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 0
}

.page-hero.button-position .contact-button {
    right: 15px;
    bottom: -40px
}

@media (max-width: 767px) {
    .page-hero.button-position .contact-button {
        right: 0;
        width: 280px
    }
}

.page-hero.large-height-desktop {
    height: 270px
}

.page-hero.page-hero--doctors {
    background: url(https://cdn.memorial.com.tr/files/images/img@doctors.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--contact {
    background: url(https://cdn.memorial.com.tr/files/images/bg@contact-hero.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--assay {
    background: url(https://cdn.memorial.com.tr/files/images/bg@assay.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--contracted {
    background: url(https://cdn.memorial.com.tr/files/images/bg@contracted.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--last-news {
    background: url(https://cdn.memorial.com.tr/files/images/bg@last-news.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--magazine {
    background: url(https://cdn.memorial.com.tr/files/images/bg@magazine-hero.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--price-alert {
    background: url(https://cdn.memorial.com.tr/files/images/bg@price-alert.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--appointment {
    background: url(https://cdn.memorial.com.tr/files/images/bg@online-appointment.png) no-repeat center;
    background-size: cover
}

.page-hero.page-hero--error {
    background: url(https://cdn.memorial.com.tr/files/images/bg@error.png) no-repeat center;
    background-size: cover
}

.page-hero.v-center .details {
    top: 50%
}

.page-hero.top-25 .details {
    top: calc(50% - 25px)
}

.page-hero.details-top-30 .details {
    top: calc(50% - 30px);
    padding: 0 10px
}

.page-hero.details-top-20 .details {
    top: calc(50% - 20px)
}

@media (max-width: 767px) {
    .page-hero.details-top-30-m .details {
        top: calc(50% - 30px)
    }

    .page-hero.details-top-20-m .details {
        top: calc(50% - 20px)
    }
}

.page-hero img, .page-hero.hero-overlay {
    position: relative
}

.page-hero.hero-overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.page-hero.hero-overlay.solid:before {
    background: linear-gradient(107deg, rgba(193, 30, 67, .5), rgba(21, 27, 38, .5))
}

.page-hero.hero-overlay.gradient:before {
    background-image: linear-gradient(107deg, rgba(193, 30, 67, .5), rgba(21, 27, 38, .5));
    z-index: 1
}

.page-hero.hero-overlay.gradient-2:before {
    background-blend-mode: darken, darken, darken;
    background-image: linear-gradient(to bottom, rgba(255, 193, 7, 0), rgba(255, 193, 7, .25)), linear-gradient(288deg, rgba(21, 27, 38, .1) 59%, rgba(21, 27, 38, .5)), linear-gradient(72deg, rgba(193, 30, 67, .1) 9%, rgba(193, 30, 67, .5) 100%)
}

@media (max-width: 767px) {
    .page-hero.m-h-120 {
        height: 120px
    }

    .page-hero.m-box-shadow {
        box-shadow: 0 4px 10px 2px #0000004d;
        margin-bottom: 10px;
        border-radius: 4px
    }

    .page-hero.m-box-shadow.mb-0 {
        margin-bottom: 0
    }
}

.page-hero img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 270px
}

.page-hero .details, .page-social-media {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.page-hero .details {
    position: absolute;
    top: calc(50% - 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%
}

.page-hero .description, .page-hero .hero, .page-social-media span {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    color: #fff
}

.page-hero .description {
    font-size: 24px;
    font-weight: 300;
    width: 70%;
    margin-top: 20px
}

@media (max-width: 768px) {
    .page-hero .details {
        top: calc(50% - 40px)
    }

    .page-hero .details.details-position {
        top: calc(50% - 30px);
        height: 60%
    }

    .page-hero .contact-button {
        position: relative;
        margin-left: auto;
        margin-right: auto
    }

    .page-hero.contact-title .details {
        top: calc(50% - 40px)
    }
}

.page-social-media {
    padding: 40px;
    background-color: #f5f8fb
}

.page-social-media span {
    display: block;
    color: #151b26;
    margin-bottom: 40px
}

.page-social-media li {
    display: inline-block;
    margin-right: 40px;
    text-align: center
}

body.rtl .page-social-media li {
    margin: 0 0 0 40px
}

@media (max-width: 767px) {
    .page-social-media li {
        margin-right: 30px
    }

    body.rtl .page-social-media li {
        margin: 0 0 0 30px
    }
}

.page-social-media li:last-child {
    margin-right: 0
}

body.rtl .page-social-media li:last-child {
    margin: 0
}

.page-social-media a {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    color: #151b26;
    transition: all 300ms ease
}

.page-social-media a:hover {
    opacity: .5;
    transition: all 300ms ease
}

@media (max-width: 767px) {
    .page-social-media a img {
        width: auto;
        height: 100%
    }

    .page-social-media a {
        width: auto;
        height: 21px
    }
}

.page-social-media a em {
    font-size: 48px
}

@media (max-width: 767px) {
    .page-social-media a em {
        font-size: 24px
    }

    .page-social-media a em:before {
        font-weight: 700
    }
}

.page-hero-text {
    position: relative;
    padding: 10px 0 50px;
    background-color: #fff
}

@media (max-width: 767px) {
    .page-hero-text {
        padding: 30px 0
    }
}

.page-hero-text .hero {
    display: block;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    color: #151b26
}

@media (max-width: 767px) {
    .page-hero-text .hero {
        font-size: 20px;
        font-weight: 700
    }
}

.page-hero .description-alternate--white {
    text-align: center;
    color: #fff
}

.page-hero .description-alternate {
    margin-top: 20px
}

.page-hero-text.news-hero-text {
    padding: 30px 0 45px
}

.page-ribbon {
    position: relative;
    background-color: #85888f;
    height: 35px
}

@media (max-width: 767px) {
    .page-ribbon {
        height: 50px
    }
}

.page-ribbon .wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 35px
}

@media (max-width: 767px) {
    .page-ribbon .wrapper {
        height: 50px
    }
}

.page-ribbon .pin {
    display: inline-block;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 15px;
    color: #fff
}

body.rtl .page-ribbon .pin {
    margin: 0 0 0 15px
}

.page-ribbon .pin .icon-pin {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-ribbon p {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    color: #fff;
    line-height: 1.5
}

@media (max-width: 767px) {
    .page-ribbon p {
        width: 80%
    }
}

.page-ribbon .close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 14px;
    vertical-align: middle;
    color: #fff
}

body.rtl .page-ribbon .close {
    right: inherit;
    left: 0
}

.hero-text-alternate {
    height: 333px;
    background-color: #ffc107;
    padding-top: 0
}

.hero-text-alternate .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-text-alternate .title {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #151b26;
    margin-top: -100px
}

.hero-text-alternate.appointment-hero-text {
    height: 280px
}

@media (max-width: 767px) {
    .hero-text-alternate.appointment-hero-text {
        height: 120px;
        padding-top: 10px
    }
}

.hero-text-alternate.appointment-hero-text .title {
    margin-top: 0;
    padding-top: 60px;
    font-weight: 800
}

@media (max-width: 991px) {
    .hero-text-alternate.appointment-hero-text .title {
        padding-left: 40px
    }
}

@media (max-width: 767px) {
    .hero-text-alternate.appointment-hero-text .title {
        padding-left: 0;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        padding-top: 0
    }
}

.hero-text-alternate.appointment-hero-text.successful-screen-hero .title {
    padding-top: 30px
}

@media (max-width: 767px) {
    .hero-text-alternate.appointment-hero-text.successful-screen-hero .title {
        padding-top: 0
    }
}

.hero-text-alternate.appointment-verify-hero {
    height: 210px
}

@media (max-width: 767px) {
    .hero-text-alternate.appointment-verify-hero {
        height: 220px
    }
}

.hero-text-alternate.appointment-verify-hero .title {
    padding-top: 25px
}

@media (max-width: 767px) {
    .hero-text-alternate.appointment-verify-hero .title {
        font-size: 30px;
        padding: 35px 20px 0;
        text-align: left
    }
}

.hero-text-alternate.assay-hero {
    background-color: #151b26;
    height: 250px
}

.hero-text-alternate.assay-hero .container {
    flex-direction: column
}

.hero-text-alternate.assay-hero .title {
    color: #fff;
    margin-top: -50px
}

@media (max-width: 991px) {
    .hero-text-alternate.assay-hero .title {
        font-size: 26px;
        margin-top: -110px
    }
}

.hero-text-alternate.assay-hero .desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-top: 20px
}

@media (max-width: 991px) {
    .hero-text-alternate.assay-hero .desc {
        font-size: 14px;
        padding: 0 10px
    }
}

.hero-text-alternate .call {
    position: absolute;
    left: 45px;
    top: 30px;
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline
}

@media (max-width: 767px) {
    .hero-text-alternate .call {
        font-size: 14px;
        left: 35px
    }
}

.hero-text-alternate .call:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    background: url(https://cdn.memorial.com.tr/files/images/icon@telephone.svg) no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

@media (max-width: 767px) {
    .hero-text-alternate .call:before {
        background-size: 16px 16px;
        width: 16px;
        height: 16px;
        left: -20px;
        top: 2px
    }
}

@media (max-width: 768px) {
    .appointment-hero-text-alternate {
        padding-top: 10px !important
    }

    .appointment-hero-text-alternate.hero-text-alternate {
        height: 220px
    }

    .appointment-hero-text-alternate .call {
        top: 0
    }

    .appointment-hero-text-alternate .title {
        padding-left: 0 !important;
        font-size: 30px
    }
}

.page-pagination {
    flex-direction: row
}

.page-pagination.pb-20 {
    padding-bottom: 20px
}

.page-pagination, .page-pagination .pagination-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-pagination .pagination-button {
    font-size: 14px;
    font-weight: 400;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 40px 10px 0 0;
    border: solid 1.5px #151b26;
    background-color: #fff;
    color: #151b26;
    text-align: center;
    border-radius: 50%
}

@media (max-width: 767px) {
    .page-pagination .pagination-button {
        width: 36px;
        height: 36px;
        line-height: 36px
    }
}

.page-pagination .pagination-button:last-child {
    margin-right: 20px
}

@media (max-width: 767px) {
    .page-pagination .pagination-button:last-child {
        margin-right: 0
    }
}

.page-pagination .pagination-button.active {
    background-color: #151b26;
    color: #fff
}

.page-pagination .in-between {
    margin-right: 10px;
    font-weight: 700;
    margin-top: 40px
}

.health-center .result h4.title, .page-pagination .next {
    font-size: 14px;
    color: #151b26
}

.page-pagination .next-arrow {
    margin: 40px 10px 0 0
}

.section-story {
    margin: 50px 0
}

@media (max-width: 767px) {
    .section-story {
        margin: 50px 0 20px
    }

    .section-story .hero {
        font-size: 20px !important
    }
}

@inxlude xs {
    .section-story .for-you {
        margin: 0 -20px
    }
} .section-story .for-you .hero {
      margin-bottom: 30px;
      color: #151b26;
      font-size: 28px;
      font-weight: 800
  }

@media (max-width: 767px) {
    .section-story .for-you .scroll-container {
        overflow-x: scroll;
        padding-bottom: 20px
    }
}

.section-story .for-you .scroll-container .wrapper {
    width: 100%;
    display: flex
}

@media (max-width: 767px) {
    .section-story .for-you .scroll-container .wrapper {
        width: 800px
    }
}

.section-story .for-you .scroll-container .wrapper .story-item {
    width: 124px;
    text-align: center;
    padding: 0;
    display: block;
    color: #151b26;
    font-size: 16px;
    font-weight: 700;
    margin-right: 40px
}

@media (max-width: 767px) {
    .section-story .for-you .scroll-container .wrapper .story-item {
        font-size: 12px;
        width: 100px;
        margin-right: 10px
    }
}

.section-story .for-you .scroll-container .wrapper .image-item {
    width: 124px;
    height: 124px;
    margin: 0 auto 15px;
    border-radius: 100%;
    border: solid 2px #169ee3;
    box-shadow: inset 0 0 0 4px #fff;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    max-width: 100%
}

@media (max-width: 767px) {
    .section-story .for-you .scroll-container .wrapper .image-item {
        width: 100px;
        height: 100px
    }
}

.section-story .for-you .scroll-container .wrapper .image-border {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: solid 2px #fff;
    overflow: hidden;
    display: block
}

@media (max-width: 767px) {
    .section-story .for-you .scroll-container .wrapper .image-border {
        width: 96px;
        height: 96px
    }
}

.modal-appointment {
    padding: 0
}

.modal-appointment .modal-close {
    top: 40px;
    right: 40px
}

@media (max-width: 767px) {
    .modal-appointment .modal-close {
        top: 10px;
        right: 10px
    }
}

.e-doctor-meeting-modal .modal-close em, .modal-appointment .modal-close .icon-close, .unapproved-tests-modal .modal-close em {
    font-size: 14px
}

.modal-appointment .content {
    padding: 0 !important
}

.modal-appointment-container {
    max-width: 100%;
    width: 100%
}

.modal-appointment-area {
    padding: 0 30px;
    margin-top: 0;
    width: 100%;
    background-color: #fff
}

@media (max-width: 767px) {
    .modal-appointment-area {
        margin-top: 0;
        padding: 0 16px
    }
}

.modal-appointment-area .calendar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    top: -25px
}

@media (max-width: 767px) {
    .modal-appointment-area .calendar {
        top: -35px
    }
}

.modal-appointment-area .appointment-not-available {
    padding: 45px 45px 80px
}

.modal-appointment .doctor-appointment-calendar {
    flex-direction: row
}

.modal-appointment .doctor-appointment-calendar input.datepicker-appointment {
    box-shadow: 0 0 20px rgba(137, 197, 204, .5);
    border: 0;
    width: 100%
}

@media (max-width: 767px) {
    .modal-appointment .doctor-appointment-calendar input.datepicker-appointment {
        background-position: 20px !important
    }
}

.modal-appointment .doctor-appointment-calendar .appointment-datepicker-container {
    justify-content: center !important
}

.modal-appointment .select-hospital-unit .select2-selection {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 767px) {
    .modal-appointment .select-hospital-unit .select-hospital {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px
    }

    .modal-appointment .select-hospital-unit .select-medical-unit {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal-appointment .appointment-time-list {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    padding: 30px
}

@media (max-width: 767px) {
    .modal-appointment .appointment-time-list {
        padding: 0
    }

    .modal-appointment .appointment-time-list li {
        width: 23% !important
    }

    .modal-appointment .appointment-time-list li:nth-child(3n+3), .modal-appointment .appointment-time-list li:nth-child(5n+5) {
        margin-right: 6px !important
    }

    .modal-appointment .appointment-time-list li:nth-child(4n+4) {
        margin-right: 0 !important
    }
}

.modal-appointment .doctor-appointment-warning-boxes .box-item {
    text-align: left
}

.modal-appointment .doctor-appointment-other-doctors {
    display: flex;
    flex-direction: column
}

.modal-appointment .doctor-appointment-other-doctors .title {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item {
    border-radius: 4px;
    border: solid 1px #979797;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item > .modal-trigger {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item:hover {
    opacity: .8;
    transition: all 200ms ease
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-img {
    min-width: 60px;
    width: 60px
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-img img, .modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-img img {
    width: 100%;
    border-radius: 4px
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-info {
    padding-left: 10px
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-info .doctor-name {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    text-align: left
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-info .hospital-name {
    font-size: 12px;
    font-weight: 700;
    color: #169ee3;
    text-align: left
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-info .doctor-unit a {
    font-size: 12px;
    font-weight: 600;
    color: #2688da;
    text-align: left;
    display: block;
    margin-top: 10px
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-info .doctor-thanks a {
    font-size: 13px;
    font-weight: 500;
    display: block;
    color: #151b26;
    text-align: left;
    text-decoration: none
}

@media (max-width: 767px) {
    .modal-appointment .doctor-appointment-other-doctors .other-doctor-item .doctor-info .doctor-thanks a {
        font-size: 12px
    }
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .arrow {
    margin-left: auto;
    margin-right: 20px;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end
}

.modal-appointment .doctor-appointment-other-doctors .other-doctor-item .arrow a {
    width: 100%;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: inherit
}

.modal-appointment .doctor-actions {
    justify-content: flex-end !important
}

@media (max-width: 767px) {
    .modal-appointment .doctor-actions {
        position: sticky;
        bottom: 0
    }
}

.modal-appointment .doctors-arrows {
    margin-top: 30px;
    display: flex;
    justify-content: space-between
}

.modal-appointment .doctors-arrows .doctor-link {
    font-size: 14px;
    font-weight: 500;
    color: #151b26
}

.modal-appointment .doctors-arrows .doctor-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #151b26
}

.modal-appointment .doctors-arrows .doctor-link a .icon-left, .modal-appointment .doctors-arrows .doctor-link a .icon-right {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.modal-appointment .doctors-arrows .doctor-link a .text {
    padding: 10px
}

.modal-appointment .modal-doctor-info {
    background: #ffc107;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 40px 60px 55px
}

@media (max-width: 767px) {
    .modal-appointment .modal-doctor-info {
        padding: 16px 20px 40px;
        flex-direction: column;
        align-items: flex-start
    }
}

.modal-appointment .modal-doctor-info .title {
    text-align: left;
    font-size: 25px;
    font-weight: 700;
    color: #151b26;
    width: 100%
}

@media (max-width: 767px) {
    .modal-appointment .modal-doctor-info .title {
        font-size: 16px
    }
}

.modal-appointment .modal-doctor-info .modal-doctor-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: 6px 10px;
    margin-top: 20px;
    width: 80%;
    position: relative;
    z-index: 3
}

@media (max-width: 767px) {
    .modal-appointment .modal-doctor-info .modal-doctor-card {
        margin-top: 30px;
        width: 100%
    }
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left {
    text-align: left;
    padding: 6px 0
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left .doctor-name {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    text-align: left;
    padding-bottom: 10px
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left .hospital-name {
    font-size: 12px;
    font-weight: 700;
    color: #169ee3;
    text-align: left
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left .doctor-unit {
    margin: 0
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left .doctor-unit a {
    font-size: 12px;
    font-weight: 600;
    color: #2688da;
    text-align: left
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left .doctor-thanks a {
    font-size: 13px;
    font-weight: 500;
    color: #151b26;
    text-align: left;
    text-decoration: underline
}

@media (max-width: 767px) {
    .modal-appointment .modal-doctor-info .modal-doctor-card .doctor-left .doctor-thanks a {
        font-size: 12px
    }
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-right .doctor-img {
    padding-left: 30px
}

.modal-appointment .modal-doctor-info .modal-doctor-card .doctor-right .doctor-img img {
    border-radius: 4px;
    width: 74px
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results {
    width: calc(80% - 25px)
}

@media (max-width: 767px) {
    .modal-appointment .modal-doctor-info .modal-doctor-other-results {
        width: calc(100% - 30px);
        margin-left: 15px
    }
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-button .text {
    font-size: 12px;
    font-weight: 500;
    color: #272c37
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-button .text small {
    font-size: 12px;
    font-weight: 400
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-doctor-other-results {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: #fff
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-doctor-other-results .dropdown-content {
    background: #fff;
    z-index: 9999999999;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    width: 100%
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-doctor-other-results .dropdown-content > nav {
    max-height: 320px;
    overflow: auto
}

@media (max-width: 991px) {
    .modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-doctor-other-results .dropdown-button {
        height: 50px
    }
}

@media (max-width: 767px) {
    .modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-doctor-other-results .dropdown-button {
        height: 50px !important
    }
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .dropdown-doctor-other-results .dropdown-button em {
    display: block;
    font-size: 24px;
    height: 50px;
    display: flex;
    align-items: center;
    line-height: 50px;
    margin-top: 5px
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list {
    display: flex;
    flex-direction: column
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item {
    border-bottom: solid 1px #979797;
    cursor: pointer;
    transition: opacity 300ms ease;
    padding-bottom: 10px;
    padding-top: 20px;
    margin: 0 20px
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item:hover {
    opacity: .8
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item:last-child {
    border-bottom: 0
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container {
    display: flex;
    flex-direction: row;
    margin-bottom: 0
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-img {
    width: 61px
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-info {
    padding-left: 10px
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-info .doctor-name {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    text-align: left;
    padding-bottom: 8px
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-info .hospital-name {
    font-size: 12px;
    font-weight: 700;
    color: #169ee3;
    text-align: left
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-info .doctor-unit a {
    font-size: 12px;
    font-weight: 600;
    color: #2688da;
    text-align: left;
    display: block;
    padding: 3px 0
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-info .doctor-thanks a {
    font-size: 10px;
    display: block;
    color: rgba(21, 27, 38, .5);
    text-align: left
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .arrow {
    margin-left: auto;
    margin-right: 20px;
    display: flex;
    align-items: center
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-container .doctor-most-recent-appointment {
    font-size: 10px;
    font-weight: 500;
    color: #151b26
}

.modal-appointment .modal-doctor-info .modal-doctor-other-results .doctor-other-results-list .doctor-other-results-item .doctor-most-recent-appointment {
    font-size: 10px;
    font-weight: 500;
    color: #151b26;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 10px;
    text-align: left
}

@media (max-width: 767px) {
    .body-appointment .page-header, .body-doctors .page-header {
        z-index: 999999999
    }

  
}





.body-appointment .datepicker-container, .body-doctors .datepicker-container {
    z-index: 9999999 !important
}

@media (max-width: 767px) {
    .body-appointment .datepicker-container, .body-doctors .datepicker-container {
        left: 2% !important;
        width: 96% !important;
        padding: 16px 0;
        z-index: 9999999 !important
    }

    .body-appointment .datepicker-panel > ul > li, .body-doctors .datepicker-panel > ul > li {
        width: calc(100% / 8.4);
        margin-right: 4px;
        margin-left: 4px
    }
}

.body-appointment .datepicker-top-left:after, .body-appointment .datepicker-top-right:after, .body-doctors .datepicker-top-left:after, .body-doctors .datepicker-top-right:after {
    border-bottom-color: transparent;
    top: -4px
}

.body-appointment .datepicker-top-left:before, .body-appointment .datepicker-top-right:before, .body-doctors .datepicker-top-left:before, .body-doctors .datepicker-top-right:before {
    left: 10px
}

@media (max-width: 767px) {
    .body-appointment .datepicker-top-left:before, .body-appointment .datepicker-top-right:before, .body-doctors .datepicker-top-left:before, .body-doctors .datepicker-top-right:before {
        left: 50%
    }
}

.corporate-additives-detail .box {
    position: relative
}

.corporate-additives-detail .box .close {
    width: 44px;
    height: 44px;
    background-color: #169ee3;
    padding-top: 8px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.corporate-additives-detail .box .close em {
    color: #fff;
    font-size: 12px
}

.corporate-additives-detail .image-item {
    height: 165px
}

.corporate-additives-detail .content {
    padding: 15px !important;
    text-align: left
}

.corporate-additives-detail .content .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #151b26;
    margin-bottom: 10px
}

.corporate-additives-detail .content .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #444951
}

.plain-text-modal {
    padding: 20px
}

.content-plain-text {
    text-align: left
}

body.rtl .content-plain-text, body.rtl .e-doctor-meeting-modal .e-doctor-form .field label, body.rtl .no-appointment-area .call-you .call-form .form-group label {
    text-align: right
}

.content-plain-text h4 {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 20px;
    position: relative;
    padding-left: 0
}

.content-plain-text h4:first-child, .page-doctors .doctor-information .info-item:first-child > h3.title {
    margin-top: 0
}

.content-plain-text h4:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #169ee3;
    left: -10px;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%)
}

.content-plain-text p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: #151b26;
    margin-bottom: 20px
}

.content-plain-text ul {
    margin-top: 20px;
    margin-bottom: 40px
}

.content-plain-text ul li {
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .content-plain-text ul li {
        padding-left: 20px
    }
}

.content-plain-text ul li:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    left: -20px;
    top: 0
}

body.rtl .content-plain-text ul li:before {
    right: -20px;
    left: initial
}

@media (max-width: 767px) {
    .content-plain-text ul li:before {
        left: 0
    }
}

.content-plain-text li a, .content-plain-text p a {
    text-decoration: underline;
    color: inherit
}

.e-doctor-meeting-modal {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #777;
    background-color: #169ee3;
    padding-bottom: 20px
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal {
        border-radius: 0
    }
}

.e-doctor-meeting-modal .e-doctor-form .field {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .e-doctor-form .field {
        width: 90%
    }
}

.e-doctor-meeting-modal .e-doctor-form .field.field-checkbox {
    width: 555px;
    margin-top: 30px
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .e-doctor-form .field.field-checkbox {
        width: 70%
    }
}

.e-doctor-meeting-modal .e-doctor-form .field .form-info p, .e-doctor-meeting-modal .message-text {
    padding: 30px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    color: #151b26
}

.e-doctor-meeting-modal .e-doctor-form .field label, .reasons-for-cancel-modal label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    text-align: left
}

.e-doctor-meeting-modal .e-doctor-form .field input, .e-doctor-meeting-modal .e-doctor-form .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.e-doctor-meeting-modal .e-doctor-form .field input.intl-phone-mask-2, .no-appointment-area .call-you .call-form .form-group.field-intl-phone .intl-phone-mask-2 {
    padding-left: 90px
}

.e-doctor-meeting-modal .e-doctor-form .field .captcha-error {
    margin-top: 10px;
    background: 0 0;
    border: 0;
    color: #169ee3;
    font-size: 12px;
    position: relative;
    padding: 4px 4px 4px 30px;
    text-align: left
}

.e-doctor-meeting-modal .e-doctor-form .field .captcha-error:before {
    content: '';
    position: absolute;
    background: url(https://cdn.memorial.com.tr/files/images/icon@form-error.svg) no-repeat;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px
}

.e-doctor-meeting-modal .e-doctor-form .field #example2 > div {
    margin-left: 25px
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .e-doctor-form .field #example2 > div {
        margin-left: 0
    }
}

.e-doctor-meeting-modal .e-doctor-form .actions {
    display: flex;
    justify-content: center;
    margin: 30px 0
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .e-doctor-form .actions button {
        margin: 0 20px
    }
}

.e-doctor-meeting-modal .message-text {
    font-size: 14px;
    font-style: italic;
    line-height: 1.71;
    letter-spacing: normal;
    margin: 0 auto;
    width: 355px
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .message-text {
        top: -75px;
        position: relative;
        background: #fff;
        width: 90%;
        padding-bottom: 30px;
        padding-top: 0
    }
}

.e-doctor-meeting-modal .message-text a {
    color: #151b26
}

.e-doctor-meeting-modal .modal-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #151b26
}

.e-doctor-meeting-modal .modal-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .modal-header {
        padding: 20px 20px 100px
    }
}

.e-doctor-meeting-modal .title {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .title {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 16px
    }
}

.e-doctor-meeting-modal .title .logo img {
    width: 68px
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .title .logo img {
        width: 32px
    }

    .e-doctor-meeting-modal .title .logo {
        flex: 0 0 20%
    }
}

.e-doctor-meeting-modal .title strong {
    font-size: 36px;
    padding: 0 20px;
    font-weight: 800
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .title strong {
        font-size: 24px;
        flex: 0 0 70%;
        padding: 0;
        text-align: left
    }
}

.e-doctor-meeting-modal .title .text {
    font-size: 36px;
    font-weight: 500
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .title .text {
        font-size: 24px;
        flex: 0 0 100%
    }
}

.e-doctor-meeting-modal .subtitle {
    font-size: 16px;
    font-style: italic;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-weight: 200
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .subtitle {
        font-size: 14px
    }
}

.e-doctor-meeting-modal .e-doctor-meeting-form-wrapper {
    border-radius: 4px;
    background: #fff;
    margin: 0 20px 20px
}

@media (max-width: 767px) {
    .e-doctor-meeting-modal .e-doctor-meeting-form-wrapper {
        margin: 0;
        background: #f5f8fb
    }

    .e-doctor-meeting-modal .e-doctor-meeting-form-wrapper .e-doctor-form {
        background: #fff;
        width: 90%;
        margin: 0 auto;
        top: -75px;
        position: relative;
        border-radius: 4px 4px 0 0
    }

   
}

.body-doctor .iti-mobile .iti--container {
    z-index: 9999999
}

.iti--container {
    z-index: 999999999
}

.unapproved-tests-modal {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #777;
    background-color: #151b26;
    padding-bottom: 20px
}

@media (max-width: 767px) {
    .unapproved-tests-modal {
        border-radius: 0
    }
}

.unapproved-tests-modal .message-text {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    width: 355px;
    padding: 30px 0
}

@media (max-width: 767px) {
    .unapproved-tests-modal .message-text {
        top: -75px;
        position: relative;
        background: #fff;
        width: 90%;
        padding-bottom: 30px;
        padding-top: 0
    }
}

.unapproved-tests-modal .modal-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff
}

.unapproved-tests-modal .modal-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px
}

@media (max-width: 767px) {
    .unapproved-tests-modal .modal-header {
        padding: 20px 20px 0
    }
}

.unapproved-tests-modal .title {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .unapproved-tests-modal .title {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 16px
    }
}

.unapproved-tests-modal .title .logo img {
    width: 68px
}

@media (max-width: 767px) {
    .unapproved-tests-modal .title .logo img {
        width: 32px
    }

    .unapproved-tests-modal .title .logo {
        flex: 0 0 15%
    }
}

.unapproved-tests-modal .title strong {
    font-size: 36px;
    padding: 0 20px;
    font-weight: 800
}

@media (max-width: 767px) {
    .unapproved-tests-modal .title strong {
        font-size: 24px;
        flex: 0 0 70%;
        padding: 0;
        text-align: left
    }
}

.unapproved-tests-modal .title .text {
    font-size: 36px;
    font-weight: 500;
    color: #fff
}

@media (max-width: 767px) {
    .unapproved-tests-modal .title .text {
        font-size: 24px;
        flex: 0 0 85%;
        text-align: left;
        padding-right: 20px
    }
}

.unapproved-tests-modal .subtitle {
    font-size: 16px;
    font-style: italic;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-weight: 200
}

@media (max-width: 767px) {
    .unapproved-tests-modal .subtitle {
        font-size: 14px
    }
}

.unapproved-tests-modal .unapproved-tests-wrapper {
    border-radius: 4px;
    background: #fff;
    margin: 0 20px 20px;
    height: 400px;
    padding: 50px 60px;
    overflow-y: scroll;
    position: relative
}

@media (max-width: 767px) {
    .unapproved-tests-modal .unapproved-tests-wrapper {
        background: #f5f8fb;
        margin: 0 20px;
        height: 100%
    }
}

.unapproved-tests-modal .unapproved-tests-wrapper ul.test-list {
    padding-left: 40px
}

.unapproved-tests-modal .unapproved-tests-wrapper ul.test-list li {
    position: relative;
    margin-bottom: 20px;
    color: #151b26;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left
}

.unapproved-tests-modal .unapproved-tests-wrapper ul.test-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: 7px;
    width: 6px;
    height: 6px;
    background: #169ee3;
    border-radius: 100%
}


.unapproved-tests-modal .iti-mobile .iti--container {
    z-index: 9999999
}

.delete-profile-modal {
    padding: 40px 30px 30px;
    position: relative
}

.delete-profile-modal .modal-close {
    right: 10px;
    top: 10px
}

.delete-profile-modal .modal-title {
    color: #151b26;
    font-size: 18px;
    margin-bottom: 40px
}

.delete-profile-modal .buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.delete-profile-modal .buttons .button {
    width: 120px;
    border-width: 2px
}

.swal-custom-height.select-index .select2-dropdown {
    z-index: 999999999 !important
}



.link-field-wrapper {
    width: 100%;
    height: 425px;
    background-color: #d3d7da;
    padding: 40px 0 70px;
    position: relative
}

@media (max-width: 1199px) {
    .link-field-wrapper {
        height: auto
    }
}

@media (max-width: 767px) {
    .link-field-wrapper {
        padding: 30px 0
    }
}

@media all and (max-width: 576px) {
    .link-field-wrapper {
        height: auto;
        max-height: max-content
    }
}

.link-field-wrapper::after {
    content: '';
    width: 585px;
    height: 2px;
    background-color: #d8d8d8;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99
}

@media (max-width: 767px) {
    .link-field-wrapper::after {
        width: 335px
    }
}

.link-field-wrapper .field-title {
    font-size: 36px;
    font-weight: 800;
    line-height: normal;
    text-align: center;
    color: #151b26;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .link-field-wrapper .field-title {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: left
    }
}

.link-field-wrapper .link-field-inner .link-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 280px;
    height: 280px
}

@media (max-width: 1199px) {
    .link-field-wrapper .link-field-inner .link-list {
        max-height: 230px;
        height: 230px
    }
}

@media (max-width: 991px) {
    .link-field-wrapper .link-field-inner .link-list {
        max-height: 320px;
        height: 320px;
        flex-direction: row
    }
}

@media (max-width: 767px) {
    .link-field-wrapper .link-field-inner .link-list {
        max-height: 470px;
        height: 470px
    }
}

@media all and (max-width: 576px) {
    .link-field-wrapper .link-field-inner .link-list {
        flex-direction: column;
        height: auto;
        max-height: max-content
    }
}

@media (max-width: 991px) {
    .link-field-wrapper .link-field-inner .link-list li {
        width: 33.3333%
    }
}

@media (max-width: 767px) {
    .link-field-wrapper .link-field-inner .link-list li {
        width: 50%
    }
}

@media all and (max-width: 576px) {
    .link-field-wrapper .link-field-inner .link-list li {
        width: 100%
    }
}

.link-field-wrapper .link-field-inner .link-list li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #151b26;
    cursor: pointer
}

@media (max-width: 1199px) {
    .link-field-wrapper .link-field-inner .link-list li a {
        font-size: 13px
    }
}

.no-appointment-area {
    margin-left: 0;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    background-color: #151b26;
    padding: 20px
}

@media (max-width: 991px) {
    .no-appointment-area {
        margin: 0
    }
}

.no-appointment-area .title {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .no-appointment-area .title {
        padding-bottom: 20px;
        padding-top: 10px
    }
}

.no-appointment-area .title .icon {
    padding-right: 10px
}

body.rtl .no-appointment-area .live-support .button .icon, body.rtl .no-appointment-area .title .icon {
    padding: 0 0 0 10px
}

@media (max-width: 767px) {
    .no-appointment-area .title.mobile-show {
        padding-top: 20px;
        display: flex !important
    }
}

.no-appointment-area .title, .no-appointment-area .title-or {
    color: #fff !important;
    text-align: center !important
}

.no-appointment-area .title-or {
    color: rgba(255, 255, 255, .4) !important
}

.no-appointment-area .titles {
    margin: 30px 0;
    align-items: center;
    justify-content: space-evenly
}

.no-appointment-area .text, .no-appointment-area .titles .col-title {
    font-size: 14px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.no-appointment-area .text {
    font-weight: 500px;
    font-style: italic
}

.fast-links .link-item a, .no-appointment-area .text a, .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-text a {
    color: #fff
}

@media (max-width: 991px) {
    .no-appointment-area .call_us {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.no-appointment-area .live-support {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-right: 1px solid rgba(212, 215, 221, .5)
}

@media (max-width: 991px) {
    .no-appointment-area .live-support {
        border-right: none;
        border-bottom: 1px solid rgba(212, 215, 221, .5);
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media (max-width: 767px) {
    .no-appointment-area .live-support .title.mobile-show {
        padding-top: 0;
        padding-bottom: 20px;
        display: flex !important
    }
}

.no-appointment-area .live-support .img {
    width: 160px;
    margin: 20px auto
}

.no-appointment-area .live-support .img img, .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-logo img, video {
    width: 100%
}

.no-appointment-area .live-support .button .icon {
    padding-right: 10px
}

.no-appointment-area .call-you .call-form {
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start
}

.no-appointment-area .call-you .call-form .title.mobile-show {
    padding-top: 20px
}

.no-appointment-area .call-you .call-form .form-group {
    width: 315px !important;
    margin-bottom: 24px;
    text-align: left
}

.no-appointment-area .call-you .call-form .form-group.buttons, .no-appointment-area .call-you .call-form .form-group.buttons-mobile {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .no-appointment-area .call-you .call-form .form-group.buttons, .no-appointment-area .call-you .call-form .form-group.buttons-mobile {
        width: 88% !important
    }

    .no-appointment-area .call-you .call-form .form-group {
        width: 100% !important
    }
}

.no-appointment-area .call-you .call-form .form-group.checkbox-field {
    width: 100% !important;
    margin: 40px auto
}

@media (max-width: 767px) {
    .no-appointment-area .call-you .call-form .form-group.checkbox-field {
        margin: 0 auto 20px
    }
}

.no-appointment-area .call-you .call-form .form-group.field-intl-phone .iti__country-list .iti__country-name {
    color: #000
}

.no-appointment-area .call-you .call-form .form-group label {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    text-align: left
}

.no-appointment-area .call-you .call-form .form-group input {
    height: 50px;
    border-radius: 4px;
    border: solid 1px #151b26;
    background-color: #fff;
    width: 100%;
    padding: 0 10px
}

.no-appointment-area .call-you .call-form .form-group .button {
    width: 235px;
    font-size: 14px;
    font-weight: 700
}

@media (max-width: 767px) {
    .no-appointment-area .call-you .call-form .form-group .button {
        width: 100%
    }
}

.no-appointment-area .call-you .call-form .select2 {
    width: 100% !important
}

.no-appointment-area .call-you .call-form .checkbox label {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-left: 40px;
    line-height: 1.5
}

body.rtl .no-appointment-area .call-you .call-form .checkbox label {
    margin: 0 40px 5px 0
}

.no-appointment-area .call-you .call-form .checkbox label a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.no-appointment-area .call-you .call-form .alert {
    border-color: transparent
}

.no-appointment-area.call_you-solo {
    padding: 60px 60px 30px
}

@media (max-width: 767px) {
    .no-appointment-area.call_you-solo {
        padding: 15px 10px
    }
}

.no-appointment-area.call_you-solo .call-you .title {
    font-size: 16px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .no-appointment-area.call_you-solo .call-you .title {
        margin-bottom: 0
    }
}

.no-appointment-area.call_you-solo .call-you .text {
    line-height: 22px
}

.no-appointment-area.call_you-solo .form-group {
    width: 50% !important
}

@media (max-width: 991px) {
    .no-appointment-area.call_you-solo .form-group {
        width: 100% !important
    }
}

.no-appointment-area.call_you-solo .form-group.checkbox-field {
    width: 90% !important
}

@media (max-width: 991px) {
    .no-appointment-area.call_you-solo .form-group.buttons-mobile {
        width: 235px !important
    }
}

.no-appointment-area.call_you-solo .form-group.buttons-mobile .button-mobile-call-us {
    background: 0 0 !important;
    border: 1px solid #fff;
    color: #fff !important
}

.no-appointment-area.call_you-solo .form-group.buttons-mobile .button-mobile-call-us em {
    color: #fff !important;
    padding-right: 10px
}

.no-appointment-area.call_you-solo .form-group.buttons-mobile .or {
    margin: 20px auto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.live_support-call_you.no-appointment-area {
    padding: 30px 15px 25px 20px
}

@media (max-width: 767px) {
    .live_support-call_you.no-appointment-area {
        padding: 25px 10px 55px
    }
}

.live_support-call_you.no-appointment-area > .title {
    display: block
}

.live_support-call_you.no-appointment-area > .title a {
    color: #fff !important
}

.live_support-call_you.no-appointment-area .titles {
    margin: 45px 0 30px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .live_support-call_you.no-appointment-area .titles {
        margin: 20px 0
    }
}

@media (max-width: 767px) {
    .live_support-call_you.no-appointment-area .titles {
        margin: 20px 0 15px
    }
}

.live_support-call_you.no-appointment-area .titles .title {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .live_support-call_you.no-appointment-area .titles .title {
        padding: 0;
        display: none
    }
}

@media (max-width: 991px) {
    .live_support-call_you.no-appointment-area .live-support {
        border-bottom: none;
        position: relative
    }

    .live_support-call_you.no-appointment-area .live-support:after {
        content: '';
        width: 87%;
        height: 1px;
        background-color: rgba(212, 215, 221, .5);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }
}

@media (max-width: 767px) {
    .live_support-call_you.no-appointment-area .live-support {
        padding-top: 0
    }
}

.live_support-call_you.no-appointment-area .live-support .text {
    padding: 0 10px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .live_support-call_you.no-appointment-area .live-support .button-default {
        width: 100%
    }
}

@media (max-width: 767px) {
    .live_support-call_you.no-appointment-area .live-support .button-default {
        width: 85% !important
    }
}

.live_support-call_you.no-appointment-area .call_you .call-you-title {
    display: none
}

@media (max-width: 991px) {
    .live_support-call_you.no-appointment-area .call_you .call-you-title {
        display: flex;
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .live_support-call_you.no-appointment-area .call_you .call-you-title {
        display: none
    }

    .live_support-call_you.no-appointment-area .call_you .call-you-title em {
        font-size: 20px;
        vertical-align: text-top
    }

    .live_support-call_you.no-appointment-area .call-you .text {
        margin-bottom: 30px
    }
}

.live_support-call_you.no-appointment-area .call-you .call-form {
    margin-top: 15px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .live_support-call_you.no-appointment-area .call-you .call-form .form-group {
        width: 250px !important
    }
}

.live_support-call_you.no-appointment-area .call-you .call-form .form-group.checkbox-field {
    margin: 10px 0 20px
}

.no-appointment-area.no-appointment {
    position: relative;
    height: 100%;
    background-color: #fff
}

.no-appointment-area.no-appointment .no-appointment-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-60%)
}

@media (max-width: 991px) {
    .no-appointment-area.no-appointment .no-appointment-wrapper {
        position: relative;
        transform: none
    }
}

.no-appointment-area.no-appointment .no-appointment-wrapper .text {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.no-appointment-area.no-appointment .no-appointment-wrapper .icon {
    text-align: center;
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .no-appointment-area.no-appointment .no-appointment-wrapper .icon {
        margin-bottom: 20px
    }

    .no-appointment-area.no-appointment .no-appointment-wrapper .icon img {
        width: 120px
    }
}

.why-memorial-tab {
    background-color: #151b26;
    margin-top: 105px;
    padding-bottom: 60px
}

@media (max-width: 991px) {
    .why-memorial-tab {
        margin-top: 100px
    }
}

.why-memorial-tab .tabs-container {
    position: relative;
    top: -60px;
    margin-bottom: -60px
}

@media (max-width: 991px) {
    .why-memorial-tab .tabs-container {
        overflow-x: scroll;
        padding-bottom: 10px
    }
}

.why-memorial-tab .tabs-container .tabs {
    display: flex;
    flex-direction: row
}

@media (max-width: 991px) {
    .why-memorial-tab .tabs-container .tabs {
        width: 890px
    }
}

.why-memorial-tab .tabs-container .tabs .tab {
    width: 255px;
    height: 120px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-right: 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #151b26;
    display: flex;
    align-items: center;
    justify-content: center
}

body.rtl .why-memorial-tab .tabs-container .tabs .tab {
    margin: 0 0 0 30px
}

.why-memorial-tab .tabs-container .tabs .tab:last-child {
    margin-right: 0
}

@media (max-width: 991px) {
    .why-memorial-tab .tabs-container .tabs .tab {
        width: 200px;
        height: 80px;
        font-size: 16px;
        margin-right: 15px
    }

    body.rtl .why-memorial-tab .tabs-container .tabs .tab {
        margin: 0 0 0 15px
    }
}

.why-memorial-tab .tabs-container .tabs .tab.active {
    box-shadow: 0 10px 20px 0 rgba(193, 30, 67, .3);
    border: 0;
    background-color: #169ee3;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    transition: all .5s
}

.why-memorial-tab .tabs-container .tabs .tab.active::after {
    content: '';
    width: 90%;
    height: 3px;
    background-color: #fff;
    margin: 0 auto;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0
}

@media (max-width: 991px) {
    .why-memorial-tab .tabs-container .tabs .tab.active::after {
        width: 80%
    }
}

.why-memorial-tab .tab-content-wrapper {
    margin-top: 40px
}

@media (max-width: 991px) {
    .why-memorial-tab .tab-content-wrapper {
        margin-top: 40px
    }
}

.why-memorial-tab .tab-content-wrapper .tab-content {
    display: none
}

.why-memorial-tab .tab-content-wrapper .tab-content:first-of-type {
    display: block
}

.why-memorial-tab .tab-content-wrapper .tab-content .tab-content-title {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: #fff
}

@media (max-width: 991px) {
    .why-memorial-tab .tab-content-wrapper .tab-content .tab-content-title {
        font-size: 24px
    }
}

.why-memorial-tab .tab-content-wrapper .tab-content .tab-content-title font {
    font-weight: 800;
    color: #ffc107
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area {
    margin-top: 55px
}

@media (max-width: 991px) {
    .why-memorial-tab .tab-content-wrapper .tab-content .divided-area {
        margin-top: 35px
    }
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 50px 45px;
    position: relative
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item::after {
    content: '';
    width: 1px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -15px
}

@media (max-width: 991px) {
    .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item::after {
        width: 100%;
        height: 2px;
        top: inherit;
        right: inherit;
        left: 0;
        bottom: 0
    }

    body.rtl .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item::after {
        right: inherit;
        left: 0
    }

    .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item {
        margin-bottom: 15px;
        padding-bottom: 15px
    }
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-logo {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 4px
}

@media (max-width: 991px) {
    .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-logo {
        width: 100px;
        height: 100px
    }
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-text {
    width: calc(100% - 150px);
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    color: #fff;
    margin-left: 30px;
    padding-right: 20px
}

body.rtl .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-text {
    margin: 0 30px 0 0;
    padding: 0 0 0 20px
}

@media (max-width: 991px) {
    .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-text {
        width: calc(100% - 110px);
        font-size: 14px;
        margin-left: 10px
    }
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-text font {
    color: #ffc107
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area .item .item-text .note {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    color: #ffc107;
    display: block;
    margin-top: 5px
}

.why-memorial-tab .tab-content-wrapper .tab-content .divided-area .outer-div:nth-child(2n) .item::after {
    display: none
}

@media (max-width: 991px) {
    .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .outer-div:nth-child(2n) .item::after {
        display: block
    }

    .why-memorial-tab .tab-content-wrapper .tab-content .divided-area .outer-div:last-child .item::after {
        display: none
    }
}

.why-memorial-tab .content-text {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    color: #fff
}

@media (max-width: 991px) {
    .why-memorial-tab .content-text {
        margin-top: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px
    }
}

.why-memorial-tab .content-text p {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    color: #fff
}

@media (max-width: 991px) {
    .why-memorial-tab .content-text p {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px
    }
}

.why-memorial-tab .content-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 280px;
    height: 50px;
    margin: 20px 0 0;
    padding-left: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #169ee3;
    border-radius: 4px;
    overflow: hidden
}

body.rtl .why-memorial-tab .content-btn {
    padding-right: 20px;
    padding-left: 0
}

@media (max-width: 991px) {
    .why-memorial-tab .content-btn {
        font-size: 14px
    }
}

.why-memorial-tab .content-btn span {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0
}

body.rtl .appointment .doctors .appointment-time-slots .appointment-time-list li.all-hours a em, body.rtl .appointment-filter-search .appointment-time-slots .appointment-time-list li.all-hours a em, body.rtl .why-memorial-tab .content-btn span {
    transform: rotate(180deg)
}

.why-memorial-tab .content-btn span em {
    width: 16px
}

.homepage-hero {
    position: relative;
    height: 440px;
    background-size: cover;
    background-position: center;
    background-color: #169ee3
}

.homepage-hero:before {
    content: '';
    background: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.homepage-hero .container {
    position: relative;
    z-index: 2;
    padding-top: 60px;
    padding-bottom: 80px
}

.homepage-hero .hero {
    margin-bottom: 40px;
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: normal
}

.homepage-hero .buttons-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.homepage-hero .buttons-area .button {
    position: relative;
    width: 210px;
    height: 54px;
    padding-left: 10px;
    color: #151b26;
    font-size: 16px;
    background-color: #ffc107;
    border-radius: 4px;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .homepage-hero .buttons-area .button {
        width: 150px;
        font-size: 12px;
        padding-left: 5px;
        height: 48px
    }
}

@media (max-width: 360px) {
    .homepage-hero .buttons-area .button {
        width: 120px
    }
}

body.rtl .homepage-hero .buttons-area .button {
    padding: 0 20px 0 0;
    margin: 0 15px 0 0
}

@media (max-width: 767px) {
    body.rtl .homepage-hero .buttons-area .button {
        margin: 0
    }
}

.homepage-hero .buttons-area .left-buttons {
    display: flex;
    margin-bottom: 10px
}

.homepage-hero .buttons-area .e-result-button {
    margin-left: 10px;
    background-color: #e8e8e9
}

.homepage-hero .buttons-area .button-e_doctor {
    width: 430px;
    border: 1px solid #d4d7dd;
    padding: 0 10px
}

@media (max-width: 991px) {
    .homepage-hero .buttons-area .button-e_doctor {
        margin: 0;
        width: 310px;
        height: 48px
    }
}

@media (max-width: 360px) {
    .homepage-hero .buttons-area .button-e_doctor {
        width: 250px
    }
}

body.rtl .homepage-hero .buttons-area .button-e_doctor {
    justify-content: flex-start
}

@media (max-width: 767px) {
    body.rtl .homepage-hero .buttons-area .button-e_doctor {
        margin: 5px 0 0
    }
}

.homepage-hero .buttons-area .button-e_doctor .text {
    font-size: 18px;
    width: 100%
}

@media (max-width: 991px) {
    .homepage-hero .buttons-area .button-e_doctor .text {
        font-size: 12px
    }
}

body.rtl .homepage-hero .buttons-area .button-e_doctor .text {
    margin-right: 15px
}

.homepage-hero .button em, .homepage-hero .buttons-area .button-e_doctor .icon {
    margin-right: 7px;
    width: 24px;
    height: 24px
}

@media (max-width: 991px) {
    .homepage-hero .buttons-area .button-e_doctor .icon {
        width: 18px;
        height: 18px
    }
}

.homepage-hero .button em {
    vertical-align: middle;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .homepage-hero .button em {
        width: 18px;
        height: 18px
    }
}

body.rtl .homepage-hero .button em {
    margin: 0 0 0 7px
}

.homepage-hero .button em.icon-click:before, .hospitals .about p strong {
    font-weight: 700
}

.homepage-hero .button .right {
    position: absolute;
    right: 10px;
    font-size: 12px;
    height: 100%;
    display: flex;
    top: 0;
    width: 14px
}

body.rtl .homepage-hero .button .right {
    right: inherit;
    left: 10px;
    transform: rotate(180deg)
}

.fast-links-bg {
    background: #dbebef url(https://cdn.memorial.com.tr/files/images/fast-links-bg.svg) no-repeat;
    background-size: cover !important;
    position: relative;
    background-position: bottom
}

.fast-links {
    position: absolute;
    z-index: 3;
    top: -40px;
    left: 0;
    right: 0
}

@media (max-width: 991px) {
    .fast-links {
        top: 0;
        padding: 30px 0 20px;
        position: relative
    }
}

.fast-links .overlay-parent:last-child .overlay:before {
    opacity: 1;
    display: block
}

.fast-links .link-item {
    position: relative;
    height: 120px;
    background-size: cover;
    border-radius: 4px
}

@media (max-width: 991px) {
    .fast-links .link-item {
        margin-bottom: 30px
    }
}

.fast-links .link-item.overlay {
    overflow: hidden;
    position: relative
}

.fast-links .link-item.overlay:before {
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(to left, rgba(47, 58, 78, .2), rgba(21, 27, 38, .8) 90%)
}

.fast-links .link-item {
    background-position: center
}

.fast-links .link-item--first {
    background-color: #0c5d8d;
    box-shadow: 0 10px 20px rgba(12, 93, 141, .5)
}

.fast-links .link-item--second {
    background-color: #5239af;
    box-shadow: 0 10px 20px rgba(82, 57, 175, .5)
}

.fast-links .link-item--thirth {
    background-color: #20474e;
    box-shadow: 0 10px 20px rgba(32, 71, 78, .5)
}

.fast-links .link-item--fourth {
    background-color: #9dbcbb;
    box-shadow: 0 10px 20px rgba(157, 188, 187, .75)
}

.fast-links .link-item .detail {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 35px;
    padding-left: 15px
}

body.rtl .fast-links .link-item .detail {
    padding-left: 0;
    padding-right: 15px
}

body:lang(ru) .fast-links .link-item .detail {
    padding-top: 15px
}

.fast-links .link-item strong {
    font-size: 20px;
    font-weight: 700
}

body:lang(ru) .fast-links .link-item strong {
    font-size: 18px
}

.fast-links .link-item p {
    opacity: .5;
    margin-top: 2px;
    color: #fff;
    font-size: 16px
}

.fast-links .link-item em {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 14px
}

body.rtl .fast-links .link-item em {
    right: inherit;
    left: 15px;
    transform: translateY(-50%) rotate(180deg)
}

.fast-links-alternate {
    padding-top: 120px;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .fast-links-alternate {
        padding: 10vw 0 0
    }
}

.fast-links-alternate .slick-slide .col-12, .fast-links-alternate .slick-slide .col-lg-4 {
    padding: 0 4px 0 0
}

.fast-links-alternate .hero {
    margin-bottom: 40px;
    color: #151b26;
    font-size: 36px;
    font-weight: 700
}

@media (max-width: 991px) {
    .fast-links-alternate .hero {
        font-size: 28px
    }
}

@media (max-width: 767px) {
    .fast-links-alternate .hero {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.fast-links-alternate a {
    display: block;
    padding: 25px 20px;
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    background: #fff url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat 95% center;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25);
    transition: all 300ms ease
}

body.rtl .fast-links-alternate a {
    background: #fff url(https://cdn.memorial.com.tr/files/images/icon@left.svg) no-repeat 5% center;
    padding: 25px 50px
}

.fast-links-alternate a:hover {
    border-color: #169ee3;
    box-shadow: 0 0 9px 3px rgba(193, 30, 67, .4);
    transition: all 300ms ease
}

@media (max-width: 767px) {
    .fast-links-alternate a {
        font-size: 18px;
        background-position: 97% 5%;
        background-size: 18px
    }

    body.rtl .fast-links-alternate a {
        background: #fff url(https://cdn.memorial.com.tr/files/images/icon@left.svg) no-repeat 3% 5%;
        background-size: 18px;
        padding: 25px 30px
    }

    body:lang(ru) .fast-links-alternate a {
        font-size: 13px
    }
}

.fast-links-alternate a span {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 767px) {
    .fast-links-alternate a span {
        font-size: 15px
    }
}

.lp-fast-links {
    background: url(https://cdn.memorial.com.tr/files/images/lp-fast-links-bg.svg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: bottom;
    margin-bottom: 40px
}

@media (max-width: 991px) {
    .lp-fast-links {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .lp-fast-links {
        margin-bottom: 60px
    }
}

.lp-fast-links .pad-right {
    padding-right: 0
}

.lp-fast-links .pad-right.message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.lp-fast-links .lp-fast-links-content {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 40px 70px 30px
}

.lp-fast-links .text, .lp-fast-links .text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #151b26
}

.lp-fast-links .lp-link {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #151b26;
    text-decoration: underline;
    padding-right: 30px;
    margin-top: 45px;
    display: inline-block;
    position: relative
}

body.rtl .lp-fast-links .lp-link {
    padding: 0 0 0 30px
}

.lp-fast-links .lp-link::after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
    position: absolute;
    top: 2px;
    right: 0
}

body.rtl .lp-fast-links .lp-link::after, body.rtl .why-memorial .actions a span {
    right: inherit;
    left: 0;
    transform: rotate(180deg)
}

.lp-fast-links .lp-banner-logo {
    position: relative;
    top: -35px;
    margin-bottom: -35px;
    margin-left: 3vw
}

body.rtl .lp-fast-links .lp-banner-logo {
    margin: 0 3vw 0 0
}

@media (max-width: 991px) {
    .lp-fast-links .lp-banner-logo {
        top: -15px;
        margin-bottom: -15px
    }
}

@media (max-width: 767px) {
    .lp-fast-links .lp-banner-logo {
        top: 0;
        margin: 0 auto;
        display: block
    }
}

.why-memorial {
    padding: 145px 0 70px;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width: 768px) and (max-width: 992px) {
    .why-memorial {
        padding-top: 60px 0 1px
    }
}

@media (max-width: 767px) {
    .why-memorial {
        padding: 60px 0 0
    }
}

.why-memorial .desc .desc-line.line-1 {
    font-size: 36px;
    font-weight: 800;
    color: #fff
}

@media (max-width: 767px) {
    .why-memorial .desc .desc-line.line-1 {
        font-size: 20px
    }
}

.why-memorial .desc .desc-line.line-2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #ffc107;
    margin-top: 10px
}

@media (max-width: 767px) {
    .why-memorial .desc .desc-line.line-2 {
        font-size: 16px
    }
}

.why-memorial .container {
    position: relative
}

@media (max-width: 767px) {
    .why-memorial .container .overflow-hidden {
        overflow: hidden
    }
}

.why-memorial .logo {
    position: absolute;
    top: -300px;
    left: -70px;
    width: 358px;
    height: 358px;
    background: 0 0 !important
}

.why-memorial .actions .signature, .why-memorial .hero {
    margin-top: 40px;
    color: #fff;
    font-size: 36px;
    font-weight: 700
}

.appointment .doctors .appointment-phone-call .warning .box-title span, .appointment-filter-search .appointment-phone-call .warning .box-title span, .doctors .appointment-phone-call .warning .box-title span, .hospital-based-group-doctors .hospital-name font, .hospitals .introduction .img div span, .why-memorial .actions .signature font, .why-memorial .hero span {
    color: #169ee3
}

.why-memorial .desc {
    margin: 30px 0;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    width: 600px
}

.why-memorial .desc span {
    display: block;
    margin-top: 10px;
    color: #ffc107;
    font-size: 24px
}

.why-memorial .actions a, .why-memorial .actions p {
    color: #fff;
    font-size: 16px
}

@media (min-width: 768px) and (max-width: 992px) {
    .why-memorial .actions p {
        width: 100% !important
    }
}

.why-memorial .actions a {
    position: relative;
    display: block;
    width: 280px;
    height: 50px;
    margin: 20px 0;
    padding: 0 20px;
    font-weight: 900;
    line-height: 50px;
    background-color: #169ee3;
    border-radius: 4px;
    overflow: hidden
}

body.rtl .special-services .item-area a, body.rtl .why-memorial .actions a {
    padding-right: 60px
}

.special-services .item-area a span, .why-memorial .actions a span {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .1)
}

.why-memorial .actions .signature {
    font-size: 28px;
    line-height: normal
}

@media (max-width: 991px) {
    .why-memorial .actions .signature {
        font-size: 19px
    }
}

.why-memorial .video {
    margin-top: 30px
}

@media (max-width: 991px) {
    .why-memorial .video {
        margin: 20px 0 0
    }
}

@media (max-width: 767px) {
    .why-memorial .video {
        margin: 20px -20px 0
    }
}

.why-memorial .carousel-area {
    position: relative;
    height: 180px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .why-memorial .carousel-area {
        margin: 20px -20px 30px 0;
        width: 100%;
        overflow: hidden
    }

    body.rtl .why-memorial .carousel-area {
        margin: 20px 0 30px -20px
    }
}

.why-memorial .slick-list .image-cover {
    height: 160px;
    border-radius: 5px
}

@media (max-width: 767px) {
    .why-memorial .slick-list .image-cover {
        height: 155px;
        border-radius: 5px
    }
}

.why-memorial .slick-list img {
    border-radius: 5px;
    max-width: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media all and (-ms-high-contrast: none) {
    .why-memorial .slick-list img {
        width: auto;
        transform: translate(-50%, -50%);
        left: 50%
    }
}

.why-memorial .slick-list .slick-slide {
    padding-right: 20px
}

body.rtl .why-memorial .slick-list .slick-slide {
    padding: 0 0 0 20px
}

@media (max-width: 767px) {
    .why-memorial .slick-list .slick-slide {
        padding-right: 5px
    }

    body.rtl .why-memorial .slick-list .slick-slide {
        padding: 0 0 0 5px
    }
}

.why-memorial .slick-arrow {
    display: none
}

.why-memorial-home .slick-arrow {
    position: absolute;
    right: -1px;
    top: 0;
    width: 121px;
    height: 160px !important;
    border: unset;
    outline: 0;
    cursor: pointer;
    text-indent: -9999px;
    background: rgba(0, 0, 0, .6) url(https://cdn.memorial.com.tr/files/images/icon@arrow-thin.svg) no-repeat center;
    transform: none;
    border-radius: 5px 0 0 5px
}

body.rtl .why-memorial-home .slick-arrow {
    right: inherit;
    left: -1px
}

@media (max-width: 1199px) {
    .why-memorial-home .slick-arrow {
        right: -2px
    }

    body.rtl .why-memorial-home .slick-arrow {
        right: inherit;
        left: -2px
    }
}

.why-memorial .slick-arrow.slick-prev {
    right: auto;
    left: -80px;
    transform: rotate(180deg);
    visibility: hidden
}

body.rtl .why-memorial .slick-arrow.slick-prev {
    right: -80px;
    left: inherit
}

.js-why-carousel.slick-initialized .slick-list.draggable {
    padding-left: 0 !important;
    padding-bottom: 20px !important
}

body.rtl .js-why-carousel.slick-initialized .slick-list.draggable {
    padding: 0 0 20px 120px !important
}

@media (max-width: 767px) {
    .js-why-carousel.slick-initialized .slick-list.draggable {
        padding-bottom: 15px !important
    }
}

.js-why-carousel li {
    margin-right: 20px;
    box-shadow: 2px 12px 6px 0 rgba(0, 0, 0, .5)
}

body.rtl .js-why-carousel li {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .js-why-carousel li img {
        box-shadow: 2px 12px 6px 0 rgba(0, 0, 0, .5)
    }

    .js-why-carousel li {
        margin-right: 4px;
        margin-left: 0;
        box-shadow: none
    }

    body.rtl .js-why-carousel li {
        margin: 0 0 0 4px
    }
}

.js-why-carousel button.slick-arrow {
    height: 100%
}

.home-wrapper {
    padding-top: 30px;
    background-color: #f5f8fb
}

.home-wrapper .triple .item {
    height: auto
}

.home-wrapper .triple .item .js-title {
    min-height: 50px
}

@media (max-width: 767px) {
    .home-wrapper .triple .item .js-title {
        min-height: 35px
    }
}

.home-wrapper .triple .item .name {
    margin-top: 10px
}

@media (max-width: 767px) {
    .home-wrapper .triple .item .name {
        margin-top: 5px
    }
}

.triple.recent-developments {
    margin-bottom: 40px !important
}

@media (max-width: 767px) {
    .triple.recent-developments {
        margin-bottom: 50px !important
    }
}

.triple.recent-developments .image-cover {
    height: 230px
}

@media (max-width: 767px) {
    .triple.recent-developments .image-cover {
        height: 188px
    }
}

.triple.recent-developments .image-cover img {
    height: 100%;
    object-fit: cover
}

.triple.recent-developments .item {
    padding: 20px 15px;
    max-height: 155px;
    overflow: hidden
}

.triple.recent-developments .item .recent-developments-date .date {
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(21, 27, 38, .5)
}

@media (max-width: 991px) {
    .triple.recent-developments .item {
        max-height: 108px
    }
}

@media (max-width: 767px) {
    .triple.recent-developments .item {
        height: 108px;
        max-height: 108px
    }

    .triple.recent-developments .item a {
        font-weight: 500;
        line-height: normal
    }
}

@media (max-width: 991px) {
    .triple.recent-developments .image-cover {
        height: 210px
    }
}

@media (max-width: 767px) {
    .triple.recent-developments .image-cover {
        height: 200px
    }

    .triple.recent-developments .col-lg-4 {
        padding: 0 5px 0 0
    }

    body.rtl .triple.recent-developments .col-lg-4 {
        padding: 0 0 0 5px
    }

    .triple.recent-developments .slick-slider {
        padding-left: 15px
    }

    body.rtl .triple.recent-developments .slick-slider {
        padding: 0 15px 0 0
    }

    .triple.health-guide {
        margin-bottom: 50px !important
    }
}

.triple.health-guide .triple-image img {
    max-width: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media all and (-ms-high-contrast: none) {
    .triple.health-guide .triple-image img {
        width: auto;
        transform: translate(-50%, -50%);
        left: 50%
    }
}

.triple.health-guide .item {
    padding: 20px 7px 12px;
    height: 155px
}

@media (max-width: 767px) {
    .triple.health-guide .item {
        height: 140px
    }

    .triple.health-guide .item a {
        line-height: normal
    }

    .triple.health-guide .item a js-health-guide-title, .triple.health-guide .item a.js-title {
        font-size: 14px
    }
}

body:lang(ru) .triple.health-guide .item .name {
    margin-top: 5px
}

@media (max-width: 767px) {
    .triple.health-guide .col-lg-3, .triple.health-guide .col-lg-4 {
        padding: 0 5px 0 0
    }

    body.rtl .triple.health-guide .col-lg-3, body.rtl .triple.health-guide .col-lg-4 {
        padding: 0 0 0 5px
    }

    .triple.health-guide .slick-slider {
        padding-left: 15px
    }

    body.rtl .triple.health-guide .slick-slider {
        padding: 0 15px 0 0
    }
}

.home-wrapper .health-packs--no-margin {
    margin-bottom: 0
}

.doctors .item .important-note .important-note-content:hover p, .home-wrapper .health-packs .more span, .home-wrapper .health-packs .title, .hospital-based-group-doctors .item .important-note .important-note-content:hover p {
    color: #fff
}

@media (max-width: 767px) {
    .health-packs .col-6 {
        padding-right: 3px
    }

    .health-packs .col-6:nth-child(2n) {
        padding-left: 3px;
        padding-right: 15px
    }
}

.health-library-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    margin-bottom: 40px;
    padding: 40px 0
}

@media (max-width: 767px) {
    .health-library-bg {
        margin-bottom: 50px;
        padding: 60px 0
    }

    .health-library-item {
        padding-right: 10px;
        padding-left: 10px
    }
}

.triple-health .title {
    margin-bottom: 10px !important
}

.triple-health .desc {
    margin-bottom: 40px;
    color: #151b26;
    font-size: 16px
}

.triple-health .link {
    position: relative;
    display: block;
    width: 100%;
    height: 350px;
    border-radius: 4px;
    background-size: inherit;
    background-position: center;
    background-color: rgba(82, 57, 175, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}

.triple-health .link:before {
    content: '';
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

body.rtl .hospitals .faq-area .content .label::before, body.rtl .page-news-detail .wrapper-box ul li::before, body.rtl .triple-health .link:before {
    left: inherit;
    right: 0
}

@media (max-width: 767px) {
    .triple-health .link:before {
        left: auto;
        content: '';
        position: absolute;
        right: 7px;
        top: 10px;
        background-image: url(https://cdn.memorial.com.tr/files/images/icon@right-white.svg);
        width: 20px;
        height: 20px;
        background-size: 20px
    }

    body.rtl .triple-health .link:before {
        right: inherit;
        left: 7px;
        transform: rotate(180deg)
    }

    .triple-health .link {
        height: 204px;
        margin-bottom: 20px;
        position: relative
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .triple-health .link {
        margin-bottom: 30px
    }
}

.magazine-area a, .triple-health .label {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 100%
}

.triple-health .label:before {
    content: '';
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    background: url(https://cdn.memorial.com.tr/files/images/icon@right-white.svg);
    width: 20px;
    height: 20px;
    background-size: 20px
}

body.rtl .triple-health .label:before {
    left: 20px;
    right: initial;
    transform: rotate(180deg)
}

@media (max-width: 767px) {
    .triple-health .label {
        width: 100%;
        text-align: center
    }

    .triple-health .health-library-item .label::before {
        display: none
    }

    .triple.triple-health .more {
        margin-top: 10px !important;
        font-weight: 800
    }

    .triple.triple-health .more em {
        font-size: 12px
    }

    .hospitals .triple .item {
        padding: 20px
    }

    .hospitals .triple .item a {
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #151b26
    }
}

.magazine-area {
    position: relative;
    height: 635px;
    padding-top: 45px;
    text-align: center;
    background: url(https://cdn.memorial.com.tr/files/images/bg@magazine.png) no-repeat center;
    background-size: cover;
    background-position-y: 30% !important
}

.magazine-area .hero {
    color: #fff;
    font-size: 36px;
    font-weight: 700
}

.magazine-area .desc {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    opacity: .5
}

.magazine-area a {
    left: 50%;
    bottom: -25px;
    display: block;
    width: 280px;
    height: 50px;
    margin-left: -140px;
    padding: 0 20px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    background-color: #169ee3;
    border-radius: 4px;
    overflow: hidden;
    transition: all 300ms ease
}

.magazine-area a:hover {
    box-shadow: 0 0 9px 6px rgba(193, 30, 67, .5);
    transition: all 300ms ease
}

body.rtl .magazine-area a {
    text-align: right
}

.magazine-area .book-icon::before {
    content: '';
    width: 54px;
    height: 55px;
    display: block;
    position: absolute;
    right: 0;
    top: -3px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@book.svg) no-repeat
}

body.rtl .magazine-area .book-icon::before {
    right: inherit;
    left: 0
}

.special-services {
    padding: 30px 0 50px;
    margin-bottom: 155px
}

@media (max-width: 991px) {
    .special-services {
        padding: 60px 0;
        margin-bottom: 95px
    }
}

.special-services.special-services-bg {
    background: url(https://cdn.memorial.com.tr/files/images/special-services-bg.png) no-repeat;
    background-size: cover
}

.special-services .hero {
    margin-bottom: 40px;
    color: #151b26;
    font-size: 36px;
    font-weight: 800
}

@media (max-width: 991px) {
    .special-services .hero {
        font-size: 28px
    }
}

@media (max-width: 767px) {
    .special-services .hero {
        margin-bottom: 20px;
        font-size: 20px
    }
}

.special-services .item-area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.special-services .item-area li {
    position: relative;
    flex: 0 0 14.9%;
    max-width: 14.9%;
    height: 365px;
    padding: 30px;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden;
    transition: all .3s linear
}

@media (max-width: 767px) {
    .special-services .item-area li {
        box-shadow: 0 10px 20px 0 rgba(35, 81, 82, .5);
        background-position-y: 40% !important
    }

    .special-services .item-area li.active .label:before {
        transform: rotate(-90deg)
    }
}

@media (max-width: 991px) {
    .special-services .item-area li .label {
        position: relative
    }

    .special-services .item-area li .label:before {
        content: '';
        position: absolute;
        right: 0;
        top: 7px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right-white.svg);
        transform: rotate(90deg);
        width: 20px;
        height: 20px;
        background-size: 20px
    }
}

@media (max-width: 767px) {
    .special-services .item-area li .label {
        padding-top: 8px
    }

    .special-services .item-area li .desc {
        margin-top: 20px;
        max-height: 94px;
        overflow: hidden;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal
    }
}

.special-services .item-area li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.special-services .item-area .label {
    color: #fff;
    font-size: 30px;
    font-weight: 800
}

@media (max-width: 991px) {
    .special-services .item-area .label {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .special-services .item-area .label {
        font-size: 13px;
        font-weight: 700
    }
}

.special-services .item-area .desc, .special-services .item-area .desc p, .special-services .item-area a {
    opacity: 0;
    margin: 20px 0;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;
    color: #fff
}

@media (max-width: 991px) {
    .special-services .item-area .desc, .special-services .item-area .desc p {
        margin: 15px 0;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400
    }
}

@media (max-width: 767px) {
    .special-services .item-area .desc, .special-services .item-area .desc p {
        font-size: 14px;
        line-height: 16px
    }
}

.special-services .item-area a {
    display: block;
    position: relative;
    width: 280px;
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    background-color: #169ee3;
    border-radius: 4px;
    overflow: hidden;
    border: unset
}

.special-services .item-area .content {
    position: relative;
    z-index: 7
}

@media (min-width: 768px) and (max-width: 992px) {
    .special-services .item-area li {
        flex: 0 0 100%;
        max-width: 100%;
        background-size: cover !important;
        height: 60px;
        margin: 10px 0
    }
}

.special-services .item-area li.active {
    flex: 0 0 50%;
    max-width: 50%;
    box-shadow: 0 10px 20px rgba(35, 81, 82, .5)
}

@media (max-width: 767px) {
    .special-services .item-area li.active {
        height: 222px;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px 20px 20px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .special-services .item-area li.active {
        flex: 0 0 100%;
        max-width: 100%;
        height: 220px;
        background-size: cover
    }
}

.special-services .item-area li.active .desc, .special-services .item-area li.active a {
    opacity: 1;
    transition: opacity 200ms ease;
    transition-delay: 300ms
}

.stories-wrapper.section-story {
    margin: 40px 0 25px
}

@media (max-width: 991px) {
    .stories-wrapper.section-story {
        margin: 40px 0
    }
}

@media (max-width: 767px) {
    .stories-wrapper.section-story {
        overflow-x: hidden;
        margin: 50px 0 60px
    }
}

.stories-wrapper.section-story .stories-container .row-container {
    margin: 0
}

@media (max-width: 767px) {
    .stories-wrapper.section-story .stories-container .row-container {
        margin: 0 -20px 0 -8px
    }
}

.video-js {
    width: 100% !important;
    min-height: 640px
}

@media (max-width: 991px) {
    .video-js {
        min-height: 430px;
        padding-top: 56.5%
    }
}

@media (max-width: 767px) {
    .video-js {
        min-height: 200px;
        padding-top: 56.5%
    }
}

.video-js .vjs-big-play-button {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px auto 0;
    height: 1.93332em;
    background-size: 80px !important
}

@media (max-width: 767px) {
    .video-js .vjs-big-play-button {
        background-size: 60px !important
    }
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    top: 4px
}

@media (max-width: 320px) {
    .video-js {
        min-height: 180px
    }
}

.hospitals {
    padding-top: 40px;
    background-color: #f5f8fb
}

@media (max-width: 991px) {
    .hospitals {
        padding-bottom: 50px
    }
}

.hospitals .last-appointments {
    background: 0 0
}

.hospitals .hospital {
    display: flex;
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .hospitals .hospital {
        display: block;
        height: auto;
        margin-bottom: 35px
    }
}

.hospitals .about p:last-child, .hospitals .hospital:last-child {
    margin-bottom: 0
}

.hospitals .hospital .left {
    width: 50%;
    height: 376px
}

@media (min-width: 768px) and (max-width: 992px) {
    .hospitals .hospital .left {
        width: 48%;
        height: 355px
    }
}

@media (max-width: 767px) {
    .hospitals .hospital .left {
        width: 100%;
        height: 145px;
        overflow: hidden
    }
}

.hospitals .hospital .left.image-cover {
    width: 50%;
    position: relative
}

.hospitals .hospital .left.image-cover:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: rgba(193, 30, 67, .1)
}

@media (max-width: 991px) {
    .hospitals .hospital .left.image-cover {
        height: 300px !important
    }
}

@media (max-width: 767px) {
    .hospitals .hospital .left.image-cover {
        height: 250px !important
    }
}

.hospitals .hospital .left img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

@media (max-width: 767px) {
    .hospitals .hospital .left img {
        display: block;
        height: auto
    }
}

.hospitals .hospital .right {
    width: 50%;
    border-radius: 4px;
    border: 1px solid #d4d7dd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    margin: 10px 0;
    padding: 30px 30px 40px;
    background-color: #fff
}

body.rtl .hospitals .hospital .right {
    border-left: 1px solid #d4d7dd;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none
}

@media (min-width: 768px) and (max-width: 992px) {
    .hospitals .hospital .right {
        width: 52%;
        padding: 20px 15px
    }
}

@media (max-width: 767px) {
    .hospitals .hospital .right {
        position: relative;
        top: -10px;
        width: 100%;
        margin: 0;
        border: 0;
        padding: 0;
        border-radius: 4px;
        background-color: inherit
    }

    .hospitals .hospital .right .bordered-content, .hospitals .hospital .right .mobile-bg {
        padding: 20px 0 15px;
        background-color: #fff;
        border-radius: 4px 4px 0 0
    }

    .hospitals .hospital .right .bordered-content {
        border: solid 1px #d4d7dd;
        border-bottom: none
    }
}

.hospitals .hospital .icon {
    display: inline-block;
    font-size: 44px;
    margin-right: 20px;
    vertical-align: sub
}

body.rtl .hospitals .hospital .icon {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .hospitals .hospital .icon {
        position: absolute;
        right: 10px;
        top: 10px;
        margin-right: 0
    }

    body.rtl .hospitals .hospital .icon {
        margin: 0;
        right: inherit;
        left: 10px
    }
}

.hospitals .hospital .logo {
    display: inline-block;
    font-size: 10px;
    margin-bottom: 6px;
    color: #169ee3
}

.hospitals .hospital .title {
    margin-bottom: 20px
}

@media (min-width: 768px) and (max-width: 992px) {
    .hospitals .hospital .title {
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .hospitals .hospital .title {
        position: relative;
        margin-bottom: 0;
        padding: 0 50px 0 10px
    }

    body.rtl .hospitals .hospital .title {
        padding: 0 10px 0 50px
    }
}

.doctors .letters li, .hospitals .hospital .name-logo, .hospitals .medical-units .letters li {
    display: inline-block
}

@media (min-width: 768px) and (max-width: 992px) {
    .hospitals .hospital .name-logo {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .hospitals .hospital .name-logo {
        margin-top: 20px
    }
}

.hospitals .hospital .name {
    color: #151b26;
    font-size: 16px;
    font-weight: 700
}

.hospitals .hospital .name span {
    font-size: 14px;
    font-weight: 400;
    color: #169ee3
}

@media (max-width: 767px) {
    .hospitals .hospital .name span {
        display: block
    }

    .hospitals .hospital .name font {
        display: none
    }
}

.hospitals .hospital .name .location {
    font-size: 14px;
    font-weight: 300;
    color: #169ee3
}

@media (min-width: 768px) and (max-width: 992px) {
    .hospitals .hospital .name .location {
        display: block
    }
}

.hospitals .hospital .address {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #151b26;
    margin-bottom: 45px
}

@media (max-width: 1199px) {
    .hospitals .hospital .address {
        margin-bottom: 30px;
        font-size: 14px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .hospitals .hospital .address {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .hospitals .hospital .address {
        margin-bottom: 5px;
        padding: 0 55px 0 10px
    }

    body.rtl .hospitals .hospital .address {
        padding: 0 10px 0 55px
    }
}

.hospitals .hospital .address a {
    color: #151b26
}

.hospitals .hospital .half-buttons {
    margin-bottom: 10px;
    width: 336px;
    display: flex;
    justify-content: space-around
}

body:lang(en) .hospitals .hospital .half-buttons {
    width: 362px
}

@media (max-width: 991px) {
    body:lang(en) .hospitals .hospital .half-buttons {
        width: 100%
    }
}

.hospitals .hospital .button-half {
    display: inline-block;
    text-align: center;
    color: #151b26;
    border: 1px solid #151b26;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 20px;
    height: 53px;
    line-height: 53px;
    font-size: 12px;
    font-weight: 700;
    flex: 1;
    transition: opacity 300ms ease;
    opacity: 1
}

body.rtl .hospitals .hospital .button-half {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    body:lang(en) .hospitals .hospital .button-half {
        padding: 0 16px
    }
}

.hospitals .hospital .button-half:hover {
    opacity: .5;
    transition: opacity 300ms ease
}

.hospitals .hospital .button-half:nth-child(2) {
    margin-left: 10px
}

body.rtl .hospitals .hospital .button-half:nth-child(2) {
    margin: 0 10px 0 0
}

@media (max-width: 767px) {
    .hospitals .hospital .button-half:nth-child(2) {
        margin-left: 5px
    }
}

.hospitals .hospital .button-half em {
    font-size: 18px;
    color: #151b26;
    vertical-align: middle;
    margin-right: 6px;
    line-height: 18px
}

body.rtl .hospitals .hospital .button-half em {
    padding-left: 10px;
    margin-right: 0
}

.hospitals .hospital .button {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    width: 336px;
    color: #151b26;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    background-color: #ffc107;
    transition: all 300ms ease
}

.hospitals .hospital .button:hover {
    box-shadow: 0 0 9px 6px rgba(255, 193, 7, .5);
    transition: all 300ms ease
}

body:lang(en) .hospitals .hospital .button {
    width: 362px
}

@media (max-width: 991px) {
    body:lang(en) .hospitals .hospital .button {
        width: 100%
    }
}

body.rtl .hospitals .hospital .button {
    display: flex;
    align-items: center;
    justify-content: center
}

.hospitals .hospital .button em {
    color: #151b26;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px
}

body.rtl .doctors .button em, body.rtl .hospitals .hospital .button em {
    margin: 0 0 0 8px
}

.hospitals .about, .hospitals .hospital-about {
    margin-bottom: 40px;
    padding: 40px 10px 30px 40px;
    border: 1px solid #d4d7dd;
    background-color: #fff;
    border-radius: 4px
}

.hospitals .about .title, .hospitals .about p {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    color: #151b26
}

.hospitals .about .icon {
    font-size: 10px;
    color: #169ee3
}

.hospitals .about .subtitle, .hospitals .about h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #151b26
}

.hospitals .about p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px
}

.hospitals .about a {
    color: #169ee3;
    text-decoration: underline
}

.hospitals .about .js-read-more {
    width: 163px;
    height: 53px;
    border-radius: 4px;
    border: solid 1px #151b26;
    background-color: #fff;
    margin: 20px auto 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 53px;
    color: #151b26;
    cursor: pointer
}

.hospitals .hospital-about {
    padding: 30px;
    height: auto
}

.hospitals .hospital-about .left {
    width: 50%
}

.hospitals .hospital-about .right {
    margin: 0;
    padding: 0 0 0 40px;
    border: 0;
    height: 100%
}

body.rtl .hospitals .hospital-about .right {
    border: 0;
    border-radius: unset;
    padding: 0 40px 0 0
}

.health-guild-form button.submit, .hospitals .hospital-about .title {
    margin-top: 40px
}

@media (max-width: 991px) {
    .hospitals .hospital-about .title {
        margin-top: 15px
    }
}

.hospitals .about h2 {
    font-size: 20px;
    line-height: 28px;
    color: #151b26;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .hospitals--alternate {
        padding-top: 0
    }

    .hospitals--alternate .hospital-about {
        margin-bottom: -40px;
        padding: 0;
        border: 0;
        border-radius: inherit;
        background-color: #f5f8fb;
        margin-left: -15px;
        margin-right: -15px
    }

    .hospitals--alternate .hospital-about .left {
        padding: 0;
        border: unset;
        margin: 0;
        width: unset
    }

    .hospitals--alternate .hospital-about .left img {
        height: 100%
    }

    .hospitals--alternate .hospital-about .right {
        top: -60px;
        margin-left: 15px;
        width: calc(100% - 30px);
        background-color: inherit
    }

    .hospitals--alternate .hospital-about .left.image-cover {
        height: 250px;
        width: 100%
    }

    .hospitals--alternate .hospital-about .title {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    .hospitals--alternate .hospital .right {
        padding: 0 0 0 20px;
        border: 0
    }
}

@media (max-width: 767px) {
    .hospitals--alternate .hospital .right {
        padding: 0;
        border-radius: 4px;
        z-index: 2
    }

    .hospitals--alternate .hospital .icon {
        position: absolute;
        right: 0
    }

    .hospitals--alternate .doctors .item {
        position: relative;
        margin: 0 10px;
        padding: 10px 0
    }

    .hospitals--alternate .doctors .item:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg);
        background-size: 20px;
        text-align: center
    }

    .hospitals--alternate .doctors .item .content {
        display: flex;
        flex-direction: row;
        padding: 0 10px
    }

    .hospitals--alternate .doctors .item .content .image-cover {
        width: 36px;
        height: 36px;
        margin-right: 20px;
        border-radius: 4px
    }

    .hospitals--alternate .doctors .item .content .image-cover img {
        border-radius: 4px
    }
}

@imclude xs {
    .hospitals--alternate .doctors .item .content .name {
        font-size: 13px;
        font-weight: 400;
        color: #151b26
    }
} @media (max-width: 767px) {
    .hospitals--alternate .doctors .item .content .hospital-name, .hospitals--alternate .doctors .item .content .label-wrap, .hospitals--alternate .doctors .item .content .patient-thanks-link-wrap {
        display: none
    }
}

.hospitals .medical-units {
    border: 1px solid #d4d7dd;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 15px 0 0 15px !important
}

.hospitals .medical-units.medical-units-list {
    flex-direction: column
}

.hospitals .medical-units.medical-units-list > .wrapper {
    width: 100%
}

.hospitals .medical-units.medical-units-list > .wrapper .letters {
    padding-top: 20px
}

.hospitals .medical-units .wrapper {
    padding: 0 10px
}

.hospitals .medical-units .title, .hospitals .medical-units h2.title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    color: #151b26
}

.hospitals .medical-units .title {
    font-weight: 400
}

.hospitals .medical-units .wrapper .title {
    margin-bottom: 50px
}

.hospitals .medical-units .letters {
    margin: 20px 10px 0
}

.hospitals .medical-units .letters ul {
    display: flex;
    justify-content: space-around
}

@media (max-width: 991px) {
    .hospitals .medical-units .letters ul {
        padding: 15px 30px
    }
}

@media (max-width: 767px) {
    .hospitals .medical-units .letters ul {
        padding: 15px 10px
    }
}

.hospitals .medical-units .letters li a {
    position: relative;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    color: #151b26
}

@media (max-width: 767px) {
    .hospitals .medical-units .letters li a {
        padding: 10px 12px !important
    }
}

.doctors .letters li.selected a, .hospitals .medical-units .letters li.selected a {
    font-weight: 700;
    color: #169ee3
}

@media (max-width: 767px) {
    .hospitals .medical-units .letters li.selected a {
        color: #fff !important
    }
}

.hospitals .medical-units .letters li.selected a:after {
    content: '';
    top: calc(100% + 10px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 1px;
    background-color: #169ee3
}

.hospitals .medical-units .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin-top: 60px;
    margin-bottom: 30px
}

.hospitals .medical-units .selected-letter .title {
    padding-bottom: 30px;
    font-weight: 700
}

@media (max-width: 767px) {
    .hospitals .medical-units .selected-letter .title {
        padding: 0;
        margin: 0 !important
    }
}

.hospitals .medical-units .empty-medical-units-list p {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    padding-bottom: 30px
}

@media (max-width: 767px) {
    .hospitals .medical-units .empty-medical-units-list p {
        font-size: 16px;
        padding: 30px 0
    }
}

.hospitals .medical-units .selected-letter {
    padding: 0 15px;
    width: 100%
}

.hospitals .medical-units .selected-letter .left {
    margin-right: 80px;
    margin-bottom: 40px;
    border-right: 1px solid #d4d7dd
}

.hospitals .medical-units .selected-letter .left:empty {
    border: 0
}

body.rtl .hospitals .medical-units .selected-letter .left {
    border-right: none;
    border-left: 1px solid #d4d7dd
}

.hospitals .medical-units .selected-letter li {
    position: relative;
    margin-bottom: 20px;
    padding: 0 10px
}

.hospitals .medical-units .selected-letter li:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    width: 5px;
    height: 5px;
    background-color: #169ee3;
    border-radius: 50%
}

body.rtl .hospitals .medical-units .selected-letter li:before {
    left: inherit;
    right: -5px
}

.hospitals .medical-units .selected-letter a {
    color: #151b26;
    transition: all 300ms ease;
    font-size: 16px
}

.hospitals .medical-units .selected-letter a:hover {
    color: rgba(21, 27, 38, .6);
    transition: all 300ms ease
}

.hospitals .medical-units .selected-letter li.selected a {
    font-size: 16px;
    font-weight: 700;
    color: #151b26
}

.hospitals .medical-units .selected-letter .right {
    margin-left: -40px;
    padding: 0 0 10px
}

.hospitals.hospitals--alternate .medical-units {
    margin-bottom: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 40px 10px 30px 40px !important
}

@media (max-width: 991px) {
    .hospitals.hospitals--alternate .medical-units {
        margin-bottom: 10px;
        padding: 0 !important
    }
}

.hospitals.hospitals--alternate .medical-units .wrapper {
    padding: 0;
    width: 100%
}

@media (max-width: 991px) {
    .hospitals.hospitals--alternate .medical-units .wrapper {
        width: 100%
    }
}

.hospitals.hospitals--alternate .medical-units .wrapper .title {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .hospitals.hospitals--alternate .page-pagination .pagination-button {
        margin: 20px 10px 20px 0
    }

    .hospitals.hospitals--alternate .faq-area .content .item {
        margin-bottom: 20px
    }

    .hospitals.hospitals--alternate .faq-area .content .item:last-child {
        margin-bottom: 0
    }
}

.doctors, .doctors select {
    background-color: #fff;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

.doctors {
    margin-bottom: 40px;
    padding: 40px 30px
}

@media (max-width: 767px) {
    .doctors {
        padding: 0 20px 15px;
        border-radius: 0 0 4px 4px;
        border: solid 1px #d4d7dd;
        border-top: unset
    }
}

.doctors select {
    font-size: 16px;
    font-weight: 700;
    width: 335px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    color: #151b26;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.doctors .select2.select2-container, .doctors select {
    margin-bottom: 30px
}

.doctors .letters {
    margin: 0 10px
}

.doctors .letters ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .doctors .letters ul {
        justify-content: center
    }
}

.doctors .letters li a {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #777;
    padding: 0 8px
}

.doctors .letters li.selected a:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #169ee3;
    position: absolute;
    left: 0;
    bottom: -20px
}

@media (max-width: 991px) {
    .doctors .letters li.selected a:after {
        bottom: -10px
    }
}

.doctors .letters li:last-child.selected a:after {
    transform: initial;
    left: initial;
    right: -5px
}

.doctors .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin-top: 60px;
    margin-bottom: 40px
}

.doctors .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    margin-left: 10px;
    color: #151b26
}

.doctors .item {
    margin-bottom: 40px;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .doctors .item {
        margin-top: 10px;
        padding-top: 10px;
        margin-bottom: 0;
        border: unset;
        border-top: 1px solid #d4d7dd;
        border-radius: 0;
        margin-right: 0
    }
}

.doctors .col-lg-4:nth-last-child(-n+3) .item.button-fix {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .doctors .col-lg-4:nth-last-child(-n+3) .item.button-fix {
        margin-bottom: 40px
    }
}

@media (max-width: 991px) {
    .doctors .col-lg-4:nth-last-child(-n+3) .item.button-fix {
        margin-bottom: 0
    }
}

.doctors .col-lg-4:nth-last-child(-n+3) .item {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .doctors .col-lg-4:nth-last-child(-n+3) .item {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .doctors .col-lg-4:nth-last-child(-n+3) .item {
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    .doctors .col-lg-4:nth-last-child(-n+2) .item {
        margin-bottom: 0
    }
}

.doctors .item .content {
    padding: 0 30px;
    text-align: center;
    position: relative
}

@media (max-width: 767px) {
    .doctors .item .content {
        padding: 0
    }
}

.doctors .item .image-cover, .hc-article-detail .results .item .image-cover {
    height: 250px
}

.doctors .item .image-cover img, .hc-article-detail .results .item .image-cover img {
    top: 0;
    transform: none
}

.doctors .item .img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    margin-bottom: 10px
}

.doctors .item .label {
    font-size: 12px;
    font-weight: 600;
    color: #2688da;
    text-decoration: underline
}

.doctors .item .hospital-name, .doctors .item .name {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.doctors .item .name {
    font-size: 16px;
    line-height: 20px;
    color: #151b26;
    height: 40px;
    margin-top: 10px
}

.doctors .item .hospital-name {
    font-size: 12px;
    margin-bottom: 10px;
    color: #169ee3;
    height: 30px;
    flex-direction: column
}

@media (max-width: 767px) {
    .doctors .item .hospital-name {
        height: auto
    }
}

.doctors .item .hospital-name a {
    color: #169ee3;
    display: block;
    margin: 3px 0;
    font-size: 12px;
    font-weight: 700
}

.doctors .button {
    font-size: 12px;
    display: inline-block;
    width: 100%;
    height: 47px;
    line-height: 47px;
    border-radius: 4px;
    text-align: center;
    color: #151b26;
    background-color: #ffc107;
    margin-left: 6px !important;
    margin-right: 6px !important;
    margin-bottom: 6px !important;
    width: calc(100% - 12px) !important;
    font-weight: 800
}

@media (max-width: 767px) {
    .doctors .button {
        margin-top: 10px;
        font-size: 11px;
        height: 43px
    }
}

.doctors .button.button-outline-dark:hover {
    box-shadow: 0 0 2px 2px #151b26
}

.doctors .button:hover {
    box-shadow: 0 0 2px 2px #ffd24d
}

.doctors .button em {
    color: #151b26;
    font-size: 26px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px;
    width: 24px;
    height: 24px;
    display: inline-block
}

.doctors .appointment-phone-call {
    min-height: 116px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #d4d7dd;
    margin: 0 7px
}

.doctors .appointment-phone-call .warning {
    padding-top: 20px
}

.doctors .appointment-phone-call .warning .box-title, .institutions > p {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.doctors .appointment-phone-call .warning .box-content .text, .doctors .appointment-phone-call .warning .box-content p {
    font-size: 13px;
    letter-spacing: normal;
    color: #151b26
}

.doctors .appointment-phone-call .warning .box-content .text a, .doctors .appointment-phone-call .warning .box-content p a {
    color: #151b26
}

.doctors .buttons-contact, .hospital-based-group-doctors .buttons-contact {
    display: flex
}

.doctors .buttons-contact a, .hospital-based-group-doctors .buttons-contact a {
    margin: 0 5px 7px;
    height: 46px;
    line-height: 46px;
    position: relative !important
}

.doctors .buttons-contact a.button-dark, .hospital-based-group-doctors .buttons-contact a.button-dark {
    margin: 0 5px 0 0
}

.doctors .buttons-contact a.button-outline-dark, .hospital-based-group-doctors .buttons-contact a.button-outline-dark {
    margin: 0 0 0 5px
}

@media (max-width: 767px) {
    .doctors .buttons-contact a, .hospital-based-group-doctors .buttons-contact a {
        font-size: 12px !important
    }
}

.appointment .doctors .buttons-contact a em.icon > img, .appointment-filter-search .buttons-contact a em.icon > img, .doctors .buttons-contact a em.icon > img, .hospital-based-group-doctors .buttons-contact a em.icon > img {
    width: 25px
}

.doctors .item .important-note, .hospital-based-group-doctors .item .important-note {
    margin: 5px 0 10px
}

.doctors .item .important-note .important-note-content, .hospital-based-group-doctors .item .important-note .important-note-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 110px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.doctors .item .important-note .important-note-content:hover .custom-tooltip, .hospital-based-group-doctors .item .important-note .important-note-content:hover .custom-tooltip {
    visibility: visible;
    opacity: 1
}

.doctors .item .important-note .important-note-content .logo, .hospital-based-group-doctors .item .important-note .important-note-content .logo {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.doctors .item .important-note .important-note-content p, .hospital-based-group-doctors .item .important-note .important-note-content p {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    margin-bottom: 0
}

.doctors .item .important-note .important-note-content .custom-tooltip, .hospital-based-group-doctors .item .important-note .important-note-content .custom-tooltip {
    width: 260px;
    height: 160px;
    background-color: #151b26;
    padding: 60px 20px 20px 30px;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: -1;
    visibility: hidden;
    transform: translate(-50%);
    opacity: 0;
    transition: all .5s
}

@media (max-width: 767px) {
    .doctors .item .important-note .important-note-content .custom-tooltip, .hospital-based-group-doctors .item .important-note .important-note-content .custom-tooltip {
        height: 150px;
        padding: 45px 10px 15px 25px
    }
}

.doctors .item .important-note .important-note-content .custom-tooltip p, .hospital-based-group-doctors .item .important-note .important-note-content .custom-tooltip p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    color: #fff
}

@media (max-width: 767px) {
    .doctors .item .important-note .important-note-content .custom-tooltip p, .hospital-based-group-doctors .item .important-note .important-note-content .custom-tooltip p {
        font-size: 12px
    }
}

.doctors .item .important-note .important-note-content .custom-tooltip a, .hospital-based-group-doctors .item .important-note .important-note-content .custom-tooltip a, .hospitals .introduction .link .icon em, .hospitals .technologies .item .link > .icon em, .medical-units .technologies .item .link > .icon em {
    color: #fff
}

.doctors .item .important-note.single-item, .hospital-based-group-doctors .item .important-note.single-item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px
}

@media (max-width: 767px) {
    .doctors .item .important-note.single-item, .hospital-based-group-doctors .item .important-note.single-item {
        position: relative;
        bottom: 0
    }
}

.hospitals .technologies, .institutions, .medical-units .wrapper-box.technologies {
    margin-bottom: 40px;
    padding: 40px 30px;
    border: 1px solid #d4d7dd;
    background-color: #fff;
    border-radius: 4px
}

.hospitals .technologies .title, .medical-units .wrapper-box.technologies .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    margin-left: 10px;
    color: #151b26
}

.hospitals .technologies .content p, .medical-units .wrapper-box.technologies .content-wrapper .content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    color: #151b26
}

.hospitals .technologies .subTitle, .medical-units .wrapper-box.technologies .content-wrapper .subTitle {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    text-align: center;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .hospitals .technologies .subTitle, .medical-units .wrapper-box.technologies .content-wrapper .subTitle {
        font-size: 16px;
        margin-bottom: 15px
    }
}

.hospitals .technologies .item, .hospitals .technologies .item .img, .medical-units .technologies .item, .medical-units .technologies .item .img {
    position: relative
}

.hospitals .technologies .item .img.image-cover, .medical-units .technologies .item .img.image-cover {
    height: 248px
}

.hospitals .technologies .item .img img, .medical-units .technologies .item .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hospitals .technologies .item .content, .medical-units .technologies .item .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(238, 238, 238, .5), rgba(238, 238, 238, .5));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.hospitals .technologies .item .content .text, .medical-units .technologies .item .content .text {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: #151b26
}

@media (max-width: 767px) {
    .hospitals .technologies .item .content .text, .medical-units .technologies .item .content .text {
        font-size: 16px
    }
}

.hospitals .technologies .item .content .link, .medical-units .technologies .item .content .link {
    width: 165px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: #151b26;
    color: #fff
}

.hospitals .technologies .item > .link, .medical-units .technologies .item > .link {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    height: 53px;
    line-height: 53px;
    padding-left: 10px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden;
    margin-top: 5px
}

.hospitals .technologies .item .link > .icon, .medical-units .technologies .item .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

@media (max-width: 767px) {
    .hospitals .technologies .item .link > .icon, .medical-units .technologies .item .link > .icon {
        font-size: 10px
    }
}

.hospitals .technologies .more, .medical-units .technologies .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    margin-top: 50px;
    margin-right: 10px;
    display: block;
    color: #151b26
}

.hospitals .technologies .more span, .medical-units .technologies .more span, .triple .more span {
    text-decoration: underline
}

.hospitals .technologies .more em, .medical-units .technologies .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

.institutions > .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    color: #151b26
}

.institutions > p {
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px
}

.institutions .paragraph, .institutions > p {
    margin-bottom: 40px
}

.institutions .institutions-search {
    display: block;
    position: relative;
    width: 100%;
    max-width: 795px
}

.institutions .search {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    margin: 10px 0;
    color: #000;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.institutions .institutions-search .search-institutions-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer
}

body.rtl .institutions .institutions-search .search-institutions-btn {
    right: inherit;
    left: 20px
}

.institutions .search::-moz-placeholder, .institutions .search::-webkit-input-placeholder, .institutions .search::placeholder {
    color: #000
}

.institutions .result-empty p {
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    padding-right: 24px
}

.institutions .collapsable .title {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block;
    color: #151b26
}

.institutions .collapsable .title.active {
    font-weight: 700;
    margin-bottom: 20px
}

.institutions .collapsable .title em {
    font-size: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    color: #151b26
}

.institutions .collapsable li {
    padding: 18px 0;
    border-bottom: 1px solid #d4d7dd
}

.institutions .collapsable li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.institutions .collapsable .detail {
    display: none
}

.institutions .collapsable .detail.active {
    display: block;
    padding-left: 10px
}

.institutions .collapsable .detail p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #151b26
}

.institutions .collapsable .detail p:last-child {
    margin-bottom: 0
}

.hospitals .media {
    margin-bottom: 80px;
    display: block
}

.hospitals .media .buttons a {
    font-size: 16px;
    font-weight: 700;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff;
    background-color: #151b26
}

@media (max-width: 767px) {
    body:lang(en) .hospitals .media .buttons a {
        font-size: 12px
    }
}

.hospitals .media .buttons a:first-child {
    margin-bottom: 25px
}

.hospitals .media .buttons a em {
    width: 36px;
    height: 36px;
    padding-right: 5px
}

body.rtl .hospitals .media .buttons a em {
    padding: 0 0 0 5px
}

.hospitals .media .hospital-about-map {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    position: relative
}

.hospitals .media .hospital-about-map .map-btn {
    width: 165px;
    height: 53px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border: solid 1px #151b26;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #151b26;
    position: absolute;
    right: 60px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

body.rtl .hospitals .media .hospital-about-map .map-btn {
    right: inherit;
    left: 60px
}

.hospitals .introduction, .triple {
    margin-bottom: 80px
}

@media (max-width: 991px) {
    .hospitals .introduction {
        margin: 15px 0 !important
    }
}

@media (max-width: 767px) {
    .hospitals .introduction {
        margin: 15px -20px !important
    }
}

.hospitals .introduction .img {
    position: relative;
    width: 100%;
    height: 400px;
    object-fit: cover;
    background-image: url(https://cdn.memorial.com.tr/files/images/welcome-memoral.jpg);
    background-size: cover;
    background-position: center center
}

.hospitals .introduction .img::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(109deg, rgba(21, 27, 38, .75), rgba(255, 255, 255, .5));
    position: absolute;
    top: 0;
    left: 0
}

.hospitals .introduction .img div {
    position: absolute;
    top: 80px;
    left: 40px;
    width: 50%;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    color: #fff
}

.hospitals .introduction .content {
    padding: 30px;
    background-color: #151b26
}

.hospitals .introduction .content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    padding: 0 330px
}

.hospitals .introduction .link {
    position: relative;
    display: block;
    width: 278px;
    font-size: 14px;
    font-weight: 700;
    height: 53px;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    margin: auto;
    overflow: hidden
}

.hospitals .introduction .link .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

@media (max-width: 767px) {
    .hospitals .introduction .link .icon {
        font-size: 10px
    }
}

.triple .title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #151b26
}

@media (max-width: 991px) {
    .triple .title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .triple .title {
        font-size: 20px
    }
}

.triple .item {
    border-radius: 0 0 4px 4px;
    border: 1px solid #d4d7dd;
    background-color: #fff
}

.triple .triple-image {
    height: 280px
}

.triple img {
    width: 100%;
    display: block;
    min-height: 60px;
    height: 100%;
    object-fit: cover
}

.triple .item a {
    font-size: 20px;
    padding: 0
}

.appointment .above-on-hero .notice strong, .triple .item a h3, .triple .more {
    font-size: 20px
}

.triple .item a, .triple .more {
    font-weight: 700;
    line-height: 25px;
    display: block;
    color: #151b26
}

.triple .more {
    text-align: right;
    margin-top: 50px;
    margin-right: 10px
}

.triple .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle;
    width: 16px
}

body.rtl .triple .more em {
    transform: rotate(180deg);
    display: inline-block
}

.triple:last-child {
    margin-bottom: 0
}

.triple .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    height: 140px
}

.triple .item .name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(21, 27, 38, .5)
}

@media (max-width: 991px) {
    .triple .item .name {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .triple .item .name {
        font-size: 13px
    }
}

.health-packs {
    overflow: hidden;
    margin-bottom: 80px;
    width: 100%;
    padding: 40px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .health-packs {
        padding: 60px 0
    }
}

.health-packs--no-margin {
    margin-bottom: 0
}

.health-packs .title {
    font-size: 36px;
    font-weight: 700;
    position: relative;
    margin-bottom: 40px;
    color: #151b26
}

.health-packs .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 10px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 6.5px;
    border: 1px solid #d4d7dd;
    background-color: #fff;
    transition: all 300ms ease
}

@media (max-width: 767px) {
    .medical-units .health-packs .item {
        margin-bottom: 10px
    }

    .health-packs .item {
        padding: 9px 10px
    }
}

.health-packs .item:hover {
    border-color: #169ee3;
    box-shadow: 0 0 9px 3px rgba(193, 30, 67, .4);
    transition: all 300ms ease
}

.health-packs .item img {
    width: 90px;
    height: auto;
    margin: auto auto 20px;
    display: block
}

.health-packs .item span, .health-packs .more {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px
}

.health-packs .item span {
    text-align: center;
    color: #151b26;
    height: 50px;
    display: flex;
    align-items: center
}

@media (min-width: 768px) and (max-width: 992px) {
    .health-packs .item span {
        font-size: 16px
    }
}

@media all and (-ms-high-contrast: none) {
    .health-packs .item span {
        display: block;
        align-items: inherit;
        width: 100%
    }
}

@media (max-width: 767px) {
    .health-packs .item span {
        font-size: 13px;
        height: 30px;
        line-height: 1.2
    }
}

.health-packs .item em {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: #151b26
}

body.rtl .health-packs .item em {
    transform: rotate(180deg);
    right: inherit;
    left: 10px
}

@media (max-width: 767px) {
    .health-packs .item em {
        font-size: 11px
    }
}

.health-packs .more {
    text-align: right;
    margin-right: 10px;
    display: block;
    color: #fff
}

.health-packs .more span {
    text-decoration: underline;
    color: #151b26
}

.health-packs .more em {
    margin-left: 5px;
    font-size: 14px;
    width: 16px;
    color: #fff;
    vertical-align: middle
}

body.rtl .health-packs .more em {
    transform: rotate(180deg);
    display: inline-block
}

@media (max-width: 767px) {
    .health-packs .more em {
        font-size: 11px
    }
}

.hospitals .health-packs .more span {
    text-decoration: none
}

.hospitals .contact-form {
    margin-top: 80px
}

@media (max-width: 767px) {
    .hospitals .contact-form {
        margin-top: 50px
    }
}

.hospitals .contact-form .wrapper {
    width: 870px;
    margin: auto;
    display: block;
    background-color: #fff;
    padding: 30px 0;
    border-radius: 4px
}

.hospitals .contact-form .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 30px;
    text-align: center;
    color: #151b26
}

.hospitals .contact-form .description {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 50px;
    text-align: center;
    color: #151b26;
    padding: 0 10px
}

.hospitals .contact-form input, .hospitals .contact-form textarea {
    font-size: 14px;
    font-weight: 400;
    width: 360px;
    height: 50px;
    padding: 0 20px;
    display: block;
    margin: auto auto 15px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #000;
    background-color: #fff;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
    resize: none
}

.hospitals .contact-form textarea {
    height: 200px;
    line-height: unset;
    padding: 15px 20px
}

.hospitals .contact-form .field {
    width: 360px;
    margin: 10px auto
}

.hospitals .contact-form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.hospitals .contact-form .checkbox label {
    font-size: 12px;
    line-height: 17px
}

.hospitals .contact-form .field .select2.select2-container {
    width: 100% !important
}

.hospitals .contact-form .field input, .hospitals .contact-form .field textarea {
    margin-top: 5px
}

.hospitals .contact-form .field .select2-basic.select2-h60 + .select2 .select2-selection {
    height: 50px;
    margin-top: 5px
}

.hospitals .contact-form .field .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    line-height: 48px
}

.hospitals .contact-form .field.field-checkbox {
    width: 80%
}

.hospitals .contact-form input::-moz-placeholder, .hospitals .contact-form input::-webkit-input-placeholder, .hospitals .contact-form input::placeholder, .hospitals .contact-form textarea::-moz-placeholder, .hospitals .contact-form textarea::-webkit-input-placeholder, .hospitals .contact-form textarea::placeholder {
    color: #777
}

.hospitals .contact-form .field #example1 > div, .page-hl-detail .wrapper-box.form form .item #example1 > div {
    margin: auto
}

.hospitals.modal .hospitalcontent {
    margin-bottom: 45px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.hospitals.modal .hospitalcontent img {
    flex: 0 0 256px;
    height: 175px
}

.hospitals.modal .hospitalcontent .info {
    margin-left: 30px;
    display: flex;
    flex-direction: column
}

.hospitals.modal .hospitalcontent .info .logo-name {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: row
}

.hospitals.modal .hospitalcontent .info .iconhospital {
    width: 44px;
    margin-right: 20px;
    color: #151b26
}

.hospitals.modal .hospitalcontent .info .iconhospital em {
    font-size: 46px;
    line-height: 46px
}

.hospitals.modal .hospitalcontent .info .logo {
    display: block
}

.hospitals.modal .hospitalcontent .info .logo em {
    font-size: 10px;
    margin-bottom: 6px;
    vertical-align: middle;
    color: #169ee3
}

.hospitals.modal .hospital-name, .page-doctors .doctor-expertise h5.title, .page-doctors .doctor-videos .item .title h2, .page-hl-ilness-detail .specialist .content .item .details h3.name {
    font-size: 16px;
    font-weight: 700;
    color: #151b26
}

.hospitals.modal .info p, .hospitals.modal form label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #151b26
}

.hospitals.modal form {
    width: 350px;
    display: block;
    margin: auto
}

.hospitals.modal form label {
    margin-bottom: 4px;
    display: block
}

.hospitals.modal form input {
    width: 350px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 27px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid rgba(21, 27, 38, .5)
}

.hospitals.modal form input[type=submit] {
    width: 165px;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    margin: auto;
    display: block;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 4px;
    background-color: #169ee3
}

.last-appointments {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    padding: 40px 0;
    background-color: #fff;
    border-radius: 4px
}

@media (max-width: 767px) {
    .last-appointments {
        background-color: inherit;
        padding: 0
    }
}

.last-appointments .slick-disabled {
    display: none !important
}

.last-appointments .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    text-align: center;
    color: #151b26
}

.last-appointments .scrollable-row::after {
    content: '';
    width: 75px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .5)
}

body.rtl .last-appointments .scrollable-row .slick-list::after, body.rtl .last-appointments .scrollable-row::after {
    right: inherit;
    left: 0
}

@media (max-width: 767px) {
    .last-appointments .scrollable-row::after {
        display: none
    }
}

.last-appointments .scrollable-row.none-white-area::after {
    display: none
}

.last-appointments .scrollable-row .slick-next {
    right: 15px;
    width: 44px;
    height: 44px;
    top: 35px
}

body.rtl .last-appointments .scrollable-row .slick-next {
    right: inherit;
    left: 15px
}

.last-appointments .scrollable-row .slick-next em {
    font-size: 13px
}

.last-appointments .scrollable-row .slick-prev {
    width: 44px;
    height: 44px;
    left: 15px;
    top: 35px
}

body.rtl .last-appointments .scrollable-row .slick-prev {
    left: inherit;
    right: -80px
}

.last-appointments .scrollable-row .slick-prev em {
    font-size: 14px
}

.last-appointments .scrollable-row .slick-list {
    padding: 0 75px 0 0 !important;
    position: relative
}

body.rtl .last-appointments .scrollable-row .slick-list {
    padding: 0 0 0 75px !important
}

.last-appointments .scrollable-row .slick-list::after {
    content: '';
    width: 75px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .5)
}

@media (max-width: 767px) {
    .last-appointments .scrollable-row .slick-list::after {
        display: none
    }
}

.last-appointments .scrollable-row .slick-list.none-white-area::after {
    display: none
}

.last-appointments .scrollable-row .slick-list .slick-track {
    margin: inherit
}

.last-appointments .scrollable-row .slick-list .slick-slide {
    margin-right: 20px
}

body.rtl .last-appointments .scrollable-row .slick-list .slick-slide {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .last-appointments .scrollable-row .slick-list .slick-slide {
        margin-right: 5px
    }

    body.rtl .last-appointments .scrollable-row .slick-list .slick-slide {
        margin: 0 0 0 5px
    }
}

body.rtl .last-appointments .more {
    text-align: left
}

body.rtl .last-appointments .more em {
    margin: 0 5px 0 0
}

.last-appointments .box-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.last-appointments .box {
    width: 335px
}

.last-appointments .content {
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom: 0;
    border-bottom-right-radius: 0
}

@media (max-width: 767px) {
    .last-appointments .content {
        height: auto;
        background-color: #169ee3;
        border-radius: 4px;
        padding: 5px 50px 5px 5px;
        position: relative
    }

    body.rtl .last-appointments .content {
        padding: 5px 5px 5px 50px
    }
}

.last-appointments .content .image-box {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    display: block;
    overflow: hidden
}

body.rtl .last-appointments .content .image-box {
    margin: 0 0 0 10px
}

@media (max-width: 767px) {
    .last-appointments .content .image-box {
        width: 42px;
        height: 42px;
        margin-right: 5px
    }

    body.rtl .last-appointments .content .image-box {
        margin: 0 0 0 5px
    }
}

.last-appointments .content img {
    width: 100%
}

.last-appointments .content .name, .last-appointments .link {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 767px) {
    .last-appointments .content .name {
        color: #fff
    }
}

.last-appointments .content .branch {
    font-size: 12px;
    font-weight: 300
}

@media (max-width: 767px) {
    .last-appointments .content .branch {
        color: #fff
    }
}

.last-appointments .content .icon {
    display: none
}

@media (max-width: 767px) {
    .last-appointments .content .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 100%;
        background-color: #a12d42;
        text-align: center;
        border-radius: 4px
    }

    body.rtl .last-appointments .content .icon {
        right: inherit;
        left: 0
    }
}

.last-appointments .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    overflow: hidden
}

body.rtl .last-appointments .link, body.rtl .page-news-detail .wrapper-box ul li {
    padding: 0 20px 0 0
}

@media (max-width: 767px) {
    .last-appointments .link {
        display: none
    }
}

.last-appointments .link > .icon {
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

body.rtl .last-appointments .link > .icon, body.rtl .messages-detail .link::after, body.rtl .page-doctors .patient-thanks .message .title .icon-right {
    right: inherit;
    left: 0
}

.hospitals .triple .link .icon em, .last-appointments .link > .icon em, .medical-units.hospitals .triple .link .icon em {
    color: #fff
}

.hospital-photos .photos-container {
    border-radius: 4px
}

@media (max-width: 480px) {
    .hospital-photos .photos-container .image-cover {
        background-image: none;
        width: 100% !important
    }

    .hospital-photos .photos-container .image-cover img {
        height: auto;
        box-shadow: 0 2px 4px 0 rgba(119, 119, 119, .5);
        border-radius: 4px
    }
}

.faq-area .title, .hospital-photos .photos-container img {
    margin-bottom: 40px
}

.hospital-photos .empty-photos p {
    font-size: 28px;
    font-weight: 500;
    line-height: 20px;
    color: #151b26
}

@media (max-width: 767px) {
    .hospital-photos .empty-photos p {
        font-size: 14px
    }
}

.faq-area {
    margin-bottom: 30px
}

.faq-area .title {
    font-size: 36px;
    font-weight: 700;
    color: #151b26
}

.faq-area .content {
    padding: 50px 40px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.faq-area .content .item {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .faq-area .content .item.active {
        margin-bottom: 30px
    }

    .faq-area .content .item.active:last-child {
        margin-bottom: 10px
    }
}

@media (max-width: 991px) {
    .faq-area .content .item.active {
        margin-bottom: 30px
    }

    .faq-area .content .item.active:last-child {
        margin-bottom: 10px
    }
}

.faq-area .content .item:last-child .label {
    border-bottom: 0
}

.faq-area .content .label {
    cursor: pointer;
    color: #151b26;
    font-weight: 600;
    padding-bottom: 10px;
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat center right;
    background-size: 24px;
    border-bottom: solid 1px #d4d7dd
}

body.rtl .faq-area .content .label {
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat center left;
    background-size: 24px
}

.faq-area .desc {
    display: none;
    padding: 10px 0;
    color: #151b26;
    font-size: 14px;
    line-height: 20px
}

.faq-area .item.active .label {
    background: url(https://cdn.memorial.com.tr/files/images/up.svg) no-repeat center right;
    background-size: 20px;
    border-bottom: none
}

.faq-area .item.active .desc {
    display: block
}

.hospitals .faq-area {
    margin: 80px 0
}

@media (max-width: 767px) {
    .hospitals .faq-area {
        margin: 50px -15px
    }

    .hospitals .faq-area .title {
        font-size: 20px;
        margin: 0 10px 20px
    }

    .hospitals .faq-area .content {
        padding: 20px
    }
}

.hospitals .faq-area .content .label {
    padding-left: 10px;
    position: relative;
    font-size: 20px;
    font-weight: 700
}

body.rtl .hospitals .faq-area .content .label {
    padding: 0 10px 10px 0
}

@media (max-width: 767px) {
    .hospitals .faq-area .content .label {
        font-size: 16px;
        background-position: top right;
        padding-right: 20px
    }

    body.rtl .hospitals .faq-area .content .label {
        padding: 0 10px 10px 20px
    }
}

.hospitals .faq-area .content .label::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #169ee3;
    position: absolute;
    left: 0;
    top: 8px
}

.hospitals .faq-area .content .desc {
    padding: 10px 0 0
}

.hospitals .triple {
    margin-top: 80px
}

@media (max-width: 767px) {
    .hospitals .triple {
        margin-top: 50px
    }
}

.hospitals .triple .slick-slide {
    position: relative
}

.hospitals .triple .item {
    margin-bottom: 5px;
    padding: 20px 10px;
    height: auto
}

.hospitals .triple .item a h3 {
    margin-bottom: 0;
    height: 50px;
    display: flex;
    align-items: flex-start
}

@media (max-width: 767px) {
    .hospitals .triple .item a h3 {
        font-size: 14px
    }
}

.hospitals .triple img {
    padding-bottom: 0
}

.hospitals .triple .link {
    position: relative;
    display: none;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #151b26;
    overflow: hidden
}

@media (max-width: 767px) {
    .hospitals .triple .link {
        display: block
    }
}

.hospitals .triple .link .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #151b26;
    text-align: center
}

.fancybox-navigation .fancybox-button svg, .fancybox-toolbar .fancybox-button--close svg, .hospitals .triple .description {
    display: none
}

@media (max-width: 767px) {
    .hospitals .triple .description {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
        color: #151b26;
        margin-top: 10px
    }
}

.hospitals .triple.campains {
    margin-bottom: 80px
}

.hospitals .triple.campains .campains-item .triple-image {
    height: 295px
}

.hospitals .triple.campains .campains-item .triple-image img {
    height: 100%;
    object-fit: cover
}

.hospitals .triple.campains .campains-item .item {
    padding: 20px
}

.hospitals .triple.campains .campains-item .item .title.js-title {
    min-height: 50px;
    height: 50px
}

@media (max-width: 767px) {
    .hospitals .triple.campains .campains-item .item .title.js-title {
        min-height: 36px;
        height: 36px
    }

    .hospitals .triple.campains {
        margin-bottom: 50px
    }

    .hospitals .triple.campains .col-12 {
        padding: 0 5px 0 0
    }

    .hospitals .triple.campains .campains-item {
        position: relative;
        margin-bottom: 5px
    }

    .hospitals .triple.campains .campains-item .triple-image {
        height: 185px
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .hospitals .triple.campains .campains-item .item {
        padding: 10px;
        height: auto
    }

    .hospitals .triple.campains .campains-item .item a h3 {
        height: auto
    }
}

@media (max-width: 767px) {
    .hospitals .triple.campains .item {
        position: absolute;
        font-size: 14px;
        font-weight: 700;
        bottom: 0;
        width: 100%;
        padding: 15px 20px;
        background-color: #f5f8fb80;
        height: 70px;
        margin-bottom: 0;
        border-radius: 0
    }

    .hospitals .triple.campains .item a {
        color: #151b26
    }

    .hospitals .triple.campains .slick-slider {
        padding-left: 15px
    }

    .hospitals .triple.campains .slick-slide {
        max-width: inherit
    }

    .hospitals .triple.agenda-list .slick-slider {
        padding-left: 15px
    }

    .hospitals .triple.agenda-list .slick-slide {
        max-width: inherit
    }

    .hospitals .triple.agenda-list .col-12 {
        padding: 0 5px 0 0
    }

    .hospitals .triple.agenda-list .image-cover img {
        height: 100%;
        object-fit: cover
    }

    .hospitals .triple.agenda-list .item a h3 {
        height: 36px
    }

    .hospitals .triple.agenda-list .item a p {
        height: 105px
    }

    body:lang(en) .hospitals .triple.agenda-list .item a p {
        height: 70px
    }
}

.section-contents {
    height: 225px;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 40px 45px 48px 42px;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .section-contents {
        height: auto;
        padding: 15px;
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .section-contents {
        height: auto
    }
}

.section-contents .contents-description {
    padding-left: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    color: #151b26
}

@media (max-width: 767px) {
    .section-contents .contents-description {
        padding-left: 0
    }
}

@media (max-width: 991px) {
    .section-contents .contents-description {
        padding-left: 0
    }
}

.section-contents .contents-links {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .section-contents .contents-links {
        flex-wrap: wrap;
        height: auto;
        margin-top: 15px
    }
}

@media (max-width: 991px) {
    .section-contents .contents-links {
        flex-wrap: wrap;
        height: auto;
        justify-content: flex-start;
        margin-top: 15px
    }
}

.section-contents .contents-links .links-item {
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: calc(100% / 7)
}

@media (max-width: 767px) {
    .section-contents .contents-links .links-item {
        width: 50%;
        height: 80px;
        margin: 5px 0;
        padding: 0
    }
}

@media (max-width: 991px) {
    .section-contents .contents-links .links-item {
        margin-bottom: 30px
    }
}

.section-contents .contents-links .links-item .item-icon {
    height: 40px;
    display: flex
}

.section-contents .contents-links .links-item .item-icon > img {
    width: 100%
}

.section-contents .contents-links .links-item .item-text {
    font-size: 12px;
    color: #151b26;
    font-weight: 700;
    text-align: center;
    margin-top: 15px
}

@media (max-width: 767px) {
    .section-contents .contents-links .links-item .item-text {
        margin-top: 5px
    }
}

.section-contents .contents-links .links-item::after {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 80px;
    height: 2px;
    border-radius: 1px;
    background-color: #d4d7dd
}

@media (max-width: 767px) {
    .section-contents .contents-links .links-item::after {
        width: 60px;
        bottom: 15px
    }
}

.section-contents.medical-units-page {
    margin-top: 60px
}

@media (max-width: 767px) {
    .section-contents.medical-units-page {
        margin-top: 40px
    }
}

.section-contents-location-fix {
    top: 60px !important
}

.hospital-photos {
    position: relative;
    padding: 40px 15px;
    background-color: #f5f8fb
}

.hospital-photos .photos-container {
    padding: 40px;
    border: 1px solid #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .hospital-photos .photos-container li {
        margin: 0;
        padding: 0 10px
    }
}

.hospital-photos .photos-container img {
    height: 100%;
    width: 100%;
    max-width: inherit;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    object-fit: cover
}

.hospital-photos .photos-container .image-cover {
    width: 234px;
    height: 234px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 4px
}

@media (max-width: 991px) {
    .hospital-photos .photos-container .image-cover {
        width: 100% !important;
        height: 335px !important;
        margin: 20px auto !important
    }
}

@media (max-width: 767px) {
    .hospital-photos .photos-container .image-cover {
        height: 165px !important;
        margin: 0 auto 20px !important
    }

    .hospital-photos .photos-container .image-cover img {
        margin-bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.fancybox-bg {
    background: #d4d7dd
}

.fancybox-is-open .fancybox-bg {
    opacity: .75
}

.fancybox-navigation .fancybox-button {
    width: 44px;
    height: 44px;
    padding: 0;
    background-color: #169ee3;
    border-radius: 50%
}

.fancybox-navigation .fancybox-button::after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@right-white.svg) no-repeat;
    position: absolute;
    left: 11px;
    top: 9px
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left::after {
    transform: rotate(180deg);
    left: 14px;
    top: 14px
}

.fancybox-toolbar .fancybox-button--play, .fancybox-toolbar .fancybox-button--thumbs, .fancybox-toolbar .fancybox-button--zoom {
    display: none !important
}

.fancybox-toolbar .fancybox-button--close {
    background-color: #169ee3;
    border-radius: 50%
}

.fancybox-toolbar .fancybox-button--close::after {
    content: '';
    width: 15px;
    height: 18px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@close-white.svg) no-repeat;
    position: absolute;
    left: 15px;
    top: 13px
}

.page-news-detail {
    background-color: #f5f8fb
}

@media (max-width: 768px) {
    .page-news-detail {
        padding-bottom: 25px
    }
}

.page-news-detail p {
    color: #444951;
    margin-bottom: 20px
}

.page-news-detail p:last-child {
    clear: both
}

.page-news-detail .header-text {
    font-size: 36px;
    font-weight: 700;
    padding: 28px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #169ee3
}

@media (max-width: 991px) {
    .page-news-detail .header-text {
        font-size: 20px
    }
}

.page-news-detail .hero-img {
    width: 600px;
    height: 100%;
    margin: 0 auto
}

@media (max-width: 991px) {
    .page-news-detail .hero-img {
        height: auto;
        width: 100%;
        overflow: hidden
    }
}

.page-news-detail .hero-img img {
    max-width: 100%;
    object-fit: fill
}

.page-news-detail .wrapper-box {
    position: relative;
    padding: 80px;
    margin-top: -5px;
    background-color: #fff;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    z-index: 1
}

@media (max-width: 991px) {
    .page-news-detail .wrapper-box {
        padding: 40px
    }
}

@media (max-width: 767px) {
    .page-news-detail .wrapper-box {
        padding: 15px 15px 40px
    }
}

.page-news-detail .share {
    position: absolute;
    top: 20px;
    right: 40px;
    width: 56px;
    height: 56px
}

body.rtl .page-news-detail .share {
    right: inherit;
    left: 40px
}

@media (max-width: 767px) {
    .page-news-detail .share {
        top: auto;
        right: auto;
        left: 15px;
        bottom: 15px;
        width: 24px;
        height: 24px
    }

    body.rtl .page-news-detail .share {
        right: 15px;
        left: auto
    }
}

.page-news-detail .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #151b26;
    margin-top: 80px
}

@media (max-width: 767px) {
    .page-news-detail .title {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 14px
    }
}

.page-news-detail .paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    color: #151b26
}

.page-news-detail .paragraph:last-child {
    margin-bottom: 0
}

.page-news-detail .paragraph-emphatic {
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 10px;
    color: #151b26
}

.page-news-detail .wrapper-box img {
    max-width: 100%;
    height: auto
}

.page-news .socialmedia-share, .page-news-detail .socialmedia-share {
    top: 20px;
    right: 40px
}

body.rtl .page-news .socialmedia-share, body.rtl .page-news-detail .socialmedia-share {
    right: inherit;
    left: 40px
}

@media (max-width: 767px) {
    .page-news .socialmedia-share, .page-news-detail .socialmedia-share {
        top: inherit;
        right: inherit;
        left: 15px;
        bottom: 20px
    }

    body.rtl .page-news .socialmedia-share, body.rtl .page-news-detail .socialmedia-share {
        right: 15px;
        left: inherit
    }

    .page-news .socialmedia-share .dropdown-button, .page-news-detail .socialmedia-share .dropdown-button {
        height: 25px
    }
}

.page-news .triple .title, .page-news-detail .triple .title {
    margin-top: 60px
}

.page-news-detail .wrapper-box h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    color: #151b26;
    text-transform: uppercase;
    text-align: left;
    line-height: 22px;
    margin: 40px 0 20px
}

.page-news-detail .wrapper-box ul {
    margin-bottom: 20px
}

.page-news-detail .wrapper-box ul li {
    padding-left: 20px
}

.page-news-detail .wrapper-box ul li::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0
}

.page-news-detail .wrapper-box ol {
    margin: 0 0 20px 20px
}

body.rtl .page-news-detail .wrapper-box ol {
    margin: 0 20px 20px 0
}

.page-news-detail .wrapper-box ol li, .page-news-detail .wrapper-box ul li {
    font-size: 14px;
    font-weight: 400;
    color: #151b26;
    position: relative;
    margin-bottom: 10px
}

.page-news-detail .wrapper-box a {
    color: #169ee3;
    text-decoration: underline
}

.appointment {
    position: relative;
    background-color: #f5f8fb;
    padding-top: 0;
    padding-bottom: 80px
}

@media (max-width: 767px) {
    .appointment {
        padding-bottom: 50px
    }
}

.appointment-h1 {
    font-size: 36px;
    font-weight: 800;
    position: absolute;
    top: calc(50% - 50px);
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 767px) {
    .appointment-h1 {
        font-size: 30px;
        font-weight: 700;
        line-height: normal;
        padding: 0 100px 0 20px;
        top: calc(50% - 60px);
        left: inherit;
        transform: none
    }
}

.appointment .auth-area {
    margin-bottom: 0
}

.mobile-login {
    display: none
}

@media (max-width: 768px) {
    .mobile-login {
        display: block
    }
}

.desktop-login {
    display: block
}

@media (max-width: 768px) {
    .desktop-login {
        display: none
    }
}

.appointment .above-on-hero {
    position: relative;
    top: -102px;
    margin-bottom: -102px
}

@media (max-width: 767px) {
    .appointment .above-on-hero {
        top: -40px;
        margin-bottom: -40px
    }
}

.appointment .filter {
    position: relative;
    max-height: 400px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .appointment .filter {
        margin-top: 0;
        border: 0;
        background-color: transparent;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        max-height: 100%
    }
}

.appointment .filter .go-back {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #151b26;
    font-size: 14px
}

.appointment .selects {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 35px
}

@media (max-width: 767px) {
    .appointment .selects {
        margin: 0;
        padding: 0
    }

    .appointment .selects .filter-select {
        padding: 0
    }
}

.appointment .selects .doctor-sort-datepicker-container {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .appointment .selects .doctor-sort-datepicker-container {
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: column
    }
}

.appointment .selects .doctor-sort-datepicker-container .datepicker-default {
    width: 100%;
    text-align: left;
    height: 54px;
    margin-bottom: 0;
    display: flex;
    border: 0;
    border-radius: 4px;
    background: url(https://cdn.memorial.com.tr/files/images/calendar.svg) no-repeat;
    background-size: 24px;
    background-position: 16px center;
    background-color: #fff;
    padding-right: 26px;
    padding-left: 56px;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25);
    line-height: 54px;
    cursor: pointer;
    font-size: 12px
}

.appointment .selects .doctor-sort-datepicker-container .datepicker-default::-webkit-input-placeholder {
    color: #151b26
}

@media (max-width: 767px) {
    .appointment .selects .doctor-sort-datepicker-container .datepicker-default {
        width: 100%;
        border: solid 1px #d4d7dd
    }
}

.appointment .selects .doctor-sort-datepicker-container .datepicker-doctor-sort-input {
    height: 54px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
    display: flex;
    border: solid 1px #d4d7dd;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25);
    border-radius: 4px;
    background: url(https://cdn.memorial.com.tr/files/images/calendar.svg) no-repeat;
    background-size: 24px;
    background-position: 16px center;
    background-color: #fff;
    padding-right: 26px;
    padding-left: 56px;
    cursor: pointer;
    font-size: 14px
}

.appointment .selects .doctor-sort-datepicker-container .datepicker-doctor-sort-input.first-date {
    margin-right: 20px
}

@media (max-width: 767px) {
    .appointment .selects .doctor-sort-datepicker-container .datepicker-doctor-sort-input.first-date {
        margin-right: 10px
    }

    .appointment .selects .doctor-sort-datepicker-container .datepicker-doctor-sort-input {
        width: 100%;
        background-position: calc(50% - 60px) center;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        box-shadow: 0 0 20px rgba(137, 197, 204, .5);
        border: solid 1px #d4d7dd;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px
    }
}

.appointment .filter select {
    font-size: 14px;
    font-weight: 700;
    width: 335px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    margin-right: 10px;
    background-color: #fff;
    color: #151b26;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.appointment .filter .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .appointment .filter .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__arrow, .appointment .filter .select2-basic.select2-h60 + .select2 .select2-selection, .appointment .filter .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
    height: 54px;
    border: 0
}

@media (max-width: 767px) {
    .appointment .filter .select2-basic.select2-h60 + .select2 .select2-selection, .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection {
        border: solid 1px #d4d7dd;
        border-radius: 4px;
        margin-bottom: 16px;
        padding: 0 0 0 10px
    }
}

.appointment .filter .select2-basic.select2-h60 + .select2 .select2-selection__rendered, .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered {
    line-height: 54px
}

@media (max-width: 767px) {
    .appointment .filter .select2-basic.select2-h60 + .select2 .select2-selection__rendered, .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered {
        padding: 0 30px 0 0;
        font-size: 14px;
        color: #151b26;
        font-weight: 500
    }
}

.appointment .filter select.passive {
    color: rgba(21, 27, 38, .5);
    font-weight: 400
}

.appointment .filter select + span {
    font-size: 14px;
    font-weight: 400;
    color: #151b26;
    width: 100% !important
}

.appointment .result-count {
    font-size: 20px;
    font-weight: 400;
    color: #151b26;
    margin-top: 40px;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .appointment .result-count {
        text-align: left !important;
        padding-left: 10px;
        margin: 0 0 10px
    }
}

.appointment .result-count span {
    font-weight: 700;
    color: #169ee3
}

.appointment .result-empty {
    border-radius: 4px;
    border: solid 1px #c11f44;
    padding: 30px;
    margin: 30px 50px 50px
}

@media all and (-ms-high-contrast: none) {
    .appointment .result-empty {
        width: calc(100% - 100px)
    }
}

@media (max-width: 767px) {
    .appointment .result-empty {
        text-align: left !important;
        padding: 10px;
        margin: 30px 0 0
    }
}

.appointment .result-empty p {
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color: #151b26
}

@media (max-width: 767px) {
    .appointment .result-empty p {
        font-size: 14px;
        padding: 10px
    }
}

.appointment .result-empty .covid-appointment-note {
    font-size: 14px
}

@media (max-width: 767px) {
    .appointment .result-empty .covid-appointment-note {
        font-size: 12px;
        padding: 10px
    }
}

.appointment .sort {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-around
}

.appointment .appointment-datepicker-container .appointment-datepicker, .appointment .sort select {
    font-weight: 300;
    width: 335px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    color: #151b26;
    background-color: #fff
}

.appointment .sort select {
    font-size: 16px;
    padding: 0 20px;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.appointment .appointment-datepicker-container {
    position: relative
}

.appointment .appointment-datepicker-container .appointment-datepicker {
    font-size: 16;
    text-align: center;
    cursor: pointer
}

.appointment .appointment-datepicker-container:before {
    position: absolute;
    display: flex;
    justify-content: center;
    right: 15px;
    top: 15px;
    background-image: url(https://cdn.memorial.com.tr/files/images/icon-down.svg)
}

.appointment .appointment-datepicker-container.active .appointment-datepicker {
    color: #fff;
    background: #151b26
}

.appointment .appointment-datepicker-container.active .appointment-datepicker :-ms-input-placeholder {
    color: #fff
}

.appointment .appointment-datepicker-container.active .appointment-datepicker ::-ms-input-placeholder {
    color: #fff
}

.appointment .appointment-datepicker-container.active .appointment-datepicker ::placeholder {
    color: #fff
}

.appointment .appointment-datepicker-container.active:before {
    transform: rotate(180deg);
    color: #fff
}

.appointment .sort a {
    font-size: 16;
    font-weight: 300;
    width: 335px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    color: #151b26;
    background-color: #fff
}

.appointment .sort a.active {
    font-weight: 700;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    border: solid 1px #d4d7dd;
    background-color: #151b26;
    color: #fff
}

.appointment-filter-search {
    width: 60%
}

@media (max-width: 767px) {
    .appointment-filter-search {
        width: 100%
    }

    .doctors-appointment-page {
        background: 0 0;
        border: 0 !important;
        padding: 0 !important
    }
}

.doctors-appointment-page .button-fix {
    height: 590px
}

@media (max-width: 767px) {
    .doctors-appointment-page .button-fix {
        height: auto
    }
}

.doctors-appointment-page .button-fix-container {
    margin-bottom: 40px;
    position: relative
}

@media (max-width: 767px) {
    .doctors-appointment-page .button-fix-container {
        margin-bottom: 0
    }
}

.doctors-appointment-page .item {
    border: 1px solid #d4d7dd !important;
    margin-right: 0
}

@media (max-width: 767px) {
    .doctors-appointment-page .item {
        padding: 10px !important;
        border-radius: 4px !important;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        border: 1px solid #d4d7dd !important;
        background: #fff
    }

    .doctors-appointment-page .item .button {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-bottom: -10px;
        display: block
    }
}

.doctors-appointment-page .item .live-chat-button {
    cursor: pointer;
    font-size: 12px
}

.doctor-datepicker-sort {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .doctor-datepicker-sort {
        flex-direction: column-reverse;
        top: 0;
        position: relative;
        padding-top: 0;
        padding-left: 2px;
        padding-right: 2px;
        margin-bottom: 0;
        margin-top: 20px
    }
}

.appointment .doctors, .appointment-filter-search {
    margin-bottom: 0;
    top: -30px;
    position: relative
}

@media (max-width: 767px) {
    .appointment .doctors, .appointment-filter-search {
        top: 0
    }
}

.appointment .doctors .doctor-sort, .appointment-filter-search .doctor-sort {
    flex: 0 0 50%;
    max-width: 50%
}

@media (max-width: 767px) {
    .appointment .doctors .doctor-sort, .appointment-filter-search .doctor-sort {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.appointment .doctors .doctor-search, .appointment-filter-search .doctor-search {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 99999
}

@media (max-width: 767px) {
    .appointment .doctors .doctor-search, .appointment-filter-search .doctor-search {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.appointment .doctors .doctor-search.doctor-search-easyautocomplete .easy-autocomplete-container, .appointment-filter-search .doctor-search.doctor-search-easyautocomplete .easy-autocomplete-container {
    z-index: 99999
}

.appointment .doctors .doctor-search.doctor-search-easyautocomplete .doctor-search-btn, .appointment-filter-search .doctor-search.doctor-search-easyautocomplete .doctor-search-btn {
    z-index: 9999
}

.appointment .doctors .doctor-search.doctor-search-easyautocomplete .doctor-search-btn.hidden, .appointment-filter-search .doctor-search.doctor-search-easyautocomplete .doctor-search-btn.hidden {
    z-index: 1
}

.appointment .doctors .search, .appointment-filter-search .search {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    margin: 0;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

@media (max-width: 767px) {
    .appointment .doctors .search, .appointment-filter-search .search {
        padding: 0 30px 0 10px;
        color: rgba(21, 27, 38, .5);
        height: 54px;
        margin-top: 0;
        margin-bottom: 20px
    }
}

.appointment .doctors .doctor-search-btn, .appointment-filter-search .doctor-search-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

body.rtl .appointment .doctors .doctor-search-btn, body.rtl .appointment-filter-search .doctor-search-btn {
    right: inherit;
    left: 20px
}

@media (max-width: 767px) {
    .appointment .doctors .doctor-search-btn, .appointment-filter-search .doctor-search-btn {
        top: calc(50% - 10px);
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }

    body.rtl .appointment .doctors .doctor-search-btn, body.rtl .appointment-filter-search .doctor-search-btn {
        right: inherit;
        left: 10px
    }
}

.appointment .doctors .doctor-search-btn.hidden, .appointment-filter-search .doctor-search-btn.hidden {
    display: none !important;
    visibility: hidden;
    z-index: 1 !important;
    opacity: 0;
    right: -1000px
}

.appointment .doctors .doctor-search-btn.clear-icon, .appointment-filter-search .doctor-search-btn.clear-icon {
    background-image: url(https://cdn.memorial.com.tr/files/images/close-dark.svg);
    background-size: 15px;
    background-color: #fff;
    background-position: center right;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

@media (max-width: 767px) {
    .appointment .doctors .doctor-search-btn.clear-icon, .appointment-filter-search .doctor-search-btn.clear-icon {
        top: calc(50% - 10px)
    }
}

.appointment .doctors .doctor-search-btn.clear-icon.visible, .appointment-filter-search .doctor-search-btn.clear-icon.visible {
    display: block
}

@media (max-width: 767px) {
    .appointment .doctors .letters ul, .appointment-filter-search .letters ul {
        display: block;
        padding: 15px 10px;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }

    .appointment .doctors .letters ul li, .appointment-filter-search .letters ul li {
        margin: 0;
        padding: 10px 0
    }

    .appointment .doctors .letters ul li a, .appointment-filter-search .letters ul li a {
        padding: 10px 14px !important;
        font-size: unset;
        line-height: 30px
    }

    .appointment .doctors .letters ul li.selected a, .appointment-filter-search .letters ul li.selected a {
        color: #fff !important;
        background-color: #151b26;
        border-radius: 4px;
        font-weight: 400
    }

    .appointment .doctors .letters ul li.selected a::after, .appointment-filter-search .letters ul li.selected a::after {
        display: none
    }
}

.appointment .doctors .title, .appointment-filter-search .title {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .appointment .doctors .title, .appointment-filter-search .title {
        margin: 15px 0 5px;
        line-height: normal
    }

    .appointment .doctors .content, .appointment-filter-search .content {
        margin-bottom: 10px
    }

    .appointment .doctors .content .image-cover, .appointment-filter-search .content .image-cover {
        background-size: contain;
        min-width: 60px
    }
}

.appointment .doctors .content .text-wrap ~ .arrow, .appointment-filter-search .content .text-wrap ~ .arrow {
    display: none
}

@media (max-width: 767px) {
    .appointment .doctors .content .text-wrap ~ .arrow, .appointment-filter-search .content .text-wrap ~ .arrow {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 1;
        width: 100%
    }

    .appointment .doctors .content .text-wrap ~ .arrow a, .appointment-filter-search .content .text-wrap ~ .arrow a {
        color: inherit;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
        padding: 0 10px 0 40px
    }

    .appointment .doctors .content .text-wrap, .appointment-filter-search .content .text-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        padding: 0 0 0 15px;
        position: relative;
        width: auto
    }

    .appointment .doctors .content .text-wrap .label, .appointment-filter-search .content .text-wrap .label {
        order: 3;
        min-height: 24px;
        padding: 4px 0
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .appointment .doctors .content .text-wrap .label, .appointment-filter-search .content .text-wrap .label {
        padding: 0
    }
}

@media (max-width: 767px) {
    .appointment .doctors .content .text-wrap .hospital-name, .appointment-filter-search .content .text-wrap .hospital-name {
        order: 2;
        margin-bottom: 3px
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .appointment .doctors .content .text-wrap .hospital-name, .appointment-filter-search .content .text-wrap .hospital-name {
        margin-bottom: 0;
        margin-top: 0;
        width: 100%;
        text-align: left
    }

    .appointment .doctors .content .text-wrap .hospital-name a, .appointment-filter-search .content .text-wrap .hospital-name a {
        width: 100%;
        text-align: left
    }

    .appointment .doctors .content .text-wrap .label-wrap, .appointment-filter-search .content .text-wrap .label-wrap {
        width: 100%
    }
}

@media (max-width: 767px) {
    .appointment .doctors .content .text-wrap .label-wrap a, .appointment-filter-search .content .text-wrap .label-wrap a {
        width: 100%
    }

    .appointment .doctors .content .text-wrap .doctor-name, .appointment-filter-search .content .text-wrap .doctor-name {
        order: 1
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .appointment .doctors .content .text-wrap .doctor-name, .appointment-filter-search .content .text-wrap .doctor-name {
        display: block;
        width: 100%
    }
}

@media (max-width: 767px) {
    .appointment .doctors .content .text-wrap .doctor-name .name, .appointment-filter-search .content .text-wrap .doctor-name .name {
        height: auto;
        line-height: 16px;
        margin-bottom: 5px
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .appointment .doctors .content .text-wrap .doctor-name .name, .appointment-filter-search .content .text-wrap .doctor-name .name {
        margin-bottom: 0
    }
}

.appointment .doctors .content .text-wrap .patient-thanks-link-wrap, .appointment-filter-search .content .text-wrap .patient-thanks-link-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .appointment .doctors .content .text-wrap .patient-thanks-link-wrap, .appointment-filter-search .content .text-wrap .patient-thanks-link-wrap {
        justify-content: flex-start
    }
}

.appointment .doctors .content .text-wrap .patient-thanks-link, .appointment-filter-search .content .text-wrap .patient-thanks-link {
    font-size: 13px;
    color: #403920;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .appointment .doctors .content .text-wrap .patient-thanks-link, .appointment-filter-search .content .text-wrap .patient-thanks-link {
        order: 4;
        margin-top: 0;
        font-size: 12px;
        text-decoration: underline
    }
}

.appointment .doctors .button-easy-appointment, .appointment-filter-search .button-easy-appointment {
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-bottom: -1px
}

.appointment .doctors .appointment-time-slots, .appointment-filter-search .appointment-time-slots {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #d4d7dd;
    margin: 0 6px
}

@media (max-width: 767px) {
    .appointment .doctors .appointment-time-slots, .appointment-filter-search .appointment-time-slots {
        margin: 0 0 20px;
        padding-top: 0
    }
}

.appointment .doctors .appointment-time-slots .slot-info, .appointment-filter-search .appointment-time-slots .slot-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.appointment .doctors .appointment-time-slots .slot-info a, .appointment-filter-search .appointment-time-slots .slot-info a {
    width: 100%;
    display: block;
    color: #151b26;
    display: flex;
    flex-direction: revert;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px
}

@media (max-width: 767px) {
    .appointment .doctors .appointment-time-slots .slot-info a, .appointment-filter-search .appointment-time-slots .slot-info a {
        padding-top: 10px
    }
}

.appointment .doctors .appointment-time-slots .first-dates, .appointment-filter-search .appointment-time-slots .first-dates {
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 767px) {
    .appointment .doctors .appointment-time-slots .first-dates, .appointment-filter-search .appointment-time-slots .first-dates {
        font-size: 11px
    }
}

.appointment .doctors .appointment-time-slots .for-selected-date, .appointment-filter-search .appointment-time-slots .for-selected-date {
    font-size: 10px;
    font-weight: 500
}

@media (max-width: 767px) {
    .appointment .doctors .appointment-time-slots .for-selected-date, .appointment-filter-search .appointment-time-slots .for-selected-date {
        font-size: 10px
    }
}

.appointment .doctors .appointment-time-slots .appointment-time-list, .appointment-filter-search .appointment-time-slots .appointment-time-list {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 20px
}

@media (max-width: 767px) {
    .appointment .doctors .appointment-time-slots .appointment-time-list, .appointment-filter-search .appointment-time-slots .appointment-time-list {
        margin: 10px 0 0
    }
}

.appointment .doctors .appointment-time-slots .appointment-time-list li, .appointment-filter-search .appointment-time-slots .appointment-time-list li {
    width: 24%;
    margin-right: 1%
}

body.rtl .appointment .doctors .appointment-time-slots .appointment-time-list li, body.rtl .appointment-filter-search .appointment-time-slots .appointment-time-list li {
    margin: 0 0 0 1%
}

.appointment .doctors .appointment-time-slots .appointment-time-list li label, .appointment-filter-search .appointment-time-slots .appointment-time-list li label {
    padding: 0
}

.appointment .doctors .appointment-time-slots .appointment-time-list li label .button-transparent, .appointment-filter-search .appointment-time-slots .appointment-time-list li label .button-transparent {
    color: #151b26;
    padding: 15px 10px;
    display: block
}

.appointment .doctors .appointment-time-slots .appointment-time-list li.all-hours, .appointment-filter-search .appointment-time-slots .appointment-time-list li.all-hours {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: 0
}

.appointment .doctors .appointment-time-slots .appointment-time-list li.all-hours a, .appointment-filter-search .appointment-time-slots .appointment-time-list li.all-hours a {
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: solid 2px #d4d7dd;
    background-color: #fff;
    padding: 0 6px;
    color: #151b26
}

.appointment .doctors .appointment-time-slots .appointment-time-list li.all-hours a .text, .appointment .doctors .appointment-time-slots .appointment-time-list li.all-hours a em, .appointment-filter-search .appointment-time-slots .appointment-time-list li.all-hours a .text, .appointment-filter-search .appointment-time-slots .appointment-time-list li.all-hours a em {
    font-size: 12px
}

.appointment .doctors .appointment-phone-call, .appointment-filter-search .appointment-phone-call {
    min-height: 116px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #d4d7dd;
    margin: 0 7px
}

.appointment .doctors .appointment-phone-call .warning, .appointment-filter-search .appointment-phone-call .warning {
    padding-top: 20px
}

.appointment .doctors .appointment-phone-call .warning .box-title, .appointment-filter-search .appointment-phone-call .warning .box-title {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.appointment .doctors .appointment-phone-call .warning .box-content .text, .appointment .doctors .appointment-phone-call .warning .box-content p, .appointment-filter-search .appointment-phone-call .warning .box-content .text, .appointment-filter-search .appointment-phone-call .warning .box-content p {
    font-size: 13px;
    letter-spacing: normal;
    color: #151b26
}

.appointment .doctors .appointment-phone-call .warning .box-content .text a, .appointment .doctors .appointment-phone-call .warning .box-content p a, .appointment-filter-search .appointment-phone-call .warning .box-content .text a, .appointment-filter-search .appointment-phone-call .warning .box-content p a, .appointment-summary .doctor-appointment-warning-boxes .box-item .box-content p a, .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area.call_you-solo .form-group.buttons-mobile .or {
    color: #151b26
}

.appointment .doctors .buttons-contact.not-available, .appointment-filter-search .buttons-contact.not-available {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%
}

.appointment .doctors .buttons-contact, .appointment-filter-search .buttons-contact {
    display: flex
}

.appointment .doctors .buttons-contact a, .appointment-filter-search .buttons-contact a {
    margin: 0 5px 7px;
    height: 46px;
    line-height: 46px
}

.modal-appointment .box {
    width: unset
}

.modal-appointment .box > .content {
    display: flex;
    flex-direction: row;
    padding: 20px 10px
}

.modal-appointment .doctor-id {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.modal-appointment .doctor-id .image-cover {
    width: 375px;
    height: 472px
}

.modal-appointment .doctor-id img {
    object-fit: cover;
    display: block;
    width: 100%
}

.modal-appointment .doctor-id .texts {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 20px 0;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    box-shadow: 0 -20px 40px 0 rgba(0, 0, 0, .15);
    background-color: #f5f8fb
}

.modal-appointment .doctor-id .name {
    font-size: 20px;
    font-weight: 700;
    color: #151b26
}

.modal-appointment .doctor-id .tag {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
    color: #2688da
}

.modal-appointment .left .box {
    padding: 20px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.modal-appointment .doctor-id .box-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end
}

.modal-appointment .doctor-id .box-row .logo {
    text-align: left
}

.modal-appointment .doctor-id .box-row .logo em {
    font-size: 10px;
    color: #169ee3
}

.modal-appointment .doctor-id .box-row .icon-hospital {
    font-size: 46px;
    line-height: 46px
}

.modal-appointment .doctor-id .hospital-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    text-align: left
}

.modal-appointment .doctor-id .hospital-address {
    font-size: 12px;
    font-weight: 300;
    color: #777
}

.modal-appointment .left .box.expertise {
    margin: 0 20px
}

.modal-appointment .expertise-row {
    display: flex;
    flex-direction: row
}

.modal-appointment .expertise .title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #151b26
}

.modal-appointment .expertise ul:first-child {
    width: 50%
}

.modal-appointment .expertise ul:last-child {
    width: 50%
}

.modal-appointment .expertise ul li {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    padding-left: 10px;
    color: #151b26;
    text-align: left
}

.modal-appointment .expertise ul li:before {
    width: 5px;
    height: 5px;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    background-color: #2688da
}

.modal-appointment .right {
    max-width: 335px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal-appointment .right .select-date {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    color: #777
}

input.datepicker-element {
    cursor: pointer;
    border: 0
}

.modal-appointment .right .input {
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    width: 335px;
    line-height: 50px;
    margin-bottom: 20px;
    position: relative;
    display: block;
    border: 1px solid #d4d7dd;
    text-align: center;
    color: #151b26
}

@media (max-width: 767px) {
    .modal-appointment .right .input {
        width: 100%
    }
}

.modal-appointment .right .input em {
    position: absolute;
    width: 40px;
    top: 50%;
    transform: translateY(-50%)
}

.modal-appointment .right .input em.prev {
    left: 0;
    border-right: 1px solid #d4d7dd
}

.modal-appointment .right .input em.next {
    right: 0;
    border-left: 1px solid #d4d7dd
}

.modal-appointment .dates {
    display: block;
    margin-bottom: 34px
}

.modal-appointment .dates ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.modal-appointment .dates a, .modal-live-support .right input {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    color: #151b26
}

.modal-appointment .dates a {
    font-size: 16px;
    font-weight: 400;
    width: 108px;
    border-radius: 3px;
    border: solid 1px #d4d7dd;
    display: inline-block;
    margin-bottom: 6px;
    text-align: center
}

.modal-appointment .dates li.passive a {
    cursor: not-allowed;
    border-color: #d4d7dd;
    opacity: .25
}

.modal-appointment .dates li.selected a {
    font-weight: 700;
    border-width: 2px;
    border-color: #151b26
}

.modal-appointment .make-date-button {
    font-size: 14px;
    font-weight: 700;
    height: 53px;
    line-height: 53px;
    display: block;
    border-radius: 4px;
    background-color: #ffc107;
    text-align: center;
    color: #151b26
}

.modal-live-support > .box {
    width: 800px
}

.modal-live-support > .box > .content {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #777;
    background-color: #ffc107
}

.modal-live-support .icon {
    margin-bottom: 40px;
    display: block
}

.modal-live-support .icon em {
    font-size: 54px;
    color: #151b26
}

.auth-area, .modal-live-support .wrapper {
    display: flex;
    justify-content: space-between
}

.modal-live-support .wrapper {
    padding: 20px;
    flex-direction: row;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.modal-live-support .wrapper .left {
    margin-top: 90px;
    width: 300px;
    min-width: 300px;
    height: 350px;
    margin-right: 70px;
    position: relative;
    background-size: cover;
    border-radius: 4px
}

.modal-live-support .wrapper .left .content {
    padding: 20px 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    opacity: .75
}

.modal-live-support .left .content .title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #151b26
}

.modal-live-support .left .content .branch {
    font-size: 12px;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
    color: #2688da
}

.modal-live-support .left .content .hospital-logo em {
    font-size: 10px;
    margin-bottom: 6px;
    color: #169ee3
}

.modal-live-support .left .content .hospital-name, .modal-live-support .right p {
    font-size: 16px;
    font-weight: 400;
    color: #777
}

.modal-live-support .right form {
    margin: 0 10px
}

.modal-live-support .right p {
    line-height: 22px;
    margin-bottom: 30px;
    color: #151b26
}

.modal-live-support .right label, .page-hl-detail .wrapper-box.form form .item > label {
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
    color: #151b26
}

.modal-live-support .right input {
    padding: 0 10px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 4px;
    border: solid 1px #151b26
}

.modal-live-support .right .button {
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    color: #151b26;
    background-color: #ffc107
}

.modal-live-support .right .button em {
    color: #151b26;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px
}

.modal-live-support .checkbox-area {
    position: relative;
    padding-left: 25px;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 15px
}

.modal-live-support .checkbox-area input {
    position: absolute;
    left: 0;
    top: 10px;
    margin: 0;
    width: 15px;
    height: 15px
}

.auth-area {
    margin-top: 0;
    margin-bottom: 80px;
    flex-wrap: wrap;
    padding-top: 60px
}

@media (max-width: 767px) {
    .auth-area {
        padding-top: 20px
    }
}

.auth-area .column {
    flex: 0 0 48%;
    max-width: 48%;
    color: #151b26;
    padding: 80px 105px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.auth-area .hero {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .auth-area .hero {
        margin-bottom: 10px
    }
}

.auth-area .column.dark {
    color: #fff;
    background-color: #151b26
}

.auth-area .field {
    margin-bottom: 25px
}

.auth-area .field--half {
    position: relative;
    max-width: 160px;
    flex: 0 0 160px
}

.auth-area .field .reload {
    position: absolute;
    bottom: 14px;
    right: -40px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@reload.svg) no-repeat center
}

.auth-area .field label {
    font-size: 14px;
    line-height: 20px
}

.auth-area .field .select2, .medical-units span.select2 {
    width: 100% !important
}

.auth-area .field input[type=text], .auth-area .field select {
    width: 100%;
    height: 50px;
    padding: 10px;
    margin-top: 3px;
    font-size: 13px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .3);
    background-color: #fff
}

.auth-area .checkbox {
    padding-left: 26px !important;
    padding-top: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
    position: relative;
    font-size: 12px;
    line-height: 17px
}

.auth-area input[type=checkbox] {
    position: relative;
    cursor: pointer
}

.auth-area input[type=checkbox]:before {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    border: 2px solid #151b26a8;
    border-radius: 3px;
    background-color: #fff
}

.auth-area input[type=checkbox]:checked:after {
    content: '';
    display: block;
    width: 7px;
    height: 18px;
    border: solid #169ee3;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 1px;
    left: 8px
}

.auth-area .checkbox input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.auth-area .register-box .button, .auth-area button {
    display: block;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background-color: #169ee3;
    border: unset
}

.auth-area button {
    width: 100% !important
}

.auth-area .register-box {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.auth-area .register-box p {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-style: italic
}

.auth-area .register-box p strong {
    display: block;
    margin-top: 25px;
    font-style: normal
}

.auth-area .register-box .button {
    width: 100%;
    margin-top: 100px
}

.auth-area .countdown {
    width: 150px;
    height: 137px;
    margin: 30px auto;
    padding-left: 35px;
    color: #169ee3;
    font-size: 24px;
    font-weight: 700;
    line-height: 137px;
    background: url(https://cdn.memorial.com.tr/files/images/bg@countdown.png) no-repeat center
}

body.rtl .auth-area .countdown {
    padding: 0 55px 0 0
}

.appointment-summary {
    position: relative;
    top: -120px;
    padding: 40px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 3px;
    margin-bottom: -120px
}

.appointment-summary .doctor-appointment-warning-boxes {
    margin: 30px auto;
    max-width: 70%
}

@media (max-width: 767px) {
    .appointment-summary .doctor-appointment-warning-boxes {
        max-width: 100%;
        margin: 30px 20px
    }
}

.appointment-summary .doctor-appointment-warning-boxes .box-item {
    border: 1px solid;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .appointment-summary .doctor-appointment-warning-boxes .box-item {
        padding: 10px
    }
}

.appointment-summary .doctor-appointment-warning-boxes .box-item .box-title, .appointment-summary .hero {
    font-size: 14px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 5px
}

.appointment-summary .doctor-appointment-warning-boxes .box-item .box-title span, .medical-units-warning-boxes .box-item .box-title span {
    color: #c12145
}

.appointment-summary .doctor-appointment-warning-boxes .box-item .box-content p {
    font-size: 14px;
    line-height: 1.4;
    color: #151b26
}

.appointment-summary .doctor-appointment-warning-boxes .box-item.gray {
    border-color: #979797
}

.appointment-summary .doctor-appointment-warning-boxes .box-item.red {
    border-color: #c12145
}

.appointment-summary .hero {
    font-size: 28px;
    margin-bottom: 40px;
    text-align: center
}

.appointment-summary .items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px
}

.appointment-summary .items > .item {
    flex: 0 0 48%;
    max-width: 48%;
    padding: 40px 40px 80px;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.appointment-summary .items .label {
    margin-bottom: 50px;
    color: #169ee3;
    font-size: 24px;
    font-weight: 700;
    text-decoration: underline
}

@media (max-width: 767px) {
    .appointment-summary .items .label {
        font-size: 22px;
        margin-bottom: 20px
    }
}

.appointment-summary .items ul li {
    color: #151b26;
    font-size: 18px;
    line-height: 32px
}

@media (max-width: 767px) {
    .appointment-summary .items ul li {
        font-size: 14px
    }
}

.appointment-summary .notice {
    color: #151b26;
    font-size: 14px;
    text-align: center
}

.appointment-summary .actions-error {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .appointment-summary .actions-error {
        justify-content: center
    }
}

.appointment-summary .appointment-success {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.appointment-summary .appointment-success img {
    margin-top: 60px
}

.appointment-summary .appointment-success .label {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    margin-top: 40px
}

.appointment-summary .appointment-success .desc {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    line-height: normal;
    text-align: center;
    color: #151b26;
    margin-top: 30px
}

.appointment-summary .appointment-success .button {
    margin-top: 50px;
    width: 335px
}

.appointment-summary .items .buttons-center, .appointment-summary .items .buttons-right {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    border: 0;
    border-radius: initial;
    margin-top: 50px
}

.appointment-summary .items .buttons-right .button-confirm {
    margin-left: 40px
}

.appointment-summary .items .buttons-center {
    justify-content: center;
    margin-top: 45px
}

.appointment-summary .items .buttons-center .button-confirm {
    margin-left: 30px
}

.appointment-summary .items .buttons-center .button-back {
    border: solid 2px #000
}

body.rtl .appointment-summary .items .buttons-center .button-back {
    width: 185px
}

.appointment-summary .items .buttons-center .button-back span {
    font-size: 14px
}

.appointment-summary .items .buttons-center .button-back em {
    margin: 3px 7px 0 0
}

.appointment-summary .items .buttons-center .button-icon {
    height: 53px;
    width: 165px;
    margin-left: 40px
}

body.rtl .appointment-summary .items .buttons-center .button-icon {
    margin: 0 40px 0 0;
    width: 185px
}

@media (max-width: 767px) {
    .appointment-summary .items .buttons-center .button-icon {
        margin-left: 0
    }

    body.rtl .appointment-summary .items .buttons-center .button-icon {
        margin: 0
    }
}

.old-appointment-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    min-height: 200px
}

.old-appointment-summary .old-appointment-title {
    font-size: 20px;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 767px) {
    .old-appointment-summary .old-appointment-title {
        text-align: center;
        font-size: 20px
    }
}

.old-appointment-summary .old-appointment-items {
    margin-top: 60px
}

.old-appointment-summary .old-appointment-items .label {
    font-size: 24px;
    text-decoration: none;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 45px;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 767px) {
    .old-appointment-summary .old-appointment-items .label {
        margin-bottom: 20px;
        font-size: 22px
    }
}

.old-appointment-summary .old-appointment-items .label:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #151b26;
    position: absolute;
    left: 0;
    bottom: 0
}

.old-appointment-summary .old-appointment-items ul li {
    font-size: 18px;
    color: #151b26;
    line-height: 32px
}

@media (max-width: 767px) {
    .old-appointment-summary .old-appointment-items ul li {
        font-size: 14px
    }
}

.old-appointment-summary ~ .appointment-summary {
    position: inherit;
    top: 0;
    margin-bottom: 0
}

.appointment-verify {
    padding-bottom: 50px
}

@media (max-width: 991px) {
    .appointment-verify .appointment-summary {
        top: -80px
    }
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary {
        margin-bottom: -80px
    }
}

@media (max-width: 991px) {
    .appointment-verify .appointment-summary .hero {
        display: none
    }

    .appointment-verify .appointment-summary .items .item {
        border: 0;
        margin-top: 0
    }
}

.appointment-verify .appointment-summary .items .item .label {
    font-size: 24px;
    text-decoration: none;
    position: relative;
    padding-bottom: 2px;
    margin-bottom: 60px;
    display: inline-block
}

.appointment-verify .appointment-summary .items .item .label:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #169ee3;
    position: absolute;
    left: 0;
    bottom: 0
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary .items .item .label {
        font-size: 22px;
        margin-bottom: 20px
    }

    .appointment-verify .appointment-summary .items .buttons-center {
        margin-top: 20px;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly
    }

    .appointment-verify .appointment-summary .items .buttons-center .button-confirm {
        margin-left: 0
    }

    .appointment-verify .appointment-summary .items .buttons-center .button-back {
        margin-top: 0;
        border-width: 2px
    }

    .appointment-verify .appointment-summary .doctor-appointment-warning-boxes {
        margin: 20px 0
    }
}

.appointment-verify .appointment-summary .appointment-error-wrapper {
    width: 80%;
    margin: auto
}

@media (min-width: 992px) and (max-width: 1200px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper {
        width: 90%
    }
}

@media (max-width: 991px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper {
        padding-bottom: 20px
    }
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper {
        width: 100%;
        padding: 20px 10px 25px
    }
}

.appointment-verify .appointment-summary .appointment-error-wrapper .message-area {
    text-align: center;
    font-style: italic
}

.appointment-verify .appointment-summary .appointment-error-wrapper .message-area .text {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #000
}

.appointment-verify .appointment-summary .appointment-error-wrapper .message-area a, .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .call-you .call-form .checkbox-field .checkbox label, .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .call-you .call-form .checkbox-field .checkbox label a, .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .call-you .call-form .form-group label, .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .text a {
    color: #000
}

.appointment-verify .appointment-summary .appointment-error-wrapper p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #000;
    margin-bottom: 20px
}

.appointment-verify .appointment-summary .appointment-error-wrapper p.font-p {
    font-size: 17px
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area {
    background-color: #fff;
    box-shadow: none;
    padding: 0;
    margin-top: 30px
}

@media (max-width: 991px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .titles {
        margin: 30px 0 15px
    }
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .titles {
        margin: 0
    }
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .title, .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .titles .title {
    color: #000 !important;
    font-weight: 800 !important
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .titles .title.pad-right {
    padding-right: 28%
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .titles .title-or {
    color: rgba(0, 0, 0, .39) !important;
    font-size: 14px;
    font-weight: 700
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .text {
    color: #000 !important;
    padding: 0 35px
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .text {
        padding: 0 25px
    }
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .live-support .img {
        width: 130px
    }
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .live-support .button {
    font-size: 14px
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .live-support .button .icon {
    padding-right: 5px
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .call-you .call-form .checkbox-field {
    padding: 0 28px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .call-you .call-form .checkbox-field {
        padding: 0
    }
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .call-you .call-form .checkbox-field {
        padding: 0
    }
}

@media (max-width: 991px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .call_you .call-you-title, .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area .live-support .call-you-title {
        margin-bottom: 30px
    }
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area.call_you-solo .form-group.buttons-mobile .button-mobile-call-us {
    border-color: #000;
    color: #000 !important
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area.call_you-solo .form-group.buttons-mobile .button-mobile-call-us em {
    color: #000 !important;
    font-size: 24px;
    padding-top: 5px
}

.appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area.call_you-solo .form-group.checkbox-field {
    width: 80% !important
}

@media (max-width: 991px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area.call_you-solo .form-group.checkbox-field {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    .appointment-verify .appointment-summary .appointment-error-wrapper .no-appointment-area.call_you-solo .form-group.checkbox-field .checkbox input[type=checkbox].styled-checkbox ~ label > span {
        left: -39px
    }
}

.appointment.successful-screen .appointment-summary {
    top: -180px;
    margin-bottom: -180px
}

@media (max-width: 767px) {
    .appointment.successful-screen .appointment-summary {
        top: -80px;
        margin-bottom: -80px;
        padding: 10px 0
    }
}

.appointment.successful-screen .appointment-summary .appointment-success img {
    margin-top: 10px;
    width: 120px
}

@media (max-width: 767px) {
    .appointment.successful-screen .appointment-summary .appointment-success img {
        margin-top: 20px;
        width: 90px
    }

    .appointment.successful-screen .appointment-summary .appointment-success .label {
        font-size: 20px;
        padding: 0 20px;
        margin-top: 30px
    }
}

.appointment.successful-screen .appointment-summary .appointment-success .desc {
    padding: 0 220px
}

@media (max-width: 991px) {
    .appointment.successful-screen .appointment-summary .appointment-success .desc {
        padding: 0 80px
    }
}

@media (max-width: 767px) {
    .appointment.successful-screen .appointment-summary .appointment-success .desc {
        padding: 0 10px;
        font-size: 14px
    }

    .appointment.successful-screen .appointment-summary .appointment-success .button-icon {
        margin-top: 40px;
        width: 165px
    }
}

.appointment.successful-screen .appointment-summary .notice {
    display: none
}

.appointment .section-story-wrapper {
    margin: 40px 0 0
}

@media (max-width: 991px) {
    .appointment .section-story-wrapper {
        margin: 60px 0 0
    }
}

@media (max-width: 767px) {
    .appointment .section-story-wrapper {
        margin: 20px 0 0
    }
}

.appointment .section-story-wrapper .section-story {
    margin: 0
}

.appointment .section-story-wrapper .section-story .for-you .hero {
    text-align: left;
    display: block
}

@media (max-width: 768px) {
    .appointment-summary .items > .item, .auth-area .column {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
        padding: 20px
    }

    .auth-area .register-box {
        position: static;
        transform: translateY(0)
    }

    .appointment .filter .notice {
        padding: 70px 15px;
        line-height: 20px
    }

    .appointment-sort {
        display: flex !important;
        flex-direction: column
    }

    .appointment-sort a {
        order: 3
    }

    .appointment-sort .doctor-sort-datepicker-container {
        order: 1;
        margin-top: 10px
    }

    .appointment-summary {
        top: 0;
        padding: 10px 0
    }

    .appointment-summary .hero {
        font-size: 20px;
        text-align: left;
        padding-left: 20px;
        margin-bottom: 0
    }
}

.medical-units {
    background-color: #f5f8fb
}

.medical-units > .container > .wrapper {
    position: relative;
    top: -50px;
    margin-top: -50px
}

.medical-units .search {
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .medical-units .search {
        margin-bottom: 20px !important
    }
}

@media (max-width: 767px) {
    .medical-units .search {
        margin-bottom: 0 !important
    }
}

.medical-units .search .select2.select2-container {
    margin-bottom: 5px
}

.medical-units .search .select2-basic.select2-h60 + .select2 .select2-selection {
    border: 1px solid #d4d7dd
}

@media (max-width: 767px) {
    .medical-units .search .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px;
        line-height: 48px
    }

    .medical-units .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        font-size: 14px;
        padding-left: 0
    }

    .medical-units .search .search-input {
        height: 50px
    }

    .medical-units.medical-units-list {
        border-top: none;
        border-radius: 0 0 4px 4px
    }
}

.medical-units.medical-units-list .right {
    padding: 0 0 10px !important
}

.medical-units .return-main-unit-container {
    text-align: center
}

.medical-units .return-main-unit-container .return-main-unit {
    border-radius: 4px;
    background-color: #151b26;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 20px 60px;
    margin-top: 40px;
    display: inline-block
}

@media (max-width: 767px) {
    .medical-units .return-main-unit-container .return-main-unit {
        margin: 20px 0
    }
}

.medical-units .return-main-unit-container .return-main-unit.margin-none {
    margin-top: 0
}

.medical-units .search-input, .medical-units select {
    font-size: 16px;
    height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    -webkit-appearance: none;
    appearance: none
}

.medical-units select {
    font-weight: 700;
    width: 335px;
    margin-right: 20px;
    line-height: 60px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat
}

.medical-units .search-input {
    font-weight: 400;
    max-width: 100%;
    width: 100%;
    line-height: normal
}

.medical-units .search-input::-moz-placeholder, .medical-units .search-input::-webkit-input-placeholder, .medical-units .search-input::placeholder, .page-doctors .search input::-moz-placeholder, .page-doctors .search input::-webkit-input-placeholder, .page-doctors .search input::placeholder {
    color: #151b26
}

.medical-units.hospitals .medical-units {
    margin-bottom: 0
}

.medical-units.hospitals .triple .triple-image {
    height: 220px;
    margin-bottom: 6px
}

.medical-units.hospitals .medical-units .selected-letter .left li, .medical-units.hospitals .medical-units .selected-letter .right li {
    margin-bottom: 0;
    padding: 5px !important;
    font-size: 16px
}

@media (max-width: 767px) {
    .medical-units.hospitals .medical-units .selected-letter .left li, .medical-units.hospitals .medical-units .selected-letter .right li {
        padding: 10px 5px !important
    }
}

.medical-units.hospitals .triple.triple-guild.no-margin {
    margin-top: -40px !important
}

@media (max-width: 767px) {
    .medical-units.hospitals .triple.triple-guild h4 {
        font-weight: 700
    }
}

@media (max-width: 991px) {
    .medical-units.hospitals .triple.triple-guild h4 {
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .medical-units.hospitals .triple.triple-guild .slick-slider {
        padding-left: 15px
    }

    .medical-units.hospitals .triple.triple-guild .col-12 {
        padding: 0 5px 0 0
    }
}

.medical-units.hospitals .triple.triple-guild .item {
    height: 150px
}

@media (max-width: 1199px) {
    .medical-units.hospitals .triple.triple-guild .item {
        height: 175px
    }
}

@media (max-width: 991px) {
    .medical-units.hospitals .triple.triple-guild .item {
        height: 150px
    }
}

@media (max-width: 767px) {
    .medical-units.hospitals .triple.video-slider .slick-slider {
        padding-left: 15px
    }

    .medical-units.hospitals .triple.video-slider .col-12 {
        padding: 0 5px 0 0
    }
}

.medical-units.hospitals .triple .campains-row .item-title > a {
    display: flex !important;
    align-items: center
}

.medical-units.hospitals .triple .campains-row .link .icon {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .03)
}

.medical-units.hospitals .triple .campains-row .link .icon em {
    font-size: 11px
}

.medical-units.hospitals .triple {
    position: relative
}

.medical-units.hospitals .triple .item-title {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    background-color: #f5f8fb80
}

.medical-units.hospitals .triple .item-title a {
    color: #151b26
}

.medical-units.hospitals .triple .item-title a.js-title {
    min-height: 34px;
    display: inline-block
}

.medical-units.hospitals .triple .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #151b26;
    overflow: hidden
}

.medical-units.hospitals .triple .link .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #151b26;
    text-align: center
}

.medical-units.hospitals .triple.campains {
    margin-top: 80px
}

.medical-units.hospitals .triple.campains:last-child {
    margin-bottom: 0
}

.medical-units.hospitals .triple .item a .js-title {
    margin-bottom: 20px;
    min-height: 50px
}

@media (max-width: 991px) {
    .medical-units.hospitals .triple .item a .js-title {
        height: 75px
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .medical-units.hospitals .triple .item a h4 {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .medical-units.hospitals .triple .item a h4 {
        font-size: 14px;
        font-weight: 700
    }

    .medical-units.hospitals .triple .item a.name {
        font-size: 13px;
        font-weight: 400;
        color: rgba(21, 27, 38, .5)
    }
}

.medical-units.hospitals .triple .article-image {
    height: 189px
}

@media (max-width: 991px) {
    .medical-units.hospitals .triple .article-image {
        height: 115px
    }
}

@media (max-width: 767px) {
    .medical-units.hospitals .triple .article-image {
        height: 145px
    }
}

.medical-units.hospitals .triple .video-image {
    height: 190px
}

.medical-units.hospitals .triple .video-image img {
    border-radius: 4px
}

@media (max-width: 991px) {
    .medical-units.hospitals .triple .video-image {
        height: 115px
    }
}

@media (max-width: 767px) {
    .medical-units.hospitals .triple .video-image {
        height: 155px
    }
}

.medical-units.hospitals .triple .video-image .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.medical-units.hospitals .triple .video-image .icon img {
    width: 80px;
    position: relative;
    transform: none;
    top: inherit;
    left: inherit
}

.medical-units.hospitals .triple .icon-youtube {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2
}

.medical-units-warning-boxes {
    margin-bottom: 30px;
    max-width: 100%
}

@media (max-width: 767px) {
    .medical-units-warning-boxes {
        max-width: 100%;
        margin: 15px 11px 0
    }
}

.medical-units-warning-boxes .box-item {
    border: 1px solid;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 767px) {
    .medical-units-warning-boxes .box-item {
        padding: 10px;
        margin: 0
    }
}

.medical-units-warning-boxes .box-item .box-title {
    font-size: 14px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 5px
}

.medical-units-warning-boxes .box-item .box-content p {
    font-size: 14px;
    line-height: 1.4
}

.medical-units-warning-boxes .box-item.gray {
    border-color: #979797
}

.medical-units-warning-boxes .box-item.red {
    border-color: #c12145
}

.medical-units .search-medical-unit {
    position: relative
}

.medical-units .search-medical-unit .search-input {
    padding: 0 40px 0 20px
}

.medical-units .search-medical-unit-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

body.rtl .medical-units .search-medical-unit-btn {
    right: inherit;
    left: 20px
}

@media (max-width: 767px) {
    .medical-units .search-medical-unit-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }

    body.rtl .medical-units .search-medical-unit-btn {
        right: inherit;
        left: 10px
    }
}

.medical-units .search-medical-unit-btn.hidden {
    display: none
}

.medical-units .search-medical-unit-btn.clear-icon {
    background-image: url(https://cdn.memorial.com.tr/files/images/close-dark.svg);
    background-size: 100%;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

.medical-units .search-medical-unit-btn.clear-icon.visible {
    display: block
}

.no-padding-top {
    padding-top: 0
}

.medical-units .wrapper-box {
    position: relative;
    padding: 80px 80px 40px;
    margin-bottom: 40px;
    background-color: #fff;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

.deseases-treatments ul, .medical-units .wrapper-box .select2-container {
    margin-bottom: 20px
}

.medical-units .wrapper-box.doctors .select2-container {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.doctors .content-wrapper .item .content :not(.label,.action-doctor-favorite) {
        display: flex;
        align-items: center
    }
}

.medical-units .wrapper-box.doctors {
    padding: 80px 40px 40px
}

@media (max-width: 991px) {
    .medical-units .wrapper-box.doctors {
        padding: 0
    }
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.doctors .pagination-button {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .medical-units .wrapper-box.doctors .content-wrapper {
        padding: 0 20px 20px !important
    }
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.doctors .item {
        margin: 10px 10px 0
    }

    .medical-units .wrapper-box.doctors .item .content {
        padding: 5px;
        position: relative;
        display: flex
    }

    .medical-units .wrapper-box.doctors .item .content::before {
        content: '';
        width: 18px;
        height: 20px;
        position: absolute;
        right: 5px;
        top: 0;
        transform: translateY(40%);
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat
    }

    .medical-units .wrapper-box.doctors .item .content .action-doctor-favorite {
        display: none !important
    }

    .medical-units .wrapper-box.doctors .item .content .img {
        width: 30px
    }

    .medical-units .wrapper-box.doctors .item .content .label-wrap, .medical-units .wrapper-box.doctors .item .content .patient-thanks-link-wrap {
        display: none
    }

    .medical-units .wrapper-box.doctors .item .content .name {
        height: auto;
        font-weight: 400;
        display: inherit;
        padding-right: 15px;
        text-align: center
    }

    .medical-units .wrapper-box.doctors .item .content .hospital-name {
        display: none
    }

    .medical-units .wrapper-box.doctors .item .content .image-cover {
        height: 30px;
        width: 30px;
        background-size: contain;
        margin-right: 10px;
        border-radius: 4px
    }

    .medical-units .wrapper-box.doctors .hospital-based-group-doctors .col-lg-4:nth-of-type(1) .item, .medical-units .wrapper-box.doctors .hospital-based-group-doctors .col-lg-4:nth-of-type(2) .item {
        margin-top: 0;
        padding-top: 0;
        border-top: none
    }

    .medical-units .wrapper-box.doctors .hospital-based-group-doctors .item {
        border-top: none;
        padding-top: 5px
    }
}

.medical-units .wrapper-box.doctors .hospital-based-group-doctors .item .content .name {
    text-align: left;
    font-size: 16px
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.doctors .hospital-based-group-doctors .item .content .name {
        font-size: 14px;
        margin-top: 0
    }
}

.medical-units .wrapper .create-appointment-button + .wrapper-box.doctors, .medical-units .wrapper .create-appointment-button + .wrapper-box.wrapper-box-disease, .medical-units .wrapper > .wrapper-box.doctors {
    margin-top: 0
}

.medical-units .wrapper-box:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .medical-units .medical-units-detail-content, .medical-units .wrapper-box .content-wrapper {
        padding-bottom: 0 !important
    }
}

.medical-units .medical-units-detail-content p, .medical-units .wrapper-box .content-wrapper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    color: #151b26
}

.medical-units .hospital-and-button .iconhospital img, .medical-units .medical-units-detail-content img, .medical-units .wrapper-box .content-wrapper img, .medical-units .wrapper-box.institutions .actions .search-medical-unit {
    width: 100%
}

.medical-units .medical-units-detail-content ul {
    margin: 20px 0
}

.medical-units .medical-units-detail-content ul li {
    padding-left: 20px
}

.medical-units .medical-units-detail-content ol li p, .medical-units .medical-units-detail-content ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #151b26
}

.medical-units .medical-units-detail-content ul li:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0
}

.medical-units .medical-units-detail-content ol {
    padding-left: 20px;
    margin: 20px 0
}

.medical-units .medical-units-detail-content ol li, .medical-units .medical-units-detail-content ul li {
    font-size: 16px;
    font-weight: 400;
    color: #151b26;
    line-height: 24px;
    position: relative
}

.medical-units .wrapper-box .content-wrapper h2, .medical-units .wrapper-box .content-wrapper h2 a, .medical-units .wrapper-box .medical-units-detail-content h2, .medical-units .wrapper-box .medical-units-detail-content h2 a, .medical-units .wrapper-box > .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: 0;
    color: #151b26
}

.medical-units .wrapper-box .content-wrapper h3, .medical-units .wrapper-box .content-wrapper h3 a, .medical-units .wrapper-box .medical-units-detail-content h3, .medical-units .wrapper-box .medical-units-detail-content h3 a {
    font-size: 18px;
    color: #151b26;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    .medical-units .wrapper-box .content-wrapper h3, .medical-units .wrapper-box .content-wrapper h3 a, .medical-units .wrapper-box .medical-units-detail-content h3, .medical-units .wrapper-box .medical-units-detail-content h3 a {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .medical-units .wrapper-box .content-wrapper h3, .medical-units .wrapper-box .content-wrapper h3 a, .medical-units .wrapper-box .medical-units-detail-content h3, .medical-units .wrapper-box .medical-units-detail-content h3 a {
        margin-bottom: 0
    }
}

.last-appointments .more span, .medical-units .more span, .medical-units .wrapper-box .content-wrapper h2 a, .medical-units .wrapper-box .content-wrapper h3 a, .medical-units .wrapper-box .medical-units-detail-content h2 a, .medical-units .wrapper-box .medical-units-detail-content h3 a, .page-doctors .articles .more span, .page-doctors .doctor-videos .more span, .page-doctors .patient-stories .more span, .page-doctors .patient-thanks .more span {
    text-decoration: underline
}

.medical-units .wrapper-box .content-wrapper h2 strong, .medical-units .wrapper-box .medical-units-detail-content h2 strong {
    font-weight: 700 !important
}

@media (max-width: 991px) {
    .medical-units .wrapper-box > .title {
        cursor: pointer;
        padding: 15px 20px;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg) no-repeat 97% center
    }
}

@media (max-width: 767px) {
    .medical-units .wrapper-box > .title {
        background: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg) no-repeat 95% center
    }
}

@media (max-width: 991px) {
    .medical-units .wrapper-box.active > .title {
        background: url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg) no-repeat 97% center
    }
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.active > .title {
        background: url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg) no-repeat 95% center
    }
}

.medical-units .wrapper-box > .paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-left: 0;
    margin-bottom: 10px;
    color: #151b26
}

.medical-units .wrapper-box .paragraph:last-child {
    margin-bottom: 0
}

.medical-units .hospital-and-button .create-appointment-button, .page-hero .create-appointment-button {
    font-weight: 700;
    color: #151b26;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    background-color: #ffc107
}

.page-hero .create-appointment-button {
    display: inline-block;
    font-size: 12px;
    width: 336px
}

@media (max-width: 767px) {
    .page-hero .create-appointment-button {
        font-size: 14px
    }
}

.medical-units .hospital-and-button .create-appointment-button em, .page-hero .create-appointment-button em {
    color: #151b26;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px
}

body.rtl .medical-units .hospital-and-button .create-appointment-button em, body.rtl .page-hero .create-appointment-button em {
    margin: 0 0 0 8px
}

.medical-units .hospital-and-button .create-appointment-button {
    font-size: 14px;
    width: 35%
}

@media (max-width: 767px) {
    .medical-units .hospital-and-button .create-appointment-button {
        font-size: 14px;
        width: 100%
    }
}

.medical-units .hospital-and-button .create-appointment-button {
    position: relative;
    top: unset;
    right: unset;
    display: block
}

.medical-units .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    margin-top: 50px;
    margin-right: 10px;
    display: block;
    color: #151b26
}

.last-appointments .more em, .medical-units .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

.medical-units .health-packs .more {
    margin: 0;
    color: #fff
}

.medical-units .health-packs .more em {
    color: #fff
}

.medical-units .padding-bottom-80 {
    padding-bottom: 80px
}

.medical-units .hospital-and-button {
    justify-content: space-between;
    padding: 40px 160px
}

.medical-units .hospital-and-button, .medical-units .hospital-and-button-content {
    display: flex;
    flex-direction: row;
    align-items: center
}

.medical-units .hospital-and-button .iconhospital {
    margin-right: 20px;
    width: 83px
}

.medical-units .hospital-and-button .iconlogo {
    display: inline-block;
    margin-top: 10px
}

@media (max-width: 767px) {
    .medical-units .hospital-and-button .iconlogo {
        margin-top: 0
    }
}

.medical-units .hospital-and-button .iconlogo em {
    margin-bottom: 5px;
    font-size: 20px;
    color: #169ee3
}

.medical-units .hospital-and-button .hospital-name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #151b26
}

.hc-article-detail .article ol li p, .hc-article-detail .article ul li p, .medical-units .hospital-and-button .hospital-branch, .page-hl-ilness-detail .article ol li p, .page-hl-ilness-detail .article ul li p, .page-hl-technologies-detail .wrapper-box.about ol li p, .page-hl-technologies-detail .wrapper-box.about ul li p, .page-hl-tests-detail .wrapper-box.about ol li p, .page-hl-tests-detail .wrapper-box.about ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #151b26
}

.medical-units .wrapper-box-disease .col-6:first-child ul {
    border-right: solid 1px #169ee3
}

.medical-units .wrapper-box-disease .col-6:first-child ul.border-none {
    border: 0
}

.medical-units .wrapper-box-disease .col-6:last-child ul {
    margin-left: 50px
}

.medical-units .wrapper-box-disease ul li {
    position: relative;
    width: 75%;
    padding-right: 30px
}

.medical-units .wrapper-box-disease ul li a {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0;
    display: block;
    border-bottom: 1px solid #d4d7dd;
    color: #151b26
}

.medical-units .wrapper-box-disease ul li:last-child a {
    border: 0
}

.medical-units .wrapper-box-disease ul li em {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}

@media (max-width: 991px) {
    .medical-units .wrapper-box-disease .more {
        margin-top: 20px
    }
}

.medical-units .wrapper-box.institutions .title {
    line-height: normal
}

.medical-units .wrapper-box.institutions .paragraph {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #151b26
}

.medical-units .wrapper-box.institutions .actions {
    margin-top: 35px
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.institutions .actions .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px
    }

    .medical-units .wrapper-box.institutions .actions .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.institutions .actions .search-medical-unit .search {
        height: 50px
    }

    .medical-units .wrapper-box.institutions .result-empty {
        padding: 20px 0
    }
}

.medical-units .wrapper-box.institutions .actions input {
    border-color: #d4d7dd;
    width: 100%;
    height: 60px;
    line-height: 60px !important;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    margin-top: 0
}

.medical-units .wrapper-box.institutions .actions input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 60px !important;
    color: #151b26
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.institutions .actions input::-webkit-input-placeholder {
        font-size: 14px;
        opacity: .5;
        line-height: 50px !important
    }
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.institutions .actions input:-ms-input-placeholder {
        font-size: 14px;
        opacity: .5;
        line-height: 50px !important
    }
}

.medical-units .wrapper-box.institutions .actions input:-moz-placeholder, .medical-units .wrapper-box.institutions .actions input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 60px !important;
    color: #151b26
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.institutions .actions input:-moz-placeholder, .medical-units .wrapper-box.institutions .actions input::-moz-placeholder {
        font-size: 14px;
        opacity: .5;
        line-height: 50px !important
    }
}

.medical-units .wrapper-box.institutions .actions input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 60px !important;
    color: #151b26
}

.medical-units .wrapper-box.institutions .actions input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 60px !important;
    color: #151b26
}

.medical-units .wrapper-box.institutions .actions input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 60px !important;
    color: #151b26
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.institutions .actions input:-ms-input-placeholder {
        font-size: 14px;
        opacity: .5;
        line-height: 50px !important
    }

    .medical-units .wrapper-box.institutions .actions input::-ms-input-placeholder {
        font-size: 14px;
        opacity: .5;
        line-height: 50px !important
    }

    .medical-units .wrapper-box.institutions .actions input::placeholder {
        font-size: 14px;
        opacity: .5;
        line-height: 50px !important
    }
}

.medical-units .sub-units {
    display: block;
    margin-bottom: 80px
}

.medical-units .sub-units .title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

.medical-units .sub-units .item {
    position: relative;
    padding: 25px 20px 25px 12.5px;
    min-height: 126px;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-color: #169ee3;
    margin-right: 30px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .medical-units .sub-units .item {
        min-height: 126px
    }
}

.medical-units .sub-units .item .title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: normal
}

.medical-units .sub-units .item p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 22px
}

.medical-units .sub-units .item em {
    font-size: 14px;
    position: absolute;
    top: 31px;
    right: 12px;
    color: #fff
}

.medical-units .sub-units .slick-list {
    padding: 0 10% 0 0 !important
}

.medical-units .sub-units .slick-list .slick-track {
    margin: initial
}

.medical-units .sub-units .slick-prev {
    display: none !important
}

.medical-units .sub-units .slick-next {
    position: absolute;
    right: -1px;
    top: 0;
    width: 110px;
    height: 106px !important;
    border: unset;
    outline: 0;
    cursor: pointer;
    text-indent: -9999px;
    background: rgba(0, 0, 0, .4) url(https://cdn.memorial.com.tr/files/images/icon@arrow-thin.svg) no-repeat center;
    transform: none;
    border-radius: 5px 0 0 5px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .medical-units .sub-units .slick-next {
        width: 91px;
        height: 126px !important
    }
}

@media (max-width: 767px) {
    .medical-units .sub-units .slick-next {
        display: none
    }
}

.medical-units .sub-units .slick-list .item {
    margin-right: 5px
}

.introduction-alternate {
    position: relative;
    height: 444px;
    margin-bottom: 80px;
    background-blend-mode: darken, darken, darken;
    background: linear-gradient(to bottom, rgba(255, 193, 7, 0), rgba(255, 193, 7, .25)), linear-gradient(292deg, rgba(21, 27, 38, .1) 60%, rgba(21, 27, 38, .5)), linear-gradient(68deg, rgba(193, 30, 67, .1) 9%, rgba(193, 30, 67, .5));
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.introduction-alternate:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

.introduction-alternate .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.introduction-alternate .title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    color: #fff
}

.introduction-alternate p {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.introduction-alternate > .link {
    position: absolute;
    right: 80px;
    bottom: 40px;
    display: block;
    width: 278px;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden;
    letter-spacing: .4px
}

.introduction-alternate .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

@media (max-width: 767px) {
    .introduction-alternate .link > .icon {
        font-size: 10px
    }
}

.introduction-alternate .link > .icon em {
    color: #fff
}

.medical-units > .container > .wrapper.only-button {
    padding-bottom: 80px
}

.last-appointments .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    margin-top: 50px;
    margin-right: 10px;
    display: block;
    color: #151b26
}

.medical-units .last-appointments {
    position: relative;
    top: 100px;
    margin-bottom: 60px;
    background-color: transparent
}

.medical-units .last-appointments .box-row {
    justify-content: inherit;
    margin: 0 20px
}

@media (max-width: 767px) {
    .medical-units .last-appointments .box-row {
        margin: 0
    }
}

.medical-units .last-appointments .box-row .slick-list {
    padding: 0 20% 0 0
}

.medical-units .last-appointments .box-row .box {
    margin-right: 40px
}

@media (max-width: 767px) {
    .medical-units .last-appointments .box-row .box {
        margin-right: 5px
    }
}

.medical-units .last-appointments .box-row .box:last-child {
    margin-right: 0
}

.medical-units .last-appointments .box-row .box .content .icon {
    border-radius: 4px
}

.medical-units .contact-form {
    margin-top: 30px
}

.mar-top-40 {
    margin-top: 40px !important
}

@media (max-width: 991px) {
    .mar-top-40 {
        margin-top: 20px !important
    }
}

@media (max-width: 767px) {
    .mar-top-40 {
        margin-top: 0 !important
    }
}

.mar-top-80 {
    margin-top: 80px
}

@media all and (-ms-high-contrast: none) {
    .select2 .select2-selection__arrow b::before {
        top: 0;
        bottom: 0;
        margin: auto;
        right: 9px
    }

    .select2 .select2-selection__arrow b::after {
        top: 0;
        bottom: 0;
        margin: auto
    }
}

.hospital-based-group-doctors {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 45px;
    margin: 0 0 45px;
    position: relative
}

@media (max-width: 767px) {
    .hospital-based-group-doctors {
        padding: 0 0 15px;
        margin: 0 0 20px
    }
}

.hospital-based-group-doctors:after {
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    background-color: #3e3e3e;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

@media (max-width: 767px) {
    .hospital-based-group-doctors:after {
        width: calc(100% - 45px)
    }
}

.hospital-based-group-doctors:last-of-type {
    padding: 0;
    margin: 0
}

@media (max-width: 767px) {
    .hospital-based-group-doctors:last-of-type {
        padding: 0 0 15px
    }
}

.hospital-based-group-doctors:last-of-type:after {
    display: none
}

@media (max-width: 767px) {
    .hospital-based-group-doctors:nth-of-type(2) .hospital-name {
        margin: 15px 15px 0
    }
}

.hospital-based-group-doctors .hospital-name {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .hospital-based-group-doctors .hospital-name {
        font-size: 14px;
        margin: 0 15px
    }
}

.medical-units .wrapper-box.hospitals {
    padding: 40px 80px 20px
}

.medical-units .wrapper-box.hospitals .item img {
    height: 100%;
    object-fit: cover
}

.page-doctors {
    position: relative;
    padding-top: 40px;
    background-color: #f5f8fb;
    padding-bottom: 50px
}

.page-doctors.page-doctor-detail {
    padding-bottom: 0
}

@media (max-width: 767px) {
    .page-doctors.m-full-container {
        padding-bottom: 40px;
        overflow: hidden
    }

    .page-doctors .select2 {
        width: 100% !important;
        margin-bottom: 10px
    }
}

.page-doctors .search {
    display: block !important
}

.page-doctors.doctor-list .search-doctor, .page-doctors.doctor-list .select2-container {
    width: 100% !important
}

@media (max-width: 991px) {
    .page-doctors.doctor-list-letter .doctors h3.title {
        margin: 0
    }
}

.page-doctors .wrapper-box .js-read-more {
    width: 163px;
    height: 53px;
    border-radius: 4px;
    border: solid 1px #151b26;
    background-color: #fff;
    margin: 20px auto 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 53px;
    color: #151b26;
    cursor: pointer
}

.page-doctors .doctors {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-doctors .doctors {
        border-top: none;
        border-radius: 0 0 4px 4px;
        padding: 20px 10px 15px
    }
}

.page-doctors .search {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .page-doctors .search {
        display: block;
        margin-bottom: 0
    }
}

.page-doctors .search input, .page-doctors .search select {
    font-size: 16px;
    height: 60px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-doctors .search select {
    font-weight: 700;
    width: 335px;
    line-height: normal;
    padding: 0 20px;
    background-color: #fff
}

.page-doctors .search input {
    font-weight: 400;
    width: 420px;
    line-height: 60px;
    padding: 0 55px 0 20px
}

@media (max-width: 767px) {
    .page-doctors .search input {
        padding: 0 40px 0 20px;
        font-size: 14px
    }
}

@media (max-width: 991px) {
    .page-doctors .search input, .page-doctors .search select {
        height: 50px;
        line-height: normal
    }
}

@media (max-width: 767px) {
    .page-doctors .search input, .page-doctors .search select {
        width: 100%;
        margin-top: 5px
    }
}

.page-doctors .result-count {
    font-size: 20px;
    font-weight: 400;
    color: #151b26;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center
}

@media (max-width: 767px) {
    .page-doctors .result-count {
        text-align: left !important;
        padding-left: 10px;
        margin: 0 0 10px;
        font-size: 14px
    }
}

.page-doctors .result-count span, .page-hl-ilness .wrapper-box.search-ilness .letters li.active a, .page-hl-ilness .wrapper-box.search-ilness .letters li.selected a {
    font-weight: 700;
    color: #169ee3
}

.page-doctors article, .page-doctors.doctor-list .search-doctor-area {
    position: relative
}

.page-doctors.doctor-list .search-doctor-area .search-doctor-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

body.rtl .page-doctors.doctor-list .search-doctor-area .search-doctor-btn {
    right: inherit;
    left: 20px
}

@media (max-width: 767px) {
    .page-doctors.doctor-list .search-doctor-area .search-doctor-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 20px
    }

    body.rtl .page-doctors.doctor-list .search-doctor-area .search-doctor-btn {
        right: inherit;
        left: 10px
    }
}

.deseases-treatments ul li, .page-doctors.doctor-list .search-doctor-area .search-doctor-btn.hidden {
    display: none
}

.page-doctors.doctor-list .search-doctor-area .search-doctor-btn.clear-icon {
    background-image: url(https://cdn.memorial.com.tr/files/images/close-dark.svg);
    background-size: 100%;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

.page-doctors.doctor-list .search-doctor-area .search-doctor-btn.clear-icon.visible {
    display: block
}

@media (max-width: 767px) {
    .page-doctors.doctor-list .doctors .letters ul {
        display: block;
        padding: 15px 10px;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }

    .page-doctors.doctor-list .doctors .letters ul li {
        margin: 0;
        padding: 10px 0
    }

    .page-doctors.doctor-list .doctors .letters ul li a {
        padding: 10px 14px !important;
        font-size: unset;
        line-height: 30px
    }

    .page-doctors.doctor-list .doctors .letters ul li.selected a {
        color: #fff !important;
        background-color: #151b26;
        border-radius: 4px;
        font-weight: 400
    }

    .page-doctors.doctor-list .doctors .letters ul li.selected a::after {
        display: none
    }

    .page-doctors.doctor-list .doctors .title {
        margin: 15px 0 5px;
        line-height: normal
    }
}

.page-doctors .last-appointments {
    padding: 0 40px 40px;
    margin-bottom: 40px;
    background-color: transparent;
    position: relative
}

.page-doctors .last-appointments .icon em {
    width: 24px;
    height: 24px
}

.page-doctors .last-appointments::after {
    content: '';
    width: 93%;
    height: 1px;
    background-color: #d4d7dd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

@media (max-width: 991px) {
    .page-doctors .last-appointments::after {
        display: none
    }

    .page-doctors .last-appointments {
        padding: 0;
        margin-bottom: 20px
    }
}

.page-doctors .last-appointments .more {
    margin-right: 0
}

.page-doctors .wrapper-box {
    padding: 15px;
    position: relative;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    margin-bottom: 12px;
    background-color: #fff
}

.page-doctors .wrapper-box:last-child {
    margin-bottom: 0 !important
}

.page-doctors .wrapper-box.mobile-toggle-container-doctor-info h2 {
    text-transform: uppercase
}

@media (max-width: 767px) {
    .page-doctors .wrapper-box.mobile-toggle-container-doctor-info {
        background: 0 0;
        margin: 0;
        padding: 10px 20px !important
    }

    .page-doctors .wrapper-box.mobile-toggle-container-doctor-info .box-title {
        margin-bottom: 0;
        border-radius: 3px;
        border: solid 1px #d4d7dd;
        background-color: #fff;
        padding: 15px 50px 15px 10px;
        font-size: 16px;
        font-weight: 400;
        color: #151b26;
        background-image: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 24px
    }

    body.rtl .page-doctors .wrapper-box.mobile-toggle-container-doctor-info .box-title {
        padding: 15px 10px 15px 50px;
        background-position: 5% center
    }

    .page-doctors .wrapper-box.mobile-toggle-container-doctor-info .mobile-content {
        display: none;
        border: 1px solid #d4d7dd;
        border-top: 0;
        padding: 10px;
        border-radius: 4px
    }

    .page-doctors .wrapper-box.mobile-toggle-container-doctor-info.mobile-active .box-title {
        background-image: url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg)
    }

    .page-doctors .wrapper-box.mobile-toggle-container-doctor-info.mobile-active .mobile-content {
        display: block
    }
}

.page-doctors .wrapper-box .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-doctors .wrapper-box .title {
        font-size: 16px
    }
}

.page-doctors .doctor-info {
    display: flex;
    flex-direction: row;
    padding: 80px 100px 80px 150px
}

.page-doctors .doctor-info .img-wrapper {
    margin-right: 80px
}

.page-doctors .doctor-info .img-wrapper img {
    width: 100%;
    object-fit: cover;
    top: 0;
    transform: none
}

.page-doctors .doctor-info .area > .content {
    flex: 0 0 65%;
    max-width: 65%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media (max-width: 991px) {
    .page-doctors .doctor-info .area > .content {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-info .area > .content {
        margin: 0 0 -20px;
        background: #f5f8fa
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-doctors .doctor-info .area > .content .pl-half, .page-doctors .doctor-info .area > .content .pr-half {
        padding: 0 10px
    }
}

.page-doctors .doctor-info .name {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-doctors .doctor-info .name {
        font-size: 24px !important;
        padding: 0 20px
    }
}

.page-doctors .doctor-info .branch {
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
    color: #151b26
}

.page-doctors .doctor-info .action-box {
    position: relative;
    padding: 20px;
    border: 1px solid #d4d7dd;
    border-radius: 0 0 4px 4px
}

.page-doctors .doctor-info .action-box .content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 5px;
    flex: 0 0 100%;
    max-width: 100%;
    background: #fff
}

.page-doctors .doctor-info .action-box .logo em {
    font-size: 20px;
    color: #169ee3;
    display: flex
}

@media (max-width: 991px) {
    .page-doctors .doctor-info .action-box .logo em {
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-info .action-box .logo em {
        font-size: 10px
    }
}

.doctor-call-you-modal .call-you .call-form .form-group #example2 > div, .page-doctors .doctor-info .action-box .hospital {
    margin-left: 25px
}

.page-doctors .doctor-info .action-box .hospital em {
    font-size: 69px;
    color: #151b26
}

.page-doctors .doctor-info .action-box .hospital-name {
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #151b26
}

@media (max-width: 991px) {
    .page-doctors .doctor-info .action-box .hospital-name {
        font-size: 16px;
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-info .action-box .hospital-name {
        font-size: 16px;
        font-weight: 700;
        margin-top: 3px
    }
}

.page-doctors .doctor-info .action-box .hospital-address {
    font-size: 12px;
    font-weight: 400;
    color: #777;
    max-height: 48px;
    line-height: 1.3
}

.page-doctors .doctor-info .action-box .other-hospitals {
    margin-top: 0
}

.page-doctors .doctor-info .action-box .button {
    position: absolute;
    display: inline-block;
    bottom: calc(-53px / 2);
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 12px;
    width: 336px;
    color: #151b26;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    background-color: #ffc107
}

.page-doctors .doctor-info .action-box .button em {
    color: #151b26;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px
}

.page-doctors .doctor-expertise {
    padding: 40px 40px 20px;
    position: relative
}

.deseases-treatments {
    display: flex;
    position: relative
}

@media (max-width: 767px) {
    .deseases-treatments {
        display: block
    }
}

.deseases-treatments .deseases-treatments-inner {
    width: 50%
}

@media (max-width: 767px) {
    .deseases-treatments .deseases-treatments-inner {
        width: 100%
    }

    .deseases-treatments .deseases-treatments-inner:not(:first-child) {
        margin-top: 20px
    }
}

.deseases-treatments .deseases-treatments-inner .deseases-treatments-link {
    cursor: pointer;
    text-decoration: underline
}

.deseases-treatments .show-more {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #169ee3;
    cursor: pointer;
    margin-bottom: 10px
}

.page-doctors .doctor-expertise ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

.page-doctors .doctor-expertise ul li {
    display: none;
    flex: 0 0 48%;
    margin: 0 10px 4px 0;
    position: relative;
    padding-left: 10px;
    min-height: 34px
}

.page-doctors .doctor-expertise ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #169ee3;
    position: absolute;
    top: 5px;
    left: 0
}

.page-doctors .doctor-expertise .featured-area-info::before, .page-doctors .doctor-expertise ul li.featured-area::before {
    width: 12px;
    height: 12px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@star.svg) no-repeat;
    top: 4px;
    left: -5px
}

.page-doctors .doctor-expertise .featured-area-info {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
    padding-left: 17px;
    position: absolute;
    right: 0;
    bottom: 5px
}

@media (max-width: 767px) {
    .page-doctors .doctor-expertise .featured-area-info {
        right: 10px
    }
}

.page-doctors .doctor-expertise .featured-area-info::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0
}

.doctor-other-hospital-unit .other-hospital-unit-item {
    padding-left: 15px
}

body.rtl .doctor-other-hospital-unit .other-hospital-unit-item {
    padding: 0 15px 0 0
}

.doctor-other-hospital-unit .other-hospital-unit-item:last-child, .page-doctors .doctor-information > div:last-child {
    margin-bottom: 0
}

.doctor-other-hospital-unit .other-hospital-unit-item .hospital-name {
    font-size: 16px;
    color: #777;
    position: relative
}

.doctor-other-hospital-unit .other-hospital-unit-item .hospital-name:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    width: 5px;
    height: 5px;
    background-color: #169ee3;
    border-radius: 50%
}

body.rtl .doctor-other-hospital-unit .other-hospital-unit-item .hospital-name:before {
    left: inherit;
    right: -15px
}

.doctor-other-hospital-unit .other-hospital-unit-item .unit-name {
    font-weight: 500;
    line-height: 1.8;
    color: #777
}

.page-doctors .doctor-information .info-item > h3.title {
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .page-doctors .doctor-information .info-item > h3.title {
        font-size: 14px
    }
}

.page-doctors .doctor-information .link, .page-doctors .doctor-information p {
    font-size: 16px;
    font-weight: 500;
    color: #169ee3
}

@media (max-width: 767px) {
    .page-doctors .doctor-information .link, .page-doctors .doctor-information p {
        font-size: 14px
    }
}

.page-doctors .doctor-information .social-media {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 8px;
    color: #151b26;
    transition: 300ms
}

.page-doctors .doctor-information .social-media:hover {
    color: rgba(21, 27, 38, .6)
}

@media (max-width: 767px) {
    .page-doctors .doctor-information .social-media {
        font-size: 14px
    }
}

.page-doctors .doctor-information .social-media:last-child {
    margin-bottom: 0
}

.page-doctors .doctor-information .link + .social-media {
    margin-top: 10px
}

.page-doctors .doctor-information .social-media em {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    color: #151b26
}

.hc-article-detail .navigation a .text strong, .health-center .triple a h3, .page-doctors .doctor-information .social-media em:before, .page-hl-ilness .wrapper-box.search-ilness .filter a.active, .page-hl-tests .wrapper-box.search .filter a.active {
    font-weight: 700
}

.page-doctors .experience .item {
    font-size: 16px
}

@media (max-width: 767px) {
    .page-doctors .experience .item {
        border-bottom: 1px solid #d4d7dd;
        margin-bottom: 20px;
        padding-bottom: 20px
    }
}

.page-doctors .education .item:last-child, .page-doctors .experience .item:last-child, .page-doctors .memberships ul li:last-child, .page-doctors .publishings ol li:last-child, .page-doctors .publishings ul li:last-child, .page-hl-tests-detail .wrapper-box.about p:last-child {
    margin-bottom: 0
}

.page-doctors .experience .date {
    font-size: 16px;
    font-weight: 500;
    color: #169ee3
}

@media (max-width: 767px) {
    .page-doctors .experience .date {
        font-size: 12px
    }
}

.page-doctors .experience .name {
    font-size: 16px;
    font-weight: 500;
    color: #151b26;
    margin: 4px 0
}

@media (max-width: 767px) {
    .page-doctors .experience .name {
        font-size: 14px
    }
}

.page-doctors .experience .branch {
    font-weight: 400;
    color: #777
}

@media (max-width: 767px) {
    .page-doctors .experience .branch {
        font-size: 14px
    }
}

.page-doctors .education .item {
    font-size: 16px
}

.page-doctors .education .date {
    font-size: 16px;
    font-weight: 500;
    color: #169ee3
}

@media (max-width: 767px) {
    .page-doctors .education .date {
        font-size: 14px
    }
}

.page-doctors .education .name {
    font-size: 16px;
    font-weight: 500;
    color: #151b26;
    margin: 4px 0
}

@media (max-width: 767px) {
    .page-doctors .education .name {
        font-size: 14px
    }
}

.page-doctors .education .branch {
    font-weight: 400;
    color: #777
}

@media (max-width: 767px) {
    .page-doctors .education .branch {
        font-size: 12px
    }
}

.page-doctors .publishings ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    padding-left: 20px
}

@media (max-width: 767px) {
    .page-doctors .publishings ul li {
        font-size: 14px;
        line-height: 18px
    }
}

.page-doctors .memberships ul li:before, .page-doctors .publishings ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 2px;
    background: #151b26;
    padding-left: 10px
}

.page-doctors .publishings ol {
    padding-left: 20px
}

.page-doctors .publishings ol li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #151b26;
    position: relative
}

@media (max-width: 767px) {
    .page-doctors .publishings ol li {
        font-size: 14px;
        line-height: 18px
    }
}

.page-doctors .memberships ul li, .page-doctors .publishings p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #151b26
}

@media (max-width: 767px) {
    .page-doctors .publishings p {
        font-size: 14px;
        line-height: 18px
    }
}

.read-more {
    color: #169ee3;
    border: 0;
    outline: 0;
    font-weight: 700;
    background-color: transparent
}

@media (max-width: 767px) {
    .read-more {
        display: none
    }
}

.page-doctors .memberships ul li {
    position: relative;
    padding-left: 20px
}

@media (max-width: 767px) {
    .page-doctors .memberships ul li {
        font-size: 14px;
        line-height: 18px
    }
}

.contracted-area .area .toggle-accordion .item .content ul ul, .page-doctors .patient-thanks {
    margin-top: 15px
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks {
        margin-top: 30px;
        padding: 0
    }
}

.page-doctors .patient-thanks .content {
    width: 100%;
    height: 330px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 40px;
    background-position: bottom;
    position: relative
}

body.rtl .page-doctors .patient-thanks .content {
    padding: 0 40px
}

.page-doctors .patient-thanks .content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25))
}

@media (max-width: 991px) {
    .page-doctors .patient-thanks .content {
        height: 296px
    }
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .content {
        justify-content: flex-start;
        padding: 30px 20px 0;
        background-position: center;
        background-size: cover;
        height: 296px
    }
}

.page-doctors .patient-thanks .content .hero {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .content .hero {
        font-size: 20px;
        font-weight: 700
    }
}

.page-doctors .patient-thanks .content p {
    font-size: 16px;
    font-weight: 500;
    opacity: .7;
    color: #fff;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .content p {
        font-size: 14px
    }

    .page-doctors .patient-thanks .triple {
        margin-left: 20px
    }

    body.rtl .page-doctors .patient-thanks .triple {
        margin: 0 20px 0 0
    }

    .page-doctors .patient-thanks .triple .slick-dots {
        left: 0
    }

    body.rtl .page-doctors .patient-thanks .triple .slick-dots {
        left: inherit;
        right: 0
    }
}

.page-doctors .patient-thanks .messages {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 40px;
    margin-top: -30px
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .messages {
        display: block;
        margin-top: -150px
    }
}

.page-doctors .patient-thanks .messages .slick-slide {
    padding-right: 15px
}

body.rtl .page-doctors .patient-thanks .messages .slick-slide {
    padding: 0 0 0 15px
}

.page-doctors .patient-thanks .message {
    width: 350px;
    height: 282px;
    padding: 70px 40px 30px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #d4d7dd;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-right: 30px
}

.page-doctors .patient-thanks .message:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .message {
        box-shadow: none;
        height: 212px;
        margin-right: 5px;
        padding: 45px 20px
    }

    body.rtl .page-doctors .patient-thanks .message {
        margin: 0 0 0 5px
    }
}

.page-doctors .patient-thanks .message .apostrophe {
    position: absolute;
    color: #151b26
}

.page-doctors .patient-thanks .message .apostrophe-start {
    top: 20px;
    left: 10px
}

body.rtl .page-doctors .patient-thanks .message .apostrophe-start {
    left: inherit;
    right: 10px
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .message .apostrophe-start {
        top: 10px;
        left: 0
    }

    body.rtl .page-doctors .patient-thanks .message .apostrophe-start {
        left: inherit;
        right: 0
    }
}

.page-doctors .patient-thanks .message .apostrophe-end {
    right: 10px;
    bottom: 10px
}

body.rtl .page-doctors .patient-thanks .message .apostrophe-end {
    right: inherit;
    left: 10px
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .message .apostrophe-end {
        right: 0;
        bottom: -20px
    }

    body.rtl .page-doctors .patient-thanks .message .apostrophe-end {
        right: inherit;
        left: -20px
    }
}

.page-doctors .patient-thanks .message .date {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #777
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .message .date {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 5px
    }
}

.page-doctors .patient-thanks .message .title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
    color: #169ee3;
    position: relative
}

@media (max-width: 991px) {
    .page-doctors .patient-thanks .message .title {
        font-size: 18px;
        padding-right: 10px
    }

    body.rtl .page-doctors .patient-thanks .message .title {
        padding: 0 0 0 10px
    }
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .message .title {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.page-doctors .patient-thanks .message .title .icon-right {
    position: absolute;
    right: 0;
    top: 50%;
    color: #151b26;
    font-size: 14px;
    transform: translateY(-50%)
}

.page-doctors .patient-thanks .message .comment {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    max-height: 100px;
    overflow: hidden
}

@media (max-width: 991px) {
    .page-doctors .patient-thanks .message .comment {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .message .comment {
        font-size: 14px;
        font-weight: 400;
        padding-right: 20px
    }
}

.page-doctors .patient-thanks .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .more {
        padding-left: 20px;
        text-align: left;
        font-size: 16px;
        font-weight: 800
    }

    body.rtl .page-doctors .patient-thanks .more {
        padding: 0 20px 0 0;
        text-align: right
    }
}

.page-doctors .patient-thanks .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

body.rtl .page-doctors .patient-stories .more em, body.rtl .page-doctors .patient-thanks .more em {
    margin: 0 5px 0 0
}

@media (max-width: 767px) {
    .page-doctors .patient-thanks .more em::before {
        font-weight: 900
    }

    .page-doctors .patient-thanks .more em {
        font-size: 10px
    }
}

.page-doctors .patient-stories {
    margin-top: 80px;
    padding: 0 0 20px
}

@media (max-width: 767px) {
    .page-doctors .patient-stories {
        margin-top: 50px;
        padding: 0
    }
}

.page-doctors .patient-stories .content {
    width: 100%;
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 40px
}

body.rtl .page-doctors .patient-stories .content {
    padding: 0 40px 0 0
}

@media (max-width: 767px) {
    .page-doctors .patient-stories .content {
        justify-content: flex-start;
        padding: 30px 20px 0;
        background-position: center;
        background-size: cover;
        height: 296px
    }
}

.page-doctors .patient-stories .content .hero {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff
}

@media (max-width: 767px) {
    .page-doctors .patient-stories .content .hero {
        font-size: 20px;
        font-weight: 700
    }
}

.page-doctors .patient-stories .content p {
    font-size: 16px;
    font-weight: 500;
    opacity: .5;
    color: #fff
}

@media (max-width: 767px) {
    .page-doctors .patient-stories .content p {
        font-size: 14px
    }
}

.page-doctors .patient-stories-items {
    background: #fff;
    margin-bottom: 40px;
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #d4d7dd;
    border: solid 1px #d4d7dd;
    margin-top: -10px
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items {
        padding: 0;
        box-shadow: none;
        margin-left: 10px;
        background-color: transparent;
        border: 0;
        display: block;
        margin-top: -150px
    }

    body.rtl .page-doctors .patient-stories-items {
        margin: 0 10px 0 0
    }
}

.page-doctors .patient-stories-items.triple .item {
    height: auto
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items.triple .item {
        height: 240px;
        border: 0;
        border-radius: initial;
        background-color: transparent;
        padding: 0
    }

    .page-doctors .patient-stories-items.triple .item .slick-list {
        padding: 0 10% 0 0
    }

    body.rtl .page-doctors .patient-stories-items.triple .item .slick-list {
        padding: 0 0 0 10%
    }

    .page-doctors .patient-stories-items.triple .item .slick-list .slick-slide {
        margin-right: 5px
    }

    body.rtl .page-doctors .patient-stories-items.triple .item .slick-list .slick-slide {
        margin: 0 0 0 5px
    }
}

.health-guild-form .item.field-checkbox .checkbox label span, .page-doctors .patient-stories-items.triple .item .slick-dots, .page-hl-detail .wrapper-box.form form .item > label span {
    left: 0
}

body.rtl .contact .contact-form.ik-form form .inputfile + label span::before, body.rtl .doctor-call-you-modal .call-you .modal-title::before, body.rtl .hc-article-detail .article ul li:before, body.rtl .page-doctors .patient-stories-items.triple .item .slick-dots, body.rtl .page-hl-ilness-detail .article ul li:before, body.rtl .page-hl-technologies-detail .wrapper-box.about ul li:before, body.rtl .page-hl-tests-detail .wrapper-box.about ul li:before {
    left: inherit;
    right: 0
}

.page-doctors .patient-stories-items .slick-next {
    right: -65px
}

body.rtl .page-doctors .patient-stories-items .slick-next {
    right: inherit;
    left: -65px
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items .slick-next {
        display: none
    }
}

.page-doctors .patient-stories-items .slick-prev {
    left: -65px
}

body.rtl .page-doctors .patient-stories-items .slick-prev {
    left: inherit;
    right: -65px
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items .slick-prev {
        display: none
    }
}

.page-doctors .patient-stories-items .paging-info {
    font-size: 14px;
    letter-spacing: normal;
    color: #777;
    margin-top: 30px;
    font-weight: 500;
    text-align: right
}

body.rtl .page-doctors .patient-stories .more, body.rtl .page-doctors .patient-stories-items .paging-info {
    text-align: left
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items .paging-info {
        margin-top: 0;
        display: none
    }

    .page-doctors .patient-stories-items .item .story-desc {
        height: 240px;
        padding: 20px 20px 25px;
        border-radius: 4px;
        border: solid 1px #d4d7dd;
        background-color: #fff
    }
}

.page-doctors .patient-stories-items .item .story-desc .date {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items .item .story-desc .date {
        font-size: 14px
    }
}

.page-doctors .patient-stories-items .item .story-desc .title {
    font-size: 20px;
    font-weight: 600;
    color: #169ee3;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items .item .story-desc .title {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: normal
    }
}

.page-doctors .patient-stories-items .item .story-desc .desc {
    min-height: 70px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #777
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items .item .story-desc .desc {
        font-size: 14px
    }
}

.page-doctors .patient-stories-items .item .story-desc .desc p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #777
}

@media (max-width: 767px) {
    .page-doctors .patient-stories-items .item .story-desc .desc p {
        font-size: 12px
    }
}

.page-doctors .patient-stories .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

@media (max-width: 767px) {
    .page-doctors .patient-stories .more {
        padding-left: 20px;
        text-align: left;
        font-size: 16px;
        font-weight: 800
    }

    body.rtl .page-doctors .patient-stories .more {
        padding: 0 20px 0 0
    }
}

.page-doctors .patient-stories .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

@media (max-width: 767px) {
    .page-doctors .patient-stories .more em::before {
        font-weight: 900
    }

    .page-doctors .patient-stories .more em {
        font-size: 10px
    }
}

.messages-detail {
    position: relative;
    display: none;
    padding: 20px 40px 40px;
    box-shadow: 0 10px 20px 0 #777;
    background-color: #fff;
    text-align: left
}

body.rtl .doctor-call-you-modal .call-you .call-form .form-group label, body.rtl .messages-detail {
    text-align: right
}

.messages-detail.active {
    display: block
}

.messages-detail .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #169ee3
}

.messages-detail .link {
    font-size: 16px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    padding-right: 20px;
    text-decoration: underline
}

body.rtl .messages-detail .link {
    padding: 0 0 0 20px
}

.messages-detail .link::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 1px;
    right: 0;
    background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat
}

.messages-detail .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    color: #000
}

body.rtl .messages-detail .close {
    right: inherit;
    left: 20px
}

.messages-detail .items-wrapper {
    position: relative;
    padding: 20px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-top: 10px
}

.messages-detail .slider-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #169ee3
}

.messages-detail .slider-icon.left {
    left: -65px
}

.messages-detail .slider-icon.right {
    right: -65px
}

.messages-detail .item .title {
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #169ee3
}

.messages-detail .item {
    display: flex;
    align-items: flex-start
}

@media (max-width: 767px) {
    .messages-detail .item {
        flex-direction: column
    }
}

.messages-detail .item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    color: #151b26
}

.messages-detail .item .image-wrapper {
    width: 170px;
    height: 170px
}

.messages-detail .item .content {
    width: calc(100% - 190px);
    margin-left: 20px
}

body.rtl .messages-detail .item .content {
    margin: 0 20px 0 0
}

@media (max-width: 767px) {
    .messages-detail .item .content {
        width: 100%;
        margin-left: 0
    }

    body.rtl .messages-detail .item .content {
        margin: 0
    }
}

.messages-detail .item .date {
    font-size: 14px;
    text-align: right;
    color: #777
}

.doctor-appointment-area--form form, body.rtl .messages-detail .item .date {
    text-align: left
}

.messages-detail .pagingInfo {
    position: absolute;
    right: 40px;
    bottom: 10px
}

body.rtl .messages-detail .pagingInfo {
    right: inherit;
    left: 40px
}

.patient-thank-slider .slick-prev {
    left: -70px
}

body.rtl .patient-thank-slider .slick-prev {
    left: inherit;
    right: -70px
}

@media (max-width: 1199px) {
    .patient-thank-slider .slick-prev {
        left: -55px
    }

    body.rtl .patient-thank-slider .slick-prev {
        left: inherit;
        right: -55px
    }
}

@media (max-width: 767px) {
    .patient-thank-slider .slick-prev {
        left: -40px
    }

    body.rtl .patient-thank-slider .slick-prev {
        left: inherit;
        right: -40px
    }
}

.patient-thank-slider .slick-next {
    right: -70px
}

body.rtl .patient-thank-slider .slick-next {
    right: inherit;
    left: -70px
}

@media (max-width: 1199px) {
    .patient-thank-slider .slick-next {
        right: -55px
    }

    body.rtl .patient-thank-slider .slick-next {
        right: inherit;
        left: -55px
    }
}

@media (max-width: 767px) {
    .patient-thank-slider .slick-next {
        right: -40px
    }

    body.rtl .patient-thank-slider .slick-next {
        right: inherit;
        left: -40px
    }
}

.patient-thank-slider .slick-dots {
    display: none !important
}

.messages-detail, .patient-thank-slider .items-wrapper .item .image-wrapper {
    border-radius: 4px
}

@media (max-width: 767px) {
    .patient-thank-slider .items-wrapper .item {
        align-items: center
    }

    .patient-thank-slider .items-wrapper .item .content {
        text-align: center
    }
}

.page-doctors .articles {
    position: relative;
    background-color: #151b26;
    margin-bottom: 80px;
    padding: 40px 30px
}

@media (max-width: 767px) {
    .page-doctors .articles {
        margin-bottom: 50px;
        margin-top: 50px
    }
}

.page-doctors .articles.wrapper-box {
    margin-top: 40px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .page-doctors .articles.wrapper-box {
        margin-top: 50px
    }
}

.page-doctors .articles:before {
    content: '';
    background: url(https://cdn.memorial.com.tr/files/images/doctor-article-shape.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 79px;
    z-index: 2;
    height: 121px
}

@media (max-width: 767px) {
    .page-doctors .articles:before {
        display: block;
        right: 20px;
        left: auto
    }
}

.page-doctors .articles .items .articles-items .img-wrapper {
    height: 200px;
    border-radius: 4px 4px 0 0
}

.page-doctors .articles .triple {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-doctors .articles .triple {
        margin: 30px 0 50px
    }
}

.page-doctors .articles .triple > .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #fff
}

@media (max-width: 767px) {
    .page-doctors .articles .triple > .title {
        font-size: 20px;
        line-height: normal;
        margin: 0 20px 20px
    }
}

.page-doctors article .doctor-article-item, .price-alert-wrapper .price-alert-form .field.field-checkbox .checkbox label {
    display: block
}

.page-doctors article .doctor-article-item .title {
    transition: all 300ms ease
}

.page-doctors article .doctor-article-item:hover .title {
    text-decoration: underline;
    transition: all 300ms ease
}

.page-doctors article img {
    object-fit: cover
}

.page-doctors .articles-items article .content {
    padding: 30px 10px 8px 12px;
    background-color: #fff;
    height: 140px;
    border-radius: 0 0 4px 4px
}

@media (max-width: 1199px) {
    .page-doctors .articles-items article .content {
        height: 160px
    }
}

.page-doctors .articles-items article .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #151b26;
    min-height: 40px
}

.page-doctors article .name-and-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row
}

.page-doctors .articles-items article .name {
    font-size: 14px;
    font-weight: 400;
    opacity: .5;
    color: #151b26
}

.page-doctors article .link {
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    box-shadow: 0 15px 20px -5px rgba(193, 30, 67, .25);
    background-color: #169ee3;
    padding: 15px;
    color: #fff
}

.page-doctors .articles .more {
    font-size: 20px;
    font-weight: 600;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #fff
}

.page-doctors .articles .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    display: inline-block
}

@media (max-width: 767px) {
    .page-doctors .articles .more em {
        font-size: 10px
    }

    .page-doctors .articles .more em::before {
        font-weight: 900
    }

    .page-doctors .articles .more {
        text-align: left;
        font-size: 16px;
        margin: 0 0 30px 20px
    }
}

.page-doctors .doctor-videos {
    margin-top: 80px
}

.page-doctors .doctor-videos.doctor-detail-videos {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos {
        margin: 50px 20px 30px
    }
}

.page-doctors .doctor-videos > .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 65px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos > .title {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: normal
    }
}

.page-doctors .doctor-articles article, .page-doctors .doctor-videos .items {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .items {
        margin-bottom: 20px
    }
}

.page-doctors .doctor-videos .item {
    padding: 0 25px 25px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item {
        margin-bottom: 10px;
        padding: 0 0 20px;
        display: flex;
        flex-direction: column
    }
}

.page-doctors .doctor-videos .item .img-wrapper {
    position: relative;
    display: block;
    margin-top: -25px;
    margin-bottom: 5px;
    height: 180px;
    overflow: hidden;
    border-radius: 4px
}

.page-doctors .doctor-videos .item .img-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 27, 38, .2);
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item .img-wrapper {
        margin: 0 0 20px;
        order: 1
    }
}

.page-doctors .doctor-videos .item img, .page-doctors article img {
    width: 100%;
    display: block;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item img {
        border-radius: 4px 4px 0 0
    }
}

.page-doctors .doctor-videos .item .img-wrapper em {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item .img-wrapper em:before {
        font-weight: 900
    }
}

.page-doctors .doctor-videos .item .branch {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #151b26;
    opacity: .5
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item .branch {
        font-weight: 400;
        padding: 0 10px;
        order: 3
    }

    .page-doctors .doctor-videos .item .doctor-name {
        order: 2
    }
}

.page-doctors .doctor-videos .item .title {
    font-size: 16px;
    display: block;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
    color: #151b26;
    height: 60px;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item .title h2 {
        font-size: 14px
    }

    .page-doctors .doctor-videos .item .title {
        padding: 0 10px
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item p {
        padding: 0 10px;
        height: auto;
        order: 4
    }
}

.page-doctors .doctor-videos .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .more {
        text-align: left;
        font-size: 16px;
        font-weight: 800
    }
}

.page-doctors .doctor-videos .more em, .page-hl-ilness .more em, .page-hl-tests .more em, .page-hl-tests-detail .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .more em::before {
        font-weight: 900
    }

    .page-doctors .doctor-videos .more em {
        font-size: 10px
    }
}

.page-doctors .doctor-videos .time {
    display: none
}

.doctor-article-search-area {
    background-color: #f5f8fb;
    padding-top: 20px
}

@media (max-width: 767px) {
    .doctor-article-search-area .search-button {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }
}

.page-doctors .doctor-articles {
    margin-top: 40px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles {
        margin-top: 0
    }

    .page-doctors .doctor-articles ul {
        margin-bottom: 20px
    }
}

.page-doctors .doctor-articles ul li {
    padding: 0 10px
}

.page-doctors .doctor-articles article .image-cover {
    height: 200px
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles article .image-cover {
        width: 130px;
        height: 100px
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles article {
        display: flex;
        flex-direction: row;
        border-radius: 4px;
        border: 1px solid #d4d7dd;
        margin: 10px 0;
        position: relative
    }

    .page-doctors .doctor-articles article::after {
        content: '';
        width: 85%;
        height: 1px;
        background-color: #d4d7dd;
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%)
    }
}

.page-doctors .doctor-articles article .content {
    height: 127px;
    border-radius: 0 0 4px 4px;
    border: solid 1px #d4d7dd;
    border-top: none;
    background-color: #fff;
    padding: 30px 10px
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles article .content {
        width: calc(100% - 130px);
        height: auto;
        border: 0;
        padding: 5px 30px 0 5px;
        position: relative
    }

    .page-doctors .doctor-articles article .content::after {
        content: '';
        width: 18px;
        height: 20px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
        position: absolute;
        right: 10px;
        bottom: 10px
    }
}

.page-doctors .doctor-articles article .fav {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    text-align: center;
    background-color: #fff
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles article .fav {
        width: 20px;
        height: 20px;
        top: 10px;
        left: 10px
    }
}

.page-doctors .doctor-articles article .fav em {
    font-size: 20px;
    color: #169ee3
}

.page-doctors .doctor-articles article .content .title {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    height: 40px
}

@media (max-width: 1199px) {
    .page-doctors .doctor-articles article .content .title {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles article .content .title {
        font-weight: 500;
        margin-bottom: 5px;
        height: auto
    }
}

.page-doctors .doctor-articles article .content .name {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: rgba(21, 27, 38, .5)
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles article .content .name {
        font-size: 10px;
        font-weight: 400;
        display: none
    }
}

.page-doctors .doctor-articles article .content .release-date {
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    color: rgba(21, 27, 38, .5);
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .page-doctors .doctor-articles article .content .release-date {
        display: block
    }
}

.doctor-videos-search-area {
    background-color: #f5f8fb
}

@media (max-width: 991px) {
    .doctor-videos-search-area {
        padding-top: 20px
    }
}

@media (max-width: 767px) {
    .doctor-videos-search-area .search-button {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }
}

.page-doctors .page-doctor-videos {
    padding: 60px 20px 40px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-doctors .page-doctor-videos {
        padding: 10px 20px 20px;
        margin: 0
    }

    .page-doctors .page-doctor-videos .video-item:nth-last-child(1) .item::after {
        display: none
    }
}

.page-doctors .page-doctor-videos .item {
    margin-bottom: 65px;
    width: 100%
}

@media (max-width: 767px) {
    .page-doctors .page-doctor-videos .item {
        padding: 10px 0 5px;
        border-radius: 4px;
        border: 1px solid #d4d7dd;
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        position: relative
    }

    .page-doctors .page-doctor-videos .item::after {
        content: '';
        width: 85%;
        height: 1px;
        background-color: #d4d7dd;
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%)
    }
}

@media (max-width: 1199px) {
    .page-doctors .page-doctor-videos .item .img-wrapper {
        height: 120px
    }
}

@media (max-width: 991px) {
    .page-doctors .page-doctor-videos .item .img-wrapper {
        height: 140px
    }
}

@media (max-width: 767px) {
    .page-doctors .page-doctor-videos .item .img-wrapper {
        width: 130px;
        height: 75px;
        border-radius: 4px;
        order: inherit;
        margin: 0
    }
}

.page-doctors .page-doctor-videos .item .img-wrapper em {
    font-size: 24px
}

.page-doctors .page-doctor-videos .item .img-wrapper em::before {
    font-weight: 400
}

@media (max-width: 767px) {
    .page-doctors .page-doctor-videos .item .content {
        width: calc(100% - 130px);
        border: 0;
        padding: 0;
        position: relative
    }

    .page-doctors .page-doctor-videos .item .content .branch {
        font-size: 10px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .page-doctors .page-doctor-videos .item .title {
        margin-bottom: 0
    }

    .page-doctors .page-doctor-videos .item .content .title h2 {
        font-size: 14px;
        font-weight: 500;
        line-height: normal
    }

    .page-doctors .page-doctor-videos .mobile-time-position {
        position: relative;
        padding-bottom: 15px
    }

    .page-doctors .page-doctor-videos .item .time {
        display: block;
        opacity: .5;
        font-size: 10px;
        font-weight: 400;
        line-height: normal;
        color: #151b26;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .page-doctors .page-doctor-videos .page-pagination {
        margin-top: 20px
    }
}

.videos-page {
    padding-top: 80px
}

@media (max-width: 767px) {
    .videos-page {
        padding-top: 20px
    }
}

.page-doctors .page-doctor-videos {
    margin-top: 0
}

.page-doctors .doctor-info-alternate {
    display: block;
    padding: 40px;
    position: relative
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate {
        padding: 0 !important;
        margin-bottom: 0 !important
    }
}

.page-doctors .doctor-info-alternate.doctor-info-appointment {
    padding: 30px 15px 30px 30px
}

.page-doctors .doctor-info-alternate .link-datepicker {
    height: 46px;
    width: 100%;
    margin: 0;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.page-doctors .doctor-info-alternate .link-datepicker:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.page-doctors .doctor-info-alternate .link-datepicker::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.page-doctors .doctor-info-alternate .link-datepicker::placeholder, .page-doctors .doctor-info-alternate .link-datepicker:placeholder-shown {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.doctors .action-doctor-favorite, .hc-article-detail .results .action-doctor-favorite, .page-doctors .action-doctor-favorite {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1
}

body.rtl .doctors .action-doctor-favorite, body.rtl .hc-article-detail .results .action-doctor-favorite, body.rtl .page-doctors .action-doctor-favorite {
    left: inherit;
    right: 20px
}

.doctors .action-doctor-favorite > a, .hc-article-detail .results .action-doctor-favorite > a, .page-doctors .action-doctor-favorite > a {
    display: block;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.doctors .action-doctor-favorite > a:hover, .hc-article-detail .results .action-doctor-favorite > a:hover, .page-doctors .action-doctor-favorite > a:hover {
    opacity: .8
}

.doctors .action-doctor-favorite > a img, .hc-article-detail .results .action-doctor-favorite > a img, .page-doctors .action-doctor-favorite > a img {
    position: relative;
    width: 36px;
    height: 36px
}

.doctors.doctors-appointment-page .action-doctor-favorite, .hc-article-detail .results.doctors-appointment-page .action-doctor-favorite, .page-doctors.doctors-appointment-page .action-doctor-favorite {
    top: 10px
}

@media (max-width: 767px) {
    .doctors.doctors-appointment-page .action-doctor-favorite, .hc-article-detail .results.doctors-appointment-page .action-doctor-favorite, .page-doctors.doctors-appointment-page .action-doctor-favorite {
        display: none
    }

    .doctors.doctor-list .action-doctor-favorite, .hc-article-detail .results.doctor-list .action-doctor-favorite, .page-doctors.doctor-list .action-doctor-favorite {
        left: 10px;
        top: 10px
    }

    .doctors.doctor-list .action-doctor-favorite > a, .hc-article-detail .results.doctor-list .action-doctor-favorite > a, .page-doctors.doctor-list .action-doctor-favorite > a {
        width: 20px;
        height: 20px
    }

    .doctors.doctor-list .action-doctor-favorite > a img, .hc-article-detail .results.doctor-list .action-doctor-favorite > a img, .page-doctors.doctor-list .action-doctor-favorite > a img {
        position: relative;
        width: 20px;
        height: 20px
    }

    .hospitals .doctors .action-doctor-favorite {
        display: none
    }
}

.page-doctors .doctor-info-alternate .area {
    display: flex;
    flex-direction: row;
    margin-top: 20px
}

@media (max-width: 991px) {
    .page-doctors .doctor-info-alternate .area {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .area {
        flex-wrap: wrap
    }
}

.page-doctors .doctor-info-alternate .area .left-img-box {
    flex: 0 0 35%;
    max-width: 35%;
    position: relative
}

@media (max-width: 991px) {
    .page-doctors .doctor-info-alternate .area .left-img-box {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.page-doctors .doctor-info-alternate .img-wrapper {
    margin-right: 0;
    height: 305px;
    border-radius: 4px 4px 0 0
}

@media (max-width: 991px) {
    .page-doctors .doctor-info-alternate .img-wrapper {
        width: 50%;
        margin: 0 auto;
        margin-right: auto !important
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .img-wrapper {
        width: 100%
    }
}

.page-doctors .doctor-info-alternate .action-box {
    position: relative;
    top: 0;
    background-color: #fff
}

@media (max-width: 991px) {
    .page-doctors .doctor-info-alternate .action-box {
        width: 50%;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .action-box {
        width: 100%;
        border: 0;
        border-radius: 20px 20px 0 0;
        margin-top: -20px;
        padding: 30px 30px 20px
    }
}

.page-doctors .left-e-doctor {
    margin-top: 15px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

@media (max-width: 991px) {
    .page-doctors .left-e-doctor {
        position: relative;
        bottom: initial
    }
}

@media (max-width: 767px) {
    .page-doctors .left-e-doctor {
        padding: 0 20px;
        margin: 0 0 15px
    }
}

.page-doctors .left-e-doctor.reletive-item {
    position: relative;
    bottom: initial
}

.page-doctors .left-e-doctor .button-e_doctor {
    width: 335px;
    margin: 0 auto;
    border: 1px solid #d4d7dd
}

body.rtl .page-doctors .left-e-doctor .button-e_doctor {
    justify-content: flex-start
}

@media all and (-ms-high-contrast: none) {
    .page-doctors .left-e-doctor .button-e_doctor {
        margin-top: 40px
    }
}

@media (max-width: 1199px) {
    .page-doctors .left-e-doctor .button-e_doctor {
        width: auto
    }
}

@media (max-width: 991px) {
    .page-doctors .left-e-doctor .button-e_doctor {
        width: 335px
    }
}

@media (max-width: 767px) {
    .page-doctors .left-e-doctor .button-e_doctor {
        width: auto
    }
}

body.rtl .page-doctors .left-e-doctor .button-e_doctor span.icon {
    margin-left: 20px
}

.page-doctors .doctor-info-alternate .tabs {
    margin: 20px 0
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .tabs {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap
    }
}

.page-doctors .doctor-info-alternate .tabs a {
    display: inline-block;
    margin-right: 40px;
    color: #151b26;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px
}

.page-doctors .doctor-info-alternate .tabs a.active {
    font-weight: 800;
    position: relative
}

.page-doctors .doctor-info-alternate .tabs a.active:before {
    content: '';
    left: 0;
    bottom: -10px;
    height: 5px;
    width: 100%;
    background: #169ee3;
    position: absolute;
    border-radius: 10px
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .tabs a.active:before {
        bottom: 0 !important
    }

    .page-doctors .doctor-info-alternate .doctor-info-tabs {
        padding: 0 20px
    }
}

.page-doctors .doctor-info-alternate .doctor-info-tabs a.active {
    position: relative
}

.page-doctors .doctor-info-alternate .doctor-info-tabs a.active:before {
    content: '';
    left: 0;
    bottom: -10px;
    height: 5px;
    width: 100%;
    background: #169ee3;
    position: absolute;
    border-radius: 10px
}

.page-doctors .doctor-info-alternate .easy-appointment-title {
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .easy-appointment-title {
        margin-top: 30px;
        text-align: left;
        text-transform: uppercase;
        margin-bottom: 0;
        border-radius: 3px;
        border: solid 1px #d4d7dd;
        background-color: #fff;
        padding: 15px 10px;
        font-size: 16px;
        font-weight: 400;
        color: #151b26;
        background-image: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 24px
    }

    body.rtl .page-doctors .doctor-info-alternate .easy-appointment-title {
        text-align: right;
        background-position: 5% center
    }
}

.page-doctors .doctor-info-alternate .easy-appointment-title.hide-dectop {
    display: none
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .easy-appointment-title.hide-dectop {
        display: block
    }
}

.page-doctors .doctor-info-alternate .area .tabs {
    position: relative;
    text-align: center;
    margin: 36px 0 !important
}

.page-doctors .doctor-info-alternate .area .tabs a {
    font-size: 16px;
    margin: 0 10px
}

.page-doctors .doctor-info-alternate .area .tabs .prev {
    position: absolute;
    left: 0;
    top: 0
}

.page-doctors .doctor-info-alternate .area .tabs .next {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .buttons {
        flex-direction: column
    }
}

.hc-article-detail .article .actions-button a img, .hc-article-detail .article .feedback a img, .health-center .result article .fav img, .page-doctors .doctor-info-alternate .buttons .doctor-call-you, .page-hl-ilness-detail .article .actions-button a img, .page-hl-ilness-detail .article .feedback a img {
    width: 100%
}

.page-doctors .doctor-info-alternate .buttons > .link {
    flex: 0 0 30%;
    max-width: 30%
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .buttons > .link {
        flex: 0 0 90%;
        max-width: 90%;
        margin: 10px auto
    }
}

.page-doctors .doctor-info-alternate .buttons .link {
    position: relative;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    color: #151b26;
    background-color: #ffc107
}

@media (max-width: 767px) {
    .page-doctors .doctor-info-alternate .buttons .link {
        display: block;
        flex: 0 0 90%;
        max-width: 90%;
        margin: 10px auto
    }
}

.page-doctors .doctor-info-alternate .buttons .link em {
    color: #151b26;
    font-size: 26px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px
}

.page-doctors .doctor-info-alternate .buttons .link.white {
    color: #151b26;
    padding-left: 20px;
    border: solid 1px #151b26;
    text-align: left;
    background-color: #fff
}

.page-doctors .doctor-info-alternate .buttons .link .down {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%) rotate(90deg)
}

.page-doctors .doctor-info-alternate .buttons .link.white.black {
    color: #fff;
    padding-left: 20px;
    border: solid 1px #fff;
    text-align: left;
    background-color: #151b26
}

.page-doctors .doctor-info-alternate .buttons .link.white.black em {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.doctor-appointment-area {
    margin-top: 10px;
    padding: 45px 20px 80px;
    text-align: center;
    border-radius: 4px
}

.doctor-appointment-area.appointment-not-available {
    padding: 30px 40px 35px;
    background-color: #fff
}

.doctor-appointment-area.appointment-not-available img {
    width: 120px;
    margin-bottom: 10px
}

.doctor-appointment-area.appointment-not-available p {
    margin: 20px 0 0
}

.doctor-appointment-area p {
    margin-bottom: 80px;
    color: #151b26;
    font-size: 14px;
    font-style: italic
}

.doctor-appointment-area span {
    display: inline-block;
    margin: 40px 0
}

.doctor-appointment-area a {
    display: block;
    width: 335px;
    margin: 0 auto;
    max-width: 100%;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    background-color: #169ee3
}

.doctor-appointment-area .callyou-contact a {
    display: inline;
    color: #fff !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    background-color: transparent;
    line-height: inherit;
    height: auto;
    font-size: inherit
}

.doctor-appointment-area--form p {
    margin-bottom: 15px
}

.doctor-appointment-area--form .field {
    margin-bottom: 25px
}

.doctor-appointment-area--form .field label, .doctor-appointment-area--form button {
    display: block;
    width: 350px;
    max-width: 100%;
    color: #fff;
    font-size: 14px;
    margin: 0 auto
}

.doctor-appointment-area--form .field input {
    display: block;
    width: 350px;
    height: 50px;
    padding: 10px;
    margin: 3px auto 0;
    max-width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: unset
}

.doctor-appointment-area--form .field-checkbox {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    line-height: 17px
}

.doctor-appointment-area--form .field-checkbox span {
    margin: 0
}

.doctor-appointment-area--form .field-checkbox input {
    position: absolute;
    left: 0;
    top: 5px
}

.doctor-appointment-area--form button {
    width: 335px;
    margin: 20px auto 0;
    font-weight: 700;
    height: 53px;
    line-height: 50px;
    border-radius: 4px;
    text-align: center;
    background-color: #169ee3;
    border: unset
}

.doctor-appointment-area--form {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 767px) {
    .doctor-call-you {
        flex: 0 0 90%;
        max-width: 90%;
        margin: 10px auto
    }
}

.doctor-call-you .dropdown-button {
    width: 100%;
    padding-left: 20px
}

.doctor-call-you .dropdown-button .icon-down:before, .doctor-call-you .dropdown-button .icon-phone:before {
    font-size: 24px
}

.doctor-call-you .call-you {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px
}

.doctor-call-you .call-you .call-slogan {
    font-size: 12px;
    font-style: italic;
    text-align: center;
    color: #fff
}

.doctor-call-you .call-you .call-form {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start
}

.doctor-call-you .call-you .call-form .form-group {
    width: 100%;
    margin-bottom: 20px
}

.doctor-call-you .call-you .call-form .form-group label, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .form-group label {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px
}

.doctor-call-you .call-you .call-form .form-group input, .doctor-call-you-modal .call-you .call-form .form-group input {
    height: 50px;
    border-radius: 4px;
    border: solid 1px #151b26;
    background-color: #fff;
    width: 100%;
    padding: 0 10px
}

.doctor-call-you .call-you .call-form .select2 {
    width: 100% !important
}

.doctor-call-you .call-you .call-form .checkbox label, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .checkbox label {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    width: 80%;
    margin-left: 40px;
    line-height: 1.5
}

.doctor-call-you .call-you .call-form .checkbox label a, .doctor-call-you-modal .call-you .call-form .checkbox label a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

@media (max-width: 767px) {
    .page-doctors .articles {
        padding: 50px 20px 20px
    }

    .page-doctors .articles .triple .title {
        color: #fff
    }

    .page-doctors .articles .triple .items {
        display: block;
        flex-direction: inherit;
        align-items: inherit;
        justify-content: inherit
    }

    .page-doctors .articles .triple .items .articles-items {
        margin-left: 20px
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide {
        height: 350px;
        padding: 0
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide article {
        border-radius: 4px
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide .no-pad-left {
        padding: 0 5px 0 0
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide .img-wrapper {
        height: 220px
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide .img-wrapper img {
        padding-bottom: 0
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide .title {
        color: #151b26
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide .content {
        padding: 20px 10px 8px 12px;
        height: 130px
    }

    .page-doctors .articles .triple .items .articles-items .slick-dots {
        left: 0
    }

    .page-doctors .articles .triple .items .articles-items .slick-dots li {
        background-color: rgba(255, 255, 255, .25)
    }

    .page-doctors .articles .triple .items .articles-items .slick-dots li.slick-active {
        background-color: #fff
    }
}

.price-alert-wrapper {
    margin-top: 40px;
    padding: 20px;
    position: relative;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .price-alert-wrapper {
        margin: 40px 20px 0;
        padding: 20px 10px
    }
}

.price-alert-wrapper .title {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .price-alert-wrapper .title {
        font-size: 16px;
        text-align: left;
        margin-bottom: 5px
    }

    body.rtl .price-alert-wrapper .title {
        text-align: right
    }
}

.price-alert-wrapper .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    color: #151b26;
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .price-alert-wrapper .description {
        font-size: 14px;
        text-align: left;
        margin-bottom: 15px
    }

    body.rtl .price-alert-wrapper .description {
        text-align: right
    }
}

.price-alert-wrapper .price-alert-form {
    width: 100%;
    margin: 0 auto;
    max-width: 100%
}

.price-alert-wrapper .price-alert-form .field {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 991px) {
    .price-alert-wrapper .price-alert-form .field {
        width: 100%
    }
}

@media (max-width: 767px) {
    .price-alert-wrapper .price-alert-form .field {
        width: 100%
    }
}

.price-alert-wrapper .price-alert-form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.price-alert-wrapper .price-alert-form .field input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff
}

.health-guild-form textarea, .price-alert-wrapper .price-alert-form .field textarea {
    width: 100%;
    padding: 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff;
    height: 150px
}

@media (max-width: 767px) {
    .price-alert-wrapper .price-alert-form .field textarea {
        height: 122px
    }
}

.price-alert-wrapper .price-alert-form .field.field-checkbox {
    width: 650px
}

@media (max-width: 767px) {
    .price-alert-wrapper .price-alert-form .field.field-checkbox {
        width: 100%
    }
}

.price-alert-wrapper .price-alert-form .field.field-checkbox .checkbox {
    margin: 0 auto;
    padding-left: 35px
}

body.rtl .price-alert-wrapper .price-alert-form .field.field-checkbox .checkbox {
    padding: 0 35px 0 0
}

.price-alert-wrapper .price-alert-form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

@media (max-width: 767px) {
    .price-alert-wrapper .price-alert-form .actions {
        margin-top: 10px
    }
}

.price-alert-wrapper .price-alert-form .actions button {
    cursor: pointer;
    display: inline-block;
    width: 165px;
    font-size: 14px;
    font-weight: 600;
    border: unset
}

.price-alert-wrapper .price-alert-form .login-capthca {
    margin: 20px 0 10px
}

@media (max-width: 767px) {
    .price-alert-wrapper .price-alert-form .login-capthca {
        margin: 5px 0 0
    }
}

.contact .contact-form .field #example1 > div, .price-alert-wrapper .price-alert-form .login-capthca > div {
    margin: 0 auto
}

.e-doctor-meeting-modal .modal-header .logo img {
    max-width: 100%
}

.e-doctor-meeting-modal .modal-header .title {
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
    color: #fff
}

.e-doctor-meeting-modal .modal-header .title font {
    font-weight: 800
}

@media (max-width: 768px) {
    .page-doctors .doctor-expertise ul li {
        flex: 100%
    }

    .page-doctors .doctor-info {
        padding: 20px;
        flex-direction: column;
        align-items: center
    }

    .page-doctors article {
        margin-bottom: 40px
    }

    .page-doctors .doctor-info .img-wrapper {
        margin-right: 0
    }

    .page-doctors .doctor-info .branch {
        margin-bottom: 20px;
        display: block
    }

    .page-doctors .doctor-info .name {
        margin-top: 20px
    }

    .page-doctors .patient-thanks .messages {
        flex-direction: column
    }

    .page-appointment.appointment .filter {
        margin-bottom: 20px
    }

    .page-appointment .doctors .title {
        margin-bottom: 0
    }

    .page-appointment .doctors .content {
        padding-left: 0 !important;
        padding-top: 0 !important;
        display: flex !important
    }

    .page-appointment .doctors .content .image-cover {
        width: 60px;
        height: 70px
    }

    .page-appointment .doctors .content .image-cover img {
        border-radius: 3px;
        border: solid 1px #d4d7dd
    }

    .page-appointment .doctors .content .doctor-info {
        flex: 1;
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly
    }

    .page-appointment .doctors .content .doctor-info .label {
        order: 3
    }

    .page-appointment .doctors .content .doctor-info .name {
        text-align: left;
        justify-content: flex-start;
        height: 20px;
        order: 1
    }

    .page-appointment .doctors .content .doctor-info .hospital-name {
        margin-bottom: 0;
        order: 2
    }

    .page-appointment .doctors .content .doctor-info .earliest-date {
        order: 4;
        color: #151b26;
        font-size: 10px
    }
}

.page-doctors .doctors .title {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-doctors .doctors .item {
        padding-right: 20px
    }

    .page-doctors .doctors .item .content {
        display: flex;
        flex-direction: row;
        text-align: left;
        position: relative;
        flex-wrap: nowrap
    }

    .page-doctors .doctors .item .content .doctor-card-ok {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(calc(-50% + 5px));
        width: 31px;
        height: 31px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat center;
        background-size: 21px;
        text-align: center
    }

    .page-doctors .doctors .item .content .image-cover {
        width: 60px;
        height: 70px;
        margin-right: 0
    }

    .page-doctors .doctors .item .content .image-cover img {
        border-radius: 4px
    }

    .page-doctors .doctors .item .content .name {
        font-size: 13px;
        font-weight: 700;
        line-height: normal;
        color: #151b26;
        margin-top: 0
    }
}

.doctors.doctors-list-page .item {
    min-height: 483px;
    position: relative
}

@media (max-width: 767px) {
    .doctors.doctors-list-page .item {
        padding: 0 !important;
        border-radius: 4px !important;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        border: 1px solid #d4d7dd !important;
        min-height: initial
    }

    .doctors.doctors-list-page .item .content {
        padding: 6px 6px 0;
        margin-bottom: 20px
    }
}

.doctors.doctors-list-page .item .content .action-doctor-favorite {
    top: 10px
}

@media (max-width: 767px) {
    .doctors.doctors-list-page .item .content .text-wrap {
        width: 80% !important
    }
}

.doctors.doctors-list-page .item .button {
    position: absolute;
    bottom: 0
}

@media (max-width: 767px) {
    .doctors.doctors-list-page .item .button {
        margin-top: 10px;
        display: block;
        font-size: 14px;
        font-weight: 800;
        position: relative
    }
}

.doctors .patient-thanks-link-wrap {
    min-height: 14px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .doctors .patient-thanks-link-wrap {
        order: 4;
        min-height: auto;
        margin-bottom: 0;
        width: 100%;
        display: block
    }
}

.doctors .patient-thanks-link {
    font-size: 13px;
    color: rgba(21, 27, 38, .5);
    display: block
}

@media (max-width: 767px) {
    .doctors .patient-thanks-link {
        margin-top: 10px;
        font-size: 12px;
        font-weight: 400;
        text-decoration: underline
    }
}

.doctors .empty-doctor-list {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    color: #151b26
}

@media (max-width: 767px) {
    .doctors .empty-doctor-list {
        padding: 10px 0 0 10px;
        font-size: 14px
    }
}

.doctors .text-wrap {
    min-height: 100px
}

@media (max-width: 991px) {
    .doctors .text-wrap {
        min-height: auto
    }
}

@media (max-width: 767px) {
    .doctors .text-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 10px 0 13px
    }
}

.doctors .text-wrap .label {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .doctors .text-wrap .label {
        order: 3;
        justify-content: flex-start;
        min-height: auto
    }
}

.doctors .text-wrap .label-wrap {
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .doctors .text-wrap .label-wrap {
        justify-content: flex-start;
        min-height: auto;
        order: 3
    }

    .doctors .text-wrap .doctor-name {
        order: 1
    }

    .doctors .text-wrap .doctor-name .name {
        text-align: left;
        height: auto;
        justify-content: flex-start;
        font-weight: 700
    }

    .doctors .text-wrap .hospital-name {
        margin-bottom: 6px;
        margin-top: 6px;
        order: 2;
        align-items: flex-start
    }

   
}



.doctor-call-you-modal {
    background-color: #151b26
}

@media (max-width: 767px) {
    .doctor-call-you-modal {
        height: 100%;
        overflow-y: scroll
    }
}

.doctor-call-you-modal .call-you {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 60px 0 40px;
    width: 80%;
    margin: auto
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you {
        padding: 60px 20px;
        width: 100%;
        position: relative
    }
}

.doctor-call-you-modal .call-you .modal-title {
    font-size: 36px;
    font-weight: 800;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    color: #fff;
    padding-left: 45px;
    position: relative
}

body.rtl .doctor-call-you-modal .call-you .modal-title {
    padding: 0 45px 0 0
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .modal-title {
        font-size: 24px;
        padding-left: 35px
    }

    body.rtl .doctor-call-you-modal .call-you .modal-title {
        padding: 0 35px 0 0
    }
}

.doctor-call-you-modal .call-you .modal-title::before {
    content: '';
    width: 40px;
    height: 40px;
    background: url(https://cdn.memorial.com.tr/files/images/siziarayalim.svg) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .modal-title::before {
        width: 24px;
        height: 24px;
        background-size: contain;
        top: 3px
    }
}

.doctor-call-you-modal .call-you .call-slogan {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    color: #fff;
    margin-top: 20px
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .call-slogan {
        font-size: 14px;
        margin-top: 35px
    }
}

.doctor-call-you-modal .call-you .call-form {
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start
}

.doctor-call-you-modal .call-you .call-form .form-group {
    width: 350px;
    margin-bottom: 20px;
    text-align: left
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .call-form .form-group {
        width: 100%
    }
}

.doctor-call-you-modal .call-you .call-form .form-group.checkbox-field {
    width: 80%;
    margin: 10px auto 20px
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .call-form .form-group.checkbox-field {
        width: 100%
    }
}

.doctor-call-you-modal .call-you .call-form .form-group.field-intl-phone .intl-phone-mask-2 {
    padding-left: 90px
}

.doctor-call-you-modal .call-you .call-form .form-group.field-intl-phone .iti__country-list .iti__country-name {
    color: #000
}

.doctor-call-you-modal .call-you .call-form .form-group label {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    text-align: left
}

.doctor-call-you-modal .call-you .call-form .form-group input {
    font-size: 14px
}

.doctor-call-you-modal .call-you .call-form .form-group .button {
    width: 335px;
    font-size: 14px;
    font-weight: 700
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .call-form .form-group .button {
        width: 100%
    }
}

body.rtl .doctor-call-you-modal .call-you .call-form .form-group #example2 > div {
    margin: 0 25px 0 0
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .call-form .form-group #example2 > div {
        margin-left: 15px
    }

    body.rtl .doctor-call-you-modal .call-you .call-form .form-group #example2 > div {
        margin: 0 15px 0 0
    }
}

.doctor-call-you-modal .call-you .call-form .select2 {
    width: 100% !important
}

.doctor-call-you-modal .call-you .call-form .checkbox label {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-left: 40px;
    line-height: 1.5
}

body.rtl .doctor-call-you-modal .call-you .call-form .checkbox label {
    margin: 0 40px 5px 0
}

.doctor-call-you-modal .call-you .call-form .alert {
    border-color: transparent
}

.doctor-call-you-modal .call-you .call-info {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: normal;
    text-align: center;
    color: #fff;
    margin-top: 10px
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .call-info {
        font-size: 12px
    }
}

.doctor-call-you-modal .call-you .modal-close {
    color: #fff;
    top: 40px;
    right: 40px
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .modal-close {
        top: 45px;
        right: 25px
    }
}

.doctor-call-you-modal .call-you .modal-close em {
    width: 18px;
    height: 18px
}

.doctor-call-you-modal .call-you .call-center-link {
    display: none
}

@media (max-width: 767px) {
    .doctor-call-you-modal .call-you .call-center-link {
        display: block
    }
}

.call-center-link {
    margin: 10px 0 20px;
    text-align: center
}

.call-center-link .call-center, .call-center-link .text {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: normal;
    text-align: center;
    color: #fff
}

.call-center-link .call-center {
    font-weight: 700;
    font-style: normal;
    text-decoration: underline;
    padding-left: 35px;
    margin-top: 30px;
    position: relative;
    display: block
}

.call-center-link .call-center::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(https://cdn.memorial.com.tr/files/images/call-white.svg) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0
}

.body-doctor .page-social-media {
    padding: 50px 0
}

@media (max-width: 767px) {
    .body-doctors .sticky-easy-appointment {
        display: none !important
    }
}

.doctors-other-page .content-wrapper .text-wrap .hospital-name {
    align-items: center !important
}

.health-center {
    background-color: #f5f8fb
}

.health-center .health-guide-diseases.triple .item, .health-center .health-guide-list.triple .item, .health-center .health-guide-technology.triple .item, .health-center .health-guide-tests.triple .item, .health-center .health-guide-treatment.triple .item {
    height: 170px
}

@media (max-width: 991px) {
    .health-center .health-guide-diseases.triple .item, .health-center .health-guide-list.triple .item, .health-center .health-guide-technology.triple .item, .health-center .health-guide-tests.triple .item, .health-center .health-guide-treatment.triple .item {
        height: 100px
    }
}

.health-center .health-guide-diseases.triple .slick-list, .health-center .health-guide-list.triple .slick-list, .health-center .health-guide-technology.triple .slick-list, .health-center .health-guide-tests.triple .slick-list, .health-center .health-guide-treatment.triple .slick-list {
    margin-left: 15px
}

.health-center .health-guide-diseases.triple .col-12, .health-center .health-guide-diseases.triple .col-lg-4, .health-center .health-guide-list.triple .col-12, .health-center .health-guide-list.triple .col-lg-4, .health-center .health-guide-technology.triple .col-12, .health-center .health-guide-technology.triple .col-lg-4, .health-center .health-guide-tests.triple .col-12, .health-center .health-guide-tests.triple .col-lg-4, .health-center .health-guide-treatment.triple .col-12, .health-center .health-guide-treatment.triple .col-lg-4 {
    padding: 0 5px 0 0
}

.health-center .health-guide-diseases.triple .triple-image, .health-center .health-guide-list.triple .triple-image, .health-center .health-guide-technology.triple .triple-image, .health-center .health-guide-tests.triple .triple-image, .health-center .health-guide-treatment.triple .triple-image {
    height: 294px;
    border-radius: 4px 4px 0 0
}

@media (max-width: 767px) {
    .health-center .health-guide-diseases.triple .triple-image, .health-center .health-guide-list.triple .triple-image, .health-center .health-guide-technology.triple .triple-image, .health-center .health-guide-tests.triple .triple-image, .health-center .health-guide-treatment.triple .triple-image {
        height: 220px;
        border-radius: 4px 4px 0 0
    }
}

.health-center .health-guide-diseases.triple .triple-image img, .health-center .health-guide-list.triple .triple-image img, .health-center .health-guide-technology.triple .triple-image img, .health-center .health-guide-tests.triple .triple-image img, .health-center .health-guide-treatment.triple .triple-image img {
    max-width: inherit;
    height: 100%;
    object-fit: cover
}

.health-center .health-guide-diseases.triple:last-child, .health-center .health-guide-list.triple:last-child, .health-center .health-guide-technology.triple:last-child, .health-center .health-guide-tests.triple:last-child, .health-center .health-guide-treatment.triple:last-child {
    padding-bottom: 0
}

.health-center .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.health-center .wrapper-box {
    padding: 40px 60px;
    margin-bottom: 40px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.health-center .wrapper-box p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #151b26
}

.health-center .select2-basic + .select2 .select2-selection {
    height: 60px;
    margin-top: 0
}

.health-center .select2-basic + .select2 .select2-selection__rendered {
    line-height: 58px
}

.health-center .search {
    margin-bottom: 40px
}

.health-center .search .select2-container {
    width: 100% !important
}

@media (max-width: 991px) {
    .health-center .search {
        margin-bottom: 20px !important
    }
}

@media (max-width: 767px) {
    .health-center .search {
        margin-bottom: 0 !important
    }
}

@media (max-width: 991px) {
    .health-center .search .search-input {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .health-center .search.health-guide-search .search-input {
        margin-top: 10px
    }
}

.health-center .search-input, .health-center select {
    font-size: 16px;
    height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.health-center select {
    font-weight: 700;
    width: 335px;
    margin-right: 40px;
    line-height: 60px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25)
}

@media (min-width: 992px) and (max-width: 1200px) {
    .health-center .search .select2.select2-container {
        width: 100% !important
    }
}

.health-center .search-input {
    font-weight: 400;
    width: 100%;
    line-height: normal
}

.health-center .search-input::-moz-placeholder, .health-center .search-input::-webkit-input-placeholder, .health-center .search-input::placeholder, .page-hl-ilness .search-ilness .search-illness-box input::-moz-placeholder, .page-hl-ilness .search-ilness .search-illness-box input::-webkit-input-placeholder, .page-hl-ilness .search-ilness .search-illness-box input::placeholder, .page-hl-technologies .wrapper-box.search input::-moz-placeholder, .page-hl-technologies .wrapper-box.search input::-webkit-input-placeholder, .page-hl-technologies .wrapper-box.search input::placeholder, .page-hl-technologies-detail .search input::-moz-placeholder, .page-hl-technologies-detail .search input::-webkit-input-placeholder, .page-hl-technologies-detail .search input::placeholder, .page-hl-tests input::-moz-placeholder, .page-hl-tests input::-webkit-input-placeholder, .page-hl-tests input::placeholder, .page-hl-tests-detail .wrapper-box.search input::-moz-placeholder, .page-hl-tests-detail .wrapper-box.search input::-webkit-input-placeholder, .page-hl-tests-detail .wrapper-box.search input::placeholder {
    color: #151b26
}

.health-center .search-health-guide {
    position: relative
}

.health-center .search-health-guide .search-health-guide-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

@media (max-width: 767px) {
    .health-center .search-health-guide .search-health-guide-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 25px
    }
}

.health-center .result {
    padding: 40px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .health-center .result {
        border-top: none;
        border-radius: 0 0 4px 4px
    }
}

.health-center .result .tabs {
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .health-center .result .tabs {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap
    }
}

.health-center .result .tabs a {
    font-size: 20px;
    font-weight: 400;
    padding: 14px 20px 5px;
    display: inline-block;
    color: #151b26
}

@media (max-width: 767px) {
    .health-center .result .tabs a {
        font-size: 14px;
        margin: 0 5px 0 0;
        padding: 14px 5px 10px;
        display: inline-block
    }
}

.health-center .result .tabs a.active {
    font-weight: 700;
    position: relative
}

.health-center .result .tabs a.active:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 5px;
    width: 100%;
    border-radius: 2.5px;
    background-color: #169ee3
}

@media (max-width: 767px) {
    .health-center .result .tabs a.active:before {
        bottom: 0
    }
}

.health-center .result .result-title {
    font-size: 28px;
    font-weight: 700;
    line-height: normal
}

@media (max-width: 767px) {
    .health-center .result .result-title {
        font-size: 16px
    }
}

.health-center .articles .col-6 {
    padding: 0 15px 0 20px
}

@media (max-width: 767px) {
    .health-center .articles .col-6 {
        padding: 0 15px
    }
}

.health-center .articles .col-6:nth-child(2n) {
    padding: 0 20px 0 15px
}

@media (max-width: 767px) {
    .health-center .articles .col-6:nth-child(2n) {
        padding: 0 15px
    }
}

.favorite-posts article, .health-center .result article {
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    min-height: 220px;
    background-color: #fff;
    flex-wrap: wrap
}

.health-center .result .image-cover {
    max-width: 310px;
    width: 60%;
    height: 205px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .health-center .result .image-cover {
        width: 50%
    }
}

.health-center .result .article-image {
    display: block;
    object-fit: cover;
    height: 100%
}

.health-center .result article .fav {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    top: 20px;
    left: 20px
}

.health-center .result article .fav em {
    font-size: 36px;
    vertical-align: middle;
    color: #fff
}

.health-center .result article .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 15px 0 15px 10px;
    width: 37%
}

@media (min-width: 992px) and (max-width: 1200px) {
    .health-center .result article .content {
        width: calc(50% - 15px)
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .health-center .result article .content {
        justify-content: space-around
    }
}

@media (max-width: 991px) {
    .health-center .result article .content {
        width: 82%;
        position: relative
    }
}

@media (max-width: 767px) {
    .health-center .result article .content {
        width: 60%
    }
}

@media (max-width: 991px) {
    .health-center .result article .content::before {
        content: '';
        position: absolute;
        right: 0;
        bottom: -3px;
        width: 22px;
        height: 22px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg);
        background-size: 22px;
        text-align: center
    }
}

.health-center .result article .content .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #151b26
}

.health-center .result article .content .name {
    font-size: 14px;
    font-weight: 400;
    color: #151b26
}

.health-center .result article .content h4.departman-name {
    font-size: 14px;
    font-weight: 600;
    color: #2688da
}

.health-center .result article .content .branch {
    font-size: 14px;
    font-weight: 500;
    color: #2688da
}

.hc-article-detail {
    background-color: #f5f8fb;
    padding-bottom: 50px
}

.hc-article-detail .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.hc-article-detail .navigation {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center
}

.hc-article-detail .navigation, .hc-article-detail .relevant-medical-units-wrapper {
    padding: 20px 40px;
    margin-bottom: 40px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.hc-article-detail .relevant-medical-units-wrapper .title-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.hc-article-detail .relevant-medical-units-wrapper .title {
    margin-left: 10px;
    font-size: 24px
}

@media (max-width: 991px) {
    .hc-article-detail .relevant-medical-units-wrapper .title {
        font-size: 20px
    }
}

@media (max-width: 767px) {
    .hc-article-detail .relevant-medical-units-wrapper .title {
        font-size: 18px
    }
}

.hc-article-detail .relevant-medical-units .text {
    font-size: 20px;
    margin-right: 5px;
    margin-left: 10px;
    color: #4a4a4a;
    font-weight: 600
}

@media (max-width: 991px) {
    .hc-article-detail .relevant-medical-units .text {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .hc-article-detail .relevant-medical-units .text {
        font-size: 14px
    }
}

.hc-article-detail .relevant-medical-units .icon-right {
    color: #151b26;
    font-size: 14px
}

@media (max-width: 767px) {
    .hc-article-detail .relevant-medical-units .icon-right {
        font-size: 11px
    }
}

.hc-article-detail .navigation a {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 16px;
    padding: 10px 16px 10px 0;
    justify-content: space-around;
    text-align: center;
    max-width: 340px;
    min-height: 72px;
    position: relative
}

body.rtl .hc-article-detail .navigation a {
    margin: 0 0 0 16px;
    padding: 10px 0 10px 16px
}

.hc-article-detail .navigation a::before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #169ee3;
    position: absolute;
    right: 0;
    top: 0
}

body.rtl .hc-article-detail .navigation a::before {
    right: inherit;
    left: 0
}

.hc-article-detail .navigation a:last-child::before {
    display: none
}

.hc-article-detail .navigation a .icon em {
    font-size: 40px;
    margin-right: 20px;
    vertical-align: middle;
    color: #151b26
}

.hc-article-detail .navigation a .text {
    font-size: 20px;
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: underline;
    color: #151b26;
    font-weight: 800
}

.content-page .wrapper .page-content p i, .hc-article-detail .navigation a .text.lighter {
    font-weight: 600
}

body.rtl .hc-article-detail .navigation a .right {
    transform: rotate(180deg)
}

.hc-article-detail .navigation a .right em {
    font-size: 14px;
    color: #151b26
}

.hc-article-detail .article {
    padding: 80px 80px 40px;
    position: relative;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.hc-article-detail .article .article-content li, .hc-article-detail .article .article-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #151b26
}

.hc-article-detail .article .article-content, .hc-article-detail .article .article-content p {
    margin-bottom: 20px
}

.hc-article-detail .article .article-content p a {
    color: #169ee3
}

.hc-article-detail .article .article-content h1, .hc-article-detail .article .article-content h2, .hc-article-detail .article .article-content h3, .hc-article-detail .article .article-content h4, .hc-article-detail .article .article-content h5, .hc-article-detail .article .article-content h6 {
    margin-bottom: 30px;
    margin-top: 20px
}

.hc-article-detail .article-links {
    padding: 40px 80px;
    background-color: #169ee3;
    margin: 10px 0 0
}

@media (max-width: 767px) {
    .hc-article-detail .article-links {
        margin: 0 -35px 20px;
        padding: 25px
    }
}

.hc-article-detail .article-links .label {
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.hc-article-detail .article-links ul {
    padding-left: 0;
    margin: 0
}

.hc-article-detail .article-links li {
    list-style-type: disc;
    color: #fff !important;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    text-decoration: underline;
    list-style-position: inside;
    margin-top: 6px;
    margin-bottom: 6px
}

@media (max-width: 767px) {
    .hc-article-detail .article-links li {
        font-size: 12px !important
    }
}

.hc-article-detail .article-links li a {
    color: #fff
}

.hc-article-detail .article .page-action-row, .page-hl-technologies-detail .wrapper-box.about .page-action-row, .page-hl-tests-detail .wrapper-box.about .page-action-row {
    padding: 20px 40px 10px
}

@media (max-width: 991px) {
    .hc-article-detail .article .page-action-row, .page-hl-technologies-detail .wrapper-box.about .page-action-row, .page-hl-tests-detail .wrapper-box.about .page-action-row {
        right: inherit;
        left: 0;
        top: inherit;
        bottom: 20px;
        width: 50%;
        height: 30px;
        padding: 0 20px;
        flex-direction: row
    }

    .hc-article-detail .article .page-action-row > div, .page-hl-technologies-detail .wrapper-box.about .page-action-row > div, .page-hl-tests-detail .wrapper-box.about .page-action-row > div {
        width: 24px;
        height: 24px;
        margin: 0 20px 0 0
    }
}

.hc-article-detail .article .actions-button {
    position: absolute;
    top: 20px;
    right: 40px
}

.hc-article-detail .article .actions-button a:last-child {
    margin-right: 0
}

.hc-article-detail .article > .title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

.hc-article-detail .article .date-wrapper, .page-hl-technologies-detail .wrapper-box.about .date-wrapper, .page-hl-tests-detail .wrapper-box.about .date-wrapper {
    display: flex
}

.hc-article-detail .article .date-wrapper .release-date, .page-hl-technologies-detail .wrapper-box.about .date-wrapper .release-date, .page-hl-tests-detail .wrapper-box.about .date-wrapper .release-date {
    margin-left: auto
}

.hc-article-detail .article .date-wrapper p, .hc-article-detail .article > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    color: #151b26
}

@media (max-width: 767px) {
    .hc-article-detail .article > p {
        word-break: break-word
    }
}

.hc-article-detail .article .emphasis {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    color: #169ee3
}

.hc-article-detail .article .emphasis:first-of-type, .hc-article-detail .article .newsletter:first-of-type, .hc-article-detail .article .page-action-row + .emphasis, .hc-article-detail .article .page-action-row + .newsletter, .page-hl-ilness-detail .article .actions-button + .newsletter, .page-hl-ilness-detail .article .newsletter:first-of-type {
    margin: 0 0 20px
}

.hc-article-detail .article h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 22px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    color: #169ee3
}

.hc-article-detail .article .take-date, .hc-article-detail .wrapper-box.about .take-date {
    display: flex;
    flex-direction: column;
    padding: 9px 9px 0;
    margin: 20px auto 60px;
    justitfy-self: center;
    min-width: 315px;
    width: 315px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.hc-article-detail .article .take-date img, .hc-article-detail .wrapper-box.about .take-date img {
    width: 50px !important;
    height: 50px !important;
    display: block;
    margin-right: 10px;
    object-fit: cover
}

.hc-article-detail .article .take-date .content, .hc-article-detail .wrapper-box.about .take-date .content {
    display: flex;
    flex-direction: row;
    align-items: center
}

.hc-article-detail .article .take-date .name, .hc-article-detail .wrapper-box.about .take-date .name {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.hc-article-detail .article .take-date .branch, .hc-article-detail .wrapper-box.about .take-date .branch {
    font-size: 12px;
    font-weight: 400;
    color: #151b26
}

.hc-article-detail .article .take-date .button, .hc-article-detail .wrapper-box.about .take-date .button {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    bottom: calc(-53px / 2);
    width: 278px;
    height: 53px;
    margin: -13px auto auto;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    background-color: #ffc107;
    color: #151b26
}

.hc-article-detail .article .take-date .button em, .hc-article-detail .wrapper-box.about .take-date .button em {
    margin-right: 8px
}

.hc-article-detail .article .newsletter {
    border-top: 1px solid #d4d7dd;
    border-bottom: 1px solid #d4d7dd;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    margin: 40px 0
}

.hc-article-detail .article .newsletter p {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 27px;
    text-align: center
}

.hc-article-detail .article .newsletter .item, .newsletter-form .item {
    margin: 10px auto 30px;
    width: 355px
}

@media (max-width: 767px) {
    .hc-article-detail .article .newsletter .item {
        width: 100%;
        padding: 0 15px
    }
}

.hc-article-detail .article .newsletter .item.error-position {
    display: flex;
    flex-direction: column
}

.hc-article-detail .article .newsletter label {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
    color: #151b26;
    display: flex;
    flex-direction: column
}

.hc-article-detail .article .newsletter input[type=text], .page-hl-ilness-detail .article .newsletter input[type=text], .page-hl-ilness-detail .article .newsletter select, .page-hl-ilness-detail .article .newsletter textarea {
    width: 350px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff
}

.hc-article-detail .article .newsletter .agreement {
    line-height: 27px
}

.hc-article-detail .article .newsletter button {
    font-size: 16px;
    font-weight: 600;
    width: 165px;
    height: 53px;
    line-height: 53px;
    display: block;
    border-radius: 4px;
    text-align: center;
    background-color: #169ee3;
    color: #fff;
    margin: 20px auto auto
}

@media (max-width: 767px) {
    .newsletter-form .item {
        width: 100%;
        padding: 0 15px
    }
}

.newsletter-form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .newsletter-form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .newsletter-form .field.field-checkbox {
        width: 100%
    }
}

.newsletter-form .field.field-checkbox .checkbox {
    margin: 0 auto;
    padding-left: 35px
}

.hc-article-detail .article .date {
    display: none;
    opacity: .5;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #151b26;
    position: absolute;
    right: 20px;
    bottom: 30px
}

.hc-article-detail .article .text-button {
    display: block;
    width: 315px;
    margin: 20px auto 67px;
    padding: 15px 15px 0;
    border-radius: 4px;
    background-image: linear-gradient(107deg, #2f3a4e, #151b26 100%)
}

.hc-article-detail .article .text-button p {
    font-size: 14px;
    font-weight: 700;
    padding: 0 24px;
    color: #fff;
    margin-bottom: 0
}

.hc-article-detail .article .text-button a, .hc-article-detail .article .text-button-appointment a {
    width: 278px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    display: block;
    position: relative;
    bottom: calc(-53px / 2);
    margin-top: -13px;
    border-radius: 4px;
    background-color: #169ee3;
    color: #fff
}

.hc-article-detail .article .text-button-appointment {
    display: block;
    width: 315px;
    border-radius: 4px;
    padding: 15px 15px 0;
    margin: 40px auto 67px;
    border: solid 1px #151b26;
    background-color: #fff
}

.hc-article-detail .article .feedback p, .hc-article-detail .article .text-button-appointment p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #151b26;
    margin-bottom: 0
}

.hc-article-detail .article .text-button-appointment a {
    font-size: 12px;
    font-weight: 700;
    background-color: #ffc107;
    color: #151b26
}

.hc-article-detail .article .text-button-appointment a em {
    font-size: 23px;
    display: inline-block;
    vertical-align: middle
}

.hc-article-detail .article .feedback {
    border-top: solid 1px #d4d7dd;
    border-bottom: solid 1px #d4d7dd;
    padding: 40px 10px;
    margin: 20px 0 0;
    text-align: center
}

.hc-article-detail .article .feedback div, .page-hl-ilness-detail .article .feedback div {
    position: relative;
    margin: auto;
    display: block;
    text-align: center
}

.hc-article-detail .article .feedback p {
    font-style: italic;
    display: block;
    line-height: 22px;
    margin-bottom: 20px
}

.hc-article-detail .article .feedback a:not(.link) {
    width: 44px;
    height: 44px;
    display: inline-block;
    margin-right: 40px;
    line-height: 44px
}

.hc-article-detail .article .feedback a:last-child {
    margin-right: 0
}

.hc-article-detail .article .feedback .link {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
    color: #151b26;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline
}

.hc-article-detail .article .feedback .no, .hc-article-detail .article .feedback .yes {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 0 25px !important;
    transition: all .5s ease
}

.hc-article-detail .article .feedback .no:hover svg g circle, .hc-article-detail .article .feedback .yes:hover svg g circle {
    stroke: #169ee3;
    fill: #169ee3
}

.hc-article-detail .introduction-alternate {
    margin: 80px 0 0
}

@media (max-width: 767px) {
    .hc-article-detail .introduction-alternate {
        margin: 50px 0 0
    }
}

.hc-article-detail .article p > img + span + img, .hc-article-detail .doctors {
    margin-top: 20px
}

@media (max-width: 767px) {
    .hc-article-detail .doctors {
        margin-top: 20px !important
    }

    .hc-article-detail .doctors .text-wrap .doctor-name .name, .hc-article-detail .doctors .text-wrap .label-wrap {
        justify-content: center
    }

    .hc-article-detail .results .action-doctor-favorite {
        display: none
    }
}

.health-center .articles .image-cover img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-hl-ilness {
    padding-bottom: 40px;
    background-color: #f5f8fb
}

@media (max-width: 767px) {
    .page-hl-ilness {
        padding-bottom: 50px
    }
}

.page-hl-ilness .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.page-hl-ilness .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-hl-ilness .wrapper-box.paragraph {
    padding: 40px 100px 40px 60px;
    margin-bottom: 40px
}

.page-hl-ilness .wrapper-box.paragraph p {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #151b26
}

.page-hl-ilness .wrapper-box.ilness {
    padding: 60px 40px 40px;
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .page-hl-ilness .wrapper-box.ilness {
        margin-bottom: 50px
    }
}

.page-hl-ilness .wrapper-box.ilness .title {
    margin-left: 0;
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #151b26
}

.page-hl-ilness .wrapper-box.ilness .item {
    position: relative;
    display: block;
    margin-bottom: 40px;
    height: 240px
}

@media (max-width: 1199px) {
    .page-hl-ilness .wrapper-box.ilness .item {
        height: 190px
    }
}

.page-hl-ilness .wrapper-box.ilness .item .image-cover {
    height: 250px
}

.page-hl-ilness .wrapper-box.ilness .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px
}

.page-hl-ilness .wrapper-box.ilness .item::before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: .5;
    border-radius: 4px;
    background-image: linear-gradient(135deg, #151b26, #151b26);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.page-hl-ilness .wrapper-box.ilness .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    text-align: center
}

.page-hl-ilness .wrapper-box.ilness .content h3, .page-hl-ilness .wrapper-box.ilness .content span, .page-hl-ilness .wrapper-box.search-ilness .content h3, .page-hl-ilness .wrapper-box.search-ilness .content span {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.page-hl-ilness .more {
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    display: block;
    color: #151b26;
    text-align: right
}

.page-hl-ilness .more span {
    text-decoration: underline
}

.page-hl-ilness .search-ilness {
    margin-bottom: 80px
}

.page-hl-ilness .search-ilness > .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-ilness .wrapper-box.search-ilness {
    padding: 40px 40px 10px
}

.page-hl-ilness .wrapper-box.search-ilness .selected-title {
    margin: 20px 0;
    font-size: 28px;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 991px) {
    .page-hl-ilness .wrapper-box.search-ilness .selected-title {
        margin: 10px;
        font-size: 16px
    }
}

.page-hl-ilness .search-ilness .search-illness-box input {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 60px;
    line-height: normal;
    margin-bottom: 20px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-hl-ilness .search-ilness .search-illness-box {
    position: relative
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-hl-ilness .search-ilness .search-illness-box {
        margin-left: 10px
    }
}

@media (max-width: 767px) {
    .page-hl-ilness .search-ilness .search-illness-box {
        width: 100%
    }
}

.page-hl-ilness .search-ilness .search-illness-box .search-illness-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

@media (max-width: 767px) {
    .page-hl-ilness .search-ilness .search-illness-box .search-illness-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }
}

.page-hl-ilness .wrapper-box.search-ilness .letters {
    margin-bottom: 20px
}

.page-hl-ilness .wrapper-box.search-ilness .letters ul, .page-hl-technologies-detail .wrapper-box-search .letters ul {
    display: flex;
    justify-content: space-around
}

.page-hl-ilness .wrapper-box.search-ilness .letters li {
    display: inline-block
}

@media (max-width: 767px) {
    .page-hl-ilness .wrapper-box.search-ilness .letters li {
        padding: 10px 0 !important
    }
}

.page-hl-ilness .wrapper-box.search-ilness .letters li a {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #777
}

.page-hl-ilness .wrapper-box.search-ilness .letters li.selected a:after {
    content: '';
    top: calc(100% + 10px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 1px;
    background-color: #169ee3
}

.page-hl-ilness .wrapper-box.search-ilness .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin-top: 0;
    margin-bottom: 20px
}

.page-hl-ilness .wrapper-box.search-ilness .subtitle {
    font-size: 20px;
    font-weight: 700;
    margin-left: 0;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-ilness .wrapper-box.search-ilness .filter {
    padding-left: 0;
    border-bottom: 1px solid #d4d7dd;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.page-hl-ilness .wrapper-box.search-ilness .filter li {
    display: inline-block;
    position: relative;
    margin-right: 10px
}

@media (max-width: 767px) {
    .page-hl-ilness .wrapper-box.search-ilness .filter li {
        margin-right: 0
    }
}

.page-hl-ilness .wrapper-box.search-ilness .filter a {
    padding: 0 20px 20px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #151b26
}

.page-hl-ilness .wrapper-box.search-ilness .filter a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 83px;
    height: 5px;
    border-radius: 4px;
    background-color: #169ee3
}

.page-hl-ilness .wrapper-box.search-ilness .item {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.page-hl-ilness .wrapper-box.search-ilness .item::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(21, 27, 38, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

@media (max-width: 991px) {
    .page-hl-ilness .wrapper-box.search-ilness .item::before {
        display: none
    }
}

.page-hl-ilness .wrapper-box.search-ilness .item.image-cover {
    height: 230px;
    overflow: hidden
}

@media (max-width: 1199px) {
    .page-hl-ilness .wrapper-box.search-ilness .item.image-cover {
        height: 190px
    }
}

.page-hl-ilness .wrapper-box.articles .action-favorite-area, .page-hl-ilness .wrapper-box.ilness .action-favorite-area, .page-hl-ilness .wrapper-box.search-ilness .action-favorite-area, .page-hl-technologies .search .action-favorite-area, .page-hl-tests .wrapper-box.search .action-favorite-area, .page-hl-tests .wrapper-box.tests .action-favorite-area {
    left: 20px !important;
    z-index: 5
}

.health-guide-like-articles .action-favorite-area, .page-hl-tests-detail .wrapper-box .action-favorite-area, .triple .action-favorite-area {
    z-index: 5
}

body.rtl .health-guide-like-articles .action-favorite-area, body.rtl .page-hl-ilness .wrapper-box.articles .action-favorite-area, body.rtl .page-hl-ilness .wrapper-box.ilness .action-favorite-area, body.rtl .page-hl-ilness .wrapper-box.search-ilness .action-favorite-area, body.rtl .page-hl-technologies .search .action-favorite-area, body.rtl .page-hl-tests .wrapper-box.search .action-favorite-area, body.rtl .page-hl-tests .wrapper-box.tests .action-favorite-area, body.rtl .triple .action-favorite-area {
    left: inherit;
    right: 20px !important
}

@media (max-width: 991px) {
    .health-guide-like-articles .action-favorite-area, .page-hl-ilness .wrapper-box.articles .action-favorite-area, .page-hl-ilness .wrapper-box.ilness .action-favorite-area, .page-hl-ilness .wrapper-box.search-ilness .action-favorite-area, .page-hl-technologies .search .action-favorite-area, .page-hl-tests .wrapper-box.search .action-favorite-area, .page-hl-tests .wrapper-box.tests .action-favorite-area, .page-hl-tests-detail .wrapper-box .action-favorite-area, .triple .action-favorite-area {
        width: 24px;
        height: 24px
    }
}

.health-guide-like-articles .action-favorite-area .item.image-cover, .page-hl-ilness .wrapper-box.articles .action-favorite-area .item.image-cover, .page-hl-ilness .wrapper-box.ilness .action-favorite-area .item.image-cover, .page-hl-ilness .wrapper-box.search-ilness .action-favorite-area .item.image-cover, .page-hl-technologies .search .action-favorite-area .item.image-cover, .page-hl-tests .wrapper-box.search .action-favorite-area .item.image-cover, .page-hl-tests .wrapper-box.tests .action-favorite-area .item.image-cover, .page-hl-tests-detail .wrapper-box .action-favorite-area .item.image-cover, .triple .action-favorite-area .item.image-cover {
    height: inherit;
    margin: 0
}

.health-guide-like-articles .action-favorite-area img, .page-hl-ilness .wrapper-box.articles .action-favorite-area img, .page-hl-ilness .wrapper-box.ilness .action-favorite-area img, .page-hl-ilness .wrapper-box.search-ilness .action-favorite-area img, .page-hl-technologies .search .action-favorite-area img, .page-hl-tests .wrapper-box.search .action-favorite-area img, .page-hl-tests .wrapper-box.tests .action-favorite-area img, .page-hl-tests-detail .wrapper-box .action-favorite-area img, .triple .action-favorite-area img {
    min-height: initial
}

@media all and (-ms-high-contrast: none) {
    .health-guide-like-articles .action-favorite-area img, .page-hl-ilness .wrapper-box.articles .action-favorite-area img, .page-hl-ilness .wrapper-box.ilness .action-favorite-area img, .page-hl-ilness .wrapper-box.search-ilness .action-favorite-area img, .page-hl-technologies .search .action-favorite-area img, .page-hl-tests .wrapper-box.search .action-favorite-area img, .page-hl-tests .wrapper-box.tests .action-favorite-area img, .page-hl-tests-detail .wrapper-box .action-favorite-area img, .triple .action-favorite-area img {
        min-height: auto
    }
}

.page-hl-tests-detail .wrapper-box .action-favorite-area, .triple .action-favorite-area {
    left: 5px !important
}

body.rtl .page-hl-tests-detail .wrapper-box .action-favorite-area {
    left: inherit;
    right: 5px !important
}

@media (max-width: 991px) {
    .page-hl-ilness .wrapper-box.search-ilness .action-favorite-area, .page-hl-technologies .search .wrapper-box.search .action-favorite-area, .page-hl-tests .wrapper-box.search .action-favorite-area {
        display: none
    }
}

.health-guide-like-articles .action-favorite-area {
    left: 20px !important
}

@media (max-width: 767px) {
    .health-guide-like-articles .action-favorite-area {
        left: 5px !important
    }
}

.page-hl-ilness .wrapper-box.search-ilness .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media all and (-ms-high-contrast: none) {
    .page-hl-ilness .wrapper-box.search-ilness .item img {
        width: auto;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.page-hl-ilness .wrapper-box.search-ilness .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2
}

.page-hl-ilness .wrapper-box.articles {
    padding: 80px 50px 30px
}

.page-hl-ilness .wrapper-box.articles .title {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    color: #151b26;
    text-align: center
}

.page-hl-ilness .wrapper-box.articles .item {
    position: relative;
    margin-bottom: 40px;
    display: block;
    height: 210px;
    border-radius: 4px
}

.page-hl-ilness .wrapper-box.articles .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    border-radius: 4px;
    background-image: linear-gradient(124deg, #151b26, #169ee3);
    z-index: 3
}

.page-hl-ilness .wrapper-box.articles .item img {
    display: block;
    width: 100%;
    height: 100%
}

.page-hl-ilness .wrapper-box.articles .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    z-index: 4
}

.page-hl-ilness .wrapper-box.articles .content h3, .page-hl-ilness .wrapper-box.articles .content span {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.page-hl-ilness .wrapper-box.articles .more, .page-hl-ilness-detail .article h3, .page-hl-technologies-detail .wrapper-box.about h3, .page-hl-tests-detail .wrapper-box.about h3 {
    font-size: 16px
}

.page-hl-ilness-detail {
    background-color: #f5f8fb
}

@media (max-width: 767px) {
    .page-hl-ilness-detail {
        padding-bottom: 50px
    }

    .page-hl-ilness-detail .doctors-other-page .text-wrap {
        margin: 10px auto
    }
}

.page-hl-ilness-detail .health-packs {
    margin: 80px 0 0
}

@media (max-width: 767px) {
    .page-hl-ilness-detail .health-packs {
        margin: 50px 0 0
    }
}

.page-hl-ilness-detail .wrapper:first-child {
    margin-top: 0;
    position: relative;
    top: -50px
}

.page-hl-ilness-detail .article {
    padding: 80px 80px 40px;
    margin-bottom: 0;
    position: relative;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-hl-ilness-detail .page-hl-tests-detail {
    margin-top: 80px
}

@media (max-width: 767px) {
    .page-hl-ilness-detail .page-hl-tests-detail {
        margin-top: 50px
    }
}

.page-hl-ilness-detail .page-hl-tests-detail.mr-top-none {
    margin-top: 0
}

.page-hl-ilness-detail .article .actions-button {
    position: absolute;
    top: 20px;
    right: 40px
}

.page-hl-ilness-detail .article > .title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-ilness-detail .article > .title.question::before {
    width: 5px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #169ee3;
    content: ''
}

.page-hl-ilness-detail .article > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-ilness-detail .article .newsletter {
    border-top: 1px solid #d4d7dd;
    border-bottom: 1px solid #d4d7dd;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    align-items: center;
    padding: 40px 0;
    text-align: center
}

.page-hl-ilness-detail .article .newsletter .checkbox label {
    width: 80%;
    margin: 0 auto
}

.page-hl-ilness-detail .article .feedback p, .page-hl-ilness-detail .article .newsletter p {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 27px;
    text-align: center;
    color: #151b26
}

.page-hl-ilness-detail .article .newsletter label {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
    color: #151b26;
    width: 350px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .page-hl-ilness-detail .article .newsletter label {
        width: 100%
    }
}

.page-hl-ilness-detail .article .newsletter .bvalidator-insert-msg {
    width: 350px;
    margin: 10px auto 20px;
    text-align: left
}

.page-hl-ilness-detail .article .newsletter .select2-selection {
    text-align: left
}

.page-hl-ilness-detail .article .newsletter .checkbox {
    margin-bottom: 20px
}

.page-hl-ilness-detail .article .newsletter .checkbox a {
    font-size: 12px;
    width: auto;
    height: auto;
    line-height: normal;
    display: inline-block;
    border-radius: inherit;
    text-align: left;
    background-color: transparent;
    margin: 0 auto auto
}

.page-hl-ilness-detail .article .newsletter textarea {
    resize: none;
    min-height: 125px
}

.page-hl-ilness-detail .article .newsletter a {
    font-size: 16px;
    font-weight: 600;
    width: 165px;
    height: 53px;
    line-height: 53px;
    display: block;
    border-radius: 4px;
    text-align: center;
    background-color: #169ee3;
    color: #fff;
    margin: 20px auto auto
}

.page-hl-ilness-detail .article .feedback {
    border-top: solid 1px #d4d7dd;
    border-bottom: solid 1px #d4d7dd;
    padding: 20px
}

.page-hl-ilness-detail .article .feedback p {
    display: block;
    margin-bottom: 20px
}

.page-hl-ilness-detail .article .feedback a {
    width: 44px;
    height: 44px;
    display: inline-block;
    margin-right: 40px;
    line-height: 44px
}

.page-hl-ilness-detail .article .feedback a:last-child {
    margin-right: 0
}

.page-hl-ilness-detail .article .feedback a:last-child img {
    padding-bottom: 3px
}

.page-hl-ilness-detail .specialist {
    margin-top: 80px
}

@media (max-width: 767px) {
    .page-hl-ilness-detail .specialist {
        margin-top: 50px
    }
}

.page-hl-ilness-detail .specialist .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #151b26
}

.page-hl-ilness-detail .specialist .content {
    background-color: #fff;
    padding: 40px
}

.page-hl-ilness-detail .specialist .content .item .details {
    background-color: transparent !important
}

.page-hl-ilness-detail .specialist .content .item .details .job-title {
    font-size: 12px !important;
    font-weight: 700;
    color: #169ee3 !important
}

.page-hl-ilness-detail .specialist .content img {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 4px
}

.page-hl-ilness-detail .specialist .content .item {
    position: relative;
    min-height: 220px
}

.page-hl-ilness-detail .specialist .content .item .img-content {
    max-height: 220px;
    height: 220px;
    overflow: hidden;
    border-radius: 4px
}

.page-hl-ilness-detail .specialist .content .item .img-content img {
    margin-bottom: 0
}

.page-hl-ilness-detail .specialist .content .item .details {
    width: 100%;
    padding: 10px 20px;
    position: absolute;
    background-color: rgba(21, 27, 38, .5);
    left: 0;
    bottom: 0
}

.page-hl-ilness-detail .specialist .content .item .details .name {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff
}

.page-hl-ilness-detail .specialist .content .item .details .job-title {
}

.page-hl-ilness-detail .specialist .content .item .link {
    display: none
}

.page-hl-ilness-detail .specialist .content .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26;
    margin-top: 40px
}

.page-hl-ilness-detail .specialist .content .more span, .page-hl-tests .more span, .page-hl-tests-detail .more span {
    text-decoration: underline
}

.page-hl-ilness-detail .specialist .content .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26
}

.page-hl-ilness-detail .health-packs .title {
    font-size: 28px;
    font-weight: 700
}

.page-hl-ilness-detail .health-packs .more span {
    text-decoration: none
}

.page-hl-technologies, .page-hl-technologies-detail {
    padding-bottom: 40px;
    background-color: #f5f8fb
}

.page-hl-technologies .actions .select2-container {
    width: 100% !important
}

.page-hl-technologies .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.page-hl-technologies .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-hl-technologies .wrapper-box.paragraph {
    padding: 40px 100px 40px 60px
}

.page-hl-technologies .wrapper-box.paragraph p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #151b26
}

.page-hl-technologies .search {
    margin-top: 80px
}

.page-hl-technologies .wrapper-box.search {
    padding: 40px;
    margin-top: 0
}

@media (max-width: 767px) {
    .page-hl-technologies .wrapper-box.search {
        padding: 20px 10px;
        border-top: none;
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px
    }
}

.page-hl-technologies .search input, .page-hl-technologies .search select, .page-hl-tests select {
    height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-hl-technologies .search select, .page-hl-tests select {
    font-size: 14px;
    font-weight: 700;
    width: 335px;
    line-height: 60px;
    margin-right: 40px;
    background-color: #fff
}

.bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .page-hl-technologies .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    color: #151b26
}

.page-hl-technologies .search .search-technologies, .page-hl-technologies-detail .search .search-doctor {
    position: relative
}

.page-hl-technologies .search .search-technologies .search-technologies-btn, .page-hl-technologies-detail .search .search-doctor .search-doctor-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

@media (max-width: 767px) {
    .page-hl-technologies .search .search-technologies .search-technologies-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 20px
    }

    .page-hl-technologies-detail .search .search-doctor .search-doctor-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 15px
    }

    .page-hl-technologies-detail .wrapper .wrapper-box p img {
        width: 100% !important;
        height: auto !important
    }
}

.page-hl-technologies .search input {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    line-height: normal;
    margin-bottom: 40px
}

@media (max-width: 991px) {
    .page-hl-technologies .search input {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .page-hl-technologies .search input {
        margin-bottom: 0
    }
}

.page-hl-technologies .wrapper-box.search .letters {
    margin: 0 20px
}

.page-hl-technologies .wrapper-box.search .letters ul {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #f5f8fb;
    border-radius: 4px
}

.page-hl-technologies .wrapper-box.search .letters li, .page-hl-technologies-detail .wrapper-box-search .letters li, .page-hl-tests .wrapper-box.search .letters li, .page-hl-tests-detail .wrapper-box.search .letters ul li {
    display: inline-block
}

.page-hl-technologies .wrapper-box.search .letters li a, .page-hl-technologies-detail .wrapper-box-search .letters li a {
    position: relative;
    text-align: center;
    display: inline-block;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #777
}

.page-hl-technologies .wrapper-box.search .letters li.selected a, .page-hl-technologies-detail .wrapper-box-search .letters li.selected a, .page-hl-tests .wrapper-box.search .letters li.selected a {
    font-weight: 700;
    color: #169ee3
}

.page-hl-technologies .wrapper-box.search .letters li.selected a:after, .page-hl-technologies-detail .wrapper-box-search .letters li.selected a:after, .page-hl-tests-detail .wrapper-box.search .letters ul li.selected a::after {
    content: '';
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 1px;
    background-color: #169ee3
}

.page-hl-technologies .wrapper-box.search .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin: 40px 0
}

.page-hl-technologies .search .selected-title {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    margin-bottom: 20px
}

.page-hl-technologies .search .item {
    position: relative;
    display: block;
    height: 240px;
    margin-bottom: 30px
}

@media (max-width: 1199px) {
    .page-hl-technologies .search .item {
        height: 190px
    }
}

@media (max-width: 991px) {
    .page-hl-technologies .search .item {
        height: auto;
        background: 0 0;
        margin-bottom: 0
    }
}

.page-hl-technologies .search .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 193, 7, 0), rgba(255, 193, 7, .25)), linear-gradient(318deg, rgba(21, 27, 38, .1) 61%, rgba(21, 27, 38, .5) 100%), linear-gradient(43deg, rgba(193, 30, 67, .1) 7%, rgba(193, 30, 67, .5) 100%);
    z-index: 3
}

@media (max-width: 991px) {
    .page-hl-technologies .search .item:before {
        display: none
    }
}

.page-hl-technologies .search .item .image-cover {
    height: 240px
}

@media (max-width: 1199px) {
    .page-hl-technologies .search .item .image-cover {
        height: 190px
    }
}

@media (max-width: 991px) {
    .page-hl-technologies .search .item .image-cover {
        display: none
    }
}

.page-hl-technologies .search .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 4
}

.page-hl-technologies .search .content span, .page-hl-tests .wrapper-box.tests .content span {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.page-hl-technologies .scrollable {
    position: relative;
    padding: 80px 0;
    background-color: #fff;
    margin-top: 40px
}

.page-hl-technologies .scrollable .slick-slider::after {
    content: '';
    width: 111px;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 4px 0 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

body.rtl .page-hl-technologies .scrollable .slick-slider .slick-list::after, body.rtl .page-hl-technologies .scrollable .slick-slider::after {
    border-radius: 0 4px 4px 0;
    right: inherit;
    left: 0
}

@media (max-width: 991px) {
    .page-hl-technologies .scrollable .slick-slider::after {
        width: 138px
    }
}

@media (max-width: 767px) {
    .page-hl-technologies .scrollable .slick-slider::after {
        display: none
    }
}

.page-hl-technologies .scrollable .slick-slider .slick-list {
    padding: 0 10% 0 0 !important;
    position: relative
}

body.rtl .page-hl-technologies .scrollable .slick-slider .slick-list {
    padding: 0 0 0 10% !important
}

.page-hl-technologies .scrollable .slick-slider .slick-list::after {
    content: '';
    width: 111px;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 4px 0 0 4px;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 991px) {
    .page-hl-technologies .scrollable .slick-slider .slick-list::after {
        width: 138px
    }
}

@media (max-width: 767px) {
    .page-hl-technologies .scrollable .slick-slider .slick-list::after {
        display: none
    }
}

.page-hl-technologies .scrollable .slick-slider .slick-list .slick-track {
    margin: 0
}

.page-hl-technologies .scrollable .slick-slider .slick-next {
    right: 30px
}

body.rtl .page-hl-technologies .scrollable .slick-slider .slick-next {
    right: inherit;
    left: 30px
}

@media (max-width: 767px) {
    .page-hl-technologies .scrollable .slick-slider .slick-next {
        display: none !important
    }
}

.page-hl-technologies .scrollable .slick-slider .slick-prev {
    left: 30px
}

body.rtl .page-hl-technologies .scrollable .slick-slider .slick-prev {
    left: inherit;
    right: 30px
}

@media (max-width: 767px) {
    .page-hl-technologies .scrollable .slick-slider .slick-prev {
        display: none !important
    }
}

.page-hl-technologies .scrollable .slick-slider .slick-slide {
    margin-right: 20px
}

body.rtl .page-hl-technologies .scrollable .slick-slider .slick-slide {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .page-hl-technologies .scrollable .slick-slider .slick-slide {
        margin-right: 5px
    }

    body.rtl .page-hl-technologies .scrollable .slick-slider .slick-slide {
        margin: 0 0 0 5x
    }
}

.page-hl-technologies .scrollable .next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 50%;
    line-height: 44px;
    background-color: #169ee3;
    z-index: 7
}

body.rtl .page-hl-technologies .scrollable .item .link > .icon, body.rtl .page-hl-technologies .scrollable .next {
    right: inherit;
    left: 0
}

.page-hl-technologies .scrollable .next em {
    font-size: 14px;
    vertical-align: middle;
    color: #fff
}

.page-hl-technologies .scrollable .item {
    position: relative;
    width: 278px;
    margin-right: 20px
}

body.rtl .page-hl-technologies .scrollable .item {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .page-hl-technologies .scrollable .item {
        margin-right: 5px
    }

    body.rtl .page-hl-technologies .scrollable .item {
        margin: 0 0 0 5px
    }
}

.page-hl-technologies .scrollable .item.passive .link, .page-hl-technologies .scrollable .item.passive img {
    opacity: .5
}

.page-hl-technologies .scrollable .item .img-wrapper {
    position: relative;
    margin-bottom: 6px;
    height: 165px;
    overflow: hidden;
    border-radius: 4px
}

.page-hl-technologies .scrollable .item .img-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 27, 38, .2);
    z-index: 3
}

.page-hl-technologies .scrollable .item img, .page-hl-technologies .search .item img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover
}

.page-hl-technologies .scrollable .item .img-wrapper .text {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    z-index: 5
}

.page-hl-technologies .scrollable .item .action-favorite-area {
    z-index: 3
}

@media (max-width: 767px) {
    .page-hl-technologies .scrollable .item .action-favorite-area {
        width: 24px;
        height: 24px
    }
}

.page-hl-technologies .scrollable .item > .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden
}

body.rtl .hc-article-detail .article ul li, body.rtl .page-hl-ilness-detail .article ul li, body.rtl .page-hl-technologies .scrollable .item > .link, body.rtl .page-hl-technologies-detail .wrapper-box.about ul li, body.rtl .page-hl-tests-detail .wrapper-box.about ul li {
    padding: 0 20px 0 0
}

.page-hl-technologies .scrollable .item .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

.page-hl-technologies .scrollable .item .link > .icon em {
    color: #fff
}

@media (max-width: 767px) {
    .page-hl-technologies-detail {
        padding-bottom: 50px
    }
}

.page-hl-technologies-detail .wrapper:first-child {
    margin-top: -35px;
    position: relative
}

.page-hl-technologies-detail .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-hl-technologies-detail .video-js {
    width: 670px !important;
    min-height: 370px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .video-js {
        width: 100% !important;
        min-height: 170px
    }
}

.page-hl-technologies-detail .wrapper-box.about {
    padding: 80px;
    margin-bottom: 80px;
    position: relative
}

.page-hl-technologies-detail .wrapper-box.about .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-technologies-detail .wrapper-box.about p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-technologies-detail .wrapper-box.about .video {
    position: relative;
    display: block;
    margin: auto
}

.page-hl-technologies-detail .wrapper-box.about .video img {
    width: 100%;
    margin: auto;
    display: block
}

.page-hl-technologies-detail .wrapper-box.about .contact-button {
    position: absolute;
    top: -240px;
    right: 0;
    width: 335px;
    height: 53px;
    font-size: 14px;
    font-weight: 600;
    line-height: 53px;
    border-radius: 4px;
    box-shadow: 0 15px 20px -5px rgba(193, 30, 67, .25);
    background-color: #169ee3;
    text-align: center;
    color: #fff
}

.page-hl-technologies-detail .wrapper-box.process, .page-hl-tests-detail .wrapper-box.process {
    padding: 80px;
    margin: 80px 0 50px;
    position: relative
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box.process, .page-hl-tests-detail .wrapper-box.process {
        margin: 50px 0
    }
}

.page-hl-technologies-detail .wrapper-box.process .title, .page-hl-tests-detail .wrapper-box.process .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-technologies-detail .wrapper-box.process .wrapper, .page-hl-tests-detail .wrapper-box.process .wrapper {
    position: relative;
    flex-wrap: nowrap;
    justify-content: space-between
}

.page-hl-technologies-detail .wrapper-box.process .item, .page-hl-tests-detail .wrapper-box.process .item {
    margin: 0 40px;
    position: relative
}

.page-hl-technologies-detail .wrapper-box.process .item:before, .page-hl-tests-detail .wrapper-box.process .item:before {
    content: '';
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://cdn.memorial.com.tr/files/images/icon@double-next.png) no-repeat center;
    background-size: 30px;
    width: 30px;
    height: 30px
}

.page-hl-technologies-detail .wrapper-box.process .wrapper-box-process-item, .page-hl-tests-detail .wrapper-box.process .wrapper-box-process-item {
    padding: 0
}

.page-hl-technologies-detail .wrapper-box.process .wrapper-box-process-item:first-child .item, .page-hl-tests-detail .wrapper-box.process .wrapper-box-process-item:first-child .item {
    margin-left: 20px
}

.page-hl-technologies-detail .wrapper-box.process .wrapper-box-process-item:last-child .item, .page-hl-tests-detail .wrapper-box.process .wrapper-box-process-item:last-child .item {
    margin-right: 20px
}

.page-hl-technologies-detail .wrapper-box.process .wrapper-box-process-item:last-child .item:before, .page-hl-tests-detail .wrapper-box.process .wrapper-box-process-item:last-child .item:before {
    display: none
}

.page-hl-technologies-detail .wrapper-box.process .wrapper .item .icon, .page-hl-tests-detail .wrapper-box.process .wrapper .item .icon {
    display: block;
    margin-bottom: 20px;
    text-align: center
}

.page-hl-technologies-detail .wrapper-box.process .wrapper .item .icon img, .page-hl-tests-detail .wrapper-box.process .wrapper .item .icon img {
    height: 48px
}

.page-hl-technologies-detail .wrapper-box.process .wrapper .item .text, .page-hl-tests-detail .wrapper-box.process .wrapper .item .text {
    font-size: 14px;
    font-weight: 400;
    color: #151b26;
    text-align: center
}

.page-hl-technologies-detail .wrapper-box.process .wrapper .next, .page-hl-tests-detail .wrapper-box.process .wrapper .next {
    margin: 15px 30px 0
}

.page-hl-technologies-detail .wrapper-box.process .wrapper .next img, .page-hl-tests-detail .wrapper-box.process .wrapper .next img {
    width: 30px;
    height: 30px;
    display: block
}

.page-hl-detail .wrapper-box.form {
    padding: 30px;
    margin-top: 80px;
    position: relative
}

.page-hl-detail .wrapper-box.form .title {
    font-size: 28px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    color: #151b26
}

.page-hl-detail .wrapper-box.form .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 60px;
    text-align: center;
    color: #151b26
}

.page-hl-detail .wrapper-box.form form .item {
    position: relative;
    margin-bottom: 20px
}

.page-hl-detail .wrapper-box.form form .item .form-intl .intl-phone-mask {
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5)
}

.page-hl-detail .wrapper-box.form form .item.item-checkbox {
    width: 80%;
    margin: 0 auto
}

.page-hl-detail .wrapper-box.form form .item.error-position {
    display: flex;
    flex-direction: column
}

.page-hl-detail .wrapper-box.form form .item .bvalidator-insert-msg + .select2 .select2-selection, .page-hl-detail .wrapper-box.form form .item .select2-basic + .select2 .select2-selection {
    border: solid 1px rgba(21, 27, 38, .5)
}

.page-hl-detail .wrapper-box.form form .item.centered {
    text-align: center
}

@media (max-width: 991px) {
    .page-hl-detail .wrapper-box.form form .item > label {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .page-hl-detail .wrapper-box.form form .item > label {
        font-size: 14px
    }
}

.page-hl-detail .wrapper-box.form form .alert {
    width: 50%;
    margin: 0 auto 20px
}

.page-hl-detail .wrapper-box.form form .checkbox {
    width: 80%;
    margin: 20px auto
}

.page-hl-detail .wrapper-box.form form input[type=text], .page-hl-detail .wrapper-box.form form select, .page-hl-detail .wrapper-box.form form textarea {
    padding: 0 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff
}

.page-hl-detail .wrapper-box.form form select {
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-hl-detail .wrapper-box.form form .select2-container {
    width: 100% !important
}

.page-hl-detail .wrapper-box.form form textarea {
    min-height: 200px;
    -webkit-appearance: none;
    appearance: none;
    resize: none
}

.page-hl-detail .wrapper-box.form form input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0
}

.page-hl-detail .wrapper-box.form form input[type=checkbox]:checked + .custom-checkbox {
    background-color: #ddd
}

.page-hl-detail .wrapper-box.form form .custom-checkbox {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    border: solid 1px #151b26;
    vertical-align: middle
}

.page-hl-detail .wrapper-box.form form .custom-checkbox + label {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.page-hl-detail .wrapper-box.form form .submit {
    font-size: 14px;
    font-weight: 600;
    display: block;
    width: 278px;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    background-color: #169ee3;
    margin: auto auto 30px;
    color: #fff
}

.page-hl-technologies-detail .wrapper-box.hospitals, .page-hl-tests-detail .wrapper-box.hospitals {
    padding: 40px 80px 20px;
    margin: 80px 0
}

.medical-units .wrapper-box.hospitals .title, .page-hl-technologies-detail .wrapper-box.hospitals .title, .page-hl-tests-detail .wrapper-box.hospitals .title {
    font-size: 28px;
    font-weight: 700;
    display: block;
    margin-bottom: 40px;
    text-align: center;
    color: #151b26
}

.medical-units .wrapper-box.hospitals .item, .page-hl-technologies-detail .wrapper-box.hospitals .item, .page-hl-tests-detail .wrapper-box.hospitals .item {
    position: relative;
    display: block;
    margin-bottom: 30px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #2f3a4e, #151b26);
    overflow: hidden
}

.medical-units .wrapper-box.hospitals .item .image-cover, .page-hl-technologies-detail .wrapper-box.hospitals .item .image-cover, .page-hl-tests-detail .wrapper-box.hospitals .item .image-cover {
    height: 220px
}

@media (max-width: 767px) {
    .medical-units .wrapper-box.hospitals .item .image-cover, .page-hl-technologies-detail .wrapper-box.hospitals .item .image-cover, .page-hl-tests-detail .wrapper-box.hospitals .item .image-cover {
        height: 80px
    }
}

.medical-units .wrapper-box.hospitals .item .image-cover:before, .page-hl-technologies-detail .wrapper-box.hospitals .item .image-cover:before, .page-hl-tests-detail .wrapper-box.hospitals .item .image-cover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 2
}

.medical-units .wrapper-box.hospitals .item img, .page-hl-technologies-detail .wrapper-box.hospitals .item img, .page-hl-tests-detail .wrapper-box.hospitals .item img {
    width: 100%;
    display: block
}

.medical-units .wrapper-box.hospitals .item .content, .page-hl-technologies-detail .wrapper-box.hospitals .item .content, .page-hl-tests-detail .wrapper-box.hospitals .item .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    text-align: center;
    line-height: 22px;
    color: #fff;
    z-index: 3
}

.page-hl-technologies-detail .search {
    position: relative;
    margin-top: 80px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .search {
        border-radius: 4px;
        border: solid 1px #d4d7dd;
        background-color: #fff;
        padding: 20px 0;
        margin-top: 50px
    }
}

.page-hl-technologies-detail .search > .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .search > .title {
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 20px 10px
    }
}

.page-hl-technologies-detail .search .actions {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .search .actions {
        margin-bottom: 20px
    }

    .page-hl-technologies-detail .search .actions .select2-container {
        margin-bottom: 5px
    }
}

@media (max-width: 1199px) {
    .page-hl-technologies-detail .search .actions .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .page-hl-technologies-detail .search .actions .select2-basic.select2-h60 + .select2 .select2-selection, .page-hl-technologies-detail .search .actions .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
        height: 50px !important
    }
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .search .actions .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .page-hl-technologies-detail .search .actions .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 50px;
        font-size: 16px;
        padding-left: 0
    }
}

.page-hl-technologies-detail .search input, .page-hl-technologies-detail .search select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-hl-technologies-detail .search select {
    font-size: 14px;
    font-weight: 700;
    margin-right: 40px;
    background-color: #fff
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .search select {
        width: 100% !important
    }
}

.page-hl-technologies-detail .search .select2-container {
    width: 100% !important
}

.page-hl-technologies-detail .search input {
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .search input {
        height: 50px
    }
}

.page-hl-technologies-detail .wrapper-box-search {
    padding: 40px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box-search {
        padding: 0 10px;
        border: 0;
        border-radius: initial
    }
}

.page-hl-technologies-detail .wrapper-box-search .letters {
    margin: 0 20px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box-search .letters {
        margin: 0
    }
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box-search .letters ul {
        display: block;
        padding: 15px 0;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box-search .letters li a {
        padding: 5px 14px;
        font-size: unset;
        line-height: 30px
    }
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box-search .letters li.selected a {
        color: #fff;
        background-color: #151b26;
        border-radius: 4px;
        font-weight: 400
    }
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box-search .letters li.selected a:after {
        display: none
    }
}

.page-hl-technologies-detail .wrapper-box-search .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin: 40px 0
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .wrapper-box-search .horizontal-line {
        display: none
    }
}

.page-hl-technologies-detail .search .selected-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .search .selected-title {
        font-size: 14px;
        font-weight: 700;
        margin: 15px 0 5px 5px;
        line-height: normal
    }

    .page-hl-technologies-detail .results .col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.page-hl-technologies-detail .results .item {
    margin-bottom: 40px;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item {
        position: relative;
        margin: 10px 0 0;
        padding: 10px 20px 0 0;
        border: unset;
        border-top: 1px solid #d4d7dd;
        border-radius: 0
    }
}

.page-hl-technologies-detail .results .item .content {
    padding: 0 30px;
    text-align: center;
    position: relative
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item .content {
        display: flex;
        flex-direction: row;
        text-align: left;
        padding: 0 5px
    }
}

.page-hl-technologies-detail .results .item .image-cover {
    height: 250px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item .image-cover {
        width: 36px;
        height: 36px;
        margin-right: 20px;
        border-radius: 4px
    }
}

.page-hl-technologies-detail .results .item .img {
    width: 100%;
    object-fit: contain;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item .img, .page-hl-technologies-detail .results .item img {
        border-radius: 4px
    }
}

.page-hl-technologies-detail .results .item .text-wrap {
    min-height: 100px
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item .text-wrap {
        min-height: auto
    }
}

.page-hl-technologies-detail .results .item .label {
    font-size: 12px;
    font-weight: 500;
    color: #2688da
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item .label {
        display: none
    }
}

.page-hl-technologies-detail .results .item .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #151b26;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item .name {
        font-size: 13px;
        font-weight: 400;
        color: #151b26
    }
}

.page-hl-technologies-detail .results .item .hospital-name {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #169ee3
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .item .hospital-name {
        display: none
    }
}

.page-hl-technologies-detail .results .button {
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    color: #151b26;
    background-color: #ffc107
}

@media (max-width: 767px) {
    .page-hl-technologies-detail .results .button {
        display: none
    }
}

.page-hl-technologies-detail .results .button em {
    color: #151b26;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px
}

.page-hl-technologies-detail .page-hl-tests-detail {
    margin-top: 80px
}

@media (max-width: 991px) {
    .page-hl-technologies-detail .page-hl-tests-detail {
        margin-top: 50px
    }
}

.page-hl-tests {
    padding-bottom: 40px;
    background-color: #f5f8fb
}

@media (max-width: 767px) {
    .page-hl-tests {
        margin-bottom: 50px
    }
}

.page-hl-tests .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.page-hl-tests .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-hl-tests .search .selected-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-hl-tests .search .selected-title {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 15px
    }
}

.page-hl-tests .wrapper-box.paragraph {
    padding: 40px 100px 40px 60px;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-hl-tests .wrapper-box.paragraph {
        margin-bottom: 20px
    }
}

.page-hl-tests .wrapper-box.paragraph p, .page-hl-tests input {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #151b26
}

.page-hl-tests .wrapper-box.tests {
    padding: 70px 40px 40px;
    margin-bottom: 80px
}

.page-hl-tests .search .title, .page-hl-tests .wrapper-box.tests .title {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    color: #151b26;
    text-align: center
}

.page-hl-tests .wrapper-box.tests .item {
    position: relative;
    display: block;
    margin-bottom: 30px;
    height: 240px;
    overflow: hidden;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-hl-tests .wrapper-box.tests .item {
        height: 100px !important
    }
}

.page-hl-tests .wrapper-box.tests .item:before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 27, 38, .4);
    position: absolute;
    z-index: 2
}

.page-hl-tests .wrapper-box.tests .item img {
    border-radius: 4px
}

.page-hl-tests .wrapper-box.tests .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2
}

.page-hl-tests .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

.page-hl-tests .search .title {
    display: none
}

@media (max-width: 767px) {
    .page-hl-tests .search .title {
        display: block;
        border: solid 1px #d4d7dd;
        border-bottom: none;
        background-color: #fff;
        margin: 0;
        padding: 20px;
        text-align: left;
        font-size: 20px
    }
}

.page-hl-tests .wrapper-box.search {
    padding: 40px
}

@media (max-width: 767px) {
    .page-hl-tests .wrapper-box.search {
        padding: 20px 10px;
        border-top: none;
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px
    }
}

.search-test {
    position: relative
}

.search-test .search-test-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

.page-hl-tests input {
    font-weight: 400;
    width: 100%;
    height: 60px;
    line-height: normal;
    margin-bottom: 40px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    border-radius: 4px;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

@media (max-width: 991px) {
    .page-hl-tests input {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .page-hl-tests input {
        margin: 0
    }
}

@media (max-width: 767px) {
    .page-hl-technologies .search input, .page-hl-technologies .search select, .page-hl-tests input, .page-hl-tests select, .page-memorialtv input, .page-memorialtv select {
        width: 100%;
        margin-right: 0;
        margin-top: 5px
    }
}

.page-hl-tests .wrapper-box.search .letters {
    margin: 0 10px
}

.page-hl-tests .wrapper-box.search .letters ul {
    display: flex;
    justify-content: space-around
}

@media (max-width: 767px) {
    .page-hl-tests .wrapper-box.search .letters li {
        padding: 10px 0 !important
    }
}

.page-hl-tests .wrapper-box.search .letters li a {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #777
}

.page-hl-tests .wrapper-box.search .letters li.selected a:after {
    content: '';
    top: calc(100% + 20px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 1px;
    background-color: #169ee3
}

.page-hl-tests .wrapper-box.search .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin: 30px 0 40px
}

.page-hl-tests .wrapper-box.search .subtitle {
    font-size: 20px;
    font-weight: 700;
    margin-left: 40px;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-tests .wrapper-box.search .filter {
    padding-left: 20px;
    border-bottom: 1px solid #d4d7dd;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.page-hl-tests .wrapper-box.search .filter li {
    display: inline-block;
    position: relative;
    margin-right: 20px
}

.page-hl-tests .wrapper-box.search .filter a {
    padding: 0 20px 20px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #151b26
}

.last-news .filter .tabs a.active::before, .page-hl-tests .wrapper-box.search .filter a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #169ee3
}

.page-hl-tests .wrapper-box.search .item {
    position: relative;
    display: block;
    height: 240px;
    margin-bottom: 30px
}

.page-hl-tests .wrapper-box.search .item.image-cover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 27, 38, .5);
    z-index: 1
}

@media (max-width: 991px) {
    .page-hl-tests .wrapper-box.search .item.image-cover:before {
        display: none
    }
}

@media (max-width: 1199px) {
    .page-hl-tests .wrapper-box.search .item {
        height: 190px
    }
}

@media (max-width: 991px) {
    .page-hl-tests .wrapper-box.search .item {
        height: auto;
        background: 0 0;
        margin-bottom: 0
    }
}

.page-hl-tests .wrapper-box.search .item img, .page-hl-tests .wrapper-box.tests .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-hl-tests .wrapper-box.search .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.page-hl-tests .wrapper-box.search .content span {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px;
    text-align: center
}

.page-hl-tests-detail {
    background-color: #f5f8fb
}

.page-hl-tests-detail .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.page-hl-ilness-detail .wrapper-box, .page-hl-tests-detail .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-hl-tests-detail .margin-bottom {
    margin-bottom: 40px
}

.page-hl-tests-detail .wrapper-box.about {
    padding: 80px;
    margin-bottom: 40px;
    position: relative
}

.page-hl-tests-detail .wrapper-box.about .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-tests-detail .search input, .page-hl-tests-detail .wrapper-box.about p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #151b26
}

.page-hl-ilness-detail .article h1, .page-hl-ilness-detail .article h2, .page-hl-technologies-detail .wrapper-box.about h1, .page-hl-technologies-detail .wrapper-box.about h2, .page-hl-tests-detail .wrapper-box.about h1, .page-hl-tests-detail .wrapper-box.about h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    color: #151b26;
    position: relative;
    padding-left: 15px;
    text-transform: uppercase;
    text-align: left;
    line-height: 22px;
    margin-top: 40px;
    margin-bottom: 20px
}

body.rtl .page-hl-ilness-detail .article h1, body.rtl .page-hl-ilness-detail .article h2, body.rtl .page-hl-technologies-detail .wrapper-box.about h1, body.rtl .page-hl-technologies-detail .wrapper-box.about h2, body.rtl .page-hl-tests-detail .wrapper-box.about h1, body.rtl .page-hl-tests-detail .wrapper-box.about h2 {
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

.content-page h2::before, .page-hl-ilness-detail .article h1:before, .page-hl-ilness-detail .article h2:before, .page-hl-technologies-detail .wrapper-box.about h1:before, .page-hl-technologies-detail .wrapper-box.about h2:before, .page-hl-tests-detail .wrapper-box.about h1:before, .page-hl-tests-detail .wrapper-box.about h2:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #169ee3;
    left: 0;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%)
}

body.rtl .page-hl-ilness-detail .article h1:before, body.rtl .page-hl-ilness-detail .article h2:before, body.rtl .page-hl-technologies-detail .wrapper-box.about h1:before, body.rtl .page-hl-technologies-detail .wrapper-box.about h2:before, body.rtl .page-hl-tests-detail .wrapper-box.about h1:before, body.rtl .page-hl-tests-detail .wrapper-box.about h2:before {
    right: 0;
    left: inherit
}

.page-hl-tests-detail .wrapper-box.tests {
    padding: 80px;
    margin-top: 40px
}

.page-hl-tests-detail .wrapper-box.tests .title {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    color: #151b26
}

.page-hl-tests-detail .wrapper-box.tests .item {
    position: relative;
    display: block;
    margin-bottom: 40px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-hl-tests-detail .wrapper-box.tests .item {
        background-size: cover
    }
}

.page-hl-tests-detail .wrapper-box.tests .item img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    height: 240px;
    border-radius: 4px
}

.page-hl-tests-detail .wrapper-box.tests .item.image-cover {
    height: 240px
}

@media (max-width: 767px) {
    .page-hl-tests-detail .wrapper-box.tests .item.image-cover {
        height: 120px
    }
}

.page-hl-tests-detail .wrapper-box.tests .item.image-cover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 27, 38, .2);
    z-index: 3
}

.page-hl-tests-detail .wrapper-box.tests .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 4
}

.page-hl-tests-detail .wrapper-box.tests .content span {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.page-hl-tests-detail .more {
    font-size: 20px;
    font-weight: 800;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

.page-hl-tests-detail .wrapper-box.tests .more {
    margin-left: -5px
}

.page-hl-tests-detail .search .title {
    font-size: 28px;
    font-weight: 700;
    color: #151b26;
    padding-left: 0;
    margin: 80px 0 20px
}

.page-hl-tests-detail .search .actions {
    display: none
}

@media (max-width: 767px) {
    .page-hl-tests-detail .search .actions {
        display: block
    }
}

.page-hl-tests-detail .search input {
    width: calc(100% - (335px + 40px));
    height: 60px;
    line-height: 60px;
    margin-bottom: 40px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-hl-tests-detail .search .item {
    display: block;
    position: relative;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .page-hl-tests-detail .search .item {
        margin-bottom: 0
    }
}

.page-hl-tests-detail .search .item .content span {
    text-align: center
}

.page-hl-tests-detail .wrapper-box.search {
    padding: 40px 40px 20px
}

.page-hl-tests-detail .wrapper-box.search .letters {
    margin: 0 20px
}

.page-campains .wrapper-box.search .letters ul, .page-hl-tests-detail .wrapper-box.search .letters ul {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #f5f8fb;
    border-radius: 4px
}

.page-hl-tests-detail .wrapper-box.search .letters ul li a {
    position: relative;
    text-align: center;
    display: inline-block;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #777
}

.page-hl-tests-detail .wrapper-box.search .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin: 40px 0
}

.page-hl-tests-detail .wrapper-box.search .selected-title {
    line-height: 35px
}

.page-hl-tests-detail .wrapper-box.search .selected-letter, .page-hl-tests-detail .wrapper-box.search .selected-title {
    font-size: 28px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-hl-tests-detail .wrapper-box.search .selected-letter {
        font-size: 14px;
        margin: 15px 0
    }
}

.page-hl-tests-detail .wrapper-box.search .item img {
    display: block;
    width: 100%
}

.page-hl-tests-detail .wrapper-box.search .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-hl-tests-detail .wrapper-box.search .content span {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.hc-article-detail .article ul, .page-hl-ilness-detail .article ul, .page-hl-technologies-detail .wrapper-box.about ul, .page-hl-tests-detail .wrapper-box.about ul {
    margin: 20px 0
}

.hc-article-detail .article ul li, .page-hl-ilness-detail .article ul li, .page-hl-technologies-detail .wrapper-box.about ul li, .page-hl-tests-detail .wrapper-box.about ul li {
    font-size: 16px;
    font-weight: 400;
    color: #151b26;
    line-height: 24px;
    position: relative;
    padding-left: 20px
}

.hc-article-detail .article ul li:before, .page-hl-ilness-detail .article ul li:before, .page-hl-technologies-detail .wrapper-box.about ul li:before, .page-hl-tests-detail .wrapper-box.about ul li:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0
}

.hc-article-detail .article ol, .page-hl-ilness-detail .article ol, .page-hl-technologies-detail .wrapper-box.about ol, .page-hl-tests-detail .wrapper-box.about ol {
    padding-left: 20px;
    margin: 20px 0
}

.hc-article-detail .article ol li, .page-hl-ilness-detail .article ol li, .page-hl-technologies-detail .wrapper-box.about ol li, .page-hl-tests-detail .wrapper-box.about ol li {
    font-size: 16px;
    font-weight: 400;
    color: #151b26;
    line-height: 24px;
    position: relative
}

@media (max-width: 767px) {
    .hc-article-detail .article .article-content p img, .hc-article-detail .article .article-content > img, .page-hl-ilness-detail .article img, .page-hl-technologies .article img, .page-hl-technologies-detail .article img, .page-hl-tests .article img {
        width: 100% !important;
        height: auto !important
    }
}

.hc-article-detail .article p > img {
    left: -80px;
    right: -80px;
    position: relative;
    display: block;
    width: calc(100% + 160px) !important;
    height: auto !important
}

@media (max-width: 767px) {
    .hc-article-detail .article p > img {
        width: calc(100% + 120px) !important;
        height: auto;
        left: -60px;
        right: -60px
    }
}

.hc-article-detail .article p > img + span {
    font-size: 14px;
    font-style: italic;
    line-height: 1.6;
    color: #151b26;
    display: block;
    text-align: center;
    padding: 20px
}

@media (max-width: 767px) {
    .hc-article-detail .article iframe, .hc-article-detail .article iframe[scrolling], .page-hl-ilness-detail .article iframe, .page-hl-ilness-detail .article iframe[scrolling], .page-hl-technologies .article iframe, .page-hl-technologies .article iframe[scrolling], .page-hl-technologies-detail .wrapper-box.about iframe, .page-hl-technologies-detail .wrapper-box.about iframe[scrolling], .page-hl-tests-detail .wrapper-box.about iframe, .page-hl-tests-detail .wrapper-box.about iframe[scrolling] {
        width: 100%;
        height: 590px
    }
}

.health-guide-like-articles {
    padding-top: 80px
}

@media (max-width: 767px) {
    .health-guide-like-articles {
        padding-top: 50px
    }

    .health-guide-like-articles .slick-list {
        margin-left: 15px
    }

    .health-guide-like-articles .col-12 {
        flex: auto;
        max-width: inherit;
        padding: 0 5px 0 0
    }
}

.health-guide-like-articles .triple-image img {
    height: 100%;
    object-fit: cover;
    border-radius: 4px 4px 0 0
}

@media all and (-ms-high-contrast: none) {
    .health-guide-like-articles .triple-image img {
        width: auto;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.health-guide-like-articles .item {
    justify-content: space-between
}

.health-guide-like-articles .item a {
    line-height: normal
}

@media (max-width: 991px) {
    .health-guide-like-articles .item a {
        font-size: 16px
    }
}

.page-hl-ilness .empty-list, .page-hl-ilness .empty-list p, .page-hl-technologies .empty-list, .page-hl-technologies .empty-list p, .page-hl-technologies-detail .empty-list, .page-hl-technologies-detail .empty-list p, .page-hl-tests .empty-list, .page-hl-tests .empty-list p, .page-hl-tests-detail .empty-list, .page-hl-tests-detail .empty-list p {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    padding-left: 7px
}

@media (max-width: 767px) {
    .page-hl-ilness .empty-list, .page-hl-ilness .empty-list p, .page-hl-technologies .empty-list, .page-hl-technologies .empty-list p, .page-hl-technologies-detail .empty-list, .page-hl-technologies-detail .empty-list p, .page-hl-tests .empty-list, .page-hl-tests .empty-list p, .page-hl-tests-detail .empty-list, .page-hl-tests-detail .empty-list p {
        font-size: 14px
    }
}

.page-campains-detail .wrapper-box-content li p, .page-hl-ilness .empty-list, .page-hl-tests .empty-list p {
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .page-hl-technologies-detail .wrapper-box.hospitals, .page-hl-technologies-detail .wrapper-box.process, .page-hl-tests-detail .wrapper-box.process {
        padding: 20px
    }

    .page-hl-technologies-detail .wrapper-box.process .item, .page-hl-tests-detail .wrapper-box.process .item {
        margin: 20px 0 10px;
        display: flex;
        padding: 5px
    }

    .page-hl-technologies-detail .wrapper-box.process .item .icon, .page-hl-tests-detail .wrapper-box.process .item .icon {
        width: 20px;
        margin-right: 20px
    }

    .page-hl-technologies-detail .wrapper-box.process .item .icon img, .page-hl-tests-detail .wrapper-box.process .item .icon img {
        width: 20px;
        height: auto !important
    }

    .page-hl-technologies-detail .wrapper-box.process .item:before, .page-hl-tests-detail .wrapper-box.process .item:before {
        width: 20px;
        height: 20px;
        background-size: 20px;
        left: calc(50% - 10px);
        bottom: -50px;
        top: 100%;
        transform: rotate(90deg)
    }

    .page-hl-technologies-detail .wrapper-box.process .item:first-child, .page-hl-tests-detail .wrapper-box.process .item:first-child {
        margin-left: 0 !important
    }

    .page-hl-technologies-detail .wrapper-box.process .item:last-child, .page-hl-tests-detail .wrapper-box.process .item:last-child {
        margin-right: 0 !important
    }

    .page-hl-technologies-detail .wrapper-box.process .item .text, .page-hl-tests-detail .wrapper-box.process .item .text {
        min-height: 40px !important
    }

    .page-hl-technologies-detail .wrapper-box.process .wrapper-box-process-item:last-child .item:before, .page-hl-tests-detail .wrapper-box.process .wrapper-box-process-item:last-child .item:before {
        display: none
    }

    .page-hl-technologies-detail .wrapper-box.about {
        padding: 20px 20px 50px !important;
        margin-bottom: 50px
    }

    .page-hl-ilness-detail .specialist .item {
        margin-bottom: 20px
    }

    .page-hl-ilness-detail .article {
        padding: 20px 15px 70px !important
    }

    .page-hl-ilness .wrapper-box.ilness .item {
        margin-bottom: 20px;
        height: 120px;
        overflow: hidden;
        border-radius: 4px
    }

    .page-hl-ilness .search-ilness > .title {
        border-radius: 4px 4px 0 0;
        border: solid 1px #d4d7dd;
        border-bottom: 0;
        background-color: #fff;
        margin: 0;
        padding: 20px;
        font-size: 20px
    }

    .page-hl-ilness .wrapper-box.search-ilness .filter a {
        font-size: 14px
    }

    .page-hl-ilness .wrapper-box.search-ilness .col-3:last-child .content {
        border-bottom: 0;
        padding-bottom: 0
    }

    .page-hl-ilness .wrapper-box.search-ilness .col-3:last-child .item {
        margin-bottom: 0
    }

    .page-hl-ilness .wrapper-box.search-ilness .item img {
        display: none
    }

    .page-hl-ilness .wrapper-box.search-ilness .item .content {
        position: relative;
        text-align: left;
        justify-content: flex-start;
        padding: 10px 0 20px;
        border-bottom: 1px solid #d8d8d8
    }

    .page-hl-ilness .wrapper-box.search-ilness .item .content h3 {
        color: #151b26;
        font-weight: 400
    }

    .health-center .wrapper-box.banner-paragraph {
        margin-bottom: 20px
    }

    .health-center .action-favorite-area {
        width: 24px;
        height: 24px
    }

    .hc-article-detail .article-mobile-footer {
        padding-bottom: 10px
    }
}

.hc-wrapper-box-form {
    padding: 30px;
    margin-top: 80px;
    position: relative;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.hc-wrapper-box-form .title {
    font-size: 28px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    color: #151b26
}

.hc-wrapper-box-form .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 60px;
    text-align: center;
    color: #151b26
}

.hc-wrapper-box-form .item {
    width: 100% !important
}

.hc-wrapper-box-form .checkbox {
    width: 80%;
    margin: 20px auto
}

body.rtl .hc-wrapper-box-form .checkbox {
    width: 60%
}

.health-guild-form .form-intl .iti__country-list {
    margin-top: 0 !important
}

.health-guild-form .form-intl .iti__country-list li:before {
    display: none
}

.health-guild-form .item {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .health-guild-form .item {
        width: 100%
    }
}

.health-guild-form .select2-container {
    width: 100% !important
}

.health-guild-form .bvalidator-insert-msg + .select2 .select2-selection, .health-guild-form .select2-basic + .select2 .select2-selection {
    border: solid 1px rgba(21, 27, 38, .5)
}

.health-guild-form input, .health-guild-form select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff
}

.health-guild-form .item.field-checkbox {
    width: 650px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .health-guild-form .item.field-checkbox {
        width: 100%
    }
}

.health-guild-form .item.field-checkbox .checkbox label {
    padding-left: 40px
}

@media (max-width: 767px) {
    .select2.select2-container {
        width: 100% !important
    }
}

.page-hero.large-height-desktop .details.details-position .contact-button.contact-button-banner {
    bottom: -55px;
    height: 37px;
    width: 250px
}

.assay-results, .contact {
    background-color: #f5f8fb;
    padding-bottom: 40px
}

.contact .contact-form, .contact-map select {
    margin-bottom: 40px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #d4d7dd
}

.contact .contact-form {
    position: relative;
    z-index: 5;
    margin-top: -80px;
    padding: 30px
}

@media (max-width: 767px) {
    .contact .contact-form {
        padding: 30px 13px
    }

    .contact .contact-form.ik-form {
        padding: 30px 0
    }
}

.contact .contact-form .hero {
    margin-bottom: 10px;
    color: #151b26;
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

.contact .contact-form .desc {
    margin-bottom: 30px;
    color: #151b26;
    font-size: 16px;
    text-align: center
}

.contact .contact-form .field {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .contact .contact-form .field {
        width: 100%
    }
}

.contact .contact-form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .contact .contact-form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .contact .contact-form .field.field-checkbox {
        width: 100%
    }
}

.contact .contact-form .field .select2 {
    width: 100% !important
}

.contact .contact-form .checkbox {
    margin: 0 auto;
    padding-left: 35px
}

body.rtl .contact .contact-form .checkbox, body.rtl .contact .contact-form.ik-form form .inputfile + label span {
    padding: 0 35px 0 0
}

.contact .contact-form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.contact .contact-form .field input, .contact .contact-form .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.assay-results-form .field textarea, .contact .contact-form .field textarea, .page-appointment-form .assay-results-form .field textarea {
    width: 100%;
    padding: 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff;
    height: 150px
}

.contact .agreement {
    padding: 20px 0;
    text-align: center;
    color: #151b26;
    font-size: 12px
}

.contact .contact-form form {
    width: 100%;
    margin: 15px auto;
    max-width: 100%
}

.contact .contact-form form .col-4 {
    flex: 0 0 100%;
    max-width: 100%
}

.contact .contact-form.ik-form form .col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.contact .contact-form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.assay-results .area .actions > a, .assay-results .area form button, .contact .contact-form button, .page-appointment-form .area .actions > a {
    cursor: pointer;
    display: inline-block;
    width: 280px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

@media (max-width: 767px) {
    .contact .contact-form button {
        width: 165px
    }
}

.contact .contact-form .checkbox label {
    font-size: 12px;
    line-height: 17px
}

.contact .contact-phones .hero, .contact-map .hero {
    color: #151b26;
    font-size: 36px;
    font-weight: 700
}

.contact-map .desc {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #151b26;
    font-size: 16px
}

.contact-map select {
    width: 100%;
    height: 60px;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25)
}

.contact .contact-phones {
    margin-top: 40px
}

.contact .contact-phones .hero {
    margin-bottom: 40px
}

.contact .contact-form.ik-form form .inputfile + label, .contact .contact-phones .area {
    border-radius: 4px;
    color: #151b26;
    font-size: 16px;
    line-height: 20px;
    background-color: #fff;
    border: solid 1px #d4d7dd
}

.contact .contact-phones .area .tel {
    display: block;
    padding: 10px 10px 10px 0;
    color: #151b26
}

.contact .contact-phones .area li {
    padding: 40px 20px;
    margin: 0 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f8fb
}

@media (max-width: 767px) {
    .contact .contact-phones .area li {
        padding: 10px;
        margin: 0 10px
    }

    .contact .contact-phones .area li .icon img {
        width: 24px
    }
}

.contact .contact-phones .area li .text {
    margin-left: 40px;
    font-size: 16px
}

body.rtl .contact .contact-phones .area li .text {
    margin: 0 40px 0 0
}

@media (max-width: 767px) {
    .contact .contact-phones .area li .text {
        margin-left: 20px;
        font-size: 14px
    }

    body.rtl .contact .contact-phones .area li .text {
        margin: 0 20px 0 0
    }
}

.contact .contact-map-iframe {
    margin-top: 30px
}

.contact .contact-map-iframe #map {
    height: 500px
}

.contact .contact-map-iframe .mobile-show-in-map, .page-assay-result .page-assay-result-section .assay-result-list .item.device-appointment .section-label .icon .open {
    display: none
}

@media (max-width: 767px) {
    .contact .contact-form.ik-form .field .bvalidator-insert-msg + .select2 .select2-selection, .contact .contact-form.ik-form .field .select2-basic + .select2 .select2-selection {
        padding: 0 12px
    }
}

.contact .contact-form.ik-form form .inputfile {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.contact .contact-form.ik-form form .inputfile + label {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: auto
}

.contact .contact-form.ik-form form .inputfile + label * {
    pointer-events: none
}

.contact .contact-form.ik-form form .inputfile + label span, .promotion-form-wrapper form .inputfile + label span {
    position: relative;
    padding-left: 35px
}

.contact .contact-form.ik-form form .inputfile + label span::before, .promotion-form-wrapper form .inputfile + label span::before {
    content: '';
    width: 25px;
    height: 26px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@add-file.svg) no-repeat;
    position: absolute;
    top: -4px;
    left: 0
}

.assay-results {
    padding-bottom: 50px
}

@media (max-width: 767px) {
    .assay-results.assay-login {
        padding-bottom: 50px
    }
}

.assay-results.assay-login .area {
    top: inherit;
    margin-top: 40px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .assay-results.assay-login .area {
        margin-top: 20px
    }
}

.assay-results .area {
    position: relative;
    z-index: 5;
    top: -20px;
    margin-bottom: -70px;
    padding: 60px 80px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.assay-results .area .hero {
    color: #151b26;
    font-size: 20px;
    font-weight: 700
}

.assay-results .area p {
    font-weight: 500
}

.assay-results .area img, .page-appointment-form .area img {
    display: block;
    margin: 30px auto 15px
}

.assay-results .area .actions {
    margin-top: 60px;
    width: 100%;
    text-align: center
}

.assay-results .area .actions > a, .assay-results .area form button, .page-appointment-form .area .actions > a {
    line-height: 50px
}

.assay-results .area form, .page-appointment-form .area form {
    margin: 0 auto;
    max-width: 100%
}

.assay-results .form-desc {
    margin-bottom: 35px;
    font-size: 16px;
    text-align: center
}

.assay-results .area .agreement {
    margin-top: 20px;
    padding: 20px 0;
    text-align: center;
    color: #151b26;
    font-size: 12px;
    white-space: nowrap
}

.assay-results .checkbox, .assay-results-form .field {
    margin-top: 20px
}

.assay-results .area .field {
    margin: 20px auto 0;
    width: auto
}

.assay-results .area .actions p, .assay-results .area .field label, .assay-results-form .field label, .page-appointment-form .area .actions p {
    color: #151b26;
    font-size: 14px
}

.assay-results .area .field label.date {
    margin-bottom: 5px
}

.assay-results .area .field input, .assay-results .area .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff
}

.assay-results .area .field .select2-container {
    width: 100% !important
}

.assay-results .area .field #example1 > div {
    margin: auto
}

.assay-results .area .field.half {
    width: 40%
}

.assay-results .area .italic {
    text-align: center;
    font-style: italic;
    margin-top: 30px
}

.assay-results .area form button {
    width: 165px;
    font-weight: 700
}

.assay-results .area form .g-recaptcha {
    margin-top: 5px
}

.assay-results .area .actions p a, .page-appointment-form .area .actions p a, .page-campains .wrapper-box.search .letters li.selected a, .page-healthpacks .wrapper-box.search .letters li.selected a, .page-hl-tests-detail .wrapper-box.search .letters ul li.selected a {
    color: #169ee3;
    font-weight: 700
}

.assay-results-form .field.no-margin {
    margin-top: 0
}

.assay-results-form .field input.code, .page-appointment-form .assay-results-form .field input.code {
    text-align: center;
    font-weight: 700
}

.assay-results-form .field textarea, .page-appointment-form .assay-results-form .field textarea {
    height: 200px
}

.assay-results-form form, .page-appointment-form .assay-results-form form {
    width: 350px;
    margin: 15px auto;
    max-width: 100%
}

.assay-results .assay-results-form .actions, .assay-results-form {
    margin-top: 40px
}

.assay-results-form button, .page-appointment-form .area form button, .page-appointment-form .assay-results-form button {
    cursor: pointer;
    display: inline-block;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

.assay-results-form button, .page-appointment-form .assay-results-form button {
    width: 100% !important
}

.assay-results-form .field .reload {
    position: absolute;
    right: -25px;
    bottom: 15px;
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: url(https://cdn.memorial.com.tr/files/images/icon@reload.svg) no-repeat center
}

.assay-results-form .countdown {
    width: 110px;
    height: 100px;
    margin: 40px auto 0;
    padding-left: 25px;
    color: #169ee3;
    font-size: 18px;
    font-weight: 700;
    line-height: 100px;
    background: url(https://cdn.memorial.com.tr/files/images/bg@countdown.png) no-repeat center;
    background-size: 110px
}

.assay-results-form .vertical-alignment {
    display: flex;
    flex-direction: column
}

.assay-results.appointment form .col-4, .page-appointment-form form .col-4 {
    flex: 0 0 100%;
    max-width: 100%
}

.assay-results.appointment form .field {
    width: 500px;
    margin: 10px auto
}

.assay-results.appointment form .form-group .checkbox label, .page-appointment-form form .form-group .checkbox label {
    font-size: 12px;
    line-height: 17px
}

.assay-results.appointment form .actions {
    margin-top: 30px
}

.page-appointment-form {
    padding-bottom: 40px;
    background-color: #151b26
}

.page-appointment-form .call-center {
    margin-top: 20px
}

.page-appointment-form .call-center .or {
    color: #fff;
    font-weight: 500;
    margin: 20px 0
}

.page-appointment-form .call-center-info a {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.page-appointment-form .call-center-info em {
    font-size: 20px;
    margin-right: 10px
}

.page-appointment-form .area {
    position: relative;
    z-index: 5;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 40px 20px;
    background-color: transparent;
    border-radius: 4px
}

.page-appointment-form .area .form-title {
    text-align: center
}

.page-appointment-form .area .form-title h5 {
    color: #fff;
    font-size: 36px;
    font-weight: 800
}

.page-appointment-form .area .form-title.call {
    position: relative
}

.page-appointment-form .area .form-title.call em {
    color: #fff;
    margin-right: 10px
}

.page-appointment-form .area .form-subtitle {
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: 20px
}

.page-appointment-form .area .hero {
    color: #151b26;
    font-size: 20px;
    font-weight: 700
}

.assay-results .area p, .page-appointment-form .area p {
    margin-top: 15px;
    color: #151b26;
    font-size: 14px;
    line-height: 22px
}

.page-appointment-form .area .actions {
    margin-top: 60px;
    width: 100%;
    text-align: center
}

.page-appointment-form .form-desc {
    margin-bottom: 35px;
    font-size: 16px;
    text-align: center
}

.page-appointment-form .area .agreement {
    margin-top: 20px;
    padding: 20px 0;
    text-align: center;
    color: #151b26;
    font-size: 12px;
    white-space: nowrap
}

.page-appointment-form .checkbox {
    margin-top: 20px
}

.page-appointment-form .area .field {
    margin: 20px auto 0;
    width: 40%
}

.page-appointment-form .area .field.field-full {
    width: 80%
}

.page-appointment-form .area .field label {
    color: #fff;
    font-size: 14px
}

.assay-results-form .field input, .assay-results-form .field select, .page-appointment-form .area .field input, .page-appointment-form .area .field select, .page-appointment-form .assay-results-form .field input, .page-appointment-form .assay-results-form .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff
}

.page-appointment-form .area .select2-basic + .select2 .select2-selection__rendered {
    color: rgba(21, 27, 38, .5);
    font-weight: 400
}

.page-appointment-form .area .field.half {
    width: 40%
}

.page-appointment-form .italic {
    text-align: center;
    font-style: italic;
    margin-top: 20px
}

.page-appointment-form .area form button {
    line-height: 50px
}

.page-appointment-form .form-footer {
    width: 100%;
    margin-top: 40px
}

.page-appointment-form .form-footer .info {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-style: italic
}

.page-appointment-form .assay-results-form .field {
    margin-top: 20px
}

.page-appointment-form .assay-results-form .field.no-margin {
    margin-top: 0
}

.page-appointment-form .assay-results-form .field label {
    color: #151b26;
    font-size: 14px
}

.page-appointment-form .assay-results-form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.page-appointment-form .assay-results-form .field .reload {
    position: absolute;
    right: -25px;
    bottom: 15px;
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: url(https://cdn.memorial.com.tr/files/images/icon@reload.svg) no-repeat center
}

.page-appointment-form form .field {
    width: 40%;
    margin: 10px auto
}

.assay-results.appointment form .form-group .checkbox, .page-appointment-form form .form-group .checkbox {
    padding-left: 35px
}

.page-appointment-form form .actions {
    margin-top: 30px
}

@media (max-width: 768px) {
    .page-appointment-form .area .field {
        width: 100%
    }
}

.switch-tcno-pasaport p.input-info {
    margin: 5px 0;
    font-size: 10px !important;
    line-height: 1.4 !important;
    text-align: center
}

.profile .section-label + .section-label span::before, .switch-tcno-pasaport input {
    display: none !important
}

.switch-tcno-pasaport input.active {
    display: block !important
}

.page-assay-result {
    background-color: #f5f8fb;
    padding-bottom: 80px
}

@media (max-width: 767px) {
    .page-assay-result {
        padding-bottom: 50px
    }
}

.page-assay-result .box-area {
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.page-assay-result .page-assay-patient-info {
    position: relative;
    z-index: 5;
    top: -80px;
    margin-bottom: -80px
}

.page-assay-result .page-assay-patient-info .box-area {
    padding: 20px 40px
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-patient-info .box-area {
        padding: 20px 5px
    }
}

.page-assay-result .page-assay-patient-info .button-logout {
    width: 165px;
    margin: 10px auto;
    border-width: 2px
}

.page-assay-result .page-assay-patient-info h5.title {
    font-size: 20px;
    font-weight: 700;
    color: #169ee3;
    padding-left: 20px
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-patient-info h5.title {
        padding-left: 5px
    }

    .page-assay-result .page-assay-patient-info .patient-info-items > .row {
        margin: 0;
        padding: 0 10px
    }
}

.page-assay-result .page-assay-patient-info .patient-info-item {
    padding: 15px 0 20px;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    border-right: 1px solid #e3e5e9
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-patient-info .patient-info-item {
        margin: 0;
        border-right: none;
        border-bottom: 1px solid #e3e5e9
    }

    .page-assay-result .page-assay-patient-info .patient-info-item:nth-child(4) span, .page-assay-result .page-assay-patient-info .patient-info-item:nth-child(4) strong, .page-assay-result .page-assay-patient-info .patient-info-item:nth-child(5) span, .page-assay-result .page-assay-patient-info .patient-info-item:nth-child(5) strong, .page-assay-result .page-assay-patient-info .patient-info-item:nth-child(6) span, .page-assay-result .page-assay-patient-info .patient-info-item:nth-child(6) strong {
        text-align: left
    }
}

.page-assay-result .page-assay-patient-info .patient-info-item strong {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    color: #151b26
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-patient-info .patient-info-item strong {
        display: block;
        text-align: left;
        width: 100%
    }
}

.page-assay-result .page-assay-patient-info .patient-info-item span {
    font-size: 16px;
    line-height: 1.25;
    color: #151b26
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-patient-info .patient-info-item span {
        display: block;
        text-align: left;
        width: 100%
    }

    .page-assay-result .page-assay-patient-info .patient-info-item.item-center {
        border-bottom: none
    }
}

.page-assay-result .page-assay-patient-info .patient-info-item:last-of-type {
    border-right: none
}

.page-assay-result .page-assay-result-section {
    margin-top: 30px
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section {
        margin-top: 0
    }
}

.page-assay-result .page-assay-result-section .box-area {
    background-color: transparent;
    border: 0
}

.page-assay-result .page-assay-result-section .item-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding: 20px 0
}

@media (max-width: 991px) {
    .page-assay-result .page-assay-result-section .item-footer {
        justify-content: center
    }
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .item-footer {
        position: absolute;
        width: 310px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0
    }
}

.page-assay-result .page-assay-result-section .item-footer .unapproved-test-link {
    font-size: 20px;
    font-weight: 500;
    text-align: right;
    color: #636c6e;
    text-decoration: underline
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .item-footer .unapproved-test-link {
        font-size: 14px
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .item {
    position: relative;
    padding: 35px 80px 35px 160px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .page-assay-result .page-assay-result-section .assay-result-list .item {
        padding: 0 10px 20px 80px
    }
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .item:last-of-type {
        margin-bottom: 0
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .item.active .assay-result-info-top {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/up.svg) no-repeat center right;
    background-size: 22px
}

.page-assay-result .page-assay-result-section .assay-result-list .item.active .assay-result-info-item {
    display: flex
}

.page-assay-result .page-assay-result-section .assay-result-list .item.device-appointment .section-label .icon .close {
    display: block
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .item.partial-resulted {
        padding: 10px 10px 45px 80px
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .item.partial-resulted .assay-result-info-top {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .item.partial-resulted .assay-result-info-item {
        padding-bottom: 100px
    }

    .page-assay-result .page-assay-result-section .assay-result-list .item.partial-resulted .assay-result-info-item .actions {
        bottom: 20px
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .item.partial-resulted.active .assay-result-info-top {
    margin-bottom: 0
}

.page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item {
    display: none;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item {
        position: relative;
        padding-bottom: 80px
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item:last-child {
    border-bottom: none
}

.page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .item-field {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 15px 0 20px;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .item-field {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none;
        border-bottom: none;
        padding: 0;
        margin: 15px 0 0
    }

    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .item-field:last-child {
        border-bottom: none
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .item-field strong {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #151b26;
    text-align: left;
    display: block;
    width: 100%
}

.page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .item-field span {
    font-size: 14px;
    line-height: 1.25;
    color: #151b26;
    text-align: left;
    display: flex;
    width: 100%;
    padding-right: 10px;
    height: 40px;
    align-items: flex-start
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .item-field span {
        height: auto
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions {
    align-items: center;
    justify-content: flex-end;
    display: flex;
    padding: 0
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions {
        position: absolute;
        width: 370px;
        left: -78px;
        bottom: 0;
        flex-direction: row;
        display: flex;
        max-width: none
    }
}

.page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions .button {
    width: 165px;
    margin-left: 40px;
    margin-right: 0;
    border-width: 2px
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions .button {
        margin: 10px
    }

    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions .button:first-of-type {
        margin: 10px 0 10px 10px
    }
}

.page-assay-result .page-assay-result-search {
    margin: 30px 0 0
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-search {
        margin: 20px 15px;
        border: solid 1px #d4d7dd;
        background-color: #fff;
        padding: 15px 0
    }

    .page-assay-result .page-assay-result-search .dropdown-sort-container-wrapper {
        margin-top: 15px
    }
}

.page-assay-result .page-assay-result-search .dropdown-sort-container-wrapper .dropdown-sort {
    width: 100%
}

.page-assay-result .page-assay-result-search .dropdown-sort-container-wrapper .dropdown-sort .dropdown-content .sort-list a em:before {
    font-size: 20px;
    text-shadow: 0 1px 1px #151b26
}

.page-assay-result .page-assay-result-search .dropdown-button {
    margin-bottom: 0;
    height: 53px;
    position: relative
}

.page-assay-result .page-assay-result-search .dropdown-button em {
    transform: rotate(0) translateY(2px) !important
}

.page-assay-result .page-assay-result-search .dropdown-button.selected .text {
    position: relative;
    margin: 0 2px
}

.page-assay-result .page-assay-result-search .dropdown-button.selected .text::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #169ee3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -36px;
    transform: translateY(-50%)
}

.page-assay-result .page-assay-result-search .search-button {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .page-assay-result .page-assay-result-search .search-button {
        display: none
    }
}

.page-assay-result .page-assay-result-search .search-button .button-logout {
    width: 165px;
    height: 53px;
    border-width: 2px
}

.page-assay-result .page-assay-result-search .search-assay-result {
    display: block;
    position: relative;
    width: 100%
}

.page-assay-result .page-assay-result-search .search-assay-result .search-assay {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 53px;
    line-height: 53px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #000;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-assay-result .page-assay-result-search .search-assay-result .search-assay-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer
}

.page-assay-result .logout-button-section {
    margin: 30px 0 0
}

@media (max-width: 767px) {
    .page-assay-result .logout-button-section.mobile-none {
        display: none !important
    }
}

.page-assay-result .logout-button-section .logout-button-inner {
    display: flex;
    justify-content: flex-end
}

.page-assay-result .logout-button-section .logout-button-inner .button-logout {
    width: 165px;
    height: 53px;
    border-width: 2px
}

.empty-assay-result-list {
    padding: 40px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    color: #151b26;
    background-color: #fff;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .empty-assay-result-list {
        font-size: 14px;
        padding: 20px;
        margin-top: 20px
    }
}

.assay-validation .area {
    position: relative;
    z-index: 5;
    margin-top: -80px;
    margin-bottom: 40px;
    padding: 50px 30px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .assay-validation .area {
        padding: 30px
    }
}

.assay-validation .hero {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #151b26;
    text-align: center
}

@media (max-width: 767px) {
    .assay-validation .hero {
        font-size: 16px;
        color: #169ee3;
        text-align: left
    }
}

.assay-validation .hero + p {
    font-size: 14px;
    line-height: 1.5;
    color: #151b26;
    text-align: center
}

@media (max-width: 767px) {
    .assay-validation .hero + p {
        font-size: 12px;
        text-align: left
    }
}

.assay-validation .assay-validation-form .field {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .assay-validation .assay-validation-form .field {
        width: 100%
    }
}

.assay-validation .assay-validation-form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .assay-validation .assay-validation-form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .assay-validation .assay-validation-form .field.field-checkbox {
        width: 100%
    }
}

.assay-validation .assay-validation-form .field .select2, .contracted-area .area span.select2-container {
    width: 100% !important
}

.assay-validation .assay-validation-form .field #example1 > div {
    margin: 0 auto
}

.assay-validation .assay-validation-form .checkbox {
    margin: 0 auto;
    padding-left: 35px
}

.assay-validation .assay-validation-form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.assay-validation .assay-validation-form .field input, .assay-validation .assay-validation-form .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.assay-validation .assay-validation-form .field textarea {
    width: 100%;
    padding: 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff;
    height: 150px
}

.assay-validation .agreement {
    padding: 20px 0;
    text-align: center;
    color: #151b26;
    font-size: 12px
}

.assay-validation .assay-validation-form {
    width: 100%;
    margin-top: 40px;
    max-width: 100%
}

.assay-validation .assay-validation-form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.assay-validation .assay-validation-form button {
    cursor: pointer;
    display: inline-block;
    width: 280px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

@media (max-width: 767px) {
    .assay-validation .assay-validation-form button {
        width: 165px
    }
}

.assay-result-info-top {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat center right;
    background-size: 22px;
    border-bottom: none
}

.assay-result-info-top .result-field {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    position: relative
}

.assay-result-info-top .result-field strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #151b26
}

@media (max-width: 767px) {
    .assay-result-info-top .result-field strong {
        font-size: 14px
    }
}

.assay-result-info-top .result-field span {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    color: #169ee3
}

@media (max-width: 767px) {
    .assay-result-info-top .result-field span {
        font-size: 18px
    }
}

.assay-result-info-top .icon {
    position: absolute;
    left: 60px;
    top: 30px
}

@media (max-width: 991px) {
    .assay-result-info-top .icon {
        width: 60px;
        height: 60px;
        left: 10px;
        top: 15px
    }

    .assay-result-info-top .icon img {
        width: 100%
    }
}

.assay-result-info-top .icon .open {
    display: block
}

.assay-result-info-top .icon .close {
    display: none
}

.contracted-area {
    padding-bottom: 5px;
    background-color: #f5f8fb
}

@media (max-width: 991px) {
    .contracted-area {
        padding-bottom: 50px
    }
}

.contracted-area .select2-basic + .select2 .select2-selection {
    margin-top: -1px
}

.contracted-area .select2-basic + .select2 .select2-selection__arrow b {
    top: -6px
}

.contracted-area .area {
    position: relative;
    z-index: 5;
    margin-top: -80px;
    margin-bottom: 40px;
    padding: 80px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.contracted-area .desc {
    color: #151b26;
    font-size: 14px;
    font-weight: 500
}

.contracted-area .filter {
    margin: 40px 0
}

@media (max-width: 767px) {
    .contracted-area .filter .select2 {
        width: 100% !important
    }
}

.contracted-area .filter input, .contracted-area .filter select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25)
}

.contracted-area .contracted-empty, .mobile-search {
    display: none
}

@media (max-width: 991px) {
    .mobile-search {
        display: block;
        border: 0;
        outline: 0;
        background: 0 0;
        position: absolute;
        width: 50px;
        height: 50px;
        top: 0;
        right: 0
    }
}

.contracted-area .filter input {
    background: #fff url(https://cdn.memorial.com.tr/files/images/search.svg) no-repeat 95% center;
    background-size: 20px 20px
}

.contracted-area .filter select, .last-news .filter .tabs a.active {
    font-weight: 700
}

.contracted-area .toggle-accordion .item:first-of-type {
    border-top: none;
    padding: 0 0 20px
}

.contracted-area .contracted-empty p {
    font-size: 28px;
    color: #151b26;
    font-weight: 700;
    line-height: normal;
    margin-top: 70px
}

@media (max-width: 767px) {
    .contracted-area .contracted-empty p {
        font-size: 14px;
        margin: 0 0 10px
    }
}

.last-news {
    padding: 40px 0;
    background-color: #f5f8fb
}

.last-news .title {
    font-size: 28px
}

.last-news .empty-news-list {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    color: #151b35
}

@media (max-width: 767px) {
    .last-news .empty-news-list {
        font-size: 14px
    }
}

.last-news .empty-news-list.title-search-result {
    margin-bottom: 20px
}

.last-news .empty-news-list.title-search-result:last-child {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .last-news .empty-news-list.title-search-result {
        margin-top: 20px;
        margin-bottom: 0
    }
}

.last-news .area {
    position: relative;
    z-index: 5;
    padding: 40px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

@media (max-width: 991px) {
    .last-news .area .row {
        flex-direction: row;
        padding: 10px 0
    }
}

@media (max-width: 767px) {
    .last-news .area .row {
        flex-direction: column-reverse;
        padding: 0 0 10px
    }
}

.last-news .filter input {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25)
}

@media (max-width: 767px) {
    .last-news .filter input {
        height: 50px;
        margin-top: 0;
        border: 0;
        border-bottom: solid 1px #ddd
    }
}

.last-news .filter input:-ms-input-placeholder {
    color: #151b26;
    font-size: 16px
}

.last-news .filter input::-ms-input-placeholder {
    color: #151b26;
    font-size: 16px
}

.last-news .filter input::placeholder {
    color: #151b26;
    font-size: 16px
}

.last-news .search-medical-unit {
    position: relative
}

@media (max-width: 767px) {
    .last-news .search-medical-unit {
        margin: 0 -15px
    }
}

.last-news .search-medical-unit-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

body.rtl .last-news .search-medical-unit-btn {
    right: inherit;
    left: 20px
}

@media (max-width: 767px) {
    .last-news .search-medical-unit-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }

    body.rtl .last-news .search-medical-unit-btn {
        right: inherit;
        left: 10px
    }
}

.last-news .filter .tabs {
    position: relative;
    bottom: -10px;
    margin-bottom: 40px
}

.last-news .filter .tabs a {
    font-size: 20px;
    font-weight: 500;
    padding: 14px 20px;
    display: inline-block;
    color: #151b26;
    position: relative
}

@media (max-width: 1199px) {
    .last-news .filter .tabs a {
        font-size: 18px;
        padding: 15px 10px
    }
}

.last-news .filter .tabs-line, .profile .section-hero .tabs a.active::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 129px;
    height: 5px;
    border-radius: 4px;
    background-color: #169ee3
}

.last-news .item {
    margin-bottom: 30px;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

@media (max-width: 991px) {
    .last-news .item {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .last-news .item {
        border: 0;
        flex-direction: row;
        display: flex;
        margin: 0;
        padding: 20px 0;
        border-top: solid 1px #d4d7dd;
        position: relative
    }

    .last-news .item::before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 20px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat
    }

    body.rtl .last-news .item::before {
        right: inherit;
        left: 0;
        transform: rotate(180deg)
    }
}

.last-news .item .image {
    position: relative;
    height: 186px;
    border-radius: 4px 4px 0 0
}

@media (max-width: 1199px) {
    .last-news .item .image {
        height: 150px
    }
}

@media (max-width: 767px) {
    .last-news .item .image {
        width: 37%;
        overflow: hidden;
        border-radius: 4px;
        height: auto;
        min-height: 90px
    }

    .last-news .item .image-cover {
        background-size: 100%
    }
}

.last-news .item .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px 4px 0 0
}

@media (max-width: 767px) {
    .last-news .item .image img {
        border-radius: 4px
    }
}

.last-news .item .image-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 5px;
    color: #fff;
    font-size: 16px;
    height: 75px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .last-news .item .image-text {
        display: none
    }
}

.last-news .item .image-text h2, .organ-transplant-content .organ-content .organ-transplant-cards .organ-card .benefit-text h4 {
    font-size: 16px;
    font-weight: 700
}

.last-news .last-new-mobile-title {
    display: none;
    max-width: 140px
}

@media (max-width: 991px) {
    .last-news .last-new-mobile-title {
        display: block;
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .last-news .last-new-mobile-title {
        display: block;
        max-width: 100%
    }
}

.last-news .item .detail {
    min-height: 110px;
    padding: 20px 10px;
    color: #151b26;
    font-size: 14px;
    line-height: 22px;
    border-radius: 0 0 4px 4px
}

@media (max-width: 1199px) {
    .last-news .item .detail {
        min-height: 130px
    }
}

@media (max-width: 991px) {
    .last-news .item .detail {
        min-height: 145px
    }
}

@media (max-width: 767px) {
    .last-news .item .detail {
        min-height: auto;
        padding: 0 5px;
        font-size: 12px;
        line-height: normal;
        border: 0;
        border-radius: inherit;
        width: 62%
    }
}

.last-news .item .detail h2, .last-news .item .detail h3 {
    color: #151b26
}

@media (max-width: 991px) {
    .last-news .item .detail h2, .last-news .item .detail h3 {
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 5px;
        padding-right: 8px
    }

    body.rtl .last-news .item .detail h2, body.rtl .last-news .item .detail h3 {
        padding: 0 0 0 8px
    }
}

.magazine-page, .price-alert {
    background-color: #f5f8fb
}

.magazine-page .area, .price-alert .area {
    position: relative;
    z-index: 5;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.magazine-page .area {
    margin-top: -80px;
    padding: 40px
}

.magazine-page .area .hero h2 {
    font-size: 20px;
    font-weight: 700;
    color: #151b26;
    line-height: 25px
}

.magazine-page .area .desc {
    margin-top: 20px;
    color: #151b26;
    font-size: 14px;
    line-height: 20px
}

.magazine-page .area .item {
    margin-top: 20px;
    margin-bottom: 30px;
    transition: opacity 300ms linear
}

.magazine-page .area .item:hover {
    opacity: .8
}

@media (max-width: 991px) {
    .magazine-page .area .item {
        margin-top: 10px;
        margin-bottom: 20px
    }
}

.magazine-page .area .item .image-cover {
    height: 325px;
    border-radius: 4px
}

@media (max-width: 991px) {
    .magazine-page .area .item .image-cover {
        height: 448px
    }
}

@media (max-width: 767px) {
    .magazine-page .area .item .image-cover {
        height: 225px
    }
}

.magazine-page .area .item img {
    max-width: 100%;
    border-radius: 4px
}

.magazine-page .area .item strong {
    margin: 10px 0;
    font-size: 16px;
    display: block
}

.magazine-page .area .item strong h3 {
    font-size: 16px;
    color: #151b26;
    font-weight: 700;
    line-height: 20px
}

.magazine-page .area .item p {
    color: #151b26;
    font-size: 12px;
    opacity: .5;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.price-alert .area {
    top: -50px;
    padding: 30px 80px
}

.price-alert .hero {
    color: #151b26;
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

.price-alert .desc {
    margin: 15px 0 30px;
    color: #151b26;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.price-alert .area form {
    width: 100%;
    margin: 15px auto
}

.price-alert .area form .col-4 {
    flex: 0 0 100%;
    max-width: 100%
}

.price-alert .area .field {
    width: 350px;
    margin: 10px auto
}

.price-alert .area .field.field-checkbox {
    width: 80%
}

@media (max-width: 767px) {
    .price-alert .area .field.field-checkbox {
        width: 100%
    }
}

.price-alert .area .field label {
    display: flex;
    flex-direction: column
}

.page-wish-well .wrapper-box-wish-well form .field #example1 > div, .price-alert .area .field #example1 > div {
    margin: auto
}

.price-alert .field.field-number .input-row {
    display: flex;
    flex-wrap: wrap
}

.price-alert .field.field-number .phone-code {
    width: calc(30% - 20px);
    margin-right: 20px;
    padding: 8px;
    text-align: center
}

.price-alert .field.field-number .phone-number {
    width: 70%
}

.price-alert .area .field .checkbox label {
    color: #151b26;
    font-size: 12px;
    display: block;
    cursor: pointer;
    position: relative;
    width: 100%
}

@media (max-width: 768px) {
    .price-alert .area .field .checkbox label {
        left: 0
    }
}

.price-alert .area .field input, .price-alert .area .field select, .price-alert .area .field textarea {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff
}

.price-alert .area .field textarea {
    height: 150px;
    padding: 15px
}

.price-alert .area .field.half {
    width: 40%
}

.price-alert .area .checkbox {
    width: 85%;
    margin: 0 auto
}

.price-alert .area .checkbox label {
    font-size: 12px;
    line-height: 17px
}

.price-alert .area form button {
    cursor: pointer;
    display: inline-block;
    width: 165px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

.price-alert .agreement {
    margin: 15px 0;
    font-size: 12px;
    line-height: 18px
}

.price-alert .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.form-error-message {
    font-size: 10px;
    color: #169ee3;
    padding-left: 30px;
    margin-top: 8px;
    display: block;
    position: relative
}

.form-error-message::before {
    content: '';
    width: 22px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -3px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@attention.svg) no-repeat
}

.form-error-field input {
    box-shadow: 0 4px 10px 0 rgba(193, 30, 67, .25);
    border: 1px solid #169ee3 !important
}

@media (max-width: 768px) {
    .price-alert-kvkk {
        margin-left: 20px
    }

    body.rtl .price-alert-kvkk {
        margin: 0 20px 0 0
    }
}

.price-alert-kvkk .area .checkbox {
    width: 90%
}

.profile {
    background-color: #f5f8fb;
    padding-bottom: 1px
}

.profile-hero {
    position: relative;
    padding: 40px 0;
    min-height: 595px;
    text-align: center;
    background: url(https://cdn.memorial.com.tr/files/images/bg@profile-hero-2.png) no-repeat center;
    background-size: cover;
    background-position-x: 100%
}

@media (max-width: 767px) {
    .profile-hero {
        background-position-x: 91%;
        background-image: url(https://cdn.memorial.com.tr/files/images/bg@profile-hero-m.png)
    }

    .profile-hero.small-hero {
        min-height: 240px !important;
        background-image: url(https://cdn.memorial.com.tr/files/images/bg@profile-hero-2.png)
    }
}

.small-hero {
    min-height: 444px
}

.profile-hero .edit-avatar {
    position: absolute;
    top: 155px;
    left: 50%;
    margin-left: 30px
}

@media (max-width: 991px) {
    .profile-hero .edit-avatar {
        top: 90px;
        margin-left: 25px
    }
}

.profile-hero .avatar .image-wrapper {
    width: 170px;
    height: 170px;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.profile-hero .avatar .image-wrapper .image-wrapper-inner {
    overflow: hidden;
    border-radius: 100%
}

.profile-hero .avatar .image-wrapper img {
    max-width: 100%;
    width: 100%
}

.profile-hero .avatar .image-wrapper .user-initials {
    font-size: 50px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
    color: #151b26;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .profile-hero .avatar .image-wrapper .user-initials {
        font-size: 36px
    }
}

.profile-hero .name {
    margin: 15px 0 20px;
    color: #fff;
    font-size: 36px;
    font-weight: 800
}

.profile-hero .update-button {
    display: inline-block;
    width: 170px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    border: solid 2px #fff;
    border-radius: 4px
}

.profile .profile-section-container {
    margin: 0 0 30px
}

.profile .profile-section-container.doctors-section-container {
    margin: 40px 0 30px
}

@media (max-width: 767px) {
    .profile .profile-section-container.doctors-section-container {
        margin: 30px 0
    }
}

.profile .profile-section-container.profile-edit {
    margin-top: 90px
}

@media (max-width: 767px) {
    .profile .profile-section-container.profile-edit {
        margin: 20px 0 0
    }
}

.page-assay-container {
    margin-top: 0 !important;
    padding-top: 40px
}

.profile .profile-section {
    padding: 40px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.profile .section-hero {
    margin-bottom: 20px;
    color: #151b26;
    font-size: 36px;
    font-weight: 800
}

@media (max-width: 991px) {
    .profile .section-hero .tabs {
        overflow-x: scroll;
        white-space: nowrap;
        margin-right: 17px
    }
}

.profile .section-hero .tabs a {
    display: inline-block;
    padding: 0 15px 10px;
    color: #151b26;
    font-size: 20px;
    font-weight: 500
}

.profile .section-hero .tabs a.active {
    font-weight: 800;
    position: relative
}

@media (max-width: 767px) {
    .profile .section-hero .tabs a.active {
        font-weight: 700
    }
}

.profile .section-hero .tabs a.active::before {
    content: '';
    width: 100%;
    height: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.profile .appointments .icon {
    position: absolute;
    left: 0;
    top: 0
}

.profile .appointments .item {
    position: relative;
    padding-bottom: 40px;
    padding-left: 100px;
    padding-right: 30px;
    border-bottom: solid 1px #d4d7dd
}

.profile .appointments .field {
    margin-top: 20px;
    color: #151b26;
    font-size: 16px
}

@media (max-width: 991px) {
    .profile .appointments .field {
        font-size: 14px
    }
}

.profile .appointments .field .label {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 767px) {
    .profile .appointments .field .label {
        font-size: 14px
    }
}

.profile .appointments .field.light {
    font-weight: 400
}

.profile .appointments .field.light .label {
    font-size: 14px;
    font-weight: 700
}

.profile .appointments .field .bold {
    color: #169ee3;
    font-size: 28px;
    font-weight: 700
}

.profile .appointments .field .sub-status {
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    color: #169ee3;
    display: block
}

.profile .appointments .desc {
    padding-top: 20px;
    color: #151b26;
    font-size: 14px;
    line-height: 22px
}

.profile .appointments .actions {
    width: 100%;
    padding-top: 25px;
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

@media (max-width: 991px) {
    .profile .appointments .actions {
        position: relative;
        left: -40px;
        flex-direction: column-reverse !important
    }
}

@media (max-width: 767px) {
    .profile .appointments .actions {
        justify-content: center;
        display: flex;
        align-items: center
    }
}

.profile .appointments .button {
    display: inline-block;
    margin-left: 40px;
    min-width: 206px;
    padding: 0 15px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    background-color: #169ee3;
    border-radius: 4px
}

.profile .appointments .item.outdated .button {
    margin-left: 40px
}

@media (max-width: 767px) {
    .profile .appointments .item.outdated .button {
        margin-left: 0;
        margin-top: 0
    }
}

.profile .appointments .button--bordered {
    color: #169ee3;
    border: solid 2px #169ee3;
    background: 0 0
}

.profile .appointments .section-label .icon .open {
    display: none
}

.profile .edit-form .hero {
    margin-bottom: 20px;
    color: #151b26;
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 768px) and (max-width: 992px) {
    .profile .edit-form .hero {
        font-size: 24px;
        margin-bottom: 0;
        text-align: center
    }
}

@media (max-width: 767px) {
    .profile .edit-form .hero {
        font-size: 20px;
        margin-bottom: 0
    }
}

.profile .edit-form .field-gender {
    margin-top: 40px !important
}

.profile .edit-form .field-nationality {
    margin-top: 20px !important
}

.profile .edit-form .checkbox-area {
    width: 80%;
    margin: 30px auto
}

.profile .edit-form .checkbox-area input[type=checkbox].styled-checkbox ~ label {
    font-size: 16px !important;
    line-height: 17px !important
}

@media (max-width: 767px) {
    .profile .edit-form .checkbox-area input[type=checkbox].styled-checkbox ~ label {
        font-size: 12px !important
    }
}

.profile .edit-form .checkbox-name {
    font-weight: 700
}

.profile .edit-form .bvalidator-insert-msg + .select2 .select2-selection, .profile .edit-form .select2-basic + .select2 .select2-selection {
    padding: 0 13px
}

.profile .edit-form .bvalidator-insert-msg + .select2 .select2-selection__rendered, .profile .edit-form .select2-basic + .select2 .select2-selection__rendered {
    font-size: 14px
}

.profile .section-label {
    padding-bottom: 5px;
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    border-bottom: solid 2px #169ee3
}

.profile .section-label img {
    margin-right: 5px;
    vertical-align: middle
}

.profile .section-label span {
    position: relative;
    display: inline-block;
    padding-left: 15px
}

.profile .section-label span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background: #169ee3;
    border-radius: 100%
}

.profile .edit-form .form .field, .profile .section-label + .section-label {
    margin-top: 15px
}

.profile .section-label + .section-label span {
    padding-left: 0 !important
}

.profile .edit-form {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: solid 1px #ccc
}

.profile .edit-form.edit-form--no-border {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.profile .edit-form .form {
    position: relative;
    width: 350px;
    margin: 40px auto 0;
    max-width: 100%
}

@media (max-width: 767px) {
    .profile .edit-form .form {
        margin: 0 auto
    }
}

.profile .edit-form .col:first-of-type .form::before {
    position: absolute;
    right: -89px;
    top: 0;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ccc
}

@media (min-width: 992px) and (max-width: 1200px) {
    .profile .edit-form .col:first-of-type .form::before {
        right: -45px
    }
}

@media (max-width: 991px) {
    .profile .edit-form .col:first-of-type .form::before {
        display: none
    }
}

.profile .edit-form .form label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.profile .edit-form .form label input, .profile .edit-form .form select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    margin-top: 5px;
    font-weight: 700;
    border: solid 1px #ccc;
    border-radius: 4px
}

.profile .edit-form .form .select2-container {
    width: 100% !important
}

.profile .edit-form .form select {
    background: 0 0
}

@media (max-width: 767px) {
    .bvalidator-insert-msg + .select2 .select2-selection, .profile .edit-form .form .select2-basic + .select2 .select2-selection {
        padding: 0
    }

    .bvalidator-insert-msg + .select2 .select2-selection__arrow, .profile .edit-form .form .select2-basic + .select2 .select2-selection__arrow {
        right: 7px
    }
}

.profile .edit-form .agreement {
    margin: 30px 0 15px;
    text-align: center;
    color: #151b26;
    font-size: 12px
}

.profile .edit-form .actions {
    text-align: center;
    margin-bottom: 20px
}

.profile .edit-form .actions button {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    line-height: 50px;
    border: solid 2px #169ee3;
    width: 335px
}

@media (max-width: 767px) {
    .profile .edit-form .actions button {
        min-width: 165px;
        width: 165px
    }
}

.profile .doctors {
    border: unset;
    padding: 0;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .profile .doctors-section {
        background-color: #f5f8fb;
        padding: 0 0 20px !important;
        border: 0
    }
}

.profile .appointment-search-sort, .profile .doctors-section .doctors {
    position: relative
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors {
        background-color: #f5f8fb;
        margin-right: -20px
    }
}

.profile .doctors-section .doctors .slick-next {
    right: -65px
}

body.rtl .profile .doctors-section .doctors .slick-next {
    right: inherit;
    left: -65px
}

.profile .doctors-section .doctors .slick-prev {
    left: -65px;
    display: none !important
}

body.rtl .profile .doctors-section .doctors .slick-prev {
    left: inherit;
    right: -65px
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors .slick-list {
        padding: 0 20% 0 0 !important
    }

    @rtl{
        .profile .doctors-section .doctors .slick-list {
            padding: 0 0 0 20% !important
        }
    }
}

.profile .doctors-section .doctors .slick-list .slick-track {
    margin: 0
}

.profile .doctors-section .doctors .slick-list .slick-slide {
    margin-right: 5px
}

body.rtl .profile .doctors-section .doctors .slick-list .slick-slide {
    margin: 0 0 0 5px
}

.profile .doctors-section .doctors .slick-dots {
    position: absolute;
    left: 0;
    bottom: -20px
}

body.rtl .profile .avatar .sub-avatars li .name::before, body.rtl .profile .doctors-section .doctors .slick-dots {
    left: inherit;
    right: 0
}

.profile .doctors-section .doctors .slick-dots li {
    float: left;
    margin: 0 3px;
    width: 7px;
    height: 7px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 100%;
    transition: all .3s linear
}

.profile .doctors-section .doctors .slick-dots li.slick-active {
    width: 25px;
    border-radius: 7px;
    background-color: #000
}

.profile .doctors-section .doctors .slick-dots button {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    display: block;
    text-indent: -9999px;
    outline: 0;
    background: 0 0 !important
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors li {
        padding: 0
    }
}

.profile .doctors-section .doctors .item, .profile .doctors-section .doctors .item .text-wrap .hospital-name {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors .item {
        border-top: none;
        padding-top: 0;
        margin-top: 0
    }
}

.profile .doctors-section .doctors .item .action-doctor-favorite {
    top: 10px;
    bottom: 10px
}

.profile .doctors-section .doctors .item .image-cover {
    margin-bottom: 8px
}

@media (max-width: 991px) {
    .profile .doctors-section .doctors .item .image-cover {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors .item .image-cover {
        height: 220px
    }

    .profile .doctors-section .doctors .item .text-wrap {
        width: 100%;
        min-height: 81px;
        padding: 5px 20px;
        color: #fff;
        align-items: flex-start;
        background-color: rgba(21, 27, 38, .5);
        position: absolute;
        left: 0;
        bottom: 0
    }

    .profile .doctors-section .doctors .item .text-wrap .doctor-name .name {
        color: #fff;
        line-height: normal;
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors .item .text-wrap .hospital-name {
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        margin: 0
    }
}

.profile .doctors-section .doctors .item .text-wrap .patient-thanks-link-wrap {
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors .item .text-wrap .patient-thanks-link-wrap {
        display: none
    }
}

.profile .doctors-section .doctors .item .text-wrap .patient-thanks-link-wrap .patient-thanks-link {
    line-height: 14px
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors .item .text-wrap .label {
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        line-height: normal
    }
}

.profile .doctors-section .doctors .button {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px;
    position: relative;
    display: block;
    margin: 0 !important;
    height: 53px;
    line-height: 53px;
    width: 100% !important
}

body.rtl .profile .doctors-section .doctors .button {
    text-align: right
}

@media (max-width: 767px) {
    .profile .doctors-section .doctors .button {
        margin-top: 5px !important
    }
}

.profile .doctors-section .doctors .button .icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: rgba(21, 27, 38, .1);
    position: absolute;
    top: 0;
    right: 0
}

body.rtl .profile .doctors-section .doctors .button .icon {
    right: inherit;
    left: 0
}

.profile .doctors-section .doctors .button .icon img {
    width: 21px;
    height: 23px
}

@media (max-width: 991px) {
    .profile .appointment-search-sort {
        max-width: 100%;
        border-top: solid 1px #d4d7dd
    }
}

@media (max-width: 767px) {
    .profile .appointment-search-sort {
        border: solid 1px #d4d7dd;
        border-top: none;
        border-bottom: none;
        background-color: #fff;
        padding: 0 10px
    }

    .profile .appointment-search-sort::before {
        content: '';
        width: 94%;
        height: 1px;
        background-color: #d4d7dd;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: auto
    }
}

.profile .appointment-search-sort .search {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 53px;
    line-height: 53px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    margin: 10px 0 20px;
    color: #000;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25)
}

@media (max-width: 991px) {
    .profile .appointment-search-sort .search {
        width: 100%;
        margin: 15px 0
    }
}

@media (max-width: 767px) {
    .profile .appointment-search-sort .search {
        margin: 10px 0 0;
        box-shadow: none
    }
}

.profile .appointment-search-sort .search-appointment-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 30px;
    top: 25px;
    cursor: pointer
}

@media (max-width: 767px) {
    .profile .appointment-search-sort .search-appointment-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        top: 25px
    }
}

.profile .appointment-search-sort .dropdown-sort-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.profile .appointment-search-sort .dropdown-sort-container .dropdown-button {
    margin: 10px 0 20px;
    height: 53px
}

.profile .appointment-search-sort .dropdown-sort-container .dropdown-button.selected .text {
    position: relative;
    margin: 0 2px
}

.profile .appointment-search-sort .dropdown-sort-container .dropdown-button.selected .text::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #169ee3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -36px;
    transform: translateY(-50%)
}

.profile-section-container .tab-content {
    display: none
}

.profile-section-container .tab-content:first-of-type {
    display: block
}

.profile .profile-accordion .item {
    margin-bottom: 30px
}

.profile .profile-accordion .item > .section-label {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat center right;
    background-size: 20px
}

.profile .avatar .sub-avatars li.add-profile .image-wrapper img, .profile .avatar .sub-avatars li.add-profile .name::before, .profile .avatar .sub-avatars li.add-profile::after, .profile .profile-accordion .item > .row {
    display: none
}

.profile .profile-accordion .item.active > .section-label {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/up.svg) no-repeat center right;
    background-size: 20px
}

.profile .profile-accordion .item.active > .row {
    display: flex
}

.profile .profile-success {
    text-align: center;
    padding: 50px 0 100px
}

.profile .profile-success .image-cover {
    height: 145px
}

.profile .profile-success .label {
    margin: 15px 0;
    color: #151b26;
    font-size: 28px;
    font-weight: 700
}

.profile .profile-success .desc {
    color: #151b26;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    line-height: 22px
}

.page-memorialtv-detail .wrapper-box-doctor .branch ul, .profile .avatar .profile-log-out, .profile .avatar .sub-avatars li {
    position: relative
}

.profile .avatar .log-out {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: normal;
    text-decoration: underline;
    color: #fff;
    position: absolute;
    top: -10px;
    right: 0
}

@media (max-width: 767px) {
    .profile .avatar .log-out {
        font-size: 14px;
        line-height: 1.43;
        top: -20px
    }
}

.profile .avatar .account-approved {
    width: 335px;
    margin: auto
}

@media (max-width: 767px) {
    .profile .avatar .account-approved {
        width: 90%
    }
}

.profile .avatar .account-approved .alert {
    border-color: transparent
}

.profile .avatar .sub-avatars-wrapper {
    margin: 40px auto 0;
    width: 630px;
    position: relative
}

@media (max-width: 991px) {
    .profile .avatar .sub-avatars-wrapper {
        width: 350px
    }
}

@media (max-width: 767px) {
    .profile .avatar .sub-avatars-wrapper {
        width: 100%;
        overflow-x: scroll
    }
}

.profile .avatar .sub-avatars-wrapper.ps--active-x .sub-avatars {
    justify-content: inherit
}

.profile .avatar .sub-avatars, .profile .avatar .sub-avatars li a, .profile .profile-section .appointments .item .section-label .icon .open {
    display: block
}

@media (max-width: 767px) {
    .profile .avatar .sub-avatars {
        display: flex;
        flex-direction: row;
        justify-content: center
    }
}

.profile .avatar .sub-avatars .slick-list .slick-slide {
    margin: 0 20px
}

@media (max-width: 767px) {
    .profile .avatar .sub-avatars .slick-list .slick-slide {
        margin: 0
    }
}

.profile .avatar .sub-avatars .slick-next, .profile .avatar .sub-avatars .slick-prev {
    width: 44px;
    height: 44px;
    transform: none;
    top: 20px
}

.profile .avatar .sub-avatars .slick-next em, .profile .avatar .sub-avatars .slick-prev em {
    font-size: 12px
}

.profile .avatar .sub-avatars .slick-prev {
    left: -50px
}

body.rtl .profile .avatar .sub-avatars .slick-prev {
    left: inherit;
    right: -50px
}

.profile .avatar .sub-avatars .slick-next {
    right: -50px
}

body.rtl .profile .avatar .sub-avatars .slick-next {
    right: inherit;
    left: -50px
}

.profile .avatar .sub-avatars li.add-profile .name {
    padding-left: 0
}

@media (max-width: 991px) {
    .profile .avatar .sub-avatars li {
        margin: 0 15px
    }
}

@media (max-width: 767px) {
    .profile .avatar .sub-avatars li {
        margin: 0 11px;
        min-width: 70px
    }
}

.profile .avatar .sub-avatars li .delete-btn {
    width: 24px;
    height: 24px;
    font-size: 16px;
    font-weight: 800;
    color: #169ee3;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #169ee3;
    position: absolute;
    top: 0;
    right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media (max-width: 991px) {
    .profile .avatar .sub-avatars li .delete-btn {
        right: -13px
    }
}

@media (max-width: 767px) {
    .profile .avatar .sub-avatars li .delete-btn {
        right: -3px
    }
}

.profile .avatar .sub-avatars li .image-wrapper {
    width: 75px;
    height: 75px;
    background-color: #fff
}

.profile .avatar .sub-avatars li .sub-user-initials {
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #151b26;
    text-transform: uppercase
}

@media (max-width: 991px) {
    .profile .avatar .sub-avatars li .sub-user-initials {
        font-size: 20px
    }
}

.profile .avatar .sub-avatars li .name {
    font-size: 20px;
    padding-left: 10px;
    position: relative
}

@rtl{
    .profile .avatar .sub-avatars li .name {
        padding: 0 10px 0 0
    }
} .profile .avatar .sub-avatars li .name::before {
      content: '';
      width: 5px;
      height: 5px;
      background-color: #169ee3;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%
  }

.profile .avatar .sub-avatars li.disabled {
    opacity: .5
}

.profile .avatar .sub-avatars li.add-profile .image-wrapper {
    background: #fff url(https://cdn.memorial.com.tr/files/images/icon@profile-add.svg) no-repeat center;
    background-position-x: 60%
}

@media (max-width: 991px) {
    .profile .avatar .sub-avatars li.add-profile .image-wrapper {
        background-size: 60%;
        background-position-x: 60%
    }
}

@media (max-width: 767px) {
    .profile .avatar .sub-avatars li.add-profile .image-wrapper {
        background-size: 50%
    }
}

.profile .profile-section .appointments .item {
    margin-top: 40px
}

.profile .profile-section .appointments .item:first-child {
    margin-top: 0
}

.profile .profile-section .appointments .item:last-child {
    border-bottom: none
}

.profile .profile-section .appointments .item .section-label {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat center right;
    background-size: 20px;
    border-bottom: none
}

.profile .profile-section .appointments .item .content, .profile .profile-section .appointments .item .section-label .icon .close, .profile .profile-section .appointments .item .section-label span::before, .profile .profile-section .appointments .item.device-appointment .section-label .icon .open {
    display: none
}

.profile .profile-section .appointments .item .section-label span {
    padding-left: 0;
    opacity: 1
}

.profile .profile-section .appointments .item .content .field {
    margin-top: 10px
}

.profile .profile-section .appointments .item.active .section-label {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/up.svg) no-repeat center right;
    background-size: 20px
}

.profile .profile-section .appointments .item.active .content, .profile .profile-section .appointments .item.device-appointment .section-label .icon .close {
    display: block
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .item.outdated {
        padding: 0 0 20px 30px
    }
}

.profile .profile-section .appointments .item.outdated .section-label {
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat;
    background-size: 20px;
    background-position: 100% 10px;
    padding-bottom: 0
}

.profile .profile-section .appointments .item.outdated .section-label .icon .open {
    display: none
}

.profile .profile-section .appointments .item.outdated .section-label .icon .close {
    display: block
}

.profile .profile-section .appointments .item.outdated .section-label .field .bold, .profile .profile-section .appointments .item.outdated .section-label .field .sub-status {
    opacity: .5
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .item.outdated .section-label .field .bold {
        font-size: 18px
    }

    .profile .profile-section .appointments .item.outdated .section-label .field .label {
        margin-bottom: 0;
        line-height: 20px
    }

    .profile .profile-section .appointments .item.outdated .section-label .field.head-section {
        padding-left: 40px
    }

    .profile .profile-section .appointments .item.outdated .section-label .field.light {
        margin-top: 10px
    }

    .profile .profile-section .appointments .item.outdated .section-label .field.light .label {
        display: inline-block;
        margin-bottom: 0;
        line-height: normal;
        position: relative;
        padding-right: 8px;
        margin-right: 2px
    }

    .profile .profile-section .appointments .item.outdated .section-label .field.light .label:after {
        content: ':';
        font-size: 14px;
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 0
    }
}

.profile .profile-section .appointments .item.outdated .section-label .field.light .hour {
    display: block
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .item.outdated .section-label .field.light .hour {
        padding-left: 10px;
        display: inline-block
    }
}

.profile .profile-section .appointments .item.outdated .section-label .actions {
    padding-top: 0
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .item.outdated .section-label .actions {
        padding-top: 25px;
        align-items: center;
        display: flex;
        min-width: 92%;
        left: 0 !important;
        width: 92% !important
    }
}

.profile .profile-section .appointments .item.outdated .content .actions {
    display: none
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .item.outdated .content .label {
        display: inline-block;
        margin-bottom: 0;
        line-height: normal;
        position: relative;
        padding-right: 8px;
        margin-right: 2px
    }

    .profile .profile-section .appointments .item.outdated .content .label:after {
        content: ':';
        font-size: 14px;
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 0
    }

    .profile .profile-section .appointments .item.outdated .content .field {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .profile .profile-section .appointments .item.outdated .content .field .hospital-medical-unit {
        padding-left: 3px
    }
}

.profile .profile-section .appointments .item.outdated.active .section-label {
    background: url(https://cdn.memorial.com.tr/files/images/up.svg) no-repeat;
    background-size: 20px;
    background-position: 100% 10px
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .item.outdated.active .section-label .actions {
        display: none
    }

    .profile .profile-section .appointments .item.outdated.active .content .actions {
        display: block;
        align-items: center;
        padding-top: 25px;
        min-width: 92%;
        left: 0 !important;
        width: 92% !important
    }
}

.profile .profile-section .appointments .item .item-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding: 30px 0 0
}

.profile .profile-section .appointments .item .item-footer .unapproved-test-link {
    font-size: 20px;
    font-weight: 500;
    text-align: right;
    color: #636c6e;
    text-decoration: underline
}

.profile .profile-section .appointments .assay-validation {
    margin: 20px 0;
    padding: 60px 40px;
    background-color: #fff;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .assay-validation {
        margin: 0;
        padding: 20px 40px 40px;
        border-top: none;
        border-radius: 0 0 4px 4px
    }
}

.content-page a, .profile .profile-section .appointments .assay-validation .hero {
    color: #169ee3
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .assay-validation .hero {
        font-size: 14px;
        text-align: left;
        margin-bottom: 10px
    }

    .profile .profile-section .appointments .assay-validation .hero + p {
        font-size: 12px;
        text-align: left
    }

    .profile .profile-section .appointments .assay-validation .assay-validation-form {
        margin-top: 20px
    }
}

.profile .profile-section .appointments .assay-validation .assay-validation-form .actions {
    text-align: center;
    display: block
}

@media (max-width: 991px) {
    .profile .profile-section .appointments .assay-validation .assay-validation-form .actions {
        left: 0
    }
}

@media (max-width: 767px) {
    .profile .profile-section .appointments .assay-validation .assay-validation-form .actions {
        left: 0;
        padding: 0;
        margin-top: 20px
    }
}

.profile .profile-section .appointments .assay-validation .assay-validation-form .actions .button {
    margin-left: 0
}

.profile .profile-section.section-story {
    margin: 40px 0 0;
    padding: 0
}

.profile .profile-section.etk-permission {
    margin: 30px 0 0
}

@media (max-width: 767px) {
    .profile .profile-section.etk-permission {
        margin: -15px 0 0
    }
}

.profile .profile-section.etk-permission .checkbox {
    padding-left: 35px;
    margin: 0 40px
}

@media (max-width: 767px) {
    .profile .profile-section.etk-permission .checkbox {
        margin: 0
    }
}

.profile .profile-section.etk-permission .checkbox input[type=checkbox].styled-checkbox ~ label {
    font-size: 16px !important;
    line-height: 20px !important
}

@media (max-width: 767px) {
    .profile .profile-section.etk-permission .checkbox input[type=checkbox].styled-checkbox ~ label {
        font-size: 12px !important;
        line-height: 17px !important
    }
}

.profile .profile-section.etk-permission .actions {
    margin-top: 25px
}

.profile .profile-section.etk-permission .actions .button {
    width: 165px;
    font-size: 14px
}

@media (max-width: 767px) {
    .profile .profile-section.tab-content-wrapper {
        padding: 0 20px 20px;
        border-top: none
    }
}

.profile .profile-section .page-pagination {
    justify-content: center
}

@media (max-width: 767px) {
    .profile .profile-section .page-pagination {
        justify-content: center
    }
}

.profile .profile-section.assay-list-wrapper {
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: initial
}

@media (max-width: 767px) {
    .profile .profile-section.assay-list-wrapper {
        border-radius: initial
    }
}

.profile .profile-section.assay-list-wrapper .appointments .item {
    padding: 40px 70px 40px 140px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    margin-top: 20px
}

@media (max-width: 767px) {
    .profile .profile-section.assay-list-wrapper .appointments .item {
        padding: 5px 10px 20px 75px;
        border-radius: unset
    }
}

.profile .profile-section.assay-list-wrapper .appointments .item .icon {
    left: 40px;
    top: 35px
}

@media (max-width: 767px) {
    .profile .profile-section.assay-list-wrapper .appointments .item .icon {
        left: 10px;
        top: 15px
    }

    .profile .profile-section.assay-list-wrapper .appointments .item .content {
        padding-bottom: 75px
    }

    .profile .profile-section.assay-list-wrapper .appointments .item .content .field {
        margin-top: 15px
    }
}

.profile .profile-section.assay-list-wrapper .appointments .item .content .field .label {
    margin-bottom: 8px;
    font-size: 14px
}

@media (max-width: 767px) {
    .profile .profile-section.assay-list-wrapper .appointments .item .content .field span {
        font-size: 18px
    }

    .profile .profile-section.assay-list-wrapper .appointments .item .content .actions {
        flex-direction: row !important;
        position: absolute;
        left: 0;
        right: 0;
        justify-content: center
    }

    .profile .profile-section.assay-list-wrapper .appointments .item .content .actions .button {
        margin-top: 0
    }

    .profile .profile-section.assay-list-wrapper .appointments .item .content .actions .button:first-of-type {
        margin-right: 10px
    }

    .profile .profile-section.assay-list-wrapper .appointments .item.partial-resulted {
        padding: 5px 10px 80px 75px
    }

    .profile .profile-section.assay-list-wrapper .appointments .item.partial-resulted .item-footer {
        position: absolute;
        left: 0;
        right: 0;
        justify-content: center
    }

    .profile .profile-section.assay-list-wrapper .appointments .item.partial-resulted .item-footer .unapproved-test-link {
        font-size: 14px
    }
}

.profile .profile-section.assay-list-wrapper .appointments .empty-label {
    padding: 40px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

@media (max-width: 991px) {
    .profile .profile-section.assay-list-wrapper .appointments .empty-label {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .profile .profile-section.assay-list-wrapper .appointments .empty-label {
        padding: 20px;
        border-top: none;
        border-radius: inherit
    }

    .profile .profile-section.appoinments-list {
        padding: 0 10px 20px;
        border-radius: initial
    }
}

@media (max-width: 991px) {
    .profile .profile-section.appoinments-list .appointments .actions {
        left: 10px;
        padding-top: 10px
    }
}

@media (max-width: 767px) {
    .profile .profile-section.appoinments-list .appointments .actions {
        left: -70px !important;
        padding-top: 10px;
        min-width: calc(100% + 70px)
    }
}

.profile .successful-message {
    text-align: center;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .profile .successful-message {
        margin-bottom: 20px
    }
}

.profile .successful-message .successful-img {
    width: 98px;
    height: 90px;
    margin: 40px auto 20px
}

@media (max-width: 767px) {
    .profile .successful-message .successful-img {
        width: 64px;
        height: 58px;
        margin: 30px auto 15px
    }
}

.profile .successful-message .successful-img img {
    width: 100%
}

.profile .successful-message p {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.13;
    color: #151b26
}

@media (max-width: 767px) {
    .profile .successful-message p {
        font-size: 12px
    }
}

.reasons-for-cancel-modal textarea, .sms-verification-modal {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.sms-verification-modal {
    color: #151b26;
    padding: 80px 105px;
    box-shadow: 0 10px 20px 0 #777
}

@media (max-width: 767px) {
    .sms-verification-modal {
        padding: 20px
    }
}

.sms-verification-modal .modal-close {
    right: 20px;
    top: 20px
}

.sms-verification-modal .hero {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .sms-verification-modal .hero {
        font-size: 30px
    }
}

.sms-verification-modal .field {
    margin-bottom: 25px
}

.sms-verification-modal .field label {
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.sms-verification-modal .field input[type=text] {
    width: 100%;
    height: 50px;
    padding: 10px;
    margin-top: 3px;
    font-size: 13px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .3);
    background-color: #fff
}

.sms-verification-modal .field .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 991px) {
    .sms-verification-modal .field .buttons {
        flex-direction: column
    }
}

.sms-verification-modal .field .buttons button {
    width: 45% !important;
    margin: 0
}

@media (max-width: 991px) {
    .sms-verification-modal .field .buttons button {
        width: 60% !important;
        margin-bottom: 20px
    }
}

.sms-verification-modal .countdown {
    width: 150px;
    height: 137px;
    margin: 10px auto 25px;
    padding-left: 35px;
    color: #169ee3;
    font-size: 24px;
    font-weight: 700;
    line-height: 137px;
    text-align: left;
    background: url(https://cdn.memorial.com.tr/files/images/bg@countdown.png) no-repeat center
}

.reasons-for-cancel-modal {
    padding: 60px
}

@media (max-width: 767px) {
    .reasons-for-cancel-modal {
        padding: 50px 30px
    }
}

.reasons-for-cancel-modal .modal-close {
    right: 20px;
    top: 20px
}

@media (max-width: 767px) {
    .reasons-for-cancel-modal .modal-close {
        right: 15px;
        top: 15px
    }
}

.reasons-for-cancel-modal .hero {
    color: #151b26;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .reasons-for-cancel-modal .hero {
        font-size: 22px
    }
}

.reasons-for-cancel-modal .field {
    margin-bottom: 20px
}

.reasons-for-cancel-modal textarea {
    width: 100%;
    height: 150px;
    font-size: 14px;
    padding: 15px;
    margin-top: 5px
}

@media (max-width: 767px) {
    .reasons-for-cancel-modal textarea {
        height: 200px
    }
}

.favorite-posts .col-lg-12:nth-child(2n) {
    padding: 0 20px 0 15px
}

@media (max-width: 767px) {
    .favorite-posts .col-lg-12:nth-child(2n) {
        padding: 0 15px
    }

    .favorite-posts .col-12:first-child article {
        padding: 0 0 20px;
        border: 0
    }

    .favorite-posts .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .favorite-posts article {
        min-height: auto;
        border-bottom: none;
        border-right: none;
        border-left: none;
        border-radius: inherit;
        padding: 20px 0;
        margin-bottom: 0;
        flex-wrap: nowrap
    }

    .favorite-posts article::before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 15px;
        width: 22px;
        height: 22px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg);
        background-size: 22px;
        text-align: center
    }
}

.favorite-posts article .image-cover {
    max-width: 310px;
    width: 60%;
    height: 205px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

@media (max-width: 767px) {
    .favorite-posts article .image-cover {
        width: 115px;
        height: 75px
    }
}

.favorite-posts article .image-cover img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 767px) {
    .favorite-posts article .action-favorite-area {
        width: 24px;
        height: 24px
    }
}

.favorite-posts article .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 15px 0 15px 10px;
    width: 37%
}

@media (max-width: 767px) {
    .favorite-posts article .content {
        width: 60%;
        margin: 0 0 0 5px
    }
}

.favorite-posts article .content .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #151b26
}

@media (max-width: 767px) {
    .favorite-posts article .content .title {
        font-size: 14px;
        line-height: normal
    }
}

.favorite-posts article .content .name {
    font-size: 14px;
    font-weight: 400;
    color: #151b26
}

@media (max-width: 767px) {
    .favorite-posts article .content .name {
        font-size: 12px
    }
}

.favorite-posts article .content .departman-name, .favorite-posts article .content h4.departman-name {
    font-size: 14px;
    font-weight: 600;
    color: #2688da
}

@media (max-width: 767px) {
    .favorite-posts article .content .departman-name, .favorite-posts article .content h4.departman-name {
        font-size: 12px
    }
}

.profile .select2-container--disabled .select2-selection .select2-selection__arrow b, .result-empty-area {
    display: none
}

.favorite-doctors .item {
    margin-bottom: 40px;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .favorite-doctors .item {
        padding: 0 !important;
        border-radius: 4px !important;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        border: 1px solid #d4d7dd !important
    }

    .favorite-doctors .item::before {
        content: '';
        position: absolute;
        right: 0;
        top: calc(50% - 5px);
        width: 21px;
        height: 21px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg);
        background-size: 21px;
        text-align: center;
        display: none
    }
}

.favorite-doctors .item .content {
    padding: 0 30px;
    text-align: center;
    position: relative
}

@media (max-width: 767px) {
    .favorite-doctors .item .content {
        display: flex;
        flex-direction: row;
        text-align: left;
        padding: 6px 6px 0
    }
}

.favorite-doctors .item .content .action-doctor-favorite {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 2
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .action-doctor-favorite {
        left: 5px;
        top: 5px
    }
}

.favorite-doctors .item .content .action-doctor-favorite a {
    display: block;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
    border-radius: 50%;
    width: 36px;
    height: 36px
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .action-doctor-favorite a {
        width: 20px;
        height: 20px
    }
}

.favorite-doctors .item .content .action-doctor-favorite a img {
    position: relative;
    width: 36px;
    height: 36px
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .action-doctor-favorite a img {
        width: 20px;
        height: 20px
    }
}

.favorite-doctors .item .content .image-cover {
    height: 250px
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .image-cover {
        width: 60px;
        height: 70px;
        margin-right: 0
    }
}

.favorite-doctors .item .content .image-cover img {
    top: 0;
    transform: none
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .image-cover img {
        border-radius: 4px
    }
}

.favorite-doctors .item .content .text-wrap {
    min-height: 100px;
    display: flex;
    flex-direction: column
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .text-wrap {
        min-height: auto
    }
}

.favorite-doctors .item .content .text-wrap .label-wrap {
    order: 3
}

.favorite-doctors .item .content .text-wrap .label {
    font-size: 12px;
    font-weight: 600;
    color: #2688da;
    text-decoration: underline;
    min-height: 33px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .text-wrap .label {
        justify-content: flex-start;
        min-height: auto
    }
}

.favorite-doctors .item .content .text-wrap .doctor-name {
    order: 1;
    display: block
}

.favorite-doctors .item .content .text-wrap .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #151b26;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .text-wrap .name {
        font-size: 13px;
        font-weight: 700;
        line-height: normal;
        color: #151b26;
        height: auto;
        justify-content: flex-start
    }
}

.favorite-doctors .item .content .text-wrap .hospital-name {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    color: #169ee3;
    order: 2
}

@media (max-width: 767px) {
    .favorite-doctors .item .content .text-wrap .hospital-name {
        margin-bottom: 3px;
        margin-top: 5px
    }
}

.favorite-doctors .item .content .text-wrap .patient-thanks-link-wrap {
    order: 4;
    margin-bottom: 20px
}

.favorite-doctors .item .button {
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    color: #151b26;
    background-color: #ffc107
}

@media (max-width: 767px) {
    .favorite-doctors .item .button {
        margin-top: 5px;
        display: block;
        font-size: 14px;
        font-weight: 800
    }
}

.favorite-doctors .item .button em {
    color: #151b26;
    font-size: 26px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px
}

.favorite-videos .item {
    margin-bottom: 40px;
    position: relative
}

@media (max-width: 767px) {
    .favorite-videos .item {
        padding: 0 0 30px;
        display: flex;
        flex-direction: row;
        margin: 0 0 15px;
        border-bottom: 1px solid #d4d7dd
    }
}

.favorite-videos .item .image {
    position: relative;
    display: block
}

.favorite-videos .item .image .image-cover {
    height: 130px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .favorite-videos .item .image .image-cover {
        width: 130px;
        height: 75px;
        border-radius: 4px
    }
}

.favorite-videos .item .image img {
    display: block;
    width: 100%;
    border-radius: 4px
}

.favorite-videos .item .image .icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

@media (max-width: 767px) {
    .favorite-videos .item .image .icon {
        max-height: 75px
    }
}

.favorite-videos .item .image .icon em {
    width: 36px;
    height: 36px
}

.favorite-videos .item .content {
    padding: 10px;
    position: relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #d4d7dd;
    border-top: 0;
    background-color: #fff;
    height: 110px
}

@media (max-width: 767px) {
    .favorite-videos .item .content {
        width: calc(100% - 130px);
        border: 0;
        height: auto;
        padding: 0 0 0 10px
    }
}

.favorite-videos .item .content .name, .favorite-videos .item .time {
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #151b26;
    opacity: .5
}

.favorite-videos .item .content .name {
    margin-bottom: 10px;
    padding-right: 25px
}

@media (max-width: 767px) {
    .favorite-videos .item .content .name {
        font-size: 10px;
        margin: 10px 0 5px;
        padding-right: 15px
    }
}

.favorite-videos .item .content .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #151b26
}

@media (max-width: 767px) {
    .favorite-videos .item .content .title {
        font-size: 12px;
        font-weight: 700;
        line-height: normal
    }
}

.favorite-videos .item .content .icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .4)
}

@media (max-width: 767px) {
    .favorite-videos .item .content .icon {
        right: 0;
        top: -10px
    }
}

.favorite-videos .item .time {
    text-align: right;
    position: absolute;
    right: 10px;
    bottom: 10px
}

@media (max-width: 767px) {
    .favorite-videos .item .time {
        right: auto;
        left: 0;
        font-size: 10px;
        font-weight: 400
    }
}

.empty-favorite {
    font-size: 28px;
    font-weight: 700;
    line-height: normal
}

@media (max-width: 767px) {
    .empty-favorite {
        font-size: 14px
    }
}

.empty-doctor-list, .empty-label, .result-title {
    font-size: 28px;
    font-weight: 700;
    line-height: normal
}

@media (max-width: 767px) {
    .empty-doctor-list, .empty-label, .result-title {
        font-size: 14px;
        padding-top: 10px
    }
}

.profile form input[type=text]:disabled {
    background-color: #fff !important;
    border: solid 1px #ccc !important;
    opacity: 1;
    color: rgba(21, 27, 38, .5)
}

.profile .select2-container--disabled .select2-selection {
    opacity: 1;
    background-color: #fff !important
}

.profile .select2-container--disabled .select2-selection .select2-selection__rendered {
    color: rgba(21, 27, 38, .5)
}

@media (max-width: 768px) {
    .profile .profile-section-container {
        margin-top: 20px
    }
}

.error-page {
    background-color: #f5f8fb
}

.error-area {
    position: relative;
    z-index: 5;
    width: 870px;
    top: -300px;
    padding: 80px 120px;
    margin: 0 auto;
    border: solid 1px #d4d7dd;
    max-width: 100%;
    text-align: center;
    box-shadow: 0 4px 20px rgba(21, 27, 38, .25);
    background-color: #fff
}

.error-area .hero {
    color: #151b26;
    font-size: 36px;
    font-weight: 800
}

.error-area .desc {
    margin: 40px 0;
    color: #151b26;
    font-size: 16px;
    line-height: 25px
}

.error-area .actions {
    display: flex;
    justify-content: space-between
}

.error-area .actions .button {
    display: inline-block;
    width: 275px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    background-color: #169ee3;
    border-radius: 4px
}

.error-area .actions .button.black {
    background-color: #151b26
}

.error-page-social {
    position: relative;
    top: -200px
}

@media (max-width: 768px) {
    .error-page-social {
        top: -50px
    }
}

.search-results {
    background-color: #f5f8fb
}

.search-results .form {
    width: 795px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0
}

.search-results .form input {
    display: block;
    width: 100%;
    padding: 0 20px;
    height: 60px;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(137, 197, 204, .25);
    background: #fff url(https://cdn.memorial.com.tr/files/images/search.svg) no-repeat 97% center;
    background-size: 24px 24px
}

body.rtl .search-results .form input {
    background: #fff url(https://cdn.memorial.com.tr/files/images/search.svg) no-repeat 3% center;
    background-size: 24px 24px
}

.search-results .results {
    padding: 40px 80px;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    background: #fff
}

.search-results .results .list {
    margin-bottom: 20px
}

.search-results .results .section {
    padding-top: 25px;
    margin-top: 25px;
    border-top: solid 1px #d4d7dd
}

.search-results .results .section:first-of-type {
    padding-top: 0;
    margin-top: 0;
    border-top: unset
}

.search-results .results .title {
    margin-bottom: 10px;
    color: #169ee3;
    font-size: 24px;
    font-weight: 700
}

.accordion-wrapper .accordion .item .content p.check, .search-results .results .list li {
    position: relative;
    padding-left: 15px
}

body.rtl .search-results .results .list li {
    padding-left: 0;
    padding-right: 15px
}

.search-results .results .list li a {
    color: #151b26;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    padding: 2px 0;
    display: block;
    transition: all 300ms ease
}

.search-results .results .list li a:hover {
    text-decoration: underline;
    color: rgba(21, 27, 38, .6);
    transition: all 300ms ease
}

.search-results .results .list li a .result-hospital-medical-unit {
    font-size: 13px
}

.search-results .results .list li::before {
    position: absolute;
    left: 0;
    top: 8px;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #169ee3
}

body.rtl .search-results .results .list li::before {
    left: initial;
    right: 0
}

.search-results .results .actions {
    text-align: right
}

body.rtl .search-results .results .actions {
    text-align: left
}

.search-results .results .actions a {
    color: #151b26;
    font-size: 20px;
    font-weight: 700
}

.search-results .results .actions span {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: solid 1px #151b26
}

.search-results .results .actions a em {
    font-size: 15px;
    vertical-align: middle
}

body.rtl .search-results .results .actions a em {
    display: inline-block;
    transform: translate(180deg)
}

.search-results .empty-search p {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    color: #151b26
}

@media (max-width: 767px) {
    .search-results .empty-search p {
        font-size: 14px
    }
}

.page-wish-well {
    position: relative;
    padding-top: 80px;
    background-color: #f5f8fb
}

@media (max-width: 991px) {
    .page-wish-well {
        padding-bottom: 50px
    }
}

@media (max-width: 767px) {
    .page-wish-well {
        padding-top: 20px
    }
}

.page-wish-well .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-wish-well .wrapper-box-wish-well {
    padding: 40px 30px
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well {
        padding: 20px 10px
    }
}

.page-wish-well .wrapper-box-wish-well .variants {
    margin-bottom: 20px
}

.page-wish-well .wrapper-box-wish-well .e-wish-card-item {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 20px
}

.page-ebaby-comment .wrapper-box-comment img, .page-wish-well .wrapper-box-wish-well .variants img {
    width: 100%;
    display: block
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well .variants img {
        border-radius: 4px
    }
}

.page-wish-well .wrapper-box-wish-well .variants a {
    position: relative;
    display: block
}

.page-wish-well .wrapper-box-wish-well .variants label {
    padding-left: 0;
    max-height: 221px;
    overflow: hidden
}

.page-wish-well .wrapper-box-wish-well .variants .image-cover {
    height: 225px
}

.page-wish-well .wrapper-box-wish-well .variants [type=radio]:checked + label {
    box-shadow: -4px 4px 10px 3px #00000073, inset 3px -3px 12px 5px #000
}

.page-wish-well .wrapper-box-wish-well .variants [type=radio]:checked + label:before, .page-wish-well .wrapper-box-wish-well .variants [type=radio]:not(:checked) + label:before {
    left: 15px;
    top: 15px;
    background-color: #fff
}

.page-wish-well .wrapper-box-wish-well .variants [type=radio]:checked + label:after, .page-wish-well .wrapper-box-wish-well .variants [type=radio]:not(:checked) + label:after {
    width: 6px;
    height: 6px;
    left: 19px;
    top: 19px
}

.page-wish-well .wrapper-box-wish-well form {
    width: 680px;
    margin: auto
}

.page-wish-well .wrapper-box-wish-well form .checkbox {
    margin-top: 40px
}

.page-wish-well .wrapper-box-wish-well form .checkbox label {
    font-size: inherit;
    font-weight: inherit
}

.page-wish-well .wrapper-box-wish-well form .checkbox label span {
    top: 0
}

.page-wish-well .wrapper-box-wish-well form .field, .page-wish-well form .alert-error {
    margin-top: 20px
}

.page-wish-well .wrapper-box-wish-well form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well form .field label {
        flex-wrap: wrap;
        font-size: 12px
    }
}

.page-wish-well .wrapper-box-wish-well form .field .form-intl {
    margin-left: 20px;
    padding-top: 0
}

.page-wish-well .wrapper-box-wish-well form .field .form-intl .intl-phone-mask {
    height: 30px
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well form .field .form-intl .intl-phone-mask {
        padding-left: 80px
    }
}

.page-wish-well .wrapper-box-wish-well form .field .form-intl .elementCountryCodeData {
    height: 30px;
    line-height: 30px;
    top: 0 !important;
    font-size: 14px
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well form .field .form-intl .elementCountryCodeData {
        left: 35px;
        font-size: 12px
    }
}

.page-wish-well .wrapper-box-wish-well form .field .form-intl .iti__selected-flag {
    top: 7px;
    max-height: 15px
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well form .field .form-intl .iti__selected-flag {
        padding-left: 0
    }

    .page-wish-well .wrapper-box-wish-well form .field .form-intl {
        margin-left: 0
    }
}

.page-wish-well .wrapper-box-wish-well form .field input {
    border: 0
}

.page-wish-well .wrapper-box-wish-well .content-box {
    padding: 45px 50px;
    margin: 0 -20px;
    min-height: 456px;
    background-size: 100% 100%;
    background-image: url(https://cdn.memorial.com.tr/files/images/bg@wishwell-2.png);
    background-repeat: no-repeat;
    box-shadow: -4px 4px 10px 3px #00000073;
    z-index: 1;
    position: relative
}

.page-wish-well .wrapper-box-wish-well .content-box .content {
    padding: 40px 20px;
    opacity: .9;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(212, 215, 221, .5);
    background-color: #fff
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 50px;
    color: #151b26
}

.page-campains-detail .specialist .content .item .img-content img, .page-wish-well .wrapper-box-wish-well .content-box .content .letter.mb-0 {
    margin-bottom: 0
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line + span {
    height: 3px
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container {
    width: 320px !important;
    text-align: center;
    height: 20px;
    bottom: 0;
    position: relative;
    display: block
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container {
        height: 30px;
        width: 215px !important
    }
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container .selection {
    width: 100%;
    bottom: 0;
    height: 20px;
    position: relative
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container .select2-selection {
    bottom: 0;
    position: relative;
    border: 0;
    height: 20px
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container .select2-selection .select2-selection__rendered {
    width: 100%;
    bottom: 0;
    line-height: normal;
    height: 22px
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container .select2-selection .select2-selection__rendered {
        line-height: 14px;
        bottom: -12px
    }
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container .select2-selection .select2-selection__arrow {
    display: none
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line.wResize .select2-container {
    width: 175px !important
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line.wResize .select2-container {
        width: 150px !important
    }
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .input-wrapper.select-wrapper {
    position: relative;
    bottom: -5px
}

.page-wish-well .wrapper-box-wish-well .content-box .content .letter .input-wrapper.select-wrapper .select2-line {
    position: relative;
    bottom: 5px
}

.page-wish-well .wrapper-box-wish-well .content-box .content .line {
    margin-bottom: 11px;
    line-height: 25px
}

.page-wish-well .wrapper-box-wish-well .content-box .content .input-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: -8px
}

.page-wish-well .wrapper-box-wish-well .content-box .content .input-wrapper input {
    position: relative;
    border: 0;
    padding: 0;
    width: 60px;
    background-color: transparent;
    z-index: 1;
    top: -3px
}

.page-wish-well .wrapper-box-wish-well .content-box .content .input-wrapper input.custom-width {
    width: 300px
}

@media (max-width: 767px) {
    .page-wish-well .wrapper-box-wish-well .content-box .content .input-wrapper input.custom-width {
        width: 280px;
        max-width: 100%
    }
}

.page-wish-well .wrapper-box-wish-well .content-box .content .input-wrapper span {
    position: absolute;
    bottom: -1px;
    left: 0
}

.page-wish-well .wrapper-box-wish-well .content-box .content textarea {
    height: 96px;
    width: 100%;
    border-radius: 4px;
    padding: 20px 15px;
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: 400;
    border: solid 1px #151b26;
    resize: none;
    color: #151b26;
    opacity: .5
}

.page-wish-well .wrapper-box-wish-well .checkbox {
    position: relative;
    margin-bottom: 40px;
    padding-left: 35px
}

body.rtl .page-wish-well .wrapper-box-wish-well .checkbox {
    padding: 0 35px 0 0
}

.page-wish-well .wrapper-box-wish-well .checkbox label {
    font-size: 12px;
    font-weight: 400
}

.page-wish-well .wrapper-box-wish-well .checkbox label span {
    top: -5px
}

.page-wish-well .wrapper-box-wish-well input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0
}

.page-wish-well .wrapper-box-wish-well input[type=checkbox]:checked + .custom-checkbox {
    background-color: #ddd
}

.page-wish-well .wrapper-box-wish-well .custom-checkbox {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    border: solid 1px #151b26;
    vertical-align: middle
}

.page-wish-well .wrapper-box-wish-well .custom-checkbox + label {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.page-wish-well .wrapper-box-wish-well .submit {
    font-size: 14px;
    font-weight: 600;
    display: block;
    width: 165px;
    height: 53px;
    line-height: 53px;
    border-radius: 4px;
    text-align: center;
    background-color: #169ee3;
    margin: auto auto 30px;
    color: #fff
}

.page-wish-well .wrapper-box-wish-well .content-box .content .sender-wrapper {
    display: flex
}

.page-wish-well .wrapper-box-wish-well .content-box .content .sender-wrapper .input-wrapper span {
    bottom: -2px
}

.body-ewish .select2-container .select2-dropdown {
    width: 200px !important
}

.body-ewish .select2-container .select2-dropdown .select2-results__option {
    margin: 0;
    padding: 10px
}

@media (max-width: 767px) {
    .body-ewish .select2-container .select2-dropdown .select2-results__option {
        font-size: 12px
    }
}

.variants .row {
    margin-right: 10px;
    margin-left: 10px
}

.page-ebaby {
    padding-bottom: 40px;
    background-color: #f5f8fb
}

.page-ebaby .baby-info {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #151b26;
    padding: 0 10px 20px
}

.page-ebaby .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.page-ebaby .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-ebaby .wrapper-box-search {
    padding: 40px 150px;
    margin-bottom: 70px
}

@media (max-width: 991px) {
    .page-ebaby .wrapper-box-search {
        padding: 40px 100px;
        margin-bottom: 50px
    }
}

@media (max-width: 767px) {
    .page-ebaby .wrapper-box-search {
        padding: 20px 0
    }
}

.page-ebaby .wrapper-box-search .calendar, .page-ebaby .wrapper-box-search input, .page-ebaby .wrapper-box-search select {
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 30px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    color: #151b26;
    cursor: pointer
}

.page-ebaby .wrapper-box-search .select2 {
    margin-bottom: 20px;
    width: 100% !important
}

.page-ebaby .wrapper-box-search .calendar {
    position: relative;
    background: url(https://cdn.memorial.com.tr/files/images/icon@calendar.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) center;
    background-size: 24px;
    display: flex;
    justify-content: flex-start
}

body.rtl .page-ebaby .wrapper-box-search .calendar, body.rtl .page-ebaby .wrapper-box-search input, body.rtl .page-ebaby .wrapper-box-search select {
    background-position: 30px center
}

.page-ebaby .wrapper-box-search input:-ms-input-placeholder {
    color: #151b26
}

.page-ebaby .wrapper-box-search input::-ms-input-placeholder {
    color: #151b26
}

.page-ebaby .wrapper-box-search input::placeholder {
    color: #151b26
}

.page-ebaby .wrapper-box-search .calendar em {
    font-size: 24px
}

.page-ebaby .wrapper-box-search select {
    appearance: none;
    -webkit-appearance: none
}

.page-ebaby .wrapper-box-search input, .page-ebaby .wrapper-box-search select {
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) center;
    background-size: 24px
}

.page-ebaby .wrapper-box-search .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
    right: 30px
}

.page-ebaby .wrapper-box-search .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    color: #151b26
}

@media (max-width: 767px) {
    body:lang(en) .page-ebaby .wrapper-box-search .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 20px 0 0
    }
}

.page-ebaby .wrapper-box-search .button {
    font-size: 14px;
    line-height: 53px;
    font-weight: 700;
    display: block;
    margin: 30px auto auto;
    width: 335px;
    height: 53px;
    border-radius: 4px;
    text-align: center;
    background-color: #169ee3;
    color: #fff
}

.page-ebaby .wrapper-box-babys {
    padding: 80px;
    margin-bottom: 40px
}

@media (max-width: 1199px) {
    .page-ebaby .wrapper-box-babys {
        padding: 80px 40px
    }
}

@media (max-width: 991px) {
    .page-ebaby .wrapper-box-babys {
        padding: 20px 15px
    }
}

@media (max-width: 767px) {
    .page-ebaby .wrapper-box-babys {
        padding: 0;
        border-radius: inherit;
        border: 0;
        background-color: transparent
    }
}

.page-ebaby .wrapper-box-babys .tabs {
    position: relative;
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-ebaby .wrapper-box-babys .tabs-dd .select2 {
        width: 100% !important
    }
}

.page-ebaby .wrapper-box-babys .tabs a {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    padding: 0 20px 15px;
    position: relative;
    display: inline-block;
    color: #151b26
}

@media (max-width: 991px) {
    .page-ebaby .wrapper-box-babys .tabs a {
        font-size: 12px;
        padding-bottom: 10px
    }

    .page-ebaby .wrapper-box-babys .tabs a.active {
        margin-bottom: 10px
    }

    .page-ebaby .wrapper-box-babys .tabs a:after {
        left: 50% !important;
        transform: translateX(-50%)
    }
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons a:last-child, .page-ebaby .wrapper-box-babys .tabs a:last-child {
    margin-right: 0
}

.page-ebaby .wrapper-box-babys .item .content p span, .page-ebaby .wrapper-box-babys .tabs a.active, .page-healthpacks-detail .wrapper-box-form form button > em:before, .page-healthpacks-detail .wrapper-box-package-detail .item .collapse-content li span, .switch-tcno-pasaport label span.active {
    font-weight: 700
}

.page-ebaby .wrapper-box-babys .tabs a.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #169ee3
}

.page-ebaby .wrapper-box-babys .item {
    margin: 0 15px 20px 0
}

@media (max-width: 767px) {
    .page-ebaby .wrapper-box-babys .item {
        margin: 0 0 20px;
        border-radius: 4px;
        border: solid 1px #d4d7dd;
        background-color: #fff;
        padding: 20px 15px
    }

    .page-ebaby .wrapper-box-babys .row .col-12:nth-child(1) .item {
        border-top: none;
        border-radius: 0 0 4px 4px
    }
}

.page-ebaby .wrapper-box-babys .item .image-wrapper {
    position: relative;
    margin-bottom: 15px;
    height: 195px;
    border-radius: 4px
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .image-cover {
    border-radius: 4px
}

.page-ebaby .wrapper-box-babys .item .image-wrapper img {
    display: block;
    width: 100%
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    position: relative;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share .dropdown-button {
    height: 26px
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share .dropdown-button .svg-icon {
    width: 26px;
    height: 26px
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share .dropdown-button .svg-icon svg {
    width: 20px;
    height: 20px
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share .dropdown-content {
    right: 25px;
    top: 6px;
    left: inherit;
    transform: translateX(100%)
}

@media (max-width: 767px) {
    .page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share .dropdown-content {
        left: 25px;
        right: inherit;
        transform: translateX(-100%)
    }
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share .dropdown-content a {
    transition: opacity 500ms ease
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons .socialmedia-share .dropdown-content a:hover {
    opacity: .6;
    transition: opacity 500ms ease
}

.page-ebaby .wrapper-box-babys .item .image-wrapper .buttons > a {
    display: inline-block;
    margin-right: 4px;
    width: 35px;
    height: 35px
}

.page-ebaby .wrapper-box-babys .item .content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
    color: #151b26
}

.page-ebaby .wrapper-box-babys .item .content .comments {
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f5f8fb
}

.page-ebaby .wrapper-box-babys .item .content .comments .item {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center
}

.page-ebaby .wrapper-box-babys .item .content .comments .item span, .page-ebaby-comment .wrapper-box-comment .comments .comment span {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    font-weight: 700;
    margin-right: 10px;
    color: #169ee3
}

.page-ebaby .wrapper-box-babys .item .content .comments .item p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 10px;
    border-radius: 4px;
    margin-bottom: 0;
    background-color: #151b26;
    color: #fff
}

.page-ebaby .wrapper-box-babys .item .content .more {
    display: block;
    text-align: right;
    color: #151b26
}

.page-ebaby .wrapper-box-babys .item .content .more span {
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline
}

.page-ebaby .wrapper-box-babys .item .content .more em {
    font-size: 12px;
    vertical-align: middle
}

.empty-baby-list {
    width: 100%
}

.empty-baby-list p {
    color: #151b26;
    font-size: 28px;
    font-weight: 700
}

@media (max-width: 767px) {
    .empty-baby-list p {
        font-size: 14px
    }

    .empty-baby-list.empty-list-bg {
        border: solid 1px #d4d7dd;
        background-color: #fff;
        margin: 0 15px;
        padding: 20px 0;
        border-top: none;
        border-radius: 0 0 4px 4px
    }
}

.page-ebaby-comment {
    padding-top: 80px;
    padding-bottom: 40px;
    background-color: #f5f8fb
}

.page-ebaby-comment .wrapper:first-child {
    position: relative
}

.page-ebaby-comment .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-ebaby-comment .wrapper-box-comment {
    padding: 60px 180px
}

.page-ebaby-comment .wrapper-box-comment .img-name {
    margin-bottom: 40px
}

.page-ebaby-comment .wrapper-box-comment .img-name .image-cover {
    height: 195px
}

.page-ebaby-comment .wrapper-box-comment .name {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #151b26
}

.page-ebaby-comment .wrapper-box-comment .comments {
    height: 290px;
    padding: 10px 40px;
    margin-bottom: 25px;
    border-radius: 4px;
    background-color: #f5f8fb;
    overflow: auto
}

.page-ebaby-comment .wrapper-box-comment .comments .comment {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center
}

.page-ebaby-comment .wrapper-box-comment .comments .comment p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 8px 10px;
    border-radius: 4px;
    margin-bottom: 0;
    background-color: #151b26;
    color: #fff
}

.page-ebaby-comment .wrapper-box-comment form .item {
    margin-bottom: 25px
}

.page-ebaby-comment .wrapper-box-comment form label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    color: #151b26
}

.page-ebaby-comment .wrapper-box-comment form input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #151b2680;
    background-color: #fff;
    padding: 10px
}

.page-ebaby-comment .wrapper-box-comment form textarea {
    width: 100%;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff;
    padding: 10px;
    height: 100px;
    color: #151b26
}

.page-ebaby-comment .wrapper-box-comment form a {
    display: block;
    width: 278px;
    font-size: 16px;
    font-weight: 700;
    height: 53px;
    line-height: 53px;
    margin: 5px auto auto;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #169ee3
}

body.body-babies .datepicker-panel > ul > li[data-view='month current'] {
    width: 166px
}

body.body-babies .numInputWrapper {
    display: inline-block !important
}

.page-campains {
    padding: 80px 0 40px;
    background-color: #f5f8fb
}

@media (max-width: 767px) {
    .page-campains {
        padding: 20px 0 50px
    }
}

.page-campains .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-campains .search .actions .select2 {
    width: 100% !important
}

.page-campains .scrollable {
    position: relative;
    padding: 80px 0;
    background-color: #fff;
    margin-bottom: 40px
}

.page-campains .scrollable .title, .page-memorialtv-popular h3.title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #151b26
}

.page-campains .scrollable .scrollable-row {
    position: relative;
    flex-wrap: nowrap
}

.page-campains .scrollable .scrollable-row.slick-slider .slick-list {
    padding: 0 10% 0 0 !important
}

body.rtl .page-campains .scrollable .scrollable-row.slick-slider .slick-list {
    padding: 0 0 0 10% !important
}

@media (max-width: 767px) {
    .page-campains .scrollable .scrollable-row.slick-slider .slick-list {
        padding: 0 20% 0 0 !important
    }

    body.rtl .page-campains .scrollable .scrollable-row.slick-slider .slick-list {
        padding: 0 0 0 20% !important
    }
}

.page-campains .campains-slider .slick-prev, .page-campains .scrollable .scrollable-row.slick-slider .slick-dots {
    display: none !important
}

.page-campains .campains-slider .slick-list::after {
    content: '';
    width: 111px;
    height: 245px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    right: 0;
    top: 0
}

body.rtl .page-campains .campains-slider .slick-list::after, body.rtl .page-campains .scrollable .item .link > .icon, body.rtl .page-campains-detail .wrapper-box-same-campains .item .link > .icon {
    right: inherit;
    left: 0
}

@media (max-width: 1199px) {
    .page-campains .campains-slider .slick-list::after {
        width: 93px
    }
}

@media (max-width: 991px) {
    .page-campains .campains-slider .slick-list::after {
        width: 68px
    }
}

@media (max-width: 767px) {
    .page-campains .campains-slider .slick-list::after {
        display: none
    }
}

.page-campains .campains-slider .slick-list .slick-slide {
    margin-right: 20px
}

body.rtl .page-campains .campains-slider .slick-list .slick-slide {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .page-campains .campains-slider .slick-list .slick-slide {
        margin-right: 5px
    }

    body.rtl .page-campains .campains-slider .slick-list .slick-slide {
        margin: 0 0 0 5px
    }
}

.page-campains .campains-slider .slick-next {
    right: 30px
}

body.rtl .page-campains .campains-slider .slick-next {
    right: inherit;
    left: 30px
}

@media (max-width: 1199px) {
    .page-campains .campains-slider .slick-next {
        right: 20px
    }

    body.rtl .page-campains .campains-slider .slick-next {
        right: inherit;
        left: 20px
    }
}

.page-campains .scrollable .next {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 50%;
    line-height: 44px;
    background-color: #169ee3
}

body.rtl .page-campains .scrollable .next {
    right: inherit;
    left: 30px
}

.page-campains .scrollable .next em {
    font-size: 14px;
    vertical-align: middle;
    color: #fff
}

.page-campains .scrollable .item {
    position: relative;
    width: 278px
}

.page-campains .scrollable .item.passive .link, .page-campains .scrollable .item.passive img {
    opacity: .5
}

.page-campains .scrollable .item .img-wrapper {
    position: relative;
    margin-bottom: 6px;
    height: 185px
}

.page-campains .scrollable .item img {
    width: 100%;
    display: block
}

.page-campains .scrollable .item .img-wrapper .text {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    background-color: rgba(245, 248, 251, .5);
    color: #151b26;
    min-height: 62px;
    display: flex;
    align-items: center
}

.page-campains .scrollable .item > .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden
}

body.rtl .page-campains .scrollable .item > .link {
    padding: 0 20px 0 0
}

.page-campains .scrollable .item .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #169ee3;
    text-align: center
}

.page-campains .scrollable .item .link > .icon em, .page-campains-detail .wrapper-box-form .submit > .icon em, .page-campains-detail .wrapper-box-same-campains .item .link > .icon em {
    color: #fff
}

.page-campains .wrapper-box.search {
    padding: 40px
}

@media (max-width: 991px) {
    .page-campains .wrapper-box.search {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .page-campains .wrapper-box.search {
        padding: 20px 10px 0;
        border-top: none;
        border-radius: 0 0 4px 4px
    }
}

.page-campains .search .actions {
    margin-bottom: 40px
}

.page-campains .search input, .page-campains .search select {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-campains .search select {
    font-size: 14px;
    font-weight: 700;
    width: 335px;
    background-color: #fff
}

body.rtl .search-video .search-video-btn {
    right: inherit;
    left: 20px
}

.page-campains .search input {
    font-size: 16px;
    font-weight: 400;
    width: 100%
}

.page-campains .search .actions .select2-basic .select2-selection {
    height: 60px
}

.page-campains .wrapper-box.search input::-moz-placeholder, .page-campains .wrapper-box.search input::-webkit-input-placeholder, .page-campains .wrapper-box.search input::placeholder, .page-healthpacks .wrapper-box.search input::-moz-placeholder, .page-healthpacks .wrapper-box.search input::-webkit-input-placeholder, .page-healthpacks .wrapper-box.search input::placeholder {
    color: #151b26
}

.page-campains .wrapper-box.search .letters {
    margin: 0 20px
}

.page-campains .wrapper-box.search .letters li {
    display: inline-block
}

.page-campains .wrapper-box.search .letters li a {
    position: relative;
    text-align: center;
    display: inline-block;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #777
}

.page-campains .wrapper-box.search .letters li.selected a:after {
    content: '';
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 1px;
    background-color: #169ee3
}

.page-campains .wrapper-box.search .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin: 40px 0
}

@media (max-width: 991px) {
    .page-campains .wrapper-box.search .horizontal-line {
        display: none
    }
}

.page-campains .search .selected-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-campains .search .selected-title {
        font-weight: 700;
        font-size: 14px;
        margin-top: 15px
    }
}

.page-campains .search .empty-campaigns-list {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .page-campains .search .empty-campaigns-list {
        margin-bottom: 0;
        padding: 0 15px
    }
}

.page-campains .search .empty-campaigns-list, .page-campains .search .empty-campaigns-list p {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-campains .search .empty-campaigns-list, .page-campains .search .empty-campaigns-list p {
        font-weight: 700;
        font-size: 14px;
        margin-top: 15px
    }
}

.page-campains .search .item {
    position: relative;
    display: block;
    height: 210px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 4px
}

.page-campains .search .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #2f3a4e, #151b26);
    z-index: 1
}

@media (max-width: 767px) {
    .page-campains .search .item:before {
        display: none
    }
}

.page-campains .search .item .content {
    z-index: 2
}

.page-campains .search .item img {
    display: block;
    width: 100%;
    height: 100%
}

.page-campains .search .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center
}

.page-campains .search .content span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    height: 40px;
    padding: 0 5px
}

.page-campains-detail {
    background-color: #f5f8fb;
    padding-bottom: 50px
}

.page-campains-detail .wrapper:first-child {
    margin-top: -50px;
    position: relative
}

.page-campains-detail .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-campains-detail .wrapper-box-hospital {
    padding: 15px;
    margin-bottom: 80px;
    text-align: center
}

@media (max-width: 991px) {
    .page-campains-detail .wrapper-box-hospital {
        margin-bottom: 20px
    }
}

.page-campains-detail .wrapper-box-hospital .hospital-medical-unit-row {
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media (max-width: 767px) {
    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit-row {
        flex-direction: column
    }
}

.page-campains-detail .wrapper-box-hospital .hospital-medical-unit, .page-campains-detail .wrapper-box-hospital .hospital-medical-unit .img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit {
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around
    }

    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit:first-child {
        margin-bottom: 10px;
        padding-bottom: 10px;
        position: relative
    }

    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit:first-child::before {
        content: '';
        width: 85%;
        height: 1px;
        background-color: #d4d7dd;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit:last-child::before {
        display: none
    }
}

.page-campains-detail .wrapper-box-hospital .hospital-medical-unit .img {
    width: 48px;
    height: 48px;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit .img {
        width: 36px;
        height: 36px
    }
}

@media (max-width: 767px) {
    .page-campains-detail .wrapper-box-hospital .hospital-medical-unit .img {
        width: 24px;
        height: 24px
    }
}

.page-campains-detail .wrapper-box-hospital .hospital-medical-unit .img img {
    width: 100%;
    height: 100%
}

.page-campains-detail .wrapper-box-hospital span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: #151b26;
    display: block;
    margin-top: 10px
}

@media (max-width: 767px) {
    .page-campains-detail .wrapper-box-hospital span {
        min-width: 73%;
        margin-top: 0
    }
}

.page-campains-detail .wrapper-box-hospital em {
    font-size: 48px;
    margin-bottom: 15px;
    text-align: center;
    display: block
}

.page-campains-detail .hospital-medical-unit-validity-link {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #636c6e;
    text-decoration: underline;
    margin-top: 30px;
    display: block
}

@media (max-width: 767px) {
    .page-campains-detail .hospital-medical-unit-validity-link {
        font-size: 16px;
        margin-top: 20px
    }
}

.page-campains-detail .wrapper-box-content {
    position: relative;
    padding: 70px 80px 60px
}

.page-campains-detail .wrapper-box-content > p {
    font-size: 14px;
    line-height: 1.5
}

.page-campains-detail .wrapper-box-content > h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.page-campains-detail .wrapper-box-content > ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px
}

.page-campains-detail .wrapper-box-content img {
    width: 100%;
    height: auto
}

.page-campains-detail .wrapper-box-content .socialmedia-share {
    right: 40px;
    top: 20px
}

@media (max-width: 991px) {
    .page-campains-detail .wrapper-box-content .socialmedia-share {
        position: relative;
        right: 0;
        top: 0
    }
}

.page-campains-detail .wrapper-box-content .share {
    width: 88px;
    position: absolute;
    top: 20px;
    right: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    background-color: #169ee3
}

.page-campains-detail .wrapper-box-content .share em {
    font-size: 24px;
    line-height: 44px;
    color: #fff;
    vertical-align: middle
}

.page-campains-detail .wrapper-box-content .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 20px;
    color: #151b26
}

.page-campains-detail .wrapper-box-content .subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
    color: #151b26
}

.page-campains-detail .wrapper-box-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #151b26
}

.page-campains-detail .wrapper-box-content ul, .page-campains-detail .wrapper-box-content > p {
    margin-bottom: 20px
}

.page-campains-detail .hospital-medical-unit-wrapper {
    padding: 40px;
    margin-top: 30px
}

@media (max-width: 767px) {
    .page-campains-detail .hospital-medical-unit-wrapper {
        padding: 20px 15px
    }
}

.page-campains-detail .hospital-medical-unit-wrapper .title {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .page-campains-detail .hospital-medical-unit-wrapper .title {
        font-size: 16px
    }
}

.page-campains-detail .hospital-medical-unit-wrapper .other-hospital-unit-item {
    padding-left: 15px;
    margin-bottom: 20px
}

.page-campains-detail .hospital-medical-unit-wrapper .other-hospital-unit-item:last-child {
    margin-bottom: 0
}

.page-campains-detail .hospital-medical-unit-wrapper .other-hospital-unit-item .hospital-name {
    font-size: 16px;
    color: #151b26;
    position: relative;
    font-weight: 500;
    text-transform: uppercase
}

.page-campains-detail .hospital-medical-unit-wrapper .other-hospital-unit-item .hospital-name:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    width: 5px;
    height: 5px;
    background-color: #169ee3;
    border-radius: 50%
}

.page-campains-detail .hospital-medical-unit-wrapper .other-hospital-unit-item .unit-name {
    font-weight: 500;
    line-height: 1.8;
    color: #777
}

.page-campains-detail .wrapper-box-form {
    padding: 40px 80px;
    margin-top: 30px
}

.page-campains-detail .wrapper-box-form form button {
    cursor: pointer;
    display: inline-block;
    width: 280px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

.page-campains-detail .wrapper-box-form .description {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
    color: #151b26
}

.page-campains-detail .wrapper-box-form form, .page-healthpacks-detail .wrapper-box-form form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto
}

.page-campains-detail .wrapper-box-form form .item {
    margin-bottom: 27px;
    width: 350px
}

.page-campains-detail .wrapper-box-form form .item .iti--allow-dropdown {
    width: 350px
}

@media (max-width: 991px) {
    .page-campains-detail .wrapper-box-form form .item .iti--allow-dropdown {
        width: 100%
    }

    .page-campains-detail .wrapper-box-form form .item #example1 > div {
        margin: 0 auto
    }
}

.page-campains-detail .wrapper-box-form form .item:last-child {
    margin-bottom: 20px
}

.page-campains-detail .wrapper-box-form form .item.vertical-alignment {
    display: flex;
    flex-direction: column
}

.page-campains-detail .wrapper-box-form form .item.vertical-alignment .select2-container {
    width: 100% !important
}

.page-campains-detail .wrapper-box-form form label, .page-campains-detail .wrapper-box-newsletter label, .page-healthpacks-detail .wrapper-box-form form label {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
    color: #151b26
}

.page-campains-detail .wrapper-box-form form input, .page-campains-detail .wrapper-box-form form select, .page-campains-detail .wrapper-box-form form textarea {
    width: 350px;
    height: 50px;
    line-height: normal;
    padding: 10px 20px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff
}

.page-campains-detail .wrapper-box-form form textarea {
    resize: none;
    height: 150px
}

.page-campains-detail .wrapper-box-form form .bvalidator-insert-msg + .select2 .select2-selection, .page-campains-detail .wrapper-box-form form .select2-basic + .select2 .select2-selection {
    border: solid 1px rgba(21, 27, 38, .5);
    width: 350px
}

.page-campains-detail .wrapper-box-form form select {
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.page-campains-detail .wrapper-box-form .checkbox {
    position: relative;
    width: 72%;
    margin: 0 auto 20px
}

.page-campains-detail .wrapper-box-form .checkbox label {
    padding-left: 35px
}

.page-campains-detail .wrapper-box-form .checkbox label span {
    left: 0 !important
}

.page-campains-detail .wrapper-box-form input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0
}

.page-campains-detail .wrapper-box-form input[type=checkbox]:checked + .custom-checkbox {
    background-color: #ddd
}

.page-campains-detail .wrapper-box-form .custom-checkbox {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    border: solid 1px #151b26;
    vertical-align: middle
}

.page-campains-detail .wrapper-box-form .custom-checkbox + label, .page-healthpacks-detail .wrapper-box-form .custom-checkbox + label {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.page-campains-detail .wrapper-box-form .submit, .page-campains-detail .wrapper-box-newsletter button {
    font-size: 14px;
    height: 53px;
    line-height: 53px;
    display: block;
    border-radius: 4px;
    background-color: #169ee3;
    color: #fff
}

.page-campains-detail .wrapper-box-form .submit {
    position: relative;
    width: 165px;
    font-weight: 700;
    overflow: hidden
}

.page-campains-detail .wrapper-box-form .submit .checkbox {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    color: #fff
}

.page-campains-detail .wrapper-box-form .submit > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

.page-campains-detail .wrapper-box-same-campains {
    padding: 40px 0;
    margin-top: 80px;
    border: 0
}

.page-campains-detail .wrapper-box-same-campains .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #151b26
}

.page-campains-detail .wrapper-box-same-campains .item {
    margin-bottom: 40px
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-campains-detail .wrapper-box-same-campains .item {
        margin-bottom: 20px
    }
}

.page-campains-detail .wrapper-box-same-campains .item .img-wrapper {
    position: relative;
    margin-bottom: 6px
}

.page-campains-detail .wrapper-box-same-campains .item .image-cover {
    height: 180px
}

.page-campains-detail .wrapper-box-same-campains .item img {
    width: 100%;
    height: auto;
    display: block
}

.page-campains-detail .wrapper-box-same-campains .item .img-wrapper .text {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    background-color: rgba(245, 248, 251, .5);
    color: #151b26;
    min-height: 62px;
    display: flex;
    align-items: center
}

.page-campains-detail .wrapper-box-same-campains .item > .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden
}

body.rtl .page-campains-detail .wrapper-box-same-campains .item > .link {
    padding: 0 20px 0 0
}

.page-campains-detail .wrapper-box-same-campains .item .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #169ee3;
    text-align: center
}

.page-campains-detail .wrapper-box-same-campains .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

body.rtl .page-campains-detail .wrapper-box-same-campains .more {
    text-align: left
}

.page-campains-detail .specialist .content .more span, .page-campains-detail .wrapper-box-same-campains .more span, .page-memorialtv-popular .doctor-videos .more span {
    text-decoration: underline
}

.page-campains-detail .wrapper-box-same-campains .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

body.rtl .page-campains-detail .wrapper-box-same-campains .more em {
    margin: 0 5px 0 0
}

.page-campains-detail .wrapper-box-newsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    margin-top: 80px
}

.page-campains-detail .wrapper-box-newsletter p {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 40px;
    text-align: center;
    color: #151b26
}

.page-campains-detail .wrapper-box-newsletter input {
    width: 350px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-radius: 4px;
    border: solid 1px #151b2680;
    background-color: #fff
}

.page-campains-detail .wrapper-box-newsletter button {
    font-weight: 600;
    width: 278px;
    margin: 20px auto 0;
    text-align: center
}

@media (max-width: 767px) {
    .page-campains-detail .wrapper-box-newsletter button {
        width: 165px
    }
}

.page-campains-detail .wrapper-box-newsletter form .field .alert {
    margin-top: 20px
}

.page-campains-detail .specialist {
    margin-top: 80px
}

@media (max-width: 767px) {
    .page-campains-detail .specialist {
        margin-top: 50px
    }
}

.page-campains-detail .specialist .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #151b26
}

.page-campains-detail .specialist .content {
    background-color: #fff;
    padding: 40px
}

.page-campains-detail .specialist .content img {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.page-campains-detail .specialist .content .item {
    position: relative;
    min-height: 220px
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-campains-detail .specialist .content .item {
        margin-bottom: 30px
    }
}

.page-campains-detail .specialist .content .item .img-content {
    max-height: 220px;
    height: 220px;
    overflow: hidden
}

.page-campains-detail .specialist .content .item .details {
    width: 100%;
    padding: 10px 20px;
    position: absolute;
    background-color: rgba(21, 27, 38, .5);
    left: 0;
    bottom: 0 !important;
    min-height: 70px
}

@media (max-width: 767px) {
    .page-campains-detail .specialist .content .item .details {
        min-height: 60px
    }
}

.page-campains-detail .specialist .content .item .details .name {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff
}

.page-campains-detail .specialist .content .item .details .hospital-name, .page-campains-detail .specialist .content .item .details .job-title {
    font-size: 12px;
    color: #fff
}

.page-campains-detail .specialist .content .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 16px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #151b26;
    background-color: #ffc107;
    overflow: hidden;
    bottom: 5px
}

.page-campains-detail .specialist .content .link > .icon {
    font-size: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 54px;
    height: 100%;
    background-color: #ffc107;
    text-align: center
}

.page-campains-detail .specialist .content .link > .icon::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .1)
}

.page-campains-detail .specialist .content .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26;
    margin-top: 40px
}

.page-campains-detail .specialist .content .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-campains-detail .specialist .content .col-lg-3, .page-campains-detail .specialist .content .col-xs-12, .page-campains-detail .specialist .content col-12 {
        padding: 0 5px 0 0
    }
}

.specialist-picture {
    top: 100% !important
}

.page-memorialtv {
    padding-top: 40px;
    background-color: #f5f8fb
}

.page-memorialtv .image em {
    width: 36px;
    height: 36px
}

.page-memorialtv .search, .page-memorialtv-popular .page-doctors .doctor-articles article {
    margin-bottom: 40px
}

.page-memorialtv .search .select2-container {
    width: 100% !important
}

@media (max-width: 767px) {
    .page-memorialtv .search .select2-container {
        width: 100% !important
    }

    .page-memorialtv .search {
        margin-bottom: 0;
        flex-direction: column
    }

    .page-memorialtv .search .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px
    }

    .page-memorialtv .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        font-size: 14px
    }
}

.search-video {
    position: relative;
    width: 100%
}

@media (max-width: 767px) {
    .search-video {
        width: 100%
    }
}

.search-video .search-video-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

@media (max-width: 767px) {
    .search-video .search-video-btn {
        background-size: 18px;
        width: 18px;
        height: 18px;
        right: 10px
    }
}

.page-memorialtv input, .page-memorialtv select, .page-memorialtv-detail .search select {
    font-size: 16px;
    height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-memorialtv select, .page-memorialtv-detail .search select {
    font-weight: 700;
    width: 335px;
    margin-right: 20px;
    line-height: 60px;
    background-color: #fff
}

.page-memorialtv input {
    font-weight: 400;
    width: 100%;
    line-height: 50px
}

@media (max-width: 767px) {
    .page-memorialtv input {
        height: 50px;
        line-height: 48px;
        font-size: 14px;
        color: rgba(21, 27, 38, .5)
    }
}

.page-memorialtv .wrapper-box {
    border: 1px solid #d4d7dd;
    background-color: #fff
}

.page-memorialtv .wrapper-box-items {
    padding: 40px 40px 0;
    margin-bottom: 40px;
    border-radius: 4px
}

.page-memorialtv .wrapper-box-items .empty-baby-list, .page-memorialtv-detail .wrapper-box-doctor ul {
    margin-bottom: 20px
}

.page-memorialtv .item {
    margin-bottom: 40px;
    position: relative
}

@media (max-width: 767px) {
    .page-memorialtv .item {
        padding: 0 0 30px;
        display: flex;
        flex-direction: row;
        margin: 0 0 15px;
        border-bottom: 1px solid #d4d7dd
    }

    .page-memorialtv .wrapper-box-items ul li:last-child .item {
        margin: 0
    }
}

.page-memorialtv .item .image {
    position: relative;
    display: block
}

.page-memorialtv .item .image .image-cover {
    height: 130px;
    border-radius: 4px
}

@media (max-width: 1199px) {
    .page-memorialtv .item .image .image-cover {
        height: 105px
    }
}

@media (max-width: 991px) {
    .page-memorialtv .item .image .image-cover {
        height: 110px
    }
}

@media (max-width: 767px) {
    .page-memorialtv .item .image .image-cover {
        width: 130px;
        height: 70px
    }
}

.page-memorialtv .item .image img {
    display: block;
    width: 100%;
    border-radius: 4px
}

.page-memorialtv .item .image .icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-memorialtv .item .image .icon {
        max-height: 75px
    }
}

.page-memorialtv .item .content {
    padding: 10px;
    position: relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #d4d7dd;
    border-top: 0;
    background-color: #fff;
    height: 110px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-memorialtv .item .content {
        height: 125px
    }
}

@media (max-width: 767px) {
    .page-memorialtv .item .content {
        width: calc(100% - 130px);
        border: 0;
        height: auto;
        padding: 0 0 0 10px
    }
}

.page-memorialtv .testimonial-list .item .content {
    padding: 10px 30px 10px 10px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-memorialtv .testimonial-list .item .content {
        padding: 10px 40px 10px 10px
    }
}

.page-memorialtv .item .content .name, .page-memorialtv .item .time {
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #151b26;
    opacity: .5
}

.page-memorialtv .item .content .name {
    margin-bottom: 10px;
    padding-right: 25px
}

@media (max-width: 767px) {
    .page-memorialtv .item .content .name {
        font-size: 10px;
        margin: 10px 0 5px;
        padding-right: 15px
    }
}

.page-memorialtv .item .content .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-memorialtv .item .content .title {
        font-size: 12px;
        font-weight: 700;
        line-height: normal
    }
}

.page-memorialtv .item .content .icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .4)
}

@media (max-width: 767px) {
    .page-memorialtv .item .content .icon {
        right: 0;
        top: -10px
    }
}

.page-memorialtv .item .time {
    text-align: right;
    position: absolute;
    right: 10px;
    bottom: 10px
}

@media (max-width: 767px) {
    .page-memorialtv .item .time {
        right: auto;
        left: 0;
        font-size: 10px;
        font-weight: 400
    }
}

.page-memorialtv-detail {
    padding-top: 20px;
    background-color: #f5f8fb
}

.page-memorialtv-detail .wrapper-box {
    border: 1px solid #d4d7dd;
    background-color: #fff
}

.page-memorialtv-detail .wrapper-box-video {
    padding: 10px 40px 40px;
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-video {
        padding: 15px;
        border: 0;
        border-radius: 4px;
        margin-bottom: 15px
    }
}

.page-memorialtv-detail .wrapper-box-video .video-js {
    width: inherit !important;
    min-height: inherit !important
}

.page-memorialtv-detail .wrapper-box-video a {
    position: relative;
    margin-bottom: 40px;
    display: block;
    color: #151b26
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-video a {
        margin-bottom: 15px
    }
}

.all-doctors-text {
    max-width: 1140px;
    text-align: right;
    padding: 0 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f5f8fb
}

@media (max-width: 767px) {
    .all-doctors-text {
        width: 100%;
        padding: 15px 15px 0
    }
}

.all-doctors-text > .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    color: #151b26;
    display: flex;
    margin-top: 5px;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .all-doctors-text > .more {
        font-size: 16px;
        text-align: left;
        justify-content: flex-start
    }
}

.all-doctors-text > .more > span {
    text-decoration: underline;
    margin-right: 10px
}

.all-doctors-text > .more > .icon-right {
    margin-top: 3px
}

.all-doctors-text > .more > .icon-right::before {
    font-size: 14px
}

.page-memorialtv-detail .wrapper-box-video img {
    width: 100%;
    display: block
}

.page-memorialtv-detail .wrapper-box-video .icon, .page-memorialtv-popular .doctor-videos .item .img-wrapper em {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.page-memorialtv-detail .wrapper-box-video .icon em {
    font-size: 90px;
    color: #fff
}

.page-memorialtv-detail .wrapper-box-video .question {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 20px;
    color: #151b26;
    position: relative;
    padding-right: 50px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-video .question {
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 15px;
        padding-right: 25px
    }
}

.page-memorialtv-detail .wrapper-box-video .favori-icon {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .4);
    cursor: pointer
}

@media (max-width: 991px) {
    .page-memorialtv-detail .wrapper-box-video .favori-icon {
        width: 24px;
        height: 24px
    }
}

.page-memorialtv-detail .wrapper-box-video .favori-icon img {
    width: initial
}

.page-memorialtv-detail .wrapper-box-video .doctor {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-video .doctor {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.33
    }
}

.content-page .wrapper .page-content p.no-matgin, .page-memorialtv-detail .wrapper-box-video .doctor a.mb-0, .text-content-img .promotion-content-text ul li p {
    margin-bottom: 0
}

.page-memorialtv-detail .wrapper-box-video .doctor em, .page-memorialtv-detail .wrapper-box-video .question em {
    margin-right: 20px;
    display: inline-block;
    width: 36px;
    height: 36px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-video .doctor em, .page-memorialtv-detail .wrapper-box-video .question em {
        width: 24px;
        height: 24px;
        margin-right: 8px
    }
}

.page-memorialtv-popular {
    padding-top: 80px;
    background-color: #f5f8fb
}

@media (max-width: 767px) {
    .page-memorialtv-popular {
        padding-top: 20px
    }
}

.page-memorialtv-popular .page-memorialtv-popular-bg {
    padding-top: 80px;
    background-color: #fff
}

@media (max-width: 767px) {
    .page-memorialtv-popular .page-memorialtv-popular-bg {
        padding-top: 20px
    }
}

.page-memorialtv-popular .container {
    overflow: hidden
}

@media (max-width: 767px) {
    .page-memorialtv-popular h3.title {
        font-size: 20px;
        font-weight: 700
    }
}

.page-memorialtv-popular .doctor-videos {
    margin: 20px 0 80px
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos {
        margin: 20px -15px 45px 0
    }

    body.rtl .page-memorialtv-popular .doctor-videos {
        margin: 20px 0 45px -15px
    }
}

.page-memorialtv-popular .doctor-videos .slick-list {
    padding: 23px 135px 0 0 !important;
    position: relative
}

body.rtl .page-memorialtv-popular .doctor-videos .slick-list {
    padding: 23px 0 0 135px !important
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .slick-list {
        padding: 0 70px 0 0 !important
    }

    body.rtl .page-memorialtv-popular .doctor-videos .slick-list {
        padding: 0 0 0 70px !important
    }
}

.page-memorialtv-popular .doctor-videos .slick-list::before {
    content: '';
    width: 135px;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    background-color: rgba(255, 255, 255, .5)
}

body.rtl .page-memorialtv-popular .doctor-videos .slick-list::after, body.rtl .page-memorialtv-popular .doctor-videos .slick-list::before, body.rtl .promotion .scrollable .slick-slider .item > .link > .icon {
    right: inherit;
    left: 0
}

@media (max-width: 991px) {
    .page-memorialtv-popular .doctor-videos .slick-list::before {
        display: none
    }
}

.page-memorialtv-popular .doctor-videos .slick-list::after {
    content: '';
    width: 135px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .5)
}

@media (max-width: 991px) {
    .page-memorialtv-popular .doctor-videos .slick-list::after {
        display: none
    }
}

.page-memorialtv-popular .doctor-videos .slick-slide {
    margin-right: 20px
}

body.rtl .page-memorialtv-popular .doctor-videos .slick-slide {
    margin: 0 0 0 20px
}

.page-memorialtv-popular .doctor-videos .slick-prev {
    left: 40px
}

.page-memorialtv-popular .doctor-videos .slick-next {
    right: 40px;
    width: 44px;
    height: 44px
}

body.rtl .page-memorialtv-popular .doctor-videos .slick-next {
    right: inherit;
    left: 40px
}

.page-memorialtv-popular .doctor-videos .slick-next em {
    align-items: center;
    justify-content: center;
    height: 15px;
    padding-left: 2px
}

body.rtl .page-memorialtv-popular .doctor-videos .slick-next em {
    padding: 0 2px 0 0
}

.page-memorialtv-popular .doctor-videos .slick-dots {
    position: absolute;
    left: 0;
    bottom: -20px
}

body.rtl .page-memorialtv-popular .doctor-videos .slick-dots {
    left: inherit;
    right: 0
}

.page-memorialtv-popular .doctor-videos .slick-dots li {
    float: left;
    margin: 0 3px;
    width: 7px;
    height: 7px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 100%;
    transition: all .3s linear
}

.page-memorialtv-popular .doctor-videos .slick-dots li.slick-active {
    width: 25px;
    border-radius: 7px;
    background-color: #000
}

.page-memorialtv-popular .doctor-videos .slick-dots button {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    display: block;
    text-indent: -9999px;
    outline: 0;
    background: 0 0 !important
}

.page-memorialtv-popular .doctor-videos > .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #151b26
}

.page-memorialtv-popular .doctor-videos .items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px
}

.page-memorialtv-popular .doctor-videos .item {
    padding: 0 25px 25px;
    width: 350px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-right: 20px;
    height: 250px;
    position: relative
}

body.rtl .page-healthpacks-detail .wrapper-select .choose-package-slider .item a, body.rtl .page-memorialtv-popular .doctor-videos .item {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item {
        padding: 0
    }
}

.page-memorialtv-popular .doctor-videos .item .img-wrapper {
    position: relative;
    display: block;
    margin: -25px 0 5px
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .img-wrapper {
        margin: 0
    }
}

.page-memorialtv-popular .doctor-videos .item .img-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 4px
}

.page-memorialtv-popular .doctor-videos .item .img-wrapper .bg-icon-play {
    background-image: url(https://cdn.memorial.com.tr/files/images/youtube-w.svg);
    width: 90px;
    height: 63px;
    background-size: 90px 63px
}

.page-memorialtv-popular .doctor-videos .item .img-wrapper .image-cover {
    height: 135px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .img-wrapper .image-cover {
        height: 124px
    }
}

.page-memorialtv-popular .doctor-other-videos .item .img-wrapper .image-cover {
    height: 165px
}

@media (max-width: 1199px) {
    .page-memorialtv-popular .doctor-other-videos .item .img-wrapper .image-cover {
        height: 160px
    }
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-other-videos .item .img-wrapper .image-cover {
        height: 130px;
        width: auto
    }
}

.page-memorialtv-popular .doctor-videos .item img {
    width: 100%;
    display: block;
    border-radius: 4px
}

.page-memorialtv-popular .doctor-videos .item .img-wrapper em {
    width: 48px;
    height: 48px;
    color: #fff;
    z-index: 2
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .img-wrapper em {
        font-size: 48px
    }
}

.page-memorialtv-popular .doctor-videos .item .branch {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #151b26;
    opacity: .5;
    padding: 10px 25px 10px 0
}

body.rtl .page-memorialtv-popular .doctor-videos .item .branch {
    padding: 10px 0 10px 25px
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .branch {
        padding: 0 35px 0 10px;
        margin: 15px 0 10px
    }

    body.rtl .page-memorialtv-popular .doctor-videos .item .branch {
        padding: 0 10px 0 35px
    }
}

.page-memorialtv-popular .doctor-videos .item .title {
    font-size: 16px;
    display: block;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .title {
        padding: 0 10px
    }
}

.page-memorialtv-popular .doctor-videos .item .title h2 {
    font-size: 16px;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .title h2 {
        font-size: 14px
    }
}

.page-memorialtv-popular .doctor-videos .item p {
    font-size: 12px;
    font-weight: 400;
    color: #151b26;
    opacity: .5
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item p {
        padding: 0 10px;
        display: none
    }
}

.page-memorialtv-popular .doctor-videos .item .time, .page-memorialtv-popular .doctor-videos.doctor-other-videos .item .time, .page-memorialtv-popular-detay .triple .item p {
    display: none
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos.doctor-other-videos .item .time {
        display: block;
        opacity: .5;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        color: #151b26;
        position: absolute;
        right: 10px;
        left: inherit;
        bottom: 10px
    }

    body.rtl .page-memorialtv-popular .doctor-videos.doctor-other-videos .item .time {
        right: inherit;
        left: 10px
    }
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .time {
        display: block;
        opacity: .5;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        color: #151b26;
        position: absolute;
        right: 10px;
        bottom: 10px
    }

    body.rtl .page-memorialtv-popular .doctor-videos .item .time {
        right: inherit;
        left: 10px
    }
}

.page-memorialtv-popular .doctor-videos .item .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .4);
    cursor: pointer
}

body.rtl .page-memorialtv-popular .doctor-videos .item .icon {
    right: inherit;
    left: 20px
}

@media (max-width: 767px) {
    .page-memorialtv-popular .doctor-videos .item .icon {
        transform: translateY(15px)
    }
}

.page-memorialtv-popular .doctor-videos .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

body.rtl .page-memorialtv-popular .doctor-videos .more {
    text-align: left
}

.page-memorialtv-popular .doctor-videos .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

body.rtl .page-memorialtv-popular .doctor-videos .more em {
    margin: 0 5px 0 0
}

.page-memorialtv-popular .page-doctors .doctor-articles {
    margin-top: 40px;
    margin-bottom: 0
}

.page-memorialtv-popular .page-doctors .doctor-articles article .content {
    padding-bottom: 30px
}

.page-memorialtv-popular .page-doctors .doctor-articles article .fav {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    text-align: center;
    background-color: #fff
}

.page-memorialtv-popular .page-doctors .doctor-articles article .fav em {
    font-size: 20px;
    color: #169ee3
}

.page-memorialtv-popular .page-doctors .page-doctor-videos {
    padding: 60px 20px 40px;
    margin-bottom: 0
}

.page-memorialtv-popular .page-doctors .page-doctor-videos .item {
    margin-bottom: 65px;
    width: 350px
}

.page-memorialtv-popular-detay {
    padding: 0 0 80px
}

@media (max-width: 767px) {
    .page-memorialtv-popular-detay {
        padding: 20px 0 0;
        background-color: #fff;
        margin-bottom: 50px
    }
}

.page-memorialtv-popular-detay h3.title {
    margin-bottom: 65px
}

@media (max-width: 767px) {
    .page-memorialtv-popular-detay h3.title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px
    }
}

.page-memorialtv-popular-detay .doctor-videos {
    display: flex;
    justify-content: flex-start;
    margin: 20px 0 40px
}

@media (max-width: 767px) {
    .page-memorialtv-popular-detay .doctor-videos {
        display: block;
        justify-content: inherit
    }
}

.page-memorialtv-popular-detay .triple .item {
    display: block;
    justify-content: inherit;
    height: auto;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-memorialtv-popular-detay .triple .item {
        height: 250px !important
    }
}

.corporate .corporate-boxes a:last-child, .page-memorialtv-popular-detay .triple .item:last-child {
    margin-right: 0
}

.page-memorialtv-popular-detay .triple .item img.icon {
    min-height: inherit;
    padding: 0;
    transform: translateY(22px)
}

@media (max-width: 991px) {
    .page-memorialtv-popular-detay .triple .item img.icon {
        transform: translateY(25px)
    }
}

@media (max-width: 767px) {
    .page-memorialtv-popular-detay .triple .item img.icon {
        transform: translateY(20px)
    }
}

.page-memorialtv-popular-detay .triple .more {
    width: 100%;
    padding-right: 20px
}

.page-memorialtv-popular-detay .triple:last-child {
    padding-bottom: 0
}

@media (max-width: 767px) {
    .page-memorialtv-popular-detay .triple .more {
        margin-top: 0;
        font-size: 16px
    }
}

.page-memorialtv-detail .wrapper-box-doctor {
    position: relative;
    padding: 40px;
    margin-bottom: 80px;
    background: #151b26 url(https://cdn.memorial.com.tr/files/images/image-doktorarkaplan@2x.jpg) no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor {
        padding: 20px 5px;
        margin-bottom: 50px
    }
}

.page-memorialtv-detail .wrapper-box-doctor .image {
    display: block;
    margin-right: 30px;
    height: 335px;
    overflow: hidden;
    border-radius: 4px
}

@media (max-width: 991px) {
    .page-memorialtv-detail .wrapper-box-doctor .image {
        padding-right: 20px
    }
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor .image {
        padding-right: 0
    }
}

.page-memorialtv-detail .wrapper-box-doctor .image img {
    width: 369px;
    display: block
}

.page-memorialtv-detail .wrapper-box-doctor .hospital-name {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #169ee3
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor .hospital-name {
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }
}

.page-memorialtv-detail .wrapper-box-doctor .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor .title {
        font-size: 14px;
        font-weight: 700;
        line-height: normal
    }
}

.page-memorialtv-detail .wrapper-box-doctor .name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor .name {
        font-size: 14px;
        font-weight: 700;
        line-height: normal
    }
}

.page-memorialtv-detail .wrapper-box-doctor .branch {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    color: #fff
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor .branch {
        font-size: 12px;
        font-weight: 400;
        line-height: normal
    }
}

.page-memorialtv-detail .deseases-treatments-content {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .page-memorialtv-detail .deseases-treatments-content {
        flex-direction: column
    }
}

.page-memorialtv-detail .deseases-treatments-content .deseases-treatments-list:first-child {
    margin-right: 20px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .deseases-treatments-content .deseases-treatments-list:first-child {
        margin-right: 0
    }
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .item a.active .package-name, .page-healthpacks-detail .wrapper-select .choose-package-slider .item a.active em, .page-memorialtv-detail .deseases-treatments-content .deseases-treatments-list .title {
    color: #fff
}

.page-memorialtv-detail .wrapper-box-doctor ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor div {
        width: 100%;
        margin: 0
    }
}

.page-memorialtv-detail .wrapper-box-doctor .button {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    width: 290px;
    color: #151b26;
    height: 54px;
    padding: 0 20px;
    border-radius: 4px;
    background-color: #ffc107;
    box-shadow: 0 0 9px rgba(255, 193, 7, .5)
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-doctor .button {
        width: 100%
    }
}

.page-memorialtv-detail .wrapper-box-doctor .link {
    font-weight: 700;
    font-size: 16px;
    width: 110px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.page-memorialtv-detail .wrapper-box-doctor .link .icon em {
    font-size: 12px
}

.page-memorialtv-detail .wrapper-box-doctor .button .text {
    display: inline-block;
    flex: 1
}

.page-memorialtv-detail .wrapper-box-doctor .button .icon em {
    width: 20px;
    height: 20px
}

.page-healthpacks-detail .wrapper-box-form form button > em, .page-memorialtv-detail .wrapper-box-doctor .button .icon.left {
    margin-right: 10px
}

.page-memorialtv-detail .wrapper-box-doctor .button .icon.right em {
    width: 16px;
    height: 16px
}

.page-memorialtv-detail .wrapper-box-doctor .justify-content-center {
    justify-content: center !important
}

.empty-video-list, .page-memorialtv-detail .search {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .search {
        display: block;
        justify-content: inherit;
        margin-bottom: 0
    }
}

.page-memorialtv-detail .search .select2-container {
    width: 100% !important
}

.page-memorialtv-detail .search .select2-basic.select2-h60 + .select2 .select2-selection {
    height: 60px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .search .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px
    }
}

.page-memorialtv-detail .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    line-height: 58px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        font-size: 14px
    }
}

.page-memorialtv-detail .search .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
    height: 60px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .search .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
        height: 50px
    }

    .page-memorialtv-detail .search .search-video {
        margin-top: 10px
    }
}

.page-memorialtv-detail .search .search-video input {
    height: 60px;
    line-height: 48px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .search .search-video input {
        height: 50px;
        font-size: 14px
    }
}

.page-healthpacks .search input, .page-healthpacks .search select, .page-memorialtv-detail .search input {
    height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.page-memorialtv-detail .search input {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    line-height: 50px;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25)
}

.page-memorialtv-detail .wrapper-box-items {
    padding: 40px 40px 0;
    margin-bottom: 40px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .wrapper-box-items {
        border-top: none;
        border-radius: 0 0 4px 4px;
        padding: 20px 15px 0
    }
}

.page-memorialtv-detail .item {
    margin-bottom: 40px;
    position: relative
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item {
        padding: 0 0 30px;
        display: flex;
        flex-direction: row;
        margin: 0 0 15px;
        border-bottom: 1px solid #d4d7dd
    }
}

.page-memorialtv-detail .item .image {
    position: relative;
    display: block
}

.page-memorialtv-detail .item .image-cover {
    height: 130px;
    border-radius: 4px
}

@media (max-width: 1199px) {
    .page-memorialtv-detail .item .image-cover {
        height: 105px
    }
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item .image-cover {
        width: 130px;
        height: 70px
    }
}

.page-memorialtv-detail .item .image img {
    display: block;
    width: 100%;
    border-radius: 4px
}

.page-memorialtv-detail .item .image .icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.page-memorialtv-detail .item .image .icon em {
    width: 48px;
    height: 48px;
    color: #fff;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item .image .icon em {
        font-size: 24px
    }
}

.page-memorialtv-detail .item .content {
    padding: 10px;
    position: relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #d4d7dd;
    border-top: 0;
    background-color: #fff;
    height: 110px
}

@media (max-width: 1199px) {
    .page-memorialtv-detail .item .content {
        height: 125px
    }
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item .content {
        width: calc(100% - 130px);
        border: 0;
        height: auto;
        padding: 0 0 0 10px
    }
}

.page-memorialtv-detail .testimonial-list .item .content {
    padding: 10px 30px 10px 10px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-memorialtv-detail .testimonial-list .item .content {
        padding: 10px 40px 10px 10px
    }
}

.page-memorialtv-detail .item .content .name {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: #151b26;
    opacity: .5;
    padding-right: 28px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item .content .name {
        font-size: 10px;
        margin: 10px 0 5px;
        padding-right: 10px
    }
}

.page-memorialtv-detail .item .content .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item .content .title {
        font-size: 12px;
        font-weight: 700;
        line-height: normal
    }
}

.page-memorialtv-detail .item .content .icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .4)
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item .content .icon {
        right: 0;
        top: -10px
    }
}

.page-memorialtv-detail .item .time {
    font-size: 12px;
    font-weight: 500;
    display: block;
    text-align: right;
    color: #151b26;
    opacity: .5;
    position: absolute;
    right: 10px;
    bottom: 10px
}

@media (max-width: 767px) {
    .page-memorialtv-detail .item .time {
        right: auto;
        left: 0;
        font-size: 10px;
        font-weight: 400;
        text-align: left
    }
}

@media (max-width: 767px) {
    .empty-video-list {
        margin-bottom: 0
    }
}

.empty-video-list p {
    font-size: 28px;
    line-height: normal;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 767px) {
    .empty-video-list p {
        font-size: 14px
    }
}

.page-doctors .doctor-videos .item p {
    font-size: 12px;
    display: block;
    display: -webkit-box;
    font-weight: 500;
    color: rgba(21, 27, 38, .5);
    max-height: 100px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 767px) {
    .page-doctors .doctor-videos .item p {
        display: none
    }

    .page-doctors .articles .triple .items .articles-items .slick-list .slick-slide .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: unset
    }
}

.page-healthpacks {
    padding: 40px 0 50px;
    background-color: #f5f8fb
}

@media (max-width: 767px) {
    .page-healthpacks {
        padding: 0 0 50px;
        margin-top: -80px
    }
}

.page-healthpacks .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .page-healthpacks .wrapper-box {
        padding: 10px 10px 0 !important;
        border-top: none;
        border-radius: 0 0 4px 4px
    }
}

.page-healthpacks .image-border {
    border: 1px solid transparent;
    border-radius: 1px;
    margin-top: 30px
}

@media (max-width: 767px) {
    .page-healthpacks .image-border {
        margin-top: 0
    }
}

.page-healthpacks .wrapper-box.search {
    padding: 40px
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-healthpacks .wrapper-box.search {
        padding: 30px !important;
        background-color: #fff;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .page-healthpacks .wrapper-box.search {
        padding: 20px 9px 0 !important;
        position: relative;
        z-index: 1;
        border-radius: 0 0 4px 4px
    }
}

.page-healthpacks .search input, .page-healthpacks .search select {
    line-height: 60px
}

.page-healthpacks .search select {
    font-size: 14px;
    font-weight: 700;
    width: 335px;
    margin-right: 40px;
    background-color: #fff
}

.page-healthpacks .search .search-healthpacks {
    position: relative
}

.page-healthpacks .search input {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-healthpacks .search input {
        height: 50px;
        padding-left: 10px;
        line-height: 50px
    }
}

.page-healthpacks .search .search-healthpacks-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 17px;
    cursor: pointer
}

@media (max-width: 767px) {
    .page-healthpacks .search .search-healthpacks-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 15px
    }
}

@media (max-width: 1199px) {
    .page-healthpacks .search .select2 {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    .page-healthpacks .search .select2 {
        width: 100% !important;
        margin-bottom: -1px;
        padding-bottom: 10px;
        border: solid 1px #d4d7dd;
        border-bottom: 0;
        border-top: 0;
        border-radius: 4px 4px 0 0
    }

    .page-healthpacks .select2-basic.select2-h60 + .select2 .select2-selection, .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
        height: 50px !important;
        border-left: none;
        border-right: none
    }
}

.page-healthpacks .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    color: #151b26
}

@media (max-width: 767px) {
    .page-healthpacks .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px
    }
}

.page-healthpacks .wrapper-box.search .letters {
    margin: 0 20px
}

.page-healthpacks .wrapper-box.search .letters ul {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #f5f8fb;
    border-radius: 4px;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    .page-healthpacks .wrapper-box.search .letters ul {
        justify-content: center
    }
}

.page-healthpacks .wrapper-box.search .letters li {
    display: inline-block
}

.page-healthpacks .wrapper-box.search .letters li a {
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #777
}

.page-healthpacks .wrapper-box.search .letters li.selected a:after {
    content: '';
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 1px;
    background-color: #169ee3
}

.page-healthpacks .wrapper-box.search .horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #d4d7dd;
    margin: 40px 0
}

.page-healthpacks .search .selected-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-healthpacks .wrapper-box.search .row .image-border:first-of-type .item .content {
        border-top: 1px solid #d8d8d8
    }
}

.page-healthpacks .search .item {
    position: relative;
    display: block;
    height: 230px;
    overflow: hidden;
    margin-bottom: 20px
}

@media (max-width: 1199px) {
    .page-healthpacks .search .item {
        height: 190px
    }
}

@media (max-width: 991px) {
    .page-healthpacks .search .item {
        height: 145px
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box-content .slider-timeline-item ul li:last-child, .page-healthpacks .search .item:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-healthpacks .search .item.image-cover {
        height: auto;
        background: 0 0
    }
}

.page-healthpacks .search .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 767px) {
    .page-healthpacks .search .item img {
        display: none
    }
}

.page-healthpacks .search .content {
    position: relative;
    width: 150px;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 991px) {
    .page-healthpacks .search .content {
        width: 132px
    }
}

@media (max-width: 767px) {
    .page-healthpacks .search .content {
        width: 100%;
        position: relative;
        justify-content: flex-start;
        padding: 15px 0;
        border-bottom: 1px solid #d8d8d8
    }
}

.page-healthpacks .search .content span {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

@media (max-width: 767px) {
    .page-healthpacks .search .content span {
        color: #151b26;
        font-weight: 400
    }
}

.page-healthpacks-detail {
    padding-bottom: 40px;
    background-color: #f5f8fb;
    margin-top: -50px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .buttons-contact .button {
        width: 120px !important;
        padding: 0 !important;
        text-align: center !important
    }

    .page-healthpacks-detail .buttons-contact .button.modal-trigger {
        margin-right: 10px
    }

    .page-healthpacks-detail .buttons-contact .button em {
        display: none !important
    }
}

.page-healthpacks-detail .wrapper:first-child {
    position: relative
}

.page-healthpacks-detail .wrapper-box, .page-healthpacks-detail .wrapper-select .choose-package-slider .item a {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    position: relative
}

.page-healthpacks-detail .wrapper-box.about {
    padding: 80px;
    margin-bottom: 40px;
    position: relative
}

.page-healthpacks-detail .wrapper-box.about .healthpacks-about-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

.page-healthpacks-detail .wrapper-box .content-buttons {
    position: absolute;
    top: 20px;
    right: 40px
}

.page-healthpacks-detail .wrapper-box .content-buttons .button {
    width: 88px;
    height: 44px;
    border-radius: 4px;
    background-color: #169ee3;
    display: inline-block;
    text-align: center;
    padding-top: 8px
}

.page-healthpacks-detail .wrapper-box .content-buttons .button img {
    max-width: 100%
}

.page-healthpacks-detail .wrapper-box.about p, .page-healthpacks-detail .wrapper-box.summary p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 22px;
    color: #151b26
}

.page-healthpacks-detail .wrapper-select {
    margin: 60px 0 40px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select {
        margin: 40px 0
    }
}

.page-healthpacks-detail .wrapper-select .select-package .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select .select-package .title {
        font-size: 20px
    }
}

@media (max-width: 991px) {
    .page-healthpacks-detail .wrapper-select .choose-package-slider.m-choose-package-slider {
        display: flex;
        overflow-x: scroll
    }

    .page-healthpacks-detail .wrapper-select .choose-package-slider.m-choose-package-slider .item {
        width: 100px;
        min-width: calc(33% + 30px)
    }
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .slick-track {
    margin: initial
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .slick-list {
    padding: 0 10% 0 0 !important
}

body.rtl .page-healthpacks-detail .wrapper-select .choose-package-slider .slick-list {
    padding: 0 0 0 10% !important
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .item a {
    padding: 25px 25px 25px 12.5px;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    height: 135px;
    margin-right: 20px;
    display: block
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select .choose-package-slider .item a {
        padding: 20px 17px 20px 12px;
        margin-right: 5px
    }

    body.rtl .page-healthpacks-detail .wrapper-select .choose-package-slider .item a {
        margin: 0 0 0 5px;
        padding: 20px 12px 20px 17px
    }
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .item a .package-name {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: #169ee3
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select .choose-package-slider .item a .package-name {
        margin-bottom: 5px;
        font-size: 14px
    }
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .item a em {
    font-size: 14px;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #000
}

body.rtl .page-healthpacks-detail .wrapper-select .choose-package-slider .item a em {
    right: inherit;
    left: 15px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select .choose-package-slider .item a em {
        font-size: 11px;
        top: 13px;
        right: 10px
    }

    body.rtl .page-healthpacks-detail .wrapper-select .choose-package-slider .item a em {
        right: inherit;
        left: 10px
    }
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .item a.active {
    background-color: #169ee3;
    border: 0
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .slick-prev {
    display: none !important
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .slick-next {
    position: absolute;
    right: -1px;
    top: 0;
    width: 110px;
    height: 100% !important;
    border: unset;
    outline: 0;
    cursor: pointer;
    text-indent: -9999px;
    background: rgba(0, 0, 0, .4) url(https://cdn.memorial.com.tr/files/images/icon@arrow-thin.svg) no-repeat center;
    transform: none;
    border-radius: 5px 0 0 5px
}

body.rtl .page-healthpacks-detail .wrapper-select .choose-package-slider .slick-next {
    right: inherit;
    left: -1px
}

@media (max-width: 1199px) {
    .page-healthpacks-detail .wrapper-select .choose-package-slider .slick-next {
        width: 68px
    }
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select .choose-package-slider .slick-next {
        display: none !important
    }
}

.page-healthpacks-detail .wrapper-select .choose-package-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: -20px
}

body.rtl .page-healthpacks-detail .wrapper-select .choose-package-slider .slick-dots, body.rtl .promotion .content-promotion ul li:before {
    left: inherit;
    right: 0
}

.page-healthpacks-detail .wrapper-select .package-message {
    text-align: center;
    background-color: #fff;
    border-radius: 0 0 4px;
    border: solid 1px #d4d7dd;
    padding: 20px 15px;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #151b26;
    margin-top: 20px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select .package-message {
        margin-top: 40px
    }
}

.page-healthpacks-detail .wrapper-select-info {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-select-info {
        padding: 20px 15px;
        margin: 40px 0 20px
    }
}

.page-healthpacks-detail .doctors-other-page {
    opacity: 1
}

@media (max-width: 991px) {
    .page-healthpacks-detail .doctors-other-page {
        margin-top: 40px !important
    }
}

@media (max-width: 767px) {
    .page-healthpacks-detail .doctors-other-page {
        margin-top: 50px !important;
        border: 0;
        background-color: transparent;
        padding: 0;
        margin: 0 -15px 0 0
    }
}

.page-healthpacks-detail .doctors-other-page .doctor-list {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .page-healthpacks-detail .doctors-other-page .doctor-list {
        display: block
    }
}

.page-healthpacks-detail .doctors-other-page .doctor-list .item-wrapper {
    flex: 0 0 33.333%;
    max-width: 33.33%;
    padding: 0 15px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .doctors-other-page .doctor-list .item-wrapper {
        flex: none;
        max-width: inherit;
        margin: 0;
        padding: 0
    }

    .page-healthpacks-detail .doctors-other-page .title {
        font-size: 18px;
        padding: 10px 0
    }

    .page-healthpacks-detail .doctors-other-page .slick-list {
        padding: 0 20% 0 0
    }

    .page-healthpacks-detail .doctors-other-page .slick-list .slick-slide {
        margin-right: 5px
    }

    .page-healthpacks-detail .doctors-other-page .item {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 20px !important
    }

    .page-healthpacks-detail .doctors-other-page .item .text-wrap {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: 0;
        background-color: rgba(21, 27, 38, .5);
        padding: 0 20px
    }

    .page-healthpacks-detail .doctors-other-page .item .text-wrap .label-wrap {
        text-align: left;
        justify-content: flex-start
    }

    .page-healthpacks-detail .doctors-other-page .item .text-wrap .label-wrap .label {
        padding: 4px 0 8px;
        color: #fff;
        text-decoration: none;
        font-weight: 400
    }

    .page-healthpacks-detail .doctors-other-page .item .text-wrap .name {
        justify-content: flex-start;
        text-align: left;
        color: #fff;
        height: 40px
    }

    .page-healthpacks-detail .doctors-other-page .item .text-wrap .hospital-name {
        display: none
    }
}

.page-healthpacks-detail .doctors-other-page .item .button {
    display: block
}

@media (max-width: 767px) {
    .page-healthpacks-detail .doctors-other-page .item .button {
        margin: 5px 0 0 !important;
        width: 100% !important;
        text-align: left;
        padding-left: 20px;
        position: relative
    }

    .page-healthpacks-detail .doctors-other-page .item .button.modal-trigger {
        margin-right: 10px !important
    }

    .page-healthpacks-detail .doctors-other-page .item .button em {
        width: 54px;
        height: 100%;
        border-radius: 4px;
        background-color: rgba(21, 27, 38, .1);
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 21px
    }

    .page-healthpacks-detail .doctors-other-page .page-pagination {
        display: none
    }
}

.page-healthpacks-detail .doctors-other-page .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    margin-top: 50px;
    margin-right: 10px;
    display: block;
    color: #151b26
}

@media (max-width: 767px) {
    .page-healthpacks-detail .doctors-other-page .more {
        font-size: 16px;
        font-weight: 800;
        display: block;
        text-align: left;
        margin-top: 30px
    }
}

.page-healthpacks-detail .doctors-other-page .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

.page-healthpacks-detail .doctors-other-page .more span {
    text-decoration: underline
}

.page-healthpacks-detail .wrapper-select-info p {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #151b26
}

.page-healthpacks-detail .wrapper-select-info p strong {
    font-style: normal
}

.page-healthpacks-detail .wrapper-box.summary {
    padding: 80px;
    margin-bottom: 40px;
    position: relative
}

.page-healthpacks-detail .wrapper-box.summary .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #151b26
}

.select2-container--default .select2-dropdown-package .select2-results, .select2-container--default .select2-dropdown-package .select2-results > .select2-results__options {
    border-radius: 0 0 4px 4px
}

.page-healthpacks-detail .wrapper-box-package-detail {
    padding: 20px;
    margin-bottom: 40px
}

.page-healthpacks-detail .wrapper-box-package-detail.package-included {
    padding: 80px
}

.switch-tcno-pasaport label span, .toggle-health-packs .item .collapse-header {
    cursor: pointer
}

.toggle-health-packs .item .collapse-content {
    display: none
}

.toggle-health-packs .item.active .collapse-header .icon-down {
    display: block;
    transform: rotate(180deg)
}

.toggle-health-packs .item.active .collapse-content {
    display: block
}

.page-healthpacks-detail .wrapper-box-package-detail > .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #151b26
}

.page-healthpacks-detail .wrapper-box-package-detail .item {
    padding: 20px 0;
    border-bottom: 1px solid #d4d7dd
}

.page-healthpacks-detail .wrapper-box-package-detail .item:last-child {
    border-bottom: 0
}

.page-healthpacks-detail .wrapper-box-package-detail .item .iconleft {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 20px
}

.page-healthpacks-detail .wrapper-box-package-detail .item .collapse-header {
    display: flex;
    flex-direction: row;
    align-items: center
}

.page-healthpacks-detail .wrapper-box-package-detail .item .title-wrapper {
    flex: 1
}

.page-healthpacks-detail .wrapper-box-package-detail .item .title {
    font-size: 16px;
    font-weight: 700;
    color: #151b26
}

.page-healthpacks-detail .wrapper-box-package-detail .item .result {
    font-size: 14px;
    font-weight: 400;
    color: #151b26
}

.page-healthpacks-detail .wrapper-box-package-detail .item .icon em {
    margin-right: 20px;
    font-size: 24px
}

.page-healthpacks-detail .wrapper-box-package-detail .item .collapse-content {
    margin-top: 20px;
    margin-left: 68px
}

.page-healthpacks-detail .wrapper-box-package-detail .item .collapse-content li:before {
    content: '';
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    width: 5px;
    margin-right: 8px;
    height: 5px;
    background-color: #169ee3
}

.page-healthpacks-detail .wrapper-box-package-detail .item .collapse-content li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #151b26
}

.page-healthpacks-detail .wrapper-box-process {
    padding: 80px;
    margin-bottom: 40px;
    position: relative
}

.page-healthpacks-detail .wrapper-box-process .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #151b26
}

.page-healthpacks-detail .wrapper-box-process .wrapper {
    position: relative;
    flex-wrap: nowrap;
    justify-content: space-between
}

.page-healthpacks-detail .wrapper-box-process .item {
    margin: 0 40px;
    position: relative
}

.page-healthpacks-detail .wrapper-box-process .item .icon {
    position: relative
}

.page-healthpacks-detail .wrapper-box-process .item .icon:before {
    content: '';
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://cdn.memorial.com.tr/files/images/icon@double-next.png) no-repeat center;
    background-size: 30px;
    width: 30px;
    height: 30px
}

.page-healthpacks-detail .wrapper-box-process .wrapper-box-process-item {
    padding: 0
}

.page-healthpacks-detail .wrapper-box-process .wrapper-box-process-item:first-child .item {
    margin-left: 20px
}

.page-healthpacks-detail .wrapper-box-process .wrapper-box-process-item:last-child .item {
    margin-left: 20px
}

.page-healthpacks-detail .wrapper-box-process .wrapper-box-process-item:last-child .item .icon:before {
    display: none
}

.page-healthpacks-detail .wrapper-box-process .wrapper .item .icon {
    display: block;
    margin-bottom: 20px;
    text-align: center
}

.page-healthpacks-detail .wrapper-box-process .wrapper .item .icon img {
    height: 48px
}

.page-healthpacks-detail .wrapper-box-process .wrapper .item .text {
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    min-height: 70px;
    text-align: center
}

.page-healthpacks-detail .wrapper-box-process .wrapper .next {
    margin: 15px 30px 0
}

.page-healthpacks-detail .wrapper-box-process .wrapper .next img {
    width: 30px;
    height: 30px;
    display: block
}

.page-healthpacks-detail .wrapper-box-form {
    padding: 40px 80px
}

.page-healthpacks-detail .wrapper-box-form .description {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    text-align: center;
    color: #151b26;
    padding: 0 20px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-box-form .description {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 25px;
        padding: 0 5px
    }
}

.page-healthpacks-detail .wrapper-box-form form .item {
    margin-bottom: 27px
}

.page-healthpacks-detail .wrapper-box-form form .item.flex-alignment {
    display: flex;
    flex-direction: column
}

.page-healthpacks-detail .wrapper-box-form form .item #example1 > div, .promotion-form-wrapper form .field #example1 > div {
    margin: auto
}

.page-healthpacks-detail .wrapper-box-form form input, .page-healthpacks-detail .wrapper-box-form form select, .page-healthpacks-detail .wrapper-box-form form textarea {
    width: 350px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 4px;
    border: solid 1px rgba(21, 27, 38, .5);
    background-color: #fff
}

.page-healthpacks-detail .wrapper-box-form form textarea {
    resize: none;
    height: 150px
}

.page-healthpacks-detail .wrapper-box-form form .item.field-intl-phone {
    width: 350px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-box-form form .item.field-intl-phone {
        width: 100%
    }
}

.page-healthpacks-detail .wrapper-box-form form select {
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.page-healthpacks-detail .wrapper-box-form form .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .page-healthpacks-detail .wrapper-box-form form .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__arrow, .page-healthpacks-detail .wrapper-box-form form .select2-basic.select2-h60 + .select2 .select2-selection, .page-healthpacks-detail .wrapper-box-form form .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
    height: 50px
}

.page-healthpacks-detail .wrapper-box-form form .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .page-healthpacks-detail .wrapper-box-form form .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    line-height: 48px
}

.page-healthpacks-detail .wrapper-box-form .h-center {
    width: 75%;
    margin: 0 auto
}

@media all and (-ms-high-contrast: none) {
    .page-healthpacks-detail .wrapper-box-form .h-center {
        width: 55%
    }
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-box-form .h-center {
        width: 100%
    }
}

.page-healthpacks-detail .wrapper-box-form .checkbox {
    position: relative;
    margin-left: 60px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .wrapper-box-form .checkbox {
        margin-left: 35px
    }
}

.page-healthpacks-detail .wrapper-box-form input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0
}

.page-healthpacks-detail .wrapper-box-form input[type=checkbox]:checked + .custom-checkbox {
    background-color: #ddd
}

.page-healthpacks-detail .wrapper-box-form .custom-checkbox {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    border: solid 1px #151b26;
    vertical-align: middle
}

.page-healthpacks-detail .wrapper-box-form .submit {
    position: relative;
    display: block;
    width: 335px;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding: 0 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden;
    border: 0
}

.page-healthpacks-detail .wrapper-box-form em, .sg-detail .socialmedia-share .dropdown-share .dropdown-button .svg-icon svg, .syo-detail .socialmedia-share .dropdown-share .dropdown-button .svg-icon svg {
    width: 24px;
    height: 24px
}

.page-healthpacks-detail .wrapper-box-form .submit .right-link {
    width: 53px;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    text-align: center;
    position: absolute;
    top: 0;
    right: 0
}

.page-healthpacks-detail .wrapper-box-form .submit .icon-right {
    font-size: 14px
}

.page-healthpacks-detail .wrapper-box-form .submit .checkbox {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    color: #fff
}

.page-healthpacks-detail .triple.campains .campains-row .link .icon, .page-healthpacks-detail .wrapper-box-form .submit > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

.content-links ul li a, .page-healthpacks-detail .triple.campains .campains-row .link .icon em, .page-healthpacks-detail .wrapper-box-form .submit > .icon em {
    color: #fff
}

.page-healthpacks-detail .health-packs, .page-healthpacks-detail .specialist {
    margin: 80px 0 0
}

.page-healthpacks-detail .specialist .item .image-cover {
    height: 220px
}

.page-healthpacks-detail .specialist .details {
    margin-top: 15px
}

.page-healthpacks-detail .specialist .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    color: #151b26
}

.page-healthpacks-detail .specialist .content {
    background-color: #fff;
    padding: 40px
}

.page-healthpacks-detail .specialist .content img {
    width: 100%;
    margin-bottom: 15px
}

.page-healthpacks-detail .specialist .content .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
    color: #151b26
}

@media (max-width: 768px) {
    .page-healthpacks-detail .specialist .content .name {
        color: #fff
    }
}

.page-healthpacks-detail .specialist .content .hospital-name {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #169ee3
}

.page-healthpacks-detail .specialist .content .message {
    font-size: 12px;
    font-weight: 400;
    color: rgba(21, 27, 38, .5)
}

.page-healthpacks-detail .specialist .link {
    display: none
}

.page-healthpacks-detail .triple .image-cover {
    height: 196px
}

@media (max-width: 1199px) {
    .page-healthpacks-detail .triple .image-cover {
        height: 160px
    }
}

@media (max-width: 991px) {
    .page-healthpacks-detail .triple .image-cover {
        height: 118px
    }
}

@media (max-width: 767px) {
    .page-healthpacks-detail .triple .image-cover {
        height: 150px
    }
}

.page-healthpacks-detail .triple .image-cover .icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-healthpacks-detail .triple .image-cover .icon em {
    font-size: 66px;
    color: #fff
}

.page-healthpacks-detail .triple.campains {
    margin: 80px 0 0;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .page-healthpacks-detail .triple.campains {
        margin: 50px 0 0
    }
}

.page-healthpacks-detail .triple.campains .campains-row .col-12 {
    padding: 0 5px 0 0
}

.page-healthpacks-detail .triple.campains .campains-row .triple-image {
    height: 220px;
    margin-bottom: 6px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .triple.campains .campains-row .triple-image {
        height: 180px
    }

    .page-healthpacks-detail .triple.campains .campains-row .triple-image img {
        max-width: inherit;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.page-healthpacks-detail .triple.campains .campains-row .item-title {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    background-color: #f5f8fb80
}

.page-corporate-about .section-corporate-about.people .people-subtitle h2.ceo-title, .page-healthpacks-detail .triple.campains .campains-row .item-title a {
    color: #151b26
}

.page-healthpacks-detail .triple.campains .campains-row .item-title a.js-title {
    min-height: 34px;
    display: flex;
    align-items: center
}

.page-healthpacks-detail .triple.campains .campains-row .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #151b26;
    overflow: hidden
}

.page-healthpacks-detail .triple.campains .campains-row .link .icon {
    background-color: #151b26
}

@media (max-width: 767px) {
    .page-healthpacks-detail .triple.campains .campains-row .slick-dots {
        left: 15px;
        bottom: -30px
    }

    .page-healthpacks-detail .triple.campains .campains-row .slick-slider {
        padding-left: 15px
    }

    .page-healthpacks-detail .triple .more {
        font-size: 16px;
        font-weight: 800
    }
}

.page-healthpacks-detail .triple.videos {
    margin-top: 80px
}

@media (max-width: 767px) {
    .page-healthpacks-detail .triple.videos {
        margin-top: 50px
    }

    .page-healthpacks-detail .triple.videos .slick-list {
        padding: 0 20% 0 20px !important
    }

    .page-healthpacks-detail .triple.videos .col-12 {
        padding: 0 5px 0 0
    }
}

@media (max-width: 991px) {
    .page-healthpacks-detail .triple.videos .item a {
        font-size: 14px;
        line-height: normal
    }
}

.page-healthpacks-detail .triple.videos .item .name {
    font-size: 12px
}

@media (max-width: 768px) {
    .page-healthpacks-detail .wrapper-select-info p {
        text-align: center
    }

    .mobile-toggle-container-healt-pack .mobile-item .js-health-pack-accordion-title {
        margin-bottom: 0 !important;
        background: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg) no-repeat 95% center
    }

    .mobile-toggle-container-healt-pack .mobile-item .mobile-accordion-content, .page-healthpacks .wrapper-box.search .letters li.selected a::after {
        display: none
    }

    .mobile-toggle-container-healt-pack .mobile-item.active .js-health-pack-accordion-title {
        margin-bottom: 0 !important;
        background: url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg) no-repeat 95% center
    }

    .mobile-toggle-container-healt-pack .mobile-item.active .mobile-accordion-content {
        display: block
    }

    .page-healthpacks-detail .wrapper-box.about .healthpacks-about-title {
        font-size: 16px
    }

    .page-healthpacks .search {
        position: relative;
        z-index: 1;
        border-radius: 4px;
        background-color: #f5f8fb
    }

    .page-healthpacks .wrapper-box.search .letters {
        margin: 0
    }

    .page-healthpacks .wrapper-box.search .letters li a {
        padding: 8px 13px;
        font-size: 16px
    }

    .page-healthpacks .wrapper-box.search .letters li.selected a {
        color: #fff;
        border-radius: 4px;
        background-color: #151b26;
        font-weight: 400
    }

    .page-healthpacks .wrapper-box.search .letters ul {
        display: block;
        padding: 15px 0;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }

    .page-healthpacks .search input {
        width: 100%;
        margin-bottom: 0
    }

    .page-healthpacks .search .col-12:last-child .content {
        border-bottom: none
    }

    .page-healthpacks .search .selected-title {
        margin: 15px 0;
        font-size: 16px;
        line-height: normal
    }

    .page-healthpacks .wrapper-box.search .horizontal-line, .page-healthpacks-detail .wrapper-box-process .item .icon::before, .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .item .collapse-content li::before {
        display: none
    }

    .page-healthpacks-detail .wrapper-box-process {
        padding: 20px
    }

    .page-healthpacks-detail .wrapper-box-process .item {
        margin: 10px 0 10px 20px;
        display: flex;
        align-items: center;
        padding: 16px 5px;
        justify-content: center;
        position: relative
    }

    .page-healthpacks-detail .wrapper-box-process .item:before {
        bottom: -16px !important;
        content: '';
        width: 20px;
        height: 20px;
        left: 50%;
        transform: rotate(90deg) translateY(10px);
        position: absolute;
        background: url(https://cdn.memorial.com.tr/files/images/icon@double-next.png) no-repeat center;
        background-size: 20px
    }

    .page-healthpacks-detail .wrapper-box-process .item .icon {
        width: 20px;
        margin: 0 20px 0 0 !important;
        position: absolute;
        left: 20px
    }

    .page-healthpacks-detail .wrapper-box-process .item .icon img {
        width: 20px;
        height: auto !important
    }

    .page-healthpacks-detail .wrapper-box-process .item .text {
        min-height: auto !important
    }

    .page-healthpacks-detail .wrapper-box-process .wrapper-box-process-item:last-child .item::before {
        display: none
    }

    .page-healthpacks-detail .wrapper-box-form {
        padding: 40px 0
    }

    .page-healthpacks-detail .wrapper-box-form form {
        padding: 0 10px
    }

    .page-healthpacks-detail .wrapper-box-form form .item, .page-healthpacks-detail .wrapper-box-form form .select2.select2-container, .page-healthpacks-detail .wrapper-box-form form input, .page-healthpacks-detail .wrapper-box-form form textarea {
        width: 100% !important
    }

    .page-healthpacks-detail .wrapper-box-form form .submit {
        width: 278px
    }

    .page-healthpacks-detail {
        margin-top: -60px
    }

    .page-healthpacks-detail .wrapper-box.about {
        padding: 20px 10px
    }

    .page-healthpacks-detail .wrapper-box.summary, .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail, .page-healthpacks-detail .wrapper-box.wrapper-box-process {
        margin-bottom: 10px;
        padding: 0
    }

    .page-healthpacks-detail .wrapper-box.summary .title, .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail .title, .page-healthpacks-detail .wrapper-box.wrapper-box-process .title {
        padding: 15px 20px
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail .mobile-accordion-content, .page-healthpacks-detail .wrapper-box.wrapper-box-process .mobile-accordion-content {
        padding: 0 20px 20px
    }

    .page-healthpacks-detail .wrapper-box.summary.active, .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.active, .page-healthpacks-detail .wrapper-box.wrapper-box-process.active {
        background-color: inherit
    }

    .page-healthpacks-detail .wrapper-box.summary.active .title, .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.active .title, .page-healthpacks-detail .wrapper-box.wrapper-box-process.active .title {
        border-bottom: solid 1px #d4d7dd
    }

    .page-healthpacks-detail .wrapper-box.summary .mobile-accordion-content {
        padding: 10px 20px 20px
    }

    .page-healthpacks-detail .wrapper-box.summary padding {
        line-height: normal
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .mobile-accordion-content {
        padding: 0 10px 20px
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .item {
        padding: 10px 5px
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .item .iconleft {
        width: 24px;
        height: 24px;
        margin-right: 10px
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .item .title {
        font-size: 14px;
        font-weight: 500;
        padding: 0;
        border-bottom: none
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .item .result {
        opacity: .5
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .item .icon em {
        margin-right: 0
    }

    .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail.package-included .item .collapse-content {
        margin-top: 10px;
        margin-left: 0
    }

    .page-healthpacks-detail .wrapper-box.summary .title, .page-healthpacks-detail .wrapper-box.wrapper-box-package-detail .title, .page-healthpacks-detail .wrapper-box.wrapper-box-process .title {
        font-size: 16px;
        font-weight: 700;
        background-size: 20px
    }

    .page-healthpacks-detail .specialist {
        margin: 50px 0 0
    }

    .page-healthpacks-detail .specialist .title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px
    }

    .page-healthpacks-detail .specialist .content {
        padding: 0;
        background-color: inherit
    }

    .page-healthpacks-detail .specialist .content .item {
        position: relative;
        min-height: 220px
    }
}

@media (max-width: 768px) and (min-width: 768px) and (max-width: 992px) {
    .page-healthpacks-detail .specialist .content .item {
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
    .page-healthpacks-detail .specialist .content .item .details {
        width: 100%;
        padding: 10px 20px;
        position: absolute;
        background-color: rgba(21, 27, 38, .5);
        left: 0;
        bottom: 0
    }

    .page-healthpacks-detail .specialist .content .item .details.position {
        bottom: 60px
    }

    .page-healthpacks-detail .specialist .content .item .link {
        position: relative;
        display: block;
        width: 100%;
        height: 53px;
        font-size: 16px;
        font-weight: 700;
        line-height: 53px;
        padding-left: 20px;
        margin-top: 5px;
        border-radius: 4px;
        color: #151b26;
        background-color: #ffc107;
        overflow: hidden
    }

    .page-healthpacks-detail .specialist .content .item .link > .icon {
        font-size: 26px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 54px;
        height: 100%;
        background-color: #ffc107;
        text-align: center
    }

    .page-healthpacks-detail .specialist .content .item .link > .icon::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .1)
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .page-healthpacks-detail .specialist .content .slick-slider {
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .page-healthpacks-detail .specialist .content .slick-dots {
        margin: 20px 20px 0 0
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .page-healthpacks-detail .specialist .content .slick-slide .col-12, .page-healthpacks-detail .specialist .content .slick-slide .col-lg-3, .page-healthpacks-detail .specialist .content .slick-slide .col-xs-12 {
        padding: 0 5px 0 0 !important
    }
}

@media (max-width: 768px) {
    .page-healthpacks-detail .specialist .more {
        font-size: 20px;
        font-weight: 700;
        text-align: right;
        line-height: 25px;
        margin-top: 50px;
        margin-right: 10px;
        display: block;
        color: #151b26
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .page-healthpacks-detail .specialist .more {
        display: block;
        font-size: 16px;
        font-weight: 800;
        text-align: left;
        margin-top: 25px
    }
}

@media (max-width: 768px) {
    .page-healthpacks-detail .specialist .more em {
        margin-left: 5px;
        font-size: 14px;
        color: #151b26;
        vertical-align: middle
    }

    .page-healthpacks-detail .specialist .mobile-slick-standart .slick-list {
        padding: 0 10% 0 0 !important
    }

    .page-healthpacks-detail .wrapper-box-package-detail {
        margin-bottom: 20px
    }
}

.corporate {
    background-color: #f5f8fb
}

@media all and (-ms-high-contrast: none) {
    .corporate {
        margin-top: 90px
    }
}

.content-page ul.check-none li::before, .corporate .mobile-title {
    display: none
}

.corporate.sponsor-container .container {
    max-width: 1200px
}

.corporate.sponsor-container .container .sponsor-list ul {
    justify-content: center
}

.corporate.sponsor-container .container .sponsor-list ul li {
    max-width: 270px;
    height: 360px
}

@media (max-width: 768px) {
    .corporate.sponsor-container .container .sponsor-list ul li {
        height: 250px
    }
}

.corporate .why-memorial .desc {
    margin: 30px 0 50px
}

.corporate .why-memorial .carousel-area .carousel .slick-prev {
    display: none !important
}

.corporate .why-memorial .carousel-area .carousel .slick-next {
    position: absolute;
    right: -1px;
    top: 0;
    width: 121px;
    height: 160px !important;
    border: unset;
    outline: 0;
    cursor: pointer;
    text-indent: -9999px;
    background: rgba(0, 0, 0, .6) url(https://cdn.memorial.com.tr/files/images/icon@arrow-thin.svg) no-repeat center;
    transform: none;
    border-radius: 5px 0 0 5px
}

@media (max-width: 767px) {
    .corporate .why-memorial .logo {
        top: -150px
    }
}

.corporate.corporate--bg {
    background: #f5f8fb url(https://cdn.memorial.com.tr/files/images/bg@corporate.png) no-repeat top right;
    background-size: cover
}

.corporate.corporate--bg02 {
    background: #f5f8fb url(https://cdn.memorial.com.tr/files/images/bg@corporate02.png) no-repeat top right;
    background-size: contain
}

.corporate .corporate-boxes {
    position: relative;
    z-index: 5;
    margin-top: -70px
}

.corporate .sponsor-list ul, .corporate-art-list ul, .corporate-boxes-row {
    display: flex;
    flex-wrap: wrap
}

.corporate .corporate-boxes a {
    display: block;
    width: 24%;
    margin-right: auto
}

body.rtl .corporate .corporate-boxes a {
    margin: 0 0 0 auto
}

@media (max-width: 1199px) {
    .corporate .corporate-boxes a {
        margin-right: auto
    }

    body.rtl .corporate .corporate-boxes a {
        margin: 0 0 0 auto
    }
}

@media (max-width: 991px) {
    .corporate .corporate-boxes a {
        margin-right: auto
    }

    body.rtl .corporate .corporate-boxes a {
        margin: 0 0 0 auto
    }
}

body.rtl .corporate .corporate-boxes a:last-child {
    margin: 0
}

.corporate .corporate-boxes .item {
    padding: 20px 5px;
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

body:lang(en) .corporate .corporate-boxes .item {
    font-size: 17px
}

@media (max-width: 1199px) {
    .corporate .corporate-boxes .item {
        height: 100%
    }
}

.corporate .corporate-boxes .item img {
    display: block;
    margin: 0 auto 10px;
    width: 64px;
    height: 64px
}

.corporate .corporate-boxes a:nth-child(1) .item img {
    width: 50px
}

.corporate .corporate-text {
    padding: 80px;
    margin-top: 80px;
    margin-bottom: 180px;
    color: #444951;
    font-size: 14px;
    line-height: 22px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.corporate .corporate-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #444951
}

@media (max-width: 767px) {
    .corporate .corporate-text p {
        font-weight: 500
    }
}

.corporate .hospitals-area {
    margin: 80px 0
}

.corporate .hospitals-area .title {
    font-weight: 800
}

.corporate .hospitals-area .card {
    width: 370px
}

@media (max-width: 767px) {
    .corporate .hospitals-area .card {
        padding: 0 0 0 10px
    }

    body.rtl .corporate .hospitals-area .card {
        padding: 0 10px 0 0
    }
}

.corporate .hospitals-area .card img {
    height: 293px;
    width: 100%;
    display: block;
    padding-bottom: 0;
    border: 1px solid transparent;
    border-bottom: none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

@media (max-width: 768px) {
    .corporate .hospitals-area .card img {
        height: 220px
    }
}

.corporate .hospitals-area .card .card-body {
    border: 1px solid #d4d7dd;
    background: #fff;
    height: 90px;
    display: flex;
    justify-self: flex-end;
    padding: 20px;
    border-radius: 4px
}

.corporate .hospitals-area .card .card-body a h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.25;
    color: #151b26
}

.corporate .corporate-info-boxes {
    padding: 40px 0;
    background: #000 no-repeat;
    background-size: cover
}

.corporate .corporate-info-boxes .item {
    text-align: center;
    padding: 60px 40px 40px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    min-height: 465px
}

@media (max-width: 1199px) {
    .corporate .corporate-info-boxes .item {
        height: 500px
    }
}

@media (max-width: 991px) {
    .corporate .corporate-info-boxes .item {
        height: auto
    }
}

.corporate .corporate-info-boxes .item .title {
    margin-top: 25px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    border-bottom: solid 1px #169ee3
}

.corporate .corporate-info-boxes .item p {
    color: #151b26;
    font-size: 16px;
    line-height: 20px
}

.corporate .contact-form, .corporate .sponsor-list ul li {
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

.corporate .contact-form {
    position: relative;
    z-index: 5;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    padding: 30px
}

.corporate .contact-form .hero {
    margin-bottom: 10px;
    color: #151b26;
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

.corporate .contact-form .desc {
    margin-bottom: 30px;
    color: #151b26;
    font-size: 16px;
    text-align: center
}

.corporate .contact-form .field {
    margin-top: 20px
}

.corporate .contact-form .field label, .page-plain-page .contact-form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.corporate .contact-form .field input, .corporate .contact-form .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff
}

.corporate .contact-form .field textarea {
    width: 100%;
    padding: 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff;
    height: 200px
}

.corporate .agreement {
    color: #151b26;
    font-size: 12px
}

.corporate .agreement .checkbox {
    padding-left: 35px
}

body.rtl .corporate .agreement .checkbox {
    padding: 0 35px 0 0
}

.corporate .contact-form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.corporate .contact-form button, .page-plain-page .contact-form button {
    cursor: pointer;
    display: inline-block;
    width: 280px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

.corporate .corporate-identity {
    width: 570px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 0;
    text-align: center
}

.corporate .corporate-identity img, .corporate-syo .corporate-item img {
    width: 100%;
    height: auto
}

.corporate .corporate-identity .logo {
    height: 226px
}

.corporate .corporate-identity .formats {
    margin: 40px 0
}

.corporate .corporate-identity .formats .hero {
    margin-bottom: 20px;
    color: #151b26;
    font-size: 16px;
    font-weight: 700
}

.corporate .corporate-identity .formats li {
    display: inline-block;
    margin: 0 15px;
    color: #151b26;
    font-size: 14px;
    font-weight: 500
}

.corporate .corporate-identity .button {
    display: inline-block;
    width: 280px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

.corporate .sponsor-list {
    padding: 80px 0 40px
}

.corporate .sponsor-list ul li {
    flex: 0 0 23%;
    max-width: 23%;
    padding: 20px 0;
    margin-bottom: 40px;
    text-align: center;
    margin-right: 28px
}

body.rtl .corporate .sponsor-list ul li {
    margin: 0 0 40px 28px
}

@media (max-width: 991px) {
    .corporate .sponsor-list ul li {
        flex: 0 0 50%;
        max-width: 50% !important;
        height: auto !important
    }
}

.corporate .sponsor-list ul li .image-cover {
    background-image: none;
    height: 220px
}

@media (max-width: 991px) {
    .corporate .sponsor-list ul li .image-cover {
        height: 200px
    }
}

@media (max-width: 767px) {
    .corporate .sponsor-list ul li .image-cover {
        height: 120px
    }
}

.corporate .sponsor-list ul li .image-cover img {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: auto
}

.corporate .sponsor-list ul li:nth-child(4n) {
    margin-right: 0
}

body.rtl .corporate .sponsor-list ul li:nth-child(4n) {
    margin: 0 0 40px
}

@media (max-width: 1199px) {
    .corporate .sponsor-list ul li:nth-child(4n) {
        margin-right: 28px
    }

    body.rtl .corporate .sponsor-list ul li:nth-child(4n) {
        margin: 0 0 40px 28px
    }
}

.corporate .sponsor-list ul li img {
    display: block;
    margin: 0 auto
}

.corporate .sponsor-list .title {
    margin: 15px 0;
    color: #151b26;
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 767px) {
    .corporate .sponsor-list .title {
        margin: 10px 0;
        font-size: 14px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.corporate .sponsor-list .label {
    color: #169ee3;
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

.corporate .sponsor-list span {
    display: block;
    margin-top: 5px;
    color: #151b26;
    font-weight: 500;
    opacity: .5
}

.corporate .corporate-additives-desc {
    width: 770px;
    margin: 0 auto;
    padding: 80px 0;
    max-width: 100%;
    text-align: center
}

.corporate .corporate-additives-desc .hero {
    color: #151b26;
    font-size: 20px;
    font-weight: 700
}

.corporate .corporate-additives-desc p {
    margin-top: 20px;
    color: #151b26;
    font-size: 16px
}

.corporate .additives-boxes {
    display: flex;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .corporate .additives-boxes {
        width: 100%
    }
}

.corporate .additives-boxes .item {
    position: relative;
    min-height: 160px;
    padding: 20px 10px 20px 165px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    max-width: 32%;
    margin-right: auto
}

body.rtl .corporate .additives-boxes .item {
    margin-right: inherit;
    margin-left: auto
}

.corporate .additives-boxes .item:last-child, .corporate .additives-items ul li:last-child, body.rtl .corporate .additives-items ul li:last-child {
    margin-right: 0
}

body.rtl .corporate .additives-boxes .item:last-child {
    margin-left: 0
}

.corporate .additives-boxes .item img {
    position: absolute;
    left: 7px;
    top: 17px;
    width: 150px
}

.corporate .additives-boxes .hero {
    margin-bottom: 10px;
    color: #151b26;
    font-size: 14px;
    font-weight: 700
}

.corporate .additives-boxes .desc {
    color: #444951;
    font-size: 12px;
    line-height: 20px
}

@media (max-width: 768px) {
    .corporate .additives-boxes .desc {
        font-size: 14px;
        line-height: 18px
    }
}

.corporate .additives-boxes a {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #151b26;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline
}

.corporate .additives-items {
    width: 100%
}

@media (max-width: 768px) {
    .corporate .additives-items {
        width: initial
    }
}

.corporate .additives-items ul {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap
}

.corporate .additives-items ul li {
    margin-bottom: 30px;
    text-align: left;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    max-width: 32%;
    margin-right: auto
}

body.rtl .corporate .additives-items ul li {
    margin-right: inherit;
    margin-left: auto;
    text-align: right
}

.corporate .additives-items ul li .image-cover {
    height: 171px
}

.corporate .additives-items ul li:nth-child(3n), .corporate .corporate-art-list ul li:nth-child(4n) {
    margin-right: 0
}

.corporate .additives-items ul li img, .corporate-art-list ul li img {
    display: block;
    width: 100%;
    height: auto
}

.corporate .additives-items li .content {
    padding: 20px;
    border-top: solid 1px #d4d7dd
}

.corporate .additives-items li .hero {
    margin-bottom: 10px;
    color: #151b26;
    font-size: 20px;
    font-weight: 700
}

.corporate .additives-items li p {
    color: #151b26;
    font-size: 14px;
    line-height: 22px
}

.corporate-art-list {
    padding: 80px 0 0
}

@media (max-width: 1199px) {
    .corporate-art-list ul {
        justify-content: center
    }
}

.corporate-art-list ul li {
    padding-bottom: 20px;
    margin-bottom: 40px;
    background-color: #fff;
    border: solid 1px transparent;
    border-radius: 4px;
    text-align: left;
    margin-right: 30px;
    width: 255px
}

.corporate-art-list ul li .name {
    position: relative;
    top: 6px;
    left: 13px;
    color: gray;
    font-size: 12px;
    margin: 10px 0 15px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .corporate .corporate-art-list ul li:nth-child(4n) {
        margin-right: 30px
    }
}

.corporate-art-list ul li img {
    margin: 0 auto
}

.corporate-art-list ul li .image-cover {
    height: 350px
}

.page-news-detail .hero-img .corporate-art-list .name {
    margin-top: 15px
}

.corporate-art-list .label {
    padding-left: 15px;
    margin: 10px 0;
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px
}

.corporate-art-list .dates, .page-news-detail .hero-img .corporate-art-list .name {
    padding-left: 15px;
    color: #151b26;
    font-size: 12px;
    font-weight: 500;
    opacity: .5
}

.corporate-syo {
    padding: 80px 0
}

.corporate-syo ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.corporate-syo .corporate-item {
    border-radius: 5px;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    width: 370px;
    margin-bottom: 60px
}

.corporate-syo .corporate-item p {
    line-height: inherit
}

.corporate .corporate-syo .corporate-item:nth-child(3n) {
    margin-right: 0
}

.corporate .corporate-syo .corporate-item .details {
    height: 260px
}

.corporate .corporate-syo .corporate-item .favori {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .4);
    position: absolute;
    top: 20px;
    right: 20px
}

@media (max-width: 767px) {
    .corporate .corporate-syo .corporate-item .favori {
        top: 10px;
        right: inherit;
        left: 10px
    }
}

.corporate .corporate-syo .corporate-item .favori img {
    border-radius: 50%
}

@media (max-width: 768px) {
    .corporate .corporate-syo .corporate-item::after {
        top: 25px !important;
        right: auto;
        left: 10px
    }

    .corporate .corporate-syo .corporate-item .details .label {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.corporate-syo .corporate-item .image-cover {
    height: 270px;
    border-radius: 4px
}

.corporate-syo .details {
    padding: 20px 20px 5px;
    border: solid 1px #d4d7dd;
    border-top: unset;
    border-radius: 0 0 4px 4px;
    background: #fff;
    position: relative
}

@media (max-width: 768px) {
    .corporate-syo .details {
        border-left: none
    }
}

.corporate-syo .label, .syo-detail h2 {
    font-size: 20px;
    font-weight: 700;
    color: #151b26
}

.corporate-syo .label {
    line-height: 25px;
    height: 50px;
    display: flex
}

@media (max-width: 991px) {
    .corporate-syo .label {
        height: auto
    }
}

.corporate-ssp .label {
    height: 75px;
    display: flex;
    align-items: flex-start
}

@media (max-width: 767px) {
    .corporate-ssp .label {
        height: auto
    }
}

.corporate-syo .desc, .corporate-syo .desc h2, .corporate-syo .desc p {
    margin-top: 10px;
    color: #444951;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.corporate-ssp .button, .corporate-syo .button {
    display: block;
    bottom: -20px;
    left: 20px;
    height: 50px;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;
    background-color: #151b26;
    border-radius: 4px;
    border: unset;
    width: 88%;
    position: absolute
}

.corporate-ssp .button:after, .corporate-syo .button:after {
    content: '';
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, .03) url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
    background-size: 17px;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 762px) {
    .corporate-art-list ul li, .corporate-syo ul li {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.syo-detail .socialmedia-share {
    right: 150px;
    top: 20px
}

.syo-detail .socialmedia-share .dropdown-share .dropdown-button .svg-icon {
    box-shadow: none
}

@media (max-width: 767px) {
    .syo-detail .socialmedia-share .dropdown-share .dropdown-content {
        right: inherit;
        left: 20px
    }
}

.syo-detail .wrapper-box .content-buttons .button {
    padding-top: 0
}

.syo-detail h2 {
    text-align: left;
    line-height: 22px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .syo-detail.page-healthpacks-detail .wrapper-box.about {
        padding: 20px 15px 55px !important
    }
}

.syo-detail.page-healthpacks-detail .wrapper-box-form .checkbox {
    margin: 0 auto 20px;
    width: 650px
}

.syo-detail.page-healthpacks-detail .wrapper-box-form .checkbox .chechbox {
    padding-left: 40px
}

.syo-detail .successful-message {
    width: 70%;
    margin: 0 auto 40px
}

.content-page {
    background-color: #f5f8fb
}

.content-page .wrapper {
    position: relative;
    top: -105px
}

@media (max-width: 767px) {
    .content-page .wrapper {
        top: -85px
    }
}

.content-page .wrapper .page-content {
    padding: 35px 50px 60px;
    position: relative;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .content-page .wrapper .page-content {
        padding: 20px 20px 30px
    }
}

.content-page .wrapper .page-content p, .content-page h2 {
    font-weight: 500;
    margin-bottom: 20px
}

.content-page h2 {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    color: #151b26;
    position: relative;
    padding-left: 15px;
    text-transform: uppercase;
    text-align: left;
    line-height: 22px;
    margin-top: 40px
}

.content-page .wrapper .page-content p, .content-page ul li, .content-page ul li p {
    font-size: 14px;
    color: #151b26;
    line-height: 21px
}

.content-page ul li {
    font-weight: 500;
    position: relative;
    padding-left: 20px
}

@media (max-width: 767px) {
    .content-page ul li {
        font-weight: 400
    }
}

.content-page ul li:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 2px
}

.content-page ul li p {
    font-weight: 400
}

.content-page ul.check-none {
    padding-left: 0;
    margin: 0
}

.content-page ul.check-none li {
    font-style: italic;
    padding-left: 0
}

.content-links {
    margin: 0;
    padding: 40px 80px;
    background-color: #169ee3
}

@media (max-width: 1199px) {
    .content-links {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .content-links {
        margin: -1px -16px;
        padding: 20px 20px 40px
    }
}

.content-links .links-title, .sg-detail h2 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

@media (max-width: 767px) {
    .content-links .links-title {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.content-links ul, .login-area .auth-area .column .form .toggle-login .radio label, .page-patient-security .wrapper .page-content h2 {
    padding-left: 0
}

.content-links ul li {
    list-style-type: disc;
    color: #fff !important;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    text-decoration: underline;
    list-style-position: inside;
    padding-left: 0
}

@media (max-width: 767px) {
    .content-links ul li {
        font-size: 14px
    }
}

.content-links ul li:before, .page-patient-security .wrapper .page-content h2::before {
    display: none
}

.switch-tcno-pasaport input {
}

.content-links.half-links ul {
    display: flex;
    flex-wrap: wrap
}

.content-links.half-links ul li {
    flex: 0 50%
}

@media (max-width: 767px) {
    .content-links.half-links ul li {
        flex: 0 100%
    }
}

.content-links.dots-none ul li {
    list-style-type: none
}

.page-patient-security .wrapper .page-content {
    padding: 35px 50px 60px
}

@media (max-width: 767px) {
    .page-patient-security .wrapper .page-content {
        padding: 0 15px 30px
    }
}

@media (max-width: 767px) {
    .page-patient-security .wrapper .page-content h2 {
        margin: 20px 0 15px
    }
}

.page-patient-security .actions-button {
    position: absolute;
    top: 70px;
    right: 65px;
    width: 50px;
    height: 50px
}

@media (max-width: 767px) {
    .page-patient-security .actions-button {
        top: 20px;
        right: 20px;
        width: 24px;
        height: 26px
    }
}

.page-patient-security .actions-button .socialmedia-share {
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    .page-patient-security .actions-button .socialmedia-share .dropdown-share .dropdown-button {
        height: 26px
    }
}

.page-patient-security .actions-button .socialmedia-share .dropdown-share .dropdown-content {
    border: 1px solid #fff
}

@media (max-width: 767px) {
    .page-patient-security .actions-button .socialmedia-share .dropdown-share .dropdown-content {
        right: 0
    }
}

.page-career + .page-social-media, .page-patient-security + .page-social-media {
    margin-top: -35px
}

.sg-detail {
    margin-top: -50px
}

@media (max-width: 767px) {
    .sg-detail {
        margin-top: -60px
    }
}

.sg-detail .socialmedia-share {
    right: 110px;
    top: 0
}

.sg-detail .socialmedia-share .dropdown-share .dropdown-button .svg-icon {
    box-shadow: none
}

@media (max-width: 767px) {
    .sg-detail .socialmedia-share .dropdown-share .dropdown-content {
        right: inherit;
        left: 20px
    }
}

.sg-detail .wrapper-box .content-buttons .button {
    padding-top: 0
}

.sg-detail .wrapper-box.about .art-img-wrapper {
    text-align: center
}

.sg-detail .wrapper-box.about .art-img-wrapper img {
    max-width: 100%
}

.sg-detail h2 {
    color: #151b26;
    text-align: left;
    line-height: 22px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .sg-detail.page-healthpacks-detail .wrapper-box.about {
        padding: 20px 15px 55px !important
    }
}

.sg-detail.page-healthpacks-detail .wrapper-box-form .checkbox {
    margin: 0 auto 20px;
    width: 650px
}

.sg-detail.page-healthpacks-detail .wrapper-box-form .checkbox .chechbox {
    padding-left: 40px
}

.sg-detail .successful-message {
    width: 70%;
    margin: 0 auto 40px
}

.page-corporate-about {
    min-height: 900px
}

@media all and (-ms-high-contrast: none) {
    .page-corporate-about {
        margin-top: 90px
    }
}

.page-corporate-about .section-corporate-about.timeline {
    margin-top: 0
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider .slick-prev {
        padding: 0;
        left: -60px
    }

    .page-corporate-about .section-corporate-about.timeline .timeline-slider .slick-next {
        padding: 0;
        right: -60px
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav {
    position: relative
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav {
    margin: 0 auto;
    padding: 50px 0;
    width: 80%;
    z-index: 3
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav {
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav {
        padding-bottom: 0
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-list {
    padding: 50px 0
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-list {
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-list {
        padding-bottom: 0
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next, .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
    top: 78px;
    transform: none
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next, .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
        width: 35px;
        height: 35px;
        top: 86px;
        padding-top: 2px
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
    padding-right: 8px;
    left: -80px
}

body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
    padding: 0 0 0 8px;
    left: inherit;
    right: -80px
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
        padding-right: 0;
        left: -60px
    }

    body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
        right: -60px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
        left: -30px
    }

    body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-prev {
        right: -30px
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next {
    padding-left: 8px
}

body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next {
    padding: 0 8px 0 0
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next {
        padding-left: 0;
        right: -60px
    }

    body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next {
        right: inherit;
        left: -60px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next {
        right: -30px
    }

    body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav .slick-next {
        left: -30px
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #151b26;
    position: relative;
    overflow: visible;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 500ms cubic-bezier(.7, 0, .3, 1);
    padding-top: 20px
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a:focus, .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a:hover {
    outline: 0
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: #fff 0 0 0 2px, #000 0 0 0 4px;
    transition: all 500ms cubic-bezier(.7, 0, .3, 1)
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a.active {
    padding-top: 44px;
    transition: all 500ms cubic-bezier(.7, 0, .3, 1)
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a.active:before {
    width: 60px;
    height: 60px;
    background-color: #169ee3;
    box-shadow: #fff 0 0 0 2px, #000 0 0 0 4px;
    transition: all 500ms cubic-bezier(.7, 0, .3, 1)
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a.active:before {
        width: 40px;
        height: 40px
    }
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav nav a {
        font-size: 16px
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-nav .timeline-slider-line {
    position: absolute;
    left: 0;
    top: calc(50% - 50px);
    z-index: 2;
    height: 2px;
    width: 100%;
    background: #169ee3
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav .timeline-slider-line {
        top: calc(50% - 0px)
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-nav .timeline-slider-line {
        top: calc(50% - 0px)
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-content {
    width: 60%;
    margin: 0 auto
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-content .slick-track {
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .slick-track {
        height: 200px;
        overflow: scroll;
        align-items: flex-start
    }

    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .slick-track ul {
        height: 200px;
        overflow: scroll
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .slick-track {
        height: 200px;
        overflow: scroll;
        align-items: flex-start
    }

    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .slick-track ul {
        height: 200px;
        overflow: scroll
    }
}

.page-corporate-about .section-corporate-about.list-first .box, .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box {
    padding: 10px 80px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box-content .slider-timeline-item ul li {
    margin-bottom: 10px;
    margin-left: 30px;
    position: relative;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #151b26
}

body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box-content .slider-timeline-item ul li {
    margin: 0 30px 10px 0
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box-content .slider-timeline-item ul li {
        font-size: 14px;
        line-height: 1.4
    }
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box-content .slider-timeline-item ul li:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #169ee3;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
    border-radius: 50%
}

body.rtl .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box-content .slider-timeline-item ul li:before, body.rtl .promotion .content-promotion h3:before {
    left: inherit;
    right: -20px
}

.page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box-content .slider-timeline-item p {
    margin-bottom: 10px
}

.page-corporate-about .section-corporate-about, .page-corporate-about .section-corporate-about.list-first {
    margin-top: 80px
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.list-first {
        margin-top: 35px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.list-first {
        margin-top: 35px
    }
}

.page-corporate-about .section-corporate-about.list-first .box {
    padding: 40px
}

.page-corporate-about .section-corporate-about.list-first .title {
    font-size: 28px;
    font-weight: 700;
    text-align: left;
    color: #151b26
}

body.rtl .page-corporate-about .section-corporate-about.list-first .title {
    text-align: right
}

.page-corporate-about .section-corporate-about.list-first .list-first-items ul {
    margin-top: 40px
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.list-first .list-first-items ul {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.list-first .list-first-items ul {
        margin-top: 10px
    }
}

.page-corporate-about .section-corporate-about.list-first .list-first-items ul li {
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    margin-bottom: 20px;
    position: relative;
    margin-left: 24px;
    padding-left: 20px;
    line-height: 1.5
}

body.rtl .page-corporate-about .section-corporate-about.list-first .list-first-items ul li {
    padding-left: 0;
    padding-right: 20px
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.list-first .list-first-items ul li {
        margin-left: 20px;
        padding-left: 10px
    }
}

.page-corporate-about .section-corporate-about.list-first .list-first-items ul li:before {
    position: absolute;
    content: '';
    left: -20px;
    top: 0;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px
}

body.rtl .page-corporate-about .section-corporate-about.list-first .list-first-items ul li:before {
    left: initial;
    right: -20px
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about {
        margin-top: 50px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about {
        margin-top: 50px
    }
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.numbers .numbers-item-1 {
        order: 1
    }

    .page-corporate-about .section-corporate-about.numbers .numbers-item-2 {
        order: 3
    }

    .page-corporate-about .section-corporate-about.numbers .numbers-item-3 {
        order: 2
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.numbers .numbers-item-1 {
        order: 1
    }

    .page-corporate-about .section-corporate-about.numbers .numbers-item-2 {
        order: 3
    }

    .page-corporate-about .section-corporate-about.numbers .numbers-item-3 {
        order: 2
    }
}

.page-corporate-about .section-corporate-about.message-management {
    margin-top: 80px
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.message-management {
        margin-top: 50px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.message-management {
        margin-top: 50px
    }
}

.page-corporate-about .section-corporate-about.message-management .box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 40px 80px
}

.page-corporate-about .section-corporate-about.message-management .toptitle {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #151b26;
    margin-bottom: 20px
}

.page-corporate-about .section-corporate-about.message-management .title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #151b26;
    margin-bottom: 10px
}

.page-corporate-about .section-corporate-about.message-management .subtitle {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #151b26
}

.page-corporate-about .section-corporate-about.message-management .message-management-content {
    margin-top: 40px
}

.page-corporate-about .section-corporate-about.message-management .message-management-content p {
    font-size: 14px;
    font-weight: 400;
    color: #444951;
    margin-top: 20px
}

.page-corporate-about .section-corporate-about.message-management .message-management-content p img {
    margin: 0 auto;
    display: block
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.message-management .message-management-content p img {
        width: 100% !important;
        height: auto !important
    }
}

.page-corporate-about .section-corporate-about.people {
    margin-top: 0;
    padding-top: 80px;
    background: #f5f8fb
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.people {
        padding-top: 10px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people {
        padding-top: 10px
    }
}

.page-corporate-about .section-corporate-about.people .director-items {
    flex-direction: row;
    justify-content: space-around
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people .director-items {
        padding: 0 10px
    }
}

.page-corporate-about .section-corporate-about.people .director-item {
    flex: 20%
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.people .director-item {
        flex: 50%
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people .director-item {
        flex: 50%
    }

    .page-corporate-about .section-corporate-about.people .director-item:last-child .person {
        width: 50%;
        margin: 20px auto
    }
}

.page-corporate-about .section-corporate-about.people .people-title {
    margin-bottom: 40px;
    width: 100%
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people .people-title {
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.people .people-title {
        margin-bottom: 0
    }
}

.page-corporate-about .section-corporate-about.people .people-title h2 {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    color: #169ee3
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.people .people-title h2 {
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people .people-title h2 {
        font-weight: 700
    }
}

.page-corporate-about .section-corporate-about.people .people-subtitle {
    margin-bottom: 20px;
    width: 100%
}

.page-corporate-about .section-corporate-about.people .people-subtitle h2 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #169ee3
}

.page-corporate-about .section-corporate-about.people .people-row-gop {
    margin-top: 50px
}

.page-corporate-about .section-corporate-about.people .person {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-corporate-about .section-corporate-about.people .person-img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people .person-img {
        width: 80px;
        height: 80px
    }
}

.page-corporate-about .section-corporate-about.people .person-img img {
    width: 100%;
    height: auto
}

.page-corporate-about .section-corporate-about.people .person-name {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #151b26;
    margin-top: 5px
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.people .person-name {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people .person-name {
        font-size: 12px
    }
}

.page-corporate-about .section-corporate-about.people .person-title {
    font-size: 14px;
    text-align: center;
    color: #151b26;
    margin-top: 6px
}

@media (max-width: 991px) {
    .page-corporate-about .section-corporate-about.people .person-title {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .page-corporate-about .section-corporate-about.people .person-title {
        font-size: 12px
    }
}

.page-corporate-about .section-corporate-about.links {
    padding: 40px 0 80px;
    margin-top: 0
}

@media (max-width: 768px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content {
        width: 100%;
        padding: 20px
    }
}

@media (max-width: 768px) and (max-width: 991px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content {
        padding: 15px
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .page-corporate-about .section-corporate-about.timeline .timeline-slider-content {
        padding: 15px
    }
}

@media (max-width: 768px) {
    .page-corporate-about .section-corporate-about.list-first .box, .page-corporate-about .section-corporate-about.timeline .timeline-slider-content .timeline-box {
        padding: 20px
    }

    .page-corporate-about .section-corporate-about.list-first .title, .page-corporate-about .section-corporate-about.people .people-title h2 {
        font-size: 20px
    }

    .page-corporate-about .section-corporate-about.message-management .box {
        padding: 40px 20px 20px
    }

    .page-corporate-about .section-corporate-about.people {
        margin-top: 40px
    }

    .page-corporate-about .section-corporate-about.people .people-row-gop {
        margin: 50px 0 20px
    }

    .page-corporate-about .section-corporate-about.people .person-img {
        width: 80px;
        height: 80px;
        margin: 0 auto
    }

    .page-corporate-about .section-corporate-about.people .people-subtitle {
        margin-bottom: 0
    }

    .page-corporate-about .section-corporate-about.people .people-subtitle h2 {
        font-size: 16px
    }

    .page-corporate-about .section-corporate-about.links {
        padding: 50px 0;
        margin: 0
    }
}

.company-info-box {
    padding: 40px 215px !important
}

@media (max-width: 767px) {
    .company-info-box {
        padding: 40px 20px 20px !important
    }
}

.switch-tcno-pasaport input.active {
}

p.input-info {
    margin: 5px 0;
    font-size: 10px;
    line-height: 1.4;
    text-align: center
}

.login-capthca {
    margin-top: 40px
}

.desktop-login .login-capthca, .promotion .content-promotion p.p-top-20 {
    margin-top: 20px
}

.desktop-login .field .select2-container {
    width: 100% !important;
    margin-bottom: 0
}

.page-login .auth-area .select2-container {
    width: 100% !important
}

.page-login .auth-area .select2-basic.select2-h60 + .select2 .select2-selection {
    font-size: 14px;
    padding: 0 4px
}

.page-login .desktop-login {
    display: block
}

.page-login .mobile-login, .page-login .tabmenu-login-register .nav-login-register {
    display: none
}

@media (max-width: 768px) {
    .desktop-login, .page-login .above-on-hero .filter .go-back {
        display: none
    }

    .mobile-login {
        display: block
    }

    .page-login {
        background: #151b26
    }

    .page-login .above-on-hero {
        top: 0
    }

    .page-login .above-on-hero .filter {
        background: 0 0;
        border: 0;
        margin-bottom: 0;
        padding-top: 10px
    }

    .page-login .above-on-hero .filter .notice {
        padding: 10px;
        color: #fff
    }

    .page-login .auth-area {
        margin-top: 0
    }

    .page-login .auth-area .hero {
        margin-bottom: 0
    }

    .page-login .auth-area .column {
        margin-bottom: 40px
    }

    .page-login .auth-area .select2-container {
        width: 100% !important
    }

    .page-login .tabmenu-login-register .js-tabmenu-item.mobile-active, .page-login .tabmenu-login-register .nav-login-register {
        display: block
    }

    .page-login .tabmenu-login-register .nav-login-register a {
        font-size: 18px;
        color: #fff;
        padding: 10px;
        margin-bottom: 5px;
        display: inline-block
    }

    .page-login .tabmenu-login-register .nav-login-register a.active {
        border-bottom: 3px solid #169ee3
    }

    .page-login .tabmenu-login-register .js-tabmenu-item {
        display: none
    }
}

.input-datapick-container-hidden {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.input-datapick-container-hidden input {
    height: 0 !important;
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0
}

.promotion {
    padding: 0;
    background-color: #f5f8fb
}

.promotion.plan-your-visit {
    padding: 0 0 80px
}

@media (max-width: 767px) {
    .promotion.plan-your-visit {
        padding: 0 0 50px
    }
}

.promotion .content p, .promotion .content-promotion p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    color: #151b26
}

.promotion .content-promotion p {
    margin-bottom: 20px
}

.promotion .content-promotion p:last-child {
    margin-bottom: 0
}

.promotion .content-promotion li a, .promotion .content-promotion p a {
    color: #169ee3;
    text-decoration: underline
}

.promotion .content-promotion h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #151b26;
    position: relative;
    padding-left: 0;
    margin-bottom: 20px
}

.promotion .content-promotion h2:before {
    content: '';
    position: absolute;
    left: -10px;
    width: 6px;
    height: 6px;
    background-color: #169ee3;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

body.rtl .accordion-wrapper .accordion .item .section-label span:before, body.rtl .promotion .content-promotion h2:before {
    left: inherit;
    right: -10px
}

.promotion .content-promotion h3, .promotion .content-promotion ul li {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    color: #151b26;
    position: relative;
    margin-top: 40px
}

.promotion .content-promotion h3:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check.svg) no-repeat;
    position: absolute;
    top: 4px;
    left: -20px
}

.promotion .content-promotion ul li {
    font-weight: 500;
    line-height: 1.57;
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 10px
}

body.rtl .accordion-wrapper .accordion .item .content ul li, body.rtl .double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li p, body.rtl .promotion .content-promotion ul li, body.rtl .promotion .scrollable .slick-slider .item > .link, body.rtl .text-content-img .promotion-content-text ul li {
    padding: 0 20px 0 0
}

.accordion-wrapper .accordion .item .content p.check:before, .accordion-wrapper .accordion .item .content ul li:before, .promotion .content-promotion ul li:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check.svg) no-repeat;
    position: absolute;
    top: 4px;
    left: 0
}

.promotion .content-promotion .link {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: normal;
    text-align: right;
    color: #151b26;
    display: block
}

body.rtl .promotion .content-promotion .link {
    text-align: left
}

.promotion .content-promotion .link .text, .promotion-patient-thanks .more span {
    text-decoration: underline
}

.promotion .content-promotion .link em {
    font-size: 12px
}

body.rtl .accordion-wrapper .accordion .item .content .link em, body.rtl .promotion .content-promotion .link em {
    transform: rotate(180deg);
    display: inline-block;
    position: relative;
    bottom: 3px;
    right: 3px
}

@media (max-width: 767px) {
    .promotion {
        padding: 70px 0 50px
    }
}

.promotion-inner {
    padding-top: 80px
}

@media (max-width: 767px) {
    .promotion-inner {
        padding-top: 0;
        padding-bottom: 0
    }
}

.promotion-inner.awards .promotion-title {
    text-align: left;
    margin-bottom: 30px
}

body.rtl .promotion .promotion-inner .item-list li .content .title, body.rtl .promotion-inner.awards .promotion-title {
    text-align: right
}

@media (max-width: 767px) {
    .promotion-inner.awards .promotion-title {
        margin-bottom: 20px
    }
}

.promotion .promotion-logos {
    position: absolute;
    width: 100%;
    left: 0;
    top: -90px
}

.promotion .promotion-logos .container {
    display: flex
}

.promotion .promotion-title {
    font-size: 28px;
    font-weight: 700;
    color: #151b26;
    text-align: center
}

@media (max-width: 767px) {
    .promotion .promotion-title {
        font-size: 20px
    }
}

.promotion .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 40px 50px
}

@media (max-width: 991px) {
    .promotion .wrapper-box {
        padding: 20px 30px
    }
}

.promotion .wrapper-box.dark-bg {
    background-color: #151b26
}

.promotion .wrapper-box.wrapper-box-video {
    padding: 40px;
    border-bottom: none;
    border-radius: 4px 4px 0 0
}

@media (max-width: 767px) {
    .promotion .wrapper-box.wrapper-box-video {
        padding: 15px;
        border: 0
    }
}

.promotion .why-memorial {
    position: relative;
    padding: 180px 0 290px;
    margin-bottom: 410px
}

.promotion .why-memorial .hero {
    margin-top: 0;
    font-weight: 800
}

.promotion .why-memorial .desc {
    margin: 15px 0 10px;
    font-weight: 800
}

@media (max-width: 767px) {
    .promotion .why-memorial .desc {
        margin: 10px 0
    }
}

.promotion .why-memorial .desc span {
    font-weight: 700
}

.promotion .why-memorial .video-wrapper {
    position: absolute;
    left: 0;
    top: calc(50% + 50px);
    width: 100%
}

.promotion .why-memorial .video-wrapper .video {
    margin-top: 0;
    box-shadow: 0 10px 20px 0 #000;
    border-radius: 10px;
    overflow: hidden
}

.promotion .video-subtitle .video-text {
    font-size: 28px;
    font-weight: 400
}

.promotion .promotion-inner {
    padding-top: 80px
}

@media (max-width: 767px) {
    .promotion .promotion-inner .promotion-title {
        font-size: 20px
    }
}

.promotion .promotion-inner .item-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

@media (max-width: 1199px) {
    .promotion .promotion-inner .item-list {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .promotion .promotion-inner .item-list {
        margin-top: 30px
    }
}

.promotion .promotion-inner .item-list li {
    flex: 0 0 48%;
    max-width: 48%;
    margin: 0 25px 20px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.promotion .promotion-inner .item-list li:nth-child(2n) {
    margin: 0
}

body.rtl .promotion .promotion-inner .item-list li {
    margin: 0 0 0 25px
}

@media (max-width: 1199px) {
    .promotion .promotion-inner .item-list li {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin: 20px 0
    }
}

.promotion .promotion-inner .item-list li .logo-wrapper {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.promotion .promotion-inner .item-list li .logo-wrapper img {
    width: 100%
}

.promotion .promotion-inner .item-list li .content {
    width: calc(100% - 100px);
    padding-left: 10px
}

body.rtl .promotion .promotion-inner .item-list li .content {
    padding: 0 10px 0 0
}

.promotion .promotion-inner .item-list li .content .title {
    font-size: 14px;
    font-weight: 700;
    color: #151b26;
    text-align: left
}

.promotion .promotion-inner .item-list li .content .detail {
    font-size: 14px;
    color: #151b26
}

.promotion .promotion-inner .item-list li .content .notice {
    font-size: 11px;
    margin-top: 5px
}

.promotion .promotion-inner.awards {
    padding-top: 40px
}

@media (max-width: 767px) {
    .promotion .promotion-inner.awards {
        padding-top: 50px
    }
}

.promotion .promotion-inner.awards .item-list {
    width: 60%;
    flex-direction: row;
    margin: 40px auto 0;
    justify-content: center
}

@media (max-width: 767px) {
    .promotion .promotion-inner.awards .item-list {
        width: 100%;
        margin-top: 20px
    }
}

.promotion .promotion-inner.awards .item-list li {
    flex: auto;
    max-width: 350px
}

@media (max-width: 767px) {
    .promotion .promotion-inner.awards .item-list li {
        margin: 0 0 10px
    }
}

.promotion .promotion-inner.awards .item-list li:last-child {
    max-width: auto;
    margin: 0
}

.promotion .promotion-inner.quality-certificates .promotion-title, body.rtl .accordion-wrapper .accordion .item .content .link {
    text-align: left
}

body.rtl .promotion .promotion-inner.quality-certificates .promotion-title {
    text-align: right
}

.promotion .scrollable {
    position: relative;
    background-color: #fff
}

.promotion .scrollable .promotion-title {
    text-align: left;
    margin-bottom: 30px
}

.promotion .scrollable .slick-slider .slick-list::after, .promotion .scrollable .slick-slider::after {
    content: '';
    width: 111px;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 4px 0 0 4px;
    position: absolute;
    top: 0
}

.promotion .scrollable .slick-slider::after {
    left: 0
}

body.rtl .promotion .scrollable .slick-slider .slick-list::after, body.rtl .promotion .scrollable .slick-slider::after {
    border-radius: 0 4px 4px 0;
    right: inherit;
    left: 0
}

@media (max-width: 991px) {
    .promotion .scrollable .slick-slider::after {
        width: 138px
    }
}

@media (max-width: 767px) {
    .promotion .scrollable .slick-slider::after {
        display: none
    }
}

.promotion .scrollable .slick-slider .slick-list {
    padding: 0 10% 0 0 !important;
    position: relative
}

body.rtl .promotion .scrollable .slick-slider .slick-list {
    padding: 0 0 0 10% !important
}

.promotion .scrollable .slick-slider .slick-list::after {
    right: 0
}

@media (max-width: 991px) {
    .promotion .scrollable .slick-slider .slick-list::after {
        width: 138px
    }
}

@media (max-width: 767px) {
    .promotion .scrollable .slick-slider .slick-list::after {
        display: none
    }
}

.promotion .scrollable .slick-slider .slick-list .slick-track {
    margin: 0
}

.promotion .scrollable .slick-slider .slick-next {
    right: 30px
}

body.rtl .promotion .scrollable .slick-slider .slick-next {
    right: inherit;
    left: 30px
}

@media (max-width: 767px) {
    .promotion .scrollable .slick-slider .slick-next {
        display: none !important
    }
}

.promotion .scrollable .slick-slider .slick-prev {
    left: 30px
}

body.rtl .promotion .scrollable .slick-slider .slick-prev {
    left: inherit;
    right: 30px
}

@media (max-width: 767px) {
    .promotion .scrollable .slick-slider .slick-prev {
        display: none !important
    }
}

.promotion .scrollable .slick-slider .slick-slide {
    margin-right: 20px
}

body.rtl .promotion .scrollable .slick-slider .slick-slide {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .promotion .scrollable .slick-slider .slick-slide {
        margin-right: 5px
    }

    body.rtl .promotion .scrollable .slick-slider .slick-slide {
        margin: 0 0 0 5x
    }
}

.promotion .scrollable .slick-slider .item {
    position: relative;
    width: 278px;
    margin-right: 20px
}

body.rtl .promotion .scrollable .slick-slider .item {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .promotion .scrollable .slick-slider .item {
        margin-right: 5px
    }

    body.rtl .promotion .scrollable .slick-slider .item {
        margin: 0 0 0 5px
    }
}

.promotion .scrollable .slick-slider .item.passive .link, .promotion .scrollable .slick-slider .item.passive img {
    opacity: .5
}

.promotion .scrollable .slick-slider .item .img-wrapper {
    position: relative;
    margin-bottom: 6px;
    height: 165px;
    overflow: hidden;
    border-radius: 4px
}

.promotion .scrollable .slick-slider .item .img-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 27, 38, .2);
    z-index: 3
}

.promotion .scrollable .slick-slider .item .text {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    z-index: 5
}

.promotion .scrollable .slick-slider .item img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover
}

.promotion .scrollable .slick-slider .item .action-favorite-area {
    z-index: 3
}

@media (max-width: 767px) {
    .promotion .scrollable .slick-slider .item .action-favorite-area {
        width: 24px;
        height: 24px
    }
}

.promotion .scrollable .slick-slider .item > .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden
}

.promotion .scrollable .slick-slider .item > .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

.hospital-info-wrapper .info-item .info-title a, .promotion .scrollable .slick-slider .item > .link > .icon em {
    color: #fff
}

.full-video-wrapper {
    background-color: #151b26;
    padding: 80px 0;
    margin-top: 80px
}

.full-video-wrapper .video {
    box-shadow: 0 10px 20px 0 #000;
    border-radius: 5px;
    overflow: hidden
}

.double-box-wrapper {
    margin-top: 80px
}

@media (max-width: 767px) {
    .double-box-wrapper {
        margin-top: 50px
    }
}

.double-box-wrapper .box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px
}

.double-box-wrapper .box-wrapper .box {
    flex: 0 0 20%;
    max-width: 20%;
    margin: 0 30px;
    background-color: #fff;
    padding: 20px
}

.double-box-wrapper .box-wrapper .box .image-cover {
    height: 200px
}

.double-box-wrapper .box-wrapper .box .image-cover img {
    max-width: 100%
}

.double-box-wrapper .box-wrapper .box .details .title {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    margin: 20px 0 15px
}

.double-box-wrapper .box-wrapper .box .details .detail {
    font-size: 14px;
    color: #151b26
}

.accordion-wrapper {
    margin-top: 20px
}

.accordion-wrapper.top-nogutter {
    margin-top: 0
}

@media (max-width: 767px) {
    .accordion-wrapper {
        margin-top: 50px
    }
}

.accordion-wrapper .title {
    font-size: 28px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .accordion-wrapper .title {
        font-size: 19px;
        margin-bottom: 20px
    }
}

.accordion-wrapper .accordion .item {
    padding: 0 0 10px
}

.accordion-wrapper .accordion .item .section-label {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat center right;
    background-size: 20px;
    padding-right: 20px
}

body.rtl .accordion-wrapper .accordion .item .section-label {
    padding: 0 0 0 20px;
    background: url(https://cdn.memorial.com.tr/files/images/down.svg) no-repeat center left;
    background-size: 20px
}

.accordion-wrapper .accordion .item .section-label span {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #151b26
}

.accordion-wrapper .accordion .item .section-label span:before {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: 7px;
    width: 6px;
    height: 6px;
    background: #169ee3;
    border-radius: 100%
}

.accordion-wrapper .accordion .item .content {
    display: none;
    padding: 10px 0 20px 10px;
    border-bottom: solid 1px #d4d7dd;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .accordion-wrapper .accordion .item .content {
        margin-bottom: 10px
    }
}

.accordion-wrapper .accordion .item .content .sub-title, .accordion-wrapper .accordion .item .content p strong {
    font-size: 14px;
    font-weight: 700;
    color: #151b26;
    margin: 10px 0;
    display: block
}

.accordion-wrapper .accordion .item .content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}

body.rtl .accordion-wrapper .accordion .item .content ul li:before, body.rtl .page-plain-page .box .content ul li:before, body.rtl .promotion-form-wrapper form .inputfile + label span::before, body.rtl .text-content-img .promotion-content-text ul li::before {
    left: inherit;
    right: 0
}

.accordion-wrapper .accordion .item .content p, .accordion-wrapper .accordion .item .content ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #151b26
}

.accordion-wrapper .accordion .item .content .link {
    font-size: 16px;
    font-weight: 800;
    text-align: right;
    color: #151b26;
    margin-top: 20px;
    display: block
}

.accordion-wrapper .accordion .item .content .link em {
    font-size: 10px
}

.accordion-wrapper .accordion .item.active .section-label {
    cursor: pointer;
    background: url(https://cdn.memorial.com.tr/files/images/up.svg) no-repeat center right;
    background-size: 20px
}

body.rtl .accordion-wrapper .accordion .item.active .section-label {
    background: url(https://cdn.memorial.com.tr/files/images/up.svgg) no-repeat center left;
    background-size: 20px
}

.accordion-wrapper .accordion .item.active .content {
    display: block
}

.accordion-wrapper .accordion .item:last-child .content {
    border-bottom: none;
    margin-bottom: 0;
    padding: 10px 0 0 10px
}

.hospital-info-wrapper {
    width: 100%;
    background-image: linear-gradient(101deg, #169ee3, #151b26);
    padding: 40px 0
}

@media (max-width: 991px) {
    .hospital-info-wrapper {
        padding: 20px 0
    }
}

@media (max-width: 767px) {
    .hospital-info-wrapper {
        padding: 20px 0;
        margin-bottom: 50px
    }
}

.hospital-info-wrapper .info-item {
    text-align: center
}

.hospital-info-wrapper .info-item .number {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin: 5px 0
}

@media (max-width: 767px) {
    .hospital-info-wrapper .info-item .number {
        margin: 15px 0
    }
}

@media (max-width: 991px) {
    .hospital-info-wrapper .info-item .number {
        margin: 15px 0
    }
}

.hospital-info-wrapper .info-item .info-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.hospital-info-wrapper .info-item.double {
    display: flex;
    justify-content: space-evenly
}

.hospital-info-wrapper .info-button {
    height: 53px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #151b26;
    font-size: 14px;
    font-weight: 700;
    color: #151b26;
    display: block;
    text-align: center;
    padding: 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.hospital-info-wrapper .info-button.iconed {
    background-color: #ffc107;
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.hospital-info-wrapper .info-button.iconed em {
    vertical-align: middle;
    margin-right: 5px
}

body.rtl .hospital-info-wrapper .info-button.iconed em {
    margin: 0 0 0 5px
}

.plan-your-travel {
    margin-top: 80px
}

@media (max-width: 767px) {
    .plan-your-travel {
        margin-top: 50px
    }
}

.plan-your-travel .title {
    font-size: 36px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .plan-your-travel .title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.plan-your-travel .wrapper-box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 40px 50px
}

.plan-your-travel .video .video-js {
    min-height: 500px
}

@media (max-width: 767px) {
    .plan-your-travel .video .video-js {
        min-height: 185px;
        border-radius: 4px
    }
}

.plan-your-travel .video .video-js .vjs-big-play-button {
    background-size: 120px !important
}

@media (max-width: 767px) {
    .plan-your-travel .video .video-js .vjs-big-play-button {
        background-size: 60px !important
    }
}

.text-content-img {
    margin-top: 40px
}

@media (max-width: 991px) {
    .text-content-img {
        margin-top: 20px
    }
}

.text-content-img:first-child {
    margin-top: 0;
    position: relative;
    top: -50px;
    margin-bottom: -50px
}

@media (max-width: 767px) {
    .text-content-img:first-child .wrapper-box {
        padding: 20px 15px
    }
}

.text-content-img.bt-border-none .wrapper-box {
    border-bottom: none;
    border-radius: 4px 4px 0 0
}

@media (max-width: 991px) {
    .text-content-img.bt-border-none .wrapper-box {
        border-bottom: solid 1px #d4d7dd;
        border-radius: 4px
    }
}

@media (max-width: 767px) {
    .text-content-img .wrapper-box {
        padding: 0
    }

    .text-content-img {
        margin-top: 20px
    }
}

.text-content-img .title {
    font-size: 28px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 40px
}

.text-content-img .promotion-content-text p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #151b26;
    font-weight: 500
}

.text-content-img .promotion-content-text a {
    font-weight: 700;
    color: #169ee3;
    display: block;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .text-content-img .promotion-content-text a {
        word-wrap: break-word
    }
}

.text-content-img .promotion-content-text ul {
    margin: 15px 0 25px
}

.text-content-img .promotion-content-text ul li {
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    padding-left: 20px;
    line-height: 23px
}

.text-content-img .promotion-content-text ul li::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 4px
}

.text-content-img .promotion-content-images .image-cover {
    height: 180px
}

.half-slider-info-wrapper {
    margin-top: 80px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper {
        margin-top: 50px
    }
}

.half-slider-info-wrapper .main-title {
    font-size: 36px;
    font-weight: 800;
    color: #151b26;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .main-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px
    }
}

.half-slider-info-wrapper .main-title.our-hospitals {
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .main-title.our-hospitals {
        font-size: 20px;
        text-align: left
    }

    body.rtl .half-slider-info-wrapper .main-title.our-hospitals {
        text-align: right
    }
}

.half-slider-info-wrapper .half-slider-info-inner {
    margin-bottom: 40px;
    z-index: 1;
    position: relative;
    background: #fff;
    padding: 40px 0
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .half-slider-info-inner {
        padding: 20px 0 0;
        margin-bottom: 20px
    }

    .half-slider-info-wrapper .half-slider-info-inner .container {
        padding: 0
    }

    .half-slider-info-wrapper .half-slider-info-inner .pr-0 {
        padding-right: 15px
    }

    body.rtl .half-slider-info-wrapper .half-slider-info-inner .pr-0 {
        padding: 0 0 0 15px
    }

    .half-slider-info-wrapper .half-slider-info-inner .pl-0 {
        padding-left: 15px
    }

    body.rtl .half-slider-info-wrapper .half-slider-info-inner .pl-0 {
        padding: 0 15px 0 0
    }
}

.half-slider-info-wrapper .half-slider-info-inner .bvalidator-insert-msg + .select2 .select2-selection__arrow b, .half-slider-info-wrapper .half-slider-info-inner .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .half-slider-info-wrapper .half-slider-info-inner .select2-basic + .select2 .select2-selection__arrow b, .half-slider-info-wrapper .half-slider-info-inner .select2-basic.select2-h60 + .select2 .select2-selection, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .bvalidator-insert-msg + .select2 .select2-selection__arrow b, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .select2-basic + .select2 .select2-selection__arrow b, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .select2-basic.select2-h60 + .select2 .select2-selection {
    height: 50px
}

.half-slider-info-wrapper .half-slider-info-inner .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .half-slider-info-wrapper .half-slider-info-inner .select2-basic.select2-h60 + .select2 .select2-selection__rendered, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    line-height: 50px
}

.half-slider-info-wrapper .select-hospital {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .select-hospital {
        margin: 0 20px 40px
    }
}

.half-slider-info-wrapper .select-hospital h4 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #151b26
}

.half-slider-info-wrapper .select-hospital .select2 {
    width: 335px !important
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .half-slider {
        margin: 0 20px
    }

    body.rtl .half-slider-info-wrapper .half-slider {
        margin: 0 20px 0 35px
    }
}

.half-slider-info-wrapper .half-slider .slick-next {
    right: 10px
}

body.rtl .half-slider-info-wrapper .half-slider .slick-next {
    right: inherit;
    left: 10px
}

.half-slider-info-wrapper .half-slider .slick-prev {
    left: 10px;
    display: none !important
}

body.rtl .half-slider-info-wrapper .half-slider .slick-prev {
    left: inherit;
    right: 10px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .half-slider .slick-arrow {
        width: 44px;
        height: 44px
    }

    .half-slider-info-wrapper .half-slider .slick-arrow em {
        font-size: 14px
    }
}

.half-slider-info-wrapper .half-slider .item {
    position: relative;
    height: 370px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .half-slider .item {
        height: 220px;
        overflow: hidden
    }
}

.half-slider-info-wrapper .half-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.half-slider-info-wrapper .half-slider .item:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(193, 30, 67, .75);
    opacity: .25;
    position: absolute;
    top: 0;
    left: 0
}

.half-slider-info-wrapper .info-wrapper {
    display: flex;
    align-items: center;
    height: 100%
}

.half-slider-info-wrapper .info-wrapper-inner {
    width: 100%;
    position: relative;
    z-index: 9;
    border-radius: 0 4px 4px 0;
    border: solid 1px #d4d7dd;
    border-left: 0;
    background-color: #fff;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 20px
}

body.rtl .half-slider-info-wrapper .info-wrapper-inner {
    border-left: solid 1px #d4d7dd;
    border-right: none
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner {
        position: relative;
        top: -10px;
        width: 100%;
        margin: 0 20px;
        border: 0;
        padding: 0;
        border-radius: 4px;
        background-color: inherit
    }

    body.rtl .half-slider-info-wrapper .info-wrapper-inner {
        margin: 0 35px 0 20px
    }
}

.half-slider-info-wrapper .info-wrapper-inner.hotel-inner {
    padding: 65px 20px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner.hotel-inner {
        padding: 0
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-name {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hotel-name {
        margin: 0 0 0 20px
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-address {
    font-size: 14px;
    font-weight: 400;
    color: #151b26
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hotel-address {
        margin: 0 0 0 20px;
        font-size: 12px;
        font-weight: 400
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-phone {
    font-size: 14px;
    font-weight: 400;
    color: #151b26
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hotel-phone {
        margin: 0 0 0 20px;
        font-size: 12px;
        font-weight: 400
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room {
    margin: 40px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room {
        margin-top: 20px;
        width: 100%
    }

    .half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .dropdown-button span {
        font-size: 14px;
        font-weight: 700
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .dropdown-button em {
    font-size: 22px
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-slogan {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    width: 100%
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .form-group {
    width: 100%;
    margin-bottom: 20px
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .form-group input {
    height: 50px;
    border-radius: 4px;
    border: solid 1px #151b26;
    background-color: #fff;
    width: 100%;
    padding: 0 10px
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .select2 {
    width: 100% !important
}

.half-slider-info-wrapper .info-wrapper-inner .hotel-book-your-room .book-your-room .hotel-form .vertical-alignment {
    display: flex;
    flex-direction: column
}

.half-slider-info-wrapper .info-wrapper-inner .mobile-bg {
    padding: 15px 0;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    width: 100%
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-info {
    margin-bottom: 20px
}

@media (min-width: 768px) and (max-width: 992px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-info {
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-info {
        position: relative;
        margin-bottom: 0;
        padding: 0 50px 0 10px
    }

    body.rtl .half-slider-info-wrapper .info-wrapper-inner .hospital-info {
        padding: 0 10px 0 50px
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-info .icon {
    display: inline-block;
    font-size: 44px;
    margin-right: 20px;
    vertical-align: sub
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-info .icon {
        position: absolute;
        right: 10px;
        top: 20px;
        margin-right: 0
    }

    body.rtl .half-slider-info-wrapper .info-wrapper-inner .hospital-info .icon {
        right: inherit;
        left: 10px
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-info .name-logo {
    display: inline-block
}

@media (min-width: 768px) and (max-width: 992px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-info .name-logo {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-info .name-logo {
        margin-top: 0
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-info .name-logo .logo {
    display: inline-block;
    font-size: 10px;
    margin-bottom: 6px;
    color: #169ee3
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-info .name {
    color: #151b26;
    font-size: 16px;
    font-weight: 700
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-info .name .location {
    font-size: 14px;
    font-weight: 300;
    color: #169ee3
}

@media (max-width: 1199px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-info .name .location {
        display: block
    }
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-address {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #151b26;
    margin-bottom: 45px
}

.half-slider-info-wrapper .info-wrapper-inner .hospital-address a {
    color: #151b26
}

@media (max-width: 1199px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-address {
        margin-bottom: 30px;
        font-size: 14px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-address {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .hospital-address {
        margin-bottom: 5px;
        padding: 0 55px 0 10px;
        font-size: 12px
    }

    body.rtl .half-slider-info-wrapper .info-wrapper-inner .hospital-address {
        padding: 0 10px 0 55px
    }
}

.half-slider-info-wrapper .info-wrapper-inner .button {
    width: 335px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .button {
        margin: 0;
        width: 100%
    }
}

.half-slider-info-wrapper .info-wrapper-inner .button.plan-your-visit-btn {
    margin: 0 0 40px;
    font-size: 14px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .button.plan-your-visit-btn {
        margin: 0
    }
}

.half-slider-info-wrapper .info-wrapper-inner .button.book-your-room-btn {
    background-color: #151b26;
    margin: 40px 0 0;
    justify-content: space-between;
    padding: 0 20px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .info-wrapper-inner .button.book-your-room-btn {
        margin: 0
    }
}

.half-slider-info-wrapper .scrollable {
    position: relative;
    background-color: #fff;
    margin-top: 40px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable {
        margin: 0 0 0 20px
    }

    body.rtl .half-slider-info-wrapper .scrollable {
        margin: 0 20px 0 0
    }
}

.half-slider-info-wrapper .scrollable .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #151b26
}

.half-slider-info-wrapper .scrollable .scrollable-row {
    position: relative;
    flex-wrap: nowrap
}

.half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list {
    padding: 0 10% 0 0 !important
}

body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list {
    padding: 0 0 0 10% !important
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list {
        padding: 0 15px 0 0 !important
    }

    body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list {
        padding: 0 0 0 15% !important
    }
}

.half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list::after {
    content: '';
    width: 111px;
    height: 281px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    right: 0;
    top: 0
}

body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list::after {
    right: inherit;
    left: 0
}

@media (max-width: 1199px) {
    .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list::after {
        width: 93px
    }
}

@media (max-width: 991px) {
    .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list::after {
        width: 68px
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list::after {
        display: none
    }
}

.half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-list .slick-track {
    margin: initial
}

.half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-slide {
    margin-right: 30px
}

body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-slide {
    margin: 0 0 0 30px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-slide {
        margin-right: 5px
    }

    body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-slide {
        margin: 0 0 0 5px
    }
}

.half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-dots {
    display: none !important
}

.half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-next {
    right: 30px
}

body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-next {
    right: inherit;
    left: 30px
}

@media (max-width: 1199px) {
    .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-next {
        right: 23px
    }

    body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-next {
        right: inherit;
        left: 23px
    }
}

@media (max-width: 991px) {
    .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-next {
        right: 10px
    }

    body.rtl .half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-next {
        right: inherit;
        left: 10px
    }
}

.half-slider-info-wrapper .scrollable .scrollable-row.slick-slider .slick-prev {
    display: none !important
}

.half-slider-info-wrapper .scrollable .item {
    position: relative;
    width: 278px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable .item {
        padding-top: 5px
    }
}

.half-slider-info-wrapper .scrollable .item .img-wrapper .image-cover {
    position: relative;
    min-height: 170px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable .item .img-wrapper .image-cover {
        min-height: 110px
    }
}

.half-slider-info-wrapper .scrollable .item .img-wrapper .image-cover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(193, 30, 67, .75);
    opacity: .25;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.half-slider-info-wrapper .scrollable .item .img-wrapper .text {
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    padding: 15px 20px;
    color: #151b26;
    border-radius: 2px;
    box-shadow: 0 4px 10px 0 rgba(119, 119, 119, .5);
    border: solid 1px #fff;
    background-color: #fff;
    text-align: center;
    margin-top: 10px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .half-slider-info-wrapper .scrollable .item .img-wrapper .text {
        padding: 15px 9px
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable .item .img-wrapper .text {
        font-size: 12px;
        font-weight: 500;
        padding: 10px;
        margin-top: 0;
        min-height: 48px
    }
}

.half-slider-info-wrapper .scrollable .item img {
    width: 100%;
    display: block
}

.half-slider-info-wrapper .scrollable .item > .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 0 0 4px 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden;
    text-align: center
}

@media (max-width: 767px) {
    .half-slider-info-wrapper .scrollable .item > .link {
        padding-left: 0;
        border-radius: 0 0 4px 4px;
        top: -20px;
        z-index: 1
    }
}

.half-slider-info-wrapper .scrollable .item > .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #169ee3;
    text-align: center
}

.half-slider-info-wrapper .scrollable .item > .link > .icon em {
    color: #fff
}

.half-slider-info-wrapper .scrollable.promotion-hospitals-slider .item .img-wrapper .text {
    color: #169ee3
}

.half-slider-info-wrapper .scrollable.promotion-hospitals-slider .item > .link {
    background-color: #151b26
}

.half-slider-info-wrapper .scrollable.promotion-hospitals-slider .item img, .page-heart-risk-calc .wrapper-box.doctors .content-wrapper .item .image-cover img {
    height: 100%;
    object-fit: cover
}

.half-slider-info-wrapper.image-info-wrapper .promotion-title {
    text-align: left;
    margin-bottom: 45px
}

body.rtl .half-slider-info-wrapper.image-info-wrapper .promotion-title {
    text-align: right
}

@media (max-width: 767px) {
    .half-slider-info-wrapper.image-info-wrapper .promotion-title {
        margin-bottom: 20px
    }
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner {
        padding: 20px 20px 0
    }
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .image-cover {
    height: 370px;
    overflow: hidden
}

@media (max-width: 991px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .image-cover {
        height: 270px
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .image-cover {
        height: 200px
    }
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner {
    padding: 40px 20px;
    position: relative
}

@media (max-width: 767px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner {
        margin: 0;
        padding: 20px 0 45px;
        top: 0
    }
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .details {
    margin: 50px 0 80px
}

@media (max-width: 991px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .details {
        margin: 0
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .details {
        margin: 0 0 10px
    }
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .details .title {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    margin-bottom: 15px
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .details .detail {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #151b26
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .link {
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    color: #151b26;
    text-decoration: underline;
    padding-right: 15px;
    position: absolute;
    right: 85px;
    bottom: 40px
}

@media (max-width: 991px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .link {
        right: 50px;
        bottom: 20px
    }
}

.half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .link::after {
    content: '';
    width: 13px;
    height: 17px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 2px
}

@media (max-width: 767px) {
    .half-slider-info-wrapper.image-info-wrapper .half-slider-info-inner .info-wrapper-inner .link {
        right: 0;
        bottom: 15px
    }
}

.half-slider-info-wrapper.plan-your-visit {
    margin-top: 0;
    background-color: #fff
}

@media (max-width: 991px) {
    .half-slider-info-wrapper.plan-your-visit {
        background-color: inherit;
        margin-top: 30px
    }
}

.half-slider-info-wrapper.plan-your-visit .main-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 35px 40px
}

@media (max-width: 991px) {
    .half-slider-info-wrapper.plan-your-visit .main-title {
        font-size: 20px;
        margin: 0 0 20px
    }
}

.half-slider-info-wrapper.plan-your-visit .half-slider-info-inner {
    padding: 0
}

@media (max-width: 991px) {
    .half-slider-info-wrapper.plan-your-visit .half-slider-info-inner {
        padding: 40px 0 0
    }
}

@media (max-width: 767px) {
    .half-slider-info-wrapper.plan-your-visit .half-slider-info-inner {
        padding: 20px 0 0
    }
}

.promotion-form-wrapper, .testimonials {
    margin-top: 40px
}

.promotion-form-wrapper .promotion-title {
    color: #fff;
    margin-bottom: 35px
}

.promotion-form-wrapper form .field {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .promotion-form-wrapper form .field {
        width: 100%
    }
}

.promotion-form-wrapper form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .promotion-form-wrapper form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .promotion-form-wrapper form .field.field-checkbox {
        width: 100%
    }
}

.promotion-form-wrapper form .field .select2 {
    width: 100% !important
}

.promotion-form-wrapper form .field label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-direction: column
}

.page-plain-page .contact-form .field input, .page-plain-page .contact-form .field select, .promotion-form-wrapper form .field input, .promotion-form-wrapper form .field select, .visa-application .wrapper form .field input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.page-plain-page .contact-form .field textarea, .promotion-form-wrapper form .field textarea {
    width: 100%;
    padding: 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff;
    height: 150px
}

.promotion-form-wrapper form .checkbox {
    margin: 40px auto 0;
    padding-left: 35px
}

body.rtl .promotion-form-wrapper form .checkbox, body.rtl .promotion-form-wrapper form .inputfile + label span {
    padding: 0 35px 0 0
}

.promotion-form-wrapper form .checkbox a {
    color: #fff !important
}

.promotion-form-wrapper form .actions {
    margin-top: 10px;
    width: 100%;
    text-align: center
}

.promotion-form-wrapper form .actions button {
    width: 165px;
    height: 50px;
    font-size: 14px;
    font-weight: 600
}

.promotion-form-wrapper form .inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.promotion-form-wrapper form .inputfile + label {
    width: 278px;
    height: 53px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: auto
}

.promotion-form-wrapper form .inputfile + label * {
    pointer-events: none
}

.promotion-form-wrapper form .inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

.testimonials .promotion-title {
    margin-bottom: 40px
}

.testimonials .testimonials-video-wrapper {
    position: relative;
    margin-bottom: 40px;
    display: block;
    color: #151b26;
    border-radius: 4px
}

@media (max-width: 767px) {
    .testimonials .testimonials-video-wrapper {
        margin-bottom: 15px
    }
}

.testimonials .testimonials-video-wrapper .video-js {
    min-height: initial;
    max-height: 616px;
    height: calc(100vh - 250px)
}

@media all and (-ms-high-contrast: none) {
    .testimonials .testimonials-video-wrapper .video-js {
        min-height: auto
    }
}

@media (max-width: 1199px) {
    .testimonials .testimonials-video-wrapper .video-js {
        max-height: 475px
    }
}

@media (max-width: 991px) {
    .testimonials .testimonials-video-wrapper .video-js {
        max-height: 340px
    }
}

@media (max-width: 767px) {
    .testimonials .testimonials-video-wrapper .video-js {
        min-height: 170px;
        border-radius: 4px;
        overflow: auto;
        height: auto
    }
}

.testimonials .video-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 20px;
    color: #151b26
}

@media (max-width: 767px) {
    .testimonials .video-name {
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 15px
    }
}

.testimonials .video-name em {
    font-size: 24px;
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block
}

@media (max-width: 767px) {
    .testimonials .video-name em {
        font-size: 16px;
        margin-right: 8px
    }
}

.testimonials .name {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #151b26;
    margin-left: 49px
}

@media (max-width: 767px) {
    .testimonials .name {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.33;
        margin-left: 29px
    }
}

.promotion-videos {
    padding: 60px 0 35px;
    background-color: #fff
}

@media (max-width: 991px) {
    .promotion-videos {
        padding: 20px 0 20px 20px
    }
}

.promotion-videos .videos-wrapper {
    display: flex;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper {
        display: block;
        justify-content: inherit
    }

    .promotion-videos .videos-wrapper .slick-list {
        padding: 0 70px 0 0 !important
    }

    .promotion-videos .videos-wrapper .slick-slide {
        width: auto;
        padding-right: 10px
    }
}

.promotion-videos .videos-wrapper .slick-dots {
    left: 0
}

.promotion-videos .videos-wrapper .item {
    padding: 0 25px 25px;
    width: 350px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-right: 20px;
    position: relative;
    display: block;
    justify-content: inherit;
    height: auto;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .promotion-videos .videos-wrapper .item {
        width: 300px
    }
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper .item {
        height: 240px !important;
        padding: 0
    }
}

.promotion-videos .videos-wrapper .item .img-wrapper {
    position: relative;
    display: block;
    margin: -25px 0 20px
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper .item .img-wrapper {
        margin: 0 0 10px
    }
}

.promotion-videos .videos-wrapper .item .img-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 4px
}

.promotion-videos .videos-wrapper .item .img-wrapper .image-cover {
    height: 165px;
    border-radius: 4px
}

@media (max-width: 1199px) {
    .promotion-videos .videos-wrapper .item .img-wrapper .image-cover {
        height: 140px
    }
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper .item .img-wrapper .image-cover {
        height: 150px
    }
}

@media (max-width: 767px) {
    .promotion-videos .videos-wrapper .item .img-wrapper .image-cover {
        height: 130px;
        width: auto
    }
}

.promotion-videos .videos-wrapper .item .img-wrapper .image-cover img {
    width: 100%;
    display: block;
    border-radius: 4px
}

.promotion-videos .videos-wrapper .item .img-wrapper .bg-icon-play {
    background-image: url(https://cdn.memorial.com.tr/files/images/youtube-w.svg);
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    position: absolute;
    font-size: 90px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper .item .img-wrapper .bg-icon-play {
        font-size: 48px
    }
}

.promotion-videos .videos-wrapper .item .branch {
    font-size: 12px;
    font-weight: 500;
    color: #151b26;
    opacity: .5;
    padding: 10px 0 0
}

@media (max-width: 767px) {
    .promotion-videos .videos-wrapper .item .branch {
        padding: 0 35px 0 10px
    }
}

.promotion-videos .videos-wrapper .item .title {
    font-size: 16px;
    display: block;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
    color: #151b26
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper .item .title {
        padding: 0 10px;
        font-size: 14px
    }
}

.promotion-videos .videos-wrapper .item .title h2 {
    font-size: 16px;
    font-weight: 700;
    color: #151b26
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper .item .title h2 {
        font-size: 14px
    }
}

.promotion-videos .videos-wrapper .item .time {
    display: none;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    color: #151b26;
    opacity: .5;
    position: absolute;
    right: 10px;
    bottom: 10px
}

@media (max-width: 991px) {
    .promotion-videos .videos-wrapper .item .time {
        display: block
    }

    .promotion-videos .more {
        margin: 30px 0 0 -10px
    }
}

.promotion-patient-thanks {
    margin-top: 80px
}

@media (max-width: 767px) {
    .promotion-patient-thanks {
        margin-top: 30px;
        padding: 0;
        margin-left: 20px
    }

    .promotion-patient-thanks .container {
        padding: 0
    }
}

.promotion-patient-thanks .content {
    width: 100%;
    height: 330px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 40px;
    background-image: url(https://cdn.memorial.com.tr/files/images/hasta_tes%CC%A7ekku%CC%88rleri_desktop.jpg);
    background-position: bottom;
    position: relative
}

@media (max-width: 767px) {
    .promotion-patient-thanks .content {
        justify-content: flex-start;
        padding: 30px 20px 0;
        background-position: center;
        background-size: cover;
        height: 296px;
        background-image: url(https://cdn.memorial.com.tr/files/images/hasta_tes%CC%A7ekku%CC%88rleri_mobil.png)
    }
}

.promotion-patient-thanks .content:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -40px;
    background-color: rgba(193, 30, 67, .5)
}

@media (max-width: 767px) {
    .promotion-patient-thanks .content:before {
        margin: -30px -20px
    }
}

.promotion-patient-thanks .content .hero {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
    z-index: 9
}

@media (max-width: 767px) {
    .promotion-patient-thanks .content .hero {
        font-size: 20px;
        font-weight: 700
    }
}

.promotion-patient-thanks .content p {
    font-size: 16px;
    font-weight: 500;
    opacity: .5;
    color: #fff
}

@media (max-width: 767px) {
    .promotion-patient-thanks .content p {
        font-size: 14px
    }

    .promotion-patient-thanks .triple {
        margin-left: 20px
    }

    .promotion-patient-thanks .triple .slick-dots {
        left: 0
    }
}

.promotion-patient-thanks .messages {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 40px;
    margin-top: -30px
}

@media (max-width: 767px) {
    .promotion-patient-thanks .messages {
        display: block;
        margin-top: -150px
    }
}

.promotion-patient-thanks .messages .slick-slide {
    padding-right: 15px
}

@media (max-width: 767px) {
    .promotion-patient-thanks .messages .slick-slide {
        padding-right: 5px
    }
}

.promotion-patient-thanks .message {
    width: 350px;
    height: 282px;
    padding: 70px 40px 30px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #d4d7dd;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-right: 30px
}

.promotion-patient-thanks .message:last-child {
    margin-right: 0
}

@media (max-width: 1199px) {
    .promotion-patient-thanks .message {
        padding: 60px 20px 30px;
        height: 300px
    }
}

@media (max-width: 767px) {
    .promotion-patient-thanks .message {
        box-shadow: none;
        height: 212px;
        margin-right: 5px;
        padding: 45px 20px
    }
}

.promotion-patient-thanks .message .apostrophe {
    position: absolute;
    color: #151b26
}

.patient-stories.double .stories-box .story .apostrophe-box .apostrophe em, .promotion-patient-thanks .message .apostrophe em {
    font-size: 60px
}

@media (max-width: 767px) {
    .promotion-patient-thanks .message .apostrophe em {
        font-size: 50px
    }
}

.promotion-patient-thanks .message .apostrophe-start {
    top: 20px;
    left: 10px
}

@media (max-width: 767px) {
    .promotion-patient-thanks .message .apostrophe-start {
        top: 10px;
        left: 0
    }
}

.promotion-patient-thanks .message .apostrophe-end {
    right: 10px;
    bottom: -10px
}

@media (max-width: 767px) {
    .promotion-patient-thanks .message .apostrophe-end {
        right: 0;
        bottom: -20px
    }
}

.promotion-patient-thanks .message .date {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #777
}

@media (max-width: 767px) {
    .promotion-patient-thanks .message .date {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 5px
    }
}

.promotion-patient-thanks .message .title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
    color: #169ee3;
    position: relative
}

@media (max-width: 991px) {
    .promotion-patient-thanks .message .title {
        padding-right: 15px
    }
}

@media (max-width: 767px) {
    .promotion-patient-thanks .message .title {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.promotion-patient-thanks .message .title .icon-right {
    position: absolute;
    right: 0;
    top: 50%;
    color: #151b26;
    font-size: 14px;
    transform: translateY(-50%)
}

.promotion-patient-thanks .message .comment {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    max-height: 100px;
    overflow: hidden
}

@media (max-width: 767px) {
    .promotion-patient-thanks .message .comment {
        font-size: 14px;
        font-weight: 400;
        padding-right: 20px
    }
}

.promotion-patient-thanks .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

@media (max-width: 767px) {
    .promotion-patient-thanks .more {
        padding-left: 20px;
        text-align: left;
        font-size: 16px;
        font-weight: 800
    }
}

.promotion-patient-thanks .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

@media (max-width: 767px) {
    .promotion-patient-thanks .more em::before {
        font-weight: 900
    }

    .promotion-patient-thanks .more em {
        font-size: 10px
    }
}

.bg-promotion {
    background: url(https://cdn.memorial.com.tr/files/images/bg-promotion.svg) no-repeat;
    background-position-y: 110px;
    background-size: contain
}

.double-slider-wrapper {
    padding-bottom: 20px
}

@media (max-width: 767px) {
    .double-slider-wrapper {
        padding-bottom: 30px
    }
}

.double-slider-wrapper .double-slider-nav-content {
    position: relative;
    margin-bottom: 30px;
    z-index: 1
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav {
    width: 79%;
    margin: 0 auto
}

@media (max-width: 767px) {
    .double-slider-wrapper .double-slider-nav-content .double-slider-nav {
        width: 96%
    }
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav .item {
    min-width: 270px;
    margin: 35px 10px 0
}

@media (max-width: 1199px) {
    .double-slider-wrapper .double-slider-nav-content .double-slider-nav .item {
        min-width: auto
    }
}

@media (max-width: 767px) {
    .double-slider-wrapper .double-slider-nav-content .double-slider-nav .item {
        margin-top: 25px;
        min-width: initial
    }
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav .item .logo {
    width: 80px;
    height: 80px;
    display: block;
    overflow: hidden;
    margin: 0 auto
}

@media (max-width: 767px) {
    .double-slider-wrapper .double-slider-nav-content .double-slider-nav .item .logo {
        width: 50px;
        height: 50px
    }
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav .item .logo img {
    width: 100%
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav .item .name {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #151b26;
    display: block;
    margin-top: 15px
}

@media (max-width: 767px) {
    .double-slider-wrapper .double-slider-nav-content .double-slider-nav .item .name {
        font-size: 10px;
        min-height: 26px;
        margin-top: 5px
    }
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav .item.active {
    margin-top: 0
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav .item.active .logo {
    width: 150px;
    height: 150px
}

@media (max-width: 767px) {
    .double-slider-wrapper .double-slider-nav-content .double-slider-nav .item.active .logo {
        width: 95px;
        height: 95px
    }
}

.double-slider-wrapper .double-slider-nav-content .double-slider-nav .item.active .name {
    display: none
}

.double-slider-wrapper .double-slider-nav-content .double-slider-line {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    background: #169ee3;
    z-index: -1
}

.double-slider-wrapper .double-slider-content {
    width: 62%;
    margin: 0 auto;
    padding: 30px 20px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .double-slider-wrapper .double-slider-content {
        width: 90%;
        padding: 20px 15px
    }
}

.double-slider-wrapper .double-slider-content .double-slider .double-slider-item .slider-title {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: #151b26;
    margin-bottom: 20px;
    text-align: center
}

@media (max-width: 767px) {
    .double-slider-wrapper .double-slider-content .double-slider .double-slider-item .slider-title {
        font-size: 16px
    }
}

.double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px solid #d4d7dd
}

.double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li .name {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #151b26;
    padding-left: 25px;
    margin-bottom: 20px;
    display: block;
    position: relative
}

body.rtl .double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li .name {
    padding: 0 25px 0 0
}

.double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li .name::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #169ee3;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
    border-radius: 50%
}

body.rtl .double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li .name::before {
    left: inherit;
    right: 4px
}

.double-slider-wrapper .double-slider-content .double-slider .double-slider-item ul li p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    color: #151b26;
    padding-left: 20px
}

@media (max-width: 768px) {
    .promotion .promotion-title {
        text-align: left
    }

    .promotion .text-content-img .wrapper-box .title {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 45px 10px 15px;
        background-size: 20px
    }

    .promotion .text-content-img.mobile-active .wrapper-box .title {
        border-bottom: solid 1px #d4d7dd;
        font-weight: 700
    }

    .promotion .text-content-img.mobile-active .wrapper-box .mobile-item-content {
        padding: 20px 15px
    }

    .find-your-hotel .hotel-info {
        height: auto;
        border: 0;
        padding: 0;
        margin-top: -10px;
        border-radius: 4px
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .find-your-hotel .hotel-info pr-0 {
        padding-right: 15px
    }
}

@media (max-width: 768px) {
    .mobile-toggle-container-promotion .title {
        margin-bottom: 0;
        cursor: pointer;
        background: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg) no-repeat 95% center
    }

    .mobile-toggle-container-promotion .mobile-item-content {
        display: none
    }

    .mobile-toggle-container-promotion.mobile-active .title {
        background: url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg) no-repeat 95% center
    }

    .mobile-toggle-container-promotion.mobile-active .mobile-item-content {
        display: block
    }

    .promotion .promotion-inner {
        padding-top: 50px
    }

    .promotion .promotion-inner .item-list li {
        margin-bottom: 20px
    }

    .promotion .promotion-inner .item-list li:last-child {
        margin-bottom: 0
    }

    .promotion .full-video-wrapper {
        padding: 40px 0;
        margin-top: 50px
    }

    .promotion .full-video-wrapper .video-subtitle {
        text-align: left
    }

    .promotion .full-video-wrapper .video-subtitle h3.video-text {
        font-size: 16px;
        font-weight: 400
    }

    .promotion .video-js .vjs-big-play-button {
        background-size: 50px !important
    }

    .promotion .why-memorial .desc {
        line-height: 26px
    }

    .promotion .why-memorial .desc span {
        line-height: normal
    }
}

.iti__country-list .iti__country-name {
    color: #000
}

.page-plain-page {
    background: #f5f8fb;
    padding: 30px 0
}

.page-plain-page .box {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 40px 50px;
    position: relative
}

@media (max-width: 767px) {
    .page-plain-page .box {
        padding: 20px
    }
}

.page-plain-page .box .content h2, .page-plain-page .box .content h4 {
    font-size: 16px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 20px;
    position: relative;
    padding-left: 0
}

body.rtl .page-plain-page .box .content h2, body.rtl .page-plain-page .box .content h4 {
    padding: 0 0 0 auto
}

.page-plain-page .box .content h2:first-child, .page-plain-page .box .content h4:first-child {
    margin-top: 0
}

@media (max-width: 767px) {
    .page-plain-page .box .content h2, .page-plain-page .box .content h4 {
        margin-right: 20px
    }

    body.rtl .page-plain-page .box .content h2, body.rtl .page-plain-page .box .content h4 {
        margin: 0 0 0 20px
    }
}

.page-plain-page .box .content h2:before, .page-plain-page .box .content h4:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 7.5px;
    background-color: #169ee3;
    position: absolute;
    left: -15px;
    margin-top: 6px
}

body.rtl .page-plain-page .box .content h2:before, body.rtl .page-plain-page .box .content h4:before {
    left: inherit;
    right: -15px
}

@media (max-width: 768px) {
    .page-plain-page .box .content h2:before, .page-plain-page .box .content h4:before {
        left: -10px
    }

    body.rtl .page-plain-page .box .content h2:before, body.rtl .page-plain-page .box .content h4:before {
        left: inherit;
        right: -10px
    }
}

.page-plain-page .box .content p, .page-plain-page .box .content ul li {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: #151b26;
    margin-bottom: 20px
}

.page-plain-page .box .content ul {
    margin-top: 20px;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .page-plain-page .box .content ul {
        padding-left: 0
    }

    body.rtl .page-plain-page .box .content ul {
        padding: 0 0 0 auto
    }
}

.page-plain-page .box .content ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    line-height: 20px
}

body.rtl .page-plain-page .box .content ul li {
    padding: 0 30px 0 0
}

.page-plain-page .box .content ul li:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@check2.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 2px
}

@media (max-width: 767px) {
    .page-plain-page .box .content ul li:before {
        left: 0
    }

    body.rtl .page-plain-page .box .content ul li:before {
        left: inherit;
        right: 0
    }
}

.page-plain-page .box .content ul:last-of-type {
    margin-bottom: 20px
}

.page-plain-page .box .content li a, .page-plain-page .box .content p a {
    text-decoration: underline;
    color: inherit
}

.page-plain-page .box .content .link {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: normal;
    color: #169ee3;
    text-decoration: underline
}

.page-plain-page .contact-form {
    position: relative;
    z-index: 5;
    margin-top: 40px;
    padding: 30px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-plain-page .contact-form {
        padding: 30px 13px
    }
}

.page-plain-page .contact-form .hero {
    margin-bottom: 10px;
    color: #151b26;
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

.page-plain-page .contact-form .desc {
    margin-bottom: 30px;
    color: #151b26;
    font-size: 16px;
    text-align: center
}

.page-plain-page .contact-form .field {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .page-plain-page .contact-form .field {
        width: 100%
    }
}

.page-plain-page .contact-form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .page-plain-page .contact-form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .page-plain-page .contact-form .field.field-checkbox {
        width: 100%
    }
}

.page-plain-page .contact-form .field .select2 {
    width: 100% !important
}

.page-plain-page .contact-form .field #example1 > div, .visa-application .wrapper form .field #example1 > div {
    margin: 0 auto
}

.page-plain-page .contact-form .checkbox {
    margin: 0 auto;
    padding-left: 35px
}

body.rtl .page-plain-page .contact-form .checkbox {
    padding: 0 35px 0 0
}

.page-plain-page .contact-form .checkbox label {
    font-size: 12px;
    line-height: 17px
}

.page-plain-page .contact-form form, .visa-application .wrapper form {
    width: 100%;
    margin: 15px auto;
    max-width: 100%
}

.page-plain-page .contact-form form .col-4 {
    flex: 0 0 100%;
    max-width: 100%
}

.page-plain-page .contact-form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

@media (max-width: 767px) {
    .page-plain-page .contact-form button {
        width: 165px
    }
}

.page-plain-page .socialmedia-share {
    right: 20px;
    top: 25px
}

body.rtl .page-plain-page .socialmedia-share, body.rtl .patient-stories .search .search-story-btn {
    right: inherit;
    left: 20px
}

@media (max-width: 767px) {
    .page-plain-page .socialmedia-share {
        right: 15px;
        top: 20px
    }

    body.rtl .page-plain-page .socialmedia-share {
        right: inherit;
        left: 15px
    }
}

.page-plain-page .socialmedia-share .dropdown-button {
    height: 24px
}

.hero-text-appointment {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #169ee3;
    height: 200px !important
}

.hero-text-appointment .title {
    margin-top: 0;
    color: #fff;
    margin-left: 0;
    font-size: 20px;
    font-weight: 500
}

.page-appointment-later.appointment-info .appointment-summary {
    border: 0;
    top: -100px
}

.page-appointment-later.appointment-info .appointment-summary .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.page-appointment-later.appointment-info .appointment-summary .buttons .button {
    margin-bottom: 20px
}

.page-appointment-later.appointment-info .appointment-summary .items > div {
    border: 0;
    max-width: 100%;
    flex: 100%
}

.page-appointment-later.address-info, .page-appointment-later.doctor-info, .page-appointment-later.hospital-info, .page-appointment-later.videos {
    padding-top: 40px
}

.page-appointment-later.address-info .address-info-container {
    padding: 20px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 3px
}

.page-appointment-later.address-info .address-info-container .label {
    margin-bottom: 20px;
    color: #169ee3;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    text-decoration: underline
}

.page-appointment-later.address-info .address-info-container .hospital-name {
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.page-appointment-later.address-info .address-info-container .hospital-address {
    font-size: 14px;
    font-weight: 500;
    color: #151b26
}

.page-appointment-later.address-info .address-info-container .hospital-map {
    position: relative;
    margin: 20px -20px 0 !important;
    width: calc(100% + 40px) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.page-appointment-later.address-info .address-info-container .hospital-map-link {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border: solid 1px #151b26;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 165px
}

.page-appointment-later.address-info .address-info-container .hospital-map-link img {
    margin: 0 5px;
    width: 24px;
    height: 24px
}

.page-appointment-later.address-info .address-info-container .hospital-map-link .text {
    margin: 0 5px;
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.page-appointment-later.doctor-info .doctor-info-container {
    position: relative
}

.page-appointment-later.doctor-info .doctor-info-container .label {
    margin-bottom: 20px;
    color: #169ee3;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    text-decoration: underline
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-card {
    display: flex;
    align-items: center;
    padding: 40px 20px;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    margin: 0 -20px;
    width: 95%
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-card .left .doctor-name {
    font-size: 16px;
    font-weight: 700;
    color: #151b26
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-card .left .doctor-title {
    font-size: 12px;
    font-weight: 600;
    color: #2688da
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-card .left .doctor-hospital .memorial-logo img {
    width: 78px
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-card .left .doctor-hospital .hospital-name {
    font-size: 16px;
    font-weight: 500;
    color: #777
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-card .right {
    position: absolute;
    right: 0
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-specialty .title {
    font-size: 14px;
    font-weight: 700;
    color: #151b26;
    margin-top: 20px
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-specialty ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 10px
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-specialty ul li {
    flex: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    margin-bottom: 5px
}

.page-appointment-later.doctor-info .doctor-info-container .doctor-specialty ul li:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #2688da;
    border-radius: 50%
}

.page-appointment-later.doctor-info .doctor-info-container, .page-appointment-later.hospital-info .hospital-info-container, .page-appointment-later.videos .videos-container {
    padding: 20px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 3px
}

.page-appointment-later.hospital-info .hospital-info-container .label {
    margin-bottom: 20px;
    color: #169ee3;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    text-decoration: underline
}

.page-appointment-later.hospital-info .hospital-info-container .hospital-services ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 20px 10px
}

.page-appointment-later.hospital-info .hospital-info-container .hospital-services ul li {
    flex: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #151b26;
    position: relative;
    margin-bottom: 5px
}

.page-appointment-later.hospital-info .hospital-info-container .hospital-services ul li:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #169ee3;
    border-radius: 50%
}

.page-appointment-later.hospital-info .hospital-info-container .hospital-image {
    position: relative
}

.page-appointment-later.hospital-info .hospital-info-container .hospital-image img {
    border-radius: 4px
}

.page-appointment-later.hospital-info .hospital-info-container .hospital-image .hospital-link {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border: solid 1px #151b26;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 165px;
    font-size: 14px;
    font-weight: 700;
    color: #151b26
}

.page-appointment-later.videos .videos-container .label {
    margin-bottom: 20px;
    color: #169ee3;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    text-decoration: underline
}

.page-appointment-later.videos .videos-container .video-image {
    position: relative;
    display: block
}

.page-appointment-later.videos .videos-container .video-image .icon-youtube {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 60px
}

.page-appointment-later.videos .videos-container .video-image .icon-youtube:before {
    font-weight: 800
}

.patient-stories {
    background-color: #f5f8fb;
    padding: 40px 0 30px
}

@media (max-width: 767px) {
    .patient-stories {
        padding: 20px 0 30px
    }
}

.patient-stories .search {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .patient-stories .search {
        margin-bottom: 10px
    }
}

.patient-stories .search input, .patient-stories .search select {
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.patient-stories .search select {
    font-size: 16px;
    width: 335px;
    background-color: #fff
}

@media (max-width: 767px) {
    .patient-stories .search select {
        margin-bottom: 10px
    }
}

.patient-stories .search .select2-container {
    width: 100% !important
}

@media (max-width: 767px) {
    .patient-stories .search .select2-container {
        margin-bottom: 10px
    }

    .patient-stories .search .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .patient-stories .search .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px
    }
}

.patient-stories .search .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .patient-stories .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    color: #151b26
}

@media (max-width: 767px) {
    .patient-stories .search .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .patient-stories .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        font-size: 14px
    }
}

.patient-stories .search input {
    font-size: 14px;
    width: 100%
}

@media (max-width: 767px) {
    .patient-stories .search input {
        height: 50px
    }
}

.patient-stories .search input:-ms-input-placeholder {
    color: #151b26
}

.patient-stories .search input::-ms-input-placeholder {
    color: #151b26
}

.patient-stories .search input::placeholder {
    color: #151b26
}

.patient-stories .search input::-webkit-input-placeholder {
    color: #151b26
}

.patient-stories .search input:-webkit-input-placeholder {
    color: #151b26
}

.patient-stories .search .search-stories {
    width: 100% !important;
    position: relative
}

.patient-stories .search .search-stories input {
    padding: 0 50px 0 20px
}

@media (max-width: 767px) {
    .patient-stories .search .search-stories input {
        padding: 0 35px 0 20px
    }
}

.patient-stories .search .search-story-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

@media (max-width: 767px) {
    .patient-stories .search .search-story-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }

    body.rtl .patient-stories .search .search-story-btn {
        right: inherit;
        left: 10px
    }
}

.full-width-wrapper {
    min-height: 355px;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(119, 119, 119, .5);
    background-color: #fff;
    padding: 40px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .full-width-wrapper {
        height: auto;
        padding: 30px 20px 20px
    }
}

.full-width-wrapper .full-width-wrapper-inner {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 20px 25px 25px;
    position: relative
}

@media (max-width: 767px) {
    .full-width-wrapper .full-width-wrapper-inner {
        padding: 15px 20px 40px
    }
}

.full-width-wrapper .full-width-wrapper-inner a {
    display: block
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-title {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #169ee3;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-title {
        font-size: 18px
    }
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    color: #151b26
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details a {
    margin-top: 5px;
    display: inline-block;
    color: #151b26
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details .big-size {
    font-size: 20px
}

@media (max-width: 767px) {
    .full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details .big-size {
        font-size: 14px
    }
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details .colored {
    color: #169ee3
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details .lined {
    text-decoration: underline
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details .arrowed {
    position: relative;
    padding-right: 15px
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-details .arrowed::after {
    content: '';
    width: 14px;
    height: 17px;
    background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
    background-size: 20px;
    position: absolute;
    top: 0;
    right: 0
}

.full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-content {
    margin-top: 15px;
    overflow: hidden;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #151b26
}

@media (max-width: 767px) {
    .full-width-wrapper .full-width-wrapper-inner .full-width-wrapper-content {
        height: auto;
        font-size: 14px
    }
}

.full-width-wrapper .full-width-wrapper-inner .date {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #777;
    position: absolute;
    right: 20px;
    bottom: 10px
}

@media (max-width: 767px) {
    .full-width-wrapper .full-width-wrapper-inner .date {
        font-size: 13px
    }
}

.patient-story {
    padding-bottom: 50px;
    background-color: #f5f8fb
}

.patient-story .wrapper {
    margin-top: -50px;
    position: relative
}

.patient-story .wrapper-inner {
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    padding: 80px;
    position: relative
}

@media (max-width: 767px) {
    .patient-story .wrapper-inner {
        padding: 25px 20px 60px
    }
}

.patient-story .wrapper-inner .actions-button {
    position: absolute;
    top: 20px;
    right: 40px
}

@media (max-width: 767px) {
    .patient-story .wrapper-inner .actions-button {
        top: auto;
        right: auto;
        left: 20px;
        bottom: 30px
    }

    .patient-story .wrapper-inner .actions-button .dropdown-button {
        height: 26px
    }

    .patient-story .wrapper-inner .actions-button .socialmedia-share {
        position: relative;
        right: inherit;
        top: inherit
    }
}

.patient-story .wrapper-inner h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #151b26;
    margin: 40px 0 20px
}

@media (max-width: 767px) {
    .patient-story .wrapper-inner h2 {
        margin: 35px 0
    }
}

.patient-story .wrapper-inner h2:first-of-type {
    margin: 0 0 20px
}

.patient-story .wrapper-inner h2.colored {
    color: #169ee3;
    text-align: center;
    font-style: italic
}

.patient-story .wrapper-inner p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #151b26;
    margin-bottom: 40px
}

.patient-story .wrapper-inner .image-box {
    margin: 60px -80px
}

@media (max-width: 767px) {
    .patient-story .wrapper-inner .image-box {
        margin: 20 -20px
    }
}

.patient-story .wrapper-inner img {
    width: 100% !important;
    height: 100% !important
}

.patient-story .wrapper-inner .date {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #777;
    position: absolute;
    right: 20px;
    bottom: 35px
}

@media (max-width: 767px) {
    .patient-story .wrapper-inner .date {
        font-size: 13px
    }
}

.navigation-wrapper {
    padding: 20px 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .navigation-wrapper {
        display: block;
        padding: 18px;
        margin-bottom: 20px
    }
}

.navigation-wrapper a {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 16px;
    padding: 10px 16px 10px 0;
    border-right: 2px solid #169ee3;
    justify-content: space-around;
    text-align: center;
    max-width: 340px
}

@media (max-width: 767px) {
    .navigation-wrapper a {
        border: unset;
        margin: 0;
        justify-content: flex-start;
        text-align: left
    }
}

.navigation-wrapper a:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0
}

@media (max-width: 767px) {
    .navigation-wrapper a .icon {
        height: 24px
    }

    .navigation-wrapper a .icon img {
        width: 28px;
        height: 100%
    }
}

.navigation-wrapper a .text {
    font-size: 20px;
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: underline;
    color: #151b26;
    font-weight: 800;
    text-align: left
}

@media (max-width: 767px) {
    .navigation-wrapper a .text {
        font-size: 14px
    }
}

.le-hero .hero font, .lp-hero .hero font, .navigation-wrapper a .text.lighter {
    font-weight: 600
}

.navigation-wrapper a .right em {
    font-size: 14px;
    color: #151b26
}

@media (max-width: 767px) {
    .navigation-wrapper a .right em {
        font-size: 10px
    }
}

.search-result-empty {
    font-size: 28px;
    color: #151b26;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .search-result-empty {
        font-size: 14px;
        margin-top: 20px
    }
}

.patient-thanks {
    background-color: #f5f8fb;
    padding: 25px 0 15px
}

@media (max-width: 767px) {
    .patient-thanks {
        padding: 20px 0 30px
    }
}

.patient-thanks .search {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .patient-thanks .search {
        margin-bottom: 10px
    }
}

.patient-thanks .search input, .patient-thanks .search select {
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    color: #151b26;
    box-shadow: 0 0 20px 0 rgba(137, 197, 204, .25);
    background-position: calc(100% - 15px) center;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none
}

.patient-thanks .search select {
    font-size: 16px;
    width: 335px;
    background-color: #fff
}

@media (max-width: 767px) {
    .patient-thanks .search select {
        margin-bottom: 10px
    }
}

.patient-thanks .search .select2-container {
    width: 100% !important
}

@media (max-width: 767px) {
    .patient-thanks .search .select2-container {
        margin-bottom: 10px
    }

    .patient-thanks .search .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .patient-thanks .search .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px
    }
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-arrow > em, .patient-thanks .search .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .patient-thanks .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
    color: #151b26
}

@media (max-width: 767px) {
    .patient-thanks .search .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .patient-thanks .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        font-size: 14px
    }
}

.patient-thanks .search input {
    font-size: 14px;
    width: 100%
}

@media (max-width: 767px) {
    .patient-thanks .search input {
        height: 50px
    }
}

.patient-thanks .search input:-ms-input-placeholder {
    color: #151b26
}

.patient-thanks .search input::-ms-input-placeholder {
    color: #151b26
}

.patient-thanks .search input::placeholder {
    color: #151b26
}

.patient-thanks .search input::-webkit-input-placeholder {
    color: #151b26
}

.patient-thanks .search input:-webkit-input-placeholder {
    color: #151b26
}

.patient-thanks .search .search-thanks {
    width: 100% !important;
    position: relative
}

.patient-thanks .search .search-thanks-btn {
    position: absolute;
    background-image: url(https://cdn.memorial.com.tr/files/images/search.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

body.rtl .patient-thanks .search .search-thanks-btn {
    right: inherit;
    left: 20px
}

@media (max-width: 767px) {
    .patient-thanks .search .search-thanks-btn {
        background-size: 20px;
        width: 20px;
        height: 20px;
        right: 10px
    }

    body.rtl .patient-thanks .search .search-thanks-btn {
        right: inherit;
        left: 10px
    }
}

.page-heart-risk-calc > .container > .wrapper {
    margin: 0 0 -50px
}

.page-heart-risk-calc .heart-risk-calculator-iframe {
    background: #fff;
    padding: 40px 30px 30px;
    border: 1px solid #d4d7dd;
    border-radius: 4px
}

@media (max-width: 767px) {
    .page-heart-risk-calc .heart-risk-calculator-iframe {
        padding: 10px;
        margin-bottom: 20px
    }
}

.page-heart-risk-calc .heart-risk-calculator-iframe .hrc-iframe {
    border: 0;
    outline: 0;
    height: 900px;
    overflow: visible;
    margin-top: 0
}

@media (max-width: 767px) {
    .page-heart-risk-calc .heart-risk-calculator-iframe .hrc-iframe {
        height: 970px
    }
}

@media (max-width: 767px) {
    .doctor-info-appointment {
        padding-bottom: 0 !important;
        margin-bottom: 6px !important
    }

    .doctor-info-appointment .doctor-info-units {
        padding: 0 20px
    }
}

.doctor-info-appointment .doctor-info-units .active-unit {
    color: #151b26;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-info-units .active-unit {
        font-size: 16px
    }
}

.doctor-info-appointment .doctor-info-units .other-units {
    color: #636c6e;
    font-size: 20px;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 15px;
    display: block
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-info-units .other-units {
        font-size: 16px
    }
}

.doctor-info-appointment .doctor-card-info .other-hospitals {
    color: #636c6e;
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 15px;
    display: block
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-card-info .other-hospitals {
        font-size: 16px
    }
}

.doctor-info-appointment .doctor-card-info .thanks-patient {
    color: #169ee3;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 15px;
    display: block
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-card-info .thanks-patient {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0
    }
}

.doctor-info-appointment .calendar {
    display: block;
    padding-left: 15px;
    height: 100%
}

body.rtl .doctor-info-appointment .calendar {
    padding: 0 15px 0 0
}

@media (min-width: 992px) and (max-width: 1200px) {
    .doctor-info-appointment .calendar {
        padding-left: 30px
    }

    body.rtl .doctor-info-appointment .calendar {
        padding: 0 30px 0 0
    }
}

@media (max-width: 991px) {
    .doctor-info-appointment .calendar {
        padding-left: 0
    }

    body.rtl .doctor-info-appointment .calendar {
        padding: 0 15px 0 0
    }
}

.doctor-info-appointment .calendar > .js-preloader-section {
    z-index: 999
}



.doctor-info-appointment .calendar .mobile-appointment-content {
    height: 100%
}

.doctor-info-appointment .calendar .doctorslotdays {
    position: relative;
    width: 100%;
    min-height: 200px
}

.container .single-slider .single-video-slider .video-item .content h3, .container .single-slider .single-video-slider .video-item .content span, .doctor-info-appointment .calendar .select-hospital-unit {
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .doctor-info-appointment .calendar .select-hospital-unit {
        margin: 10px 0 0
    }
}

.doctor-info-appointment .calendar .select-hospital-unit .select2-container {
    width: 100% !important
}

@media (max-width: 767px) {
    .doctor-info-appointment .calendar .select-hospital-unit .select2-container {
        border: solid 1px #d4d7dd
    }
}

.doctor-info-appointment .calendar .create-appointment-form {
    height: calc(100% - 102px);
    position: relative;
    padding-bottom: 65px
}

@media (max-width: 991px) {
    .doctor-info-appointment .calendar .create-appointment-form {
        padding-bottom: 0
    }
}

.doctor-info-appointment .calendar .create-appointment-form .doctor-actions {
    display: block
}

@media (max-width: 991px) {
    .doctor-info-appointment .calendar .create-appointment-form .doctor-actions {
        position: relative
    }
}

@media (max-width: 767px) {
    .doctor-info-appointment .calendar .create-appointment-form .doctor-actions {
        display: flex
    }
}

.doctor-info-appointment .calendar .create-appointment-form .doctor-actions .button-e_doctor {
    float: left
}

.doctor-info-appointment .calendar .create-appointment-form .doctor-actions .button-appointment {
    float: right
}

@media (max-width: 767px) {
    .doctor-info-appointment .calendar, body.rtl .doctor-info-appointment .calendar {
        padding: 0 20px
    }
}

.doctor-info-appointment .dates {
    margin-bottom: 20px
}

.doctor-info-appointment .doctor-appointment-warning-boxes .box-item {
    border: 1px solid;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-warning-boxes .box-item {
        padding: 10px
    }
}

.doctor-info-appointment .doctor-appointment-warning-boxes .box-item .box-title {
    font-size: 14px;
    font-weight: 700;
    color: #151b26;
    margin-bottom: 5px
}

.doctor-info-appointment .doctor-appointment-warning-boxes .box-item .box-title span {
    color: #c12145
}

.doctor-info-appointment .doctor-appointment-warning-boxes .box-item .box-content p {
    font-size: 14px;
    line-height: 1.4
}

.doctor-info-appointment .doctor-appointment-warning-boxes .box-item.gray {
    border-color: #979797
}

.doctor-info-appointment .doctor-appointment-warning-boxes .box-item.red {
    border-color: #c12145
}

.doctor-info-appointment .doctor-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-actions {
        flex-direction: column-reverse
    }
}

.doctor-info-appointment .doctor-actions .button-e_doctor {
    width: 320px
}

@media (min-width: 992px) and (max-width: 1200px) {
    .doctor-info-appointment .doctor-actions .button-e_doctor {
        width: 270px
    }
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-actions .button-e_doctor {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .doctor-info-appointment .doctor-actions .button-e_doctor .icon {
        margin-right: 10px
    }
}

.doctor-info-appointment .doctor-appointment-calendar {
    display: flex
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-calendar {
        flex-direction: column-reverse
    }
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider {
    flex: 0 0 70%;
    max-width: 70%;
    padding: 20px
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-calendar .appointment-slider {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-arrow {
    background: 0 0;
    outline: 0
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-prev {
    left: -32px
}

body.rtl .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-prev {
    left: inherit;
    right: -32px
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-next {
    right: -32px
}

body.rtl .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-next {
    right: inherit;
    left: -32px
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-slide {
        padding: 0 12px
    }

    body.rtl .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slick-slide {
        padding: 0 16px
    }
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 300ms ease
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide:hover {
    opacity: .8;
    transition: all 300ms ease
}

.doctor-info-appointment .calendar, .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide.active {
    position: relative
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide.active .date, .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide.active .day {
    font-weight: 700
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide.active:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    border-radius: 4px;
    background-color: #169ee3
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide .date, .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide .day {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #151b26
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide .date {
    font-style: normal
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide .date {
        font-size: 14px
    }
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide .day {
    font-style: italic
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-calendar .appointment-slider .slide .day {
        font-size: 12px
    }
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-datepicker-container {
    flex: 0 0 30%;
    max-width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-datepicker-container .datepicker-appointment {
    width: 100%;
    background-position: 11px center;
    padding-left: 39px;
    font-size: 12px
}

body.rtl .doctor-info-appointment .doctor-appointment-calendar .appointment-datepicker-container .datepicker-appointment {
    padding: 0 39px 0 0;
    background-position: 97% center
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-calendar .appointment-datepicker-container {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px
    }
}

.doctor-info-appointment .doctor-appointment-calendar .appointment-datepicker-container .datepicker-apointment-input {
    width: 165px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #151b26;
    background: url(https://cdn.memorial.com.tr/files/images/calendar.svg) no-repeat;
    background-size: 24px;
    background-position: 16px center;
    background-color: #fff;
    padding-right: 26px;
    padding-left: 56px;
    cursor: pointer;
    font-size: 14px
}

@media (max-width: 767px) {
    .doctor-info-appointment .doctor-appointment-calendar .appointment-datepicker-container .datepicker-apointment-input {
        width: 100%;
        background-position: calc(50% - 60px) center;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        box-shadow: 0 0 20px rgba(137, 197, 204, .5);
        border: solid 1px #d4d7dd
    }
}

@media (max-width: 767px) {
    .doctor-info-appointment .calendar {
        margin-bottom: 5px
    }

    .doctor-info-appointment .calendar.mobile-active .mobile-appointment-content {
        display: block
    }

    .doctor-info-appointment .calendar.mobile-active .easy-appointment-title {
        background-image: url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg)
    }

    .doctor-info-appointment .calendar .mobile-appointment-content {
        display: none
    }

    
}

.doctor-info-appointment .appointment-time-list {
    display: block;
    margin-bottom: 34px;
    padding-left: 40px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

body.rtl .doctor-info-appointment .appointment-time-list {
    padding: 0 40px 0 0
}

.doctor-info-appointment .appointment-time-list li {
    width: 19%;
    margin-right: 6px;
    margin-top: 3px;
    margin-bottom: 3px
}

body.rtl .doctor-info-appointment .appointment-time-list li {
    margin: 3px 0 3px 6px
}

.doctor-info-appointment .appointment-time-list li:nth-child(5n+5) {
    margin-right: 0
}

@media (max-width: 991px) {
    .doctor-info-appointment .appointment-time-list li {
        width: 23%
    }

    .doctor-info-appointment .appointment-time-list li:nth-child(5n+5) {
        margin-right: 6px
    }

    body.rtl .doctor-info-appointment .appointment-time-list li:nth-child(5n+5) {
        margin: 3px 0 3px 6px
    }
}

@media (max-width: 767px) {
    .doctor-info-appointment .appointment-time-list li {
        width: 23%
    }

    .doctor-info-appointment .appointment-time-list li:nth-child(3n+3), .doctor-info-appointment .appointment-time-list li:nth-child(5n+5) {
        margin-right: 6px
    }

    body.rtl .doctor-info-appointment .appointment-time-list li:nth-child(3n+3), body.rtl .doctor-info-appointment .appointment-time-list li:nth-child(5n+5) {
        margin: 3px 0 3px 6px
    }

    .doctor-info-appointment .appointment-time-list {
        padding-left: 20px;
        margin-bottom: 0
    }

    body.rtl .doctor-info-appointment .appointment-time-list {
        padding: 0 20px 0 0
    }
}

.doctor-info-appointment .appointment-time-list .tabs .select-date {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    color: #777
}

.doctor-info-appointment .appointment-time-list .tabs input.datepicker-element {
    cursor: pointer;
    border: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.doctor-info-appointment .appointment-time-list .tabs .input {
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    width: 100%;
    line-height: 50px;
    margin-bottom: 20px;
    position: relative;
    display: block;
    border: 1px solid #d4d7dd;
    text-align: center;
    color: #151b26
}

@media (max-width: 767px) {
    .doctor-info-appointment .appointment-time-list .tabs .input {
        width: 90%;
        margin: 10px auto
    }
}

.doctor-info-appointment .appointment-time-list .tabs .input em {
    position: absolute;
    width: 40px;
    top: 50%;
    transform: translateY(-50%)
}

.doctor-info-appointment .appointment-time-list .tabs .input em.prev {
    left: 0;
    border-right: 1px solid #d4d7dd
}

.doctor-info-appointment .appointment-time-list .tabs .input em.next {
    right: 0;
    border-left: 1px solid #d4d7dd
}

.doctor-info-appointment .appointment-time-list .appointment-time-list .dates {
    padding: 30px;
    border: solid 1px #d4d7dd;
    border-radius: 4px
}

@media (max-width: 991px) {
    .doctor-info-appointment .appointment-time-list .appointment-time-list .dates {
        padding: 0;
        border: 0
    }
}

.doctor-info-appointment .appointment-time-list .appointment-time-list li a {
    font-size: 16px;
    font-weight: 400;
    width: 108px;
    height: 50px;
    margin-right: 10px;
    border-radius: 3px;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 6px;
    line-height: 50px;
    text-align: center;
    color: #151b26
}

.doctor-info-appointment .appointment-time-list .appointment-time-list li.passive a {
    cursor: not-allowed;
    border-color: #d4d7dd;
    opacity: .25
}

.doctor-info-appointment .appointment-time-list .appointment-time-list li.selected a {
    font-weight: 700;
    border-width: 2px;
    border-color: #151b26
}

@media (max-width: 767px) {
    .body-doctor .datepicker-container {
        left: 2% !important;
        width: 96% !important;
        padding: 16px 0
    }

    .body-doctor .datepicker-panel > ul > li {
        width: calc(100% / 8.4);
        margin-right: 4px;
        margin-left: 4px
    }
}

.body-doctor .datepicker-top-left:after, .body-doctor .datepicker-top-right:after {
    border-bottom-color: transparent;
    top: -4px
}

.body-doctor .datepicker-top-left:before, .body-doctor .datepicker-top-right:before, .login-area .auth-area .column .form .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 10px
}

@media (max-width: 767px) {
    .body-doctor .datepicker-top-left:before, .body-doctor .datepicker-top-right:before {
        left: 50%
    }
}

.body-doctor .flatpickr-calendar.open {
    z-index: 999999999
}


.visa-application {
    background-color: #f5f8fb;
    padding: 40px 0 50px
}

.visa-application .wrapper {
    padding: 40px;
    border: 1px solid #d4d7dd;
    background-color: #fff;
    border-radius: 4px
}

@media (max-width: 767px) {
    .visa-application .wrapper {
        padding: 30px 15px
    }
}

.visa-application .wrapper h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    color: #151b26;
    position: relative;
    line-height: 22px;
    margin-bottom: 40px;
    text-align: center
}

@media (max-width: 767px) {
    .visa-application .wrapper h2 {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.visa-application .wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    color: #151b26
}

.visa-application .wrapper form .field {
    width: 355px;
    margin: 10px auto
}

@media (max-width: 767px) {
    .visa-application .wrapper form .field {
        width: 100%
    }
}

.visa-application .wrapper form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .visa-application .wrapper form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .visa-application .wrapper form .field.field-checkbox {
        width: 100%
    }
}

.visa-application .wrapper form .field .select2 {
    width: 100% !important
}

.visa-application .wrapper form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.visa-application .wrapper form .checkbox {
    margin: 0 auto;
    padding-left: 35px
}

.visa-application .wrapper form .checkbox label {
    font-size: 12px;
    line-height: 17px;
    display: block
}

.visa-application .wrapper form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.visa-application .wrapper form button {
    cursor: pointer;
    display: inline-block;
    width: 280px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

@media (max-width: 767px) {
    .visa-application .wrapper form button {
        width: 165px
    }
}

.login-area {
    border-radius: 0px;
    background-color: #169ee3;
    padding: 30px;
    min-height: 100vh;
}

@media (max-width: 991px) {
    .login-area {
        padding: 40px 15px;
    }
}

.login-area .login-area-heading > .title {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    padding: 30px 0 20px;
    text-align: center
}

@media (max-width: 991px) {
    .login-area .login-area-heading > .title {
        font-size: 18px;
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .login-area .login-area-heading > .title {
        text-align: left
    }
}

.login-area .login-area-heading > .subtitle {
    font-size: 18px;
    color: #fff;
    padding-bottom: 30px;
    text-align: center
}

@media (max-width: 991px) {
    .login-area .login-area-heading > .subtitle {
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 20px
    }
}

@media (max-width: 767px) {
    .login-area .login-area-heading > .subtitle {
        text-align: left
    }
}

.login-area .auth-area {
    padding-top: 0;
    padding-bottom: 30px;
    margin-bottom: 0
}

.login-area .auth-area .column {
    flex: 0 0 100%;
    max-width: 100%;
    color: #151b26;
    padding: 40px 0;
    background-color: #fff;
    border-radius: 0px;
    border: solid 1px #d4d7dd;
    position: relative;
}

@media (max-width: 991px) {
    .login-area .auth-area .column {
        padding: 40px;
        margin: 0
    }
}

.login-area .auth-area .column .new-sms-form {
    display: none;
    width: 35%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 991px) {
    .login-area .auth-area .column .new-sms-form {
        width: 100%;
        padding: 0 20px
    }
}

.login-area .auth-area .column .new-sms-form p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #151b26
}

.login-area .auth-area .column .form-desc {
    margin: 20px auto 40px;
    width: 50%
}

@media (max-width: 991px) {
    .login-area .auth-area .column .form-desc {
        width: 100%;
        margin: 20px auto
    }
}

.login-area .auth-area .column .form-desc p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #151b26
}

@media (max-width: 767px) {
    .login-area .auth-area .column .form-desc p {
        text-align: left
    }
}

.login-area .auth-area .column .form-desc p a {
    color: #151b26
}

.login-area .auth-area .column .sms-code-info {
    text-align: center;
    margin: 60px auto 0;
    width: 50%
}

.login-area .auth-area .column .sms-code-info p {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: normal;
    color: #151b26
}

.login-area .auth-area .column .sms-code-desc p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #151b26;
    width: 50%;
    margin: 0 auto 40px
}

@media (max-width: 991px) {
    .login-area .auth-area .column .sms-code-desc p {
        width: 100%;
        padding: 0 20px
    }
}

.login-area .auth-area .column .sms-code-desc-bottom {
    font-size: 14px;
    font-style: italic;
    text-align: center;
    color: #151b26;
    width: 50%;
    margin: 40px auto 0
}

@media (max-width: 991px) {
    .login-area .auth-area .column .sms-code-desc-bottom {
        width: 100%
    }
}

.login-area .auth-area .column .form {
    width: 100%
}

@media (max-width: 991px) {
    .login-area .auth-area .column .form {
        width: 100%
    }
}

.login-area .auth-area .column .form .field {
    width: 35%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 991px) {
    .login-area .auth-area .column .form .field {
        width: 100%
    }
}

@media (max-width: 767px) {
    .login-area .auth-area .column .form .field .login-button {
        width: 165px !important
    }

    .login-area .auth-area .column .form .field .col-4 {
        padding: 0 10px
    }
}

.login-area .auth-area .column .form .field .intl-phone-mask {
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

.login-area .auth-area .column .form .field.field-half {
    width: 50%
}

@media (max-width: 991px) {
    .login-area .auth-area .column .form .field.field-half {
        width: 100%
    }
}

.login-area .auth-area .column .form .field.field-3-4 {
    width: 75%
}

@media (max-width: 991px) {
    .login-area .auth-area .column .form .field.field-3-4 {
        width: 100%
    }
}

.calc-form .calc-form-info .logo img, .login-area .auth-area .column .form .field.field-full {
    width: 100%
}

.login-area .auth-area .column .form .field.field-checkbox {
    width: 60%
}

@media (max-width: 767px) {
    .login-area .auth-area .column .form .field.field-checkbox {
        width: 100%
    }
}

.login-area .auth-area .column .form .field .g-recaptcha {
    margin-top: 25px
}

@media (max-width: 767px) {
    .login-area .auth-area .column .form .toggle-login {
        padding-left: 15px
    }
}

.login-area .auth-area .column .form .toggle-login .radio {
    margin-bottom: 15px
}

.calc-form form .field .radio input[type=radio].styled-radio:checked + label > span::before, .login-area .auth-area .column .form .toggle-login .radio input[type=radio].styled-radio:checked + label > span::before {
    height: 6px;
    width: 6px;
    top: 3px;
    left: 3px;
    background: #151b26
}

.calc-form form .field .radio input[type=radio].styled-radio + label > span, .login-area .auth-area .column .form .toggle-login .radio input[type=radio].styled-radio + label > span {
    width: 14px;
    height: 14px
}

.login-area .auth-area .column .form .field-login-method {
    display: none
}

.login-area .auth-area .column .form .field-login-method.active {
    display: block
}

.login-area .auth-area .column .form .recaptcha-container > div {
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 991px) {
    .login-area .smsForm {
        padding: 0 10px
    }
}

.login-area .smsForm .buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px) {
    .login-area .smsForm .buttons {
        flex-direction: column
    }
}

.login-area .smsForm .buttons button {
    width: 45% !important;
    margin: 0
}

@media (max-width: 991px) {
    .login-area .smsForm .buttons button {
        width: 60% !important;
        margin-bottom: 20px
    }
}

.login-area.assay-login-area {
    width: 1110px;
    margin: 0 auto -50px;
    background-color: #fff;
    border: solid 1px #d4d7dd;
    border-radius: 4px;
    position: relative;
    top: -50px
}

@media (min-width: 320px) {
    .login-area.assay-login-area {
        width: calc(100% - 30px)
    }
}

@media (min-width: 576px) {
    .login-area.assay-login-area {
        max-width: 510px
    }
}

@media (min-width: 768px) {
    .login-area.assay-login-area {
        max-width: 690px
    }
}

@media (min-width: 992px) {
    .login-area.assay-login-area {
        max-width: 930px
    }
}

@media (min-width: 1200px) {
    .login-area.assay-login-area {
        max-width: 1110px
    }
}

@media (max-width: 767px) {
    .login-area.assay-login-area {
        padding: 0 10px;
        top: -80px;
        margin: 0 15px -80px
    }
}

.login-area.assay-login-area .login-area-heading .title {
    color: #151b26
}

@media (max-width: 767px) {
    .login-area.assay-login-area .login-area-heading .title {
        padding: 30px 0 15px
    }
}

.login-area.assay-login-area .login-area-heading .subtitle {
    display: none
}

@media (max-width: 767px) {
    .login-area.assay-login-area .login-area-heading .subtitle {
        padding-bottom: 15px
    }
}

.login-area.assay-login-area .auth-area .column {
    border: 0;
    padding: 0
}

@media (max-width: 767px) {
    .login-area.assay-login-area .auth-area .column .container {
        padding: 0
    }
}

.login-area.assay-login-area .auth-area .column .form-desc {
    width: 60%;
    margin: 10px auto 40px
}

@media (max-width: 767px) {
    .login-area.assay-login-area .auth-area .column .form-desc {
        width: 100%;
        margin: 5px auto 20px
    }

    .login-area.assay-login-area .auth-area .column .form-desc p {
        font-size: 12px;
        line-height: 17px
    }

    .login-area.assay-login-area .auth-area .column .form .col-4:first-of-type {
        padding: 0 10px 0 15px
    }

    .login-area.assay-login-area .auth-area .column .form .col-4:nth-child(3) {
        padding: 0 15px 0 10px
    }

    .login-area.assay-login-area .auth-area .column .form .field .g-recaptcha {
        margin-top: 35px
    }

    .login-area.assay-login-area .auth-area .column .form .field .login-button {
        margin: 50px auto 30px;
        font-size: 14px
    }
}

.assay-main {
    background-color: #f5f8fb
}



.body-login .select2-container--default .select2-results__option[aria-disabled=true] {
    display: none
}

.landing-page-single .content-wrapper > h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: 0;
    color: #151b26
}

@media (max-width: 767px) {
    .landing-page-single .content-wrapper > h1 {
        margin-top: 20px;
        font-size: 24px
    }

    .landing-page-single .content-wrapper {
        display: block !important
    }
}

.landing-page-single .content-wrapper img {
    width: 100% !important;
    height: auto !important
}

@media (max-width: 767px) {
    .contact-form-content form .field, .footer-contact-form form .field {
        width: 100%;
        margin: 0 auto 30px
    }
}

.footer-contact-form form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .contact-form-content form .field.field-checkbox, .footer-contact-form form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .contact-form-content form .field.field-checkbox, .footer-contact-form form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .contact-form-content form .actions, .footer-contact-form form .actions {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .contact-form-content form button, .footer-contact-form form button {
        width: 165px !important
    }
}

.lp-hero {
    position: relative;
    height: 440px;
    background-size: cover;
    background-position: center
}

@media all and (-ms-high-contrast: none) {
    .lp-hero {
        margin-top: 130px
    }
}

@media (max-width: 767px) {
    .lp-hero {
        height: 252px
    }
}

.le-hero:before, .lp-hero:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.lp-hero .container {
    position: relative;
    z-index: 2;
    padding: 80px 15px
}

@media (max-width: 767px) {
    .lp-hero .container {
        padding: 40px 20px
    }
}

.lp-hero .hero {
    margin-bottom: 10px;
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 70px;
    letter-spacing: normal
}

@media (max-width: 767px) {
    .lp-hero .hero {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 20px
    }
}

.lp-hero .sub-hero {
    width: 75%;
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
    color: #fff
}

@media (max-width: 767px) {
    .lp-hero .sub-hero {
        width: 85%;
        font-size: 14px
    }
}

.calculator-component {
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #d4d7dd;
    background-color: #fff;
    padding: 30px 70px 60px
}

@media (max-width: 767px) {
    .calculator-component {
        padding: 20px 15px;
        margin: 0 5px;
        border-radius: 4px 4px 0 0
    }
}

.calculator-component.align-top {
    position: relative;
    top: -100px;
    margin-bottom: -100px
}

@media (max-width: 767px) {
    .calculator-component.align-top {
        top: -50px;
        margin-bottom: -50px
    }
}

.calculator-component .calculator-component-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.09;
    color: #169ee3;
    text-align: center
}

@media (max-width: 767px) {
    .calculator-component .calculator-component-title {
        font-size: 24px;
        line-height: 1.46;
        text-align: left
    }
}

.calculator-component .calculator-component-wrapper {
    margin-top: 35px
}

.calc-form {
    padding: 0 15px
}

@media (max-width: 767px) {
    .calc-form {
        padding: 0
    }
}

.calc-form .calc-form-info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

@media (max-width: 767px) {
    .calc-form .calc-form-info {
        align-items: center
    }
}

.calc-form .calc-form-info .logo {
    width: 90px;
    height: 90px;
    margin-right: 35px
}

@media (max-width: 767px) {
    .calc-form .calc-form-info .logo {
        width: 58px;
        height: 58px;
        margin-right: 10px
    }
}

.calc-form .calc-form-info .info-content {
    width: calc(100% - 125px)
}

@media (max-width: 767px) {
    .calc-form .calc-form-info .info-content {
        width: calc(100% - 68px)
    }
}

.calc-form .calc-form-info .info-content .info-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #169ee3;
    margin-bottom: 10px
}

.calc-form .calc-form-info .info-content .info-text {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #151b26
}

.calc-form form {
    margin: 15px 10px 30px
}

@media (max-width: 767px) {
    .calc-form form {
        margin: 15px 0 25px
    }
}

.calc-form form .field {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 0 25px;
    width: auto
}

.calc-form form .field.radio-box {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start
}

.calc-form form .field .input-field {
    width: 350px
}

@media (max-width: 767px) {
    .calc-form form .field .input-field {
        width: 235px
    }
}

.calc-form form .field .select-field {
    width: 60px
}

.calc-form form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.calc-form form .field input, .calc-form form .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid #151b26;
    background-color: #fff
}

.calc-form form .field .bvalidator-insert-msg + .select2 .select2-selection, .calc-form form .field .select2-basic + .select2 .select2-selection {
    border: 1px solid #151b26;
    padding: 0 5px 0 0
}

.calc-form form .field .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
    color: #151b26
}

.calc-form form .field .bvalidator-insert-msg + .select2 .select2-selection__arrow, .calc-form form .field .select2-basic + .select2 .select2-selection__arrow {
    right: 5px
}

.calc-form form .field .bvalidator-insert-msg + .select2 .select2-selection__arrow b:before, .calc-form form .field .select2-basic + .select2 .select2-selection__arrow b:before {
    padding: 4px
}

.calc-form form .field .radio-box-content {
    display: flex;
    flex-direction: row;
    margin-top: 5px
}

.calc-form form .field .radio {
    margin-right: 20px
}

.calc-form form .field .radio label {
    padding-left: 0;
    flex-direction: row
}

.calc-form form .calc-button {
    width: 335px
}

@media (max-width: 767px) {
    .calc-form form .calc-button {
        width: 278px
    }
}

.cacl-result-wrapper {
    border-radius: 3px;
    border: solid 1px #d4d7dd;
    padding: 40px 35px 25px
}

@media (max-width: 767px) {
    .cacl-result-wrapper {
        padding: 30px 10px;
        margin: 0 -8px
    }
}

.cacl-result-wrapper .result-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.75;
    color: #151b26;
    text-align: center
}

@media (max-width: 767px) {
    .cacl-result-wrapper .result-title {
        font-size: 16px
    }
}

.cacl-result-wrapper .result-color {
    color: #169ee3
}

.cacl-result-wrapper .result-info {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #151b26;
    margin-top: 10px
}

@media (max-width: 767px) {
    .cacl-result-wrapper .result-info {
        font-size: 14px
    }
}

.cacl-result-wrapper .contact-button {
    width: 335px;
    margin: 25px auto 0;
    font-weight: 500;
    color: #000
}

@media (max-width: 767px) {
    .cacl-result-wrapper .contact-button {
        width: 278px;
        display: none
    }
}

.progress-bar-container {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 70px 0 40px
}

.progress-bar-container .separator {
    width: 4px;
    height: 34px;
    border-radius: 2px;
    background-color: #9fa1a6;
    border: 1px solid #151b26;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 1
}

.progress-bar-container.black-red-gradient .progress-bar-gradient-wrapper .progress-bar-gradient {
    background: linear-gradient(to right, #244176, #091d43, #151b26, #169ee3)
}

.progress-bar-container .progress-bar-gradient-wrapper {
    width: 100%;
    height: 14px;
    border-radius: 7px;
    box-shadow: 0 10px 20px 0 #d4d7dd;
    background-color: #f5f8fb;
    position: relative;
    overflow: hidden
}

.progress-bar-container .progress-bar-gradient-wrapper .progress-bar-gradient {
    width: 100%;
    height: 17px;
    transition: width 2s;
    position: relative
}

.progress-bar-container .icons {
    width: 100%;
    position: absolute;
    top: -26px;
    left: 0
}

.progress-bar-container .icons span {
    position: absolute;
    z-index: 1;
    height: 40px
}

.progress-bar-container .icons span::before {
    content: '';
    width: 2.5px;
    height: 14px;
    background-color: #b2b6bb;
    position: absolute;
    left: -1px;
    bottom: 0
}

.progress-bar-container .icons span:first-child::before {
    display: none
}

.progress-bar-container .icons .thin::after {
    left: 2px
}

.progress-bar-container .icons .normal-weight::after, .progress-bar-container .icons .overweight::after, .progress-bar-container .icons .thin::after {
    content: '';
    width: 10px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    z-index: -1
}

.progress-bar-container .icons .super-fat::after {
    content: '';
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    z-index: -1
}

.progress-bar-container .icons .normal-weight .red-img, .progress-bar-container .icons .overweight .red-img, .progress-bar-container .icons .super-fat .red-img, .progress-bar-container .icons .thin .red-img, .progress-bar-container .icons .thin.active .gray-img {
    display: none
}

.progress-bar-container .icons .thin.active .red-img {
    display: block
}

.progress-bar-container .icons .normal-weight {
    left: 20%
}

.progress-bar-container .icons .normal-weight::after {
    left: 3.5px
}

.progress-bar-container .icons .normal-weight.active .gray-img {
    display: none
}

.progress-bar-container .icons .normal-weight.active .red-img {
    display: block
}

.progress-bar-container .icons .overweight {
    left: 40%
}

.progress-bar-container .icons .overweight::after {
    left: 4px
}

.progress-bar-container .icons .overweight.active .gray-img {
    display: none
}

.progress-bar-container .icons .overweight.active .red-img {
    display: block
}

.progress-bar-container .icons .super-fat {
    left: 60%
}

.progress-bar-container .icons .super-fat::after {
    width: 15px;
    left: 6px
}

.progress-bar-container .icons .super-fat.active .gray-img {
    display: none
}

.progress-bar-container .icons .super-fat.active .red-img {
    display: block
}

.progress-bar-container .progress-bar-steps {
    margin-top: 10px
}

.progress-bar-container .progress-bar-steps .step {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #777;
    display: inline-block;
    padding: 0 0 0 20px;
    max-width: 78px;
    vertical-align: top
}

.progress-bar-container .progress-bar-steps .step:first-child {
    padding: 0 20px 0 5px
}

.progress-bar-container .progress-bar-steps .step:last-child {
    padding: 0 0 0 70px
}

.result-sub-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 35px
}

.result-sub-info .logo {
    width: 48px;
    height: 48px;
    margin-right: 20px
}

@media (max-width: 767px) {
    .result-sub-info .logo {
        margin-right: 15px
    }
}

.about-component .info-icon img, .doctors-section.aesthetic.hospital .doctors .item .image-cover img, .patient-stories.double .stories-box .story .user-box .user-avatar .avatar-image-bg .avatar-image img, .result-sub-info .logo img {
    width: 100%
}

.result-sub-info .info-content {
    width: calc(100% - 68px)
}

@media (max-width: 767px) {
    .result-sub-info .info-content {
        width: calc(100% - 63px)
    }
}

.result-sub-info .info-content .info-text {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #151b26
}

.contact-form-content {
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #d4d7dd;
    background-color: #fff;
    padding: 75px 10px 65px;
    margin-top: 20px
}

@media (max-width: 767px) {
    .contact-form-content {
        padding: 5px 10px 30px;
        margin: 0 5px;
        position: relative;
        z-index: 1;
        top: -2px;
        box-shadow: 0 20px 20px 0 #d4d7dd;
        border-radius: 0 0 4px 4px
    }
}

.contact-form-content .hero {
    margin-bottom: 10px;
    color: #151b26;
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

@media (max-width: 767px) {
    .contact-form-content .hero {
        font-size: 20px;
        text-align: left
    }
}

.contact-form-content .desc {
    margin-bottom: 30px;
    color: #151b26;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: center
}

@media (max-width: 767px) {
    .contact-form-content .desc {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.83;
        text-align: left;
        margin-bottom: 20px
    }
}

.contact-form-content form, .footer-contact-form form {
    width: 100%;
    margin: 15px auto;
    max-width: 100%
}

@media (max-width: 767px) {
    .contact-form-content form .field {
        width: 100%;
        margin: 0 auto 30px
    }
}

.contact-form-content form .field.field-checkbox {
    width: 650px
}

@media (max-width: 991px) {
    .contact-form-content form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .contact-form-content form .field.field-checkbox {
        width: 100%
    }
}

.contact-form-content form .field input, .contact-form-content form .field select, .footer-contact-form form .field input, .footer-contact-form form .field select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-radius: 4px;
    border: solid 1px #d4d7dd;
    background-color: #fff
}

@media (max-width: 767px) {
    .contact-form-content form .actions {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .contact-form-content form button {
        width: 165px !important
    }
}

.before-after-wrapper {
    margin-top: 80px
}

@media (max-width: 767px) {
    .before-after-wrapper {
        margin-top: 50px
    }
}

.before-after-wrapper .component-title {
    font-size: 36px;
    font-weight: 700;
    line-height: .97;
    color: #151b26
}

@media (max-width: 767px) {
    .before-after-wrapper .component-title {
        font-size: 20px
    }
}

.before-after-component {
    margin-top: 40px
}

.before-after-component .item {
    border-radius: 4px;
    background-color: #fff;
    padding: 40px
}

@media (max-width: 767px) {
    .before-after-component .item {
        border-radius: 2.2px;
        padding: 15px
    }
}

.before-after-component .item .item-inner {
    border-radius: 16px;
    display: flex;
    flex-direction: row
}

.before-after-component .item .item-inner .before-item-inner {
    width: 50%;
    overflow: hidden;
    border-radius: 16px 0 0 16px;
    position: relative
}

body.rtl .before-after-component .item .item-inner .before-item-inner {
    border-radius: 0 16px 16px 0
}

@media (max-width: 767px) {
    .before-after-component .item .item-inner .before-item-inner {
        max-height: 200px
    }
}

.before-after-component .item .item-inner .after-item-inner {
    width: 50%;
    overflow: hidden;
    border-radius: 0 16px 16px 0;
    position: relative
}

@media (max-width: 767px) {
    .before-after-component .item .item-inner .after-item-inner {
        max-height: 200px
    }
}

.before-after-component .item .item-inner .absl-element {
    width: 100%;
    height: 42px;
    font-size: 24px;
    font-weight: 900;
    line-height: normal;
    letter-spacing: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0
}

body.rtl .before-after-component .item .item-inner .absl-element {
    left: inherit;
    right: 0
}

.before-after-component .item .item-inner .absl-element.white-bg {
    background-color: rgba(255, 255, 255, .5);
    color: #169ee3;
    box-shadow: 0 10px 22px 0 #d4d7dd, inset 3px 3px 11px 0 rgba(255, 255, 255, .5);
    border-radius: 16px 0 0 0
}

.before-after-component .item .item-inner .absl-element.red-bg {
    background-color: #169ee3;
    color: #fff;
    box-shadow: 0 10px 22px 0 rgba(21, 27, 38, .5), inset 3px 3px 11px 0 rgba(21, 27, 38, .5);
    border-radius: 0 16px 0 0
}

body.rtl .before-after-component .item .item-inner .absl-element.red-bg {
    border-radius: 0 0 16px 0
}

@media (max-width: 767px) {
    .before-after-component .item .item-inner .absl-element {
        font-size: 18px
    }

    .before-after-component .slick-list {
        padding: 0 12% 0 0
    }

    body.rtl .before-after-component .slick-list {
        padding: 0 0 0 12%
    }
}

.before-after-component .slick-list .slick-slide {
    margin-right: 10px
}

body.rtl .before-after-component .slick-list .slick-slide {
    margin: 0 0 0 10px
}

@media (max-width: 767px) {
    .before-after-component .slick-list .slick-slide {
        margin-right: 5px
    }

    body.rtl .before-after-component .slick-list .slick-slide {
        margin: 0 0 0 5px
    }
}

.before-after-component .slick-prev {
    left: -26px
}

body.rtl .before-after-component .slick-prev {
    left: inherit;
    right: -26px
}

.before-after-component .slick-next {
    right: -16px
}

body.rtl .before-after-component .slick-next {
    right: inherit;
    left: -16px
}

.about-component {
    background-color: #fff;
    padding: 75px 0 65px;
    margin-top: 50px;
    position: relative
}

@media (max-width: 767px) {
    .about-component {
        background-color: transparent;
        padding: 0
    }
}

.about-component .title, .about-component .title .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .about-component .title, .about-component .title .title {
        font-size: 20px
    }

    .about-component .mobile-bg {
        background-color: #fff;
        padding: 25px 0 5px
    }

    .about-component .about-area {
        margin-bottom: 0
    }
}

.about-component .about-area .content {
    padding: 0;
    border: 0;
    border-radius: initial;
    background-color: transparent
}

.about-component .about-area .content .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #151b26
}

.about-component .about-area .content .item:last-child {
    border-bottom: none
}

.about-component .about-area .content .item .label {
    font-size: 20px;
    padding: 0 0 0 10px;
    border: 0;
    position: relative
}

.about-component .about-area .content .item .label::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #151b26;
    position: absolute;
    left: 0;
    top: 8px
}

.about-component .about-area .content .item .desc {
    padding: 10px 0 0 10px;
    line-height: normal;
    text-align: justify
}

.about-component .about-area .content .item.active .label, .video-section .video-item .content .medical-unit font {
    font-weight: 700
}

.about-component .info-icon {
    width: 12%;
    max-width: 180px;
    position: absolute;
    right: 10px;
    bottom: 15px;
    opacity: .7
}

@media (max-width: 767px) {
    .about-component .info-icon {
        display: none
    }
}

.patient-stories .content {
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 40px
}

@media (max-width: 767px) {
    .patient-stories .content {
        justify-content: flex-start;
        padding: 30px 20px 0;
        background-position: center;
        background-size: cover;
        height: 296px
    }
}

.patient-stories .content .hero {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff
}

@media (max-width: 767px) {
    .patient-stories .content .hero {
        font-size: 20px;
        font-weight: 700
    }
}

.patient-stories .content p {
    font-size: 16px;
    font-weight: 500;
    opacity: .5;
    color: #fff;
    line-height: normal
}

@media (max-width: 767px) {
    .patient-stories .content p {
        font-size: 14px
    }
}

.patient-stories .more {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    line-height: 25px;
    display: block;
    color: #151b26
}

@media (max-width: 767px) {
    .patient-stories .more {
        padding-left: 20px;
        text-align: left;
        font-size: 16px;
        font-weight: 800
    }
}

.patient-stories .more span {
    text-decoration: underline
}

.patient-stories .more em {
    margin-left: 5px;
    font-size: 14px;
    color: #151b26;
    vertical-align: middle
}

@media (max-width: 767px) {
    .patient-stories .more em::before {
        font-weight: 900
    }

    .patient-stories .more em {
        font-size: 10px
    }
}

.patient-stories.lp-patient-stories {
    padding: 0;
    margin-top: 50px
}

@media (max-width: 767px) {
    .patient-stories.lp-patient-stories {
        margin: 50px -15px 0
    }
}

.patient-stories.double .triple {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .patient-stories.double .triple {
        margin-left: 20px
    }

    .patient-stories.double .triple .slick-list {
        padding: 0 9% 0 0
    }

    .patient-stories.double .triple .slick-slide {
        padding-right: 10px
    }

    .patient-stories.double .triple .slick-dots {
        left: 0
    }
}

.patient-stories.double .stories-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 40px;
    margin-top: -80px
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box {
        display: block;
        margin-top: -150px
    }
}

.patient-stories.double .stories-box .story {
    width: 50%;
    padding: 40px 0;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #d4d7dd !important;
    border: solid 1px #d4d7dd;
    background-color: #fff;
    margin-right: 30px
}

.patient-stories.double .stories-box .story:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box .story {
        box-shadow: none;
        padding: 20px 0
    }
}

.patient-stories.double .stories-box .story .user-box {
    padding: 0 40px
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box .story .user-box {
        padding: 0 20px 0 10px
    }
}

.patient-stories.double .stories-box .story .user-box .user-avatar {
    display: flex;
    flex-direction: row
}

.patient-stories.double .stories-box .story .user-box .user-avatar .avatar-image-bg {
    width: 90px;
    height: 90px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 100%;
    background-image: linear-gradient(134deg, #151b26 1%, #169ee3 100%)
}

.patient-stories.double .stories-box .story .user-box .user-avatar .avatar-image-bg .avatar-image {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%
}

.patient-stories.double .stories-box .story .user-box .user-avatar .user-info .user-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #169ee3
}

.patient-stories.double .stories-box .story .user-box .user-avatar .user-info .job-name {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #777;
    margin-top: 5px
}

.patient-stories.double .stories-box .story .apostrophe-box {
    padding: 60px 40px 30px;
    position: relative
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box .story .apostrophe-box {
        padding: 60px 20px 40px
    }
}

.patient-stories.double .stories-box .story .apostrophe-box .apostrophe {
    position: absolute;
    color: #151b26
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box .story .apostrophe-box .apostrophe em {
        font-size: 50px
    }
}

.patient-stories.double .stories-box .story .apostrophe-box .apostrophe.apostrophe-start {
    top: 20px;
    left: 10px
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box .story .apostrophe-box .apostrophe.apostrophe-start {
        top: 10px;
        left: 0
    }
}

.patient-stories.double .stories-box .story .apostrophe-box .apostrophe.apostrophe-end {
    right: 10px;
    bottom: -40px
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box .story .apostrophe-box .apostrophe.apostrophe-end {
        right: 0;
        bottom: -20px
    }
}

.patient-stories.double .stories-box .story .apostrophe-box .comment {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.38;
    color: #777;
    max-height: 110px;
    overflow: hidden
}

@media (max-width: 991px) {
    .patient-stories.double .stories-box .story .apostrophe-box .comment {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .patient-stories.double .stories-box .story .apostrophe-box .comment {
        font-size: 14px;
        font-weight: 400;
        padding-right: 20px
    }
}

.video-section {
    margin-top: 80px
}

@media (max-width: 767px) {
    .video-section {
        margin-top: 50px
    }
}

.video-section .video-item {
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .video-section .video-item {
        margin-bottom: 25px
    }
}

.video-section .video-item .video-link {
    display: block;
    position: relative
}

.video-section .video-item .video-link .image-cover {
    height: 465px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .video-section .video-item .video-link .image-cover {
        height: 186px
    }
}

.container .single-slider .single-video-slider .video-item .video-link .image-cover img, .video-section .video-item .video-link .image-cover img {
    display: block;
    width: 100%;
    border-radius: 4px
}

.container .single-slider .single-video-slider .video-item .video-link .image-cover.mask::before, .video-section .video-item .video-link .image-cover.mask::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25;
    background-color: rgba(193, 30, 67, .75);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 4px
}

.video-section .video-item .video-link .icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.video-section .video-item .video-link .icon .bg-icon-play {
    width: 119px;
    height: 86px;
    background: url(https://cdn.memorial.com.tr/files/images/youtube-big.svg) no-repeat;
    background-size: 100%
}

@media (max-width: 767px) {
    .video-section .video-item .video-link .icon .bg-icon-play {
        width: 93px;
        height: 66px
    }
}

.video-section .video-item .content .medical-unit {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #169ee3;
    margin-top: 25px;
    display: block
}

@media (max-width: 767px) {
    .video-section .video-item .content .medical-unit {
        font-size: 18px;
        margin-top: 20px
    }
}

.video-section .video-item .content .video-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #151b26;
    margin-top: 10px
}

@media (max-width: 767px) {
    .video-section .video-item .content .video-text {
        font-size: 12px
    }
}

.video-section .video-item.double {
    margin-bottom: 0
}

.video-section .video-item.double.left {
    margin-right: 10px
}

@media (max-width: 767px) {
    .video-section .video-item.double.left {
        margin-right: 0
    }
}

.video-section .video-item.double.right {
    margin-left: 10px
}

@media (max-width: 767px) {
    .video-section .video-item.double.right {
        margin-left: 0
    }
}

.video-section .video-item.double .video-link .image-cover {
    height: 255px
}

@media (max-width: 767px) {
    .video-section .video-item.double .video-link .image-cover {
        height: 86px;
        border-radius: 1.3px
    }

    .video-section .video-item.double .video-link .icon, .video-section .video-item.double .video-link .image-cover img, .video-section .video-item.double .video-link .image-cover::before {
        border-radius: 1.3px
    }

    .video-section .video-item.double .video-link .icon .bg-icon-play {
        width: 42px;
        height: 31px
    }
}

.video-section .video-item.double .content .medical-unit {
    font-size: 16px
}

@media (max-width: 767px) {
    .video-section .video-item.double .content .medical-unit {
        font-size: 10px;
        margin-top: 15px
    }
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-arrow em, .video-section .video-item.double .content .video-text {
    font-size: 14px
}

@media (max-width: 767px) {
    .video-section .video-item.double .content .video-text {
        font-size: 9px
    }
}

.why-memorial-lp {
    margin-top: 200px
}

@media (max-width: 767px) {
    .why-memorial-lp {
        margin-top: 100px
    }
}

.doctors-section {
    margin-top: 80px
}

@media (max-width: 767px) {
    .doctors-section {
        margin-top: 50px
    }
}

.doctors-section .section-hero {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    color: #151b26
}

@media (max-width: 767px) {
    .doctors-section .section-hero {
        font-size: 20px;
        line-height: 1.75
    }
}

.doctors-section .doctors-section {
    margin-top: 40px
}

@media (max-width: 767px) {
    .doctors-section .doctors-section {
        margin: 20px -20px 0 0
    }

    .doctors-section .doctors-section .doctors {
        border: 0;
        border-radius: initial;
        background-color: transparent;
        padding: 0
    }
}

.doctors-section .doctors-section .doctors .slick-next {
    right: -65px
}

.doctors-section .doctors-section .doctors .slick-prev {
    left: -65px
}

@media (max-width: 767px) {
    .doctors-section .doctors-section .doctors .slick-list {
        padding: 0 12% 0 0 !important
    }
}

.doctors-section .doctors-section .doctors .item .text-wrap .hospital-name a, .doctors-section .doctors-section .doctors .slick-list .slick-track {
    margin: 0
}

.doctors-section .doctors-section .doctors .slick-list .slick-slide {
    margin-right: 40px
}

@media (max-width: 767px) {
    .doctors-section .doctors-section .doctors .slick-list .slick-slide {
        margin-right: 5px
    }
}

.doctors-section .doctors-section .doctors .slick-dots {
    display: none !important
}

.doctors-section .doctors-section .doctors .item {
    margin-bottom: 0;
    min-height: 453px
}

@media (max-width: 767px) {
    .doctors-section .doctors-section .doctors .item {
        padding: 0 !important;
        border-radius: 4px !important;
        margin-top: 0;
        border: 1px solid #d4d7dd !important;
        min-height: initial
    }

    .doctors-section .doctors-section .doctors .item .content {
        display: flex;
        flex-direction: row;
        text-align: left;
        position: relative;
        flex-wrap: wrap;
        padding: 6px 6px 0
    }
}

.doctors-section .doctors-section .doctors .item .action-doctor-favorite {
    top: 10px;
    bottom: 10px
}

@media (max-width: 767px) {
    .doctors-section .doctors-section .doctors .item .action-doctor-favorite {
        left: 10px
    }

    .doctors-section .doctors-section .doctors .item .action-doctor-favorite a {
        width: 20px;
        height: 20px
    }

    .doctors-section .doctors-section .doctors .item .action-doctor-favorite a img {
        position: relative;
        width: 20px;
        height: 20px
    }

    .doctors-section .doctors-section .doctors .item .image-cover {
        width: 60px;
        height: 70px;
        margin-right: 0
    }
}

.doctors-section .doctors-section .doctors .item .image-cover img {
    border-radius: 4px
}

@media (max-width: 767px) {
    .doctors-section .doctors-section .doctors .item .text-wrap .doctor-name .name {
        font-size: 13px;
        font-weight: 700;
        line-height: normal;
        color: #151b26;
        margin-top: 0
    }

    .doctors-section .doctors-section .doctors .item .text-wrap .hospital-name {
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .doctors-section .doctors-section .doctors .item .text-wrap .patient-thanks-link-wrap {
        margin-bottom: 5px
    }
}

.doctors-section .doctors-section .doctors .item .text-wrap .patient-thanks-link-wrap .patient-thanks-link {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #403920
}

@media (max-width: 767px) {
    .doctors-section .doctors-section .doctors .item .text-wrap .patient-thanks-link-wrap .patient-thanks-link {
        font-size: 12px;
        font-weight: 400;
        margin-top: 5px;
        text-decoration: underline
    }
}

.doctors-section .doctors-section .doctors .item .button {
    font-size: 14px;
    font-weight: 800;
    padding: 0 20px;
    position: relative;
    display: block;
    margin: 0 !important;
    height: 53px;
    line-height: 53px;
    width: 100% !important
}

.doctors-section .doctors-section .doctors .item .button em {
    font-size: 20px
}

.faq-section {
    margin-top: 80px
}

@media (max-width: 767px) {
    .faq-section {
        margin-bottom: 50px
    }

    .faq-section .faq-area {
        margin: 0 -15px
    }

    .faq-section .faq-area .title {
        font-size: 20px;
        font-weight: 700;
        margin: 0 20px 20px
    }
}

.faq-section .faq-area .content {
    padding: 40px
}

@media (max-width: 767px) {
    .faq-section .faq-area .content {
        padding: 20px
    }
}

.faq-section .faq-area .content .item {
    border-bottom: solid 1px #d4d7dd;
    margin-bottom: 15px
}

.faq-section .faq-area .content .item:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.faq-section .faq-area .content .item:last-child .label {
    padding: 0 0 0 15px
}

.faq-section .faq-area .content .item .label {
    position: relative;
    padding: 0 0 15px 10px;
    border: 0;
    font-weight: 700
}

.faq-section .faq-area .content .item .label::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #169ee3;
    position: absolute;
    left: 0;
    top: 8px
}

.faq-section .faq-area .content .item .desc {
    padding: 0 0 25px 5px
}

@media (max-width: 767px) {
    .faq-section .faq-area .content .item.active {
        border-bottom: none
    }

    .faq-section .faq-area .content .item.active .label {
        border-bottom: solid 1px #d4d7dd
    }

    .faq-section .faq-area .content .item.active .desc {
        padding: 15px 0 10px 5px
    }
}

.lp-info-wrapper {
    position: relative
}

@media (max-width: 767px) {
    .lp-info-wrapper {
        background-image: linear-gradient(152deg, #169ee3, #151b26);
        padding: 30px 0 40px
    }
}

.lp-info-wrapper .info-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.lp-info-wrapper .info-items.mr-right {
    margin-right: 50px
}

@media (max-width: 767px) {
    .lp-info-wrapper .info-items.mr-right {
        margin-right: 0
    }
}

.lp-info-wrapper .info-items.mr-left {
    margin-left: 50px
}

@media (max-width: 767px) {
    .lp-info-wrapper .info-items.mr-left {
        margin-left: 0
    }
}

.lp-info-wrapper .info-items .info-item {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px
}

@media (max-width: 767px) {
    .lp-info-wrapper .info-items .info-item {
        width: 42%;
        margin-left: auto;
        margin-right: auto
    }
}

.lp-info-wrapper .info-items .info-item:last-child, .lp-info-wrapper .info-items .info-item:nth-last-child(2) {
    padding-bottom: 0
}

@media (max-width: 767px) {
    .lp-info-wrapper .info-items .info-item:last-child, .lp-info-wrapper .info-items .info-item:nth-last-child(2) {
        padding-bottom: 50px
    }
}

.lp-info-wrapper .info-icon {
    width: 90px;
    height: 90px
}

@media (max-width: 767px) {
    .lp-info-wrapper .info-icon {
        width: 71px;
        height: 71px
    }
}

.lp-info-wrapper .info-icon img {
    height: 100%
}

.lp-info-wrapper .info-title {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    min-height: 38px;
    margin-top: 15px
}

@media (max-width: 767px) {
    .lp-info-wrapper .info-title {
        font-size: 16px
    }
}

.detail-slider-wrapper {
    position: relative;
    padding: 40px 0 80px;
    background-color: #fff;
    margin-top: 80px
}

@media (max-width: 767px) {
    .detail-slider-wrapper {
        margin-top: 50px;
        padding: 25px 0 50px
    }
}

.detail-slider-wrapper .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #151b26
}

@media (max-width: 767px) {
    .detail-slider-wrapper .title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px
    }
}

.detail-slider-wrapper .sub-title {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #151b26;
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .detail-slider-wrapper .sub-title {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.detail-slider-wrapper .detail-slider {
    position: relative;
    flex-wrap: nowrap
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-list {
    padding: 0 10% 0 0 !important
}

body.rtl .detail-slider-wrapper .detail-slider.slick-slider .slick-list {
    padding: 0 0 0 10% !important
}

@media (max-width: 767px) {
    .detail-slider-wrapper .detail-slider.slick-slider .slick-list {
        padding: 0 20% 0 0 !important
    }

    body.rtl .detail-slider-wrapper .detail-slider.slick-slider .slick-list {
        padding: 0 0 0 20% !important
    }
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-list::after {
    content: '';
    width: 111px;
    height: 245px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    right: 0;
    top: 0
}

body.rtl .detail-slider-wrapper .detail-slider.slick-slider .slick-list::after {
    right: inherit;
    left: 0
}

@media (max-width: 1199px) {
    .detail-slider-wrapper .detail-slider.slick-slider .slick-list::after {
        width: 93px
    }
}

@media (max-width: 991px) {
    .detail-slider-wrapper .detail-slider.slick-slider .slick-list::after {
        width: 68px
    }
}

@media (max-width: 767px) {
    .detail-slider-wrapper .detail-slider.slick-slider .slick-list::after {
        display: none
    }
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-list .slick-slide {
    margin-right: 20px
}

body.rtl .detail-slider-wrapper .detail-slider.slick-slider .slick-list .slick-slide {
    margin: 0 0 0 20px
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-list .slick-track {
    margin: 0
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-dots {
    display: none !important
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-prev {
    left: -70px
}

body.rtl .detail-slider-wrapper .detail-slider.slick-slider .slick-prev {
    left: inherit;
    right: -70px
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-next {
    right: 40px
}

body.rtl .detail-slider-wrapper .detail-slider.slick-slider .slick-next {
    right: inherit;
    left: 40px
}

@media (max-width: 1199px) {
    .detail-slider-wrapper .detail-slider.slick-slider .slick-next {
        right: 20px
    }

    body.rtl .detail-slider-wrapper .detail-slider.slick-slider .slick-next {
        right: inherit;
        left: 20px
    }
}

.detail-slider-wrapper .detail-slider.slick-slider .slick-arrow {
    width: 44px;
    height: 44px;
    transform: none;
    top: 100px
}

.detail-slider-wrapper .detail-slider .item {
    position: relative;
    width: 278px
}

.detail-slider-wrapper .detail-slider .item .img-wrapper {
    position: relative;
    margin-bottom: 6px;
    height: 185px
}

.detail-slider-wrapper .detail-slider .item .img-wrapper .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    font-size: 25px;
    font-weight: 800;
    padding: 0 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(107deg, rgba(193, 30, 67, .1), rgba(21, 27, 38, .5))
}

.detail-slider-wrapper .detail-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.detail-slider-wrapper .detail-slider .item .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden
}

.detail-slider-wrapper .detail-slider .item .link .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #169ee3;
    text-align: center
}

body.rtl .detail-slider-wrapper .detail-slider .item .link .icon {
    right: inherit;
    left: 0
}

.detail-slider-wrapper .detail-slider .item .link .icon em, .lp-footer .footer-language .icon em {
    color: #fff
}

.lp-map {
    margin-top: 80px
}

@media (max-width: 767px) {
    .lp-map {
        margin-bottom: 50px
    }
}

.lp-map .desc {
    margin-top: 20px
}

.lp-map .contact-map-iframe {
    margin-top: 30px;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

@media (max-width: 767px) {
    .lp-map .contact-map-iframe {
        margin-top: 20px
    }

    .lp-map .contact-map-iframe iframe {
        height: 180px
    }
}

.lp-map .contact-map-iframe .show-in-map {
    position: absolute;
    right: 60px;
    bottom: 30px
}

@media (max-width: 767px) {
    .lp-map .contact-map-iframe .show-in-map {
        right: inherit;
        left: 10px;
        bottom: 10px
    }
}

.lp-map .contact-map-iframe .show-in-map .button-show-in-map {
    width: 165px;
    height: 53px;
    background-color: #fff !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    display: flex !important
}

.lp-footer {
    margin-top: 80px
}

@media (max-width: 767px) {
    .lp-footer {
        margin-top: 50px
    }
}

.lp-footer .content {
    padding-bottom: 80px
}

.lp-footer .sub-title {
    font-size: 18px;
    font-weight: 700
}

@media (max-width: 767px) {
    .lp-footer .sub-title {
        font-size: 14px !important
    }
}

.lp-footer .about-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #fff
}

@media (max-width: 767px) {
    .lp-footer .about-text {
        font-size: 14px;
        line-height: normal
    }
}

.lp-footer .footer-language {
    width: 100px;
    height: auto;
    margin-top: 30px
}

.lp-footer .footer-language .down {
    position: relative;
    bottom: -2px
}

.lp-footer .footer-language .flag {
    width: 24px
}

.lp-footer .footer-language .country {
    font-size: 12px;
    margin: 0 10px;
    font-weight: 600;
    transition: all 300ms ease;
    color: #fff
}

.lp-footer .footer-language .country:hover {
    opacity: .7;
    transition: all 300ms ease
}

@media (max-width: 767px) {
    .lp-footer .footer-language .country {
        margin: 0 5px
    }
}

.lp-footer .footer-language .language-list {
    border-radius: 4px;
    border-top: none
}

.lp-footer .footer-language .language-list a {
    line-height: normal !important
}

.lp-footer .footer-language .language-list a span {
    color: #151b26
}

.lp-footer .footer-language .dropdown-content {
    width: 150px;
    bottom: 100%;
    top: initial;
    right: -30px
}

.lp-footer .contact-info .contact-info-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.lp-footer .contact-info .contact-info-item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    padding-left: 10px
}

@media (max-width: 767px) {
    .lp-footer .contact-info .contact-info-item p {
        font-size: 14px
    }

    .lp-footer .contact-info .contact-info-item p.address {
        line-height: 22px
    }
}

.lp-footer .contact-info .contact-info-item a, .lp-footer .footer-contact-form form .field label, .multiple-slider .scrollable .slick-slider .item > .link > .icon em {
    color: #fff
}

.lp-footer .mobile-app {
    margin-top: 65px !important
}

.lp-footer .mobile-app .app-logo .store {
    margin-right: 25px
}

.lp-footer .mobile-app .app-logo:last-child .store {
    margin-right: 0
}

@media (max-width: 767px) {
    .lp-footer .footer-contact-form {
        margin-top: 50px
    }
}

.contact-form-content form .field #example1 > div, .footer-contact-form form .field #example1 > div, .lp-footer .footer-contact-form form {
    margin: 0 auto
}

.lp-footer .footer-contact-form form .field {
    width: 335px;
    margin: 0 auto 30px
}

.lp-footer .footer-contact-form form .actions {
    margin-top: 10px
}

@media (max-width: 767px) {
    .lp-footer .footer-contact-form form .actions .button {
        width: 270px !important
    }

    .lp-footer .mobile-footer-menu-item {
        margin-bottom: 0
    }

    .lp-footer .mobile-footer-menu-item .mobile-area {
        display: none
    }

    .lp-footer .mobile-footer-menu-item.active .mobile-area {
        display: block !important;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, .1);
        padding: 30px 15px
    }

    .lp-footer .mobile-footer-menu-item.active .sub-title {
        font-weight: 700 !important
    }
}

.options .container .row.justify-content-center {
    margin: 3% 0
}

@media (max-width: 767px) {
    .options .container .row.justify-content-center {
        margin: 10% 0
    }
}

.custom-bg {
    background-color: #f5f8fb
}

.le-hero {
    position: relative;
    height: 440px;
    background-size: cover;
    background-position: center
}

@media all and (-ms-high-contrast: none) {
    .le-hero {
        margin-top: 130px
    }
}

@media (max-width: 767px) {
    .le-hero {
        height: 252px
    }
}

.le-hero .container {
    position: relative;
    z-index: 2;
    padding: 80px 15px
}

@media (max-width: 767px) {
    .le-hero .container {
        padding: 40px 20px
    }
}

.le-hero .hero {
    margin-bottom: 10px;
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    line-height: 70px;
    letter-spacing: normal
}

@media (max-width: 767px) {
    .le-hero .hero {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 20px
    }
}

.le-hero .sub-hero {
    width: 75%;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #fff
}

@media (max-width: 767px) {
    .le-hero .sub-hero {
        width: 85%;
        font-size: 14px
    }
}

.surgical-component {
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 #d4d7dd;
    background-color: #fff;
    padding: 30px 70px 60px
}

.surgical-component .hidden {
    visibility: hidden;
    height: 0;
    opacity: 0
}

@media (max-width: 767px) {
    .surgical-component {
        padding: 20px 15px;
        margin: 0 5px;
        border-radius: 4px 4px 0 0
    }
}

.surgical-component.align-top {
    position: relative;
    top: -100px;
    margin-bottom: -100px
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .surgical-component.align-top .surgical-nav .button {
        padding: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .surgical-component.align-top .surgical-nav .button {
        padding: 0 5px !important;
        font-size: 24px;
        text-align: center
    }
}

@media (max-width: 767px) {
    .surgical-component.align-top {
        top: -30px;
        margin-bottom: -50px
    }

    .surgical-component.align-top .surgical-contact {
        display: none
    }
}

.surgical-component.align-top .surgical-nav {
    display: flex
}

@media (max-width: 767px) {
    .surgical-component.align-top .surgical-nav .button {
        font-size: 14px !important;
        padding: 22px 20px 21px !important;
        text-align: center
    }
}

.surgical-component.align-top .surgical-nav .button {
    font-size: 26px;
    width: 510px;
    height: 78px;
    margin: 0 0 38px;
    padding: 22px 65px 21px;
    border-radius: 4px;
    border: 0;
    background-color: #f2f4f6;
    border-bottom: 1px solid #d4d7dd
}

.surgical-component.align-top .surgical-nav .button.active {
    font-weight: 700;
    color: #169ee3;
    background-color: #f2f4f6 !important;
    border-bottom: none
}

.surgical-component .surgical-content h2, .surgical-component .surgical-content h3 {
    font-size: 28px
}

.container .single-slider .single-video-slider .video-item .content .medical-unit font, .surgical-component .surgical-content h2 {
    font-weight: 700
}

.surgical-component .surgical-content h3 {
    margin-bottom: 10px
}

.surgical-component .surgical-content p {
    color: #151b26;
    line-height: 20px
}

.surgical-component .surgical-content .tab-content .multiple-slider .item .text span {
    font-weight: 300;
    font-size: 14px
}

.surgical-component .surgical-contact a {
    width: 170px;
    height: 52px;
    margin: 42px 0 82px 144px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
    background-color: #fff;
    color: #000;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: -110px;
    font-size: 12px;
    opacity: .9;
    border-radius: 26px;
    z-index: 2;
    text-align: center;
    line-height: 3vw
}

.contact-form-content form .field, .footer-contact-form form .field {
    width: 384px;
    margin: 10px auto
}

@media (min-width: 500px) {
    .contact-form-content form .field, .footer-contact-form form .field {
        width: 384px !important
    }
}

@media (max-width: 767px) {
    .contact-form-content form .field, .footer-contact-form form .field {
        width: 100%;
        margin: 0 auto 30px
    }
}

@media (max-width: 991px) {
    .contact-form-content form .field.field-checkbox, .footer-contact-form form .field.field-checkbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .contact-form-content form .field.field-checkbox, .footer-contact-form form .field.field-checkbox {
        width: 100%
    }
}

.contact-form-content form .field label, .footer-contact-form form .field label {
    color: #151b26;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.contact-form-content form .checkbox, .footer-contact-form form .checkbox {
    margin: 0 auto;
    padding-left: 35px;
    max-width: fit-content
}

.contact-form-content form .checkbox label, .footer-contact-form form .checkbox label {
    font-size: 12px;
    line-height: 17px
}

.contact-form-content form .actions, .footer-contact-form form .actions {
    margin-top: 30px;
    width: 100%;
    text-align: center
}

@media (max-width: 767px) {
    .contact-form-content form .actions, .footer-contact-form form .actions {
        margin-top: 0
    }
}

.contact-form-content form button, .footer-contact-form form button {
    cursor: pointer;
    display: inline-block;
    width: 280px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #169ee3;
    border-radius: 4px;
    border: unset
}

@media (max-width: 767px) {
    .contact-form-content form button, .footer-contact-form form button {
        width: 165px !important
    }
}

.aesthetic-benefit {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 100px 8%;
    margin-top: 60px
}

@media (max-width: 767px) {
    .aesthetic-benefit {
        padding: 50px 15%
    }
}

.aesthetic-benefit .benefit-content {
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .aesthetic-benefit .benefit-content {
        margin-top: 10px
    }
}

.aesthetic-benefit .benefit-img {
    width: 70px;
    height: 70px;
    margin: 0 0 16px 69px;
    background-color: #f5f8fb;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.aesthetic-benefit .benefit-text {
    text-align: center;
    max-width: 210px
}

.aesthetic-benefit .benefit-text h4, .surgical-content .organ-benefit .benefit-text h4 {
    font-size: 18px;
    font-weight: 800
}

.aesthetic-benefit .benefit-text span {
    margin-top: 16px;
    width: 202px;
    font-size: 14px
}

.aesthetic-contact {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding-left: 9%;
    padding-right: 9%
}

.aesthetic-contact .row .col-md-12.col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.aesthetic-contact .aesthetic-contact-img, .aesthetic-contact .contact-form-content {
    width: 50%
}

.aesthetic-contact .contact-form-content {
    box-shadow: none;
    position: relative
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .aesthetic-contact .contact-form-content {
        padding: 50px 0 65px 20px !important
    }
}

.aesthetic-contact .contact-form-content .hero {
    padding-left: 14%;
    text-align: left;
    font-size: 28px
}

@media (max-width: 800px) {
    .aesthetic-contact .contact-form-content {
        margin-left: auto;
        margin-right: auto;
        width: 80%
    }
}

@media (max-width: 767px) {
    .aesthetic-contact .contact-form-content h2 {
        font-size: 18px !important;
        padding-left: 0 !important
    }
}

.aesthetic-contact .aesthetic-contact-img, .doctors-section.aesthetic.hospital .doctors-section {
    position: relative
}

@media (max-width: 767px) {
    .aesthetic-contact .aesthetic-contact-img {
        width: 100%
    }
}

.aesthetic-contact .aesthetic-contact-img img {
    display: block;
    margin: 40px auto;
    max-width: 570px;
    max-height: 687px
}

@media (max-width: 767px) {
    .aesthetic-contact .aesthetic-contact-img img {
        max-width: 300px;
        height: auto
    }
}

.aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text {
    position: absolute;
    color: #fff;
    top: 35%;
    left: 55px;
    right: 65px
}

@media (max-width: 767px) {
    .aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text {
        font-size: 14px;
        top: 20%
    }
}

@media (min-width: 1500px) {
    .aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text {
        left: 25%;
        width: 50%
    }
}

.aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.28
}

@media (max-width: 1199px) {
    .aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text h3 {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text h3 {
        font-size: 20px
    }
}

.aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text p {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    color: #fff
}

@media (max-width: 1199px) {
    .aesthetic-contact .aesthetic-contact-img .aesthetic-contact-img-text p {
        font-size: 16px
    }
}

.aesthetic-contact .checkbox {
    width: 405px
}

.aesthetic-contact .checkbox span {
    width: 18px !important;
    height: 18px !important
}

@media (max-width: 767px) {
    .special-offer {
        padding: 25px 10px 66px;
        height: 150px
    }

    .special-offer .special-text h3 {
        font-size: 24px !important
    }

    .special-offer .special-text p {
        font-size: 14px !important
    }
}

.special-offer .special-phone, .special-offer .special-whatsapp {
    font-size: 12px;
    width: 170px;
    border-radius: 26px;
    height: 52px;
    padding: 14px 10px;
    font-weight: 700;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: space-evenly
}

@media (max-width: 767px) {
    .special-offer .special-phone, .special-offer .special-whatsapp {
        width: 135px;
        padding: 14px 20px
    }
}

@media (max-width: 767px) {
    .doctors-section.aesthetic.hospital {
        margin-bottom: 70px
    }
}

.doctors-section.aesthetic.hospital .doctors .item {
    margin-bottom: 0;
    max-height: 453px
}

@media (max-width: 767px) {
    .doctors-section.aesthetic.hospital .doctors .item {
        padding: 0 !important;
        border-radius: 4px !important;
        margin-top: 0;
        border: 1px solid #d4d7dd !important;
        min-height: initial
    }
}

.doctors-section.aesthetic.hospital .doctors .item .content {
    padding: 0 !important;
    height: 298px
}

@media (max-width: 767px) {
    .doctors-section.aesthetic.hospital .doctors .item .content {
        display: flex;
        flex-direction: row;
        text-align: left;
        position: relative;
        flex-wrap: wrap;
        padding: 6px 6px 8px
    }

    .doctors-section.aesthetic.hospital .doctors .item .image-cover {
        width: 100%
    }
}

.doctors-section.aesthetic.hospital .doctors .item .image-cover {
    height: 180px
}

.doctors-section.aesthetic.hospital .doctors .item .text-wrap {
    min-height: 80px
}

.doctors-section.aesthetic.hospital .doctors .item .text-wrap .hospital-adress {
    font-weight: 500;
    font-size: 12px
}

.doctors-section.aesthetic.hospital .doctors .item .text-wrap p {
    color: #403920;
    font-weight: 300
}

.doctors-section.aesthetic .doctors ul li span font, .doctors-section.aesthetic.hospital .doctors ul li span font, .doctors-section.hair .doctors ul li span font {
    font-size: 12px;
    color: #169ee3;
    font-weight: 700
}

.doctors-section.aesthetic.hospital .see-all {
    position: absolute;
    right: 0
}

@media (max-width: 767px) {
    .doctors-section.aesthetic.hospital .see-all {
        font-size: 12px;
        bottom: -50px;
        right: 20
    }

    .doctors-section.aesthetic.hospital .see-all .hospital-see-all {
        padding: 18px 36px 17px 37px
    }
}

.doctors-section.aesthetic.hospital .hospital-see-all {
    padding: 17px 93px 16px;
    border-radius: 4px;
    background-color: #169ee3;
    width: 92px;
    height: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    text-align: center;
    color: #fff
}

.doctors-section.aesthetic .doctors .item {
    max-width: 335px;
    min-height: auto
}

.doctors-section.aesthetic .doctors .item .image-cover {
    height: 230px
}

@media (max-width: 1024px) and (max-width: 1366px) {
    .doctors-section.aesthetic .doctors .item .image-cover {
        height: 180px
    }
}

@media (max-width: 767px) {
    .doctors-section.aesthetic .doctors .item .image-cover {
        height: 70px
    }
}

.doctors-section.aesthetic .doctors .item .text-wrap {
    min-height: 80px
}

.container .before-after-wrapper .item, .organ-transplant-content .organ-content .organ-transplant-cards .slick-track .slick-slide > div {
    height: 100%
}

.container .before-after-wrapper .item-text {
    margin-top: 25px
}

.container .before-after-wrapper .item-text span {
    font-size: 16px;
    color: #169ee3;
    font-weight: 600
}

.container .before-after-wrapper .item-text p {
    font-size: 14px;
    line-height: 1.57
}

@media (max-width: 1100px) {
    .container .single-slider {
        text-align: -webkit-center
    }

    .container .single-slider h3 {
        font-size: 24px !important
    }

    .container .single-slider .video-item .content {
        position: relative !important;
        top: 40px !important;
        right: 0 !important
    }
}

.container .single-slider .scrollable h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 55px
}

@media (max-width: 1024px) {
    .container .single-slider .scrollable .slick-next {
        display: none !important
    }
}

.container .single-slider .single-video-slider .video-item {
    margin-bottom: 50px;
    position: relative
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item {
        margin-bottom: 25px
    }
}

.container .single-slider .single-video-slider .video-item .video-link {
    display: inline;
    position: relative
}

.container .single-slider .single-video-slider .video-item .video-link .image-cover {
    max-width: 647px;
    height: 430px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item .video-link .image-cover {
        height: 186px
    }
}

.container .single-slider .single-video-slider .video-item .video-link .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.container .single-slider .single-video-slider .video-item .video-link .icon .bg-icon-play {
    width: 119px;
    height: 86px;
    background: url(https://cdn.memorial.com.tr/files/images/youtube-big.svg) no-repeat;
    background-size: 100%
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item .video-link .icon .bg-icon-play {
        width: 93px;
        height: 66px
    }
}

.container .single-slider .single-video-slider .video-item .content {
    max-width: 370px;
    display: inline-block;
    position: absolute;
    top: 110px;
    right: 20px
}

@media (min-width: 1101px) and (max-width: 1365px) {
    .container .single-slider .single-video-slider .video-item .content {
        display: inline-block;
        max-width: 350px !important
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .container .single-slider .single-video-slider .video-item .content {
        display: inline-block;
        max-width: 650px
    }
}

.container .single-slider .single-video-slider .video-item .content h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.25
}

.container .single-slider .single-video-slider .video-item .content .medical-unit {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #169ee3;
    display: block
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item .content .medical-unit {
        font-size: 18px;
        margin-top: 20px
    }
}

.container .single-slider .single-video-slider .video-item .content .video-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #151b26;
    margin-top: 10px
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item .content .video-text {
        font-size: 12px
    }
}

.container .single-slider .single-video-slider .video-item.double {
    margin-bottom: 0
}

.container .single-slider .single-video-slider .video-item.double.left {
    margin-right: 10px
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item.double.left {
        margin-right: 0
    }
}

.container .single-slider .single-video-slider .video-item.double.right {
    margin-left: 10px
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item.double.right {
        margin-left: 0
    }
}

.container .single-slider .single-video-slider .video-item.double .video-link .image-cover {
    height: 255px
}

@media (max-width: 767px) {
    .container .single-slider .single-video-slider .video-item.double .video-link .image-cover {
        height: 86px;
        border-radius: 1.3px
    }

    .container .single-slider .single-video-slider .video-item.double .video-link .icon, .container .single-slider .single-video-slider .video-item.double .video-link .image-cover img, .container .single-slider .single-video-slider .video-item.double .video-link .image-cover::before {
        border-radius: 1.3px
    }

    .container .single-slider .single-video-slider .video-item.double .video-link .icon .bg-icon-play {
        width: 42px;
        height: 31px
    }
}

.container .single-slider .content .medical-unit {
    font-size: 16px
}

@media (max-width: 767px) {
    .container .single-slider .content .medical-unit {
        font-size: 10px;
        margin-top: 15px
    }
}

.container .single-slider .content .video-text {
    font-size: 14px
}

@media (max-width: 767px) {
    .container .single-slider .content .video-text {
        font-size: 9px
    }
}

.contact-map.aesthetic {
    max-width: 74%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .contact-map.aesthetic {
        margin-top: 15px;
        max-width: 85% !important
    }

    .contact-map.aesthetic .hero {
        font-size: 28px
    }
}

.contact-map.aesthetic .select2-selection {
    margin-bottom: 20px
}

.multiple-slider {
    margin-top: 50px
}

.multiple-slider .scrollable {
    position: relative;
    background-color: #fff
}

.multiple-slider .scrollable .slider-title {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.multiple-slider .scrollable .slick-slider .slick-list {
    padding: 0 10% 0 0 !important;
    position: relative
}

body.rtl .multiple-slider .scrollable .slick-slider .slick-list {
    padding: 0 0 0 10% !important
}

.multiple-slider .scrollable .slick-slider .slick-list::after {
    content: '';
    width: 111px;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 4px 0 0 4px;
    position: absolute;
    right: 0;
    top: 0
}

body.rtl .multiple-slider .scrollable .slick-slider .slick-list::after {
    border-radius: 0 4px 4px 0;
    right: inherit;
    left: 0
}

@media (max-width: 991px) {
    .multiple-slider .scrollable .slick-slider .slick-list::after {
        width: 70px
    }
}

@media (min-width: 992px) {
    .multiple-slider .scrollable .slick-slider .slick-list::after {
        width: 85px
    }
}

@media (max-width: 767px) {
    .multiple-slider .scrollable .slick-slider .slick-list::after {
        display: none
    }
}

.multiple-slider .scrollable .slick-slider .slick-list .slick-track {
    margin: 0
}

.multiple-slider .scrollable .slick-slider .slick-next {
    right: 30px
}

body.rtl .multiple-slider .scrollable .slick-slider .slick-next {
    right: inherit;
    left: 30px
}

@media (min-width: 992px) {
    .multiple-slider .scrollable .slick-slider .slick-next {
        right: 15px
    }
}

@media (max-width: 767px) {
    .multiple-slider .scrollable .slick-slider .slick-next {
        display: none !important
    }
}

.multiple-slider .scrollable .slick-slider .slick-prev {
    left: 30px;
    display: none !important
}

body.rtl .multiple-slider .scrollable .slick-slider .slick-prev {
    left: inherit;
    right: 30px
}

@media (max-width: 767px) {
    .multiple-slider .scrollable .slick-slider .slick-prev {
        display: none !important
    }
}

.multiple-slider .scrollable .slick-slider .slick-slide {
    margin-right: 20px
}

body.rtl .multiple-slider .scrollable .slick-slider .slick-slide {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .multiple-slider .scrollable .slick-slider .slick-slide {
        margin-right: 5px
    }

    body.rtl .multiple-slider .scrollable .slick-slider .slick-slide {
        margin: 0 0 0 5x
    }
}

.multiple-slider .scrollable .slick-slider .item {
    position: relative;
    width: 278px;
    margin-right: 20px
}

body.rtl .multiple-slider .scrollable .slick-slider .item {
    margin: 0 0 0 20px
}

@media (max-width: 767px) {
    .multiple-slider .scrollable .slick-slider .item {
        padding: 0 !important;
        border-radius: 4px !important;
        margin-top: 0;
        border: 1px solid #d4d7dd !important;
        min-height: initial
    }

    .multiple-slider .scrollable .slick-slider .item .content {
        display: flex;
        flex-direction: row;
        text-align: left;
        position: relative;
        flex-wrap: wrap;
        padding: 6px 6px 0
    }
}

.multiple-slider .scrollable .slick-slider .item.passive .link, .multiple-slider .scrollable .slick-slider .item.passive img {
    opacity: .5
}

.multiple-slider .scrollable .slick-slider .item .img-wrapper {
    position: relative;
    margin-bottom: 6px;
    height: 165px;
    overflow: hidden;
    border-radius: 4px
}

.multiple-slider .scrollable .slick-slider .item .img-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(21, 27, 38, .2);
    z-index: 3
}

.multiple-slider .scrollable .slick-slider .item .text {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    z-index: 5
}

.multiple-slider .scrollable .slick-slider .item img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover
}

.multiple-slider .scrollable .slick-slider .item .action-favorite-area {
    z-index: 3
}

@media (max-width: 767px) {
    .multiple-slider .scrollable .slick-slider .item .action-favorite-area {
        width: 24px;
        height: 24px
    }
}

.multiple-slider .scrollable .slick-slider .item > .link {
    position: relative;
    display: block;
    width: 100%;
    height: 53px;
    font-size: 14px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden
}

body.rtl .multiple-slider .scrollable .slick-slider .item > .link {
    padding: 0 20px 0 0
}

.multiple-slider .scrollable .slick-slider .item > .link > .icon {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

body.rtl .multiple-slider .scrollable .slick-slider .item > .link > .icon {
    right: inherit;
    left: 0
}

@media (max-width: 767px) {
    .multiple-slider .slick-standart-4 {
        padding-bottom: 0
    }
}

.single-slider-container .memorial-counter {
    position: relative;
    max-width: 100%;
    height: 356px;
    margin: 96px 1px 30px 0;
    padding: 88px 47px 88px 48px;
    background-image: linear-gradient(104deg, #169ee3, #151b26 100%)
}

@media (max-width: 767px) {
    .single-slider-container .memorial-counter {
        height: 150px
    }

    .single-slider-container .memorial-counter .data-counter-background img {
        width: 100%;
        margin: 0
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .single-slider-container .memorial-counter .data-counter-counter {
        width: 100%;
        left: 0;
        justify-content: normal
    }

    .single-slider-container .memorial-counter .data-counter-counter div {
        margin-right: 5px
    }
}

.single-slider-container .memorial-counter .data-counter-counter {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 85px;
    left: 10%;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    color: #fff
}

.single-slider-container .memorial-counter .data-counter-counter div:nth-child(2) img {
    max-width: 45px
}

@media (max-width: 768px) {
    .single-slider-container .memorial-counter .data-counter-counter {
        width: 100%;
        left: 0
    }
}

@media (max-width: 767px) {
    .single-slider-container .memorial-counter .data-counter-counter {
        left: 0;
        top: 25%;
        width: 100%
    }

    .single-slider-container .memorial-counter .data-counter-counter h3 {
        font-size: 18px !important
    }

    .single-slider-container .memorial-counter .data-counter-counter p {
        font-size: 12px !important
    }

    .single-slider-container .memorial-counter .data-counter-counter div {
        margin-left: 0 10px
    }

    .single-slider-container .memorial-counter .data-counter-counter div img {
        width: 24px
    }
}

.single-slider-container .memorial-counter .data-counter-counter h3 {
    margin-top: 10px;
    font-weight: 900;
    font-size: 44px
}

.single-slider-container .memorial-counter .data-counter-counter p {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.single-slider-container .memorial-counter .combined {
    z-index: -1;
    width: 100%;
    margin: 0
}

.single-slider-container .container {
    max-width: 1172px
}

@media (max-width: 767px) {
    .single-slider-container .slick-next {
        display: none !important
    }
}

.aesthetic-modal .modal-header .modal-close {
    right: 10px;
    top: 10px
}

.aesthetic-modal .modal-content {
    padding: 0 60px;
    box-shadow: none !important
}

.aesthetic-modal .modal-content .modal-content {
    margin-left: auto;
    margin-right: auto
}

.aesthetic-modal .modal-content .modal-name {
    text-align: left
}

.aesthetic-modal .modal-content .modal-name h2 {
    margin: 60px 235px 0 0;
    font-size: 28px;
    font-weight: 700;
    color: #169ee3
}

.aesthetic-modal .modal-content .modal-content-text {
    margin: 60px 0;
    text-align: left
}

.aesthetic-modal .modal-content .modal-content-text h3 {
    margin-top: 50px;
    font-size: 20px;
    font-weight: 700
}

.aesthetic-modal .modal-content .modal-content-text p {
    font-size: 14px;
    color: #151b26;
    line-height: 1.71;
    margin-top: 12px;
    opacity: .8
}

.aesthetic-modal .modal-content .detail-title {
    text-align: left
}

.aesthetic-modal .modal-content .detail-title h3 {
    font-size: 26px;
    font-weight: 500;
    margin: 10px 0
}

.aesthetic-modal .modal-content .modal-detail {
    display: flex
}

.aesthetic-modal .modal-content .modal-detail .detail-img {
    display: inline-block
}

.aesthetic-modal .modal-content .modal-detail .detail-content {
    display: flex;
    flex-wrap: wrap
}

.aesthetic-modal .modal-content .modal-detail .detail-content .content-mini {
    display: flex;
    margin: 0 0 70px 35px;
    width: 171px;
    text-align: left
}

.aesthetic-modal .modal-content .modal-detail .detail-content .content-mini .mini-text {
    margin-left: 12px
}

.aesthetic-modal .modal-content .modal-detail .detail-content .content-mini .mini-text p:first-child {
    font-weight: 700;
    font-size: 16px
}

@media (max-width: 767px) {
    .aesthetic-modal .modal-content {
        padding: 0
    }

    .aesthetic-modal .modal-content .modal-name h2 {
        margin: 20px auto 0;
        font-size: 18px
    }

    .aesthetic-modal .modal-content .detail-title h3 {
        margin: 10px 0;
        font-size: 16px
    }

    .aesthetic-modal .modal-content .modal-detail {
        flex-wrap: wrap
    }

    .aesthetic-modal .modal-content .modal-detail .detail-img {
        margin-left: auto;
        margin-right: auto
    }

    .aesthetic-modal .modal-content .modal-detail .detail-img img {
        max-width: 300px
    }

    .aesthetic-modal .modal-content .modal-detail .detail-content .content-mini {
        margin: 10px auto 30px
    }

    .aesthetic-modal .modal-content .modal-content-text {
        margin: 0;
        padding: 0 10px
    }
}

.faq-section.aesthetic {
    margin-top: 80px
}

@media (max-width: 767px) {
    .faq-section.aesthetic {
        margin-bottom: 50px
    }
}

.faq-section.aesthetic .title {
    margin-bottom: 10px
}

.faq-section.aesthetic .title.hidden-desktop {
    font-size: 18px !important;
    font-weight: 700
}

.faq-section.aesthetic .content {
    padding: 40px 40px 20px !important
}

.faq-section.aesthetic .desc {
    padding: 0 0 25px 5px !important;
    background-color: #fff;
    max-height: 0;
    overflow: hidden
}

@media (max-width: 767px) {
    .doctors-section.aesthetic .text-wrap {
        max-width: 240px;
        min-height: 107px !important;
        justify-content: space-around
    }
}

.surgical-content .organ-benefit {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    padding: 0
}

@media (max-width: 767px) {
    .surgical-content .organ-benefit {
        padding: 10px 15% 30px
    }

    .surgical-content .organ-benefit .benefit-content {
        margin-top: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .surgical-content .organ-benefit {
        padding: 0 90px
    }

    .surgical-content .organ-benefit .benefit-content {
        margin-top: 10px
    }
}

.organ-transplant-content .organ-content, .surgical-content .organ-benefit .benefit-content {
    margin-left: auto;
    margin-right: auto
}

.surgical-content .organ-benefit .benefit-img {
    width: 70px;
    height: 70px;
    margin: 0 0 16px 69px;
    background-color: #f5f8fb;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.surgical-content .organ-benefit .benefit-text {
    text-align: center;
    max-width: 210px
}

.surgical-content .organ-benefit .benefit-text span {
    margin-top: 16px;
    width: 202px;
    font-size: 14px
}

.organ-transplant-content {
    background-color: #fff;
    padding: 75px 10% 20px;
    margin-top: 60px
}

@media (max-width: 767px) {
    .organ-transplant-content {
        padding: 60px 10%;
        display: block
    }
}

.organ-transplant-content .organ-content .organ-transplant-info h2 {
    font-size: 36px;
    font-weight: 700
}

.organ-transplant-content .organ-content .organ-transplant-info p {
    font-size: 14px;
    line-height: 1.57;
    margin-top: 15px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .organ-transplant-content .organ-content .organ-transplant-info h2 {
        font-size: 24px
    }
}

.organ-transplant-content .organ-content .organ-transplant-cards {
    margin-bottom: 10px
}

.organ-transplant-content .organ-content .organ-transplant-cards .slick-track {
    display: flex
}

.organ-transplant-content .organ-content .organ-transplant-cards .slick-track .slick-slide {
    height: auto
}

@media (max-width: 767px) {
    .organ-transplant-content .organ-content .organ-transplant-cards {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .organ-transplant-content .organ-content .organ-transplant-cards .slick-slide {
        margin-right: 10px
    }
}

.organ-transplant-content .organ-content .organ-transplant-cards .organ-card {
    height: 100%;
    border: 1px solid #d4d7dd;
    border-radius: 4px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .organ-transplant-content .organ-content .organ-transplant-cards .organ-card {
        height: 100% !important
    }
}

@media (min-width: 1600px) {
    .organ-transplant-content .organ-content .organ-transplant-cards .organ-card {
        height: 100% !important
    }
}

.organ-transplant-content .organ-content .organ-transplant-cards .organ-card img {
    width: 100%;
    height: auto
}

.organ-transplant-content .organ-content .organ-transplant-cards .organ-card .benefit-text {
    text-align: center;
    margin-top: 15px;
    padding: 0 10px
}

.organ-transplant-content .organ-content .organ-transplant-cards .organ-card .benefit-text p {
    font-size: 12px;
    color: #403920;
    line-height: 1.42;
    margin: 10px 0 0 !important
}

.organ-transplant-content .organ-content .organ-transplant-cards .organ-card .benefit-img {
    background: url(https://cdn.memorial.com.tr/files/images/logo-570x370.png) no-repeat center;
    min-height: 143.5px
}

.organ-transplant-content .slick-slide {
    margin-right: 10px
}

.faq-section.organ .container hidden-desktop {
    font-size: 18px !important
}

.hair-header .hair-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #169ee3;
    width: 80%;
    margin: 150px auto 0
}

@media (max-width: 1199px) {
    .hair-header .hair-title {
        font-size: 42px;
        text-align: center
    }
}

@media (max-width: 767px) {
    .hair-header .hair-title {
        font-size: 24px !important;
        width: 100% !important;
        margin: 30px 5px 0 !important;
        text-align: center
    }
}

@media (width: 1500px) {
    .hair-header .hair-title {
        width: 70%
    }
}

.hair-header .hair-header-content {
    display: flex;
    flex-wrap: wrap
}

.hair-header .hair-header-content .hair-contact {
    width: 50%
}

.hair-header .hair-header-content .hair-contact .contact-form-content {
    box-shadow: none !important;
    background-color: #f5f8fb !important;
    padding: 0 10px 65px !important;
    margin-top: 40px
}

.hair-header .hair-header-content .hair-contact .contact-form-content .desc, .hair-header .hair-header-content .hair-contact .contact-form-content .hero {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

.hair-header .hair-header-content .hair-contact .contact-form-content .hero {
    font-size: 20px;
    font-weight: 700;
    color: #169ee3
}

.hair-header .hair-header-content .hair-contact .contact-form-content .desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57
}

.hair-header .hair-header-content .hair-videos {
    width: 50%;
    margin-top: 40px
}

.hair-header .hair-header-content .hair-videos .container {
    max-width: 650px
}

.hair-header .hair-header-content .hair-videos .container .video-item .image-cover {
    height: 201px
}

.hair-header .hair-header-content .hair-videos .container .row .image-cover {
    height: 110px
}

@media (max-width: 1024px) {
    .hair-header .hair-contact, .hair-header .video-section {
        width: 100% !important
    }
}

.special-offer {
    max-width: 100%;
    height: 214px;
    margin: 92px 0 0 1px;
    padding: 71px 135px 66px;
    background-image: linear-gradient(98deg, #169ee3, #151b26);
    color: #fff !important;
    display: flex;
    position: relative
}

@media (max-width: 767px) {
    .special-offer {
        padding: 25px 10px 66px;
        height: 150px
    }

    .special-offer .special-text {
        margin-left: 0 !important
    }

    .special-offer .special-text h3 {
        font-size: 24px !important;
        letter-spacing: 0 !important;
        line-height: 1 !important
    }

    .special-offer .special-text p {
        font-size: 14px !important
    }
}

@media (min-width: 1024px) {
    .special-offer .special-contact {
        margin-left: 25% !important
    }
}

@media (min-width: 768px) and (max-width: 1366px) {
    .special-offer {
        padding: 70px 100px 66px
    }

    .special-offer .special-text h3 {
        font-size: 36px !important
    }
}

.special-offer .special-contact {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10%
}

.special-offer .special-text {
    margin-left: 50px
}

.special-offer .special-text h3 {
    font-size: 56px;
    font-weight: 800;
    line-height: .69;
    margin-bottom: 14px
}

.special-offer .special-text p {
    font-size: 20px;
    line-height: 1.04;
    font-weight: 500;
    color: #fff !important
}

@media (max-width: 767px) {
    .special-offer .special-phone, .special-offer .special-whatsapp {
        width: 135px;
        padding: 14px 20px
    }
}

.special-offer .special-whatsapp {
    background-color: #25d366;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff
}

.special-offer .special-phone {
    opacity: .9;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .5);
    background-color: #fff;
    color: #000
}

.special-offer .special-star img {
    position: absolute;
    left: -43px;
    top: 15px;
    width: 135px;
    height: 170px;
    opacity: .1;
    object-fit: contain
}

.hair-hospital {
    background: url(https://cdn.zeplin.io/5debe3e90e528b4d10580204/assets/82AEB876-864F-48BC-B28E-D4308B4CA76C.png) 0 0;
    background-size: 100%;
    position: relative;
    margin-top: 10%
}

.hair-hospital .usgbc-logo img {
    position: absolute;
    top: -150px;
    left: 50px
}

.hair-hospital .hair-hospital-content {
    margin-top: 20px;
    padding: 110px 135px 0
}

.hair-hospital .hair-hospital-content .hair-hospital-content-info h2 {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin: 10px 0 30px
}

.hair-hospital .hair-hospital-content .hair-hospital-content-info h2 span, .hair-hospital .hair-hospital-content .video-top-text font {
    color: #169ee3
}

.hair-hospital .hair-hospital-content .hair-hospital-content-info h3 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px
}

.hair-hospital .hair-hospital-content .hair-hospital-content-info h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.04;
    color: #ffc107
}

.hair-hospital .hair-hospital-content .multiple-slider .scrollable {
    background-color: inherit
}

.hair-hospital .hair-hospital-content .multiple-slider .scrollable .item .img-wrapper {
    height: 145px !important
}

.hair-hospital .hair-hospital-content .multiple-slider .scrollable .item .img-wrapper img, .why-memorial.hair .multiple-slider .scrollable .item .img-wrapper img {
    box-shadow: 0 10px 19px 0 #000
}

.hair-hospital .hair-hospital-content .multiple-slider .scrollable .clear-right-padding {
    padding-left: 0;
    margin-left: 0
}

@media (min-width: 1200px) {
    .hair-hospital .hair-hospital-content .multiple-slider .scrollable .clear-right-padding {
        max-width: 2140px
    }
}

.hair-hospital .hair-hospital-content .multiple-slider .slick-slider .slick-list::after, .why-memorial.hair .multiple-slider .slick-slider .slick-list::after {
    width: 130px
}

.hair-hospital .hair-hospital-content .multiple-slider .slick-slider .slick-next {
    background: 0 0 !important
}

.hair-hospital .hair-hospital-content .multiple-slider .slick-slider .slick-next .icon-right:before {
    font-size: 25px
}

.hair-hospital .hair-hospital-content .why-memorial-text {
    margin: 50px 0 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    opacity: .7
}

.hair-hospital .hair-hospital-content .video-top-text {
    font-size: 26px;
    color: #fff;
    font-weight: 400
}

.hair-hospital .hair-hospital-content .hair-why-memorial {
    position: relative;
    display: inline-block;
    width: 278px;
    height: 53px;
    font-size: 16px;
    font-weight: 700;
    line-height: 53px;
    padding-left: 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #169ee3;
    overflow: hidden;
    margin-bottom: 50px
}

.hair-hospital .hair-hospital-content .hair-why-memorial .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #a12d42;
    text-align: center
}

.hair-hospital .hair-hospital-content .video-section {
    padding-bottom: 20px
}

.hair-hospital .hair-hospital-content .video-section .video-item .image-cover.mask:before {
    display: none
}

.hair-hospital .hair-hospital-content .video-section .video-item .video-link .image-cover {
    height: 630px
}

.hair-hospital .hair-hospital-content .video-section .container {
    margin-left: 0
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hair-hospital .slick-slider .slick-list::after {
        width: 50px
    }

    .hair-hospital .slick-slider .slick-next.slick-arrow {
        right: 0
    }

    .hair-hospital .video-section .video-item .video-link .image-cover {
        height: 270px !important
    }
}

@media (max-width: 767px) {
    .hair-hospital {
        margin-top: 20%
    }

    .hair-hospital .usgbc-logo img {
        width: 200px;
        top: -75px;
        left: 10px
    }

    .hair-hospital .hair-hospital-content {
        padding: 80px 15px 0
    }

    .hair-hospital .hair-hospital-content .hair-hospital-content-info h2 {
        font-size: 24px
    }

    .hair-hospital .hair-hospital-content .hair-hospital-content-info h3 {
        font-size: 22px
    }

    .hair-hospital .hair-hospital-content .hair-hospital-content-info h4 {
        font-size: 20px
    }

    .hair-hospital .video-top-text {
        font-size: 18px !important
    }

    .hair-hospital .video-section {
        margin-top: 20px !important
    }

    .hair-hospital .video-section .video-item .video-link .image-cover {
        height: 180px !important
    }
}

.doctors-section.hair .doctors .item {
    max-width: 335px;
    min-height: auto
}

.doctors-section.hair .doctors .item .image-cover {
    height: 230px
}

@media (max-width: 1024px) and (max-width: 1366px) {
    .doctors-section.hair .doctors .item .image-cover {
        height: 180px
    }
}

@media (max-width: 767px) {
    .doctors-section.hair .doctors .item .image-cover {
        height: 70px
    }
}

.doctors-section.hair .doctors .item .text-wrap {
    min-height: 80px;
    max-width: 240px
}

.doctors-section.hair .doctors .item .hospital-name {
    margin-bottom: 0;
    height: 20px
}

.doctors-section.hair .doctors .item .label-wrap {
    margin-bottom: 5px
}

.other-services .container {
    padding: 40px 0 50px
}

.other-services .container .slider-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px
}

.other-services .container .slider-desc {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #151b26
}

.other-services .scrollable .slick-slider .slick-list::after {
    width: 112px !important
}

@media (max-width: 767px) {
    .other-services .scrollable .container {
        padding: 20px 0 40px
    }

    .other-services .slider-title {
        font-size: 20px !important;
        padding-left: 20px
    }

    .other-services .slider-desc {
        font-size: 16px !important;
        padding-left: 20px;
        line-height: 1
    }

    .faq-section.hair-page {
        margin-top: 30px
    }

    .hospital-info-wrapper.hair-page .info-icon {
        width: 35px !important;
        height: 35px !important
    }

    .hospital-info-wrapper.hair-page .info-title {
        font-size: 14px !important
    }

    .hospital-info-wrapper.hair-page .info-items .info-item {
        padding-bottom: 25px
    }

    .about-component.hair-page .mobile-bg .item {
        margin-bottom: 10px !important;
        padding-bottom: 5px !important
    }

    .about-component.hair-page .mobile-bg .item .label {
        font-size: 18px !important
    }
}

.why-memorial.hair {
    margin-top: 5%
}

@media (max-width: 767px) {
    .why-memorial.hair {
        margin-top: 20%
    }
}

.why-memorial.hair .multiple-slider .scrollable {
    background-color: inherit
}

.why-memorial.hair .multiple-slider .scrollable .item .img-wrapper {
    height: 145px !important
}

.why-memorial.hair .multiple-slider .scrollable .clear-right-padding {
    padding-left: 0;
    margin-left: 0
}

@media (min-width: 1200px) {
    .why-memorial.hair .multiple-slider .scrollable .clear-right-padding {
        max-width: 2140px
    }
}

.why-memorial.hair .multiple-slider .slick-slider .slick-next {
    background: 0 0 !important
}

.why-memorial.hair .multiple-slider .slick-slider .slick-next .icon-right:before {
    font-size: 25px
}

.why-memorial.hair .carousel-area .carousel .slick-prev {
    display: none !important
}

.why-memorial.hair .carousel-area .carousel .slick-next {
    position: absolute;
    right: -1px;
    top: 0;
    width: 121px;
    height: 160px !important;
    border: unset;
    outline: 0;
    cursor: pointer;
    text-indent: -9999px;
    background: rgba(0, 0, 0, .6) url(https://cdn.memorial.com.tr/files/images/icon@arrow-thin.svg) no-repeat center;
    transform: none;
    border-radius: 5px 0 0 5px
}

@media (max-width: 767px) {
    .why-memorial.hair .logo.image-cover .lazyload {
        width: 150px
    }
}

.why-memorial.hair .video-item {
    padding-bottom: 20px
}

.mobile-toggle, .show-mobile {
    display: none
}

.profile .appointments .icon img {
    width: 80px;
    height: 80px
}

@media (max-width: 1024px) {
    .page-doctors .doctor-info-alternate .easy span, .page-header .navigation li {
        font-size: 12px
    }

    .page-header .login {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 12px;
        white-space: nowrap
    }

    .fast-links .col-3 {
        padding: 0 10px
    }

    .fast-links .link-item .detail {
        padding-top: 50px
    }

    .fast-links .link-item strong {
        font-size: 14px
    }

    .fast-links .link-item em {
        top: 18px;
        right: 10px;
        font-size: 12px
    }

    .fast-links .link-item p {
        font-size: 12px;
        opacity: .7
    }

    .hospital-photos .photos-container img, .why-memorial .video img {
        max-width: 100%
    }

    .why-memorial .carousel {
        position: static;
        overflow: hidden
    }

    .why-memorial .slick-arrow.slick-prev {
        display: none !important
    }

    .fast-links-alternate {
        padding-top: 110px;
        padding-bottom: 120px
    }

    .triple .item a {
        font-size: 18px
    }

    .triple-health .label {
        font-size: 20px
    }

    .health-packs .more, .triple .more {
        font-size: 16px
    }

    .hc-article-detail .article-links ul li, .health-center .result .tabs a, .hospitals .medical-units .selected-letter a, .page-footer .sub-title {
        font-size: 14px
    }

    .page-footer .store {
        margin-right: 0
    }

    .hospitals .hospital .button, .hospitals .hospital .half-buttons {
        width: 100%
    }

    .hospitals .hospital .half-buttons {
        margin-bottom: 5px
    }

    .appointment .filter select {
        width: auto;
        padding-right: 50px
    }

    .appointment .sort a, .appointment .sort select {
        width: 32%;
        font-size: 14px
    }

    .appointment .sort select {
        padding-right: 40px
    }

    .hero-text-alternate {
        height: 250px
    }

    .hospitals .contact-form .wrapper, .page-doctors .doctor-expertise ul, .page-doctors article {
        width: 100%
    }

    .last-appointments .box {
        width: 31%
    }

    .hospitals .technologies .item > .link, .last-appointments .link {
        font-size: 10px
    }

    .hospitals .medical-units .selected-letter .left {
        margin-right: 25px
    }

    .hospitals .medical-units .selected-letter li.selected a {
        font-size: 13px
    }

    .page-hero {
        height: 300px;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2)
    }

    .medical-units .create-appointment-button {
        width: 250px;
        top: -70px
    }

    .medical-units .wrapper-box {
        padding: 40px 40px 20px
    }

    .medical-units .wrapper-box-disease ul li em {
        right: -20px
    }

    .hc-article-detail .article {
        padding: 80px 40px 40px
    }

    .hc-article-detail .article-links {
        margin: 0 0 30px;
        padding: 20px
    }

    .special-services .item-area li {
        padding: 15px
    }

    .special-services .item-area a {
        margin: 10px 0
    }

    .page-doctors .doctor-info-alternate {
        padding: 20px 30px
    }

    .page-doctors .doctor-info-alternate .image-wrapper {
        height: 250px
    }

    .page-doctors .doctor-info .name {
        font-size: 26px
    }

    .page-doctors .doctor-info-alternate .tabs a {
        font-size: 16px
    }

    .page-doctors .doctor-info .action-box .hospital em {
        font-size: 50px
    }

    .page-doctors .doctor-info-alternate .area .tabs a, .page-doctors .doctor-info-alternate .easy {
        font-size: 14px
    }

    .page-doctors .doctor-info-alternate .calendar li a {
        width: 95px
    }
}

@media (max-width: 768px) {
    .hidden-desktop {
        display: block
    }

    .hide-mobile {
        display: none !important
    }

    .show-mobile {
        display: block
    }

    .page-header {
        box-shadow: 0 0 0 transparent
    }

    .breadcrumb .contact {
        display: none
    }

    .page-header .header {
        height: 70px
    }

    .mobile-toggle {
        display: block;
        width: 20px;
        height: 15px;
        position: absolute;
        left: 20px;
        top: 50%;
        z-index: 4;
        transform: translateY(-50%);
        background: #fff url(https://cdn.memorial.com.tr/files/images/icon@hamburger.svg) no-repeat center
    }

    body.rtl .mobile-toggle {
        left: inherit;
        right: 20px
    }

    .page-header .international-link {
        display: none
    }

    .page-header .mobile-show {
        display: block !important
    }

    .navigation-backdrop {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 6;
        background: rgba(255, 255, 255, .6)
    }

    .language.language-mobile .world-icon.white, .navigation-backdrop.active {
        display: block
    }

    .page-header .logo {
        font-size: 20px;
        margin: 0 0 0 40px
    }

    body.rtl .page-header .logo {
        margin: 0 40px 0 0
    }

    .language.language-mobile .world-icon.red, .language.language-mobile.active .dropdown-button .world-icon.white, .magazine-area .desc br, .page-header .login, .page-header .navigation a.no-icon:before {
        display: none
    }

    .page-header .dropdown-button .icon, body.rtl .page-header .navigation li {
        margin: 0
    }

    .page-header .country {
        margin: 0 5px;
        font-size: 14px;
        color: #fff
    }

    .page-header .international {
        font-size: 14px;
        font-weight: 500;
        color: #fff
    }

    .language.language-mobile {
        height: auto;
        display: block;
        margin-top: 15px;
        margin-bottom: 250px
    }

    body.rtl .language.language-mobile {
        left: inherit;
        right: 15px
    }

    .language.language-mobile .dropdown-content {
        right: inherit;
        left: 0;
        width: 100%;
        position: relative
    }

    body.rtl .language.language-mobile .dropdown-content, body.rtl .page-header .navigation {
        left: inherit;
        right: 0
    }

    .language.language-mobile .language-list {
        height: auto;
        border-radius: 0 0 3px 3px;
        padding: 12px 10px 10px
    }

    .language.language-mobile .language-list a {
        padding: 0 !important;
        line-height: 20px;
        display: flex
    }

    .language.language-mobile.active {
        bottom: 7px;
        border-radius: 3px;
        background-color: #fff;
        padding: 0 5px;
        position: relative;
        margin-bottom: 70px;
        z-index: 0
    }

    body.rtl .language.language-mobile.active {
        margin: 0 -22px 0 8px
    }

    .language.language-mobile.active .dropdown-button {
        color: #000;
        height: 44px
    }

    .language.language-mobile.active .dropdown-button .world-icon.red {
        display: block
    }

    .language.language-mobile.active .dropdown-button .country {
        color: #000;
        font-weight: 700
    }

    .language.language-mobile.active .dropdown-button .international {
        color: #000
    }

    .language.language-mobile.active .dropdown-button .icon em:before {
        background-image: url(https://cdn.memorial.com.tr/files/images/icon-down.svg)
    }

    .language.language-mobile.active .dropdown-button .icon span {
        width: 24px;
        height: 24px
    }

    .language.language-mobile.active .dropdown-button .icon em {
        width: 16px;
        height: 16px
    }

    .searchbar-container .search-button {
        left: auto
    }

    .searchbar-container.active .search-button {
        width: 50px;
        justify-content: center;
        align-items: center
    }

    .page-header .navigation {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 300px;
        height: 100vh;
        z-index: 10;
        background-color: #151b26
    }

    .page-header .navigation.active {
        display: block
    }

    .page-header .navigation .navigation-inner {
        height: 100vh;
        padding: 0 10px 10px;
        padding-bottom: 50vh;
        overflow-y: scroll
    }

    .page-header .navigation li {
        display: block;
        margin: 0;
        width: 100%
    }

    .page-header .navigation li:not(:first-child):before {
        display: none
    }

    .medical-units.hospitals .medical-units .selected-letter, .medical-units.hospitals .medical-units .wrapper, .page-header .navigation .container {
        padding: 0
    }

    .page-header .navigation a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 5px 0;
        color: #fff;
        font-size: 16px;
        padding: 15px 5px;
        border-radius: 4px;
        font-weight: 500
    }

    .page-header .navigation a:hover {
        color: #151b26;
        background: #fff
    }

    .page-header .navigation a:hover em::before {
        background-image: url(https://cdn.memorial.com.tr/files/images/icon-right-black.svg)
    }

    .homepage-hero .container {
        padding-top: 40px
    }

    .homepage-hero .hero {
        margin-bottom: 10px;
        padding-right: 20%;
        font-size: 24px;
        line-height: 30px
    }

    body.rtl .homepage-hero .hero {
        padding: 0 0 0 20%
    }

    .fast-links .col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .homepage-hero {
        height: 250px
    }

    .fast-links-bg {
        background: inherit
    }

    .fast-links .link-item .detail {
        padding-top: 20px
    }

    .fast-links .link-item strong, .lp-fast-links .lp-fast-links-content .text, .lp-fast-links .lp-fast-links-content .text p {
        font-size: 15px
    }

    .fast-links .link-item p {
        font-size: 13px
    }

    .fast-links .link-item {
        margin-bottom: 10px
    }

    .fast-links {
        position: relative;
        top: -40px;
        padding: 30px 0 0
    }

    .fast-links-alternate {
        position: relative;
        padding: 40px 0 70px;
        background: rgba(193, 222, 226, .5) url(https://cdn.memorial.com.tr/files/images/fast-links-alternate-bg-m.png) no-repeat;
        background-position-x: right
    }

    .fast-links-alternate .slick-slider {
        padding-left: 7px
    }

    .lp-fast-links .lp-fast-links-content {
        padding: 20px
    }

    .lp-fast-links .lp-fast-links-content .lp-link {
        font-size: 18px;
        padding-right: 20px;
        margin-top: 25px
    }

    .lp-fast-links .lp-fast-links-content .lp-link::before {
        background-size: 22px;
        width: 17px;
        height: 21px
    }

    .last-appointments {
        margin-right: -20px
    }

    .last-appointments .title, .page-social-media span {
        text-align: left;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .medical-units.hospitals {
        padding: 10px 0 50px
    }

    .medical-units.hospitals .search {
        margin-bottom: -1px;
        flex-direction: column
    }

    .medical-units.hospitals .medical-units {
        padding: 0 10px !important
    }

    .medical-units.hospitals .medical-units .wrapper .letters {
        margin: 0
    }

    .medical-units > .container > .wrapper.only-button {
        padding-bottom: 0
    }

    .mobile-toggle-container-medical-unit .mobile-item.active .content-wrapper, .why-memorial .video img {
        display: block
    }

    .fast-links-alternate .slick-list, .sub-units .slick-list {
        padding: 0 20% 0 0
    }

    body.rtl .fast-links-alternate .slick-list, body.rtl .sub-units .slick-list {
        padding: 0 0 0 20%
    }

    .fast-links-alternate .col-3, .sub-units .col-3 {
        padding: 0 5px;
        flex: 0 0 100%;
        max-width: 100%
    }

    .fast-links-alternate .slick-dots, .messages .slick-dots {
        position: absolute;
        left: 10px;
        bottom: -20px
    }

    body.rtl .fast-links-alternate .slick-dots, body.rtl .messages .slick-dots, body.rtl .sub-units .slick-dots {
        left: inherit;
        right: 10px
    }

    .last-appointments .slick-dots, .sub-units .slick-dots {
        position: absolute;
        left: 0;
        bottom: -20px
    }

    .page-healthpacks-detail .doctors-other-page .slick-dots {
        position: absolute;
        left: 0;
        bottom: -10px
    }

    .choose-package-slider .slick-dots li, .fast-links-alternate .slick-dots li, .last-appointments .slick-dots li, .messages .slick-dots li, .page-healthpacks-detail .doctors-other-page .slick-dots li, .sub-units .slick-dots li, .why-memorial .slick-dots li {
        float: left;
        margin: 0 3px;
        width: 7px;
        height: 7px;
        background-color: rgba(0, 0, 0, .4);
        border-radius: 100%;
        transition: all .3s linear
    }

    .choose-package-slider .slick-dots button, .fast-links-alternate .slick-dots button, .last-appointments .slick-dots button, .messages .slick-dots button, .page-healthpacks-detail .doctors-other-page .slick-dots button, .sub-units .slick-dots button {
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        display: block;
        text-indent: -9999px;
        outline: 0;
        background: 0 0 !important
    }

    .choose-package-slider .slick-dots li.slick-active, .fast-links-alternate .slick-dots li.slick-active, .last-appointments .slick-dots li.slick-active, .messages .slick-dots li.slick-active, .page-healthpacks-detail .doctors-other-page .slick-dots li.slick-active, .sub-units .slick-dots li.slick-active {
        width: 25px;
        border-radius: 7px;
        background-color: #000
    }

    .why-memorial .actions p {
        width: 300px
    }

    .why-memorial .image-cover {
        background: 0 0
    }

    .why-memorial .logo {
        top: -170px;
        left: -20px;
        width: 200px;
        height: 200px
    }

    .why-memorial .logo img {
        width: 100%
    }

    .why-memorial .hero {
        font-size: 17px
    }

    .why-memorial .desc {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        width: 100%
    }

    .why-memorial .desc span {
        font-size: 14px
    }

    .why-memorial .carousel {
        overflow: visible
    }

    .why-memorial .slick-dots {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .why-memorial .slick-dots li {
        background-color: rgba(255, 255, 255, .4);
        margin: 8px 3px 0
    }

    .why-memorial .slick-slider {
        padding-bottom: 20px
    }

    .why-memorial .slick-dots button {
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        display: block;
        text-indent: -9999px;
        outline: 0;
        background-color: transparent
    }

    .why-memorial .slick-dots li.slick-active {
        width: 25px;
        border-radius: 7px;
        background-color: #fff
    }

    .why-memorial .slick-list {
        padding-right: 20%
    }

    .magazine-area {
        height: 500px;
        padding-top: 45px
    }

    .magazine-area .hero {
        font-size: 20px
    }

    .magazine-area .desc {
        font-size: 14px;
        padding: 0 25px
    }

    .page-social-media {
        padding: 50px 20px;
        background-color: #fff
    }

    .page-social-media span {
        font-weight: 400
    }

    .triple {
        margin-bottom: 40px
    }

    .triple .slick-list {
        padding: 0 20% 0 0
    }

    body.rtl .triple .slick-list {
        padding: 0 0 0 20%
    }

    .triple .triple-image {
        height: 210px
    }

    .triple .slick-dots {
        position: absolute;
        left: 15px;
        bottom: -20px
    }

    body.rtl .triple .slick-dots {
        left: inherit;
        right: 15px
    }

    .page-campains .scrollable .scrollable-row.slick-slider .slick-dots li, .triple .slick-dots li {
        float: left;
        margin: 0 3px;
        width: 7px;
        height: 7px;
        background-color: rgba(0, 0, 0, .4);
        border-radius: 100%;
        transition: all .3s linear
    }

    .page-campains .scrollable .scrollable-row.slick-slider .slick-dots button, .triple .slick-dots button {
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        display: block;
        text-indent: -9999px;
        outline: 0;
        background: 0 0 !important
    }

    .page-campains .scrollable .scrollable-row.slick-slider .slick-dots li.slick-active, .triple .slick-dots li.slick-active {
        width: 25px;
        border-radius: 7px;
        background-color: #000
    }

    .triple .more {
        text-align: left
    }

    .triple .item {
        height: 100px;
        padding: 7px
    }

    .triple .item a h3 {
        font-size: 18px
    }

    .triple-health .hero {
        font-size: 20px
    }

    .triple-health .desc {
        font-size: 14px;
        margin-bottom: 15px
    }

    .triple-health .row {
        padding: 0 10px
    }

    .triple-health .col-4 {
        padding: 0 3px
    }

    .triple-health .label {
        font-size: 13px;
        padding: 15px
    }

    .health-packs {
        margin-bottom: 50px
    }

    .health-packs .item img {
        width: 50px
    }

    .health-packs .item {
        margin-bottom: 15px
    }

    .health-packs .title {
        margin-bottom: 20px;
        font-size: 20px
    }

    .health-packs .more {
        text-align: left
    }

    .page-campains .search .col-3, .page-footer .mobile-footer-menu-item {
        margin-bottom: 10px;
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-campains .scrollable {
        padding: 20px 0 50px;
        margin: 0 0 20px
    }

    .page-campains .scrollable .title {
        font-size: 20px
    }

    .page-campains .scrollable .scrollable-row.slick-slider .slick-arrow {
        display: none !important
    }

    .page-campains .scrollable .scrollable-row.slick-slider .slick-dots {
        display: block !important;
        position: absolute;
        left: 10px;
        bottom: -20px
    }

    .page-campains .search .actions {
        flex-direction: column;
        margin-bottom: 0
    }

    .page-campains .search .actions .select2 {
        width: 100% !important;
        margin-bottom: 10px
    }

    .page-campains .search .actions .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .page-campains .search .actions .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px
    }

    .page-campains .search .actions .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .page-campains .search .actions .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        font-size: 14px
    }

    .page-campains .search .actions .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
        height: 50px
    }

    .page-campains .search .actions input {
        height: 50px;
        line-height: 48px;
        font-size: 14px;
        margin-bottom: 0
    }

    .page-campains-detail .wrapper-box-content {
        padding: 20px 15px
    }

    .page-campains-detail .wrapper-box-content ul li {
        word-break: break-word
    }

    .page-campains-detail .wrapper-box-content .mobile-share {
        width: 88px;
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        background-color: #169ee3
    }

    .page-campains-detail .wrapper-box-content .mobile-share em {
        font-size: 24px;
        line-height: 44px;
        color: #fff;
        vertical-align: middle
    }

    .page-campains-detail .wrapper-box-form {
        padding: 30px 10px 20px;
        margin-top: 20px
    }

    .page-campains-detail .wrapper-box-form form .bvalidator-insert-msg + .select2 .select2-selection, .page-campains-detail .wrapper-box-form form .checkbox, .page-campains-detail .wrapper-box-form form .item, .page-campains-detail .wrapper-box-form form .select2-basic + .select2 .select2-selection, .page-campains-detail .wrapper-box-form form input, .page-campains-detail .wrapper-box-form form select, .page-campains-detail .wrapper-box-form form textarea, .page-campains-detail .wrapper-box-newsletter form, .page-campains-detail .wrapper-box-newsletter form input {
        width: 100%
    }

    .page-campains-detail .wrapper-box-form .description, .page-campains-detail .wrapper-box-form form .bvalidator-insert-msg + .select2 .select2-selection__rendered, .page-campains-detail .wrapper-box-form form .select2-basic + .select2 .select2-selection__rendered {
        font-size: 14px
    }

    .page-campains-detail .wrapper-box-form form button, .page-campains-detail .wrapper-box-newsletter form .save-newsletter {
        width: 165px
    }

    .page-campains-detail .wrapper-box-same-campains {
        padding: 0;
        margin-top: 50px;
        background-color: #f5f8fb
    }

    .page-campains-detail .wrapper-box-same-campains .title {
        margin-bottom: 20px;
        font-size: 20px
    }

    .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart {
        margin-left: 0
    }

    body.rtl .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart {
        margin: 0 0 0 -15px
    }

    .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .item > .link, .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .item > .link > .icon {
        background-color: #151b26
    }

    .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .slick-list {
        padding: 0 20% 0 0 !important
    }

    body.rtl .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .slick-list {
        padding: 0 0 0 20% !important
    }

    .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .col-12, .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .col-lg-3, .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .col-xs-12 {
        padding: 0 5px 0 0 !important
    }

    body.rtl .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .col-12, body.rtl .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .col-lg-3, body.rtl .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .col-xs-12 {
        padding: 0 0 0 5px !important
    }

    .page-campains-detail .wrapper-box-same-campains .mobile-slick-standart .slick-dots {
        margin: 20px 0
    }

    .page-campains-detail .wrapper-box-same-campains .more {
        text-align: left;
        font-size: 16px;
        font-weight: 800;
        margin-top: 10px
    }

    body.rtl .page-campains-detail .wrapper-box-same-campains .more {
        text-align: right
    }

    .page-campains-detail .wrapper-box-newsletter {
        padding: 20px 10px;
        margin-top: 50px
    }

    .page-campains-detail .wrapper-box-newsletter p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .page-campains-detail .specialist h2.title {
        font-size: 20px;
        margin-bottom: 20px
    }

    .page-campains-detail .specialist .content {
        background-color: #f5f8fb;
        padding: 0
    }

    .page-campains-detail .specialist .content .more {
        margin-top: 30px;
        text-align: left
    }

    .page-campains-detail .specialist .mobile-slick-standart {
        margin-left: 0
    }

    .page-campains-detail .specialist .mobile-slick-standart .slick-list {
        padding: 0 20% 0 0 !important
    }

    .page-campains-detail .specialist .mobile-slick-standart .slick-list .img-content {
        margin-bottom: 10px
    }

    .page-campains-detail .specialist .mobile-slick-standart .slick-list .details {
        bottom: 60px
    }

    .page-campains-detail .specialist .mobile-slick-standart .slick-list .link {
        position: relative;
        display: block;
        width: 100%;
        height: 53px;
        font-size: 16px;
        font-weight: 700;
        line-height: 53px;
        padding-left: 20px;
        border-radius: 4px;
        color: #151b26;
        background-color: #ffc107;
        overflow: hidden;
        bottom: 5px
    }

    .page-campains-detail .specialist .mobile-slick-standart .slick-list .link > .icon {
        font-size: 26px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 54px;
        height: 100%;
        background-color: #ffc107;
        text-align: center
    }

    .page-campains-detail .specialist .mobile-slick-standart .slick-list .link > .icon::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .1)
    }

    .page-campains-detail .specialist .mobile-slick-standart .slick-dots {
        margin: 20px 0 0
    }

    .page-campains .search .wrapper-box.search .letters {
        margin: 0
    }

    .page-campains .search .selected-title {
        margin-bottom: 15px
    }

    .page-campains .search .item {
        height: auto;
        background: no-repeat;
        margin-bottom: 0
    }

    .page-campains .search .item .content {
        position: relative;
        text-align: left
    }

    .page-campains .search .item .content span {
        color: #151b26;
        display: block;
        width: 100%;
        height: auto;
        border-top: 1px solid #d4d7dd;
        padding-top: 15px;
        margin-bottom: 10px;
        font-weight: 400
    }

    .page-campains .search .item input {
        width: 100%;
        margin-bottom: 0
    }

    .page-footer .sub-title {
        position: relative;
        margin-bottom: 0;
        padding: 0 20px;
        height: 50px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 50px;
        background-color: rgba(255, 255, 255, .03);
        border-radius: 3px
    }

    .page-footer .sub-title::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, .03) url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg) no-repeat center
    }

    body.rtl .page-footer .sub-title::after {
        left: 0;
        right: inherit
    }

    .page-campains .search .item img, .page-campains .search .item::before, .page-footer .mobile-footer-menu-item ul, .page-footer .offset-6 {
        display: none
    }

    .page-footer .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-footer .mobile-app {
        margin-top: 30px
    }

    .page-footer .mobile-app .sub-title {
        display: none !important
    }

    .page-footer .mobile-app .app-logo {
        width: 135px;
        height: 40px;
        display: inline-block
    }

    .page-footer .mobile-app .app-logo a {
        width: 135px
    }

    .page-footer .mobile-app .app-logo img {
        width: 135px;
        max-height: 100%
    }

    .page-footer .bottom-buttons {
        width: calc(100% - 20px);
        right: 10px;
        padding: 0
    }

    .page-footer .bottom {
        padding: 10px 0 110px;
        background-color: #151b27
    }

    .page-footer .bottom .link {
        width: 50%
    }

    .page-footer .bottom .link.gray {
        width: calc(57% + 10px)
    }

    .page-footer .bottom .col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-footer .content {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .page-footer .logo {
        display: block;
        color: #fff;
        opacity: .2;
        font-size: 20px;
        margin-bottom: 15px
    }

    .page-hero {
        height: 250px
    }

    .page-hero.mobile-height-500 {
        height: 500px
    }

    .page-hero .hero {
        margin: 0;
        font-size: 20px;
        padding: 0 10px
    }

    .page-hero .description {
        font-size: 16px;
        margin-top: 0
    }

    .hospitals .institutions .paragraph, .hospitals .institutions .result-empty {
        margin: 0 10px;
        position: relative
    }

    .hospitals .institutions .result-empty {
        padding-bottom: 20px
    }

    .hospital-photos {
        padding: 20px 10px
    }

    .hospital-photos .photos-container {
        padding: 0;
        border: unset;
        background: 0 0
    }

    .hospital-photos .photos-container .col-3 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .hospital-photos .photos-container .col-3 img {
        margin-bottom: 15px;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .4)
    }

    .hero-text-alternate {
        padding-top: 40px
    }

    .hero-text-alternate .title {
        text-align: left;
        padding-left: 20px
    }

    .appointment .selects {
        display: block
    }

    .appointment .filter select {
        width: 100% !important;
        margin: 0;
        box-shadow: 0 0 0 transparent;
        border: unset;
        border-bottom: solid 1px #f1f1f1
    }

    .appointment .result-count {
        text-align: center;
        font-size: 14px
    }

    .appointment .selects > div:first-child {
        margin: 0
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .appointment .selects > div:first-child {
        padding: 0
    }
}

@media (max-width: 768px) {
    .appointment .filter {
        display: block;
        height: auto;
        padding-bottom: 15px
    }

    .appointment .sort {
        margin-bottom: 0;
        display: block;
        padding: 15px 20px;
        background-color: #fff;
        border-radius: 4px 4px 0 0;
        border: solid 1px #d4d7dd;
        border-bottom: unset
    }

    .appointment .sort a, .appointment .sort select {
        display: block;
        margin-top: 10px;
        width: 100%
    }

    .appointment .doctors .search {
        width: 100%
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .doctors .title {
        margin-bottom: 0
    }

    .doctors {
        border-top: solid 1px #d4d7dd
    }

    .doctors .letters {
        margin: 0;
        padding: 0
    }

    .doctors .letters ul {
        flex-wrap: wrap;
        padding: 20px 0
    }
}

@media (max-width: 768px) {
    .doctors .letters ul li {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .doctors .letters ul li a:after {
        bottom: -10px !important
    }
}

@media (max-width: 768px) {
    .appointment .doctors .search {
        margin-bottom: 15px;
        border: unset;
        font-size: 14px;
        border-radius: 0;
        box-shadow: 0 0 0 transparent;
        border-bottom: solid 1px #d4d7dd
    }

    .doctors .horizontal-line {
        display: none
    }

    .doctors .title {
        margin-left: 0;
        font-size: 14px
    }

    .doctors .col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .doctors .item .name {
        font-size: 14px
    }

    .appointment {
        margin-bottom: 0
    }

    .hospitals--alternate .content-wrapper, .medical-units .content-wrapper {
        display: none
    }

    .medical-units .wrapper-box.active {
        background-color: #f5f8fb
    }

    .hospitals .media .hospital-about-map .map-btn {
        right: inherit;
        left: 10px;
        bottom: 10px
    }

    .hospitals--alternate .about, .hospitals--alternate .doctors, .hospitals--alternate .institutions, .hospitals--alternate .medical-units, .hospitals--alternate .technologies, .medical-units .wrapper-box, .medical-units .wrapper-box.technologies {
        padding: 0;
        margin-bottom: 10px
    }

    .hospitals--alternate .about .title.active, .hospitals--alternate .doctors .title.active, .hospitals--alternate .institutions .title.active, .hospitals--alternate .medical-units .title.active, .hospitals--alternate .technologies .title.active, .medical-units .wrapper-box.technologies .title.active {
        font-weight: 700 !important
    }

    .hospitals--alternate .media {
        margin: 20px 0 50px
    }

    .hospitals--alternate .medical-units .wrapper {
        padding: 0
    }

    .hospitals--alternate .doctors {
        border-top: solid 1px #d4d7dd
    }

    .hospitals--alternate .about > .title, .hospitals--alternate .doctors > .title, .hospitals--alternate .institutions > .title, .hospitals--alternate .medical-units .wrapper > .title, .hospitals--alternate .technologies > .title, .medical-units .wrapper-box.technologies > .title {
        cursor: pointer;
        padding: 15px 20px;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg) no-repeat 95% center
    }

    body.rtl .hospitals--alternate .about > .title, body.rtl .hospitals--alternate .doctors > .title, body.rtl .hospitals--alternate .institutions > .title, body.rtl .hospitals--alternate .medical-units .wrapper > .title, body.rtl .hospitals--alternate .technologies > .title, body.rtl .medical-units .wrapper-box.technologies > .title {
        background: url(https://cdn.memorial.com.tr/files/images/icon@plus-circle.svg) no-repeat 5% center
    }

    .hospitals--alternate .about > .title.active, .hospitals--alternate .doctors > .title.active, .hospitals--alternate .institutions > .title.active, .hospitals--alternate .medical-units .wrapper > .title.active, .hospitals--alternate .technologies > .title.active, .medical-units .wrapper-box.technologies > .title.active {
        background: #f5f8fb url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg) no-repeat 95% center
    }

    .hospitals--alternate .about > .content-wrapper.active, .hospitals--alternate .doctors > .content-wrapper.active, .hospitals--alternate .institutions > .content-wrapper.active, .hospitals--alternate .medical-units .wrapper > .content-wrapper.active, .hospitals--alternate .technologies > .content-wrapper.active, .medical-units .wrapper-box.technologies > .content-wrapper.active {
        display: block;
        background-color: #f5f8fb
    }

    .medical-units .wrapper-box .medical-units-detail-content h2 {
        font-size: 16px;
        font-weight: 700;
        color: #151b26
    }

    .hospitals--alternate .about .content-wrapper, .medical-units .wrapper-box .content-wrapper {
        padding: 15px;
        border-top: solid 1px #d4d7dd
    }

    .medical-units .wrapper-box .content-wrapper {
        background-color: #f5f8fb
    }

    .medical-units .wrapper-box .medical-units-detail-content {
        padding: 10px 20px 20px
    }

    .medical-units.hospitals .triple .triple-image {
        height: 180px
    }

    .medical-units .wrapper-box.doctors .content-wrapper {
        padding: 0 0 20px;
        background-color: #f5f8fb
    }

    .medical-units .wrapper-box.doctors .content-wrapper .select2-container {
        width: 100% !important;
        margin-bottom: 0
    }

    .medical-units .wrapper-box.doctors .content-wrapper .col-4:first-of-type .item {
        border-top: none
    }

    .hospitals--alternate .doctors .content-wrapper {
        padding: 20px 0 0;
        border-top: solid 1px #d4d7dd
    }

    .hospitals--alternate .doctors .select2.select2-container {
        width: 100% !important;
        margin-bottom: 20px
    }

    .hospitals--alternate .doctors .select2-basic.select2-h60 + .select2 .select2-selection, .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
        height: 50px !important
    }

    .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
    }

    .hospitals--alternate .doctors .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px
    }

    .hospitals--alternate .doctors .content-wrapper .title {
        display: none !important
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .hospitals--alternate .doctors .content-wrapper .title .item :before {
        top: calc(50% - 10px)
    }
}

@media (max-width: 768px) {
    .hospitals--alternate .medical-units .content-wrapper {
        padding: 30px 0 0;
        border-top: solid 1px #d4d7dd
    }

    .hospitals .medical-units .letters ul, .hospitals--alternate .doctors .letters ul {
        display: block;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }

    .hospitals--alternate .doctors .letters {
        margin: 0 10px 20px
    }

    .hospitals .medical-units .letters li, .hospitals--alternate .doctors .letters li {
        padding: 10px 0;
        border-top: none;
        margin: 0
    }

    .hospitals .medical-units .letters li a, .hospitals--alternate .doctors .letters li a {
        padding: 10px 15px;
        font-size: unset;
        line-height: 30px
    }

    .hospitals .medical-units .letters li a::after, .hospitals .medical-units li::before, .hospitals--alternate .doctors .letters li a::after, .page-hl-tests-detail .search .wrapper-box.search .letters ul li a::after {
        display: none !important
    }

    .hospitals .medical-units .letters li.selected a, .hospitals--alternate .doctors .letters li.selected a, .page-hl-tests-detail .search .wrapper-box.search .letters ul li.selected a {
        color: #fff;
        background-color: #151b26;
        border-radius: 4px;
        font-weight: 400
    }

    .hospitals .medical-units .horizontal-line {
        display: none
    }

    .hospitals .medical-units .col-5, .hospitals .medical-units .col-7 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .hospitals .medical-units li {
        margin: 0 !important;
        padding: 10px 0 !important;
        border-top: solid 1px #d8d8d8
    }

    .hospitals .medical-units .selected-letter .title {
        margin-bottom: 0;
        font-size: 14px;
        margin-top: 20px
    }

    .hospitals .medical-units .left, .hospitals .medical-units .right {
        padding: 0 !important;
        margin: 0 !important;
        border: unset !important
    }

    .hospitals--alternate .technologies .content-wrapper {
        padding: 15px;
        border-top: solid 1px #d4d7dd
    }

    .hospitals--alternate .technologies .col-4, .medical-units .technologies .col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .hospitals--alternate .technologies .item, .medical-units .wrapper-box.technologies .item {
        margin: 15px
    }

    .hospitals--alternate .technologies .item .img.image-cover, .medical-units .wrapper-box.technologies .item .img.image-cover {
        height: 195px;
        margin-bottom: 20px
    }

    .hospitals--alternate .technologies .item > .link, .medical-units .wrapper-box.technologies .item > .link {
        font-size: 14px;
        padding-left: 20px
    }

    .hospitals--alternate .technologies .row .col-4:not(:last-child) .item > .link, .medical-units .wrapper-box.technologies .row .col-4:not(:last-child) .item > .link {
        display: none
    }

    .hc-article-detail .navigation a::before, .hospitals--alternate .technologies .more, .medical-units .wrapper-box.technologies .more {
        display: none
    }

    .hospitals .technologies .more, .medical-units .wrapper-box.technologies .more {
        margin-top: 15px;
        font-size: 16px
    }

    .hospitals--alternate .institutions .content-wrapper {
        padding: 30px 0 0;
        border-top: solid 1px #d4d7dd
    }

    .hospitals--alternate .institutions .search {
        width: 100%;
        margin: 15px 0
    }

    .hospitals--alternate .institutions .toggle-accordion, .page-hl-ilness .wrapper-box.search-ilness .filter li {
        margin: 0 10px
    }

    .hospitals--alternate {
        overflow-x: hidden
    }

    .hospitals .triple .more {
        font-weight: 800
    }

    .hospitals .media .buttons {
        display: flex;
        justify-content: space-between
    }

    .hospitals .media .buttons a {
        height: 50px;
        flex: 0 0 49%;
        line-height: 50px
    }

    .hospitals .media .col-8, .page-doctors .col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .hospitals .introduction .img {
        height: 220px
    }

    .hospitals .introduction .img div {
        top: 40px;
        left: 20px;
        font-size: 20px;
        width: 100%;
        line-height: 30px;
        padding-right: 60px
    }

    .hospitals .introduction .content {
        padding: 20px 20px 50px
    }

    .hospitals .introduction .content p {
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
        padding: 0 50px 0 0
    }

    .hospitals .introduction .link {
        margin-left: 0
    }

    .hospitals .contact-form .wrapper {
        border: solid 1px #777;
        border-radius: 4px
    }

    .hospitals .contact-form form {
        padding: 15px
    }

    .hospitals .contact-form .field, .hospitals .contact-form input, .hospitals .contact-form textarea, .page-doctors .page-doctor-videos .item {
        width: 100%
    }

    .hospitals .contact-form button {
        width: 165px
    }

    .health-center .search input, .health-center .search select, .hospitals.medical-units .search select, .page-campains .search select {
        width: 100%;
        margin-top: 10px
    }

    .hospitals.medical-units .letters li {
        border: unset
    }

    .page-doctors .doctor-articles {
        padding: 10px 20px 20px
    }

    .health-center .wrapper-box {
        padding: 15px 30px;
        line-height: 16px
    }

    .health-center .wrapper-box p {
        font-size: 14px;
        font-weight: 500
    }

    .health-center .result, .medical-units .hospital-and-button-content > div {
        padding: 15px
    }

    .health-center .result .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .health-center .result, .health-center .search {
        overflow-x: hidden
    }

    .health-center .result .image-cover {
        width: 115px;
        height: 75px
    }

    .hc-article-detail .article .newsletter form, .hc-article-detail .article .newsletter input[type=text], .health-center .result .article-image {
        width: 100%
    }

    .health-center .result .tabs-line {
        width: 60px
    }

    .health-center .search-input, .health-center .select2-basic + .select2 .select2-selection, .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.doctors .select2-basic.select2-h60 + .select2 .select2-selection, .page-hl-ilness-detail .article .newsletter .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px
    }

    .health-center .select2-basic + .select2 .select2-selection__rendered {
        line-height: 48px;
        padding-left: 5px
    }

    .health-center {
        padding-bottom: 50px
    }

    .health-center .search, .page-hl-tests-detail .wrapper-box.tests.related-tests .item {
        margin-bottom: 0
    }

    .health-center .result .tabs {
        margin-bottom: 20px
    }

    .health-center .result .articles article {
        min-height: auto;
        border-bottom: none;
        border-right: none;
        border-left: none;
        border-radius: inherit;
        padding: 20px 0;
        margin-bottom: 0;
        flex-wrap: nowrap
    }

    .health-center .result .articles article .fav {
        width: 24px;
        height: 24px;
        top: 5px;
        left: 5px
    }

    .health-center .result .articles article .content {
        margin: 0 0 0 5px
    }

    .health-center .result .articles article .content .title {
        font-size: 14px;
        line-height: normal
    }

    .health-center .result .articles article .content .name {
        font-size: 12px;
        padding-right: 17px
    }

    .health-center .result .articles article .content .branch {
        font-size: 12px
    }

    .health-center .result .articles .row .col-6:last-child article {
        border-bottom: solid 1px #d4d7dd
    }

    .health-center .triple a h3 {
        font-size: 14px;
        line-height: normal;
        margin-top: 10px
    }

    .hc-article-detail .navigation {
        display: block;
        padding: 20px 15px;
        margin-bottom: 20px
    }

    .hc-article-detail .navigation a {
        border: unset;
        margin: 0;
        justify-content: flex-start;
        text-align: left;
        min-height: auto
    }

    .hc-article-detail .navigation a .icon {
        height: 24px
    }

    .hc-article-detail .navigation a .icon img {
        width: 28px;
        height: 100%
    }

    .hc-article-detail .navigation a .text, .introduction-alternate p {
        font-size: 14px
    }

    .hc-article-detail .navigation a .icon em {
        font-size: 23px;
        margin-right: 5px
    }

    .hc-article-detail .navigation a .right em, .page-hl-tests-detail .more em {
        font-size: 10px
    }

    .hc-article-detail .article .actions-button {
        top: auto;
        right: auto;
        position: relative;
        margin-top: 40px;
        display: inline-block
    }

    .hc-article-detail .article .actions-button a {
        width: 24px;
        height: 24px
    }

    .hc-article-detail .article {
        padding: 20px
    }

    .hc-article-detail .article > .title {
        font-size: 16px
    }

    .hc-article-detail .article .take-date, .hc-article-detail .article .text-button, .hc-article-detail .article .text-button-appointment {
        width: 100%;
        min-width: auto
    }

    .hc-article-detail .article .take-date .button, .hc-article-detail .article .text-button a, .hc-article-detail .article .text-button-appointment a {
        width: 100%
    }

    .hc-article-detail .article .date {
        display: block
    }

    .page-hl-ilness-detail .article .newsletter .select2 {
        width: 100% !important
    }

    .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.doctors .select2-basic.select2-h60 + .select2 .select2-selection__rendered, .page-hl-ilness-detail .article .newsletter .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px
    }

    .page-hl-tests-detail .wrapper-box.tests .title {
        margin-bottom: 20px;
        font-size: 20px
    }

    .page-hl-tests-detail .wrapper-box.tests .item {
        margin-bottom: 15px
    }

    .page-hl-tests-detail .more {
        font-size: 16px;
        text-align: left
    }

    .page-hl-tests-detail .search .title {
        font-size: 20px;
        margin: 50px 0 0;
        padding: 20px;
        background-color: #fff;
        border: solid 1px #d4d7dd;
        border-bottom: none
    }

    .page-hl-tests-detail .search input {
        width: 100%;
        height: 50px;
        margin: 0
    }

    .page-hl-tests-detail .search .wrapper-box.search {
        padding: 20px 10px;
        border-top: none;
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px
    }

    .page-hl-tests-detail .search .wrapper-box.search .letters {
        margin: 0
    }

    .page-campains .wrapper-box.search .letters ul, .page-hl-ilness .wrapper-box.search-ilness .letters ul, .page-hl-tests .wrapper-box.search .letters ul, .page-hl-tests-detail .search .wrapper-box.search .letters ul {
        display: block;
        padding: 15px 0;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }

    .page-hl-tests-detail .search .wrapper-box.search .letters ul li a {
        padding: 5px 14px;
        font-size: unset;
        line-height: 30px
    }

    .page-hl-tests-detail .search .wrapper-box.search .horizontal-line, .page-hl-tests-detail .search .wrapper-box.search .item img {
        display: none
    }

    .page-hl-tests-detail .search .wrapper-box.search .selected-title {
        font-size: 20px;
        margin: 20px 0
    }

    .page-hl-tests-detail .search .wrapper-box.search .col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-hl-tests-detail .search .wrapper-box.search .item .content {
        position: relative;
        display: block;
        padding: 15px 10px;
        border-top: 1px solid #d8d8d8
    }

    .page-hl-tests-detail .search .wrapper-box.search .item .content span {
        font-size: 14px;
        color: #151b26;
        font-weight: 400
    }

    .introduction-alternate > .link {
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    .page-hl-ilness .wrapper-box.paragraph {
        padding: 20px 15px;
        margin-bottom: 20px
    }

    .page-hl-ilness .wrapper-box.paragraph p {
        font-size: 14px;
        font-weight: 400
    }

    .page-hl-ilness .wrapper-box.articles, .page-hl-ilness .wrapper-box.ilness {
        padding: 20px 15px
    }

    .page-hl-ilness .wrapper-box.articles .title, .page-hl-ilness .wrapper-box.ilness .title {
        margin: 0 0 20px;
        font-size: 20px;
        text-align: left
    }

    .page-hl-ilness .wrapper-box.articles .col-4, .page-hl-ilness .wrapper-box.ilness .col-3, .page-hl-ilness .wrapper-box.search-ilness .col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-hl-ilness .wrapper-box.search-ilness input {
        width: 100%;
        height: 50px;
        line-height: 48px
    }

    .page-campains .wrapper-box.search .letters ul li a, .page-hl-ilness .wrapper-box.search-ilness .letters li a, .page-hl-tests .wrapper-box.search .letters ul li a {
        padding: 10px 13px;
        font-size: unset;
        line-height: 20px
    }

    .page-campains .wrapper-box.search .letters ul li a::after, .page-hl-ilness .wrapper-box.search-ilness .letters li a::after, .page-hl-technologies .wrapper-box.search .letters li a::after, .page-hl-tests .wrapper-box.search .letters ul li a::after, .search.doctor-mobile .wrapper-box .letters ul li a::after {
        display: none !important
    }

    .page-campains .wrapper-box.search .letters ul li.selected a, .page-hl-ilness .wrapper-box.search-ilness .letters li.selected a, .page-hl-technologies .wrapper-box.search .letters li.selected a, .page-hl-tests .wrapper-box.search .letters ul li.selected a {
        color: #fff;
        background-color: #151b26;
        border-radius: 4px;
        font-weight: 400
    }

    .page-hl-ilness .search-ilness {
        margin-bottom: 0
    }

    .page-hl-ilness .wrapper-box.search-ilness {
        padding: 0 0 15px;
        margin-bottom: 50px;
        border-top: none
    }

    .page-hl-ilness .wrapper-box.search-ilness .item.image-cover {
        height: auto;
        background: 0 0
    }

    .page-hl-ilness .wrapper-box.search-ilness .subtitle {
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        border-bottom: solid 1px #d4d7dd;
        padding-bottom: 5px;
        margin: 0 10px 20px
    }

    .page-hl-ilness .wrapper-box.search-ilness .filter {
        padding: 0 10px;
        border-bottom: none
    }

    .page-hl-ilness .wrapper-box.search-ilness .filter li a {
        padding: 0 0 10px;
        font-size: 14px
    }

    .medical-units .wrapper-box-disease ul li, .medical-units .wrapper-box.institutions .actions .search-medical-unit, .medical-units .wrapper-box.institutions .actions input, .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.doctors select, .page-hl-ilness .wrapper-box.search-ilness .filter li a.active::after, .page-hl-ilness-detail .article .newsletter input, .page-hl-ilness-detail .article .newsletter textarea {
        width: 100%
    }

    .page-hl-ilness .wrapper-box.search-ilness .letters {
        margin: 0 10px 20px
    }

    .page-hl-ilness .wrapper-box.articles .item {
        margin-bottom: 20px
    }

    .page-hl-ilness .wrapper-box.search-ilness .item {
        margin: 0 10px 15px
    }

    .page-hl-ilness .wrapper-box .more {
        font-size: 16px;
        text-align: left
    }

    .medical-units > .container > .wrapper {
        padding: 40px 0 0;
        margin-top: -20px;
        margin-bottom: -50px
    }

    .medical-units .create-appointment-button {
        width: 100%;
        top: -10px
    }

    .medical-units .sub-units {
        margin: 15px 0 50px 5px
    }

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

    .medical-units .sub-units .item {
        min-height: 113px;
        padding: 20px 12px;
        background-color: #fff;
        border: solid 1px #d4d7dd;
        margin-right: 0
    }

    .medical-units .sub-units .item .title {
        margin-bottom: 5px;
        font-size: 14px;
        color: #169ee3
    }

    .medical-units .sub-units .item p {
        font-size: 12px;
        font-weight: 300;
        color: #151b26;
        line-height: normal
    }

    .medical-units .sub-units .item em {
        color: #000;
        font-size: 11px;
        top: 13px;
        right: 10px
    }

    .medical-units .sub-units .slick-next {
        width: 68px;
        height: 113px !important
    }

    .introduction-alternate {
        margin: 0 -20px 40px;
        height: 250px
    }

    .introduction-alternate .title {
        font-size: 24px;
        margin-bottom: 5px
    }

    .introduction-alternate > .link {
        bottom: -20px
    }

    .introduction-alternate .content {
        width: 90%
    }

    .wrapper-box-disease .col-6 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .medical-units .wrapper-box-disease .col-6:first-child ul {
        border: unset;
        border-bottom: 1px solid #d4d7dd
    }

    .medical-units .wrapper-box-disease .col-6:last-child ul {
        margin-left: 0
    }

    .medical-units .wrapper-box-disease ul li em {
        right: 5px
    }

    .medical-units .more {
        font-size: 16px;
        text-align: left
    }

    .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.doctors .select2.select2-container {
        width: 100% !important;
        margin-top: 10px
    }

    .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.institutions .content-wrapper .paragraph {
        padding: 10px 10px 0
    }

    .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.institutions .select2.select2-container {
        width: 100% !important;
        margin-bottom: 10px
    }

    .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.institutions .collapsable a.title.active .icon-down {
        transform: rotate(180deg) translateY(10px)
    }

    .medical-units.hospitals .triple.campains {
        margin-top: 50px
    }

    .medical-units .wrapper-box.institutions .toggle-accordion, .medical-units.hospitals .mobile-toggle-container-medical-unit .wrapper-box.mobile-item.institutions .collapsable {
        padding: 0 10px
    }

    .medical-units .wrapper-box.institutions .actions {
        display: block
    }

    .medical-units .wrapper-box.institutions .select2-container {
        width: 100% !important
    }

    .institutions .collapsable li {
        padding: 10px 0
    }

    .medical-units .wrapper-box .collapsable .title {
        padding: 7px 0;
        font-size: 13px;
        background: 0 0 !important
    }

    .medical-units .hospital-and-button {
        display: block;
        margin-top: -100px
    }

    .medical-units .hospital-and-button-content {
        position: relative;
        display: block
    }

    .medical-units .hospital-and-button .iconhospital {
        position: absolute;
        width: 44px;
        right: 15px;
        top: 25px
    }

    .medical-units .hospital-and-button .iconhospital em {
        font-size: 40px
    }

    .medical-units .hospital-and-button .hospital-name {
        margin-top: 5px;
        font-size: 16px
    }

    .medical-units .hospital-and-button .hospital-branch {
        font-size: 14px
    }

    .medical-units .hospital-and-button .iconlogo em {
        font-size: 10px
    }

    .page-doctors .search .select2-basic.select2-h60 + .select2 .select2-selection, .page-hl-technologies .search .actions .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .page-hl-technologies .search .actions .select2-basic.select2-h60 + .select2 .select2-selection, .page-hl-technologies .search .actions .select2-basic.select2-h60 + .select2 .select2-selection__arrow, .page-hl-technologies .search .actions input, .page-hl-tests .search input {
        height: 50px
    }

    .page-doctors .search .select2-basic.select2-h60 + .select2 .select2-selection__rendered, .page-hl-technologies .search .actions .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .page-hl-technologies .search .actions .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px;
        font-size: 14px
    }

    .page-doctors {
        margin-bottom: 0;
        padding-top: 20px
    }

    .last-appointments .more {
        font-size: 16px;
        text-align: left;
        margin: 40px 0 15px 6px
    }

    .page-hl-ilness-detail .article {
        padding: 60px 25px 25px
    }

    .page-hl-ilness-detail .article ul li, .page-hl-ilness-detail .specialist .mobile-slick-standart .slick-list .img-content {
        margin-bottom: 10px
    }

    .page-hl-ilness-detail .specialist h2.title {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: normal
    }

    .page-hl-ilness-detail .specialist .content {
        background-color: #f5f8fb;
        padding: 0
    }

    .page-hl-ilness-detail .specialist .content .more {
        margin-top: 30px;
        text-align: left
    }

    .page-hl-ilness-detail .specialist .mobile-slick-standart .slick-list {
        padding: 0 10% 0 0 !important
    }

    .page-hl-ilness-detail .specialist .mobile-slick-standart .slick-list .details {
        bottom: 60px
    }

    .page-hl-ilness-detail .specialist .mobile-slick-standart .slick-list .link {
        position: relative;
        display: block;
        width: 100%;
        height: 53px;
        font-size: 16px;
        font-weight: 700;
        line-height: 53px;
        padding-left: 20px;
        margin-top: 5px;
        border-radius: 4px;
        color: #151b26;
        background-color: #ffc107;
        overflow: hidden
    }

    .page-hl-ilness-detail .specialist .mobile-slick-standart .slick-list .link > .icon {
        font-size: 26px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 54px;
        height: 100%;
        background-color: #ffc107;
        text-align: center
    }

    .page-hl-ilness-detail .specialist .mobile-slick-standart .slick-list .link > .icon::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .1)
    }

    .page-hl-ilness-detail .specialist .mobile-slick-standart .slick-dots {
        margin: 20px 20px 0
    }

    .page-hl-ilness-detail .specialist .content .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 10px 0
    }

    .page-hl-technologies .scrollable {
        padding: 0;
        background-color: inherit;
        margin-top: 20px
    }

    .page-hl-technologies .scrollable .slick-slider .slick-list {
        padding: 0 20% 0 0 !important
    }

    .page-hl-technologies .scrollable .item .img-wrapper {
        height: 80px;
        margin-bottom: -2px;
        border-radius: 4px 4px 0 0
    }

    .page-hl-technologies .search {
        margin-top: 20px
    }

    .page-hl-technologies .search .wrapper-box.search .letters {
        margin: 0
    }

    .page-hl-technologies .search .wrapper-box.search .horizontal-line, .page-hl-technologies .search .wrapper-box.search .item img {
        display: none
    }

    .page-hl-technologies .search .wrapper-box.search .selected-title {
        margin: 0 0 20px;
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }

    .page-hl-technologies .search .wrapper-box.search .item {
        min-height: auto;
        max-height: auto;
        border-top: 1px solid #d4d7dd;
        padding: 15px 0
    }

    .page-hl-technologies .search .wrapper-box.search .item .content {
        position: relative;
        display: block;
        text-align: left
    }

    .page-hl-technologies .search .wrapper-box.search .item .content span {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        color: #151b26
    }

    .page-hl-technologies .wrapper-box.search .letters ul {
        display: block;
        padding: 15px 0;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }

    .page-hl-technologies .wrapper-box.search .letters li a {
        padding: 5px 14px;
        font-size: unset;
        line-height: 30px
    }

    .page-hl-technologies .wrapper-box.search, .page-hl-tests .wrapper-box.search {
        padding: 10px
    }

    .page-hl-technologies .search .col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-hl-technologies .wrapper-box.paragraph, .page-hl-tests .wrapper-box.paragraph {
        padding: 20px
    }

    .page-hl-technologies .wrapper-box.paragraph p, .page-hl-tests .wrapper-box.paragraph p {
        font-size: 13px;
        line-height: 20px
    }

    .page-hl-tests .wrapper-box.tests {
        padding: 20px;
        margin-bottom: 50px
    }

    .page-hl-tests .wrapper-box.tests .title {
        margin: 0 0 20px;
        font-size: 20px
    }

    .page-hl-tests .wrapper-box.tests .item {
        margin-bottom: 20px;
        height: 140px
    }

    .page-hl-tests .more {
        font-size: 16px;
        text-align: left
    }

    .page-hl-tests .search .wrapper-box.search .letters {
        margin: 0 0 15px
    }

    .page-hl-tests .search .wrapper-box.search .horizontal-line, .page-hl-tests .search .wrapper-box.search .item img {
        display: none
    }

    .page-hl-tests .search .wrapper-box.search .subtitle {
        margin-left: 0;
        font-size: 14px;
        padding-bottom: 5px;
        border-bottom: 1px solid #777;
        text-align: center
    }

    .page-hl-tests .search .wrapper-box.search .filter {
        padding: 0 10px;
        border-bottom: none
    }

    .page-hl-tests .search .wrapper-box.search .filter ul li {
        margin-right: 10px
    }

    .page-hl-tests .search .wrapper-box.search .filter ul li a {
        padding: 0 0 20px;
        font-size: 14px
    }

    .page-hl-tests .search .wrapper-box.search .col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-hl-tests .search .wrapper-box.search .item .content {
        position: relative;
        display: block;
        padding: 15px 0;
        border-top: 1px solid #d8d8d8
    }

    .page-hl-tests .search .wrapper-box.search .item .content span {
        font-size: 14px;
        color: #151b26;
        font-weight: 400
    }

    .page-hl-tests .wrapper-box.tests .col-4 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .page-hl-tests .wrapper-box.search .filter a.active::after {
        bottom: 5px
    }

    .page-hl-tests-detail .wrapper-box.tests {
        padding: 20px
    }

    .page-hl-tests-detail .wrapper-box.about {
        padding: 20px 20px 60px
    }

    .page-hl-tests-detail .wrapper-box.tests .col-4, .page-hl-tests-detail .wrapper-box.tests .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .page-hl-detail .wrapper-box.form {
        padding: 20px 10px;
        margin-top: 50px
    }

    .page-hl-detail .wrapper-box.form .title {
        font-size: 20px;
        margin-bottom: 10px;
        text-align: left
    }

    .page-hl-detail .wrapper-box.form .description {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 20px;
        text-align: left
    }

    .page-hl-detail .wrapper-box.form form label {
        padding-left: 0
    }

    .page-hl-detail .wrapper-box.form form .checkbox {
        width: 100%;
        margin: 0 0 20px
    }

    .page-hl-detail .wrapper-box.form form .checkbox label {
        padding-left: 40px
    }

    .page-hl-detail .wrapper-box.form form .checkbox label span {
        left: 2px
    }

    .page-hl-detail .wrapper-box.form form .submit {
        width: 165px;
        margin-bottom: 0
    }

    .page-hl-technologies-detail .wrapper-box.hospitals, .page-hl-tests-detail .wrapper-box.hospitals {
        padding: 0;
        border: 0;
        background-color: inherit;
        margin: 50px 0
    }

    .page-hl-technologies-detail .wrapper-box.hospitals .title {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: left
    }

    .page-hl-technologies-detail .wrapper-box.hospitals .item {
        margin-bottom: 15px
    }

    .medical-units .wrapper-box.hospitals .item .content, .page-hl-technologies-detail .wrapper-box.hospitals .item .content, .page-hl-tests-detail .wrapper-box.hospitals .item .content {
        font-size: 16px;
        font-weight: 700
    }

    .page-hl-technologies-detail .wrapper-box.hospitals .col-lg-6:last-child .item, .page-hl-tests-detail .wrapper-box.hospitals .col-lg-6:last-child .item {
        margin-bottom: 0
    }

    .page-hl-tests-detail .wrapper-box.hospitals .title {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: left
    }

    .page-hl-tests-detail .wrapper-box.hospitals .item {
        margin-bottom: 15px
    }

    .medical-units .wrapper-box.hospitals {
        padding: 0
    }

    .medical-units .wrapper-box.hospitals .title {
        font-size: 16px;
        margin-bottom: 0;
        text-align: left;
        font-weight: 400
    }

    .medical-units .wrapper-box.hospitals .item {
        margin-bottom: 15px
    }

    .search.doctor-mobile {
        border-radius: 3px;
        border: 1px solid #d4d7dd;
        background-color: #fff;
        padding: 20px 0 0
    }

    .search.doctor-mobile .title {
        font-size: 20px;
        margin: 0 10px 20px
    }

    .search.doctor-mobile .actions .select2.select2-container.select2-container--default {
        width: 100% !important
    }

    .search.doctor-mobile .actions .select2-basic.select2-h60 + .select2 .select2-selection {
        width: 100%;
        height: 50px
    }

    .search.doctor-mobile .actions .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        line-height: 48px
    }

    .search.doctor-mobile .actions input {
        width: 100%;
        height: 50px;
        margin: 20px 0
    }

    .search.doctor-mobile .wrapper-box {
        padding: 0;
        border: 0;
        border-radius: none;
        -webkit-border-radius: none;
        -moz-border-radius: none;
        -ms-border-radius: none;
        -o-border-radius: none
    }

    .search.doctor-mobile .wrapper-box .letters {
        margin: 0 10px
    }

    .search.doctor-mobile .wrapper-box .letters ul {
        display: block;
        padding: 15px;
        background-color: #fff;
        border: solid 1px #777;
        text-align: center;
        border-radius: 4px
    }

    .search.doctor-mobile .wrapper-box .letters ul li {
        padding: 2px
    }

    .search.doctor-mobile .wrapper-box .letters ul li a {
        padding: 10px;
        font-size: unset;
        line-height: 30px
    }

    .search.doctor-mobile .wrapper-box .letters ul li.selected a {
        color: #fff;
        background-color: #151b26;
        border-radius: 4px;
        font-weight: 400
    }

    .search.doctor-mobile .wrapper-box .horizontal-line, .search.doctor-mobile .wrapper-box .results .item .content a.label {
        display: none
    }

    .search.doctor-mobile .wrapper-box .selected-title {
        margin: 20px 10px;
        font-size: 14px;
        line-height: normal
    }

    .contact .contact-form .col-4, .search.doctor-mobile .wrapper-box .results .col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .search.doctor-mobile .wrapper-box .results .item {
        border-radius: inherit;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        -ms-border-radius: inherit;
        -o-border-radius: inherit;
        border-left: none;
        border-right: none;
        border-bottom: none;
        margin: 0 10px;
        padding: 15px 0
    }

    .search.doctor-mobile .wrapper-box .results .item .content {
        padding: 0 10px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .search.doctor-mobile .wrapper-box .results .item .content .name {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        padding-left: 20px
    }

    .search.doctor-mobile .wrapper-box .results .item .content .hospital-name, .search.doctor-mobile .wrapper-box .results .item a.button {
        display: none
    }

    .search.doctor-mobile .wrapper-box .results .item .content .image-wrapper {
        width: 30px;
        height: 30px
    }

    .contact .contact-phones .area li {
        padding-left: 20px
    }

    .contact .contact-phones .hero {
        font-size: 20px
    }

    .contact .contact-map iframe, .contact .contact-map iframe #map {
        height: 180px
    }

    .contact .contact-map-iframe {
        position: relative
    }

    .contact .contact-map-iframe .mobile-show-in-map {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 10px
    }

    .contact .contact-map-iframe .mobile-show-in-map .button-show-in-map {
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
        border: solid 1px #151b26;
        background-color: #fff;
        padding: 20px 30px;
        font-size: 14px;
        font-weight: 700;
        color: #151b26;
        display: block
    }

    .assay-results .area {
        padding: 20px 15px
    }

    .assay-results .area .hero {
        font-size: 16px
    }

    .assay-results .area .hero.mobile-center {
        text-align: center
    }

    .assay-results .area .assay-results-form {
        margin-top: 25px
    }

    .assay-results .area .assay-results-form .field .row .col-4, .contracted-area .area .toggle-accordion .js-toggle-contract ul {
        padding: 0 10px
    }

    .assay-results .area .assay-results-form .date-field {
        margin: 0 5px
    }

    .assay-results .area .assay-results-form .actions {
        width: 165px;
        margin: 40px auto 0
    }

    .contracted-area .area {
        padding: 0 14px 10px;
        margin-bottom: 0
    }

    .contracted-area .desc {
        display: none
    }

    .contracted-area .filter {
        margin: 0 0 10px
    }

    .contracted-area .filter .col-4, .contracted-area .filter .col-8, .last-news .filter .col-4, .last-news .filter .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .contracted-area .filter .col-4, .contracted-area .filter .col-8 {
        padding: 0
    }

    .contracted-area .area .toggle-accordion .js-toggle-contract ul li ul {
        padding: 0 30px !important
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .contracted-area .area .toggle-accordion .js-toggle-contract ul li ul {
        padding: 0 !important
    }
}

@media (max-width: 768px) {
    .magazine-page .area {
        padding: 15px
    }

    .last-news {
        padding: 0 0 40px
    }

    .last-news .area {
        padding: 0 15px 15px;
        margin-top: -30px
    }

    .last-news .filter .tabs, .page-footer .mobile-footer-menu-item.active ul li {
        margin-bottom: 20px
    }

    .last-news .filter .tabs .tabs-inner {
        display: flex;
        justify-content: flex-start
    }

    .last-news .filter .tabs a {
        display: inline-block;
        font-size: 13px;
        margin-right: 10px;
        padding: 14px 0
    }

    .last-news .filter .tabs a:last-child {
        margin-right: 0
    }

    .last-news .filter .tabs a.active::before {
        width: calc(100% - 0)
    }

    .magazine-page .items .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .last-news .items .col-3, .page-wish-well .wrapper-box-wish-well form .content-box .content .line {
        margin-bottom: 0
    }

    .price-alert {
        padding-top: 20px;
        padding-bottom: 0
    }

    .price-alert .area {
        padding: 20px 15px;
        margin: 0
    }

    .price-alert .area .desc, .price-alert .area .hero {
        text-align: left;
        padding-left: 10px;
        font-size: 16px
    }

    .price-alert .area .desc {
        font-size: 14px;
        margin: 15px 0 10px
    }

    .price-alert .area .field {
        width: auto
    }

    .price-alert .area .checkbox {
        width: 90%
    }

    .assay-results .area .agreement, .price-alert .agreement {
        white-space: unset
    }

    .assay-results .checkbox {
        margin-left: 20px;
        width: 100%
    }

    .assay-results.appointment .area {
        margin-bottom: 10px
    }

    .assay-results.appointment form .field, .page-wish-well .wrapper-box-wish-well form {
        width: 100%
    }

    .assay-results.appointment form .checkbox {
        margin-left: 0
    }

    .page-wish-well .wrapper-box-wish-well .variants [type=radio]:checked + label:before, .page-wish-well .wrapper-box-wish-well .variants [type=radio]:not(:checked) + label:before {
        left: 5px;
        top: 5px;
        background-color: #fff
    }

    .page-wish-well .wrapper-box-wish-well .variants [type=radio]:checked + label:after, .page-wish-well .wrapper-box-wish-well .variants [type=radio]:not(:checked) + label:after {
        left: 9px;
        top: 9px
    }

    .page-wish-well .wrapper-box-wish-well .content-box {
        padding: 20px;
        min-height: 235px;
        margin: 0 -15px
    }

    .page-wish-well .wrapper-box-wish-well .content-box .content {
        padding: 10px;
        font-size: 12px
    }

    .page-wish-well .wrapper-box-wish-well .content-box .content .letter {
        font-size: 12px;
        margin-bottom: 10px
    }

    .page-wish-well .wrapper-box-wish-well .content-box .content textarea {
        padding: 10px;
        height: 50px;
        margin-bottom: 10px
    }

    .page-ebaby .baby-info {
        font-size: 14px;
        padding: 20px 10px 40px
    }

    .page-ebaby .wrapper-box-search .calendar, .page-ebaby .wrapper-box-search input, .page-ebaby .wrapper-box-search select {
        font-size: 14px !important;
        padding: 0 15px;
        font-weight: 500;
        height: 50px;
        background-position: calc(100% - 15px) center
    }

    .page-ebaby .wrapper-box-search .select2-basic.select2-h60 + .select2 .select2-selection, .wrapper-box.wrapper-box-babys .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection, .wrapper-box.wrapper-box-babys .select2-basic.select2-h60 + .select2 .select2-selection {
        height: 50px;
        top: 0
    }

    .page-ebaby .wrapper-box-search .select2-container .select2-selection--single .select2-selection__rendered, .wrapper-box.wrapper-box-babys .bvalidator-insert-msg.select2-h60 + .select2 .select2-selection__rendered, .wrapper-box.wrapper-box-babys .select2-basic.select2-h60 + .select2 .select2-selection__rendered {
        padding: 0 15px 0 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 50px
    }

    .page-ebaby .wrapper-box-search .calendar:before {
        right: 15px;
        top: 11px
    }

    .page-ebaby .wrapper-box-search .select2-basic.select2-h60 + .select2 .select2-selection__arrow {
        right: 15px;
        top: 0;
        height: 50px
    }

    .page-ebaby .wrapper-box-search .button {
        width: 278px;
        margin: 20px auto;
        font-weight: 600
    }

    .page-ebaby-comment .wrapper-box-comment {
        padding: 20px 15px
    }

    .page-ebaby .wrapper-box-babys .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px
    }

    .page-ebaby .wrapper-box-babys .tabs {
        padding-left: 0;
        text-align: center;
        margin-bottom: 10px
    }

    .page-ebaby-comment .wrapper-box-comment form .col-5, .page-memorialtv .col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-ebaby-comment .wrapper-box-comment .comments {
        padding: 10px
    }

    .page-ebaby-comment {
        padding-top: 15px
    }

    .page-ebaby-comment .wrapper-box-comment .img-name .col-5 {
        padding-left: 0
    }

    .page-ebaby-comment .wrapper-box-comment .name {
        font-size: 16px;
        line-height: 24px
    }

    .page-ebaby-comment .wrapper-box-comment .img-name .image-cover {
        height: 105px;
        border-radius: 4px
    }

    .page-ebaby-comment .wrapper-box-comment .img-name {
        margin-bottom: 15px
    }

    .page-ebaby-comment .wrapper-box-comment .comments .comment p {
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: normal
    }

    .page-ebaby-comment .wrapper-box-comment form label {
        font-weight: 400
    }

    .page-ebaby-comment .wrapper-box-comment form input {
        height: 44px
    }

    .page-ebaby-comment .wrapper-box-comment form textarea {
        height: 150px
    }

    .page-ebaby-comment .wrapper-box-comment form .actions .button {
        width: 165px
    }

    .page-memorialtv .wrapper-box-items {
        padding: 15px;
        border-top: none;
        border-radius: 0 0 4px 4px
    }

    .page-memorialtv {
        padding-top: 50px
    }

    .search-results .results {
        padding: 20px
    }

    .search-results .results .actions a {
        font-size: 13px
    }

    .search-results .results .actions {
        margin-top: 20px
    }

    .error-area {
        width: 90%;
        padding: 40px 20px;
        top: -90px
    }

    .error-area .hero {
        font-size: 20px
    }

    .error-area .desc {
        font-size: 16px;
        margin: 10px 0
    }

    .error-area .actions {
        display: block;
        position: relative
    }

    .error-area .actions a {
        margin-top: 5px
    }

    .page-footer .bottom-buttons .livechat .chat-area {
        min-height: 65vh;
        max-height: 65vh
    }

    .page-footer .mobile-footer-menu-item.active .sub-title::after {
        background: rgba(255, 255, 255, .03) url(https://cdn.memorial.com.tr/files/images/icon@minus-circle.svg) no-repeat center
    }

    .page-footer .mobile-footer-menu-item.active ul {
        display: block !important;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, .1);
        padding: 30px 20px 20px
    }

    .page-footer .mobile-footer-menu-item.active ul li a {
        color: #a4b0bb;
        font-weight: 400
    }

    .special-services.special-services-bg {
        background: #f5f8fb url(https://cdn.memorial.com.tr/files/images/special-services-bg-m.png) no-repeat;
        background-size: cover
    }

    .special-services .item-area li {
        flex: 0 0 100%;
        max-width: 100%;
        height: 60px;
        margin: 5px 0
    }

    .profile .profile-success .image-cover {
        height: 100px
    }

    .profile .profile-success img {
        max-width: 110px
    }

    .profile .profile-success .label {
        margin: 15px 0;
        color: #151b26;
        font-size: 20px;
        font-weight: 700
    }

    .profile .profile-success .desc {
        color: #151b26;
        font-size: 14px;
        font-weight: 500;
        font-style: italic;
        line-height: 20px
    }

    .hidden-mobile, .profile .profile-success .desc br {
        display: none !important
    }

    .profile .section-hero .tabs-container {
        background-color: #fff;
        border: solid 1px #d4d7dd;
        padding: 15px 10px 0;
        border-bottom: unset;
        position: relative
    }

    .profile .section-hero .tabs {
        padding-bottom: 10px
    }

    .profile .section-hero .tabs::after {
        content: '';
        width: 24px;
        height: 24px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
        position: absolute;
        right: 3px;
        top: 50%;
        transform: translateY(-50%)
    }

    .profile .section-hero .tabs ul {
        padding-bottom: 15px;
        border-bottom: solid 1px #d4d7dd
    }

    .profile .section-hero.no-margin-mobile {
        margin: 0 !important
    }

    .profile .section-hero .tabs a, .profile .section-hero .tabs a.active {
        font-size: 14px;
        margin: 0 20px;
        padding: 0 10px 10px
    }

    .profile .section-hero.no-margin-mobile + .profile-section {
        border-radius: 0 0 4px 4px;
        border-top: unset;
        padding: 20px 10px 10px
    }

    .profile .profile-section.mobile-special {
        margin: 0 -15px;
        border: unset;
        padding: 20px 0 20px 20px
    }

    .profile .appointments .icon img {
        width: 48px;
        height: 48px
    }

    .profile .appointments .field .bold {
        font-size: 20px
    }

    .profile .appointments .field .sub-status {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: #e190a2
    }

    .profile .appointments .actions {
        text-align: center;
        flex-direction: column
    }

    .profile .appointments .button {
        width: 150px;
        min-width: 150px;
        margin-top: 10px;
        margin-left: 0;
        font-size: 14px
    }

    .profile .profile-section .appointments .item {
        margin-top: 10px;
        padding: 0 0 20px 70px
    }

    .profile .for-you .hero {
        font-size: 20px
    }

    .profile .profile-section {
        padding: 20px
    }

    .modal.mobile-fixed {
        overflow-y: scroll
    }

    .modal.mobile-fixed .close {
        display: none !important
    }

    .hospitals.modal form, .hospitals.modal form input, .modal.mobile-fixed .box, .modal.mobile-fixed .hospitalcontent > img, .page-memorialtv-detail .search input {
        width: 100%
    }

    .modal.mobile-fixed .hospitalcontent {
        display: block
    }

    .hospitals.modal .hospitalcontent .info {
        margin-left: 0;
        margin-top: 15px
    }

    .page-memorialtv-detail {
        padding-top: 20px
    }

    .page-memorialtv-detail .wrapper-box-doctor .image {
        margin-right: 0;
        margin-bottom: 15px;
        height: 300px
    }

    .page-memorialtv-detail .search select {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px
    }

    .page-memorialtv-detail .wrapper-box-items .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px
    }

    .corporate {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .corporate .mobile-title {
        display: block;
        font-size: 16px;
        margin: 0 auto;
        text-align: center;
        padding-top: 36px
    }
}

@media (max-width: 768px) {
    .corporate .corporate-boxes a {
        width: 47%
    }

    .corporate .corporate-boxes a:nth-child(2n) {
        margin-right: 0
    }

    .corporate .corporate-boxes .item {
        font-size: 16px;
        height: 135px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

    .corporate .corporate-boxes .item img {
        margin-bottom: 0
    }

    .corporate .corporate-boxes .item .image-wrapper {
        width: 48px;
        height: 48px;
        margin: 0 auto
    }

    .corporate .corporate-boxes .item .image-wrapper img, .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form form .item {
        width: 100%
    }

    .corporate .corporate-text {
        margin: 30px 0 95px;
        padding: 20px 15px
    }

    .corporate .hospitals-area {
        margin: 50px 0;
        padding-bottom: 0
    }

    .corporate .hospitals-area .icon-right:before {
        font-size: 10px;
        font-weight: 900
    }

    .corporate .hospitals-area .more {
        font-size: 16px
    }

    .corporate .hospitals-area .card {
        width: 278px
    }

    .corporate .corporate-info-boxes {
        padding: 50px 0 30px
    }

    .corporate .corporate-info-boxes .item {
        min-height: auto;
        margin-bottom: 20px;
        padding: 40px 30px 20px
    }

    .corporate .corporate-info-boxes .item .title {
        width: 228px;
        margin: 15px auto
    }

    .corporate .contact-form {
        width: 100%;
        padding: 20px 10px;
        margin: 50px auto 0
    }

    .corporate .contact-form .hero {
        font-size: 16px;
        text-align: left
    }

    .corporate .contact-form .desc {
        font-size: 14px;
        text-align: left;
        margin-bottom: 0
    }

    .corporate .contact-form .submit {
        width: 165px
    }

    .corporate .corporate-identity {
        padding: 20px 20px 0;
        width: 100%
    }

    .corporate .corporate-identity .logo {
        height: 130px
    }

    .corporate .corporate-identity .logo img, .corporate .sponsor-list ul li img {
        max-width: 100%
    }

    .corporate .corporate-identity .formats {
        margin: 50px 0 35px
    }

    .corporate .corporate-identity .formats ul li {
        font-weight: 900
    }

    .corporate .corporate-identity .button {
        width: 165px
    }

    .corporate .sponsor-list {
        padding: 40px 0 0
    }

    .corporate .sponsor-list ul li {
        flex: 0 0 47%;
        max-width: 47%;
        padding: 15px;
        margin: 0 auto 20px 0
    }

    .corporate .sponsor-list ul li:nth-child(2n), .corporate .sponsor-list ul li:nth-child(4n) {
        margin-right: 0
    }

    .corporate .corporate-additives-desc {
        width: 100%;
        padding: 40px 0
    }

    .corporate .corporate-additives-desc .hero {
        font-size: 16px
    }

    .corporate .additives-items ul li .content .hero, .corporate .corporate-additives-desc p {
        font-size: 14px
    }

    .corporate .additives-boxes {
        flex-direction: column;
        border-bottom: 1px solid #d4d7dd
    }

    .corporate .additives-boxes .item {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto 20px
    }

    .corporate .additives-boxes .item .image-cover {
        height: 123px
    }

    .corporate .additives-items ul {
        margin-top: 20px
    }

    .corporate .additives-items ul li {
        flex: 0 0 47%;
        max-width: 47%;
        margin: 0 auto 40px 0;
        position: relative;
        padding: 0
    }

    .corporate .additives-items ul li:nth-child(3n) {
        margin-right: auto
    }

    .corporate .additives-items ul li:nth-child(2n) {
        margin-right: 0
    }

    .corporate .additives-items ul li .image-cover {
        height: 80px
    }

    .corporate .additives-items ul li .content {
        padding: 10px 10px 35px
    }

    .corporate .additives-items ul li .content p {
        font-size: 12px;
        max-height: 180px;
        line-height: 18px
    }

    .corporate .additives-items ul li::before {
        content: '';
        width: 15px;
        height: 20px;
        position: absolute;
        right: 10px;
        bottom: 15px;
        background: url(https://cdn.memorial.com.tr/files/images/icon@right.svg) no-repeat;
        background-size: cover
    }

    .corporate .corporate-art-list, .corporate .corporate-syo {
        padding: 20px 0 0
    }

    .corporate .corporate-art-list ul li {
        flex: 0 0 47%;
        max-width: 47%;
        padding: 5px 5px 10px;
        margin: 0 20px 20px 0
    }

    .corporate .corporate-art-list ul li:nth-child(4n) {
        margin-right: 20px
    }

    .corporate .corporate-art-list ul li:nth-child(2n) {
        margin-right: 0
    }

    .corporate .corporate-art-list ul li .image-cover {
        height: 205px
    }

    .corporate .corporate-art-list ul li .label {
        font-size: 14px;
        line-height: normal;
        margin: 5px 0 10px
    }

    .corporate .corporate-syo .row .corporate-item {
        margin-right: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 73px
    }

    .corporate .corporate-syo .row .corporate-item::after {
        top: 10px;
        right: auto;
        left: 10px
    }

    .corporate .corporate-syo .row .corporate-item .image-cover {
        width: 160px;
        height: 125px
    }

    .corporate .corporate-syo .row .corporate-item .details {
        height: auto;
        padding: 15px 15px 5px;
        width: calc(100% - 160px);
        border-top: solid 1px #d4d7dd;
        border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        position: initial
    }

    .corporate .corporate-syo .row .corporate-item .details .label {
        font-size: 14px;
        line-height: 20px
    }

    .corporate .corporate-syo .row .corporate-item .details .desc {
        line-height: 16px;
        font-size: 12px;
        position: relative;
        max-height: 48px;
        height: 100%;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .corporate .corporate-syo .button {
        position: absolute;
        bottom: -55px;
        left: 15px;
        right: 15px;
        width: calc(100% - 30px)
    }

    .corporate .corporate-ssp ul li .image-cover {
        width: 160px;
        height: 160px
    }

    .corporate .corporate-ssp ul li .image-cover img {
        height: 100%
    }

    .corporate.page-healthpacks-detail .wrapper-box.about {
        padding: 20px 15px 55px
    }

    .corporate.page-healthpacks-detail .wrapper-box .content-buttons {
        top: auto;
        right: auto;
        left: 120px;
        bottom: 10px
    }

    .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form {
        padding: 30px 10px
    }

    .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form .description {
        font-size: 14px;
        font-style: normal;
        line-height: 1.57
    }

    .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form form .item .select2-container, .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form form .item input, .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form form .item textarea {
        width: 100% !important
    }

    .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form form .checkbox {
        width: 100%;
        margin-left: 0;
        padding-left: 17px;
        margin-bottom: 10px
    }

    .corporate.page-healthpacks-detail .wrapper-box.wrapper-box-form form .submit {
        width: 275px
    }

    .corporate.syo-detail .socialmedia-share {
        right: inherit;
        top: inherit;
        bottom: 10px;
        left: 15px
    }

    .corporate.syo-detail .socialmedia-share .dropdown-share .dropdown-button .svg-icon svg {
        width: 21px;
        height: 24px
    }

    .profile {
        padding-bottom: 50px
    }

    .profile .profile-hero {
        padding: 40px 0 20px;
        min-height: 365px
    }

    .profile .profile-hero .avatar .image-wrapper {
        width: 90px;
        height: 90px
    }

    .profile .profile-hero .avatar .name, .profile .profile-section-container .section-hero {
        font-size: 20px
    }

    .profile .profile-hero .avatar .sub-avatars li .image-wrapper {
        width: 50px;
        height: 50px
    }

    .profile .profile-hero .avatar .sub-avatars li .name {
        font-size: 16px
    }

    .profile .appointments .icon {
        top: 10px
    }

    .profile .appointments .item:last-child {
        border-bottom: none
    }

    .promotion .why-memorial {
        padding: 80px 0 40px;
        margin-bottom: 0
    }

    .promotion .why-memorial .logo {
        top: -150px
    }

    .promotion .why-memorial .logo-award {
        width: 130px;
        position: relative;
        top: 30px;
        left: -20px
    }

    .promotion .why-memorial .logo-award img {
        width: 150px
    }

    .promotion .why-memorial .hero {
        margin-top: 0
    }

    .promotion .why-memorial .video-wrapper {
        position: relative;
        width: auto
    }

    .promotion .why-memorial .video-wrapper .video {
        margin: 10px 0 0
    }

    .promotion .why-memorial .video-wrapper .video-subtitle {
        text-align: left
    }

    .promotion .why-memorial .video-wrapper .video-subtitle h3.video-text {
        font-size: 16px;
        font-weight: 400
    }

    .promotion .scrollable {
        padding: 0;
        background-color: inherit;
        margin-top: 20px
    }

    .promotion .scrollable .slick-slider .slick-list {
        padding: 0 20% 0 0 !important
    }

    .promotion .scrollable .item .img-wrapper {
        height: 80px;
        margin-bottom: -2px;
        border-radius: 4px 4px 0 0
    }

    .promotion .accordion-wrapper .accordion .item.active .content {
        border-width: 2px;
        padding-left: 0
    }

    .promotion .accordion-wrapper .accordion .item.active .content p.check {
        padding-left: 17px
    }

    .hospital-info-wrapper .info-button.iconed {
        margin-bottom: 40px
    }

    .p-r-xs-5 {
        padding-right: 5px
    }

    .p-l-xs-5 {
        padding-left: 5px
    }

    .full-video-wrapper {
        padding: 40px 0 80px
    }

    .double-box-wrapper .promotion-title {
        font-size: 20px;
        text-align: left;
        margin: 0 20px
    }

    .double-box-wrapper .box-wrapper {
        margin-top: 20px
    }

    .double-box-wrapper .box-wrapper .box {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0
    }

    .double-box-wrapper .box-wrapper .slick-list {
        padding: 0 !important
    }

    .page-wish-well .wrapper-box-wish-well .variants .image-cover {
        height: 50px
    }

    .magazine-page .area .item strong {
        margin: 10px 0 5px
    }

    .magazine-page .area .item strong h3 {
        font-size: 12px;
        line-height: 16px
    }

    .magazine-page .area .item p {
        font-size: 10px
    }

    .mar-top-40 {
        margin-top: 0
    }

    .mar-top-80 {
        margin-top: 50px
    }

    .hc-article-detail .article iframe, .hc-article-detail .article iframe[scrolling], .page-hl-ilness-detail .article iframe, .page-hl-ilness-detail .article iframe[scrolling], .page-hl-technologies .article iframe, .page-hl-technologies .article iframe[scrolling], .page-hl-technologies-detail .wrapper-box.about iframe, .page-hl-technologies-detail .wrapper-box.about iframe[scrolling], .page-hl-tests-detail .wrapper-box.about iframe, .page-hl-tests-detail .wrapper-box.about iframe[scrolling] {
        width: 100%;
        height: 108vw
    }

    .hc-article-detail .article .facebook-responsive iframe, .page-hl-ilness-detail .article .facebook-responsive iframe, .page-hl-technologies .article .facebook-responsive iframe, .page-hl-technologies-detail .wrapper-box.about .facebook-responsive iframe, .page-hl-tests-detail .wrapper-box.about facebook-responsive iframe {
        height: 48vw !important
    }
}

@media (max-width: 375px) {
    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions {
        width: 340px
    }

    .profile .avatar .sub-avatars li {
        margin: 0 7px
    }

    .page-header .navigation .navigation-inner {
        position: relative;
        padding: 0 10px 10px
    }
}

@media (max-width: 361px) {
    .medical-units.hospitals .triple .triple-image {
        height: 165px
    }

    .magazine-page .area .item .image-cover {
        height: 195px
    }

    .corporate .additives-items ul li, .corporate .corporate-art-list ul li, .corporate .sponsor-list ul li {
        margin: 0 15px 15px 0
    }

    .profile .section-hero .tabs a, .profile .section-hero .tabs a.active {
        margin-right: 0
    }

    .last-news .filter .tabs {
        overflow-x: scroll;
        margin-bottom: 5px
    }

    .last-news .filter .tabs .tabs-inner {
        width: 330px;
        padding-bottom: 15px
    }

    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions {
        width: 320px;
        left: -77px
    }

    .profile .avatar .sub-avatars li {
        margin: 0 5px
    }

    .doctors .important-note .important-note-content .custom-tooltip {
        width: 250px
    }

    .page-wish-well .wrapper-box-wish-well .content-box .content .letter .select2-line .select2-container {
        width: 180px !important
    }
}

@media (max-width: 320px) {
    .page-header .navigation {
        width: 270px
    }

    .page-header .navigation.active:before {
        right: -45px
    }

    .page-header .navigation .navigation-inner {
        position: relative;
        padding: 0 10px 10px
    }

    .page-header .language.language-mobile.active {
        bottom: 0
    }

    .page-header .dropdown-button .icon {
        margin: 4px 0 0 10px
    }

    .special-services .item-area a {
        width: 250px
    }

    .medical-units.hospitals .triple .triple-image {
        height: 145px
    }

    .link-field-wrapper .link-field-inner .link-list {
        padding: 0 5px
    }

    .magazine-page .area .item .image-cover {
        height: 165px
    }

    .link-field-wrapper::after {
        width: 275px
    }

    .page-wish-well .wrapper-box-wish-well .content-box .content .input-wrapper input.custom-width {
        width: 230px
    }

    .page-ribbon p {
        font-size: 10px
    }

    .medical-units.hospitals .triple .item a h4 {
        font-size: 13px
    }

    .health-center .result .articles article .content .title {
        font-size: 12px
    }

    .page-pagination .pagination-button {
        margin: 40px 5px 0 0
    }

    .page-hero .contact-button {
        width: 290px
    }

    .half-slider-info-wrapper .half-slider .item {
        height: 190px;
        overflow: hidden
    }

    .promotion-form-wrapper form .inputfile + label {
        width: 100%
    }

    .page-memorialtv-detail .item .content .name {
        padding-right: 15px
    }

    body:lang(en) .hospitals .hospital .button-half {
        padding: 0 3px
    }

    .fast-links-alternate a {
        padding: 25px 5px
    }

    .special-services .item-area li.active {
        height: 236px
    }

    .page-assay-result .page-assay-result-section .assay-result-list .assay-result-info-item .actions {
        width: 290px;
        left: -80px
    }

    .profile .profile-section.assay-list-wrapper .appointments .item .content .actions .button {
        width: 130px;
        min-width: 130px
    }

    .profile .avatar .sub-avatars li {
        margin: 0 11px
    }

    .profile .section-hero .tabs a, .profile .section-hero .tabs a.active {
        margin: 0 10px
    }

    .doctors .important-note .important-note-content .custom-tooltip {
        width: 230px
    }

    #rc-imageselect, .g-recaptcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .g-recaptcha > div {
        margin-left: 75px !important
    }
}

.no-scroll, .overflow-hidden {
    overflow: hidden
}

a:focusÂ, button:focus {
    outline: 0
}

a:hover, button:hover {
    text-decoration: none
}

.z-9k {
    z-index: 9999
}

textarea {
    resize: none
}

.image-cover {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: url(https://cdn.memorial.com.tr/files/images/logo-570x370.png) no-repeat center
}

.image-cover img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-width: 100%
}

.background-contain, .background-cover {
    background-repeat: no-repeat;
    background-size: cover
}

.background-cover {
    background-image: url(https://cdn.memorial.com.tr/files/images/logo-570x370.png);
    background-position: center
}

.background-contain {
    background-position: center bottom
}

.pr-0 {
    padding-right: 0
}

body.rtl .pr-0 {
    padding: 0 15px 0 0
}

.pl-0 {
    padding-left: 0
}

body.rtl .pl-0 {
    padding: 0 0 0 15px
}

@media (max-width: 767px) {
    .m-p-0 {
        padding: 0
    }
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

@media (max-width: 767px) {
    .m-flex-row-reverse {
        flex-direction: row-reverse
    }

    .m-flex-column-reverse {
        flex-direction: column-reverse
    }
}

.hidden-tablet {
    display: block
}

@media (min-width: 768px) and (max-width: 992px) {
    .hidden-tablet {
        display: none !important
    }
}

.mobile-hidden {
    display: block !important
}

@media (max-width: 767px) {
    .mobile-hidden {
        display: none !important
    }
}

.mobile-show {
    display: none !important
}

@media (max-width: 767px) {
    .mobile-show {
        display: block !important
    }
}

.desktop-show {
    display: block !important
}

@media (max-width: 991px) {
    .desktop-show {
        display: none !important
    }
}

@media (max-width: 767px) {
    .desktop-show {
        display: none !important
    }
}

.tablet-show {
    display: none !important
}

@media (max-width: 991px) {
    .tablet-show {
        display: block !important
    }
}

@media (max-width: 767px) {
    .m-full-container {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .m-full-container > .container {
        padding-left: 0;
        padding-right: 0
    }

    .m-full-container > .container .wrapper-box {
        border: 0;
        border-radius: 0;
        padding: 20px 0 !important
    }

    .m-full-container > .container .wrapper-box.with-padding {
        padding: 5px 20px !important
    }
}

.column-reverse {
    flex-direction: column-reverse
}

.m-column-reverse {
    flex-direction: column
}

@media (max-width: 767px) {
    .m-column-reverse {
        flex-direction: column-reverse
    }
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto
}

.pl-half {
    padding-left: 7.5px
}

body.rtl .pl-half {
    padding: 0 7.5px 0 15px
}

@media (max-width: 767px) {
    .pl-half {
        padding-left: 15px
    }

    body.rtl .pl-half {
        padding: 0 15px
    }
}

.pr-half {
    padding-right: 7.5px
}

body.rtl .pr-half {
    padding: 0 15px 0 7.5px
}

@media (max-width: 767px) {
    .pr-half {
        padding-right: 15px
    }

    body.rtl .pr-half {
        padding: 0 15px
    }
}

.g-recaptcha {
    display: flex;
    align-items: center;
    justify-content: center
}

.breadcrumb .contact a, .phone-text, .tel {
    direction: ltr
}

em[class^=icon-] {
    display: inline-block;
    width: 16px;
    height: 16px
}
.cs-mnt-image-div-1{
    max-width: 400px;
    margin: 0 auto;
}
.mnt-image-1{
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F2F2F2;
}
.cs-mnt-image-head-1{
    font-size: 30px;
    font-weight: 800;
    color: #B12929;
    padding: 0px;
    margin-bottom: 30px;
    text-align: center;
}
.mnt-goBack-btn-1 {
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    height: 55px;
    margin-right: 10px;
    border: 1px solid #169ee3;
    color: #169ee3;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: none;
    margin: 0;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mnt-goBack-btn-1:hover, .mnt-goBack-btn-1:focus{
    color: #ffffff;
    background-color: #169ee3;
    text-decoration: none;
}
@media (min-width:  768px) and (max-width: 1024px){
    .mnt-goBack-btn-1 {
        padding: 10px;
        font-size: 12px;
        position: unset;
        left: auto;
        top: auto;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px){
    .login-area .auth-area .column {
        padding: 40px 15px;
        margin: 0;
    }
    .cs-mnt-image-head-1 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .mnt-goBack-btn-1 {
        position: unset;
        left: auto;
        top: auto;
        width: 100%;
        margin-bottom: 30px;
    }
}

/*# sourceMappingURL=main.min.css.map */