body {
    font-family: 'Titillium Web', sans-serif;
}

a {
    text-decoration: none !important;
}

img {
    max-width: 100%
}

p {
    color: #666;
}

.section-header {
    font-weight: 700;
    color: #EF4371;
    font-size: 28px;
}

.section-subheader {
    font-size: 24px;
    color: #666
}

#eu-logo {
    width: 400px;
    object-fit: contain;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    right: 0;
}

#eu-logo:hover {
    cursor: pointer;
}

@media only screen and (max-width: 576px) {
    #eu-logo {
        width: 200px;
    }
}

#services {
    /* height: 996px; */
    background-image: url("../images/webapp/main-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 40px;
}

#services .section-subheader {
    margin-top: 20px;
    margin-bottom: 25px;
}

.service-name {
    font-weight: 700;
    font-size: 16px;
    color: #EF4371;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.box-container-row {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.box {
    width: 90%;
    height: 200px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}



.box img {
    height: 34%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.box:not(.disabled):hover {
    cursor: pointer;
}

.disabled {
    background: #ccc !important;
    color: #fff !important;
}

.disabled p {
    color: #fff !important
}


/* .box.consultation-box:hover {
    background: linear-gradient(90deg, #EF4371 0%, #FA625E 100%);
}

.box.consultation-box:hover img {
    content: url("../images/webapp/phone-white.svg");
}

.box.visit-box:hover {
    background: linear-gradient(90deg, #ff3f62 0%, #ff7f5b 100%);
}

.box.visit-box:hover img {
    content: url("../images/webapp/video-consultation-white.png");
} */

.box.insurance-box:hover {
    background: linear-gradient(90deg, #7647CF 0%, #6CA1FC 100%);
}

.box.insurance-box:hover img {
    content: url("../images/webapp/insurance-white.svg");
}

/* .box.visit-box .service-name {
    color: #f17f67
} */

.box.insurance-box .service-name {
    color: #7647CF
}

.box.doctors-box:hover {
    background: linear-gradient(90deg, #2272D5 0%, #2CC3F0 100%);
}

.box.doctors-box:hover img {
    content: url("../images/webapp/doctor-white.svg");
}

.box.search-box:hover {
    background: linear-gradient(90deg, #2272D5 0%, #2CC3F0 100%);
}

.box.search-box:hover img {
    content: url("../images/webapp/search-white.svg");
}

.box.doctors-box .service-name,
.box.search-box .service-name {
    color: #2272D5
}

/* .box.pharmacy-box:hover {
    background: linear-gradient(90deg, #00B494 0%, #00FFE4 100%);
} */

.box.pharmacy-box:hover img {
    content: url("../images/webapp/pharmacy-white.svg");
}

.box.pharmacy-box {
    background-color: #ddd;
}

.box.pharmacy-box:hover {
    cursor: default
}

.box.pharmacy-box .service-name {
    /* color: #00B494 */
    color: #fff
}

.box:hover p.service-name {
    color: #fff
}


@media screen and (max-width: 767px) {
    .box {
        width: 100%
    }
}

@media only screen and (max-width: 450px) {
    .box {
        height: 130px;
    }

    .box img {
        margin-top: 20px;
    }

    .service-name {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 330px) {
    .box {
        height: 150px;
    }

    .box img {
        margin-top: 20px;
    }

    .service-name {
        margin-top: 16px;
    }
}

#services .jump {
    color: #EF4371;
    margin-top: 0px;
    margin-bottom: 40px;
}

#perks {
    /* height: 500px; */
    background-image: url("../images/webapp/perks.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#perks .section-header {
    margin-top: 55px;
    margin-bottom: 60px;
    color: #fff;
}

#perks .perk-header {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    height: 50px;
    color: #fff;
    margin-bottom: 50px;
}

#perks .perk-text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: -30px;
    margin-bottom: 40px;

}

.perk-icon {
    width: 130px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}

#perks .cover-layer-1 {
    height: 100%;
    background-color: rgba(0, 0, 0, .39)
}

#perks .cover-layer-2 {
    height: 100%;
    opacity: 0.6;
    background: -moz-linear-gradient(left, rgba(239, 67, 113, 0.4) 0%, rgba(250, 98, 94, 0.4) 100%);
    background: -webkit-linear-gradient(left, rgba(239, 67, 113, 0.2) 0%, rgba(250, 98, 94, 0.2) 100%);
    background: linear-gradient(to right, rgba(239, 67, 113, 0.2) 0%, rgba(250, 98, 94, 0.2) 100%);
}



#about {
    /* height: 951px; */
}

.owl-carousel .carousel-item {
    transition: all .3s ease;
}

.owl-carousel .carousel-item:hover {
    transform: scale(1.3);
}

#about .section-header {
    margin-top: 77px;
    margin-bottom: 30px;
}

#about .section-subheader {
    margin-bottom: 50px;
}

#about iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 35px;
}

@media only screen and (max-width: 500px) {
    #about iframe {
        height: 300px;
    }
}

.button {
    display: block;
    max-width: 330px;
    min-width: 175px;
    min-height: 46px;
    text-align: center;
    /* line-height: 46px; */
    padding: 14px;
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
    background: rgb(239, 67, 113);
    background: -moz-linear-gradient(left, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    background: linear-gradient(to right, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    /*margin-top: 43px;*/
    transition: all 0.1s ease;
    border-color: transparent;
}

@media only screen and (max-width: 375px) {
    .button {
        /* width: 80% !important; */
        height: auto !important;
    }
}

.button:hover,
.button:visited,
.button:target {
    text-decoration: none;
    color: #fff;
}

.button:hover {
    transform: scale(1.04);
    cursor: pointer
}



.button span {
    margin-left: 10px
}

.flex {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.line {
    height: 1px;
    flex: 1;
    background-color: #E6E6E6;
}

#functions {
    padding-top: 27px;
    overflow: hidden;
    padding-bottom: 40px;
}


#functions .section-header {
    margin-left: 66px;
    margin-right: 38px;
}


#functions .function-subheader {
    margin-left: 66px;
    font-size: 18px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    #functions .section-header {
        margin-left: 20px;
        margin-right: 20px;
    }

    #functions .function-subheader {
        margin-left: 0;
    }
}

#functions .functions-description {
    margin-top: 35px;
}

#functions img {
    max-width: 100%;
}

.function-picture {
    margin-top: -20px;
    height: 500px;
}

#functions .function-icon {
    margin-top: 10px;
    width: 100%;
    max-width: 75px;
}

.function-name {
    font-size: 22px;
    font-weight: 600;
    /* height: 55px;
    margin-bottom: 20px; */
}

.function-description {
    font-size: 14px;
    margin-bottom: 35px;
}

.equal-height {
    height: 55px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .equal-height {
        height: auto;
        margin-bottom: 10px;
    }
}

#application {
    /* height: 514px; */
    /* background: rgb(239, 67, 113);
    background: -moz-linear-gradient(left, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    background: linear-gradient(to right, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%); */
    background-image: url("../images/webapp/app-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.application-header {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-top: 125px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 590px) {
    .application-header {
        margin-top: 60px;
    }
}

.app-text {
    font-size: 16px;
    color: #fff;
    margin-bottom: 37px;
}

.app-button {
    width: 179px;
    height: 44px;
    display: inline-block;
    border-radius: 40px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 133px;
    transition: all 0.1s ease;
    background-color: #000;
    border: none !important;
}

.app-button:not(.disabled):hover {
    text-decoration: none;
    transform: scale(1.04);
}

.google-button {
    background-color: #fff;
    margin-right: 22px;
    color: #EF4371
}

.google-button:hover {
    color: #EF4371
}

.apple-button:hover {
    color: #fff
}

.apple-button {
    border: 1px solid #fff;
    color: #fff;
}

.app-button img {
    height: 20px;
    margin-top: -5px;
    margin-right: 5px;
}

