@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');


.support-btn {
    display: block;
    tex-webkit-animation: btnWiggle 3s infinite;
  -moz-animation: btnWiggle 3s infinite;
  -o-animation: btnWiggle 3s infinite;
  animation: btnWiggle 3s infinite;
}

/* animation */
@-webkit-keyframes btnWiggle {
	0% {-webkit-transform: rotate(0deg);}
	2% {-webkit-transform: rotate(-1deg);}
	3.5% {-webkit-transform: rotate(1deg);}
	5% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@-o-keyframes btnWiggle {
	0% {-webkit-transform: rotate(0deg);}
	2% {-webkit-transform: rotate(-1deg);}
	3.5% {-webkit-transform: rotate(1deg);}
	5% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@keyframes btnWiggle {
	0% {-webkit-transform: rotate(0deg);}
	2% {-webkit-transform: rotate(-1deg);}
	3.5% {-webkit-transform: rotate(1deg);}
	5% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}


@font-face {
    font-family: 'TideSans-100LilBunny';
    src: url('/home/fontface/TideSans-100LilBunny-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-100LilBunny-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-100LilBunny.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans-100LilBunnyItalic';
    src: url('/home/fontface/TideSans-100LilBunnyItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-100LilBunnyItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-100LilBunnyItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans-200LilMondo';
    src: url('/home/fontface/TideSans-200LilMondo-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-200LilMondo-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-200LilMondo.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans-200LilMondoItalic';
    src: url('/home/fontface/TideSans-200LilMondoItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-200LilMondoItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-200LilMondoItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-300LilKahuna';
    src: url('/home/fontface/TideSans-300LilKahuna-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-300LilKahuna-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-300LilKahuna.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-300LilKahunaItalic';
    src: url('/home/fontface/TideSans-300LilKahunaItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-300LilKahunaItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-300LilKahunaItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TideSans-400LilDude';
    src: url('/home/fontface/TideSans-400LilDude-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-400LilDude-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-400LilDude.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-400LilDudeItalic';
    src: url('/home/fontface/TideSans-400LilDudeItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-400LilDudeItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-400LilDudeItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-500Dudette';
    src: url('/home/fontface/TideSans-500Dudette-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-500Dudette-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-500Dudette.ottf') format('ttf');

    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-500DudetteItalic';
    src: url('/home/fontface/TideSans-500DudetteItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-500DudetteItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-500DudetteItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-600Bunny';
    src: url('/home/fontface/TideSans-600Bunny-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-600Bunny-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-600Bunny.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-600BunnyItalic';
    src: url('/home/fontface/TideSans-600BunnyItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-600BunnyItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-600BunnyItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-700Mondo';
    src: url('/home/fontface/TideSans-700Mondo-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-700Mondo-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-700Mondo.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-700MondoItalic';
    src: url('/home/fontface/TideSans-700MondoItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-700MondoItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-700MondoItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-800Kahuna';
    src: url('/home/fontface/TideSans-800Kahuna-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-800Kahuna-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-800Kahuna.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-800KahunaItalic';
    src: url('/home/fontface/TideSans-800KahunaItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-800KahunaItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-800KahunaItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-900Dude';
    src: url('/home/fontface/TideSans-900Dude-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-900Dude-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-900Dude.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TideSans-900DudeItalic';
    src: url('/home/fontface/TideSans-900DudeItalic-webfont.woff2') format('woff2'),
         url('/home/fontface/TideSans-900DudeItalic-webfont.woff') format('woff'),
         url('/home/fontface/TideSans-900DudeItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
body {font-family: 'TideSans-300LilKahuna'; font-weight:300;}

/*table on pressure test facility page */
.tablepress-id-14 .column-1 {
  width: 60px;
}

.tablepress-id-18 .column-1 {
  width: 75px;
}

/* WHOI Giving */

.post-178016 body, .post-178016  h1, .post-178016   h2, .post-178016  h3, .post-178016  h4, .post-178016  p {font-family: 'TideSans', sans-serif;}
.post-178016 .fl-post-title {display:none}
.post-178016 .fl-post-header {display:none}
.giving-home-1 h3 {font-family: 'TideSans', sans-serif;text-align:center;font-weight:500;color:#ffffff;font-size:34px;text-shadow:5px 5px 15px #000000}
.giving-home-1 h1 {font-family: 'TideSans', sans-serif;text-align:center;font-weight:700;color:#ffffff;font-size:54px;line-height:1.3;text-shadow:5px 5px 15px #000000}
.giving-home-1 p {font-family: 'TideSans', sans-serif;text-align:center;font-weight:300;color:#ffffff;font-size:18px;letter-spacing:.15em}



.giving-footer .sm p {font-family: 'TideSans', sans-serif;text-align:center}
.giving-footer h3 {font-family: 'TideSans', sans-serif;font-weight:300;font-size:20px;margin-bottom: .5em;letter-spacing: .2em}
.giving-footer .sm img {
    display: inline-block;
    margin: .5em 1.8em 2em 0;
}



/*.giving-footer .box p{text-align:left;}*/

/* World Oceans Day - Together for Science */

.post-165119 body, .post-165119 h1, .post-165119  h2, .post-165119 h3, .post-165119 h4, .post-165119 p {font-family: 'Montserrat', sans-serif;}

.post-165119 .pp-photo-caption.pp-photo-caption-hover {
    font-size: 24px;
    line-height: 32px;
    padding: 1em;
}

.post-165119 .fl-page-header .announcement-bar {display:none !important}

@media (max-width: 767px) {

.post-165119 .fl-module.fl-module-rich-text.fl-node-5ed4f6ec84096 {font-size:20px !important;}
.post-165119 h2 { font-size: 30px !important;}
}

/* hide give button on Ocean Encounters page */

.page-id-151133 #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link {
    display: none;
}

/* for oceanus homepage */

.oceanus-toc {color:#ffffff;}
.oceanus-toc a {color:#ffffff;}

/* background oceanus membership box */
.fl-node-5e919bbba7214 > .fl-col-content {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .3);
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border: 2px solid #8DC7F8;
}

.fl-node-5e919bbba7214> .fl-col-content  a {color: #ffffff;}

/* background oceanus membership box */
.fl-node-5e945b354cafe > .fl-col-content {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .3);
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border: 2px solid #8DC7F8;
}

.fl-node-5e945b354cafe> .fl-col-content  a {color: #ffffff;}

.side-box-ocean-encounters {
    background-color: #c7d9e6;
    border: 1px #aab5bd solid;
    margin: 0 20px;
}
.side-box-ocean-encounters h3 a {
    background: #27668f;
    color: #ffffff;
    padding: .2em .75em;
}

/* for lectures page */
.side-box-lectures {
    background: #c7d9e6;
    border: 1px #aab5bd solid;
    margin-bottom: 16em;
    margin-bottom: 250px;
    position: fixed;
   top:334px;
   width:20%;
  max-width:290px;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
    .side-box-lectures {
    background: #c7d9e6;
    border: 1px #aab5bd solid;
    position: fixed;
   top:334px;
   width:20%;
  max-width:290px;
}
}

.covid-19 h2 {
background:#173656 !important;
color:#ffffff !important;
padding: 4px 10px;
margin:20px 0 10px;
}

.covid-19 li {
    margin-top: .5em;
}

.fl-row-content-wrap .covid-19 ul {
    list-style: none;
    margin-left: 0;
    padding-left: 2em;
    text-indent: -.8em;
}
.covid-19 ul li:before {
  content:"\2022";
  padding-right: .3em;
  color: #173656;
font-weight:700;
}


.covid-19 ul li > ul li:before {
    content: "\2022";
    color: #173656;
    font-weight: normal;
}

/* Oceans of Change article */
.postid-132004 header.fl-post-header,
div#breadcrumbs {
    display: none;
}

.postid-132004 h3 {
    font-size: 36px;
    line-height: 1.3;
}

blockquote.right {
    padding: 0px 20px 0 0;
    margin: 0 0 0px;
    border-right: 2px solid #27668f;
    border-left: 0;
}

/* OTZ popup sign up button styles */
.btn-signup2 {
    font-size: 16px;
    line-height: 1.2px;
    text-decoration: none;
    border: 1px solid #ffffff;
    text-align: center;
    padding: 24px 30px;
    color: #ffffff !important;
    margin-top: 20px;
      background:#4cb3ca;
    transition: background-color .3s ease-out;
    float: left;
width:80%;
}

.btn-signup2:hover {
background: #ffffff;
color:#4cb3ca !important;
border:1px solid #4cb3ca;
}


/* styles for Best of 2019 page */
.best-of, .best-of h1,  .best-of h2, .best-of h3  {color:#ffffff;}
.best-of a {color:#ffffff !important}
.best-of h1 {color:#031c33;}
.best-of h2{
font-size:34px;
color:#ffffff ;
background:#031c33;
padding:8px 0px 8px 20px ;
max-width:580px;
margin-bottom:0;
}
.learn-more h3{
color: #ffffff
}

.best-of-graphic {
background:#173656;
padding:30px 0px 27px;
margin-top:20px;
}

.side-box li {
margin-bottom:8px;
}

/* styles for google form on Sea Level Rise page */
div#gform_wrapper_1 {
margin:0 !important;
}

.gform_wrapper .top_label div.ginput_container {
    margin-top: 0px;
margin-bottom:20px;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0px;
    padding-top: 0;
}

.gform_wrapper .gform_heading {
    width: 100%;
    margin-bottom: 0  !important;
}

.gform_wrapper span.gform_description {
margin-bottom: 0px;
}

.gform_wrapper .top_label div.ginput_container {
     margin-top: 0px !important;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 400;
   /* font-size: inherit;*/
font-size:14px;
}

/*removes the caption from gallery in Chris Linder Profile */
.fl-node-5dd5676728f7d .fl-photo-caption.fl-photo-caption-below {
    display: none;
}

@media (max-width: 767px){
h2 {font-size: 24px;}
}


.visit-whoi h4 {
font-size:28px;
}

	.schedule{
		width:100%;
		border-collapse:collapse;
	}
	.schedule td{
		padding:7px; border:#173656 1px solid;
	}
	/* provide some minimal visual accommodation for IE8 and below */
	.schedule tr{
		background: transparent;
	}
	/*  Define the background color for all the ODD background rows  */
	.schedule tr:nth-child(odd){
		background: transparent;
	}
	/*  Define the background color for all the EVEN background rows  */
	.schedule tr:nth-child(even){
		background: #ffffff;
	}





.wod p{
line-height:1.6;
text-shadow: 2px 2px #000000;
}
.wod p a{
color: #8dc7f0;
}
.wod p a:hover{
color: #eeeeee;
text-decoration:none
}

.wod h1{
font-size:72px;
text-shadow: 2px 2px #000000;
}

.wod h2, .get-involved h2 {
font-size:50px;
text-shadow: 2px 2px #000000;
}
.wod-boxes h3{
font-size:28px;
line-height:1.3
}
.wod-boxes h3 a{
color: #8dc7f0;
color:#bcdef6;
}

.wod-boxes h3 a:hover{
color: #ffffff;
}

h1 { line-height: 1.2;}

#tribe-events-pg-template .tribe-events-content h3, .tribe-events-after-html h3, .tribe-events-before-html h3 {
    font-size: 24px;
    line-height: 1.8;
}

p#caption-attachment-39619 {
font-size:16px;
line-height:1.7;
margin:0 0 10px;
}

.btn-donate {
  background: #04e7f7;
  background: #03c8d7;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  font-family:'Open Sans', sans serif;
  font-weight:400;
  color: #ffffff;
  font-size: 22px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
  text-align: center;
  margin: auto;
  letter-spacing:.05em;
}

 .btn-donate:hover {
  background: #ffffff;
  color: #000000;
  text-decoration: none;
}

.tablepress tfoot th, .tablepress thead th {
    background: #27668f;
    color: #ffffff;
}

table tr:nth-of-type(even) {
    background: none;
}

.tablepress tbody td, .tablepress tfoot th {
    border: 1px solid #c7d9e6;
}

/* hide top image  */

.postid-47856 .content-splash-img,
.postid-78229 .content-splash-img,
.postid-73492 .content-splash-img,
.postid-92622 .content-splash-img,
.postid-95735 .content-splash-img,
.postid-110674 .content-splash-img,
.postid-118536 .content-splash-img,
.postid-121002 .content-splash-img,
.postid-125396 .content-splash-img,
.postid-26073 .content-splash-img,
.postid-148028 .content-splash-img,
.postid-151531 .content-splash-img,
.page-id-153300 .content-splash-img,
.postid-161718 .content-splash-img
 {display:none}

.postid-118536 hr {display: none;}

/* styles for news & insights story Spock vs the volcano */
.postid-124135 .fl-post-title {display:none}
.postid-124135 hr {display: block; height: 4px; width: 90px; border: 0; border-top: 4px solid #215a7e; margin: 30px auto; padding: 0;opacity:.7}
.postid-124135 .fl-slide-title, .fl-slide-text h1 {line-height:1.2}
.postid-124135 header.fl-post-header {display: none;}
.postid-124135 nav.breadcrumb-trail.breadcrumbs {display: none;}
.postid-124135 .fl-node-5e1f27ce656d8 .fl-slide-0 .fl-slide-content {background: rgba(3,28,51,0.4);padding: 1.2em;}

/* styles for news & insights story Natural Polluntants in Fish */
.postid-159163 .fl-post-title {display:none}
.postid-159163 header.fl-post-header {display: none;}

.post-18020 .content-splash-img {display:none}
.post-147934 .fl-post-title {display:none}
.post-153222 .fl-post-header {display:none}
/* removes title and space - the many lives of plastic */
.post-165946 .fl-post-title {display:none}
.post-165946 .fl-post-header {display:none}
.fl-node-5ee3672c6aff6 .fl-slide-0 .fl-slide-title, .fl-node-5ee3672c6aff6 .fl-slide-0 .fl-slide-text {
    text-shadow: 5px 5px 10px rgba(0,0,0,0.9);
margin-bottom:0 !important;
}

/* removes title and space - maxwell - celebrating an oceanographer */
.post-174727 .fl-post-title {display:none}
.post-174727 .fl-post-header {display:none}

/* removes title and space - are we alone */
.post-172663 .fl-post-title {display:none}
.post-172663 .fl-post-header {display:none}

/* removes title and space - on high seas */
.post-174330 .fl-post-title {display:none}
.post-174330 .fl-post-header {display:none}

/* removes title and space - to sail, not drift */
.post-174403 .fl-post-title {display:none}
.post-174403 .fl-post-header {display:none}

/* removes title and space - looking into the future */
.post-174471 .fl-post-title {display:none}
.post-174471 .fl-post-header {display:none}

/* removes title and space - Sea Ahead */
.post-171857 .fl-post-title {display:none}
.post-171857 .fl-post-header {display:none}

/* remove top image from Oceanus story: Eavesdropping on Shrimp’s Snap Chat */
.postid-24856 .content-splash-img {display:none}

@media (max-width: 767px){

.fl-builder .container.fl-content-full .fl-post-header {padding-top: 20px;}
h2 {font-size: 24px !important;}

}


/* birds on homepage */

.bird {
    background-image: url(http://www.iamramraj.com/demo/Flying_birds_CSS_animation_examples/bird-cells.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
    animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bird--one {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.bird--two {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
.bird--three {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}
.bird--four {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.bird-container {
    position: absolute;
    left: -7.5vw;
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
    animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}
.bird-container--one {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.bird-container--two {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.bird-container--three {
    -webkit-animation-duration: 14.6s;
    animation-duration: 14.6s;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}
.bird-container--four {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 10.25s;
    animation-delay: 10.25s;
}
 @-webkit-keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
 @keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
@-webkit-keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@-webkit-keyframes fly-right-two {
 0% {
 left: -10%;
 opacity: 1;
 -webkit-transform: translateY(-2vh) scale(0.5);
 transform: translateY(-2vh) scale(0.5);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(0vh) scale(0.4);
 transform: translateY(0vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(-4vh) scale(0.6);
 transform: translateY(-4vh) scale(0.6);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(1vh) scale(0.45);
 transform: translateY(1vh) scale(0.45);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(-2.5vh) scale(0.5);
 transform: translateY(-2.5vh) scale(0.5);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 51% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 100% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
}
@keyframes fly-right-two {
 0% {
 left: -10%;
 opacity: 1;
 -webkit-transform: translateY(-2vh) scale(0.5);
 transform: translateY(-2vh) scale(0.5);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(0vh) scale(0.4);
 transform: translateY(0vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(-4vh) scale(0.6);
 transform: translateY(-4vh) scale(0.6);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(1vh) scale(0.45);
 transform: translateY(1vh) scale(0.45);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(-2.5vh) scale(0.5);
 transform: translateY(-2.5vh) scale(0.5);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 51% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 100% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
}