html,
      body {
        position: relative;
        height: 100%;
        overflow-x: hidden;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
      }

      body {
        background: #FFF;
        font-family: Roboto !important;
        font-weight: 300;        
        color: #000;
        margin: 0;
        padding: 0;
        background-attachment: fixed;
      }
      .slider.round[data-v-729d83b6] {
      	height: auto !important;
      }
      
      
      p {
        margin: 0;
      }

      .swiper {
        width: 100%;
        height: 100vh;
        background: transparent;
      }
		ul.hanging {
  		  text-indent: -1.7rem;
    	}      
    	

       ul.hanging li {
            list-style: inside url('../img/arrow.svg');
            line-height:1rem;
        }
        
       ul.detaillist  {
            margin-top:-0.5rem;
            margin-bottom:1rem !important;
        }
        
       ul.detaillist li {
            list-style: outside url('../img/arrow.svg');
            line-height:1.4rem;
        }
        
        li::marker  {
        	font-size:2.4em;
        }
        
		ul.hangingjobs {
  		  text-indent: 0rem;
  		  margin-top:0;
    	}      
    	

       ul.hangingjobs li {
            list-style: inside url('../img/arrow.svg');
            line-height:1.6rem;
            height:1.5rem;
        }
                
      .parallax-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 300vw;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        background-image: url(../img/panorama_balken.jpg);
      }
      .tower-focus-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        background-image: url(../img/plain_sky.jpg);
      }

      .tower-focus-bg-job {
        width: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../img/plain_sky.jpg);
      }

      #callout {
        width:auto;
        height:auto;
        position:absolute;
        top:42%;
        left:34%;
      }
		
      .arrow-up {
        float:left;
        width:8rem;
        height:8rem;
      }
      
      .career-teaser {
        float:right;
        height:8rem;
        display:flex;   
        margin-left:-3rem;         
      }
      .FRA-teaser {
        float:left;
        height:100%;
        display:flex;   
        margin-left:-2rem;         
      }
      
      .AMS-teaser {
        float:left;
        height:100%;
        display:flex;   
        margin-top:1rem;         
      }

      
      .career-teaser p {
      	display: inline-block;
      	align-self: flex-end;
      	font-size:2rem;
      	color:#FFF !important;
      }

		
      .swiper-slide {
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 6% 7%;
      }

      .swiper-slide .breadcrumb {
        font-size: 1.2rem;
        font-weight: 300;
        line-height: 3rem;
        letter-spacing: 0.4px;
        margin-bottom:1rem;
      }
      
      .bread::after {
      	display: none;
      }
      
      .bread {
      	display: contents;
      	}
      	
      .claim {
      	width:60%;
      	margin-top:2rem !important;
      }	
      
      .swiper-slide .title, h2, h3 {
        font-size: 2rem ;
        font-weight: 500;
        line-height: 3rem;
        letter-spacing: 0.4px;
        margin: 0;
      }
      
    
      .swiper-slide .jobtitle {
        font-size: 1.2rem;
        font-weight: 300;
        line-height: 2rem;
        letter-spacing: 0.4px;
      }      

      .swiper-slide .subtitle, h1, h4 {
        font-weight: 700;
        font-size:3rem;
        line-height: 4rem;
        margin:0 0 1rem 0;
      }

      .swiper-slide .jobsubtitle {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 3rem;
      }

      .swiper-slide .text {
        font-size: 1.2rem;
        max-width: 560px;
        line-height: 2.3rem;
        font-weight: 300;
        color: #222;
        opacity: 80%;
        background-color: #FFF;
        padding: 1.7rem 1.8rem 0 1.8rem;
        margin-top: 0;
        float: left;
        height:482px;
      }
      
		.intro {
			line-height:2.4rem ;
		}

	
      #jobpage h2, #casestudy h2 {
          font-size:1.8rem;
          line-height:2.1rem;
          color: #31b9ff;
          margin:0;
          font-weight:500;
      }
      #casestudy ul {
      	margin-bottom:0 ;
      	margin-top:-0.5rem;
      }      
      
      #jobpage ul {
      	margin-bottom:0 ;
      	margin-top:1rem;
      	margin-left:1.5rem;
      }
      
      .openjobs h5 {
      	font-size:1.6rem;
      	line-height: 1.8rem;
      	margin:0;
      	
      }

      .openjobs h6 {
      	font-size:1.2rem;
      	line-height: 1.4rem;
      	margin: 0;
      	
      }
      
      .jobbold {
      	font-weight:500;
      	line-height: 1.5rem ;
      	margin-bottom: 1rem;
      }
           
      .jobintro, .einbringst, .bieten, .weiter, .erarbeiten {
        font-size: 1.1rem;
        width: 97%;
        line-height: 2rem;
        font-weight: 300;
        color: #222;
        opacity: 80%;
        background-color: #FFF;
        padding: 1.7rem;
        margin-top: 2rem;
        float: left;
      }
      .sptp {
        float: right;
        max-width: 309px;
        width:100%;
      }
      .jobclick {
        font-size: 2rem ;
        width: 97%;
        line-height: 2.2rem;
        background-color: #F6CF00;
        padding: 1.7rem;
        margin: 2rem 0;
        float: left;
        text-align:center;
        box-shadow: 5px 10px 18px #333;
        font-weight: 400;
        color: #000;

      }      

    #quotebox {
        font-size: 1.2rem;
        width: 470px;
        font-weight: 300;
        height:510px;
        color: #222;
        opacity:1;
        background-color: rgba(255, 255, 255, 0.8);
        padding:0;
        margin: 0;
        float: right;
      }
      
    #alumnibox {
        font-size: 1.2rem;
        width: 100%;
        font-weight: 300;
        height:490px;
        color: #222;
        background-color: #FFF;
        opacity:1;
        padding:0;
        margin: 2rem 0 0 0;
        float: left;
      }
      
      .slick-dots button {
          cursor: pointer;
          float:left;
          font-size:0px;
          height:20px;
          width:20px;
          border-radius:50%;
          border:none; 
          background-color: #fff ;
          margin:10px;
      }

      .slick-dots li {
          list-style:none;
      }
      
      li.slick-active button {
        background-color:#31b9ff ;
        }
        
     button:hover {
        background-color:#31b9ff ;
        }
      
      .slick-dots  {
          width:500px;
          height:30px;
          padding-left: 50%;
      }
      
      .quote img {
          float:right;
          position:relative;
          
      }
      .quote p {
          font-style:italic;
          line-height:2.25rem;
      }      

      .quotesign, .alumnisign {
          font-size:3rem;
          color:#31b9ff;
          font-family: 'Fredoka One', cursive;
      }
      
      .quotetext {
          position:absolute;
          top:2rem;
          left:2rem;
          text-align:center;
          width:270px;
          z-index:100;
      }
      
      .openjobs {
        font-size: 1rem;
        width: 60%;
        line-height: 2rem;
        font-weight: 400;
        color: #222;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 1.8rem;
        margin-top: 0rem;
        float: left;
        height:100%;
      }   
      
      .openjobs ul {
      	list-style-type: none;
      	padding:0 0 0 2rem;
      	margin-bottom:1rem;
      	margin-top:-0.3rem;
      	
      }
    #contactbox {
        font-size: 1.2rem;
        line-height:2rem;
        width: 30%;
        font-weight: 300;
        height:618px;
        color: #222;
        background-color: rgba(255, 255, 255, 0.8);
        padding:0;
        margin: 0rem 0 0 2rem;
        float: right;
        position:relative;
      }
         
      .contacttext {
        font-size: 1.2rem;
        line-height:2rem;
        padding:3rem;
        display:block;
        width:83%;
        text-align:center;
      }   
      
      .contactimg_left {
      	float:left;
      	position:absolute;
      	left:0;
      	bottom:0;
      	height:340px;
      }      
      .contactimg_right {
      	float:right;
      	position:absolute;
      	right:0;
      	bottom:0;
      	height:340px;
      }
     
     .alumni {
    width: 100%;
    height: 300px;
    float: left;

} 
.alumnitext {
	max-width:50%;
    text-align: center;
    font-weight: 300;
    color: #000;
    padding: 3rem;
    float: left;
}

      .alumni img {
          z-index:1000;    
          height:490px;
          float: left;
      }
      
      .alumni p {
          font-style:italic;
          margin: 1.5rem 0;
          font-size: 1.1rem;
          line-height: 1.8rem;
      }      


   
      .quotename {
          font-size:1rem;
          line-height:12px;  
      }
      
      .alumniname {
          font-size:1rem;
          line-height:1.3rem ;  
      }
      
      .alumni_portrait {
      	float:right;
      }
      
      .werdegang {
      	margin-top:2rem;
      }

      .video-text {
        font-size: 1.2rem;
        max-width: 660px;
        line-height: 2.2rem;
        font-weight: 300;
        color: #222;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 2rem 2.2rem;
        margin-top: 2.6rem;
        float: left;
        height:397px;
      }
      .video {
          margin-top:2rem;
          float:right;
          width:820px;
      }      
      
      .career {
      	height:5.5rem ;
      }
      
      .timing {
          float: left;
          text-align: right;
          font-size:1.15rem;
          font-weight:500;
          width:13rem;
          margin:1.3rem 1rem 0 0;	
	}
	
	.hoch, .mobile {
		display:none;
	}

      
      .process-icon {
          width:4.1rem;
          margin-right: 1rem;
          float: left;
      }
      
      .stages {
          font-size:1.15rem;
          height: 4.3rem;
          padding-bottom:0.6em;
          font-weight:300;
          vertical-align: middle;
          display:table-cell;
      }
      
            
      .swiper-slide .joblink {
        font-size: 1.1rem;
        height:44px;
        line-height: 1.5rem;
        font-weight: 400;
        color: #31b9ff;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 1.4rem;
        margin-bottom: 0.97rem;
        display: block;
        position:relative;
      }
      
      .alljobs {
        font-size: 2rem;
        max-width: 400px;
        height:44px;
        line-height: 1.4rem;
        font-weight: 400;
        background-color: #31b9ff;
        color: #FFF;
        padding: 2.3rem 1rem 0.7rem 1.4rem;
        display: block;
        position:relative;
      }

      .alljobs a{
        color: #FFF;
        }    

      #jobbox {
          margin-top:0;
          margin-left:2rem;
          float: left;
		max-width: 400px;
      }
      .colleagues {
          margin-top:0;
          width:820px;
          float:right;
      }
      .colleagues-text {
        font-size: 1.2rem;
        max-width: 770px;
        line-height: 2rem;
        font-weight: 300;
        color: #222;
        opacity: 80%;
        background-color: #FFF;
        padding: 1.8rem 2rem 2.3rem 1.8rem;
        margin-top: 0;
        float: left;
        height:430px;
      }
      .colleague {
          float:left;
      }
      
      .portrait {
          width:220px;
          height:220px;
          margin-left: 50px;
          margin-bottom:50px;
      }
      
      #benefits {
          padding-top:3rem ;
          float:left;
      }
      
        .benefit {
            float:left ;
            width: 230px;
            height:153px;
            margin-right: 30px;
            margin-bottom:30px;
      }
      
      .portrait:hover { 
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);        
      }

      .shadow {
        color: hsl(0, 0%, 100%);
        text-shadow: 2px 2px 11px hsl(10, 20%, 20%);
      }

      .job-arrow {
        position: absolute;
        top :40px;
        right:20px;
      }

      .swiper-pagination {
        display: block;
        position: relative;
        text-align:left;
        z-index:4000;
      }
      
	.swiper-pagination-bullet {
		width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,26px));
		height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,18px));
		display: inline-block;
		border-radius: 0%;
		margin-right:12px ;
		background:var(--swiper-pagination-bullet-inactive-color,#FFF);

}      
      .mouse {
        text-align: center;
        width: 100%;
        height: 60px ;
        z-index: 100;
      }

      .clicker {
        position: absolute;
        bottom: 1em;
        width: 100%;
        text-align: center;
        z-index: 100;
      }

      .clicker2 {
        position: absolute;
        bottom: 1em;
        text-align: center;
        width: 100%;
        z-index: 100;
      }

      .logo {
        position: fixed;
        top: 4%;
        width: 18% ;
        z-index: 100;
        left: 3%;
      }
      .logo_job {
      	position: fixed;
        top: 4%;
        width: 18% ;
        z-index: 100;
        left: 3%;
      }      
      
      .news {
      	width:140px;
      	position: absolute;
      	top:13%;
      	right: 9%;
      	z-index:1000;
      }
     
      .case {
      	width:220px;
      	position: absolute;
      	top:16%;
      	right: 19%;
      	z-index:1000;
      }
      
      .callout {
      	width:400px;
      	position: absolute;
      	top:8%;
      	left: 22%;
      	z-index:1000;
      }
      
      #CTA_RSI, #CTA_FGI, #CTA_PKH, #CTA_KSC, #CTA_SMU, #CTA_JHA {
      	z-index:3000;
      	display:none;
      }

      .promo {
      	width:140px;
      	position: absolute;
      	display: block;
      	top:37%;
      	right:50%;
      	z-index:3000;
      	border-radius:100%;
      }
      
      .main {
      	height: 100vh;
      	overflow-y: auto;
      	scroll-snap-type: y mandatory;
      }      

      .scroll-container {
        width: 100vw;
        height: 100vh;
        overflow: visible;
        scroll-snap-align: start;
        
      }
      .credit-container {
        width: 100vw;
        height: 30px;
        overflow: auto;
        scroll-snap-align: start;
      }
      

      .scroll-container, .scroll-area {
        margin: 0 auto;
      }

      a {
        color: #31b9ff;
        text-decoration: none;
      }   
      .joblink a, .openjobs a {
        color: #31b9ff !important;
      }   
      .vimeo-text {
      	display:none;
          margin-top:2rem;
          width:740px;
          float:right;
        font-size: 1.2rem;
        line-height: 2.2rem;
        font-weight: 300;
        color: #222;
        opacity: 80%;
        background-color: #FFF;
        padding: 2rem 2.2rem;
        margin-top: 2rem;
        height:430px;
      }
      .vimeo-text-2 {
      	display:none;
          margin-top:2rem;
          width:740px;
          float:right;
        font-size: 1.2rem;
        line-height: 2.2rem;
        font-weight: 300;
        color: #222;
        opacity: 80%;
        background-color: #FFF;
        padding: 2rem 2.2rem;
        margin-top: 2.6rem;
        height:397px;
      }

      strong {
      	font-weight:400;
      }

      .logosize {
        background-image: url("../img/logo.svg");
        background-repeat: no-repeat;
        width: 200px;
        height: 40px;
      }
      .bubble {
      	opacity:0.8;
      }
      #bubble1 {
      	width:250px;
      	position: absolute;
      	left:2%;
      	top:11rem;
      	}
      	
      #bubble2 {
      	width:280px;
      	position: absolute;
      	left:22%;
      	top:2rem;
      	}
      #bubble3 {
      	width:300px;
      	position: absolute;
      	left:39%;
      	top:18rem;
      	}
      #bubble4 {
      	width:320px;
      	position: absolute;
      	left:55%;
      	top:-4rem;
      	z-index:100;
      	}
      #bubble5 {
      	width:290px;
      	position: absolute;
      	left:75%;
      	top:17rem
      	}
      	#nationen {
      	width:390px;
      	position: absolute;
      	left:9%;
      	top:7rem
      	}
        #frauen {
      	width:550px;
      	position: absolute;
      	left:55%;
      	top:7rem
      	}
      	#website {
      	width:560px;
      	position: absolute;
      	left:9%;
      	top:17rem
      	}
      	#presse {
      	width:470px;
      	position: absolute;
      	left:55%;
      	top:17rem
      	}
      	#quereinsteiger {
      	width:450px;
      	position: absolute;
      	left:9%;
      	top:27rem
      	}
      	#alter {
      	width:340px;
      	position: absolute;
      	left:55%;
      	top:27rem
      	}
      	
      	.fa-check-circle {
      	    color:#31b9ff;
      	}
      	.arrow-pos {
          float: right;
          margin-left: 1rem;
          position: relative;
          top: 0.8rem;
          right: -0.3rem;
          }
          
        .arrow-pos-all {
          float: right;
          margin-left: 1rem;
          position: relative;
          top: 0rem;
          right: 0rem;
          }
          
          .job-arrow {
          float: left;
          margin-right: 1rem;
          position: relative;
          top: 0rem;
          right: -0.3rem;
      	  color:#31b9ff;          
          }

          .phone {
          animation-name: flash;
          -webkit-animation-duration: 3s;
          animation-duration: 3s;
          -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          color:#31b9ff;
          }
          
          .fa-paper-plane {
          color:#31b9ff;
          }