.app-button.apple-button img {
    margin-top: -8px;
}

#application .screen {
    height: 620px;
    /* display: block;
    margin-left: auto; */
    transform: rotateZ(7deg);
    margin-top: -30px;
    position: absolute;
    /* left: 190px */
    right: 45px
}

.button-container {
    margin-top: 15px;
    float: none;
}

.button-container .app-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1110px) {
    #application .screen {
        /* left: 150px */
    }
}

@media only screen and (max-width: 991px) {
    #application .screen {
        position: relative;
        left: 0;
        margin-top: 20px;
        height: auto;
    }
}

@media only screen and (max-width: 520px) {
    #application .screen {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 410px) {
    #application .screen {
        margin-top: 160px;
    }
}

#opinions {
    background-image: url("../images/webapp/velemyenek.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-color: grey; */
}

#opinions .section-header {
    /* color: #fff; */
    margin-top: 67px;
    margin-bottom: 40px;
    color: #fff;
}

#opinions .carousel-item-inner {
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 100%;
}

#opinions .carousel-box {
    height: 354px;
    display: flex;
    position: relative;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, .15);
    ;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    width: 100%;
    margin-bottom: 124px;
    z-index: 0;
}

/* Bootstrap carousel */

#carousel-example-generic {
    width: 100%;
    z-index: 2;
}

#carousel-example-generic .carousel-inner {
    height: 100%;
}

#carousel-example-generic .item {
    /* display: flex; */
    height: 100%;
}

#carousel-example-generic .item img {
    width: 40%;
    object-fit: cover;
}

#carousel-example-generic .carousel-indicators {
    bottom: -50px
}

#carousel-example-generic .carousel-indicators li {
    background-color: #fff;
}

#carousel-example-generic .carousel-indicators li.active {
    background-color: #F14A6D;
    border-color: #F14A6D;
}

#carousel-example-generic .item img.img-1 {
    object-position: center 0px;
}

/* Bootstrap carousel */
@media only screen and (max-width: 767px) {
    #opinions .carousel-box {
        height: 446px;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    #opinions .carousel-item-inner {
        flex-direction: column
    }

    #opinions .carousel-item-inner img {
        width: 100%;
        height: 50%;
        object-position: center top;
    }

    #opinions .carousel-item-inner .text-container {
        height: 50%;
        font-size: 13px;
        padding-left: 28px;
        padding-right: 28px;
    }

    #opinions .carousel-item-inner .text-container p {
        font-size: 13px;
        font-weight: 300;
    }

    #opinions .carousel-item-inner .text-container .name {
        font-size: 12px;
        font-weight: 700;
    }

    #opinions .carousel-box .left-arrow,
    #opinions .carousel-box .right-arrow,
    #opinions .carousel-box .background-box {
        display: none;
    }

    #opinions .section-header {
        font-size: 24px;
        color: #fff;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    #carousel-example-generic .item img.img-1 {
        object-position: center -30px
    }

    #carousel-example-generic .item img.img-2 {
        object-position: center -10px;
    }

    #carousel-example-generic .item img.img-3 {
        object-position: center -30px;
    }
}

@media only screen and (max-width: 690px) {
    #opinions .carousel-box {
        width: 70%;
    }
}

@media only screen and (max-width: 570px) {
    #opinions .carousel-box {
        width: 80%;
    }
}

@media only screen and (max-width: 460px) {
    #opinions .carousel-box {
        width: 100%;
    }
}

.background-box {
    height: 294px;
    width: 20px;
    background-color: #fff;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, .15);
    position: absolute;
    right: -20px;
    top: calc(50% - 147px);
    z-index: -1;
}

#opinions .left-arrow {
    width: 50px;
    height: 56px;
    position: absolute;
    left: -50px;
    top: calc(50% - 28px);
}

#opinions .right-arrow {
    width: 50px;
    height: 56px;
    position: absolute;
    right: -50px;
    top: calc(50% - 28px)
}

#opinions .left-arrow:hover,
#opinions .right-arrow:hover {
    cursor: pointer;
}

.opinion-text {
    font-size: 18px;
    font-weight: 300;
    padding-top: 30px;
    /* margin-bottom: 40px; */
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .opinion-text {
        font-size: 16px;
    }
}

.text-container {
    padding-left: 60px;
    padding-right: 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.opinion-from {
    font-size: 16px;
    font-weight: 300;
}

.opinion-from {
    margin-bottom: 60px;
}

.opinion-from .name {
    font-weight: 700;
    color: #EF4371
}

#numbers {
    padding-top: 53px;
}

#numbers .numbers-text {
    margin: 25px 0;
    font-size: 18px;
}

.circle {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
    border-radius: 50%;
    width: 106px;
    height: 106px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 17px;
}

#numbers img {
    max-width: 50%;
    align-self: center;

}

#numbers img.group {
    min-width: 58%;
}

@media screen and (max-width: 991px) {

    #numbers .section-header,
    #numbers .numbers-text {
        text-align: center;
    }
}



#numbers .description {
    font-size: 18px;
    color: #EF4371;
    text-transform: uppercase;
    margin-top: 12px;
}

@media screen and (max-width: 320px) {

    #numbers .number {
        font-size: 30px;
    }

    #numbers .description {
        font-size: 16px;
        ;
    }
}

#testimony .header-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

#testimony .section-header {
    color: #666;
    margin-left: 44px;
    margin-right: 44px;
}



#testimony .line {
    width: 40%
}

#testimony .owl-carousel {
    margin-bottom: 40px;
}

#testimony .owl-stage {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

#testimony .button {
    margin-bottom: 60px;
}

footer {
    background-color: #4D4D4D;
    padding-top: 57px;
    padding-bottom: 20px;
}

footer .buttons {
    width: 100%;
    display: flex;
    justify-content: center
}

footer a:hover {
    color: #fff;
}

footer .links a:hover {
    color: #EF4371;
    text-decoration: none;
}

.footer-text {
    margin-bottom: 14px;
    color: #fff;
    font-size: 16px;
}

.footer-text a {
    color: #fff;
}

footer span.separate {
    margin-right: 25px;
    margin-left: 25px;
}

.payment-info {
    font-size: 12px;
    margin-top: 20px;
}

footer a.footer-text {
    display: block;
    margin-bottom: 0;
    padding-bottom: 10px;
}

footer .partners {
    text-align: center;
}

footer .partners div {
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

footer .partners img {
    display: inline;
    margin: 10px;
    max-height: 40px !important;
    max-width: 175px;
}


footer .partners img.maria {}

.borgun {
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
}

@media only screen and (max-width: 767px) {
    footer .partners img {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 30px !important;
    }

    footer .partners img.maria {}
}

footer .line {
    margin-bottom: 14px;
}

footer .logo {
    margin-bottom: 22px;
    width: 70%;
}


footer #logo-col .line {
    margin-bottom: 30px;
}

footer .row {
    margin-bottom: 50px;
}

footer .last-line {
    margin-bottom: 0px;
    background-color: #000;
}

footer .credit-card {
    width: 70px;
    height: 45px;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

footer .credit-card:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    footer .credit-card-row {
        display: flex;
        justify-content: center
    }
}

footer .credit-card-row:last-child {
    margin-bottom: 20px;
}

footer .line.mobile-separator {
    margin-top: 28px;
    margin-bottom: 28px;
}


.jump {
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 18px;
    text-align: center
}

footer .anchor {
    width: 100%;
    overflow: hidden;
}

/* 
footer .logo-col-2{
    display: none
} */

@media screen and (max-width: 767px) {

    footer .line:not(.last-line),
    footer .line:not(.mobile-separator) {
        display: none
    }

    footer .footer-text {
        text-align: center
    }

    footer .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* footer .logo-col-2{
        display
    } */
}

.modal-content {
    border-radius: 0;
    padding-left: 100px;
    padding-right: 100px;
}

.modal-title-c {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #666;
    padding-bottom: 25px;
}

