/* PDA FUNNEL CSS SETTINGS */
/* id => 16 ; namespace => pda; body.pda / section#section16  */

body.pda #section-skills {
    position: relative;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
}

.s1.pda .dietfunnel_container_inner,
.s2.pda .dietfunnel_container_inner,
.s3.pda .dietfunnel_container_inner,
.s4.pda .dietfunnel_container_inner,
.s6.pda .dietfunnel_container_inner {
    padding-bottom: 0;
}


body.pda.s0 footer .footer-inner {
    min-height: 140px;
}


body.pda.s0 footer .footer-inner a {
    font-size: 1em;
    margin-right: 15px;
}

body.pda .navbar-herrera {
    height: 140px;
}

body.pda .navbar>.container .navbar-brand {
    margin-left: 40px;
    padding: 25px;
}


body.pda form#dietanalyse button {
    padding: 10px 20px;
}

.pda-q-result-head-photo {
    min-height: 527px;
    background: url('../../../../images/design/dietanalyse/de/herrera_blue/pda/results_photo.jpg') center 0 no-repeat #A3C4CF;
}



.emotional-eating.progress-arrow {
    height: 9px;
    max-width: 450px;
}

.emotional-eating .arrow-bar {
    color: #5C5C5C;
    float: left;
    font-size: 12px;
    font-weight: 700;
    height: 100%;
    line-height: 10px;
    margin-left: 0;
    text-transform: uppercase;
}

.emotional-eating .arrow-bar arrow-txt {
    font-style: normal;

}

