@import url('https://fonts.googleapis.com/css?family=Italianno');
@import url('https://fonts.googleapis.com/css?family=Marck+Script');
@import url('https://fonts.googleapis.com/css?family=Damion');
@import url(menu.css);
@import url(r_tuxedos.css);
@import url(r_notchnegro.css);
@import url(contacto.css);


h1{
letter-spacing: normal;	
font-family: sans-serif;	
}
h2,h3,h7,h8{
font-family:  sans-serif;
letter-spacing: 1.5px;   
}
p{font-family: sans-serif;
letter-spacing: 1.5px;	
}
a{font-family: sans-serif;
letter-spacing: 1px;	
}
img{
display: block;
max-width: 100%;
}

html,body{
height: 100%;    
}
*{
 margin: 0;
 padding:0;
 box-sizing:border-box;
}
body{
font-family: 'Libre Franklin', sans-serif;
background: #f9f9f9;	
}
header{
background:black;
width: 100%;
height: 120px;
position: fixed;    
top:0;
left: 0;
z-index: 100;    
}
header .img_logo{
position: absolute;	
top:10%;
left: 5%;	
width: 160px;
height:90px;    
}
header .img_logouniformes{
display: none;
}
header .img_logozapateria{
display: none;
}
#menu-bar{
display: none;    
}    
header label{
display: block;	
position: absolute;
top:0;
right: 20px;	
float: right;
font-size: 25px;
color:#1ABC9C; 
padding: 5px;    
margin: 10px 0;    
border-radius: 5px;
border: 1px solid #1ABC9C;	
cursor: pointer;
}
#header_movil{
display: none;
}
.linea{
display: none;
}
.contenedor{
width: 90%;
margin: auto;
}
section{
width: 100%;
}
header .contenedor{
display: table;
}

/********************BANNER y SLIDER ***********/
#banner{
width: 100%;    
margin-top: 120px;
position: relative;
background: black;	

}
#banner img{
width: 100%;
height: 100%;
}
#banner .logo2{
display: block;	
width: 200px;
height: 120px;	
}
#banner .contenedor{
position: absolute;
top:45%;
left: 52%;
transform: translateX(-50%) translateY(-50%);
width: 65%;
}
#banner  .c1_titulo{
color: white;
font-size: 14px;
font-weight: bolder;    
font-family: 'Damion', cursive;	 
text-align: center;	 
letter-spacing: 4.5px;
margin-bottom: 20px;	
}
#banner .c1_txt{
display: block;
color: white;
text-align: center;
font-size: 14px;
margin-bottom: 20px;
font-family: 'Damion', cursive;	 	 
}
#banner h5{
color:black; 
text-align: center; 
font-size:4px;
}
#banner .cita_rep{
display: block;
width: 100px;
margin: auto;	
color: white;
background: black;;  
text-decoration: none;
text-align: center;    
padding: 5px;;
font-size: 13px;
font-weight: lighter;
font-family: 'Damion', cursive;	   
border-radius: 5px;
}
#banner .cita_rep:hover{
transform: translateX(0%);
transition: all 1s;     
background:rgba(0,0,0,0.5);  
color: white;    
}

/*       CONTENEDOR 2 ACCESORIOS    */
#banner .contenedor_ac{
position: absolute;
top:55%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 80%;    
}
#banner .c2_titulo{
width: 100%;
color: white;
margin-bottom:20px;  
text-align: left;
font-size: 14px;    
font-weight: bolder;
font-family: 'Damion', cursive;
letter-spacing: 7px;	
}
#banner .c2_txt{
text-align: left;
color: white;
font-size: 14px; 
font-family: 'Damion', cursive;	
}


/**  CONTENEDOR  3 UNIFORMES  ***/
#banner .contenedor_tv{
position: absolute;
top:18%;
left:42%;
transform: translateX(-50%) translateY(-50%);
width:80%;
}
#banner .c4_titulo{
color: white;
font-size: 12px;    
font-weight: bolder;
margin-left: 125px;
padding-top: 10px;
letter-spacing: 1.5px;	
}
#banner .img_dickies{
display: block;	
width: 100px;
height: 50px;
margin-top: -40px;	
float: left;	
}
#banner .c4_txt{
text-align: left;
color:white;    
font-size: 14px;
margin-bottom: 20px;    
}
#banner .c4_titulo2{
color: white;
font-size: 14px;    
font-weight: bolder;
margin-bottom: 30px;  
}
#banner .cita_tv{
display: block;   
margin-top: 40px;
width: 80px;    
color:  white;
background:  red;
text-align: center;
text-decoration: none;
padding: 5px;
font-size: 12px;
font-weight: lighter;
font-family: 'Libre Franklin', sans-serif;  
border-radius: 10px;
}
#banner .cita_tv:hover{
transform: translateX(0%);
transition: all 1s;      
background:  midnightblue;   
color: white;    
}

