@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,600,700,300&subset=latin,latin-ext);

@font-face {
    font-family: 'DINbek Light';
    src: url('/fonts/DINPro-Light.eot');
    src: local('☺'), url('/fonts/DINPro-Light.woff') format('woff'), url('/fonts/DINPro-Light.ttf') format('truetype'), url('/fonts/DINPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINbek Medium';
    src: url('/fonts/DINPro-Medium.eot');
    src: local('☺'), url('/fonts/DINPro-Medium.woff') format('woff'), url('/fonts/DINPro-Medium.ttf') format('truetype'), url('/fonts/DINPro-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINbek Bold';
    src: url('/fonts/DINPro-Bold.eot');
    src: local('☺'), url('/fonts/DINPro-Bold.woff') format('woff'), url('/fonts/DINPro-Bold.ttf') format('truetype'), url('/fonts/DINPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINbek';
    src: url('/fonts/DINPro-Regular.eot');
    src: local('☺'), url('/fonts/DINPro-Regular.woff') format('woff'), url('/fonts/DINPro-Regular.ttf') format('truetype'), url('/fonts/DINPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.navbar-toggle {
    margin-top: 15px;
}

.language-select-long {
    width: 53px;
    margin-top: 20px;
    padding: 6px;
}

.language-select-short {
    width: 60px;
    margin-top: 15px;
    padding: 6px;
    margin-right: 20px;
}
/* POPUP*/

.successPopup {
    background-image: url(/images/message_success_small.png);
    background-repeat: no-repeat;
    background-position: 50px 25px;
}

.failPopup {
    background-image: url(/images/message_error.png);
    background-repeat: no-repeat;
    background-position: 50px 40px;
}

.popupMsg {
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 10%;
    padding-left: 30%;
    color: #23528D;
    display: none;
    float: left;
}

.popupDescription {
    width: 100%;
    text-align: center;
    float: left;
    clear: both;
    line-height: 20px;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    color: #23528D;
}

.loadingContainer {
    float: left;
    clear: both;
    padding: 10%;
    width: 80%;
    height: auto;
    text-align: center;
    display: none;
}

.error {
    color: red;
}

.blackColor {
    color: black;
}

img.width100 {
    width: 100%;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    color: #fff;
    font-family: Roboto, 'DINBek', sans-serif;
}

.az body {
    font-family: 'Open Sans', sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a, a:hover {
    color: white;
}

    a:hover {
        text-decoration: underline;
    }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html {
    height: 100%;
    min-height: 100%;
    background-color: #fff;
}

.no-js {
    padding-top: 106px;
}

.loading {
    /*background: url('/images/loading.gif') no-repeat center center;*/
}

header {
    position: fixed;
    z-index: 1035;
    display: block;
    width: 100%;
    top: 0;
    height: 72px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0;
}

    header .navbar-brand {
        padding: 0;
        padding-top: 8px;
    }

        header .navbar-brand img {
            max-width: 165px;
            margin-top: 2px;
            margin-left: -15px;
        }

    header .btn .fa, #slide-1 .fa, header .btn .fab, #slide-1 .fab {
        margin-right: 5px;
    }

    header .btn.uyelik, .btn.dil, header .btn.uyelik.inverse {
        border-radius: 0px;
        outline: none;
        border: 1px solid #204b9b;
        color: black;
        font-size: 12px;
        margin-top: 20px;
        font-weight: 700;
        padding: 8px 12px;
    }

.tr header .btn.uyelik, .tr .btn.dil, .tr header .btn.uyelik.inverse, .pt header .btn.uyelik, .pt .btn.dil, .pt header .btn.uyelik.inverse, .ru header .btn.uyelik, .ru .btn.dil, .ru header .btn.uyelik.inverse {
    padding: 8px;
}

header .btn.uyelik {
    border: 1px solid #204b9b;
}

    header .btn.uyelik.inverse {
        background-color: #204b9b;
        color: white;
    }

    header .btn.uyelik:first-child {
        border-right: none;
        margin-left: 15px;
    }

.tr header .btn.uyelik:first-child, .pt header .btn.uyelik:first-child, .ru header .btn.uyelik:first-child {
    margin-left: 8px;
}

header .btn.uyelik:hover {
    color: #204b9b;
}

header .btn.uyelik.inverse:hover {
    text-decoration: underline;
    color: white;
}

header ul {
    list-style: none;
    color: white;
    float: left;
    margin-bottom: 0;
}

    header ul li {
        float: left;
        margin-top: 4px;
        line-height: 68px;
        padding: 0 8px;
        font-size: 13px;
        font-weight: 700;
        font-family: Roboto;
        cursor: pointer;
    }

        header ul li a {
            color: black;
        }

            header ul li a:hover {
                color: black;
                text-decoration: underline !important;
            }

    header ul a:first-child li {
        padding-left: 0;
    }

    header ul li:hover {
        color: black;
        text-decoration: underline;
    }

    header ul.languageUL {
        padding-left: 0;
    }

        header ul.languageUL li {
            padding: 0 5px;
            margin: 26px 0;
            font-size: 10px;
            line-height: 22px;
            border-right: 1px solid black;
        }

            header ul.languageUL li.selected {
                font-family: DINBek Bold;
            }

            header ul.languageUL li:last-child {
                border-right: none;
            }

.headerBottomContainer {
    background: white;
}

    .headerBottomContainer #aramaTabContent {
        padding-top: 10px;
    }

    .headerBottomContainer .form-control {
        border-radius: 0;
        border-color: #204b9b;
    }

    .headerBottomContainer .btn {
        border-radius: 0;
        border: none;
        background: #204b9b;
        color: white;
        outline: none;
    }

.ru header ul li, .tr header ul.languageUL li {
    letter-spacing: 0;
}

.fr header ul li {
    letter-spacing: -0.01em;
}

header .logo {
    background-image: url(/images/logo.png);
    width: 110px;
    height: 57px;
    margin-top: 1px;
    float: left;
}


header .section-account {
    min-width: 181px;
    text-align: center;
}

    header .section-account .section-account-img-name {
        font-weight: 600;
        color: black;
    }

        header .section-account .section-account-img-name .circle-avatar {
            width: 50px;
            height: 50px;
            padding-top: 0px;
            background-position: center center;
            margin-right: 10px;
            margin-top: 11px;
        }

        header .section-account .section-account-img-name .circle-avatar,
        header .section-account .section-account-img-name .section-account-name {
            display: inline-block;
        }

        header .section-account .section-account-img-name .section-account-name {
            position: relative;
            top: -20px;
        }

    header .section-account .section-account-buttons {
        position: absolute;
        top: 73px;
    }

        header .section-account .section-account-buttons.start-right {
            right: 0;
        }

        header .section-account .section-account-buttons .btn {
            padding: 10px 20px;
            float: right;
            margin-left: 1px;
            border-radius: 0;
        }

            header .section-account .section-account-buttons .btn:hover {
                background: #34b3df;
            }

.fr header .section-account .section-account-buttons .btn {
    padding: 10px 13px;
}

header .section-account-home .section-account-img-name {
    font-weight: 600;
    color: #2d2e2e;
}

/*header .section-account-home .section-account-buttons .btn {
    background: white;
    border: none;
    color: #2d2e2e;
}*/

header .section-account-home .section-account-buttons .btn:hover {
    background: #34b3df;
}

#testimonial {
    -ms-opacity: 0;
    opacity: 0;
    background: #f2f2f2;
    text-align: center;
    color: #202731;
    font-weight: 400;
    line-height: 25px;
    padding: 50px 0;
    font-size: 20px;
}

section {
    -ms-opacity: 0;
    opacity: 0;
    height: 360px;
}

.loaded section,
.loaded header,
.loaded #testimonial,
.loaded .medicopin,
.loaded #medihis-nedir,
.no-js section {
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

    .loaded .medicopin.hide {
        opacity: 0;
    }

#preload {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.bcg {
    background-size: cover;
    height: 100%;
    width: 100%;
}

.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.hsContent {
    display: table-cell;
    vertical-align: middle;
    /*padding: 0 8%;*/
    text-align: left;
}

h3 {
    font-size: 49px !important;
    font-weight: 300;
    color: #1d1d1f;
}

.middleLine {
    margin-top: 15px;
    border-bottom: 2px solid #012a43;
}

    .middleLine.white {
        border-bottom: 2px solid #fff;
    }

.nm {
    margin: 0;
}

.np {
    padding: 0;
}

.np-left {
    padding-left: 0;
}

.np-right {
    padding-right: 0;
}

p {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
}

.navbar-default {
    background: #e6e6e6;
    border: none;
}


.container-arrow {
    background-image: url(/images/arrow_white.png);
    width: 49px;
    height: 44px;
    position: absolute;
    top: 100%;
    margin-top: -60px;
    left: 50%;
    margin-left: -25px;
    cursor: pointer;
}

    .container-arrow.blue {
        background-image: url(/images/arrow_blue.png);
    }

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

/* Slide 1 */

.medihis-nedir-video {
    position: absolute;
    margin-top: -247px;
    margin-left: 140px;
    width: 193px;
    height: 141px;
}

    .medihis-nedir-video video {
        width: 205px;
        height: 155px;
    }

.patlangac, .banner-video {
    position: relative;
    bottom: 0px;
    left: 50%;
    z-index: 1030;
    background-image: url(/images/patlangac_tr-tr.png);
    width: 141px;
    height: 139px;
    margin-top: -60px;
    margin-left: -80px;
}

.banner-video {
    background: none;
    margin-top: -546px;
    margin-left: -213px;
    width: 199px;
    height: 355px;
    overflow: hidden;
}

    .banner-video video {
        width: 200px;
    }

    .banner-video .video-kare {
        display: none;
    }

        .banner-video .video-kare.active {
            display: block;
        }

.scroll-img {
    position: fixed;
    top: 100%;
    margin-top: -75px;
    left: 50%;
    margin-left: -8px;
    z-index: 1029;
    /*cursor: pointer;*/
}

#slide-1 {
    background-image: url('/images/banner-bg.jpg');
    background-size: cover;
}

    #slide-1 .bcg {
        background-attachment: initial;
        background-image: url('/images/banner-2-hand.png');
        background-position: left bottom;
        background-size: contain;
    }

    #slide-1, #slide-1 p {
        text-align: left;
        font-size: 20px;
        color: black;
        font-weight: 700;
    }