.modal-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-flex.separate {
    margin-bottom: 35px;
}

.modal-flex p {
    margin-bottom: 0;
    margin-right: 20px;
    margin-left: 20px;
}

.modal-content button.close {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 9999;
}


.modal-input {
    display: block;
    width: 100%;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E6E6E6;
    padding-bottom: 7px;
    margin-bottom: 30px;
    font-size: 14px;
}

div.modal-input {
    display: flex;
    padding-bottom: 0;
    margin-top: 40px;
}

div.modal-input i {
    margin-top: 5px;
}

div.modal-input .modal-input {
    margin-bottom: 0;
}

div.modal-input input {
    display: inline-block;
    flex: 1;
    border: none;
    font-size: 14px;
    margin-left: 10px;
}

.modal-button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 30px;
}

.modal-button-container .button {
    width: 45%;
    margin: 0
}

.modal-button-container .button {
    font-size: 12px;
}

.modal-button-container .facebook {
    background: #354C9A;
}

.modal-button-container .google {
    background: #FF6465;
}

.modal .registration {
    margin: 0;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 700px) {
    .modal-content {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 400px) {
    .modal-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* 
*
*
* Orvoskereső
*
*
*/

.search-separator {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-separator .line {
    width: 30%;
    flex-grow: 2;
}

.search-separator .button {
    margin-top: 0;
    margin-left: 30px;
}

@media only screen and (max-width: 767px) {
    .search-separator .button {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
}

.profile-picture-container {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 25px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}


@media only screen and (max-width: 550px) {
    .doctor-container .profile-picture-container {
        margin-top: 0;
    }
}

.profile-picture-container img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.doctor-container {
    margin-bottom: 25px;
    background: #fff;
    border-radius: 24px;
    /* border: 1px solid #dfe1e5; */
    padding: 15px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(153, 153, 153, 0.3);
    -moz-box-shadow: 0px 0px 5px 1px rgba(153, 153, 153, 0.3);
    box-shadow: 0px 0px 5px 1px rgba(153, 153, 153, 0.3);
}

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

.doctor-name {
    font-size: 18px;
    font-weight: 600;
    color: #F14A6D;
    margin-right: 23px;
    white-space: nowrap
}

.doctor-name a {
    color: #F14A6D;
}

@media only screen and (max-width: 767px) {
    #doctor-search .doctor-name {
        white-space: normal;
    }
}

.rating {
    font-size: 14px;
    font-weight: 600;
    color: #83EA83;
    margin-left: 21px;
    margin-right: 10px;
}

.doctor-header i {
    color: #83EA83;
    margin-bottom: 3px;
    font-size: 22px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



@media only screen and (max-width: 767px) {
    .doctor-header {
        display: flex;
        align-items: flex-start
    }


    .doctor-name {
        margin-right: 0;
    }

    .small-rating-container {
        display: flex;
        justify-content: flex-start;
        align-self: flex-start;
        padding-left: 5px;
    }

    #main-datas .small-rating-container {
        margin-top: 3px;
    }

    .small-rating-container i.fa-star {
        width: auto
    }

    .small-rating {
        display: flex;

        flex-direction: column;
    }

    .doctor-container .datas {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .profile-picture-container {
        /* width: 120px;
        height: 120px; */
    }
}



.star-container {
    margin-top: 25px;
}

.special-infos {
    display: flex;
}




.special-infos i {
    font-size: 14px;
    color: #F14A6D;
    margin-right: 6px;
}

.special-infos.small {
    padding-top: 22px;
}

.special-infos.small i {
    width: 30px;
}





#doctor-search .col.hidden-sm .search-separator .line {

    background-color: #F14A6D;
}

.special-infos span {
    margin-right: 35px;
    font-size: 13px;
    font-weight: 400;
}

.special-infos span.location {
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .special-infos {
        flex-direction: column;
        width: 100%;
    }

    .special-infos div {
        margin-bottom: 5px;
    }

    .special-infos i {
        width: 15px;
    }

    .special-infos span {
        margin-right: 0;
        font-size: 14px;
    }

    .doctor-header .doctor-name {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 450px) {

    #doctor-search .doctor-container .datas,
    #main-datas .datas {
        padding-left: 0
    }

    #doctor-search .doctor-container .doctor-picture-col {
        padding-right: 10px;
    }

    .special-infos i {
        width: 25px;
        margin-right: 0;
    }
}

@media only screen and (max-width: 380px) {
    .special-infos span {
        font-size: 13px;
    }
}

.debut {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.go-to-profile {
    width: 210px;
    height: 30px;
    min-height: 0;
    font-size: 14px;
    /* line-height: 30px; */
    padding: 5px;
    margin-left: 0;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.doctor-container .search-separator {
    margin: 20px 0 10px 0;
}

.search-separator .go-to-profile {
    width: 80%;
    margin-right: 10px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
}

.search-separator .go-to-profile i {
    margin-left: 14px;
    margin-right: 14px;
}

.pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.pagination .nav-circle:hover {
    cursor: pointer;
}

.pagination .nav-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #F14A6D;
}

.pagination .nav-circle i {
    font-size: 16px;
    color: white
}

.pagination .fa-chevron-left {
    margin-left: -4px;
}

.pagination .fa-chevron-right {
    margin-left: 4px;
}

.pagination .actual {
    width: 61px;
    border: 1px solid #F14A6D;
    border-radius: 20px;
    line-height: 33px;
    text-align: center;
}

.pagination span {
    font-size: 16px;
    color: #F14A6D
}

.pagination .left {
    margin-right: 21px;
}

.pagination .right {
    margin-left: 21px;
}

.pagination .divide {
    margin: 0 10px;
}


/* 
*
*
* Telefonos konzultáció és házi vizit
*
*
*/

#advantages {
    min-height: 70vh;
}


#advantages.insurance {
    background-image: url("../images/webapp/insurance-bg.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    padding-bottom: 30px;
}

#advantages.consultation {
    background-image: url("../images/webapp/consultation-bg.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    padding-bottom: 30px;
}

#advantages.visit {
    background-image: url("../images/webapp/visit-bg.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    padding-bottom: 30px;
}

#advantages.my-doctors {
    background-image: url("../images/webapp/my-doctors-bg.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {

    #advantages.insurance,
    #advantages.consultation,
    #advantages.visit,
    #advantages.my-doctors {
        background-image: none;
    }
}

#advantages .site-image {
    width: 100%;
    height: 185px;
    margin-bottom: -65px;
}

#advantages.insurance .site-image {
    background-image: url("../images/webapp/insurance-mobile-bg.png");
    background-repeat: no-repeat;
    background-position: center -20px;
    background-size: cover;
    padding-bottom: 30px;
}

#advantages.consultation .site-image {
    background-image: url("../images/webapp/consultation-mobile-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-bottom: 30px;
}

#advantages.visit .site-image {
    background-image: url("../images/webapp/visit-mobile-bg.jpg");
    background-repeat: no-repeat;
    background-position: center -30px;
    background-size: cover;
    padding-bottom: 30px;
}

#advantages.my-doctors .site-image {
    background-image: url("../images/webapp/my-doctors-mobile-bg.jpg");
    background-repeat: no-repeat;
    background-position: center -20px;
    background-size: cover;
    padding-bottom: 30px;
}

#advantages .section-header {
    margin-top: 80px;
    text-transform: uppercase;
}

#advantages .section-subheader {
    font-size: 18px;
}

#advantages .title {
    font-size: 18px;
    font-weight: 700;
    color: #F14A6D;
    margin-bottom: 20px;
    margin-top: 40px;
}

#advantages .advantage-row img {
    width: 18px;
    display: inline-block;
    margin-right: 5px;
}

@media only screen and (max-width: 767px) {
    #advantages .title {
        margin-top: 30px;
    }

    #advantages .section-header {
        margin-top: 30px;
    }
}


#advantages .advantage {
    font-size: 16px;
    color: #666;

}

