html body{
	font-family: 'Roboto', sans-serif;
}

/*ajuste estructural para menu*/
#submcontent{
	padding:0 6.65vw;
	height:11vw;
	/*border:1px solid white;*/
}

/*ajuste apariencia de fila superior de menu*/
.submenu1{
	background:#1D4481;
	color:white;
	padding:1.2% 1.2% 1.8%;
	font-size:0.88vw;
	height:3.9vw;
}
#submcontent .submenu1 a{
	text-decoration:none;
}
/*ajuste apariencia/estructura de fila inferior de menu*/
.submenu2{
	font-size: 1.17vw;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 700;
	height:7.32vw;
	/*border:1px solid red;*/
}
/*Ajuste estructural para la parte del logo*/
.subm2A{
	padding:0.87vw 0.73vw 0;
	height:100%;
	/*border:1px solid green;*/
}
/*Ajuste visual del logo*/
.subm2A img{
	width:17.6vw;
	height:5.5vw;
}
/*Ajuste estructural para sección derecha de 2da fila del menú*/
.subm2B{
	/*border:1px solid red;*/
	height:100%;
	padding-left:2.78vw;
}
/*Descripción estructural de los item del menú*/
.subm2B .item{
	margin-top:2.41vw;
	padding:0.37vw 1.07vw;
	color:#1d4481;
	/*border:1px solid green;*/
}
.item a{
	text-decoration:none;
}
.item{
	background-image: linear-gradient(#F8B131, #F8B131), linear-gradient(white, white);
	background-size: 100% 0, auto;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all .2s ease-out;
}

.item:hover {
	background-size: 90% 100%, auto;
}
.submenu2 .hotdealsm2b{
	margin:0 0.36vw 0;
	padding:0;
	/*border:1px solid green;*/
}

/*SECCIÓN TELEFONOS*/
.secctel{
/*
height:22.5vw;
*/
background:#F8B131;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
color:white;
padding-top:6.1vw;
padding-bottom:4.5vw;
}

.secctelf1{

font-size: 3.12vw;
font-weight:400;
}

.callus{
padding-bottom:0.35vw;
}

.secctelf1 img{
height:6.25vw;
width:8.26vw;
}

.secctelf2{
font-size: 1.62vw;
font-weight:500;
}

.secctelf2a div{
padding:2.19vw 0;
}

.secctelf2a a{
	text-decoration:none;
}

.secctelf2 img{
height:1.87vw;
}

/*SECCIÓN SERVICIOS*/
.servf1, .prod-tit{
padding-top:6.6vw;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-size: 3.15vw;
font-weight: 400;
color:#1d4481;
text-align:center;
}

.servf2{
padding-bottom:3.5vw;
}

.servf2b{
padding-top:2.1vw;
padding-bottom:2.1vw; 
}

.servf2b img{
display:block;
margin:0 auto;
height:17.81vw;
}

.servf2a{
padding:1.2vw 1.88vw 3.2vw;
line-height:1.7;
}
.servf2arow{
max-width:70.2vw;
margin:auto;
}
.servf2tit{
color:#1d4481; 
font-family:'Montserrat',Helvetica,Arial,sans-serif; 
font-size:1.88vw; 
font-weight:400;
padding-top:1.7vw;
}
.servf2txt{
padding:0.44vw 0;
text-align: justify;
color: #535353;
font-size: 1.13vw;
}

/*SECCIÓN WHY CHOOSE US*/
.whych-mask{
line-height:1.7; 
background-color:#25457A; 
background-image:url(../img/bg-mapa.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.whych-mask-color{
background-color:rgba(30,68,130,0.85);
}
.whych-txt{
color:white;
font-size:1.13vw;
text-align: justify;
padding:4.25vw 2vw 4.25vw 2.63vw;
}

.whych-anch{
max-width:70.2vw;
margin:auto;
}

.whych-tit{
text-align: left;
margin-bottom: 3.38vw; 
font-family:'Montserrat', Helvetica, Arial, sans-serif; 
font-size: 3.13vw;
line-height: 0.8; 
font-weight: 400;
}
.whych-img{
padding:5.31vw 1.75vw;
}

.whych-img img{
height:30vw;
}

.whych-txt img{
height:1.56vw;
}
.whych-paddtop{
margin-top:1.31vw;
}

/*Sección de productos*/
.prod-tit{
padding-top:0;
}
.prod-col img{
	height:16.88vw;
}
.prod-col{
	padding:2.25vw 0;
	font-size: 1.25vw;
	color: white;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.prod-ajus{
	padding:3vw 5vw 4.2vw;
}

#prod-grad:before {
    position: absolute;
    content: '';
    background: linear-gradient(to bottom, transparent 50%,rgba(0,0,0,1) 100%);
    height:100%;
	opacity: .8;
    width: 16.88vw;
    pointer-events: none;
    z-index:1;
}
#prod-grad div{
	padding-bottom:2.6vw;
	z-index:2;
}
.brands-tit{
	padding-top:6.2vw;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size:3.7vw;
	color:#1d4481;
}
.brands-tira{
	padding:1.8vw 7.5vw;
}

#slide2, #slide2 img{
	 height:36.6vw;
}

#slide2 img{
	 width:54.9vw;
}

