/* custom Styles */

#home-section{padding:0;min-height:1200px;}
.slideshow-container{width:100%;height:auto;position:relative;display:block;}
#slideshow{width:100%;height:auto;display:block;position:relative;}
#accesos-principales{}

#accesos-principales .acceso{
	display:block;
	transition: ease .1618s;
	-webkit-transition: ease .1618s;
}
#accesos-principales .acceso h3{
	font-size:33px;
	font-weight:700;
	text-align:center;
	color:#0c98d5;
}
#accesos-principales .acceso h3 i.fas.fa-angle-right{
	display:inline-block;
	transition: ease .1618s;
	-webkit-transition: ease .1618s;
}
#accesos-principales .acceso:hover h3 i.fas.fa-angle-right{
	margin-left:15px;
}
#accesos-principales .acceso img{
	display:block;
	position:relative;
	z-index:-1;
	transition: ease .1618s;
	-webkit-transition: ease .1618s;
}
#accesos-principales .acceso:hover img{
	transform: scale(1.0618);
	height:auto;
}
#accesos-principales .acceso p.tag{
	font-size:18px;
	font-weight:400;
	text-align:center;
	color:#212121;
}
#atajos{/* background: #f7f7f7; */ padding: 30px 0 0; /* margin-top: 45px; */
   }
.images-background{ background-image: url(../images/back-product-home.png);
    display: inline-block;
    position: relative;
    width: 100%;
    background-repeat: repeat;
    background-attachment: inherit;
    background-size: cover;
    background-position: center center;    height: 500px;}
#atajos-slide{display:block;}
#atajos-slide .item{text-align:center;}
#atajos-slide .item i.icon{
	width: 280px; height: 280px; display: block; border-radius: 50%; background: transparent; margin: 5px auto 2em; position: relative;
	/* width:110px;
	height:110px;
	display:block;
	border-radius:50%;
	background:#000;
	margin:5px auto;
	position:relative; */
}
#atajos-slide .item i.icon img{
	width:100%;
	/* height:70px; */
	position:absolute;
	bottom: 0;
	left:0px; 
}
.colorTitleBlue{color: #0079c5;}
.colorTitleWhite{color: #ffffff;}

#accesos-principales h4.colorTitleBlue{font-size:24px;}
#accesos-principales2 .container h4.colorTitleWhite{font-size:24px;}

#atajos-slide .item h3.titulo{
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	min-height:20px;
	margin-bottom:0px;
	color:#0c98d5;
}
#atajos-slide .item p.data{
	margin:0 auto 30px;
	display:block;
	max-width:260px;
	height:40px;
	overflow:hidden;
	color: #fff;
}
#atajos-slide .owl-prev, #atajos-slide .owl-next {color: #0c98d5;}

/* Custom dots */

.owl-dots{
  	width: 100%;
    height: 60px;
    display: block;
    text-align:center;
    padding:10px 0 0;
    position:absolute;
    top:calc(100% - 73px);
    background: rgba(0,0,0,0);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3981967787114846) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.3981967787114846) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,0.3981967787114846) 0%, rgba(0,0,0,0) 100%);
    z-index:2;
}
.owl-dots .owl-dot{
  display:inline-block;
  width:calc(33% - 18px);
  height:25px;
  margin:0 10px;
  color:#fff;
}
.owl-dots .owl-dot .progress{
    height: 8px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 0px;
    border-color:rgba(0,0,0,0);
    margin-top:8px;
}
.owl-dot .progress-bar{height:8px;background:#fff;width:auto;}
.owl-dots .owl-dot:hover{}
.owl-dots .owl-dot.active .progress .progress-bar{width:100% !important;}


.images-background2{
	background-image: url(../images/back-product-home2.png);
    display:inline-block;
    position:relative;
    width:100%;
    background-repeat:no-repeat;
    background-attachment:inherit;
    background-size:cover;
    background-position:top center;
    height:300px;
    margin-top:-7px;
}
.ImagMarcas{max-width: 120px;}
.mt-8{margin-top: 9%;}
.back-responsive{background: #00071a;}
.ver-todo{
	color: #fff;
	background: transparent;
    padding: 10px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 6px;
}
#ver-todos{
	max-width:140px;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

@media screen and (max-width: 1294px){
	.owl-dots .owl-dot{width:calc(33% - 19px);}
}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 993px){
	.owl-dots .owl-dot{width:calc(33% - 20px);}
}
@media screen and (max-width: 991px){
	.images-background2{height: 250px;}
	#home-section{ min-height: 900px;}
}
@media screen and (max-width: 880px){
	.images-background2{height: 270px;}

}

@media screen and (max-width: 767px){
	.images-background2 { height: auto; padding-bottom:45px; }
}
@media screen and (max-width: 693px){
	.owl-dots .owl-dot{width:calc(33% - 30px);font-size:11px;}
	#home-section{ min-height: 700px;}

}
@media screen and (max-width: 600px){
	.owl-dots {height: 45px;top: calc(100% - 58px);}
	.owl-dots .owl-dot span{display:none;}
}
@media screen and (max-width: 480px){}
@media screen and (max-width: 360px){}
