/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; }
li.bjqs-slide{position:absolute; display:none; }

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;z-index:9999; width:34px; height:173px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:20px; background-image:url(../layout/arrow-prev.png);}
ul.bjqs-controls.v-centered li.bjqs-next a{right:20px;background-image:url(../layout/arrow-next.png);}



ol.bjqs-markers{list-style: none; padding: 0; margin: 0; margin-top:18px; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block; width:16px; height:16px; margin-right:8px;  background-image:url(../layout/bullets.png); background-position:bottom left; text-indent:-9999px; z-index:9;}
ol.bjqs-markers li.active-marker a{ background-image:url(../layout/bullets.png); background-position:top left; text-decoration:none; }
ol.bjqs-markers li a:hover{ background-image:url(../layout/bullets.png); background-position:top left; text-decoration:none; }

div.description{
display:block;
width:20%; 
min-width:180px;
height:60%;
z-index:8;
margin:0;
padding:15px;
position:absolute; 
top:0;
right:20%; 
z-index:2;
color:#FFFFFF;
 pointer-events: none;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.75);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 pointer-events: none;
}

div.description .align {
  height: 100%;
  width: 100%;
  display: table;
}

div.description .align span { 
 display: table-cell;
  vertical-align: bottom;
}

div.description h2 {
font-size:18px;
color:#FFFFFF;
}

div.description h4 { 
color:#FFFFFF;
font-family: 'sansationregular';
text-transform:uppercase;
font-weight:bold;
font-size:24px;
margin-bottom:20px;}

div.description p { font-size:12px; font-style:italic; color:#FFFFFF; margin-bottom:0;}
div.description a p{color:#FFFFFF; text-decoration:none;}

@media screen and (min-width: 1920px) {
div.description h2 { font-size:24px; }
div.description h4 { font-size:30px; }
div.description p { font-size:16px; }
} /*end mediaquery*/

@media screen and (max-width: 1024px) {
div.description h4 { font-size:20px;}
} /*end mediaquery*/

@media screen and (max-width: 900px) {
div.description{  height:65%; min-width:200px; min-height:200px; right:15%; }
div.description h4 { font-size:17px;}
ul.bjqs-controls.v-centered li a { width: 20px; height:101px; background-size:100% auto; }

} /*end mediaquery*/

@media screen and (max-width: 650px) {
div.description{   height:70%; min-width:150px; min-height:140px; }
ul.bjqs-controls.v-centered li a { margin-top:-20px;}
div.description h2 { font-size:13px;}
div.description h4 { font-size:14px; margin-bottom:0;}
div.description p { display:none;}

ol.bjqs-markers li a { width:10px; height:10px; background-size:100% auto; margin-top:3px;}

} /*end mediaquery*/

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

div.description{   height:50%; min-width:110px; min-height:100px; padding:10px; }
div.description h2 { margin-bottom:0;}
div.description h4 { display:none;}

} /*end mediaquery*/