.rallyesprint {
    background-color: var(--white);
    box-shadow: var(--shadow)
}
.rs-slide * {
    position: relative
}

.rs-slide img {
    min-width: 100%
}

.directquiz {
    display: none
}

.rallyesprint.alreadydone .directquiz {
    display: block;
}

.slidecount {
    font-size: 10px;
    position: absolute !important;
    right: 10px;
    top: 10px;
    text-align: right
}
.rs-slide {
    display: none;
    position: relative;
}

.rs-slide.active {
    display: block
}

.rs-slide.done {
    display: none;
}

.rsdot {
    width: 30px;
    height: 30px;
    border: 2px solid var(--white);
    background-color: var(--red);
    position: absolute;
    display: block;
    z-index: 2;
    border-radius: 50%;
    margin: -15px 0 0 -15px;
}

.infobox .rsdot {
	position: relative !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 2px 5px 0;
	cursor: default !important
}

.rsdot:after {
    content: '';
    position: absolute;
    inset: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 3s infinite;
    border-radius: 50%;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 44, 80, 0.7);
    }

    35% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 44, 80, 0);
    }

    50% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 44, 80, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 44, 80, 0);
    }
}

.rsdot:hover {
    background-color: var(--blue-hover);
}

.rsdot.rsclickable.visited {
    background-color: green !important;
	border-color: #fff !important
}

.rsdot.visited:after {
    animation: none !important;
}

.nextquestionbtn,
.nextbtn {
    opacity: .5;
    pointer-events: none
}

.nextquestionbtn.activated,
.nextbtn.activated {
    opacity: 1;
    pointer-events: all;
}

.rs-tooltip.tooltip .tooltip-inner {
    max-width: 80vw
}

@media (min-width: 768px) {
    .rs-tooltip.tooltip .tooltip-inner {
        max-width: 40vw
    }
}

@media (min-width: 1200px) {
    .rs-tooltip.tooltip .tooltip-inner {
        max-width: 500px
    }
}

.rs-tooltip .tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
}

.rs-tooltip .tooltip-inner {
    background: var(--white-grey);
    color: var(--black);
    border: 1px solid var(--grey);
    text-align: left;
    font-size: 12px;
}

.rs-tooltip.tooltip.show {
    opacity: 1;
}

.rs-tooltip .arrow::before,
.rs-tooltip .arrow::before {
    border-bottom-color: var(--grey);
    /* Red */
}
.rs-slide {
    padding: var(--padding);

}
@media(min-width:768px){ 

.rs-slide {
    padding: var(--padding-double);

}

	}
.rs-slide.slide-1 .prevbtn,
.rs-question-slide-1 .prevquestionbtn {
    display: none !important
}

.rsheader {
    background-color: var(--grey-medium);
    color: #fff;
    padding: var(--padding-double);
    padding-top: var(--padding);
}

.rscontent {
    position: relative;
    padding: var(--padding);
    min-height: 90px;
}

.rsfooter {
    padding-top: var(--padding);
    border-top: 1px solid var(--black);
}

.rs-slide-startcontainer {
    background-position: center;
    background-size: cover;
    background-color: var(--grey-ultralight);
    min-height: 80vH;
}

@media (orientation: landscape) {
    .rs-slide-startcontainer:after {
        content: '';
        display: block;
        padding-bottom: 55%;
    }
}

@media (orientation: portrait) {
    .rs-slide-startcontainer:after {
        content: '';
        display: block;
        padding-bottom: 155%;
    }
}

.rs-slide.rs-slide-splash {
    background: rgba(0, 0, 0, .5);
}

.rs-slide.rs-slide-splash,
.rs-slide.rs-slide-splash h2 {
    color: #fff;
}

.rs-slide.quiz-start {
    display: none
}

.rs-slide.quiz-start.active {
    display: block;
}

.rs-slide.out {
    display: none
}

.rs-question-slide {
    display: none
}

.rs-question-slide.active {
    display: block;
}

.rs-checkbox-label:hover {
    color: var(--grey) !important;
}

.rs-slide-container {
    min-height: 80vH;
}

.rs-slide-container img {
    /*min-width: 100%;*/
	min-width: inherit;
    max-height: 50vH;
    width: auto;
    display: block;
    margin: 0 auto;
}