#floating-share-buttons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden;
}
#floating-share-buttons li {
  
}
#floating-share-buttons a {
  color: #fff;
  text-decoration:none;
  font-size:14px;
  background-color: #31B9FF ;
  
}
  ul#floating-share-buttons {    
    position: fixed;
    top: 27%;
    left:0;
    transform: translateY(-50%);
    min-height: 100px;
    padding: 0px;
    z-index:900;
    width:auto;
  }
  ul#floating-share-buttons a {
    width:3rem;
    height:3rem;
    align-items: center;
    display: inline-flex;
    justify-content: center;    
    transition: width 0.5s;
  }
  ul#floating-share-buttons a:hover {
    width:4.5rem;
  }
.whatsapp {
	display: none;
}
  

.follow {
	float: right;
    position: fixed;
    top: 2rem !important;
    right:2rem;
    z-index:1000;
    font-weight:300;
    width: auto;
}
.follow p {
	float: left;
	margin-right:1rem;
	padding:0;
	color: #FFF;
}

.follow ul {
	list-style-type: none;
	float: right;
	margin:0;
	padding:0;
}

.follow li {
  float: left;
  margin: 0 8px;
  font-size: 1.2rem;
}


.follow a {
	color: #fff;
}

  

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #FFF;
  opacity:1;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #FFF;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: 666;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: 300;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  margin-left:20px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #666;
  font-size: 2rem;
  padding: 8px 0px 0px 0px;
  position: absolute;
  top: 0;
  font-weight:300;
}


