/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 28 2025 | 16:20:19 */
#employee-videos-modal .fusion-carousel {
  overflow: visible !important;
}
#employee-videos-modal {
  overflow: visible !important;
}
#employee-videos-modal .fusion-nav-prev {
  margin-left: -20px  !important;
}
#employee-videos-modal .fusion-nav-next:hover {
  margin: -15px 30px 0 !important;
  transition: .3s;
}
#employee-videos-modal .fusion-nav-next {
  margin: -15px 25px 0 !important;
}
#employee-videos-modal .fusion-carousel .fusion-carousel-nav .fusion-nav-next,  #employee-videos-modal .fusion-carousel .fusion-carousel-nav .fusion-nav-prev {
  top: 32%;
}
#employee-videos-modal .fusion-carousel .fusion-carousel-wrapper {
  height: 170px !important;
}
#employee-videos-modal .play { 
  background: #000;
  border-radius: 50% / 10%;
  color: #FFFFFF;
  font-size: 2em;
  height: 1.5em;
  margin: 20px auto;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: 0.1em;
  transition: all 150ms ease-out;
  width: 2em;
  position: absolute;
  top: 15px;
  left: 80px;
  opacity: .6;
}

#employee-videos-modal .play:hover {
  background: #FF0000;
  opacity: 1;
}

#employee-videos-modal .play::before { 
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

#employee-videos-modal .play::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
  content: ' ';
  font-size: .35em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}










#employee-videos-modal .slick-prev, #employee-videos-modal .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: red;
}
#employee-videos-modal .slider.slider-nav,#employee-videos-modal .slider.slider-nav2 {
  overflow: visible;
}
#employee-videos-modal .fa.fa-chevron-left.slick-arrow {
  position: absolute;
  left: -40px;
  top: 22%;
  font-size: 35px;
  cursor: pointer;
  color: #ccc;
  transition: .3s;
}
#employee-videos-modal .fa.fa-chevron-right.slick-arrow {
  position: absolute;
  right: -30px;
  top: 22%;
  font-size: 35px;
  cursor: pointer;
  color: #ccc;
  transition: .3s;
}
#employee-videos-modal .fa.fa-chevron-left.slick-arrow:hover {
  color: #3474DA;
  left: -45px;
  transition: .3s;
}
#employee-videos-modal .fa.fa-chevron-right.slick-arrow:hover {
  color: #3474DA;
  right: -35px;
  transition: .3s;
}
#employee-videos-modal .slider-single .slick-prev, #employee-videos-modal .slider-single .slick-next,
#employee-videos-modal .slider-single2 .slick-prev, #employee-videos-modal .slider-single2 .slick-next{
  display: none;
}
#employee-videos-modal .slick-slider .slick-list.draggable {
  height: 330px !important;
}
#employee-videos-modal .leftslide {
  height: 300px;
  /*   left: 15px; */
}
#employee-videos-modal .rightslide2 {
  height: 300px;
  /*   right: -15px; */
}
#employee-videos-modal .leftslide a,#employee-videos-modal .rightslide2 a {
  height: 240px;
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
}
#employee-videos-modal .leftslide,#employee-videos-modal .rightslide2{
  float: left;
  width: 37.5%;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
#employee-videos-modal .rightslide, #employee-videos-modal .leftslide2{
  float: left;
  width: 40%;
  top: 50%;
  position: relative;
  transform: translateY(-60%);
}
#employee-videos-modal .slidesmalltitle {
  margin: 0 30px 0 0 !important;
  cursor: default;
  pointer-events: none;
}
#employee-videos-modal .slidesmallimage {
  position: relative;
  margin: 0;
  width: 200px;
  cursor: pointer;
  pointer-events: all;
}
#employee-videos-modal .rightslide{
  padding: 0 0 0 30px;
}
#employee-videos-modal .leftslide2{
  padding: 0 30px 0 0;
}
#employee-videos-modal .slider.slider-nav.slick-slider .slick-track,#employee-videos-modal .slider.slider-nav2.slick-slider .slick-track {
  height: auto;
}
#employee-videos-modal .slider-nav.slick-slider .slick-list.draggable,#employee-videos-modal .slider-nav2.slick-slider .slick-list.draggable {
  height: auto !important;
}
#employee-videos-modal .slick-track {
  height: 100%;
}

.js .slider-single > div:nth-child(1n+2),.js .slider-single2 > div:nth-child(1n+2) { display: none }

.js .slider-single.slick-initialized > div:nth-child(1n+2),.js .slider-single2.slick-initialized > div:nth-child(1n+2) { display: block }

#employee-videos-modal .slick-slide h3 {
  position: relative;
}

#employee-videos-modal .slider-single h3,#employee-videos-modal .slider-single2 h3 {
  line-height: 10rem;
}