.az #slide-1, .az #slide-1 p {
    font-family: Arial;
    font-weight: 500;
}

#slide-1 h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #1c3c73;
}

.az #slide-1 h1 {
    font-family: Arial;
    font-weight: 600;
}

#slide-1 .hsContainer img {
    width: 100%;
    cursor: pointer;
}

#slide-1 .btn {
    background-color: #35acc8;
    color: white;
    border: none;
    padding: 10px 20px;
}

    #slide-1 .btn.btn-orange {
        background-color: #f69225;
    }

#slide-1 .rounded {
    height: 190px;
    border: 2px solid white;
    -webkit-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: rgba(0,118,163, 0.7);
}

    #slide-1 .rounded.right {
        -webkit-border-top-left-radius: 4px;
        -ms-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 0;
        -ms-border-top-right-radius: 0;
        border-top-right-radius: 0;
    }

#slide-1 .klinikler, #slide-1 .giris {
    background-image: url(/images/div-klinikler.png);
    height: 36px;
    line-height: 36px;
    text-align: left;
    background-repeat: no-repeat;
    color: #00293f;
    font-weight: bold;
    font-size: 18px;
}

#slide-1 .giris {
    background-image: url(/images/div-uye-ol.png);
    background-position: right;
    text-align: right;
}

/* MEDÝHÝS NEDÝR? */
#medihis-nedir {
    border-top: 2px solid #35acc8;
    opacity: 0;
}

    #medihis-nedir, #medihis-nedir p {
        color: #5c5c5c;
        font-size: 15px;
    }

        #medihis-nedir h4 {
            font-weight: 600;
        }

        #medihis-nedir h1 {
            color: #35acc8;
            margin-bottom: 0;
            font-size: 30px;
            font-family: 'DINBek Medium';
        }