/*  CONTENEDOR 4 CALZADO    */
#banner .contenedor_refri{
position: absolute;
top:52%;
left:50%;
transform: translateX(-50%) translateY(-50%);
width:40%;
}
#banner .c3_titulo{
color: black;
font-weight: bolder;
padding-bottom: 440px;    
text-align: center;
}
#banner .c3_txt{
color: black;
text-align: center;
font-size: 20px;
}


/*****  SLIDER BANNER ***/
.main_slider{
    
}
.main_slider h1{
margin: 0;
width: 100%;    
text-align: center;
color: white;
font-size: 34px;    
font-family: 'Libre Franklin', sans-serif;
padding-top: 50px;
padding-bottom: 45px;    
}
#contenedor_slider {
margin: auto;    
width:100%;
position: relative;
overflow: hidden;
}
#slider{
display: flex;
width:400%;
}
#slider section{
width: 100%;    
}
#slider img{
display: block;
width: 100%;
height:200px;    
max-height:1000px;
margin: auto;	
}
#btn_prev,#btn_next{
position: absolute;
top:53%;
background:rgba(255,255,255,0.6);    
width: 25px;
height: 25px;
text-align: center;
line-height: 20px;
font-size: 17px;   
font-family: monospace;    
border-radius:50%; 
transform:translateY(100%);
cursor: pointer;
}
#btn_prev:hover,#btn_next:hover{
background: rgba(255,255,255,1)    
}
#btn_prev{
left:2%;
}
#btn_next{
right:2%;    
}



/* --------- QUIENES SOMOS   ---------*/

.subSection_somos{
height: 100%;    
}
#nuevos{
padding-bottom: 50px;	
}
.nuevos{
margin-bottom: 8px;    
}
.img_nuevos{
width: 200px;
height: 200px;    
margin: auto;
}
.nuevos{
color:black; 	
text-align: center;	
font-family: sans-serif;
margin-top: 40px;
letter-spacing: -1px;
}
.nuevos_titulo{
display: block;
width: 85%;
margin: auto;    
text-align: left;    
color:#1ABC9C; 	
font-size: 18px;	
margin-bottom: 10px;	
letter-spacing: -0.5px;
font-weight: 100;    
}
.linea_titulo{
width: 100%;
height: 1px;
background:gray;
margin-bottom: 30px;	
}
.nuevos_txt{
display: block;    
width: 85%;
margin: auto;    
text-align: left;
font-size: 14px;
line-height:26px;
letter-spacing: -0.5px;  
font-weight: lighter;
    
}


.info_nuevos{
margin-bottom: 20px;  

}

/*---MISION, VISION -------*/

.sect{
height:90%;    
background-size: cover;  
background-attachment: fixed;    
background-repeat: no-repeat;
}
.subSection{
height: 50%;    
}

.sectOne{
background-image: url("../img/Banner-Grande.jpg");
}
.mision{
color:#1ABC9C;    
margin-top: 30px;
}
.mision_txt{
color:white;
margin-top: 20px;
}

/* ----- TIPS ------ */

#tips{
margin-top: -1200px;    
}

.sectTwo{
background-image: url("../img/calzado.jpg");
width: 100%;
background-size: 100% 100%;    
}

/* -------- NUESTRAS MARCAS ------*/

.marcas_top{
color:black; 	
text-align: center;	
font-family: sans-serif;
margin-top: 40px;
letter-spacing: -1px;
}
.img_marcas{
display: block;
width: 100%;
height:70px;  
margin: auto;	
}


.sectTree{
background-image: url("../img/i3.jpg");
background-size: 100% 100%;    
}



/*--------- FOOTER -----*/

#footer{
background-image: url(../img/BannerFinal.jpg);
background-size: cover;	
padding-top: 30px;	
}

.navegacion{
display: block;
margin-bottom: 20px;
color:  #1ABC9C;
font-family: sans-serif;
letter-spacing: -1.5px;	
}
.navegacion_txt{
color: white;
font-family: sans-serif;
letter-spacing: -1px;		
}

.menu_footer{
display: inline-grid;    
}

.menu_footer a{
text-decoration: none;
margin-bottom: 12px;
font-size: 13px;   
color: white;
font-family: sans-serif;
letter-spacing: -1px;		
}

.sociales {
font-size: 24px;
display: block;
    
}

.sociales a{
color: white; 
text-decoration: none;    

}

.sucursales {
display: block;    
width: 100%;
margin: auto;    
color: white;
}


