/*------------------------------------------------------------------





[ 9. Layer slider ]





-------------------------------------------------------------------*/


.layer-slider {


  width: 100%;


  float: left;


  height: 550px;


  background-color: #373d4b;


}


.layer-slider .quote {


  font-style: italic;


  font-size: 2em;


  width: 600px;


  color: #333333;


}


.layer-slider .quote-author {


  width: 600px;


  font-family: 'PT Sans Narrow', sans-serif;


  font-weight: bold;


  text-transform: capitalize;


  color: #ce434a;


}


.layer-slider .feature-item {


  width: 200px;


  text-transform: capitalize;


  color: #333333;


}


.layer-slider .feature-item i.fa {


  color: #ce434a;


}


.layer-slider .biss-bg {


  padding: 10px 20px;


  background-color: #ce434a;


  color: #fff;


  font-weight: bolder;


  


  font-size: 64px;


}


.layer-slider .template-bg {


  background-color: #373d4b;


  color: #fff;


  padding: 10px 20px;


  font-size: 36px;


  


  font-weight: bolder;


}


.layer-slider .template-bg i.fa {


  color: #ce434a;


}


.layer-slider .need {


  font-size: 24px;


  


  font-weight: bold;


  color: #333333;


  font-family: 'PT Sans Narrow', sans-serif;


}


.layer-slider i.fa.icon-logo {


  width: 150px;


  height: 150px;


  text-align: center;


  line-height: 150px;


  border: 5px solid #ce434a;


  color: #ce434a;


  font-size: 128px;


}


.layer-slider .slide-description-4 {


  width: 1170px;


  text-align: center;


}


.layer-slider .slide-description-4 p {


  width: 100%;


  float: left;


  color: #333333 !important;


}


.layer-slider .slide-description-4 p.title {


  margin-top: 0px;


  font-family: 'PT Sans Narrow', sans-serif;


  color: #333333 !important;


  


  font-weight: bolder;


  font-size: 64px;


  line-height: 1em;


}


.layer-slider .slide-description-2 {


  width: 870px;


  background-color: rgba(0, 0, 0, 0.5);


  box-sizing: border-box;


  padding: 50px;


  text-align: center;


}


.layer-slider .slide-description-2 p {


  margin: 0px;


  color: #fff;


}


.layer-slider .slide-description-2 p.subtitle {


  


  color: #ce434a;


}


.layer-slider .slide-description-2 p.title {


  font-size: 48px;


  line-height: 1em;


  font-family: 'PT Sans Narrow', sans-serif;


  font-weight: bold;


  


  margin-bottom: 30px;


}


.layer-slider .slide-description-2 p.description {


  margin-bottom: 30px;


}


.layer-slider .slide-description {


  width: 650px;


  background-color: rgba(255, 255, 255, 0.5);


  padding: 50px;


  padding-right: 100px;


  box-sizing: border-box;


  color: #333333;


}


.layer-slider .slide-description p.subtitle {


  float: left;


  background-color: #ce434a;


  color: #fff;


  


  padding: 0 20px;


}


.layer-slider .slide-description p.title {


  margin: 0px;


  


  font-size: 64px;


  font-weight: bold;


  line-height: 1em;


  font-family: 'PT Sans Narrow', sans-serif;


  color: #333333;


}


.layer-slider .slide-description.align-right p {


  float: right;


}


.layer-slider .slide-description.align-right p.subtitle {


  float: right;


}


.layer-slider.layer-slider-transparent-bg {


  background-color: transparent !important;


}


.layer-slider.layer-slider-2 {


  height: 750px;


}


@media (max-width: 480px) {


  .layer-slider {


    height: 190px;


  }


  .layer-slider .slide-description p.title {


    font-size: 18px;


  }


  .layer-slider .slide-description p.description {


    display: none;


  }


  .layer-slider .slide-description p.subtitle {


    font-size: 9px;


    padding: 0 5px;


  }


  .layer-slider .slide-description p a.biss-btn {


    font-size: 12px !important;


  }


}


@media (min-width: 480px) and (max-width: 768px) {


  .layer-slider {


    height: 230px;


  }


  .layer-slider .slide-description p.title {


    font-size: 24px;


  }


  .layer-slider .slide-description p.description {


    display: none;


  }


  .layer-slider .slide-description p.subtitle {


    font-size: 9px;


    padding: 0 5px;


  }


  .layer-slider .slide-description p a.biss-btn {


    font-size: 12px !important;


  }


}


@media (min-width: 768px) and (max-width: 992px) {


  .layer-slider {


    height: 400px;


  }


  .layer-slider .slide-description p.title {


    font-size: 48px;


  }


  .layer-slider .slide-description p.description {


    display: none;


  }


}


@media (min-width: 992px) and (max-width: 1200px) {


  .layer-slider {


    height: 440px;


  }


  .layer-slider .slide-description p.title {


    font-size: 48px;


  }


}


@media (min-width: 1200px) {


  


}