.az #medihis-nedir h1 {
    font-family: Arial;
    font-weight: 500;
}

/* Slide 2 */
#slide-2 .bcg {
    background-image: url('/images/medihis-avantajlari.jpg');
    background-color: #def3f5;
    background-repeat: no-repeat;
}

#slide-2 .carousel-caption, #slide-2 .carousel, #slide-2 .carousel-inner {
    position: static;
}

.carousel-caption {
    text-shadow: none;
    text-align: left;
}

    .carousel-caption p {
        color: #383838;
        text-shadow: none;
        font-family: 'DINBek Light';
        margin-bottom: 15px;
    }

    .carousel-caption h2 {
        color: #555555;
        font-weight: 300;
        font-family: 'DINBek Light';
        font-size: 30px;
        margin-bottom: 15px;
    }

.az .carousel-caption h2 {
    font-family: Arial;
}

.az .carousel-caption p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.carousel-caption .btn {
    background-color: #45829d;
}

.carousel-indicators {
    bottom: 60px;
}

    .carousel-indicators li {
        background-color: transparent;
        border-color: #666;
        margin: 1px 5px;
    }

        .carousel-indicators li.active {
            margin: 0px 5px;
        }

        .carousel-indicators li.active {
            background-color: #45829d;
            border-color: #45829d;
        }

