/*
Custom CSS for EPZON

*/
.star-widget label{
  font-size: 15px !important;
    color: #444;
    padding: 10px;
    /*float: right !important;*/
    transition: all 0.2s ease;
    position: relative;
    /*left: -55px !important;*/
  }
  .col-4.star {
    position: relative;
    left: -14px;
  }

/*input:not(:checked) ~ label:hover,
input:not(:checked) ~ label:hover ~ label{
  color: #fd4;
}
input:checked ~ label{
  color: #fd4;
}*/
input#rate-5:checked ~ label{
  color: #fe7;
  text-shadow: 0 0 20px #952;
}
#rate-1:checked ~ form header:before{
  content: "I just hate it ";
}
#rate-2:checked ~ form header:before{
  content: "I don't like it ";
}
#rate-3:checked ~ form header:before{
  content: "It is awesome ";
}
#rate-4:checked ~ form header:before{
  content: "I just like it ";
}
#rate-5:checked ~ form header:before{
  content: "I just love it ";
}

input:checked ~ form{
  display: block;
}

#rate-1{
  display: none;
}
#rate-2{
  display: none;
}
#rate-3{
  display: none;
}
#rate-4{
  display: none;
}
#rate-5{
  display: none;
}
.fas.fa-star {
 /* float: left;*/
}
.review-msg{
    /*float: left !important;*/
    font-size: 1.25rem !important;
    padding-right: 50px !important;
    padding-top: 20px !important;
    padding-bottom: 1%;
}

.flex-fill.mx-xl-5.mb-2 {
  text-align: right !important;
  display: inherit;
}
.py-5.mb-5 {
  background: #f8f9fa;
}

@media (max-width: 428px) {
  .banner-heading.h1.text-secondary.display-3.mb-0.pb-5.mx-0.px-0.typo-space-line {
    font-size: 1.5em;
  }
  .videos {
    width: 320px ;
    height: 320px;
    position: relative;
    left: -22px;
  }
  .col-lg-6.col-6.printer2 {
    width: 100%;
  }
  .col-lg-6.col-6.printer2-content{
    width: 100%;
  }
  .typo-space-line2::after, .typo-space-line-center2::after{
    left: 31%;
  }
  .typo-space-line3::after, .typo-space-line-center2::after{
    left: 31%;
  }
  .typo-space-line4::after, .typo-space-line-center2::after{
    left: 31%;
  }
 
  .industry-img-display-none{
    display: none;
  }
  .epson-product {
    padding-top: 2rem ;
    padding-bottom: 2rem ;
    padding-left: 15px;
    padding-right: 15px;
}
section.py-3.epson-product.workforce-mobile{   
 background-image: url(./../img/key-pointers-bg.jpg);
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.h2 {
  font-size: 1.8rem;
  text-align: center;
}
img.industry-image {
  margin-top: 0px !important;
}
section.service-wrapper.py-3.epson-product {
  padding-right: 15px;
  padding-left: 15px;
}
section.py-3.epson-product.workforce-desktop{
  display: none;
}
.py-5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 15px;
    padding-right: 15px;
}
/***.col-sm-12{
  width: 100% ;
}
.col-sm-6 {
  width: 50% ;
}
.col-md-6{
  width: 50% ;
}***/
.row.py-4 {
  padding-left: 15px;
  padding-right: 15px;
}
section.bg-thirds{
display: none;
}
iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
  
}
.bg-lights{
  display: none;
}
#index_banners {
  background-image: url(./../img/banner-bg-01.jpg);
  background-position: center center;
  background-size: cover;
  height: 100%;
  min-height: 100vh;
  width: 100%;
}
.carousel-indicators{
  bottom: -30px;
}
.banner-content.col-lg-12.col-12 {
  text-align: center;
}
h1.banner-heading.h1.text-secondary.display-3.mb-0.pb-5.mx-0.px-0.typo-space-line4.h1-mobile {
  font-size: 1.6rem;
  text-transform: uppercase;
}
p.text-lg-start.text-center.text-light.light-300.center {
  font-size: 0.8em;
}
ul.list-unstyled.text-light.light-300 {
  font-size: 0.9em;
}
.logo-epson{
  position: relative;
    top: 10px;
}
a {
  color: #042874 ;
}
.navbar{   
 padding-bottom: 1.5rem;
}
}

  @media (min-width: 960px) {
    .bg-light-mobile-view{
      display: none;
    }
    .industry-image{
      display: none;

    }
    section.py-3.epson-product.workforce-mobile{
      display: none;
    }
    section.bg-fourth{
      display: none;
      }
  }

input:checked ~ label > .check-apply{
  color: #212529 !important;
}
.experience-star {
  margin-bottom: 15px;
}
.btn.btn-secondary.rounded-pill.px-md-5.px-4.py-2.radius-0.text-light.light-300 {
  width: 100%;
}
label {
  padding-bottom: 15px;
}
.container.d-flex.justify-content-between.align-items-center {
  padding-top: 10px;
}
ul.key-pointers li {
  list-style-type: none;
}
ul.key-pointers {
  margin-left: -30px;
}

/* Animation */

@keyframes fadeInUp {
  from {
      transform: translate3d(0,150px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@-webkit-keyframes fadeInUp {
  from {
      transform: translate3d(0,150px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@-moz-keyframes fadeInUp {
  from {
      transform: translate3d(0,150px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 2s;
  -moz-animation-fill-mode: both;
}



.animatedFadeInUp {
  opacity: 0
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
}

section.py-3.epson-product.workforce-desktop.workforce-bg {
    background-image: url(./../img/key-pointers-bg.jpg);
    background-position: center center;
    background-size: cover;
    height: 100%;
    min-height: 100vh;
    width: 100%;
    
}
h1.banner-heading.h1.text-secondary.display-3.mb-0.pb-5.mx-0.px-0.typo-space-line {
    font-family: raleway !important;
    font-size: 3.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}



img.industry-img-display-none.animated.animatedFadeInUp.fadeInUp.delay1 {
    animation-delay: 2s;
}
img.industry-img-display-none.animated.animatedFadeInUp.fadeInUp.delay2{
 animation-delay: 3s;
}
figure{
    margin: 0px !important;
}