.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.button__link {
	text-decoration: none;
}


/* Flip box */


.flip-box {
  perspective: 1000px;
  cursor:pointer;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.flip-box-front {
  color: black;
}

.flip-box-back {
  background: rgba(255, 255, 255);  
  background-color: rgba(255, 255, 255);  
  color: #000;
  width:190px;
  height:112px;
  padding:20px;
  transform: rotateY(180deg);
  font-size:0.9rem;
  font-weight:300;
}
      	
.flip-box-back p {
  vertical-align: middle;
  display:table-cell;
  height:112px;
}    

/* Flip circle */

.flip-circle {
  background-color: #FFF;
  perspective: -200px;
  cursor:pointer;
}

.flip-circle-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-circle:hover .flip-circle-inner {
  transform: rotateY(-180deg) scaleX(1.5) scaleY(1.5);
}

.flip-circle-front, .flip-circle-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-circle-front {
  background-color: #bbb;
  color: black;
}

.flip-circle-back {
  background-color: #fff ;
  background: #FFF;
  color: #000;
  width:160px;
  height:160px;
  border-radius:50%;  
  padding:20px;
  transform: rotateY(-180deg) scaleX(1.5) scaleY(1.5);
  font-size:0.55rem;
  line-height:0.9rem;
  font-weight:300;
}
      	
.flip-circle-back p {
  vertical-align: middle;
  display:table-cell;
  height:175px;
}   

.themen {
    width: 230px;
    float: left;
      }
 

#footer {
	font-weight: 300;
	color:#FFF;
	float: left;
	text-align:center;
	width:100%;
	padding-top:2rem;
}	
#footer a {
	color:#FFF ;
}	