.regalo{
color: white;
font-size: 90px;    
}



#sect_footer img{
width: 100%;;
max-width: 160px;
}


#sect_footer iframe {
width: 320px;
max-width: 680px;    
}


.imglogozap_footer{
display: inline-block;
width: 70px;
}

footer span{
color: white;
}


#sect_footer .contenedor{
display: flex;
justify-content:space-around;
flex-wrap: wrap; 
}
#info_footer{
padding-bottom: 20px;	
 }
#iframe_1{
width: 100%;  
border-radius: 5%;
border:4px solid #1ABC9C;    
max-width: 280px;    
}


@media(min-width:768px){
#banner{
margin-top: 120px;
}
#banner img{
width: 100%;    
height: 380px;    
}
#banner h4{
font-size: 35px;
}
#banner p{
font-size: 18px;
margin-bottom: 20px;    
}
#banner h5{
font-size: 25px;
margin-bottom: 40px;    
}
#banner a{
font-size: 16px;
}
#btn_prev,#btn_next{
top:50%;
width: 45px;
height: 45px;
line-height: 42px;
font-size: 24px;   
}   
#banner  .c1_titulo{
font-size: 33px;
}
#banner .c1_txt{
font-size: 33px;		
}
 #banner .contenedor_ac{
top:55%;
left: 47%;
}   
#banner .c2_titulo{
font-size:26px;    
}
#banner .c2_txt{
text-align: left;
color: white;
font-size: 26px; 
font-family: 'Damion', cursive;	
}
#banner .contenedor_tv{
position: absolute;
top:23%;
left:40%;
transform: translateX(-50%) translateY(-50%);
width:80%;
}
#banner .c4_titulo{
color: white;
font-size: 25px;    
font-weight: bolder;
margin-left: 225px;
padding-top: 10px;
letter-spacing: 1.5px;	
}    
#banner .img_dickies{
display: block;	
width: 220px;
height: 160px;
margin-top: -45px;	
float: left;	
}	
   
 
.subSection_somos{
height: 50%;    
}   
    
#nuevos{
display: flex;
justify-content: space-around;	
flex-wrap: wrap;
}
.info_nuevos{
width:50%;      
}
    
.img_nuevos{
margin: auto;        
}

/*---MISION, VISION -------*/

.sect{
height:50%;
    }
.mision{
text-align: center;        
}
.mision_txt{
text-align: justify;
}    
    
#flex_mision{
display: flex;
justify-content: space-between;
flex-wrap: wrap;    
}    
    
        
.info_mision{
width: 28%;
}    
    
.img_marcas{
height:170px;  
margin: auto;	
}
.satisfechos_top{
margin-bottom: 50px;
font-size: 25px;	
}	
#satisfechos{
display: flex;
justify-content: space-around;
flex-wrap: wrap;	
}
#footer .contenedor{
display: flex;
justify-content: space-between;	
}
}

@media(min-width:1024px){
.contenedor{
width: 80%;		
}
header{
height:170px;		
}	
header .img_logo{
top: 5px;
left: 10%;    
width: 170px;
height:150px;    
}	
#banner{
margin-top: 90px;
}
#banner img{
width: 100%;    
height: 400px;    
}	 
.info_titulo{
color:#1ABC9C;
text-align: center;
font-size: 10px;
margin-bottom: 6px;	
}
.icon-location,.icon-stopwatch,.icon-phone{
color: white;
text-align: center;
font-size:10px;		
}
#header_movil{
display: block;	
width: 100px;	
height: 20px;
}
header label{
display: none;
}
#header{
display: flex;
justify-content:flex-end;
}	
.info_header{
margin-top:30px;		
}
.main_slider{
margin-top:80px;
}	
#btn_prev,#btn_next{
top:43%;
}
#banner .cita_rep{
width: 150px;
padding: 7px 10px 10px;
font-size: 24px;
font-weight: 550;
border-radius: 5px;
font-family: 'Italianno', cursive; 	
}    
}
@media(min-width:1100px){

.slogan{
display: block;
position: absolute;
top: 47px;
left: 32%;	
color:#1ABC9C;
font-family: 'Italianno', cursive; 
font-size: 25px;
letter-spacing: 7px;	
}	

header .img_logouniformes{
display: block;    
position: absolute;
top: 97px;
right: 140px;	
width: 70px;
height: 60px;	
}

header .img_logozapateria{
display: block;    
position: absolute;
top: 97px;
right:215px;	
width: 70px;	
height:60px;	
}	
	
	
.linea{
display: block;	
width:100%;
margin-top: 112px;
height: 2px;
background:#1ABC9C;	
	
}		
	
}