canvas#ringscanvas {
    position: absolute;
    bottom: 0;
    right: 0;
}

.d-none {
   display: none !important;
}
span.hidden {
    display: none;
}

/* COLOR */
/* Primary ( green ) : #87a826 */

.color_primary {
    color: #87a826;
}

/* Fixed Sidebar Buttons */
.sidebar_btn:hover {
    background-color: #87a826 !important;
}
.sidebar_btn:hover > div {
    color: #000;
}
.sidebar_btn:hover .ct-text-block {
    opacity: 1;
    text-indent: 0;
    /* left: 0; */
    width: auto;
}
.sidebar_btn .ct-text-block {
    opacity: 0;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    /* transform: scaleX(0); */
    transition: opacity .1s ease .1s, text-indent .2s ease, transform .2s ease;
    text-indent: -200px;
    text-transform: uppercase;
    font-size: 12px;
}

/* Image Leitmotiv reveal */
.aos-animate > #image-leitmotiv {
    opacity: 0;
}

/* Fancy Slider (e.g. start page) */
.unslider-active .slider_fancy_heading {
    opacity: 1;
    transform: translateX(0);
}
.slider_fancy_heading {
    opacity: 0;
    transform: translateX(800px);
    transition: opacity .8s ease, transform .85s ease;
}
.unslider-active .slider_fancy_img {
    opacity: 1;
    transform: translateX(0);
}
.slider_fancy_img {
    opacity: 0;
    transform: translateX(-800px);
    transition: opacity .8s ease, transform .85s ease;
}

/* Testimonial Slider */
.testimonial_quote span {
    display: inline;
    color: #fff;
    background-color: #262626;
}

/* Portfolio Slider Splide */

/* POSTER */
.oxy-post:hover .oxy-post-desc:before {
    transform: scaleX(1);
}
.oxy-post:hover .oxy-post-desc .oxy-post-hover-show,
.oxygen-builder-body .oxy-post-desc .oxy-post-hover-show,
.poster_item .oxy-post-desc .oxy-post-title  {
    transform: translateX(0px) !important;
    opacity: 1 !important;
}

/* Team */
.team_name {
    position: relative !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.team_name:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -15px;
    background-color: #262626;
    height: 2px;
    width: 115px;
}

/* Grid */
.grid_item .ct-text-block {
    font-size: 14px;
}


/* Images */



/* Headings */
.heading_small {
	font-weight: 700;
	text-transform: uppercase;
}

.highlighted {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65%, #87a826 65%);
    box-shadow: inset 0 -0.45em 0 #87a826;
}

.text_bracket {
    padding: 16px;
}
.text_bracket:before {
    content: " ";
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-top: 2px solid #111;
    border-left: 2px solid #111;
}
.text_bracket:after {
    content: " ";
    width: 32px;
    height: 32px;
    position: absolute;
    right: 18px;
    bottom: 8px;
    display: block;
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
}


/* BUTTONS */
.button {
    background: linear-gradient(to right,#000 50%,transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .12s ease-out !important;

    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1em !important;
    border: 1px solid;
    font-weight: 500;
    padding: 18px 60px !important;
    text-decoration: none !important;
    position: relative;

    border-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--contrast);
}


@media(max-width: 991px){
	.button {
		padding: 18px 24px !important;
	}
}

.dark {
    color: #ffffff;
    background-color: #000000;
    background: linear-gradient(to right,#fff 50%,black 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}
.button:hover {
    background-position: left bottom !important;
    transition-duration: .2s !important;
    color: #fff;
}
.dark:hover {
    color: #000000;
}

/* White Button hover */
.agencyb-white-button:hover .ct-fancy-icon {
    color: #fff !important
}

/* SLIDER */
.unslider .unslider-arrow {
    width: 25px;
    height: 25px;
    opacity: 1 !important;
    background-size: contain;
    background: url(/wp-content/plugins/greenbody/assets/img/chevron-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.unslider .unslider-arrow.next {
    left: auto;
    right: -35px;
}
.unslider .unslider-arrow.prev {
    left: -35px;
    right: auto;
}

#slider-74-14 .unslider-wrap {
    display: flex;
    align-items: center !important;
}


/* TAbs */
.oxy-tabs {
	position: relative;
}
.oxy-tabs:before {
    content: " ";
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-top: 2px solid #111;
    border-left: 2px solid #111;
}
.oxy-tabs:after {
display: none;
    content: " ";
    width: 32px;
    height: 32px;
    position: absolute;
    right: 18px;
    bottom: 8px;
    display: none;
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
}

.tab_block_shifted {
	background-color: #ffffff;
    font-size: 24px;
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    margin-top: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: -40px;
    margin-bottom: -40px;
    /*border: 4px solid #02fcfa;
    border: 2px solid #111;
	*/
    width: 75%;
    text-align: justify;
}
.tab_block_shifted:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
}


/* STU - locked content */
.stu-content-locked.stu-form-with-custom-fields {
    position: relative;
    max-height: 100%;
    /*min-height: 0 !important;*/
}

/* VIDEO */
.html5_video_players .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
    color: #fff;
    background-color: #8ca534;
}

.ct-video .uc-embedding-1 {
    margin-bottom: -50.25% !important;
}


.anim_icon .ct-fancy-icon, .anim_icon > svg {
    -moz-animation: scrollIndiAnim 2s ease .5s infinite;
    -webkit-animation: scrollIndiAnim 2s ease .5s infinite;
    animation: scrollIndiAnim 2s ease .5s infinite;
    animation-delay: 2.5s;
}
@keyframes scrollIndiAnim {
    0%,20%,50%,90%,100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0)
    }

    40% {
        transform: translateY(-12px);
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        -o-transform: translateY(-12px)
    }

    60% {
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px)
    }
}


/*FORM*/
/* FORM */
#wpcf7-f133-o1 form p {
    margin: 24px 0;
}
#wpcf7-f133-o1 form p label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#wpcf7-f133-o1 p label span {
    flex: 1 0 50%;
    text-align: left;
}
#wpcf7-f133-o1 .wpcf7-form-control {
    margin-bottom: 0;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.button-round.agencyb-white-button.button {
    margin-left: auto;
    background-color: #fff;
    text-align: center;
    border: solid 2px #87a826;
	display: block;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.button-round.agencyb-white-button.button.align-center {
   margin-right: auto;
}

@media(min-width: 992px){
	input.wpcf7-form-control.wpcf7-submit.has-spinner.button-round.agencyb-white-button.button {
    width: 50%;
}
}


.job-form-privacy-text {
    font-size: 14px;
    color: #5c5c5c;
}

.wpcf7 .ct-new-columns {
    margin-left: -4px;
    margin-right: -4px;
}


form .ct-new-columns p {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* gap: 25px; */
    margin-top: 0;
    margin-bottom: 0;
}

form .ct-new-columns p label {
    flex: 1 0 50%;
    padding: 0 4px;
    margin-bottom: 12px;
}

form .ct-new-columns .wpcf7-form-control {
    margin-bottom: 0;
    border-color: #222;
    border-radius: 0;
}
@media(max-width: 767px){

form .ct-new-columns p label {
   flex-basis: 100%;
}

}