.dropbtn {
  background-color: #31B9FF;
  font-family: Roboto;  
  font-weight: 300;
  color: white;
  border: none;
  cursor:pointer;
  font-size:1.2rem;
  text-align: center;
  min-width:100%;    
}

.dropup {
  position: relative;
  display: inline-block;
  width:97%;      
  padding: 1.7rem;
  background-color: #31B9FF;  
}

#dropup-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  bottom: 4.8rem;
  z-index: 1;
  min-width:100%;
  margin-left:-1.7rem;    
  padding:2rem 0;  
}

#dropup-content a {
  color: #31B9FF;
  padding: 1rem;
  font-size:1.1rem;
  font-weight:300;  
  text-decoration: none;
  padding: 0;
}
#dropup-content p {
  padding: 1rem 0 0 2rem;
  font-size: 1.2rem;
  font-weight:500;
  color:#000;
}

#dropup-content h2 {
  padding-left: 2rem;
}

#dropup-content h3 {
  color: #000;
  font-size:1.3rem;
  font-weight:300;  
  text-decoration: none;
  padding-left: 2rem;
}

/*
.dropup-content a:hover {background-color: #ccc}

.dropup:hover .dropup-content {
  display: block;
}

.dropup:hover .dropbtn {
  background-color: #31B9FF;
  color:#000;
  
}
*/

#overlay, #overlayRSI {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255, 0.97);
  z-index: 3000;

}

.iframe {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.news-outer {
	display: flex;
	align-items: center;
	justify-content: center;
} 
     	
.news-inner {
	max-width: 1024px;
	margin-top:10%;
}	

.news-entry {
	width:100%;
	float:left;
	margin-bottom:2rem;
}

.news-thumb {
	float:left;
}

.news-thumb img{
	width:200px;
	height:200px;
	margin-right:2rem;
}

.news-text {
	width:100%;
	font-size: 0.95rem;
	line-height:1.5rem;
	font-weight:300;
}

.news-text h3 {
	margin-top:-0.8rem;
}
.news-close {
  position: fixed;
  z-index: 2000;
  top: 50px;
  right: 50px;
  cursor: pointer;
  width:40px;
  height:40px;
}