/*@import url('https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300i&display=swap');

html{
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	-moz-scroll-behavior: smooth;
}

body::-webkit-scrollbar{
	width: 6px;
}

body::-webkit-scrollbar-thumb{
	background: #000!important;
	border-radius: 4px;
}

body{
    font-family: 'Roboto', sans-serif;
    background-color: white!important;
}

.bg-black{
    background-color: black!important;
}

.bg-black-trans{
    background-color: rgba(000, 000, 000, .6)!important;
}

.bg-amarillo{
    background-color: #f9c100!important;
}

.bg-blanco-trans{
    background-color: rgba(255, 255, 255, .6)!important;
}

.bg-amarillo-trans{
    background-color: rgba(249,193,0,0.6)!important;
}

.text-black{
    color: #000!important;
}

.text-amarillo{
    color: #f9c100!important;
}

.hover-blanco{
    transition: .3s ease-in-out;
}

.hover-blanco:hover{
    color: #f9c100!important;
    border-bottom: 1px solid #f9c100;
}

.hover-negro{
    transition: .6s ease-in-out;
}

.hover-negro:hover{
    color: #000!important;
    border-bottom: 1px solid #000;
}

.cabecera{
    min-height: auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    /*animation: cambiarFondo infinite linear 20s;*/
}

.cabecera-catalogo{
    min-height: auto;
}    

/*@keyframes cambiarFondo{
    0%{
        background-image: url(../images/Cabecera-1F.png);
        -webkit-background-image: url(../images/Cabecera-1F.png);
    }

    10%{
        background-image: url(../images/Cabecera-1F.png);
        -webkit-background-image: url(../images/Cabecera-1F.png);
    }

    20%{
        background-image: url(../images/Cabecera-1F.png);
        -webkit-background-image: url(../images/Cabecera-1F.png);
    }

    30%{
        background-image: url(../images/Cabecera-1F.png);
        -webkit-background-image: url(../images/Cabecera-1F.png);
    }

    35%{
        background-image: url(../images/Cabecera-1F.png);
        -webkit-background-image: url(../images/Cabecera-1F.png);
    }

    45%{
        background-image: url(../images/Cabecera-1F.png);
        -webkit-background-image: url(../images/Cabecera-1F.png);
    }
    
    50%{
        background-image: url(../images/Cabecera-2F.png);
        -webkit-background-image: url(../images/Cabecera-2F.png);
    }    

    60%{
        background-image: url(../images/Cabecera-2F.png);
        -webkit-background-image: url(../images/Cabecera-2F.png);
    }
    
    70%{
        background-image: url(../images/Cabecera-2F.png);
        -webkit-background-image: url(../images/Cabecera-2F.png);
    }    

    80%{
        background-image: url(../images/Cabecera-2F.png);
        -webkit-background-image: url(../images/Cabecera-2F.png);
    }    

    90%{
        background-image: url(../images/Cabecera-2F.png);
        -webkit-background-image: url(../images/Cabecera-2F.png);
    }    
    
    100%{
        background-image: url(../images/Cabecera-1F.png);
        -webkit-background-image: url(../images/Cabecera-1F.png);
    }        
}*/

.transp{
    background-color: transparent!important;
    z-index: 8000;
    position: fixed;
}

.scale{
    transition: .2s ease-in-out;
}

.scale:hover{
    transform: scale(1.2,1.2);
}

.scale-1-1{
    transition: .6s ease-in-out;
}

.scale-1-1:hover{
    transform: scale(0.96,0.96);
}

/* Barra social */

.social-bar{	
	position: fixed;
	left: 0;
	bottom: 40%;
    z-index: 2000;
    margin-left: 0!important;
}

.social-bar ul{
	list-style: none;		
}

.social-bar ul li a{	
	display: inline-block;
	color: #007cb0!important;
	background: #f9c100;
	padding: 10px 15px;	
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-left: -45px;
    border-radius: 0px;
}

.social-bar ul li .Facebook:hover{
    background-color: #f9c100;
    padding: 10px 40px;
    color: #000!important;
    border-bottom-right-radius: 10px;
}

.hover-zoom{
    overflow:hidden;
    transition: all .8s;
}

.t{
    transition: all .3s;
    opacity: 0;
    background-color: rgba(249,193,0,0.6)!important;
    color: #003B57!important;
    transform:translateY(200px);
    min-height: 200px;
}

.hover-zoom:hover .t{
    transform:translateY(150px);
    opacity: 1;
}

.men{
    transition: .3s;
    position: relative;
    top: -40;
    opacity: 0;
    display: none;
}

.titulo{
    font-size: 80px;
}

.hr{
    background-color: rgba(249,193,0,1)!;
    height: 4px;
    border-radius: 50%;
}

.seccion-productos{
    min-height: 60vh;
}

.pt-10{
    padding-top: 13%!important;
    
}

.seccion-productos{
    border-bottom-width: 5px!important;
    border-bottom-style: solid!important;
    border-bottom-color: rgba(249,193,0,1)!important;
}

.botones-footer{
    transition: .3s ease-out;
    color: #f9c100;
}

.botones-footer:hover{
    background-color: #f9c100;
    color: #000;
}

a:hover{
    text-decoration: none;
}

.z-index-1000{
    z-index: 1000!important;
}

.menu-fixed{
    /*background-color: rgb(000, 000, 000)!important;*/
    position: fixed!important;
    z-index: 999!important;
    top: 0!important;
    width: 100%!important;
    max-width: 100%!important;
    transition: all ease 1s;
}

.opacity-0{
	opacity: 0!important;
}

.opacity-1{
	opacity: 1!important;
}

.card-bulldog{
    color: #fff;
}

.bg-contacto{
    background-image: url(../images/MODAL.jpg);
    background-size: cover;
}

.bg-b2b{
    background-image: url(../images/MODAL.jpg);
    background-size: cover;
    background-position: bottom;
}

.cursor:hover{
    cursor: pointer;
}

.producto-1, .producto-2, .producto-3, .producto-4, .producto-5, .producto-6, .producto-7, .producto-8{
    background-size: cover;
    background-position: bottom;
}

.producto-1{
    background-image: url('../images/PRODUCTOS/Disco Flap.jpg');
    background-position: center!important;
}

.producto-2{
    background-image: url('../images/PRODUCTOS/Guante Poliuretano.jpg');
    background-position: center!important;
}

.producto-3{
    background-image: url('../images/PRODUCTOS/Guantes naranjas.jpg');
    background-position: center!important;
}

.producto-4{
    background-image: url('../images/PRODUCTOS/Hombre-Solo.jpg');
    background-position: center!important;
}

.producto-5{
    background-image: url('../images/PRODUCTOS/Linterna Minera.jpg');
    background-position: center!important;
}

.producto-6{
    background-image: url('../images/PRODUCTOS/Llave Jardín.jpg');
    background-position: center!important;
}

.producto-7{
    background-image: url('../images/PRODUCTOS/Metro Dorado 3mt.jpg');
    background-position: center!important;
}

.producto-8{
    background-image: url('../images/PRODUCTOS/YPlastica.jpg');
    background-position: center!important;
}

@media only screen and (max-width: 766px) {
    .producto-1, .producto-2, .producto-3, .producto-4{
        transition: .3s ease-in-out;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }
    .cabecera{
        /*background-image: url(../images/CABECERA.jpg);*/
        min-height: auto;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/* Colores FF5900
    	#007cb0	


*/