
body#selfcare {
    padding: 70px 0;
}
body#selfcare.iframe {
    background-color: transparent;
}

body#selfcare.iframe header {
    display: none;
}

body#selfcare.iframe #selfcare-main #breadcrumb-wrapper {
    display: none;
}

header {
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    z-index: 51;
    background: rgba(255, 255, 255, .9);
    width: 100%;
}

.header_col {
    height: 70px;
    padding: 15px 0 20px;
}

.header_logo {
    height: 100%;
    width: auto;
    vertical-align: text-bottom;
}

.header_text {
    font-weight: 200;
    font-size: 1.6em;
    margin-left: 10px;
    color: #003E7F;
}

.header_btn {
    margin-top: -10px;
    margin-left: 15px;
}

#back_btn::after {
    content: ' Geri';
}

h1 {
    color: #4E0052;
    font-weight: 400;
    font-size: 2em;
}





#selfcare-main #breadcrumb-wrapper {
    background: #f5f5f5;
}

#selfcare-main #breadcrumbs {
    padding: 10px 0;
    color: #999;
}

#selfcare-main #breadcrumbs a {
    color: #999;
}


#selfcare-main .selfcare_subjects {
    padding: 0;
    list-style: none;
}

#selfcare-main .selfcare_subjects .btn {
    display: block;
    text-align: left;
    margin-bottom: 15px;
    white-space: initial;
    position: relative;
}

#selfcare-main .selfcare_subjects .btn::after {
    content: '➤';
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    margin-top: -0.8em;
    color: #CCC;
}

#selfcare-main .selfcare_subjects .btn:hover::after {
    color: #FFF;
}

.flip-horizontal {
    display: inline-block;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}


@media screen and (max-width: 768px) {
    #selfcare-main .header_text {
        font-size: 1.2em;
    }
    #selfcare-main #back_btn::after {
        content: '';
    }
    #selfcare-main .content img {
        max-width: 100%;
        height: auto;
    }
    body#selfcare {
        padding: 120px 0;
    }
}