.advantage-row .advantage-col {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#advantages .advantage-col p {
    margin-bottom: 0;
}

.row {
    /* display: flex;
    flex-wrap: wrap */
}

.advantage-row {
    margin-bottom: 15px;
    display: flex;
}

#advantages .icon.time {
    width: 100%;
}

#advantages .button {
    margin-right: 0;
    margin-top: 30px;
}

#advantages .button i {
    margin-left: 15px;
    vertical-align: top;
    margin-top: 6px;
}

#advantages .read-more {
    margin-left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-bottom: -30px;
    margin-top: 30px;
}

#advantages .button.visit {
    /* width: 410px; */
}

#advantages.insurance .section-header,
#advantages.insurance .title {
    color: #7647CF
}

#advantages.insurance .button {
    background: rgb(118, 71, 207);
    background: -moz-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: linear-gradient(to right, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    margin-right: auto;
    margin-left: auto;
}

#insurance-packages .section-header {
    margin-top: 60px;
    text-align: center;
    text-transform: none;
    color: #7647CF;
    margin-bottom: 25px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    #insurance-packages .section-header {
        margin-top: 10px;
        margin-bottom: 65px;
    }

    #insurance-packages .insurance-package {
        margin-bottom: 20px !important;
    }
}

#insurance-packages .insurance-package {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 100px;
    /* transition: max-height 1s ease; */
    overflow: hidden;
    /* height: auto;
    max-height: 597px; */
}

#insurance-packages .insurance-package:hover {
    /*  transform: scale(1.04); */
}

#insurance-packages .package-name {
    width: 100%;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

#insurance-packages .detail,
#insurance-packages .price {
    font-size: 20px;
}

#insurance-packages .package-infos {
    /* width: 100%; */
    padding-left: 5%;
    padding-right: 5%;
    background-color: #fff;
    width: calc(100% - 4px);
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 80px;
    /* height: calc(100% - 2px); */
    height: 100%;
    margin-bottom: 2px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#insurance-packages .package-details {
    min-height: 130px;
}

#insurance-packages .border-div {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border-radius: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-bottom: 3px;
    position: relative;
}

#insurance-packages .price {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #7647CF;
    text-transform: uppercase;
    margin-top: 25px;
}

#insurance-packages .button {
    /* width: 100%;
    height: 59px;
    line-height: 59px;
    font-size: 16px; */
    margin-bottom: 20px;

}

#prospectus {
    padding-bottom: 50px;
}

#prospectus .prospectus-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;

}

#prospectus .prospectus-header .section-header {
    color: #666;
    margin-left: 64px;
    margin-right: 64px;
    max-width: 70%;
    white-space: normal;
}

@media only screen and (max-width: 991px) {
    #prospectus .prospectus-header .section-header {
        margin-left: -20px;
        margin-right: -20px;
    }
}

/* @media only screen and (max-width: 690px) {
    #prospectus .prospectus-header .section-header {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media only screen and (max-width: 550px) {
    #prospectus .prospectus-header .section-header {
        margin-left: 0;
        margin-right: 0;
    }
} */

#prospectus .prospect {
    font-size: 18px;
    font-weight: 700;
    color: #7647CF;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

/* @media only screen and (max-width: 670px) {
    #main-datas .datas {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 520px) {
    #main-datas .datas {
        padding-left: 50px;
    }
}

@media only screen and (max-width: 450px) {
    #main-datas .datas {
        padding-left: 60px;
    }
}

@media only screen and (max-width: 340px) {
    #main-datas .datas {
        padding-left: 80px;
    }
} */

#main-datas .datas.hidden-md {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 26px;
}

#main-datas .profile-name {
    font-size: 30px;
    font-weight: 600;
    color: #F14A6D;
}

#main-datas .name-rating {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    #main-datas .profile-name {
        font-size: 16px;
    }
}

#main.datas .profile-picture-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#main-datas .profile-picture-container {
    margin-top: 0;
}

#main-datas .info {
    font-size: 14px;
}

#main-datas i {
    color: #F14A6D;
    font-size: 16px;
    width: 16px;
}

#main-datas .rating {
    margin-left: 0;
    font-size: 14px;
}

#main-datas i.fa-star {
    color: #83EA83;
}

.rate-count {
    font-size: 12px;
}

#main-datas .rate-container {
    display: flex;
    align-items: center
}

#main-datas .rate-container p.info {
    margin-bottom: 0
}

#main-datas .datas {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#main-datas .visit-add {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 30px;
}


#main-datas .visit-add div:first-child {
    margin-top: 3px;
}

#main-datas .visit-add i {
    width: auto
}

#main-datas .small-button {
    font-size: 16px;
}

#main-datas .small-button span.action-label {
    margin-left: 0;
}

#main-datas a.button {
    width: 80%;
}

#main-datas a.button,
#main-datas a.button i.fa {
    color: #fff;
    font-size: 16px;
}

#main-datas a.button i.fa {
    vertical-align: top;
    margin-right: 5px;
    margin-top: 3px;
}

#main-datas .home-visit-container {
    display: flex;
    align-items: center
}

@media only screen and (max-width:767px) {
    #main-datas .small-button .button {
        font-size: 14px;
        width: 100% !important;
    }
}

@media only screen and (max-width:400px) {
    #main-datas .small-button .button {
        font-size: 15px;
    }
}

#main-datas .visit-add .vertical-line {
    width: 2px;
    height: 20px;
    background-color: #F14A6D;
}

#main-datas .visit-add img {
    height: 30px;
    margin-top: -5px;
}

#main-datas .visit-add .fa-user-md {
    margin-right: 9px;
}

#main-datas .visit-add span.action-label {
    font-size: 15px;
    text-transform: uppercase;
    color: #F14A6D;
}

#buttons .button img {
    height: 80%;
    margin-bottom: -1px;
    max-width: 24px;
    vertical-align: bottom;
}

#buttons .white-button {
    background: #fff;
    color: #F14A6D;
    border: 1px solid #F14A6D;
}

#buttons .buttons-container {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

#buttons .button {
    margin: 0;
}

#buttons .visit {
    width: 260px;
    margin-left: 15px;
    margin-right: 15px;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    #buttons .button {
        font-size: 14px;
    }

    #buttons .visit {
        width: 340px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

#buttons .call {
    margin-left: 15px;
    margin-right: 15px;
    width: 250px;
    box-shadow: 0 0 20px 0 rgba(241, 74, 109, .5)
}

#buttons .add-doctor {
    width: 302px;
    margin-left: 15px;
    margin-right: 15px;
}

@media only screen and (max-width: 991px) {
    #buttons .add-doctor {
        width: 352px;
    }
}

#buttons .button i {
    margin-right: 14px;
    margin-left: -14px;
}

#buttons .line {
    background-color: #F14A6D;
}

#introduction {
    padding-top: 40px;
}

#introduction .head {
    display: flex;
    align-items: center
}

#introduction .head p {
    margin: 0;
}

#introduction .head img {
    height: 24px;
    display: block;
    margin-right: 18px;
}

#introduction .info-header {
    font-size: 20px;
    color: #F14A6D;
}

#introduction .info-header i {
    width: 35px;
}

ul {
    /* color: #F14A6D; */
}

ul span {
    color: #666
}

ul {
    list-style: disc;
    padding-inline-start: 25px
}

#introduction .text {
    font-size: 16px;
}

#introduction .text.mb {
    margin-bottom: 25px;
    display: block;
}

#introduction p.text,
#introduction li:first-child {
    margin-top: 22px;
}

#introduction li:last-child {
    margin-bottom: 40px;
}

#rating-container {
    margin-top: 70px;
}

@media only screen and (max-width: 767px) {
    #rating-container {
        margin-top: 50px;
    }
}

#rating-container .rating-box {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
    padding: 45px 39px 40px;
}

#rating-container .rating-box.small {
    padding: 20px;
}