.rs-slideholder {
    border: var(--main-padding) solid #fff;
    background-position: center;
    background-size: cover;
}

.rsdot {
    position: absolute !important
}

.rs-slide-startcontainer {
    background-color: transparent !important
}

.rs-slideholder div {
    position: relative
}

.popover, .popover-header, .popover-body {
    font-size: var(--font)
}

.rsclickable {
    position: relative;
    border: 2px solid #fff;
    cursor: pointer;
    display: block;
    background-color: var(--red) !important;
}

.rsclickable:not(.visited):hover {
    background-color: #9a2530 !important;
}

.rsclickable.visited {
    background-color: var(--blue) !important;
    border-color: var(--blue-hover) !important /*
            background-color: var(--blue-hover) !important;
            border-color: #34659e !important*/
}


.rsclickable:not(.visited):after {
    content: '';
    position: absolute;
    inset: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: clickable 3s infinite;
    border-radius: inherit;
}

@keyframes clickable {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    }

    35% {
        box-shadow: 0 0 0 10px rgba(0, 44, 80, 0);
    }

    50% {
        box-shadow: 0 0 0 0 rgba(0, 44, 80, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 44, 80, 0);
    }
}

.infodot {
    width: 80%;
    border-radius: 50%;
    margin: 30px auto;
    background-color: var(--blue);
    box-shadow: var(--shadow);
}

.infodot:before {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.infodot i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0);
    font-size: clamp(3rem, 2.5vw, 5rem);
    color: #fff;
    animation-play-state: paused;
    animation-fill-mode: forwards;
    animation-duration: .5s;
    animation-name: animateIcon;
    transition: transform ease .25s;

}

.infodot.visited i {
    animation-play-state: running;
}

@keyframes animateIcon {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(0)
    }
    20% {
        transform: translate(-50%, -50%) rotate(35deg)
    }
    40% {
        transform: translate(-50%, -50%) rotate(-25deg)
    }
    60% {
        transform: translate(-50%, -50%) rotate(15deg)
    }
    80% {
        transform: translate(-50%, -50%) rotate(-5deg)
    }
}

.rs-slide-container {
    background-color: rgba(255, 255, 255, .95);
}

.slide-content {
    /*min-height: 50vH;*/
    padding: var(--padding-double);
	flex: 1 1 auto;
}

/*
.rs-slide-container::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 50%;
}

.rs-slide-container::after {
    content: "";
    display: table;
    clear: both;
}*/

.rs-slide .slide-content-header {
    background-color: var(--blue);
    color: #fff;
    /*align-self: start;*/
	flex: 0 1 auto;
}

.rs-slide .slide-content-header .intro {
    padding: var(--padding-double) var(--padding);
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: bold;
}

.rs-slide .slide-content-header .desc {
    padding: var(--padding-double) var(--padding)
}

.rs-slide .slide-content-header .intro + .desc {
    padding-top: 0;
    font-size: clamp(1.2rem, 2vw, 2rem)
}

.rs-slide .slide-content-footer {
    background-color: var(--black);
    padding: 15px;
    align-self: end;
	position: fixed; 
	left:0;
	right:0;
	bottom:0;
	z-index: 7;

}
@media(min-width:768px){
	.rs-slide .slide-content-footer {
		padding-left:90px;
	}
	body.logged-in.sidepanelopen .rs-slide .slide-content-footer {
		    padding-left: 250px;
	}
}

.rs-slide .slide-content-footer a.btn-default {
    margin-bottom: 0;
}

.rsdot {
    border-color: #fff !important
}

.pathanchor {
    width: 2px;
    height: 2px;
    background: red;
    position: absolute !important
}

label.rs-checkbox-label {
    /* margin-left: 30px; */
    min-height: 53px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    label.rs-checkbox-label {
        /* margin-left: 30px; */
        min-height: 70px;
    }
}

.rallyesprint .wpcf7-acceptance input[type="checkbox"] + span {
    position: relative;
}

.rallyesprint .custom-checkbox {
    margin-left: 23px;
}

.rallyesprint .wpcf7-list-item {
    margin-left: 30px;
}

