@charset "UTF-8";
/* CSS Document */

body .slides {font-size: 3vw !important; position:relative; min-height:100vh; padding-top: 2.5%;
	padding-right: 10%;
	padding-bottom: 2.5%;
	padding-left: 10%; z-index:99}

@media only screen and (max-width : 812px) {
	body .slides {font-size: 6vw !important; padding-top:5%; padding-bottom: 5%; min-height:inherit;padding-right: 5%;padding-left: 5%;}}
	
#slide3 .slides{padding-top: 0 !important;}
#slide2 .slides{padding-bottom: 0 !important;}
	
.ar10-intro-text {position:relative}

.page-template-anniversary-report .slides div {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;
}

.ar10-titlebg {
	background-position: center center;
	height: -moz-calc(100vh - 100px);
	height: -webkit-calc(100vh - 100px);
	height: -o-calc(100vh - 100px); 
	height: calc(100vh - 100px);
	width: 100vw;
	background-size: cover;
	position: relative;
	top: 0px;
	padding-top: 100px; min-height:auto !important;
}

@media only screen and (max-width : 812px) {
.ar10-titlebg {
	background-position: center center;
	height: auto;
	width: 100vw;
	background-size: cover;
	position: relative;
	top:0px; padding-top:100px;padding-bottom: 30%;	
}	
}

.ar10-top50 {position:absolute;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}
.ar10-intro-text h1 {font-size:250%; color:#000; margin-left:5%; margin-top:2.5%; display:inline-block; line-height:1.2; text-shadow: 0px 0px 20px #fff;font-weight: 400;
}
.ar10-intro-text .h2-holder {
	margin-top: 3.8%;
	margin-bottom: 0;
	position: absolute;
	right: 0%;
	width: 40%;
	top: 0; text-align:left	
}

@media only screen and (max-width : 812px) {
.ar10-intro-text .h2-holder {position:relative; padding:5%; right:auto; width:90%; margin:0 !important}	
}

.ar10-intro-text h2 {font-size: 100% !important; color: #5bc7c7; font-family: 'Oswald', sans-serif; line-height: 1.2; text-shadow: 0px 0px 20px #fff; width:30vw; font-weight: 400;}

@media only screen and (max-width : 812px) {
	.ar10-intro-text h2 {width:auto;}
}
.slides h2 {
	color: #0e334d;
	font-family: 'Oswald', sans-serif !important;
	font-size: 120%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2.5%;
	margin-left: 0;
}

.ar10-intro-text .h3-holder {display:block; position:relative; margin-top:15%;}
.ar10-intro-text .h3-holderbg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; opacity:0.8; 
}

.ar10-intro-text h3 {
	position: relative;
	z-index: 99;
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 90%;
	line-height: 1.2;
	font-weight: 400;
	margin: 0;
	text-shadow: 0px 0px 10px #000;
	letter-spacing: 1px;
}

.ar10-cover {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; background-color: #0e334d; opacity:0
}
.nowrap {white-space: nowrap;}

@keyframes slideboxleft {0% {left: -20px;}100% {left: 0px;}}
@-moz-keyframes slideboxleft {0% {left: -20px;}100% {left: 0px;}}
@-webkit-keyframes slideboxleft {0% {left: -20px;}100% {left: 0px;}}
@-o-keyframes slideboxleft {0% {left: -20px;}100% {left: 0px;}}
@-ms-keyframes slideboxleft {0% {left: -20px;}100% {left: 0px;}}

.sliderleft {
	animation: slideboxleft 1s 0s ease;
	-webkit-animation: slideboxleft 1s 0s ease;
	 moz-animation: slideboxleft 1s 0s ease;
  -o-animation: slideboxleft 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; display:block; position:relative;
  animation-delay: 0.25s;}
  
  
  
@keyframes slideboxright {0% {right: -20px;}100% {right: 0px;}}
@-moz-keyframes slideboxright {0% {right: -20px;}100% {right: 0px;}}
@-webkit-keyframes slideboxright {0% {right: -20px;}100% {right: 0px;}}
@-o-keyframes slideboxright {0% {right: -20px;}100% {right: 0px;}}
@-ms-keyframes slideboxright {0% {right: -20px;}100% {right: 0px;}}