.btn-control, .btn-control:focus, .btn-control:active {
    position: absolute;
    bottom: 35px;
    left: 50%;
    z-index: 16;
    margin-left: -81px;
    text-align: center;
    background-color: #45829d;
    color: white;
    padding: 5px;
    width: 75px;
    text-decoration: none;
    outline: none;
}

    .btn-control:hover {
        background-color: #f69225;
        text-decoration: none;
    }

.carousel .next-btn {
    margin-left: 6px;
}

.carousel-inner > .item.active.left, .carousel-inner > .item.prev {
}

#press .panel-primary > .panel-heading {
    background: #35acc8;
}

#press .panel-primary {
    border-color: #35acc8;
}

#press img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #28353d;
    margin-bottom: 15px;
}

#press .panel {
    margin-bottom: 40px;
}

.panel-heading .accordion-toggle {
    outline: none;
}

    .panel-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
        content: "\e114"; /* adjust as needed, taken from bootstrap.css */
        float: right; /* adjust as needed */
        color: white; /* adjust as needed */
    }

    .panel-heading .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e080"; /* adjust as needed, taken from bootstrap.css */
    }
/* Slide 3 */
#slide-3 .bcg {
    /*background-image: url(/images/nasil-calisir-bg.jpg);*/
    /*background-color: #1a94e1;*/
    background-repeat: no-repeat;
}

#slide-8 .bcg {
    background-image: url(/images/iletisim.jpg);
    background-repeat: no-repeat;
}

#slide-3 .cizgi11 {
    background-image: url(/images/cizgi-1.png);
    background-repeat: no-repeat;
    background-position: 225px 150px;
}

#slide-3 .cizgi21 {
    background-image: url(/images/cizgi-2.png);
    background-repeat: no-repeat;
    background-position: 225px 40px;
}

#slide-3 h2, #slide-3 .hsContent p, #slide-5 .hsContent p, #slide-5 h2, #slide-6-2 .hsContent p, #slide-6-2 h2, #slide-3 a, #slide-5 a, #slide-6-2 h4, #slide-3 div {
    color: #333;
    text-align: center;
    font-size: 15px;
}

#slide-3 h3, #slide-4 h3, #slide-4-2 h3, #press h3, #slide-6 h3, #slide-7 h3 {
    margin: 0;
    color: #1c3c73;
    font-size: 30px !important;
    font-family: 'DINBek Medium';
    font-weight: bold;
}

#slide-8 h3 {
    margin: 0;
    color: white;
    font-size: 30px !important;
    font-family: 'DINBek Medium';
    font-weight: bold;
}

#slide-3 h4 {
    color: #e95327;
    font-size: 22px;
    margin-bottom: 10px;
    font-family: 'DINBek Bold';
    /*text-transform: uppercase;*/
}

.az #slide-3 h4, .az #slide-4-2 h3, .az #slide-8 h3, .az #slide-4 h3, .az #slide-3 h3, .az #slide-6 h3 {
    text-transform: uppercase;
}

#slide-3 .middleLine, #slide-8 .middleLine {
    border-color: white;
}

#slide-6-2 img, #slide-3 img {
    display: inline-block;
}

/* Slide 4 */
#slide-4 .bcg, #slide-4-2 .bcg, #slide-6 .bcg {
    background: none;
}

#slide-4, #slide-4-2, #slide-6 {
    text-align: left;
    color: #333;
    font-size: 14px;
    text-shadow: none;
}

    #slide-4 b, #slide-6 b {
        font-family: 'DINBek Medium';
    }

    #slide-6 img {
        margin-bottom: 10px;
    }

#slide-6 {
    font-size: 15px;
}