#slide3{
	 height:27.45vw;
	 width:100%;
	 background-color:#f3f4f8;
}
#formulario, .formu-fondo{
	height:43.9vw;
}
.formu-eng{
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	background-image:url("../img/footer-bg.jpg");
	
}
.formu-fondo{
	background:rgba(37,69,122,0.85);
	border-bottom:0.29vw solid black;
}
.formu-tit, .formu-subtit{
	color: #f8b131;
	padding-top:6.6vw;
	line-height:1;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size:2.95vw;
}
.formu-subtit{
	color:white;
	padding-top:0;
}
.formu-linea{
	padding:2.4vw 7.5vw 0.7vw;
	
}
.formu-linea hr{
	  border-top: 0.07vw solid white;
	  margin:0.5vw 0;
}
.formu{
	padding:0 7.5vw;
}
.formu label{
	display:none;
}
.formu .campo{
	padding:0 0 1.1vw;
}
.formu .campo input, .formu .campo textarea, .formu select{
	border-radius: 0.22vw;
}
.formu input, .formu textarea, .formu select{
	padding:0.4vw 0.9vw;
	font-size:1.05vw;
	color:gray;
	background-color:white;
}
.formu-col1{
	padding-right:0.5vw;
}
.formu-col2{
	padding-left:0.5vw;
}
.formu .campo textarea{
	height:10vw;
}
.formu-boton{
	padding-top:1vw;
}
.formu-send{
    color: #25386c;
    background-color: #f8b131;
    border-color: transparent;
    border-radius: 2.2vw;
    font-weight: bold;
    padding: 0.58vw 2.63vw;
    font-size: 1.17vw;
}
footer{
background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	background-image:url("../img/bg-footer-1.jpg");
	height:26.13vw;
}
.footer-sucu, .footer-tel, .footer-sucumex{
	color: white;
	padding-top:10.7vw;
	padding-bottom:1.8vw;
	line-height:1;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size:1.65vw;
}
.footer-tel{
	padding:0;
	padding-bottom:0.85vw;
	font-size:1.3vw;
	font-family: Helvetica, Arial, sans-serif;
}
.footer-logo{
	padding-top:4.25vw;
}
.footer-sucumex{
	padding-top:1vw;
}

.footer-tel img{
	width:1.6vw;
	height:1.6vw;
}
.footer-tel span{
	padding:0 0 0 0.8vw;
}
.footer-rrss{
	padding-top:1.5vw;
}
.footer-rrss img{
	width:3.35vw;
	height:3.35vw;
}
.footer-rrss span{
	padding-left:1vw;
}
footer a{
	text-decoration:none;
}
@media only screen and (max-width: 992px) { /* Pantallas medianas: */
	.secctelf2{
	font-size: 2.59vw;
	}

	.secctelf1{
	font-size: 4.37vw;
	}

	.secctelf1 img{
	height:8.75vw;
	}

	.servf1, .prod-tit{
	font-size: 4.41vw;
	}

	.servf2tit{
	font-size:3.38vw;
	}

	.servf2txt{
	font-size: 2.04vw;
	}

	.secctelf2 img{
	height:2.99vw;/*Aumento del 60%*/
	}

	.servf2b img{
	height:35.62vw; /*Aumento del 100%*/
	}
	
	.whych-txt{
	font-size:2.03vw;
	padding-top:8.5vw;
	}
	.whych-tit{
	font-size: 5vw;
	}
	.whych-img{
	padding:5.31 0 8.5vw 0;
	}
	.whych-img img{
	height:54vw;
	}
	
	.prod-col img{
	height:33.76vw;
	}
	#prod-grad:before {
	width:33.76vw;
	}
	#prod-grad{
	margin-top:4vw;
	}
	.prod-col{
	font-size: 2.5vw;
	}
}