.slideright {
	animation: slideboxright 1s 0s ease;
	-webkit-animation: slideboxright 1s 0s ease;
	 moz-animation: slideboxright 1s 0s ease;
  -o-animation: slideboxright 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; display:block; position:relative;
  animation-delay: 0.25s;}
  
@media only screen and (max-width : 812px) {
.slideright {width:100%}
.slideright img {width:100% !important; height:auto !important}	
}

@media only screen and (max-width : 812px) {
#slide6 .revorder, #slide8 .revorder {display: flex; flex-direction: column;}  
#slide6 .revorder .lefttext, #slide8 .revorder .lefttext  {order: 2;}
#slide6 .revorder .lazyimgholderright, #slide8 .revorder .lazyimgholderright {order: 1;}
}
  
  
.fadein {
	 animation: fadein 1.5s 0s ease;
	-webkit-animation: fadein 1.5s 0s ease;
	 moz-animation: fadein 1.5s 0s ease;
  -o-animation: fadein 1.5s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; animation-delay: 0.25s; opacity:0}
	


@keyframes fadein {from{ opacity: 0;}to{opacity: 1;}}
@-moz-keyframes fadein {from{ opacity: 0;}to{opacity: 1;}}
@-webkit-keyframes fadein {from{ opacity: 0;}to{opacity: 1;}}
@-o-keyframes fadein {from{ opacity: 0;}to{opacity: 1;}}
@-ms-keyframes fadein {from{ opacity: 0;}to{opacity: 1;}}

#slide1 {
	padding-top: 100px !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
}

@media only screen and (max-width : 812px) {
#slide1 { min-height:50vh !important;}	}

#slide2 {
	padding-top: 2.5%;
	padding-right: 10%;
	padding-bottom: 2.5%;
	padding-left: 10%;
}

@media only screen and (max-width : 812px) {
#slide2 {padding-right: 0; padding-left: 0;}	
}

.lazyload {margin-top:300px}

.el50 {width:38.75vw;}

.floatleft {float:left}
.floatright {float:right}
.lazyimg {margin-top:0 !important;}
.lazyimgholder {width:38.75vw; height:25vw; display:block; float:right;}
.lazyimgholderleft {width:38.75vw; height:25.9vw; display:block; float:left;}
.lazyimgholderright {width:38.75vw; height:25.9vw; display:block; float:right;}

@media only screen and (max-width : 812px) {
	.lazyimgholderleft,.lazyimgholderright {width:90vw; height:60vw; float:none;} 
	
}

