/* General slider styles */

.djslider-loader-default {

	margin: 0 auto;

	position: relative;

	background: url(../images/loader.gif) center center no-repeat;

	max-width: 100%;

	overflow: hidden;

}

.djslider-default {

	margin: 0 auto;

	position: relative;

	-webkit-transition: opacity 400ms ease;

	transition: opacity 400ms ease;

	opacity: 0;

}

.djslider-default .slider-container {

	position: absolute;

	overflow:hidden;

	left: 0; 

	top: 0;

	height: 100%;

	width: 100%;

}

.djslider-default ul.djslider-in {

	position: relative;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

}

.djslider-default ul.djslider-in > li {

	list-style: none outside !important;

	float: left;

	padding: 0 !important;

	border: 0 !important;

	position: relative;

	background: none;

	overflow: hidden;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.djslider-default ul.djslider-in > li:before,

.djslider-default ul.djslider-in > li:after {

	display: none !important;

}

ul.djslider-in > li {

	text-align: center;

}	

.djslider-default img.dj-image {

	border: 0 !important;

	margin: 0 !important;

}

.djslider-default.img-vcenter img.dj-image {

	position: relative;

  	top: 50%;

  	-webkit-transform: translateY(-50%);

  	-ms-transform: translateY(-50%);

	  transform: translateY(-50%);
	  padding: 0;

}

/* Slide description area */

.djslider-default .slide-desc {

	position: absolute;

}

.djslider-default .slide-desc-in {

	position: relative;

}

.slide-desc-bg-default {

	position:absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;
	

	/*background: RGBA(0,0,0.65);*/

}

.slide-desc-text-default {

	position: relative;

	color: #fff;

	padding: 15px 15px 5px;

	text-align: left;
	

}

.slide-desc-text-default .slide-title {

/*	font-size: 2em;*/
	font-size:1.6vw;

	color: #fff;

	margin-bottom: 1%;

	font-weight: 700;

	width: 30%;

	line-height: 120%;

	text-shadow: 2px 2px 4px #000000;

	/*text-shadow: 3.2px 3.2px 3.2px #000; */

	margin-left: 15%;
}

.slide-desc-text-default .slide-title a {

	color: #fff;

}

.slide-desc-text-default a.readmore {

	float: left;

	color: rgba(255, 255, 255, 1);

	background-color: #0070cd;

	padding: 1% 2%;

	text-transform:uppercase;

	margin-bottom: 0;

	margin-left: 15%;

}


.slide-desc-text-default a.readmore:hover{

	background-color: #ffa300;

}



/* Navigation buttons / indicators */

.djslider-default .navigation-container {

	position: relative;

	text-align: center !important;

}

.djslider-default .navigation-container a {

	outline: none;

}

.djslider-default .navigation-container img {

	width: auto;

	box-shadow: none;

}

.djslider-default .navigation-container .prev-button {

	cursor: pointer;

	display: block;

	position: absolute;

	left: 0;

}

.djslider-default .navigation-container .next-button {

	cursor: pointer;

	display: block;

	position: absolute;

	right: 0;

}

.djslider-default .navigation-container .play-button, 

.djslider-default .navigation-container .pause-button {

	cursor: pointer;

	display: block;

	position: absolute;

	left: 50%;

}



.djslider-default .navigation-container-custom,

.djslider-default .navigation-numbers {
/*original slider
	position: absolute;

	bottom: 10px;
    left: 50%;


	top: 10px;

	right: 10px;*/

	margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 2;
    top: 90%;
    left: 0;
    right: 0;
    display: block;
    width: fit-content;

}

.djslider-default .load-button {

	width: 12px;

	height: 12px;

	display: inline-block;

	background: #0070cd;

	border: 2px solid #fff;

	margin: 0 3px;

	cursor: pointer;

	border-radius: 50%;

	opacity: 0.5;

	-webkit-transition: opacity 400ms ease;

	transition: opacity 400ms ease;

}

.djslider-default .load-button-active {

	opacity: 1;

}

.djslider-default .navigation-numbers .load-button {

	width: 16px;

	height: 16px;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	line-height: 16px;

	color: #fff;

}



/* Fading elements */

.djslider-loader-default .showOnHover {

	opacity: 0;

	-webkit-transition: opacity 200ms ease 50ms;

	transition: opacity 200ms ease 50ms;

}

.djslider-loader-default:hover .showOnHover,

.djslider-loader-default.focused .showOnHover {

	opacity: 1;

}
img.dj-image{
	padding: 0;
}

@media only screen
  and (min-width: 320px) 
  and (max-width: 736px) 
  and (orientation: portrait) 
{ 

.slide-desc-text-default a.readmore {
    float: left;
	text-transform: capitalize;
	background:none !important;
	color: #fff;
    font-weight: 600;
	margin-left: 0;
	padding: 0;
	font-size: 1em;
	top: 20px;

}

.slide-desc-bg-default {	
	background: RGBA(0,0,0,0.65);
}

.slide-desc-text-default .slide-title {
    font-size: 1em;
    color: #fff;
    margin-bottom: 0;
	font-weight: 600;
	width: 100%;
	margin-left: 0;
}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {
	bottom: 10px;    
	top: 80%;
	right: 10px;	
}

/*.djslider-default .navigation-container .next-button {
   top: 1.5em;
}

.djslider-default .navigation-container .play-button, .djslider-default .navigation-container .pause-button {
  top: 1.5em;
  left: 80%;

}

.djslider-default .navigation-container .prev-button {
    top:1.5em;
    left: 60%;
}*/

}

/* cambios css solo para modo horizontal */
@media only screen
  and (min-width: 320px) 
  and (max-width: 736px) 
  and (orientation: landscape) 
{ 
 .slide-desc-text-default a.readmore {
    float: left;
	text-transform: capitalize;
	background:none !important;
	color: #fff;
    font-weight: 600;
	margin-left: 0;
	padding: 0;
	font-size: 1em;
	top: 20px;

}

.slide-desc-bg-default {	
	background: RGBA(0,0,0,0.65);
}

.slide-desc-text-default .slide-title {
    font-size: 1em;
    color: #fff;
    margin-bottom: 0;
	font-weight: 600;
	width: 100%;
	margin-left: 0;
}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {
	bottom: 10px;    
	top: 88%;
	right: 10px;	
}


/*.djslider-default .navigation-container .next-button {
   top: 4.2em;
}


.djslider-default .navigation-container .play-button, .djslider-default .navigation-container .pause-button {
 top: 4.2em;
  left: 90%;

}

.djslider-default .navigation-container .prev-button {
    top: 4.2em;
    left: 80%;
}*/
}