#slide-4-2, #press {
    font-size: 15px;
    font-family: 'Roboto';
}

    #slide-4-2 img {
        margin-right: 20px;
    }

    #slide-4 h3, #slide-4-2 h3, #press h3, #slide-6 h3, #neden-biz h3 {
        color: #1c3c73;
    }

    #slide-4 .middleLine, #slide-4-2 .middleLine, #press .middleLine, #slide-6 .middleLine {
        border-color: #35acc8;
    }

    #slide-4 .col-xs-12.col-sm-6, #slide-4-2 .col-xs-12.col-sm-6, #slide-6 .col-xs-12.col-sm-6 {
        min-height: 95px;
    }

    #slide-4-2 h4 {
        color: #e95327;
        font-size: 22px;
    }

    #slide-4-2 img, #neden-biz img {
        max-width: 50px;
    }

    #slide-4-2 p {
        color: #2c3e50;
        font-size: 15px;
    }

    #slide-4-2 .media {
        margin-bottom: 20px;
    }

.az #slide-4-2, .az #slide-4 b, .az #slide-6 b {
    font-family: 'Open Sans', sans-serif;
}

#yuksek-guvenlik {
    background-image: url(/images/medihis-guvenli.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #yuksek-guvenlik p {
        font-size: 16px;
    }

    #yuksek-guvenlik h1 {
        font-weight: 4s00;
        font-size: 26px;
    }

    #yuksek-guvenlik h4 {
        font-weight: 300;
        line-height: 25px;
        font-size: 17px;
    }

#kurumsal-uyelik p, #kurumsal-uyelik a {
    font-size: 15px;
    color: black;
    font-weight: 400;
    font-family: 'DINBek Light';
}

.new-blue-color {
    color: #35acc8;
}

/* Slide 5 */

#slide-5 .bcg {
    background-image: url('/images/ikinci-gorus.png');
    background-color: #2c96ce;
    background-repeat: no-repeat;
    background-position: right -360px center;
    background-attachment: initial;
}

#slide-5 p {
    text-align: left !important;
    font-size: 16px !important;
    /*text-shadow: 1px 1px 1px #000;*/
}

.video-container {
    cursor: pointer;
}

    .video-container .blueBg {
        background-color: #2495cc;
    }



#medihis-app {
    background-color: #f6f6f6;
    padding-top: 30px;
}

    #medihis-app .title {
        font-size: 30px;
        font-family: 'DINBek Medium';
        color: #35acc8;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    #medihis-app p {
        color: #686868 !important;
        font-size: 20px !important;
    }

.az #medihis-app .title, .az #medihis-app p {
    font-family: Arial;
}

/* Slide 6 */

#slide-7:not(.noMaxHeight) {
    min-height: 950px;
}

#slide-7, #slide-7 p {
    color: #7d7b7b;
}

    #slide-7 img {
        display: inline-block;
        margin-bottom: 10px;
        max-width: 124px;
        max-height: 123px;
    }

    #slide-7 h4 {
        font-weight: bold;
        font-size: 16px;
    }

    #slide-7 ul {
        list-style: none;
        text-align: center;
        padding-left: 0;
        margin: 2px auto;
    }

        #slide-7 ul li {
            padding: 0 25px;
            font-size: 14px;
            border-right: 1px solid #7d7b7b;
            display: inline;
            text-align: center;
            cursor: pointer;
        }

        #slide-7 ul a, #slide-7 ul a:hover {
            color: #7d7b7b;
        }

            #slide-7 ul a li:last-child {
                border-right: none;
            }

        #slide-7 ul li:hover {
            text-decoration: underline;
        }

    #slide-7 #map {
        background-image: url(/images/map.jpg);
        height: 250px;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

#slide-8 .btn {
    background-color: #e95327 !important;
}

.newsletter, #slide-8 {
    font-size: 14px;
    font-family: 'DINBek Light';
}

    .newsletter ::-webkit-input-placeholder {
        color: white;
    }

    .newsletter :-moz-placeholder { /* Firefox 18- */
        color: white;
    }

    .newsletter ::-moz-placeholder { /* Firefox 19+ */
        color: white;
    }

    .newsletter :-ms-input-placeholder {
        color: white;
    }

    #slide-8 b {
        font-family: 'DINBek Medium';
    }

    #slide-8 .fa, #slide-8 .fab {
        font-size: 15px;
        border-radius: 4px;
        width: 30px;
        line-height: 30px;
        background-color: rgba(215, 215, 215, 0.28);
        color: #dbddde;
        text-align: center;
        cursor: pointer;
    }

        #slide-8 .fa:hover, #slide-8 .fab:hover {
            background-color: #35acc8;
        }

    .newsletter input[type='text'] {
        background-color: rgba(215, 215, 215, 0.28);
        border: none;
        color: white;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .newsletter input[type='button'], .newsletter input[type='submit'] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-left: 2px;
        height: 34px;
    }