#rating-container .rating-header {
    display: flex;
    align-items: center;
    margin-bottom: 57px;
}

@media only screen and (max-width: 767px) {
    #rating-container .rating-header {
        margin-bottom: 15px;
    }
}

#rating-container .section-header {
    margin-right: 37px;
    font-size: 24px;
}

#rating-container .profile-picture-container {
    width: 100%;
    margin-top: 0;
}

#rating-container .small .profile-picture-container {
    margin-left: auto;
}

#rating-container p.star-container {
    text-align: center;
    margin-top: 10px;
}

#rating-container .small p.star-container {
    text-align: left;
}

#rating-container .small .row {
    margin-bottom: 24px;
}

#rating-container .small .row:last-child {
    margin-bottom: 0px;
}

#rating-container .star-container .rating {
    margin-left: 0;
    margin-right: 10px;
}

#rating-container .text {
    font-size: 14px;
}

#rating-container .star-container,
#rating-container .star-container .rating {
    font-size: 16px;
}

#rating-container .row {
    margin-bottom: 43px;
}

#rating-container .pagination {
    margin-top: 70px;
    margin-bottom: 40px;
    justify-content: center;
    color: #F14A6D;
}

#rating-container .pagination .fa-chevron-left {
    margin-right: 25px;
    padding: 0 10px;
}

#rating-container .pagination .fa-chevron-right {
    margin-left: 25px;
    padding: 0 10px;
}

#rating-container .pagination .fa:hover {
    cursor: pointer;
}

.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center
}

/*  */
/* Adatlapom */
/*  */

#my-datas .section-header {
    margin-top: 50px;
    text-transform: uppercase;
    margin-bottom: 57px;
}

@media only screen and (max-width: 550px) {
    #my-datas .section-header {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

#my-coupons .data-sheet,
#my-datas .data-sheet {
    position: relative;
    margin-bottom: 40px;
    /* padding: 0 15px 0 15px; */
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
}

#my-datas .first-sheet {
    padding-top: 150px;
}

#my-datas .profile-picture-container-outer {
    position: absolute;
    top: -56px;
    left: calc(50% - 82px);
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
}

#my-datas .profile-picture-container {
    margin-left: auto;
    margin-right: auto;
    width: 164px;
    height: 164px;
    margin-top: 0;
}

#my-datas .profile-picture-container-outer .camera-icon-container {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#my-datas .profile-picture-container-outer .camera-icon-container:hover {
    cursor: pointer;
}

#my-datas .camera-icon-container i {
    color: #F14A6D;
}

#my-datas .data-sheet>.row:first-child {
    margin-top: 35px;
}

#my-datas .input-label {
    color: #F14A6D;
    font-size: 12px;
    margin-bottom: 12px;
}

#my-datas .input-label i {
    margin-right: 7px;
}

#my-datas .data-input {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F14A6D;
    width: 100%;
    margin-bottom: 35px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 0
}

#my-datas .dial-code {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F14A6D;
    display: inline-block;
    font-size: 14px;
    padding-bottom: 2px;
    padding-right: 4px;
    white-space: nowrap;
    margin-right: 32px;
    height: 100%;
}



.flag {
    height: 18px;
    margin-right: 7px;
}

.input-row {
    display: flex;
    justify-content: space-between
}

#my-datas .input-row input {
    width: 0;
    flex: 1;
}

#my-datas .col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

#my-datas .billing-address {
    margin: 0;
    margin-right: 12px;
    margin-top: -6px;
}

#my-datas .billing-row {
    margin-bottom: 20px;
    margin-top: -20px;
}

@media only screen and (max-width: 767px) {
    #my-datas .billing-row {
        margin-top: 0px;
    }
}

#my-datas .billing {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.data-label {
    font-size: 14px;
    font-weight: 700;
    color: #333333;
}

.radio-container {
    margin-bottom: 30px;
}

label .input-label {
    font-size: 14px;
    color: #333333 !important;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 15px;
}

#my-datas .add-data .add-data-header,
#my-datas .add-data .add-data-text {
    text-align: center;
}

#my-datas .add-data .add-data-header {
    margin-top: 40px;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 600;
}

#my-datas .add-data .add-data-text {
    font-size: 14px;
    margin-bottom: 25px;
}

#credit-cards #my-datas .add-button {
    width: 100%;
    font-size: 14px;
    /* line-height: 33px; */
    margin-bottom: 0px;
    margin-top: 20px;
    /* margin-left: 5px;
    margin-right: 5px; */
}

@media only screen and (max-width: 991px) {
    #my-datas .add-button {
        /* width: 55%; */
    }
}

@media only screen and (max-width: 500px) {
    #my-datas .add-button {
        /*  width: 90%; */
    }
}

#my-datas .save {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .data-sheet>.row {
        margin-left: 0;
        margin-right: 0;
    }
}


#call,
#reckoning {
    background: rgb(239, 67, 113);
    background: -moz-linear-gradient(left, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    background: linear-gradient(to right, rgba(239, 67, 113, 1) 0%, rgba(250, 98, 94, 1) 100%);
    min-height: 100vh;
    /* padding-top: 30px; */
    padding-bottom: 30px;
}

#call .call-header,
#call .caller-speciality {
    font-size: 18px;
    color: #fff;
}

#call .call-header {
    margin-top: 25px;
}

#call .caller-name {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-top: 37px;
    margin-bottom: 5px;
}

.call-circle {
    border-style: solid;
    border-radius: 50%;
    border-width: 37px;
}

.inner-circle {
    border-color: rgba(255, 255, 255, .1);
}

.outer-circle {
    border-color: rgba(255, 255, 255, .05);
}

#call .profile-picture-container.call-circle {
    box-shadow: none;
}

#call .profile-picture-container {
    margin-top: 0;
}

.call-action {
    width: 90px;
}

.call-action:hover {
    transition: all .3s ease;
    transform: scale(1.15);
}

div.call-action {
    width: 73px;
    height: 73px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

div.call-action img {
    width: 50%;
    align-self: center;
}


.call-action:hover {
    cursor: pointer;
}

.call-action-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.call-time {
    text-align: center;
    margin-top: 20px;
    margin-bottom: -20px;
}

.dummy-circle {
    width: 90px;
    visibility: hidden;
}

#reckoning .reckoning-header {
    font-size: 28px;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 30px;
    color: #fff;
}

#reckoning .rating-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

#reckoning .rating-container * {
    font-size: 14px;
}

#reckoning .rating-container .rating,
#reckoning .star-container {
    margin: 0;
}

#reckoning .star-container {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    margin-left: 5px;
    align-items: center
}

#reckoning .doctor-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
}

#reckoning .doctor-name {
    font-size: 26px;
    font-weight: 700;
    margin-right: 0;
    white-space: normal
}

#reckoning .doctor-speciality {
    font-size: 14px;
    margin-top: 10px;
}

#reckoning .reckoning-container {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    padding-top: 10px;
    margin-top: 15px;
    overflow: hidden;
}

#reckoning .reckoning-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-left: 10%;
    padding-right: 10%;
}

#reckoning .reckoning-row span {
    font-size: 14px;
}

#reckoning .reckoning-row span.left {
    font-weight: 600;
    text-align: left;
}

#reckoning .reckoning-row span.right {
    text-align: right
}

#reckoning .reckoning-container .line {
    margin-top: 15px;
    margin-bottom: 20px;
}

#reckoning .summary {
    background-color: #fff;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

#reckoning .summary span {
    font-size: 16px;
    color: #F14A6D;
    font-weight: 700;
}

#reckoning .summary .reckoning-row {
    margin-bottom: 0;
}

#reckoning .button {
    background: #fff;
    color: #F14A6D;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    margin-top: 25px;
}

#reckoning .button i {
    color: #F14A6D;
    margin-left: 10px;
    margin-right: 0px;
}

