/* slider css */

.slideType {
	background-color: #fff;
	color:#000;
	text-transform: uppercase;
	padding:5px;

}

.slideTypeBlock {
	margin-bottom:5px;
}

.slideTitleBlock {
		margin-top:5px;
}
.slideTitle {
	background-color: #424242;
	font-weight: normal;
	padding:5px 20px;
	color:#fff;
	 font-family: 'Gentium Basic', serif;
	 font-size:1.5rem;
}

.slideInfos {
	max-width: 66%
	
}

#full-width-slider {
  width: 100%;
  color: #000;
}
.coloredBlock {

   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 90%;
  padding-bottom: 0;
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  left: 30px;
  right: auto;
}

.infoBlock p {
  font-size: 14px;

}

.fullWidth {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 480px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 585px !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 959px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 420px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 330px !important;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}


@media (max-width: 575px) {
	.slideTitle {
			 font-size:1rem;
	}
}

  	
  	
/* end slider css */