.slides-txt h2, .slides-txt p {

color:white;

text-align:center;



}













.slides-txt {

 

position: absolute;

width:90%;

bottom:0%;

left:0%;

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

padding:1% 5% 1% 5%;







-webkit-animation-duration: 2s;

-webkit-animation-name: fadeIn2;

-webkit-animation-iteration-count: 1;

-webkit-animation-timing-function: ease-out;



-moz-animation-duration: 2s;

-moz-animation-name: fadeIn2;

-moz-animation-iteration-count: 1;

-moz-animation-timing-function: ease-out;



-o-animation-duration: 2s;

-o-animation-name: fadeIn2;

-o-animation-iteration-count: 1;

-o-animation-timing-function: ease-out;



animation-duration: 2s;

animation-name: fadeIn2;

-webkit-animation-iteration-count: 1;

animation-timing-function: ease-out;





}







@-webkit-keyframes fadeIn2 {

        0% { opacity: 0;}

        60%  { opacity: 0; bottom:-20%;}

   			100% { opacity: 1; bottom:0%;}

}

@-moz-keyframes fadeIn2 {

        0% { opacity: 0;}

        60%  { opacity: 0; bottom:-20%;}

   			100% { opacity: 1; bottom:0%;}

}

@-o-keyframes fadeIn2 {

        0% { opacity: 0;}

        60%  { opacity: 0; bottom:-20%;}

   			100% { opacity: 1; bottom:0%;}

}

@keyframes fadeIn2 {

        0% { opacity: 0;}

        60%  { opacity: 0; bottom:-20%;}

   			100% { opacity: 1; bottom:0%;}

}



















#slides {
  

position: relative;



}




#slides .slides-container {
  

display: none;




}




#slides .scrollable {
  

*zoom: 1;
  

position: relative;
  

top: 0;
  

left: 0;
  

overflow-y: auto;
  

-webkit-overflow-scrolling: touch;
  

height: 100%;


}




#slides .scrollable:after {
  

content: "";
  

display: table;
  

clear: both;


}





.slides-navigation {
  

margin: 0 auto;
  position: absolute;
  

z-index: 3;
  

top: 40%;
  

width: 100%;


}




.slides-navigation a {
  

position: absolute;
  

display: block;


}




.slides-navigation a.prev {
  

left: 2%;


}




.slides-navigation a.next {
  

right: 2%;


}





.slides-pagination {

	

	display:none;
  

position: absolute;
  

z-index: 3;
  

bottom: 5%;
  

text-align: center;
  

width: 100%;


}




.slides-pagination a {
  

border: 1px solid #222;
  

border-radius: 15px;
  

width: 10px;
  

height: 10px;
  

display: -moz-inline-stack;
  

display: inline-block;
  

vertical-align: middle;
  

*vertical-align: auto;
  

zoom: 1;
  

*display: inline;
  

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  

overflow: hidden;
  

text-indent: -150%;


}




.slides-pagination a.current {
  

background: #222;


}






























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

		

		

.slides-txt {

  

position: absolute;

width:60%;

bottom:0%;

left:15%;

background-color:rgba(30,30,40,0.6);

padding:2% 5% 2% 5%;







-webkit-animation-duration: 2s;

-webkit-animation-name: fadeIn2;

-webkit-animation-iteration-count: 1;

-webkit-animation-timing-function: ease-out;



-moz-animation-duration: 2s;

-moz-animation-name: fadeIn2;

-moz-animation-iteration-count: 1;

-moz-animation-timing-function: ease-out;



-o-animation-duration: 2s;

-o-animation-name: fadeIn2;

-o-animation-iteration-count: 1;

-o-animation-timing-function: ease-out;



animation-duration: 2s;

animation-name: fadeIn2;

-webkit-animation-iteration-count: 1;

animation-timing-function: ease-out;





}







}

	

	

	

	

	

	

	

	

	

	

	

	

	



























@media screen and (max-width:1000px) and (orientation:portrait) {  









.mainhead {

position:relative;

z-index:12000;

width:95%;

text-align:center;

color:black;

margin:60px 2.5% 60px 2.5%;

left:0%;

top:0;

}			    





.slides-txt {

  

position: absolute;

width:80%;

bottom:0%;

left:5%;

background-color:rgba(30,30,40,0.6);

padding:4% 5% 5% 5%;







-webkit-animation-duration: 2s;

-webkit-animation-name: fadeIn2;

-webkit-animation-iteration-count: 1;

-webkit-animation-timing-function: ease-out;



-moz-animation-duration: 2s;

-moz-animation-name: fadeIn2;

-moz-animation-iteration-count: 1;

-moz-animation-timing-function: ease-out;



-o-animation-duration: 2s;

-o-animation-name: fadeIn2;

-o-animation-iteration-count: 1;

-o-animation-timing-function: ease-out;



animation-duration: 2s;

animation-name: fadeIn2;

-webkit-animation-iteration-count: 1;

animation-timing-function: ease-out;





}





.slides-txt h1 {

text-align:center;





}









#slides {



}









}