@media only screen and (max-width: 767px) {
    #call .call-header {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    #call .caller-name,
    #call .caller-speciality {
        text-align: center;
    }

    #call .caller-name {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #call .caller-speciality {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #call .call-action {
        width: 75px;
    }

    #call .call-action-container {
        padding-left: 20%;
        padding-right: 20%;
    }
}

@media only screen and (max-width: 500px) {
    .call-circle {
        border-width: 30px
    }
}

@media only screen and (max-width: 400px) {
    .call-circle {
        border-width: 20px
    }
}

@media only screen and (max-width: 300px) {
    .call-circle {
        border-width: 15px
    }

    #call .call-action-container {
        padding: 0;
    }
}

@media only screen and (max-width: 420px) {
    #reckoning .reckoning-row {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media only screen and (max-width: 450px) {
    #reckoning .reckoning-header {
        margin-bottom: 20px;
    }

    #reckoning .profile-picture-container,
    #call .profile-picture-container {
        margin-top: 0;
    }
}

#reckoning .doctor-datas.hidden-sm .rating-container {
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#reckoning .doctor-datas.hidden-sm .rating-container i {
    margin-left: 5px;
    margin-right: 15px;
}

#reckoning .doctor-datas.hidden-sm>.col .rating-container {}


#sign-in .modal-content .registration {
    margin-bottom: 20px;
}

#sign-in .registrate {
    margin-top: 40px;
}

#sign-in .modal-title-c {
    margin-bottom: 60px;
}

.stars {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.stars i {
    font-size: 60px;
    margin: 0 10px;

}

@media only screen and (max-width: 767px) {
    .stars i {
        font-size: 40px;
    }
}

.stars i:hover {
    cursor: pointer;
}

.stars i.yellow {
    color: #ffcd00 !important
}

#reckoning textarea {
    display: block;
    color: #666;
    border: none;
    border-radius: 10px;
    padding: 15px 10px;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
}

.visit-address .patient-type img {
    width: 120px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    align-self: center;
}

.visit-address .select-row {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -75px;
    width: 100%;
}

.visit-address .select-row>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 10%;
    margin-right: 10%;
}

.visit-address .select-row>div:last-child {
    margin-right: 0;
}

.visit-address .select-row>div:first-child {
    /* margin-left: 0; */
}

.visit-address .select-row>div>p {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
}

.visit-address .patient-type {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

@media only screen and (max-width: 767px) {
    .visit-address .patient-type img {
        width: 80px;
    }

    .visit-address .patient-type {
        width: 110px;
        height: 110px;
    }

    .visit-address .select-row {
        top: -55px;
    }
}

.visit-address .patient-type:hover {
    cursor: pointer;
}

#my-datas.visit-address .patient-type.selected-patient {
    border: 3px solid #F14A6D;
}

.visit-address .price {
    font-weight: 700;
}

#my-datas.visit-address .price-container {
    font-size: 16px;
}

.visit-address .additional-info {
    font-style: italic;
    margin-bottom: 35px;
}

.visit-address .or {
    font-size: 14px;
    font-weight: 700;
    align-self: center;
    text-align: center;
}


#my-datas.visit-address .section-header {
    margin-bottom: 100px;
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .visit-address .or {
        margin-top: -50px;
        margin-bottom: 20px;
    }

    #my-datas.visit-address .section-header {
        margin-bottom: 30px;
    }

    .pat-c {
        margin-bottom: 70px !important;
        color: #000 !important
    }
}

#my-datas.visit-address .button {
    margin-top: 0;
}

.small-speciality-visible {
    display: none !important;
}

@media only screen and (max-width: 400px) {
    .small-speciality-visible {
        display: block !important;
        margin-top: 10px !important;
    }

    .small-speciality-hidden {
        display: none !important;
    }
}

footer .app-button {
    margin-bottom: 0;
}

#my-datas.insurance-datas .first-sheet {
    padding-top: 0px;
}


#my-datas.insurance-datas.insurance-package1 .input-label,
#my-datas.insurance-datas.insurance-package1 .section-header {
    color: #74b9ff;
}

#my-datas.insurance-datas.insurance-package2 .input-label,
#my-datas.insurance-datas.insurance-package2 .section-header {
    color: #a29bfe;
}

#my-datas.insurance-datas.insurance-package3 .input-label,
#my-datas.insurance-datas.insurance-package3 .section-header {
    color: #fcb270;
}

#my-datas.insurance-datas.insurance-package1 .data-input {
    border-bottom-color: #74b9ff;
}

#my-datas.insurance-datas.insurance-package2 .data-input {
    border-bottom-color: #a29bfe;
}

#my-datas.insurance-datas.insurance-package3 .data-input {
    border-bottom-color: #fcb270;
}

.insurance-data {
    background-color: #F7F7F7;
}

.insurance-data ul {
    color: #666
}

.insurance-datas .accept * {
    font-size: 14px;
}

.insurance-datas .accept p {
    font-weight: 700;
}

.insurance-datas li {
    margin-bottom: 5px;
}

.insurance-datas .accept p:last-child {
    font-style: italic
}

.insurance-datas .button {
    background: linear-gradient(90deg, #7647CF 0%, #6CA1FC 100%);
}

@media only screen and (max-width: 767px) {
    #my-datas.insurance-datas .button {
        width: 60%;
    }
}

a:visited,
a:active {
    text-decoration: none !important;
}

#my-datas.visit-address .visible-xs-block .button {
    width: 70%;
}

#visit-a,
#profile,
#myprofile,
#insurance-datas,
#insurance-package,
#coupons,
#credit-cards,
#insurance-summary,
#my-insurances,
.insurance-confirm,
#thanks {
    background-color: #F7F7F7;
}

#lost-password .modal-title-c,
#credit-card-details .modal-title-c,
#succesfull-registration .modal-title-c {
    margin-bottom: 40px;
}

.modal-content .modal-text {
    font-size: 14px;
    margin-bottom: 15px;
}


#insurance-package .insurance-header {
    color: #7647CF;
    font-weight: 700;
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}

#insurance-package .insurance-detail {
    font-size: 16px;
    margin-bottom: 30px;
}

#insurance-package .additional-info {
    font-style: italic;
    text-align: center
}

#insurance-package .details {
    color: #7647CF;
    text-align: center;
    display: block;
    font-weight: 700;
}

#insurance-package .price {
    color: #7647CF;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 40px;
}

#insurance-package .button {
    background: linear-gradient(to right, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%)
}

/* #consultation-after .appointment {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 40px;
    align-items: center
}

#consultation-after .appointment * {
    font-size: 22px;
} */

#consultation-after span.left {
    margin-right: 20px;
}

#consultation-after span.right {
    text-align: right;
    font-weight: 700;
}

@media only screen and (max-width: 480px) {
    #consultation-after .appointment {
        flex-direction: column
    }

    #consultation-after .appointment span {
        text-align: center
    }

    #consultation-after .appointment span.left {
        margin-bottom: 20px;
    }
}

.insurance-detail-container {
    /* display: flex; */
}

.insurance-detail-container .insurance-detail {}

.purple-tick {
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
    background-color: #7647CF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.purple-tick i {
    font-size: 16px;
    color: #fff
}

#succesfull-registration .modal-text {
    text-align: center
}

@media only screen and (max-width: 767px) {

    #perks .section-header,
    #services .section-header {
        font-size: 22px;
    }

    #services .section-subheader {
        font-size: 16px;
    }

    #perks .perk-header {
        margin-bottom: 5px !important;
    }

    .perk-icon {
        width: 100px;
        margin-bottom: 10px;
    }

    #perks .section-header {
        margin-bottom: 30px;
    }

}


#buttons .button.notification {
    width: auto !important;
    padding-right: 30px;
    padding-left: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

#buttons .button.notification.notified,
#main-datas .button.notification.notified {
    background: #fff;
    border: 1px solid #F14A6D;
    color: #F14A6D;
}

#main-datas .button.notification.notified i {
    color: #F14A6D;

}

