﻿
#VideoBG {
	text-align:left;
	width:100%;
	height:28px;
	float: center;
	background-color: lightgray;
	padding-top: 0px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 18px;
}

#VideoThumb {
	text-align:center;
	width:100%;
	float: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-left: 20px;
}

#VideoText {
	text-align:center;
	width:100%;
	float: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-left: 20px;
}


.videoView {
   position: relative;
  z-index: 5;
  background-color: gray;           
   }

#VideoThumb1 {
	text-align:center;
	width:100%;
	float: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
#VideoThumb2 {
	text-align:center;
	width:100%;
	float: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border:2px solid gray;
	
}

.VideoThumb {
	text-align:center;
	width:100%;
	float: center;
	padding-top: 20px;
}

#VideoText {
	text-align:center;
	width:100%;
	float: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.VideoHeadline {
font-size: 14px;
font-weight: bold;
}


.videoView {
   position: relative;
  z-index: 5;
  background-color: gray;           
   }
.VideoBorder {
border-style: solid;
border-width: 1px; 

-webkit-box-shadow: 10px 10px 25px 0px rgba(122,122,122,1);
-moz-box-shadow: 10px 10px 25px 0px rgba(122,122,122,1);
box-shadow: 10px 10px 25px 0px rgba(122,122,122,1);
}

.VideoBorder1 { 
    border:2px solid gray;
}
.VideoBorder2 { 
    border:2px solid gray;
-webkit-box-shadow: 10px 10px 25px 0px rgba(122,122,122,1);
-moz-box-shadow: 10px 10px 25px 0px rgba(122,122,122,1);
box-shadow: 10px 10px 25px 0px rgba(122,122,122,1);

}

.VideoBorder3 { 
border:1px solid gray;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 16px -6px #000000; 
box-shadow: 5px 5px 16px -6px #000000;
}


.VideoBorder4 { 
border:1px solid gray;
-webkit-box-shadow: 5px 5px 16px -6px #000000; 
box-shadow: 3px 3px 14px -4px #000000;
}





#VideoBG {
	text-align:center;
	width:100%;
	height:28px;
	float: center;
	background-color: lightgray;
	float: center;
	padding-top: 0px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 18px;
}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
 background-color: transparent;
}
.videowrapper iframe {
    border:5px solid gray;
-webkit-box-shadow:0px 0px 50px 11px #464646 ,12px 7px 30px 2px #787878 ;
-moz-box-shadow:0px 0px 50px 11px #464646 ,12px 7px 30px 2px #787878 ;
box-shadow:0px 0px 50px 11px #464646 ,12px 7px 30px 2px #787878 ;
    position: absolute;
    top: 0;
    left: 0;
        width: 100%;
        height: 75%;
        text-align: center;
         vertical-align: middle;
  margin-top: 20px; 
 background-color: transparent;

}
.video {
  padding: 0px 0px;
  position: relative;
  z-index: 5;
  background-color: black; }
  .section.dark .section-heading span, .section.dark .section-heading h2 {
    color: #ffffff; 
                   width: 100%;
                   height: 70%;
       background-color: black;           
   }
   
.LargeQuote {
	font-size: 40px;
}










.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.edge .bg-holder .bg-video {
  height: 100%;
  width: auto;
}
/*-----------------------------------------------
|   Plyr
-----------------------------------------------*/
.plyr__control--overlaid, .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  background-color: #dc3545;
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true], .plyr__menu__container label.plyr__control input[type=radio]:checked + span {
  background-color: #dc3545;
}

.plyr--full-ui input[type=range] {
  color: #dc3545;
}
/*-----------------------------------------------
|   Remodal [video lightbox]
-----------------------------------------------*/
.remodal-video {
  padding: 0;
  min-width: 75%;
}

.remodal-overlay {
  background-color: rgba(23, 25, 27, 0.9);
}

.remodal-close {
  top: -2rem;
  right: -2rem;
  left: auto;
}

.remodal-close:hover, .remodal-close:focus {
  color: #fff;
}

.lb-data .lb-caption, .lb-data .lb-number {
  font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.remodal-video .embed-responsive {
  background-color: #000;
}
.bg-holder .bg-video {
  position: absolute;
  display: block;
  z-index: -1;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  min-width: 100%;
}

.bg-holder .bg-youtube {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.overlay-z-index-1:before {
  z-index: 1;
}

/*-----------------------------------------------
|   Browser Fixing
-----------------------------------------------*/
.firefox .dropcap:first-letter {
  margin-top: 0.175em;
}

.edge .bg-holder .bg-video {
  height: 100%;
  width: auto;
}

.ie .align-items-center.minh-100vh {
  height: 100vh;
}

.ie .align-items-end.minh-100vh {
  height: 100vh;
}

.ie img {
  max-width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .align-items-center.minh-100vh {
    height: 100vh;
  }
  .align-items-end.minh-100vh {
    height: 100vh;
  }
  img {
    max-width: 100%;
  }
  .card-img-top {
    height: 100%;
    overflow: hidden;
  }
  .minh-100vh {
    height: 100vh;
  }
  .hoverbox-content img {
    width: 100%;
  }
.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