.rallyesprint input[type="checkbox"] + span:before {
    position: absolute;
    top: -15px;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.rallyesprint label:before {
    left: -40px;
}

.rallyesprint .wpcf7-list-item-label {
    font-weight: 400;
    /* padding-top: 15px; */
    display: block;
    padding-left: 60px;
}

.rallyesprint .rs-checkbox-label input {
    opacity: 0
}

.rallyesprint label:after,
.rallyesprint input[type="checkbox"] + span:after {
    position: absolute;
    top: -10px;
    left: 5px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 2px;
}

.rallyesprint label:after {
    left: -35px;
}

.rallyesprint input[type="checkbox"]:hover + span:after {
    background-color: var(--grey) !important;
}

.rallyesprint input[type="checkbox"]:checked + span {
    font-weight:bold;
}
.rallyesprint input[type="checkbox"]:checked + span:after {
    background-color: var(--blue) !important;
}

.popover {
                        box-shadow: 0 0 30px rgba(0, 0, 0, .5);
                    }

                    .popover-header {
                        background-color: var(--blue);
                        color: #fff;
                    }

                    .popover-body {
                        background-color: #fff;
                        font-size: var(--font-small) !important;
						hyphens: none
                    }

                    .animationItem {
                        animation-play-state: paused;
                        animation-fill-mode: forwards;
                        animation-duration: .3s;
                        transform-origin: center;
                        opacity: 0;
                    }

                    .rs-slide.active .animationItem.anim0,
                    .animationItem.animateIn {
                        animation-play-state: running;
                    }

                    .animationItem.fadeIn {
                        animation-name: fadeIn;
                    }
                    .animationItem.bounceIn {
                        animation-name: bounceIn;
                    }

                    @keyframes fadeIn {
                        0% {
                            opacity: 0;
                            transform: scale(0)
                        }
                        100% {
                            opacity: 1;
                            transform: scale(1)
                        }
                    }
                    @keyframes bounceIn {
                        0% {
                            opacity: 0;
                            transform: scale(0)
                        }
                        20% {
                            opacity: 1;
                            transform: scale(1)
                        }
                        40% {
                            opacity: 1;
                            transform: scale(.6)
                        }
                        60% {
                            opacity: 1;
                            transform: scale(.8)
                        }
                        80% {
                            opacity: 1;
                            transform: scale(.6)
                        }
                        100% {
                            opacity: 1;
                            transform: scale(1)
                        }
                    }

                    .delay1 {
                        animation-delay: .1s;
                    }

                    .delay2 {
                        animation-delay: .2s;
                    }

                    .delay3 {
                        animation-delay: .3s;
                    }

                    .info {
                        border-left: 2px solid var(--blue);
                        padding: var(--padding);
                        background-color: rgba(255, 255, 255, .85);
                    }

/** DRAG & DROP **/
 [data-draggable] {
                                            z-index: 2;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            bottom: 0;
                                        }

                                        [data-droppable] {
                                            z-index: 1;
                                            border: 2px dashed var(--grey-dark);
                                            background-color: var(--grey-light);
                                        }

                                        .droppedRight .rsdraggable {
                                            background-color: green !important
                                        }

                                        .droppedRight {
                                            background-color: var(--blue) !important
                                        }

                                        .droppedFalse {
                                            background-color: red !important
                                        }

                                        .droppedRight > [data-draggable] {
                                            left: 10px !important;
                                            bottom: 10px !important;
                                            right: 10px !important;
                                            top: auto !important;
                                            position: absolute;
                                            cursor: default !important;
                                            pointer-events: none;
                                            /*transition: top ease 5s,
                                            left ease 5s,
                                            right ease 5s,
                                            bottom ease 5s;
                                            background-color: var(--blue) !important;
                                            border-color: var(--blue-hover) !important /* background-color: var(--blue-hover) !important; border-color: #34659e !important*/;
                                        }

                                        .dropzone p.small {
                                            margin: 5px;
                                        }

                                        .rsdraggable {
                                            position: relative;
                                            border: 2px solid #fff;
                                            cursor: pointer;
                                            display: block;
                                            background-color: orange !important;
                                            text-align: center;
                                        }

                                       
                                        .dropzone {
                                            background-color: var(--grey-light);
                                            display: block;
                                            height: 100%;
                                            width: 100%
                                        }

                                        .ui-droppable-hover {
                                            opacity: .5
                                        }

                                        .draglabel {
                                            padding: 5px 10px;
                                            display: block;
                                            color: #fff;
                                            font-weight: bold
                                        }