@media only screen and (max-width: 500px) {
    #main-datas .button.notification {
        width: 100% !important;
    }
}

.doctor-container .profile-picture-container::after {
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: grey;
    border: 3px solid #fff;
    position: absolute;
    bottom: 3%;
    right: 17%
}

.doctor-container .profile-picture-container::before {}

.doctor-container .profile-picture-container.available::after {
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #4cc43f;
    border: 3px solid #fff;
    position: absolute;
    bottom: 3%;
    right: 17%
}

.doctor-container .profile-picture-container.available::before {}

@media only screen and (max-width: 991px) {
    #doctor-search .profile-picture-container::after {
        width: 18px;
        height: 18px;
    }

    #doctor-search .profile-picture-container::before {
        left: 25%
    }
}

@media only screen and (max-width: 767px) {
    #doctor-search .profile-picture-container::after {
        width: 24px;
        height: 24px;
    }

    #doctor-search .profile-picture-container::before {
        left: 36%
    }
}

@media only screen and (max-width: 620px) {
    #doctor-search .profile-picture-container::before {
        left: 33%
    }
}

@media only screen and (max-width: 500px) {
    #doctor-search .profile-picture-container::after {
        width: 22px;
        height: 22px;
        bottom: 0;
    }

    #doctor-search .profile-picture-container::before {
        left: 30%
    }
}

@media only screen and (max-width: 460px) {
    #doctor-search .profile-picture-container::after {
        right: 14%;
    }
}

@media only screen and (max-width: 400px) {
    #doctor-search .profile-picture-container::before {
        left: 25%
    }
}

@media only screen and (max-width: 360px) {
    #doctor-search .profile-picture-container::after {
        width: 18px;
        height: 18px;
        right: 14%;
        bottom: 2%
    }
}

@media only screen and (max-width: 330px) {
    #doctor-search .profile-picture-container::after {
        width: 18px;
        height: 18px;
        right: 14%;
        bottom: 0
    }
}

#coupons #my-datas .data-sheet .coupon-balance {
    font-size: 30px;
    font-weight: 700;
}

.data-sheet .left {
    text-align: left;
}

.data-sheet .right {
    text-align: right;
}

.coupon-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.coupon-row:last-child {
    margin-bottom: 0;
}

.data-sheet.coupon {
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.data-sheet.coupon * {
    font-size: 14px;
}

#coupons .info {
    margin-bottom: 20px;
}

span.code {
    color: #F14A6D;
    font-weight: 700;
}

#my-datas .add-button {
    /* width: 60%; */
}

#my-datas .add-button.modify {
    color: #F14A6D;
    background: #fff;
    border: 1px solid #F14A6D
}

@media only screen and (max-width: 767px) {
    #my-datas .add-button {
        margin-bottom: 30px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .doctor-datas .appointment-container p {
        text-align: center;
        font-size: 16px !important;
    }

    .doctor-datas .appointment-container {
        margin-top: 10px;
        margin-top: 00px;
    }

    .doctor-datas .appointment-container .doctor-speciality:last-child {
        margin-bottom: 0;
    }

    .appointment .button {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 991px) {
    .appointment .button {
        width: 95% !important;
    }
}

.cancel {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff
}

.cancel i {
    color: #fff !important;
}

@media only screen and (max-width:767px) {
    .reckoning-header {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        font-size: 24px !important;
    }

    #reckoning .doctor-datas.hidden-sm .rating-container {
        margin-bottom: 5px;
    }

    #reckoning {
        padding-top: 5px;
    }

    #reckoning .profile-picture-container {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    #reckoning .doctor-name {
        font-size: 22px;
    }

    #reckoning .doctor-speciality {
        font-size: 12px;
        margin-top: 10px;
    }

}

#consultation-after .container {
    overflow: hidden;
}

#credit-cards img {
    margin-bottom: 40px;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    #credit-cards .button.add-button {
        /* width: 45% !important; */
    }
}

#credit-cards .button-container {
    display: flex;
    margin-top: 0;
    margin-bottom: 30px;
}

.modal .button {
    margin-bottom: 25px;
}

/* Biztosítás összegzés */

.accept-brief {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    margin-top: -20px;
}

.accept-brief label,
.accept-brief #accept {
    margin: 0
}

.accept-brief label {
    /* margin-left: 10px; */
}

#insurance-summary .insurance-datas .accept p {
    font-weight: 400;
}

.package-infos {
    margin-bottom: 30px;
}

.package-name,
.package-price {
    font-size: 20px;
    font-weight: 700;
    /* margin-left: 15px; */
    color: #666;
}

@media only screen and (max-width: 767px) {

    .package-infos p {
        text-align: center;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 25px;
    }

    #insurance-summary .package-infos p.input-label {
        font-size: 14px;
    }
}

#advantages.my-doctors .section-header,
#advantages.my-doctors .title {
    color: #2272d5
}

#advantages.my-doctors .button {
    background: linear-gradient(90deg, #2272D5 0%, #2CC3F0 100%);
}

/* Biztosításaim */

#my-insurances .section-header,
#my-insurances .code {
    color: #2272d5
}

#my-insurances .button {
    margin-top: 0px;
    margin-right: 0;
    width: 30%;
    background: linear-gradient(90deg, #2272D5 0%, #2CC3F0 100%);

}


#my-insurances .add-insurance {
    background: #fff;
    border: 1px solid #2272D5;
    color: #2272D5;
    width: 80%;
}

#my-insurances .coupon-row.infos {
    align-items: center;
    margin-top: 20px;
}

#my-insurances .coupon-row.infos a:first-child {
    /* margin-right: 20px; */
}

#my-insurances .maintenance {
    font-size: 18px;
}

#my-insurances .maintenance i {
    margin-right: 5px;
}

@media only screen and (max-width:767px) {

    #my-insurances .button {
        width: 60%;
    }

    #my-insurances .add-insurance {
        width: 80%;
        margin-right: auto;
    }

    #my-insurances .maintenance {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }

}

.button-inverse {
    color: #F14A6D !important;
    background: #fff;
    border: 1px solid #F14A6D;
}

.button i.fa-chevron-right {
    font-size: 12px;
}

.insurance-data #my-datas .section-header {
    color: #666;
    font-size: 28px;
    margin-top: 20px;
}

#my-datas .data-sheet.first-sheet {
    border-radius: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.data-sheet .sheet-header {
    height: 112px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    margin-bottom: 60px;
}

.insurance-datas.insurance-package1 .sheet-header {
    background-color: #74b9ff;
}

.insurance-datas.insurance-package2 .sheet-header {
    background-color: #a29bfe;
}

.insurance-datas.insurance-package3 .sheet-header {
    background-color: #fcb270;
}

.data-sheet .sheet-header p {
    line-height: 80px;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
}

.insurance-price-container {
    position: absolute;
    bottom: -50px;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 69px;
}

.insurance-price {
    font-weight: 700;
    font-size: 20px;
    width: 208px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border-radius: 15px;
    line-height: 69px;
    text-transform: uppercase;
}

.data-sheet.first-sheet a i {
    margin-left: 10px;
}

#my-datas .data-sheet .button {
    /* width: 100%;
    margin-top: 20px;
    background: rgb(118, 71, 207);
    background: -moz-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: linear-gradient(to right, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    color: #fff;
    margin-bottom: 20px; */
}

.sheet-label {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 30px;
}

.second-sheet {
    margin-top: 30px;
}

#my-datas .data-sheet.second-sheet input {
    margin-bottom: 10px;
}

#my-datas .data-sheet.second-sheet .button {
    margin-top: 10px;
    width: 80%;
}

#my-datas .data-sheet .button.social {
    background: #fff;
}

#my-datas .data-sheet .button.social.facebook {
    border: 1px solid #354c9a;
    color: #354c9a
}

#my-datas .data-sheet .button.social.google {
    border: 1px solid #ff6465;
    color: #ff6465
}