@media only screen and (max-width: 601px) {
	#menu-celular{
		height:auto;
	}
	.submenu1{		
		padding-top:5.5vw;
		padding-bottom:5.5vw;
		padding-left:4vw;
		padding-right:0vw;
		font-size:4vw;
		height:auto;
	}
	.submenu1 a{
		text-decoration:none;
	}
	.submenu2c{
		padding:6.2vw 0;
	}
	.secctelf1{
	font-size: 12vw;
	}
	.callus{
	padding-bottom:0.35vw;
	padding-left:22vw;
	line-height:1;
	}
	.secctelf1 img{
	width:20.5vw;
	height:15.5vw;
	}
	.callus-icono{
	padding-left:17vw;
	}
	.secctelf2a {
	font-size:6.5vw;
	}
	.secctelf2a div{
	padding:5vw 0;
	}
	.secctelf2{
	padding-top:6vw;
	padding-bottom:5vw;
	}
	.secctelf2a img{
	width:6.9vw;
	height:8.6vw;
	padding:0;
	}
	.secctel{
	padding-top:10vw;
	}
	.servf1{
	font-size:10vw;
	padding-top:10vw;
	}
	.servf2tit {
    font-size: 8vw;
    text-align:center;
	}
	.servf2txt {
    font-size: 5vw;
	}
	.servf2arow {
    max-width: 80vw;
    margin: auto;
    padding-bottom:10vw;
	}
	.servf2a{
	padding-top:8vw;
	}
	.servf2b img{
	width:72.2vw;
	height:54.15vw;
	}
	.whych-tit{
	font-size:8vw;
	padding-top:8vw;
	}
	.whych-anch{
	max-width:80vw;
	}
	.whych-txt {
    font-size: 5vw;
    }
    .whych-parr{
		padding:5vw 0;
    }
    .whych-img img {
    width: 79.65vw;
    height:64.4vw;
	}
	.whych-img{
	padding-bottom:15vw;
	}
	.prod-ajus{
	padding-top:10vw;
	padding-bottom:15vw;
	}
	.prod-tit{
	font-size:8vw;
	}
	.prod-col img {
    height:80vw;
    width:80vw;
	}
	.prod-col{
	font-size:6vw;
	}
	#prod-grad:before {
    width:80vw;
    }
    #slide2{
    height:54.9vw;
    margin-bottom:15vw;
    }
    #slide2 img{
	 height:54.9vw;
	 width:82.35vw;
	}
	.brands-tit{
	font-size:8vw;
	}
	#slide3{
	height:60vw;
	margin-bottom:15vw;
	}
	#slide3 img{
	width:80vw;
	height:32vw;
	}
	.brands-tira{
	padding-left:0;
	padding-right:0;
	}
	.brands-tira .carousel-cell{
	padding-left:11vw;
	}
	.formu-tit, .formu-subtit{
	font-size:8vw;
	}
	.formu-tit{
	padding-top:15vw;
	}
	.formu input, .formu textarea, .formu select{
	font-size:6vw;
	}
	#formulario, .formu-fondo{
	height:230vw;
	}
	.formu input, .formu textarea, .formu select{
	padding: 2vw 1vw;
	}
	.formu .campo {
	padding:8vw 0 0;
	}
	.formu .campo textarea {
    height: 40vw;
	}
	.formu-send{
	font-size:6vw;
	width:84vw;
	padding:2vw 0;
	}
	.formu-boton{
	padding:8vw 0;
	}
	.formu .campo input, .formu .campo textarea, .formu select{
	border-radius:2.2vw;
	}
	footer{
	height:270vw;
	}
	.footer-logo{
	padding-top:15vw;
	}
	.footer-logo img{
		width:80vw;
		height:25vw;
	}
	.footer-sucu, .footer-tel, .footer-sucumex {
	font-size:8vw;
	padding-top:8vw;
	}
	.footer-tel img{
	height:8vw;
	width:8vw;
	}
	.footer-tel {
	font-family:'Montserrat', Helvetica, Arial, sans-serif;
	}
	.footer-tel span{
	padding-left:2vw;
	}
	.footer-rrss{
	padding:15vw 0 15vw;
	}
	.footer-rrss img{
		width:20vw;
		height:20vw;
	}
	.footer-fb{
	padding-right:15vw;
	}
	.footer-yb{
		padding-left:15vw;
	}
	.ciudad{
	padding-top:8vw;
	}
	.submenu1 img{
	width:8vw;
	height:8vw;
	}
	.submenu1 .menu-cel{
	padding-right:4vw!important;
	margin-right:0!important;
	text-align:right!important;
	}
	
	/*Menu celular*/
	.hamburguesa{
		color: #1d4481!important;
		background-color: #fff!important;
		padding:0;
	}
	.hamburguesa:hover, .filamenu:hover{
		color: #fff!important;
		background-color:#1d4481!important;
	}
	.filamenu:hover{
	width:100%;
	}
	.hotdeal{
	padding:0;
	}
	.hotdeal:hover, .filamenuhd:hover{
	color:red!important;
	background-color:yellow!important;
	}
	.filamenuhd{
	width:100%;
	color:yellow!important;
	background-color:red!important;
	}
	
	#mySidebar{
		top: 0;
		z-index:10; 
		display:none;
		width:70vw;
	}
	
	#myOverlay{ cursor:pointer; }
	
	nav{ 
	left:0; 
	font-family:'Montserrat', Helvetica, Arial, sans-serif;
	font-weight:700;
	}
	
	.flag-cel{
	padding-right:4vw;
	}
}