/* 6/30/25 */
.ce-col-2 .col {position: relative;}
.ce-col-2 .col:before {content: "+"; position: absolute; top: 30px; right: 30px; z-index: 1; background: #FFF; color: #000; font-weight: 500; font-size: 22px; line-height: 28px; width: 30px; height: 30px; border-radius: 50%; transform: rotate(0deg);}
.ce-col-2 .col:hover:before {transform: rotate(90deg);}
.ce-col-2 .col:hover:before, .ce-col-2 .col:hover {transition: all 0.3s ease;}

.ce-col-2 .col h4 {margin-top: 15px;}
.clinical-experience-section {position: relative; clear: both; background: #000; padding: 200px 0px;}
.clinical-experience-section video {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; z-index: 1;}
.clinical-experience-wrap {position: relative; z-index: 5;}
.ce-col-2 .col {padding: 20px; text-align: center;}
.ce-col-2 .col h4 a {color: #FFF !important; font-size: 20px;}
.ce-col-2 .col img:hover {filter: brightness(140%);}
.ce-col-2 .col img:hover, .ce-col-2 .col img {transition: all 0.4s ease;}
.ce-col-1 h3 {color: #FFF; font-weight: 800; text-transform: uppercase; font-size: 80px;}

@media (min-width:844px) {
	.clinical-experience-section .clinical-experience-wrap .row {display: flex; align-items: center; justify-content: center;}
}
@media (max-width:844px) {
	.clinical-experience-section {padding: 100px 0px !important;}
	.ce-col-1 h3 {font-size: 43px !important; text-align: center;}
	.ce-col-2 .col h4 a {font-size: 24px !important;}
	.ce-col-2 .col {padding: 40px !important;}
	.ce-col-2 .col img {height: auto;}
}




/* July 24, 2024 */
.announcement {background: #000; clear: both; text-align: center; border-bottom: 1px solid #404040;  padding: 6px 0px;}
.announcement p {color: #FFF; margin-bottom: 0;}
.announcement p a {text-decoration: underline; color: #FFF;}


/* CAREERS */
@media (max-width: 844px) {
	.careers .container {padding-left: 20px !important; padding-right: 20px !important; max-width: 90%;}
	.careers-intro {margin-top: 80px !important;}
	.careers .nf-field-label {display: none;}
	.careers .file_upload-wrap .nf-field-label {display: block;}
	.careers-intro h1 {font-size: 50px !important;}
}
.careers .container {max-width: 1000px;}
.careers-intro ul {padding-left: 40px;}
.careers-intro li {    font-size: 20px; font-weight: 300;  line-height: 1.7em; list-style: circle;}
.page-id-360 {background-image: url(https://radicalcatheter.com/images/4k-black-2.jpg); background-size: cover; background-position: bottom left;}
.careers .container {background: #FFF;padding-left: 50px; padding-right: 50px;}

.careers-intro {margin-top: 200px;}
.careers-intro h1 {font-weight: 900; letter-spacing: 2px; font-size: 70px; padding-top: 50px;}
.careers-intro p {font-size: 20px; font-weight: 300; line-height: 1.7em;}

.nf-fu-progress {max-height: 2px; margin-top: 20px; background-color: #FFF !important; box-shadow: none !important;}
.nf-fu-progress-bar {background-color: #000 !important;}
.page-id-360 .nf-field-element input[type="text"], 
.page-id-360 .nf-field-element input[type="email"], 
.page-id-360 .nf-field-element input[type="tel"], 
.page-id-360 .nf-field-element textarea {background: rgba(0,0,0,0.0) !important; border: 1px solid #000 !important; color: #000 !important; font-size: 20px !important;}
.page-id-360 .ninja-forms-field[type="submit"] {background: #000 !important; color: #FFF !important;}
.page-id-360 .field-wrap.file_upload-wrap {padding-top: 20px; padding-bottom: 20px;}
.careers-form {padding-bottom: 50px;}

.page-id-360 footer {display: none;}
.page-id-360 .new-footer {margin-top: 100px;}

.careers .thanks {text-align: center; padding: 70px 0px;}
.careers .thanks h2 {font-size: 50px;}
.careers .thanks p {font-size: 24px; font-weight: 300;}




@media (max-width:844px) {
	.reveal-text-wrap {padding: 0 20px;}
	.welcome-text h1 {font-size: 10vw !important;}
	.transition-slide-2 span.rainbow:before {max-height: 5px;}
}

@media (min-width: 844px) {
	#transitions-2, #transitions-5 {min-height: 100vh;}
}



.navbar-toggler.open {z-index: 99;}

.header .navbar-collapse .menu .menu-item > a {font-size: 20px;}
@media (min-width:844px) {
	.header .navbar {background: transparent !important;}
}
@media (max-width:844px) {
	.header .navbar {background: #000 !important;}
}

.show #menu-primary-menu {padding-left: 20px;}



.splash {clear: both; width: 100%; height: 100vh; background-size:cover; position: fixed; z-index: 9999; top: 0; left: 0; background-position: center center;}
@media (min-width: 1060px) {
	.flex-cards {display: block;}
	.flex-cards-m {display:none;}
}

@media (max-width: 1060px) {
	.flex-cards {display: none;}
	.flex-cards-m {display:block;}
}

@media (max-width: 1300px) {
	.dark-subintro-text h3 {font-size: 34px !important;}
}


.flex-cards-m-item img {border-radius: 20px; margin: 20px 0px;}
.flex-cards-m-item p {font-size: 20px; text-align: center;}
.nf-form-title, .nf-form-fields-required, .ninja-forms-req-symbol {display: none;}
.home .nf-field-element input[type="text"], 
.home .nf-field-element input[type="email"], 
.home .nf-field-element textarea {background: transparent !important; border-bottom: 1px solid #FFF !important; border-left: none !important; border-right: none !important; border-top: none !important; color: #FFF !important; font-size: 20px !important;}
#contact h3 a {color: #FFF !important; text-decoration: underline; font-weight: 300; }
.ninja-forms-field[type="submit"] {background: #FFF !important; color: #000 !important; font-weight: bold; text-transform: uppercase; font-size: 30px;}
.nf-form-cont {padding-top: 50px;}


@media (max-width:844px) {
	.contact-section {padding: 90px 0px !important;}
	.nf-form-cont {padding-top: 20px !important;}
	.nf-field-element input[type="submit"] {min-width: 100%;}
	
#team h2, #contact h2 {font-size: 44px;}
.team-wrap {padding: 0 !important; margin-top: 40px;}
.new-footer, .new-footer p {text-align: center !important;}


	.splash {background-image: url(https://radicalcatheter.com/wp-content/uploads/2023/07/splash-m-1.jpg) !important; }
	
	
	#transitions-2 {background-size: 100%; background-repeat: no-repeat; background-color: #000; padding: 50px 0px !important; border-top: 50px solid #000;}
	#transitions-2 h1 {font-size: 28px; margin-bottom: 100px;}
	#transitions-2 h3 {margin-top: 50px !important; opacity: 0.4!important; font-size: 20px !important;}
	.transition-slide-2 {padding: 50px 0px !important; }
	
	
	.radical-video-2 h3 {font-size: 48px !important;}
	.radical-video-2 li {border: none !important; min-width: 100%; clear: both;}
	.radical-video-2 {padding: 100px 0px !important;}
	
	.video-hero {margin-top: 83px;}
section.welcome-text {padding-top: 80px !important;}
.reveal-text-wrap {margin-top: 0 !important;}
.welcome-text {height: auto !important;}
.reveal-text-wrap {margin-bottom: 70px !important;}	
.welcome-text .arrow-container {bottom: -30px !important;}
.radical-intro {max-height: 50vh;}
.intro {font: clamp(1em, 6vw, 8em) "Jeko", sans-serif; font-weight: 900;	line-height: 1.2em;	text-transform: uppercase;}
.dark-subintro {height: auto !important; padding: 100px 0px; background-repeat: no-repeat; background-color: #000;}
.dark-subintro-text {position: relative !important; left: unset !important; top: unset !important; right: unset !important; min-width: 100%; padding: 20px;}
.dark-subintro-text h3 {font-size: 24px !important;}


.floating-white {min-height: 800px !important;}
.floating-image.floatimg-image-left-2 {width: 65vw !important; top: 500px !important; left: 2vw !important;}
.floating-image.floatimg-image-right {width: 56vw !important;}
.video-text-col-wrap {padding: 20px !important; }
.video-text-col-wrap h3 {font-size: 32px !important; text-align: center!important;}	
.video-section {padding: 50px 0px !important;}
#radical-video-2 {background-image:url(https://radicalcatheter.com/wp-content/uploads/2023/07/dark-m.jpg) !important; background-position: center center; background-size: cover; }
#radical-video-2 video {display: none;}	
#radical-video-2 .bg-video-wrap {background: transparent !important; max-height: unset !important; height: 100vh !important;}


}


#contact {position: relative;}
.r-round {width: 100px; height: auto; border-radius: 50%; position: absolute; top: -45px; padding: 20px; left:0; right: 0; margin-left: auto; margin-right: auto;}



.navbar-toggler {position: absolute; right: 50px;}
@media (min-width:844px) {
     .header .navbar-collapse.show{
        clip-path: circle(140% at 96.5% 4%);
        transition: all 0.7s cubic-bezier(0.23, 0.93, 0.23, 0.93);
        background-color: #000;

    }
	
	
	


.header .navbar-collapse {
    position: fixed;
    right: 0;
    width: 300px;
    height: 100%;
    top: 0px;
    bottom: 0px;
    background-color: #ffffff;
    z-index: 9;
    transition: all 0.5s cubic-bezier(0.23, 0.93, 0.23, 0.93);
    clip-path: circle(0% at 96.5% 4%);
}
.header .navbar-collapse .menu .menu-item > a {padding: 20px !important;}
.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column !important;
    flex-direction:column !important;
}
.header .navbar-collapse .menu .menu-item > a {
    padding: 15px 0;
    width: 100%;
    min-width: 100%;
    color: #ffffff;
}
#menu-primary-menu {min-width: 100%; top: 100px; position: absolute;}


}
.header.sticky {background: #000;}
header {position: fixed; top: 0;z-index: 99;width: 100%;}

.contact-section {clear:both; background: #000; color: #FFF; text-align: center; padding: 300px 0px;}

.footer-left img {width: 200px; height: auto;}
.footer-right p {font-size: 15px; text-align: right; margin-top: 20px;}
.new-footer .container {max-width: 1600px;}
.new-footer {background: #f7f7f7; padding: 30px 0px;}


@media (max-width:844px) {
	.col {min-width:100%; clear:both;}
}

.radical-why {clear:both; padding: 200px 0px;}
.radical-why h2 {font-weight: bold; font-size: 65px;}
.radical-why h4 {font-weight: bold; font-size: 40px; margin: 50px 0px;}
.why-or {opacity: 0.2;}
.why-and {
    background-image: url(https://radicalcatheter.com/wp-content/themes/radical/assets/images/colorful-border.png);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
    background-repeat: repeat-x;
    background-size: auto 100%;
    animation: animatedBackground 7s linear infinite;}



.navbar-expand-lg .navbar-toggler {display: inline-block !important;}

.video-hero .arrow-container {top: 95vh;}

.team {clear:both;padding: 70px 0px;}
.team h2 {text-align: center; font-size: 70px; margin-bottom: 10px; margin-top: 60px;}
.team-wrap {padding: 70px;}
.team-wrap img {margin-bottom: 30px;}
.team-wrap h4 {font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; margin-bottom: 20px; }
.team-wrap p {font-size: 19px; font-weight: 400; letter-spacing:0.01em; line-height: 1.46em;}


.darkest {position: relative; background: #000; height: 100vh; cursor: pointer;}
.dark-container {color: #FFF;}
.dark-container p {font-size: 54px;}
.darkest-col {width: 33%; display: inline-block; height: 100vh; position: relative;}
.darkest-col p {position: absolute; padding: 0 50px; line-height: 1.2em; font-weight: 700; text-align: left;}
.darkest-1 {top: 11vh;}
.darkest-2 {top: 30vh;}
.darkest-3 {top: 64vh;}

.transition-slide.transition-slide-1 li {font-size: 26px;}

.dark-subintro {clear: both; height: 100vh; width: 100%; position: relative; color: #FFF; background-size: 150%; background-position: bottom left;}
.dark-subintro-text {position: absolute;z-index: 1;right: 12vw;top: 25vh;width: 40vw;}
.dark-subintro-text .rainbow:before {max-height: 7px; bottom: -1px;}
.dark-subintro-text h3 {line-height: 1.3em; font-size: 42px;}

.transition-slide-2.smaller-h1-slide h1 {font-size: 60px; line-height: 1.4em; margin-bottom: 30px;}



.jx-knightlab {display: none !important;}

.video-text-col {display: flex; align-items: center; justify-content: center;}
.video-section {clear: both; background: #000; padding: 120px 0px; height: auto;}
.video-section h3 {color: #FFF; font-size: 50px; text-align: left; font-weight: 100;}
.video-section h3 strong {font-weight: 700;}
.video-text-col-wrap {padding-left: 80px;}

#video-small-container {width: 100%; height: auto;}
#video-small-container video {border-radius: 30px;}
.video-hero {clear: both; background-color: #000; padding-bottom: 0px;}
#myVid {width: 100%; height: auto !important;}
#video-small-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-section video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hide default video controls */
video::-webkit-media-controls {
  display: none !important;
}

video::-webkit-media-controls-enclosure {
  display: none !important;
}

video::-webkit-media-controls-panel {
  display: none !important;
}



.page-id-210 footer {display: none;}
.jux-title-wrap h5 {font-weight: 700; font-size: 26px;}
.jux-title-wrap p {font-size: 20px;}
.jux-title-wrap h6 {font-weight: bold; font-size: 20px;}
/* Juxtapose */
 
        #juxtapose-embed {
            width: 100%;
            max-width: initial;
        }
        
        #juxtapose-embed {
            width: 100%;
            max-width: initial;
        }

        #juxtapose-hidden {
            display: none;
        }

        #controls {
            text-align: center;
            margin-top: 20px;
        }
		
		.radical-video-2 {position: relative; clear:both; padding: 300px 0px; text-align: center; background-size: cover; background-position: center center; background-attachment: fixed;}
.radical-video-2 h3 {font-size: 84px; text-transform: uppercase; font-weight: 900; color: #FFF; text-shadow: 0 0 50px rgba(0,0,0,0.20); margin-bottom: 40px;}
.radical-video-2 .container {max-width: 1700px;}
		
		.radical-video-2 li {color: #FFF; font-size: 26px; display: inline-block; padding-right: 20px; padding-left: 10px; border-right: 2px solid rgba(255,255,255,0.3); }
.radical-video-2 li:last-child {border-right: none;}
		
		.transition-title {padding: 80px 0px; text-align: center;}
		
		.jux-title h4 {font-size: 40px;}
		.jux-title {padding: 40px 0px; text-align: center;}
.jux-title .row {display: flex; align-items: center; justify-content: center;}
.transition-slide-3 {clear: both; padding: 70px 0px;}

div.jx-control {background-image: url(https://radicalcatheter.com/wp-content/uploads/2023/06/gradient.jpg); background-size: cover; }
.jx-controller {background: #00d2ff !important;}
.jx-arrow.jx-right {border-color: transparent transparent transparent #00d2ff !important;}
.jx-arrow.jx-left {border-color: transparent #00d2ff transparent transparent !important;}

.transition-slide.transition-slide-4 {background-size: cover; background-position: left bottom; padding: 100px 0px 460px 0px; color:#FFF;}
.transition-slide-4 h1 {margin-bottom: 40px;}
.transition-slide-4 span.rainbow:before {
    z-index: 2;
    bottom: -2px !important;
    max-height: 8px;
}
.transition-slide-4 h6 {text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 20px;
    margin-top: 40px;
    letter-spacing: 1px;
    font-weight: 700;}
.transition-slide-4 ul {padding-left: 40px;}
.arrow-big-down {width: 20px; filter: brightness(50);}
.arrow-col {text-align: center; padding-top: 60px; padding-bottom:30px;}

.transition-slide-2 {clear: both; padding: 200px 0px; background-size: cover; background-position: top right;}
.transition-slide-2 h3 {margin-top: 140px;}
.transition-slide-2 h3, .transition-slide-2 h1, .transition-slide-2 li {color: #FFF;}
.transition-slide ul ul {padding-left: 40px;}
.transition-slide-2 span.rainbow:before {z-index: 2; bottom: -4px !important;}
.transition-slide-2 h1 {line-height: 1.4em; margin-bottom: 30px;}

.comparison-text-wrap {padding: 30px 20px;}
.comparison-row-1 .comparison-text-wrap {border:1px solid rgba(255,255,255,0.25); height: 230px; display: table-cell; vertical-align: top; border-radius: 10px;}
.comparison-row-2 .comparison-text-wrap {border:1px solid rgba(255,255,255,0.25); height: 350px; display: table-cell; vertical-align: top; border-radius: 10px;}
.comparison-text h6 {text-align: center; margin-bottom: 30px;}
.transition-slide-1 {clear: both;  padding: 170px 0px; min-height: 100vh;}
.transition-slide h1 {font-size: 70px; margin-bottom: 20px;}
.transition-slide h1 .rainbow:before {bottom: 0px;}

.radical-two-col .rainbow:before {bottom: -4px; max-height: 10px;}

.pipe-img {padding: 50px 0px;}
.transition-slide h4 {font-weight: bold;}
.transition-slide li {font-size: 24px; margin-bottom: 5px; list-style: circle; display: list-item;}


.secondary-intro {clear: both; padding: 300px 0px; background-size: cover; background-position: top right;}
.secondary-intro li {font-size: 30px; font-weight: 400; list-style: circle; margin-bottom: 5px;}
.secondary-intro ul {padding-left: 30px;}
.secondary-intro h1 {font-weight: 700; font-size: 70px; margin-bottom: 20px;}
.secondary-intro h1 span.rainbow:before {bottom: 15px;}
.secondary-intro .container {max-width: 1700px;}
.secondary-intro h3 {margin-top: 100px;}
.radical-two-col-text ul {padding-left: 40px;}
.radical-two-col-text li {font-size: 24px; display: list; list-style: circle;}
.secondary-intro strong {font-weight: 900;}

.floating-black {clear: both; background: #000; position: relative; padding: 150px 0px; min-height: 1700px;}
.floating-image {position: absolute; border-radius: 50%; overflow: hidden;}
.floating-image img { width: 100%; height: auto;}
.floating-image.floatimg-image-left {width: 35vw; left: 0; top: -30vh;}
.floating-image.floatimg-image-right {width: 48vw; right: 0; top: 12vh;}
.floating-image.floatimg-image-left-2 {width: 30vw; left: 10vw; top: 97vh;}
.floating-black .container {max-width: 100%;}


.floating-white {clear: both; background: #FFF; position: relative; padding: 150px 0px; min-height: 1700px; background-size: cover; background-position: center top;}
#juxtapose-embed {box-shadow: 0 0 30px rgba(0,0,0,0.1);}


.radical-video-wrap {position: absolute; z-index: 9; text-align: center; top: 35vh; width: 100%;}
.radical-video-wrap h3 {font-size: 7vw; text-transform: uppercase; font-weight: 900; color: #FFF; text-shadow: 0 0 50px rgba(0,0,0,0.20);}
span.border-text {color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF;}
.radical-video-wrap .arrow-container {position: relative !important; top: unset !important; bottom: unset !important; margin-top: 50px;}



.radical-two-col {clear: both;}
.radical-two-col-text-wrap {padding: 10vw;}
.radical-two-col .col {display: flex; align-items: center; justify-content: center; padding: 0;}
.radical-two-col-text h3 {font-size: 40px;}
.radical-two-col-text p {font-size: 24px;}

.radical-video .bg-video-wrap-main {
  position: relative;
  overflow: hidden;
  width: 100%;

  background:#000;
}

.radical-video .bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: #FFF;
}
.radical-video video {
  width: 100%;
  min-height: 100vh;
  z-index: 1;
}



span.rainbow {position: relative;}
.rainbow:before {
	filter: brightness(1.3);
    content: '';
    position: absolute;
    width: 100%;
    height: 13px;
    background-image: url(https://radicalcatheter.com/wp-content/themes/radical/assets/images/colorful-border.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
    left: 0;
    bottom: 3px;
    z-index: -1;
    animation: animatedBackground 50s linear infinite;
}


.radical-360 {clear: both; width: 100%; height: 100vh;overflow: hidden; min-height: 650px;}
.radical-360 iframe {border: none; overflow: hidden; width: 100%; height: 100vh; overflow: hidden; min-height: 650px;}
.radical-one-image .col, .radical-two-image .col {padding: 0;}
.welcome-text .arrow-container {position: relative; bottom: -60px;}
#before .pulse {border-color: #e72626;}

.reveal {overflow: hidden;}

/* Arrow down */
.arrow-container {
  width: 25px;
  /* cubic-bezier-easing = sine / mehr Beispiele: https://easings.net/ */
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;
  height: 20px;
  position: absolute;
    z-index: 99;
    bottom: 50px;
	margin-left: auto; margin-right: auto;
	left:0; right: 0;
}

.arrow-down {
  height: 6px;
  background: #FFF;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
  border-radius: 5px;
}
.arrow-down.black {
	background: #141414;
}
.arrow-down:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 100%;
  border-radius: 5px;
  background: #FFF;
  transform: rotate(-90deg);
  transform-origin: 0% 100%;
}
.arrow-down.black:after {
	background: #141414;
}

@keyframes bounce {
50% {
    transform: translateY(-5px);
  }
}


/* Swirls section */
.pulse {position: absolute; z-index: 10;}
.before-after-wrap {position: relative;}
.swirls-section {clear: both; width: 100vw; height: 100vh; text-align: center; position: relative; display: flex;align-items: center;justify-content: center;}
.swirls-section canvas { position: absolute; z-index: -1;}
.swirls-wrap { width: 100%; top: 50%; }
.swirls-wrap .container {background: #FFF; padding: 50px; }
.swirls-section {filter: contrast(100%);}


.pulse-before-1 {left: 33%;top: 80%;}
.pulse-before-2 {left: 40%;top: 62%;}
.pulse-before-3 {left: 50%;top: 57%;}
.pulse-before-4 {left: 80%;top: 39%;}

.pulse-after-1 {left: 22%;top: 82%;}
.pulse-after-2 {left: 35%;top: 71%;}
.pulse-after-3 {left: 51%;top: 66%;}
.pulse-after-4 {left: 62%;top: 60%;}
.pulse-after-5 {left: 78%;top: 34%;}


.pulse {
  height: 70px;
  width: 70px;
  border: 10px solid #03b1d5;
  border-radius: 70px;
  animation: pulse 1.5s ease-out infinite;
  opacity: 0;
}
@-moz-keyframes pulse {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.1, 1.1);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.1, 1.1);
    opacity: 0;
  }
}
@-o-keyframes pulse {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.1, 1.1);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.1, 1.1);
    opacity: 0;
  }
}


.video-placeholder {
 -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; } 
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



/* radical */
section.welcome-text {padding-top: 200px;}
section.welcome-text.blackout, section.welcome-text {transition: all 1.0s ease;}
section.welcome-text.blackout {background-color: #CCC !important;}

.radical-intro {height: 100vh;display: flex; align-items: center; justify-content: center;background-image: url(https://radicalcatheter.com/images/blackblack2.jpg);    background-size: cover; background-position: center center;}
.intro--slider {display: inline-block; float: left; margin-left: 10px;}
.intro-intro {display: inline-block; float: left;}


.welcome-text {clear: both; height: 100vh;  display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 300px;}
.welcome-text h1 {font-size: 6vw; font-weight: 900; text-transform: uppercase;}
.welcome-text p {font-size: 28px;}
.flex-cards {clear:both; padding: 140px 0px;}

.reveal-text-wrap {margin-bottom: 70vh; margin-top: 50vh;}

/* .intro-1-exposed {background: #000 !important;}
 body, .intro-1-exposed {transition: all 0.8s ease;} */


/* Intro animation */

.intro-logo-text-1 {font-weight: 900 !important; color: #141414; letter-spacing: 13px; font-size: 46px;}
.intro-logo-text-2 {font-weight: 900 !important; color: #141414; letter-spacing: 4px; font-size: 15px;}

.intro-animation .circle {
	position:fixed;
	border-radius:50%;
	width:100px;
	height:100px;

	background-color:#03b1d5;
	top:50%;
}


.intro-animation .hero {
	overflow:hidden;
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}

.intro-animation .animationWrapper{
	display:flex;
	align-items:center;
	opacity:0;
}

.intro-animation .logo img{
	width:100px;
}

.intro-animation .words {
	display:grid;
	width:400px;
	margin-left:20px;
}

.intro-animation .words > * {
  grid-area: 1 / 1;
}

.intro-animation .rotator {
	display:grid;
	width:400px;
}

.intro-animation .rotator > * {
  grid-area: 1 / 1;
}

.intro-animation .rotator h1 {
	display:flex;
	align-items:center;
	font-size:2em;
	line-height:1em;
}

.intro-animation h1, .intro-animation h2 {
	margin:0;
	padding:0;
}
.intro-animation h1 {
	font-weight:600;
}

.intro-animation h2 {
	font-weight:400;
}

.intro-animation .moreContent {
	display:none;
	padding:50px;
	color:black;
	background:white
}


/* Changer text */

.radical-intro-wrap {font-size: 3vw !nimportant;}
.radical-intro-wrap .line {font-size: 6vw !important;}

.intro-intro {color: #FFF;}

@media (min-width: 844px) {
	.intro {	 font: clamp(2em, 6vw, 8em) "Jeko", sans-serif; font-weight: 900; line-height: 1.2em; text-transform: uppercase;}
}




.intro--slider {	height: 1.2em;	list-style: none;	overflow: hidden;}
.line {color: #FFF;}
.line:nth-of-type(even) {	color: transparent;	-webkit-text-stroke: 1px #FFF;}
.line:last-of-type {	color: #FFF;	-webkit-text-stroke: 0;}
.sqaure-rotate {border-radius: 25px;}

.video-section .text-wrapper span, .video-section .text-wrapper h2, .video-section .text-wrapper a {color: #FFF !important;}
.video-section .text-wrapper img {filter: invert(1); -webkit-filter: invert(1);}

.sponser-section .text-wrapper h2 {color: #FFF;}
.navbar-brand {
    max-width: 240px;
    padding: 10px;
}
.footer-logo img {max-width: 80px;}