#my-datas .data-sheet .register {
    margin-bottom: 50px;
}

.insurance-confirm {
    padding-bottom: 50px;
    ;
}

.insurance-confirm .section-header {
    font-size: 24px;
    color: #666;
    margin-bottom: 30px;
}

.insurance-thanks {
    padding-bottom: 50px;
}

.insurance-confirm .button,
.insurance-thanks .button {
    margin-top: 35px;
    margin-bottom: 15px;
    width: 330px;
}

.insurance-confirm .payment-container {
    margin-top: 15px !important;
}

.summary-data {
    font-size: 16px;
    margin-top: 10px;
}

.insurance-confirm .logo {
    margin-top: 50px;
}

.insurance-confirm .payment-container {
    margin-top: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.insurance-confirm .payment {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
}

.insurance-confirm .payment.credit-card {
    width: 55px;
    border-radius: 10px;
}

.package-name-container {
    min-height: 112px;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.insurance-package:nth-child(1) .package-name-container,
.package-navigatior .package-box:nth-child(1),
.insurance-package:nth-child(1) .tick {
    background: #74b9ff;
}

.insurance-package:nth-child(2) .package-name-container,
.package-navigatior .package-box:nth-child(2),
.insurance-package:nth-child(2) .tick {
    background: #a29bfe;
}

.insurance-package:nth-child(3) .package-name-container,
.package-navigatior .package-box:nth-child(3),
.insurance-package:nth-child(3) .tick {
    background: #fcb270;
}


#insurance-packages .insurance-price {
    position: absolute;
    border-radius: 7px;
    top: 93px;
    left: -10px
}


.detail-container {
    display: flex;
    align-items: flex-start;
}

.package-infos>.detail-container {

    min-height: 150px;
}

@media only screen and (max-width: 1200px) {
    .package-infos>.detail-container {

        min-height: 175px;
    }
}

@media only screen and (max-width: 992px) {

    .package-infos>.detail-container {

        min-height: 235px;
    }
}

@media only screen and (max-width: 992px) {
    .package-infos>.detail-container {

        min-height: 0;
    }
}

.tick {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    flex-shrink: 0;
    margin-top: 5px;
}

.tick i {
    font-size: 12px;
    color: #fff
}

.insurance-package .button {
    margin-top: 0;
    margin-bottom: 5px;
    background: #fff;
    color: #7647cf
}

.insurance-package .button:hover {
    transform: scale(1);
}

.insurance-package .button.details i {
    margin-left: 10px;
}

.insurance-package .button.details {
    /* border: 1px solid #7647cf */
}

.insurance-package .button.choose {
    background: #e3dbf2;
}

.insurance-package .button.choose:hover {

    background: rgb(118, 71, 207);
    background: -moz-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: linear-gradient(to right, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    color: #fff
}

#feedback {
    height: 512px;
    background: center / cover no-repeat url('../images/webapp/feedback_background.png');
    object-fit: contain;
    padding-bottom: 25px;
}

#feedback .owl-item {
    display: flex;
    justify-content: center;
}

#feedback .feedback-header {
    /* display: inline-block; */
    font-size: 35px;
    font-weight: 700;
    color: #7647cf;
    margin-top: 50px;
    text-align: right;
}

.feedback-item {
    width: 355px;
    height: 295px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    padding: 20px 25px 25px;
}

@media only screen and (max-width: 370px) {
    .feedback-item .feedback-content {
        font-size: 14px;
    }
}

.feedback-content {
    font-weight: 300;
    font-size: 16px;
}

.feedback-item {
    position: relative;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 2px;
}

.feedback-from {
    position: absolute;
    bottom: 10px;
}

.feedback-writer {
    color: #ef4371;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.feedback-city {
    font-size: 16px;
    font-weight: 300;
}

#feedback .row {
    padding-top: 100px;
}

.feedback-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#feedback .feedback-outer-container {
    display: flex;
}

#feedback .feedback-navigation {
    display: flex;
    justify-content: flex-end;
    margin-top: 45px;
}

@media only screen and (max-width: 767px) {
    #feedback .feedback-navigation {
        justify-content: center;
        margin-bottom: 20px;
    }

    #feedback .feedback-header {
        text-align: center;
        margin-top: 0px;

    }

    #feedback .row {
        padding-top: 20px;
    }
}

#feedback .feedback-nav-button {
    width: 35px;
    height: 35px;
    background-color: #e3dbf2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#feedback .feedback-nav-button:hover {
    cursor: pointer;
}

#feedback .feedback-nav-button i {
    color: #7647cf
}

#feedback .feedback-nav-button.feedback-nav-left {
    margin-right: 20px;
}

#feedback .feedback-nav-button.feedback-nav-left i {
    margin-right: 3px;
}

#feedback .feedback-nav-button.feedback-nav-right i {
    margin-left: 3px;
}

@media only screen and (min-width: 768px) {
    #feedback .feedback-nav-col {
        padding-right: 50px;
    }

}


.detail-container .detail.hidden {
    display: none
}

#insurance-packages .insurance-package.bigger {
    /* max-height: 905px; */
}

@media only screen and (max-width: 767px) {
    #insurance-packages .insurance-package .button {
        width: 300px;
        max-width: 100%;
    }
}


.insurance-confirm .data-container .row:not(:last-child) .col {
    /* border-bottom: 1px solid rgb(118, 71, 207); */

}


@media only screen and (max-width: 350px) {
    .insurance-confirm .button {
        font-size: 16px;
    }
}


@media only screen and (max-width: 767px) {
    .insurance-confirm .payment-container {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .insurance-data #my-datas .button {
        width: 280px;
    }

    .insurance-data #my-datas .first-sheet .data-input {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .insurance-data #my-datas .second-sheet .button {
        margin-bottom: 10px;
    }
}


.insurance-confirm .col:nth-child(2) .summary-data {
    font-weight: 700;
}

.insurance-confirm .payment-text {
    margin-top: 10px;
}

.insurance-confirm form {
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .insurance-confirm .col:nth-child(2) .summary-data {
        border-bottom: 1px solid #666;
        margin-top: -5px;
        padding-bottom: 10px;
    }
}

.data-container {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
    padding-top: 30px;
    padding-bottom: 30px;
}

.sheet-label.already-registered {
    color: #ff6465;
    font-weight: 400;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .sheet-label {
        text-align: center;
    }

    .sheet-label.already-registered {

        margin-bottom: 20px;
        margin-top: -25px;
    }
}

#insurance-packages .button.details {
    margin-bottom: 10px;
}

.detail-container-outer.closed {
    overflow: hidden;
    height: 0;
}

.detail-container-outer {
    margin-bottom: 20px;
}

.detail-container-outer .detail-container {
    margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
    #insurance-packages .button.details {
        font-size: 16px;
        line-height: 30px;
    }
}

.package-navigatior {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: -40px;

}

.package-box {
    width: 30%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.package-box a {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    text-decoration: none !important;
}

a.already-registered:hover {
    cursor: pointer;
    text-decoration: underline;
}

.phone-container {
    display: flex;
}

#my-datas.insurance-datas .phone-container span {
    width: auto;
    margin-right: 10px;
    padding-right: 5px;
}

.phone-container input {
    flex-grow: 1;
}

.summary-data span {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    background-color: #666;
}

.summary-data span.visible-xs-inline {
    margin-left: 20px;
}

.sheet-header .sheet-label.already-registered {
    position: absolute;
    right: 10px;
}

@media only screen and (max-width: 992px) {
    .sheet-header .sheet-label.already-registered {
        font-size: 16px;
        right: 5px;
    }
}

#thanks p {
    font-size: 16px;
}

.insurance-confirm .button {
    background: rgb(118, 71, 207);
    background: -moz-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
    background: linear-gradient(to right, rgba(118, 71, 207, 1) 0%, rgba(108, 161, 252, 1) 100%);
}