.emotional-eating .arrow-bar span {
    background: url("../../../../images/design/dietanalyse/de/herrera_blue/pda/pointer.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    padding-left: 17px;
}

.emotional-eating .gda-arrow-bottom .arrow-bar span {
    background: url("../../../../images/design/dietanalyse/de/herrera_blue/pda/pointer_up.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    padding-left: 17px;
}

.emotional-eating .arrow-bar span em {
    font-style: normal;
}

.emotional-eating .gda-arrow-top {
    height: 9px;
}

.emotional-eating .gda-arrow-bottom {
    height: 9px;
}

.emotional-eating .progress-arrow-wrap {
    padding: 0;
    width: 100%;
}

.emotional-eating .progress-txt {
    padding: 0 75px 0 30px;
    font-size: 1.143em;
    /* 16px */
    font-weight: 400;
    font-family: "Lato", Arial;
    color: #777;
    padding-bottom: 30px;
}

.emotional-eating .progress-pda {
    background: url('../../../../images/design/dietanalyse/de/herrera_blue/pda/pda_color_chart.png') center 0 / 100% 42px no-repeat;
    height: 42px;
    margin-bottom: 20px;
    margin-top: 3px;
    max-width: 676px;
    overflow: hidden;
}

.emotional-eating .pda-bar {
    float: left;
    text-align: center;
    height: 100%;
    transition: width 0.6s ease 0s;
    width: 0;
}

.emotional-eating .pda-bar span {
    color: #ffffff;
    font-size: 23px;
    font-weight: bold;
    font-family: "Lato", Arial;
    text-transform: uppercase;
    line-height: 42px;
}


.emotional-eating .pda-bar span.num {
    font-size: 24px;
    position: relative;
    top: 3px;
}

.emotional-eating .progress-arrow {
    height: 9px;
    margin-left: 10%;
    margin-right: 10%;
    max-width: none;
}

.emotional-eating .progress-pda {}

.emotional-eating .pda-bar::before {}

.emotionalimg {
    min-height: 300px;
    display: block;
    width: 100%;
    background: url('../../../../images/design/dietanalyse/de/herrera/pda/pda_bg_t.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.pda-fp-txt {
    max-width: 700px;
    padding: 20px;
}

div.pda-fp-txt p {
    color: #ffffff;
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    line-height: 25px;
    list-style: outside none disc;
}

.pdacharttitle {
    letter-spacing: -1px;
    font-family: "Lato", Arial;
    color: #82AC15;
    font-size: 30px;
}

.pdacharttxt {
    font-size: 1.14em;
    line-height: 1.8em;
    padding: 30px 0 0 0;
    font-weight: 300;
    font-family: "Lato", Arial;
    color: #444;
}

body.pda.s0 footer .footer-inner {
    border: none;
}

/* lg and larger */
@media (min-width: 1200px) {}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {}

/* md and smaller*/
@media (max-width: 1199px) {}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    body.pda .navbar>.container .navbar-brand {
        padding: 10px;
    }

}

/* sm and smaller */
@media (max-width: 991px) {
    body.pda.s0 .navbar-toggle {
        display: none;
    }

    body.pda .navbar-herrera {
        height: auto;
    }

}

/* xs and smaller */
@media (max-width: 767px) {
    body.pda .navbar>.container .navbar-brand {
        padding: 0;
        width: 140px;
    }

    .emotional-eating .arrow-bar span em {
        display: none;
    }

    .emotional-eating .progress-txt {
        padding: 0 15px;
    }

}

/* xxs and smaller */
@media (max-width: 467px) {

    body.pda.s0 footer .footer-inner a {
        display: block;
    }


}


.subscription-package-top-banner:after {
    width: 170px;
    height: 30px;
    display: block;
    content: "";
    position: absolute;
    background-color: red;
    top: 3px;
    left: -3px;
    background: url(../../../../images/design/dietanalyse/de/oleksandr/top_angebot_banner.png) 0 0 no-repeat;
    background-size: contain;
}


label.radio-apply-label2 {
    border-bottom: 1px solid #d1cece;
    border: 1px solid #E2E2E2;
    border-radius: 100px;
    align-items: center;
    height: 56px;
    display: flex;
    align-items: center;
    margin: 0;
    position: relative;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    label.radio-apply-label2 {
        max-width: 340px;
        height: 45px;
    }
}

label.radio-apply-label2 .radio-apply-text2 {
    float: left;
    font-family: "Lato", "Arial", sans-serif;
    font-size: 1.0625rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.24;
    letter-spacing: normal;
    color: #11190d;
    margin: 0;
    padding: 0;
}

@media (max-width: 1199px) {
    label.radio-apply-label2 .radio-apply-images2 {
        width: 150px;
    }
}

label.radio-apply-label2 {
    /* Create a custom radio button */
}

label.radio-apply-label2 .radio-apply-span2 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 15px;
    height: 24px;
    width: 24px;
    background-color: #dddddd;
    border-radius: 50%;
    clear: both;
}

@media (max-width: 767px) {
    label.radio-apply-label2 .radio-apply-span2 {
        height: 18px;
        width: 18px;
    }
}

label.radio-apply-label2 .radio-apply-span2:after {
    content: "";
    position: absolute;
    display: none;
}

label.radio-apply-label2 {
    /* On mouse-over, add a grey background color */
}

label.radio-apply-label2:hover input.radio-apply-input2~.radio-apply-span2 {
    background-color: #dddddd;
}

label.radio-apply-label2 input.radio-apply-input2 {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

label.radio-apply-label2 input.radio-apply-input2:checked~.radio-apply-span2 {
    background-color: #5EA336;
    border: solid 1px rgb(78, 188, 32);
}

label.radio-apply-label2 input.radio-apply-input2:checked~.radio-apply-span2::after {
    content: " ";
    background: currentColor;
    mask-size: cover;
    -webkit-mask-size: cover;
    width: 1em;
    height: 1em;
    display: block;
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="4" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="4" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    font-weight: 900;
    text-rendering: auto;
    color: #ffffff;
    font-size: 15px;
    position: absolute;
    top: 4px;
    right: 3px;
}

@media (max-width: 767px) {
    label.radio-apply-label2 input.radio-apply-input2:checked~.radio-apply-span2::after {
        font-size: 12px;
        top: 3px;
        right: 2px;
    }
}

label.radio-apply-label2 input.radio-apply-input2:checked~.radio-apply-span2:after {
    display: block;
}

label.radio-apply-label2.active {
    border: solid 2px rgb(78, 188, 32);
}

label.radio-apply-label2:not(.active) {
    padding: 1px 1px 1px 50px;
}


.label-vv {
    color: #4E4E4E;
    font-size: 16px;
    font-weight: 400;
}

#paymentdd .btn-pda,
#paymentcc .btn-pda {
    font-size: 25px;
    line-height: 50px;
    max-width: 274px;
}


.btn.btn-vv-paypal {
  font-family: "Lato", "Arial", sans-serif;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -ms-border-radius: 40px;
  padding: 11px 100px;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  text-align: center;
  color: #222222;
  background-color: #FFC43A;
  text-transform: none;
  display: inline-block;
}
.btn.btn-vv-paypal img {
  display: inline-block;
  margin-top: -7px;
  margin-right: 10px;
}
.btn.btn-vv-paypal span {
  text-transform: none;
}
.btn.btn-vv-paypal:hover {
  text-transform: none;
}
.btn.btn-vv-paypal.btn-block {
  padding: 11px 0;
}
.btn.btn-vv-paypal:focus {
  background-color: rgb(211, 147.807106599, 0);
}


.checkbox-ginzburg-label {
    margin-bottom: 15px;
}

.badge.badge-herrera-blue.pdarw {
    margin-right: 5px;
}


.funnel_heading,
.funneltop .desc,
.pdacharttxt {
    padding-left: 15px;
    padding-right: 15px;
}


/* .dietfunnel_container_inner,
.dietfunnel_header, 
.container-footer-page {
    margin: 0 -15px;
}

@media (max-width: 991px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
} */