.az .newsletter, .az #slide-8, .az #slide-8 b {
    font-family: 'Open Sans', sans-serif;
}

    .az #slide-8 h4 {
        font-family: Arial;
    }

.slide-3 img, .slide-5 img {
    max-width: 80%;
    margin-top: 50px;
}

footer {
    background-color: #1c3c73;
    color: white;
}

    footer ul {
        padding: 0;
    }

        footer ul li {
            list-style-type: none;
            margin-bottom: 8px;
        }

    footer .follow .fa, footer .follow .fab {
        padding: 10px 0;
        text-align: center;
        width: 40px;
        /* margin-left: 10px; */
        padding: 8px 10px;
        font-size: 18px;
        background-color: #0f2a4b;
    }

    footer .share .fa, footer .share .fab {
        padding: 10px 0;
        text-align: center;
        width: 35px;
        margin-left: 10px;
        background-color: #6381b9;
    }

    footer .link-container .col-xs-12 {
        border-bottom: 1px solid white;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    footer .link-container {
        margin: 5px auto;
        text-align: center;
    }

        footer .link-container a {
            color: white;
            height: 33px;
            width: auto;
            padding: 0 9px;
            line-height: 33px;
            font-size: 14px;
        }

            footer .link-container a + a {
                border-left: 1px solid #d4d7d8;
            }

    footer .logos img {
        margin-left: 7px;
        margin-top: 4px;
    }

    footer .logos .AuthorizeNetSeal {
        float: left;
        clear: both;
    }

.pdi-logo {
    margin-left: 18px;
    border-left: 1px solid white;
    padding: 8px 0 8px 21px;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.radius5 {
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.lightBlueColor {
    color: #60afeb;
}

.blueColor {
    color: #003663;
}

.blueBg {
    background-color: #003663;
}

.space {
    float: left;
    clear: both;
    width: 100%;
    height: 50px;
}

.space10 {
    float: left;
    clear: both;
    width: 100%;
    height: 10px;
}

.spaceShort {
    float: left;
    clear: both;
    width: 100%;
    height: 20px;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.pdl-90 {
    padding-left: 90px;
}

.rtl-text-left {
    text-align: left;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* CIRCLE AVATAR */

div.circle-avatar {
    /* make it responsive */
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    /* div height to be the same as width*/
    padding-top: 100%;
    /* make it a cirkle */
    border-radius: 50%;
    /* Centering on image`s center*/
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    /* it makes the clue thing, takes smaller dimention to fill div */
    background-size: cover;
    /* it is optional, for making this div centered in parent*/
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.noDisplay {
    display: none;
}


.doctors {
    margin-top: 50px;
    margin-bottom: 30px;
}

    .doctors .container {
        /*padding: 25px;
        background-color: #fff;*/
    }

    .doctors .alert {
        font-size: 13pt;
        margin-bottom: 0px;
    }

    .doctors .title {
        color: #495360;
        font-size: 18pt;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .doctors .border {
        border: 1px solid #d1d1d1;
    }

    .doctors .item {
        margin-bottom: 20px;
    }

        .doctors .item h1 {
            background-color: #495360;
            color: #fff;
            font-size: 16pt;
            text-align: center;
            font-weight: bold;
            padding: 10px;
        }

        .doctors .item h3 {
            color: #495360;
            font-size: 14pt !important;
            font-weight: bold;
        }

        .doctors .item p {
            color: #495360;
        }

.mt-30 {
    margin-top: 30px !important;
}

#neden-biz {
    font-size: 26px;
    font-family: 'DINBek';
}

    #neden-biz h4 {
        font-family: 'DINBek';
        color: #e95327;
        font-size: 22px;
        margin-bottom: 10px;
    }


    #neden-biz .title {
        margin: 0;
        color: #1c3c73;
        font-size: 30px !important;
        font-family: 'DINBek Medium';
        font-weight: bold;
    }

    #neden-biz .slogan {
        color: #e95327;
        font-weight: bold;
        font-style: italic;
    }

    #neden-biz p {
        color: #333;
        font-family: Roboto;
        /*font-weight: 600;*/
    }



.nedenbiz-item img {
    margin-top: -15px;
    display: inline-grid;
}

.nedenbiz-item p {
    display: inline-grid;
    /*color: #e95327 !important;*/
}

.nedenbiz-item h4 {
    margin-top: 20px;
}



.sloganDiv {
    background-color: #e6e6e6;
    border-top: 2px solid #1f4a9b;
    padding: 2em;
}

    .sloganDiv blockquote {
        border: 0;
        color: #1f4a9b;
        font-style: italic;
    }

        .sloganDiv blockquote h4 {
            color: #1f4a9b;
            text-align: center;
            font-size: 22px;
            font-weight: bold;
        }

        .sloganDiv blockquote p {
            color: #1f4a9b;
            text-align: center;
            font-size: 20px;
            font-weight: 400;
        }

        .sloganDiv blockquote:before, .sloganDiv blockquote:after {
            font-family: sans-serif;
            color: #1f4a9b;
            display: block;
            font-size: 7em;
            width: 20px;
        }

        .sloganDiv blockquote:before {
            content: '\201C';
            height: 50px;
            margin-top: -30px;
            margin-left: -50px;
        }

        .sloganDiv blockquote:after {
            content: '\201D';
            height: 50px;
            margin-top: -50px;
            float: right;
        }

.nasilCalisir blockquote {
    border: 0;
    color: #1f4a9b;
}

    .nasilCalisir blockquote h4 {
        color: #1f4a9b !important;
        text-align: center;
        font-size: 22px !important;
        font-weight: bold;
    }

    .nasilCalisir blockquote p {
        color: #1f4a9b !important;
        text-align: center;
        font-size: 1em !important;
        font-weight: 400;
        font-style: italic;
    }

    .nasilCalisir blockquote:before, .nasilCalisir blockquote:after {
        font-family: sans-serif;
        color: #e96139;
        display: block;
        font-size: 5em;
        width: 20px;
    }

    .nasilCalisir blockquote:before {
        content: '\201C';
        height: 40px;
        margin-top: -30px;
        margin-left: -15px
    }

    .nasilCalisir blockquote:after {
        content: '\201D';
        height: 50px;
        margin-top: -40px;
        margin-right: -10px;
        float: right;
    }

.nasilCalisir .blueBgWhiteColor h4 {
    font-family: 'DINBek Bold' !important;
    color: #fff !important;
    letter-spacing: -0.5px;
    font-size: 22px !important;
}

.nasilCalisir .blueBgWhiteColor p {
    color: #fff !important;
    /*font-size: 1.1em !important;*/
}


.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .separator::before, .separator::after {
        content: '';
        flex: 1;
        border-bottom: 2px solid #1f4a9b;
    }

    .separator::before {
        margin-right: 3em;
    }

    .separator::after {
        margin-left: 3em;
    }


.blueBgWhiteColor {
    background-color: #1f4a9b;
    color: #fff !important;
}


.p-50 {
    padding: 50px !important;
}


.saglikGecmisim p {
    color: black;
}

.saglikGecmisim-Bg {
    background-image: url('/images/saglikGecmisi-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 0px;
    min-height: auto !important;
    height: auto !important;
    /*background-size: 50%;*/
}

    .saglikGecmisim-Bg .bcg {
        background-image: none !important;
        background: linear-gradient(90deg, rgba(31, 74, 155, 0.7) 50%, white 50%) !important;
    }

.saglikGecmisim .media, .saglikGecmisim.media-body {
    overflow: initial;
}

.saglikGecmisim p {
    /*font-weight: 400 !important;*/
}

.whiteBg {
    background-color: #fff;
}


.inline-block {
    display: inline-block;
}

.kurumsal h4 {
    font-family: 'DINBek';
    color: #e95327;
    font-size: 22px !important;
    margin-bottom: 10px;
    font-weight: normal !important;
}

.kurumsal p {
    color: #000 !important;
    /*font-weight: 400;
    letter-spacing: -0.5px;
    font-size: 1.1em;*/
}


.appStore {
    background-color: #e6e6e6;
}

    .appStore h2 {
        font-family: 'DINBek Bold' !important;
        color: #414141;
        font-size: 2.5em;
        letter-spacing: -1px;
    }

    .appStore h3 {
        font-family: 'DINBek' !important;
        color: #e95327;
        font-size: 30px !important;
        letter-spacing: -1px;
    }