.first-para { display:block; clear:both; margin-top:2.5%; font-size:60% !important; line-height:1.2; color: #116271 !important;}
.first-para:first-letter {
  float: left;
  font-family: 'Oswald', sans-serif;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}
.slides p {
	font-size: 50%;
	color: #333;
}

.holder {position:relative}

.page-template-anniversary-report .embed-container {margin-top:10%; margin-bottom:5%; width: 75%;
padding-bottom: 42.1875%; margin-left:auto; margin-right:auto; }

.page-template-anniversary-report .embed-container{
animation: fadein 1.5s 0s ease;
	-webkit-animation: fadein 1.5s 0s ease;
	 moz-animation: fadein 1.5s 0s ease;
  -o-animation: fadein 1.5s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; 
   opacity:0}

.ar20years-arrowdown {
	width: 10vw;
	height: 10vw;
	background: #24a5dc;
	border-radius: 50%;
	padding: 20px;
	margin-top: 5%;
	display: inline-block;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
@media only screen and (max-width : 812px) {
.ar20years-arrowdown {padding: 10px;}}

.ar20years-arrowdown:hover {background: #e56a51;}

.ar20years-arrowdown img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width : 812px) {
.ar20years-arrowdown img {width: 5vw; height: 5vw;}}

.title-holder{
    display: block;
    padding-top: 50%;
    background-size: cover; position:relative;
}
#slide4 .title-holder, #slide5 .title-holder {background-position:center center;}
#slide3 .title-holder {background-position-y: bottom;}
.title-holder {margin-bottom:2.5%;}

@media only screen and (max-width : 812px) {
.title-holder {margin-bottom:5%;}}



.stripe-bg {
	background-image: url(https://ciwaprogram.org/wp-content/themes/ciwa/images/dia-stripes.jpg);
	background-size: cover;
	position: absolute;
	animation: width50 1s 0s ease;
	-webkit-animation: width50 1s 0s ease;
	 moz-animation: width50 1s 0s ease;
  -o-animation: width50 1 s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0s;
	left: 0;
	top: 10%;
	padding-top: 1.25%;
	padding-right: 5%;
	padding-bottom: 1.25%;
	padding-left: 5%;
} 


@media only screen and (max-width : 812px) {
.stripe-bg {top:30px;}}

.stripe-bg h3 {font-family: 'Oswald', sans-serif; font-size:100%; color:#000; margin:0 !important; 
animation: fadein 1.5s 0s ease;
	-webkit-animation: fadein 1.5s 0s ease;
	 moz-animation: fadein 1.5s 0s ease;
  -o-animation: fadein 1.5s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; 
  animation-delay: 1s; opacity:0}
  
@media only screen and (max-width : 812px) {
.stripe-bg h3 {font-size:65%}}

.smallsub {
	position:absolute;
	top:-15%;
	left:10%;
	text-transform: uppercase;
	color: #116271; font-family: 'Oswald', sans-serif !important; font-size:50%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width : 812px) {
	.smallsub {top:-15px; font-size:40%}
}

#slide7 .smallsub , #slide8 .smallsub{ color: #FFF !important; text-shadow: 0px 0px 10px #000 !important;}

.case-study {text-align:center; margin-top:5%; margin-bottom:5%; font-family: 'Oswald', sans-serif !important; clear:both;}
@media only screen and (max-width : 812px) {
.case-study  p {margin:0 !important; font-size:50% !important;}	
}

.case-study a {text-decoration:none; font-size: 125%; color:#24a5dc !important;}
.case-study a:hover{color: #e56a51 !important}
.case-study a i {margin-right:0.62%}

.case-study .ar20years-arrowdown {margin-top:0 !important; margin-bottom:5% !important}

/*
#slide4 .smallsub, #slide5 .smallsub {position:relative !important; left:0 !important; color:#e56a51 !important;}
#slide4 .smallsub span, #slide5 .smallsub span {color:#e56a51 !important; font-weight: 900 !important;}
#slide4 .stripe-bg, #slide5 .stripe-bg {background-image: none !important; background-color:#FFF; opacity: 0.9;}
#slide4 .stripe-bg h3, #slide5 .stripe-bg h3{margin-left: 5% !important; margin-top: 2.5% !important;}
#slide4 .smallsubline, #slide5 .smallsubline {top: 5% !important; background-color:#e56a51 !important; 
	animation: linedown2 1.5s 0s ease;
	-webkit-animation: linedown2 1.5s 0s ease;
	 moz-animation: linedown2 1.5s 0s ease;
  -o-animation: linedown2 1.5s 0s ease;
  -webkit-animation-fill-mode: forwards; 
  -moz-animation-fill-mode: forwards;   
  -o-animation-fill-mode: forwards;    
  -ms-animation-fill-mode: forwards;    
  animation-fill-mode: forwards;
  animation-delay: 0.25s;}
  
  */

.smallsub span {color:#5abdb5}

.smallsubline {position:absolute;
	top:-15%;
	left:5%; width:2px; background-color:#116271; 
	animation: linedown 1.5s 0s ease;
	-webkit-animation: linedown 1.5s 0s ease;
	 moz-animation: linedown 1.5s 0s ease;
  -o-animation: linedown 1.5s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.25s;}
	
.wp-block-quote .quotesubline {position:absolute;
	top:0;
	left:0; width:5px; background-color:#116271; 
	animation: linedownquote 1.5s 0s ease;
	-webkit-animation: linedownquote 1.5s 0s ease;
	 moz-animation: linedownquote 1.5s 0s ease;
  -o-animation: linedownquote 1.5s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.25s;}


@keyframes width50 {from{ width: 0%;}to{width: 50%;}}
@-moz-keyframes width50 {from{ width: 0%;}to{width: 50%;}}
@-webkit-keyframes width50 {from{ width: 0%;}to{width: 50%;}}
@-o-keyframes width50 {from{ width: 0%;}to{width: 50%;}}
@-ms-keyframes width50 {from{ width: 0%;}to{width: 50%;}}

@keyframes linedown {from{ height: 0%;}to{height: 110%;}}
@-moz-keyframes linedown {from{ height: 0%;}to{height: 110%;}}
@-webkit-keyframes linedown {from{ height: 0%;}to{height: 110%;}}
@-o-keyframes linedown {from{ height: 0%;}to{height: 110%;}}
@-ms-keyframes linedown {from{ height: 0%;}to{height: 110%;}}

@keyframes linedownquote {from{ height: 0%;}to{height: 100%;}}
@-moz-keyframes linedownquote {from{ height: 0%;}to{height: 100%;}}
@-webkit-keyframes linedownquote {from{ height: 0%;}to{height: 100%;}}
@-o-keyframes linedownquote {from{ height: 0%;}to{height: 100%;}}
@-ms-keyframes linedownquote {from{ height: 0%;}to{height: 100%;}}

@keyframes linedown2 {from{ height: 0%;}to{height: 90%;}}
@-moz-keyframes linedown2 {from{ height: 0%;}to{height: 90%;}}
@-webkit-keyframes linedown2 {from{ height: 0%;}to{height: 90%;}}
@-o-keyframes linedown2 {from{ height: 0%;}to{height: 90%;}}
@-ms-keyframes linedown2 {from{ height: 0%;}to{height: 90%;}}

.diamond-shape {
	height: 2vw;
	text-align: center;
	transform: rotate(45deg);
	width: 2.5vw;
	position: absolute;
	left: -5%;
	top: 10%;
	background-color: #FFF;
}

.paracols {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 2.5%; margin-bottom:2.5%;}

@media only screen and (max-width : 812px) {
.paracols {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}	}

.paracols a, #slide2 .clearfix p a {color:#24a5dc !important; text-decoration:none !important}
.paracols a:hover,  #slide2 .clearfix p a:hover{color: #e56a51 !important}

.paracols p {display: inline-block}
.paracols p:first-of-type { float:left;}



.righttext {width:38.75vw; float: right;}
.righttext .wp-block-quote:first-of-type {margin-top:0 !important}
.lefttext {width:38.75vw; float: left;}
.lefttext .wp-block-quote:first-of-type {margin-top:0 !important}

@media only screen and (max-width : 812px) {
.righttext, .lefttext {width:100%; margin-top:5%; float:none;}	
}

.wp-block-quote {
	background-color: #fff !important;
	border-left-width: 0 !important;
	position: relative;
	padding-left: 25px !important;
}
.wp-block-quote p{color: #41818d; font-family: 'Oswald', sans-serif !important; font-size:50%; font-weight: 400;}
.wp-block-quote span {font-weight: 600; margin-top: 2.5%; color: #116271; display:block; animation-delay: 1s !important;}

.three-box {width:32%; margin-right: 2%; animation: fadein 1.5s 0s ease;
	-webkit-animation: fadein 1.5s 0s ease;
	 moz-animation: fadein 1.5s 0s ease;
  -o-animation: fadein 1.5s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; 
   opacity:0; position:relative; -moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out; float:left}
	
@media only screen and (max-width : 812px) {
.three-box {width:100%; margin-right: 0;}	
}
 
.three-box:nth-of-type(1) {animation-delay: 1s;}
.three-box:nth-of-type(2) {animation-delay: 1.5s;}
.three-box:nth-of-type(3) {animation-delay: 2s;}
  
  
.three-box:last-of-type {margin-right: 0 !important}



.three-box-holder {margin-top:2.5%;  display: -webkit-flex;    
    display: flex; justify-content: center;}

@media only screen and (max-width : 812px) {
.three-box-holder {display:block !important}	
}


.three-box-text {font-family: 'Oswald', sans-serif !important; font-size:65%; padding:5%;color:#000; -moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;}
	
.three-box-text span {
	display: block; color:#116271; font-size:60%; margin-bottom:2.5%; -moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out
}

.three-image {width:100%; padding-bottom:65%; background-position: center; background-size:115%; -moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out; }
	
.three-box:hover .three-image {background-size: 125% !important;background-size: 200%;-moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;
}

.three-box a {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.three-box:hover {
	cursor: pointer;
	background-color: #f5f5f5; -moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;
}
.three-box:hover .three-box-text {color:#e56a51; 
-moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;}
.three-box:hover .three-box-text span {color:#e56a51; -moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	-webkit-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out}


#nlone, #nlone span {background-color:#603d75}
#nltwo,  #nltwo span {background-color:#e56a51}
#nlthree, #nlthree span {background-color:#0e334d}
#nlfour,  #nlfour span {background-color:#24a5dc}
#nlfive,  #nlfive span {background-color:#116271}
#nlsix,  #nlsix span {background-color:#5abdb5}

#menu li:hover #nlone, #menu li:hover #nlone span{background-color: #fff !important; color:#603d75 !important}
#menu li:hover #nltwo, #menu li:hover #nltwo span{background-color: #fff !important; color:#e56a51 !important}
#menu li:hover #nlthree, #menu li:hover #nlthree span{background-color: #fff !important; color:#0e334d !important}
#menu li:hover #nlfour, #menu li:hover #nlfour span{background-color: #fff !important; color:#24a5dc !important}
#menu li:hover #nlfive, #menu li:hover #nlfive span{background-color: #fff !important; color:#116271 !important}
#menu li:hover #nlsix, #menu li:hover #nlsix span{background-color: #fff !important; color:#5abdb5 !important}


#nlsix,  #nlsix span, #unfss h2, .unfss-boxes .boxes a, .unfss-boxes .boxes, #unfss .quote-holder{ background-color:#12897b}
	
@media only screen and (max-width : 768px) {
#navigation {display:none}
}	
	 
	#menu {
	margin:0px !important;
	padding: 0px !important;
	width: 1vw;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:10000000;
    position: fixed;
    top: 50%;
    opacity: 1; list-style:none; line-height:1;
}

#menu li {margin:0px !important; padding: 0px !important; position:relative; line-height:1;}
#menu li a {
	width: 100%;
	min-height: 6vh;
	display: block; line-height:1;
}


#menu .mPS2id-highlight{
	width: 2vw;
	-webkit-box-shadow: inset -7px 0px 0px -3px rgba(255,255,255,0.4); 
box-shadow: inset -7px 0px 0px -3px rgba(255,255,255,0.4);
}
#menu:hover .mPS2id-highlight{ width: auto !important }


#menu li a {transition: opacity .5s ease-in-out !important;
   -moz-transition: opacity .5s ease-in-out !important;
   -webkit-transition: opacity .5s ease-in-out !important;}

#menu li a span {
	opacity:0;
	height:100%;
	position:absolute;
	left: -1000px;
	color:#fff;
	padding-left:0;
	padding-right:0;
	display: flex;
	align-items: center;
	font-size:1vw; font-weight:bold; text-transform:uppercase; transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;  line-height:1;
}
#menu:hover li a span { opacity:1; transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out; left:2vw }
   
#menu:hover {height:48vh; width:30vw}

.menu-cover {position:fixed; top: 0; bottom:0; left:0; right:0; z-index:1; opacity:0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out}

#menu:hover ~ .menu-cover {background-color:#000; opacity:0.6; transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out; display:block; z-index:999999}
   
.wp-block-video {margin-top:0 !important; text-align: right !important; width: 95% !important; margin-left: 5% !important; position: relative;}

@media only screen and (max-width : 812px) {
.wp-block-video {width:100% !important; margin-left:0 !important;}	
}



.lazyimgholderleft .slideleft, .lazyimgholderleft .slideleft .floatleft
{width:100% !important}

#slide8 h2 {margin-top:2.5% !important; font-size:110% !important; text-align:left;}

#slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8 {margin-top:-100px; padding-top:100px}