#employee-videos-modal .slider-nav h3::before,#employee-videos-modal .slider-nav2 h3::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.page-template-default .post-content #employee-videos-modal h3 {
  padding-top: 0;
  margin-top: 0;
}
#employee-videos-modal .slider-nav h3 span,#employee-videos-modal .slider-nav2 h3 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#employee-videos-modal .slider-nav .slick-slide,#employee-videos-modal .slider-nav2 .slick-slide { 
  cursor: default;
  pointer-events: none;
}

#employee-videos-modal .slick-slide.is-active h3 {
  color: #c00;
  background-color: #fff
}

#employee-videos-modal .leftslide .play, #employee-videos-modal .rightslide2 .play {
  background: #000;
  border-radius: 50% / 10%;
  color: #FFFFFF;
  font-size: 2.5em;
  height: 1.5em;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: 0.1em;
  transition: .1s;
  width: 2em;
  position: absolute;
  top: 42%;
  left: 46%;
  opacity: .6;
  transform: translateY(-50%);
}
#employee-videos-modal .slider-nav .play, #employee-videos-modal .slider-nav2 .play {
  background: #000;
  border-radius: 50% / 10%;
  color: #FFFFFF;
  font-size: 2em;
  height: 1.5em;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: 0.1em;
  transition: .1s;
  width: 2em;
  position: absolute;
  top: 30%;
  left: 80px;
  opacity: .6;
  transform: translateY(-50%);
}

#employee-videos-modal .play:hover {
  background: #FF0000;
  opacity: 1;
}

#employee-videos-modal .play::before { 
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

#employee-videos-modal .play::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
  content: ' ';
  font-size: .35em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}
#employee-videos-modal .fusion-carousel {
  overflow: visible !important;
}
#employee-videos-modal {
  overflow: visible !important;
}
#employee-videos-modal .fusion-nav-prev {
  margin-left: -20px  !important;
}
#employee-videos-modal .fusion-nav-next:hover {
  margin: -15px 30px 0 !important;
  transition: .3s;
}
#employee-videos-modal .fusion-nav-next {
  margin: -15px 25px 0 !important;
}
#employee-videos-modal .fusion-carousel .fusion-carousel-nav .fusion-nav-next,  #employee-videos-modal .fusion-carousel .fusion-carousel-nav .fusion-nav-prev {
  top: 32%;
}
#employee-videos-modal .fusion-carousel .fusion-carousel-wrapper {
  height: 170px !important;
}
#employeevideoshide {
  position: absolute;
  left: -5000px;
}
#employee-videos-modal .fusion-portfolio-carousel-fixed.fusion-carousel .fusion-image-wrapper,
#employee-videos-modal .fusion-portfolio-carousel-fixed.fusion-carousel .fusion-image-wrapper img {
  width: 100%;
  height: 100%;
}
#employee-videos-modal .fusion-portfolio-carousel-fixed.fusion-carousel .fusion-image-wrapper img {
  width: 100%;
  height: 100%;
  max-height: unset;
}
.page-template-default .post-content .fusion-builder-column-4 #employee-videos-modal h4 {
  margin-top: 10px;
}
#employee-videos-modal .fusion-carousel .fusion-carousel-item .fusion-image-wrapper {
  display: block;
  margin-bottom: 0;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  max-height: 110px;
  vertical-align: middle;
  top: 50%;
  position: relative;
}
#employee-videos-modal .fusion-nav-next:before, .fusion-nav-prev:before {
  color: #ccc !important;
  border: 0px solid #000;
  font-size: 50px !important;
  padding: 0 15px 10px !important;
  background: transparent;
  transition: .3s;
}
#employee-videos-modal .fusion-nav-next, .fusion-nav-prev {
  background: transparent !important;
}
#employee-videos-modal .fusion-nav-next:hover::before {
  color: #3474DA !important;
  margin-right: -5px;
}
#employee-videos-modal .fusion-nav-prev:hover::before {
  color: #3474DA !important;
  margin-left: -5px;
}
@media(max-width:1200px){
  #employee-videos-modal .fusion-carousel .fusion-carousel-item .fusion-image-wrapper {
    max-height: 90px; 
  }
}
@media(max-width:767px){
  #employee-videos-modal .fusion-carousel .fusion-carousel-item .fusion-image-wrapper {
    max-height: 90px; 
  }
}
.page-template-default #wrapper #main #content #employee-videos-modal div h2 {
  margin: 0 0 20px 0 !important;
}
#employee-videos-modal .slidesmalltitle a {
  color: #000;
}
#employee-videos-modal .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.fusion-modal .modal-header .modal-title {
  font-size: 16px !important;
}
#employee-videos-modal .slidesmallimage a {
  height: 112px;
  overflow: hidden;
  display: inline-block;
}
#employee-videos-modal .slidesmallimage a img, #employee-videos-modal .leftslide a img,#employee-videos-modal .rightslide2 a img  {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}