@charset "UTF-8";
/* CSS Document */

.tp-bgimg {background-color: #fff !important;}
body {max-width: 1930px;}
#menu > ul > li > a, .action_button, #overlay-menu ul li a {font-family: "Helvetica LT Std Black", Arial, Tahoma, sans-serif}
#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle {color: #fff;}
#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {background-color: #000000;}
.button_icon {background-color: aliceblue !important;}

p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

/***Inicio***/ /***Inicio***/ /***Inicio***/
.ninofranja {display: none; visibility: hidden;}

@font-face {
    font-family: "fuente3";
    src: url("http://escucharmas.com.mx/wp-content/uploads/2016/11/HelveticaLTStd-Light.eot") format("eot"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/11/HelveticaLTStd-Light.woff") format("woff"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/11/HelveticaLTStd-Light.ttf") format("truetype"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/11/HelveticaLTStd-Light.svg") format("svg");
}

.font3 {
font-family: "fuente3";
color: #e83f3f !important; 
font-size: 32.6px !important;
line-height: 34px !important;
}

/*botones*/
.btn {
  position: relative;
  top: 20px;
  background: #e41313;
  background-image: -webkit-linear-gradient(top, #e41313, #e41313);
  background-image: -moz-linear-gradient(top, #e41313, #e41313);
  background-image: -ms-linear-gradient(top, #e41313, #e41313);
  background-image: -o-linear-gradient(top, #e41313, #e41313);
  background-image: linear-gradient(to bottom, #e41313, #e41313);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  position: relative;
  top: 20px;
  background: #e03434;
  background-image: -webkit-linear-gradient(top, #e03434, #e03434);
  background-image: -moz-linear-gradient(top, #e03434, #e03434);
  background-image: -ms-linear-gradient(top, #e03434, #e03434);
  background-image: -o-linear-gradient(top, #e03434, #e03434);
  background-image: linear-gradient(to bottom, #e03434, #e03434);
  text-decoration: none;
}

.txtcalidad {position:absolute; top:-90px;} 
.txtdistribuidores {font-size: 15.8px; margin-top: 10px;}
.ninofranja {visibility: hidden; display: none;}
.nino {z-index: 0; position: relative; transform: rotate(8.8deg); top: -50px; padding: 21px}
.hr2 {background-color: #e41313; height: 7px; margin-left: 78.5%; width: 20%;}
.contacto li {display:inline-block !important; list-style:none;}
.numero {font-size: 99px; color: #de1f1d; font-family:"Helvetica LT Std Black";}
.media {z-index: 1;}
.media {height: 1100px; margin-top: -489.7px; visibility: visible;}  
.servicios {margin-top: -262px;}
.hr3 {background-color: #bdbdbd; height: 4.3px; margin-left: 33.8%; width: 32.7%;}
hr {background-color: #e41313; height: 7px; margin-left: 0%; width: 20%;}


/*hovers*/
.uno {right: 5em;}
.dos {right: 2em;}
.tres {left: 2em;}
.cuatro {left: 5em;}



/***Nosotros***/ /***Nosotros***/ /***Nosotros***/
.txtcirculo {font-size: 25px; line-height:23.5px;}
.img2 {margin-top: -54.9px !important;}
.txt3 {font-size: 25px; font-family: "fuente33"; line-height:27px;}
.arriba {margin-top:-100px;}
.fontblack {font-size: 24px;}
.hr3linea {background-color: #de1f1d; height: 4.3px; margin-left: 33.8%; width: 32.7%;}
.txtrojo {color: #de1f1d;}
.abajo {margin-top:120px;}
.productos {margin-left: 100px;}
.cap {margin-top: 70px;}
.txt1 {font-size: 29px; font-family: "fuente33"; line-height:27px;}
.txt2 {font-size: 29px; font-family: "fontbold";}
.hrderecha {background-color: #e41313; height: 7px; margin-left: 80%; width: 20%;}

@font-face {
    font-family: "fontbold";
    src: url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Bold.eot") format("eot"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Bold.woff") format("woff"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Bold.ttf") format("truetype"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Bold.svg") format("svg");
}

.fontbold {
font-family: "fontbold"; font-size: 20px;;
}

@font-face {
    font-family: "fuente33";
    src: url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Roman.eot") format("eot"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Roman.woff") format("woff"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Roman.ttf") format("truetype"),
         url("http://escucharmas.com.mx/wp-content/uploads/2016/12/HelveticaLTStd-Roman.svg") format("svg");
}

.font33 {
font-family: "fuente33";
font-size: 18px;;
}


/***Servicios***/ /***Servicios***/ /***Servicios***/
.h3serv {font-size: 32px !important; line-height: 30px !important; color: #de1f1d;}
.h33serv {font-size: 32px; line-height: 30px !important;}

/***Resoluciones Estandar***/
/***Nino***/
@media screen and (min-width: 1466px) { 
.nino {top: -27px;transform: rotate(2.9deg);} 
}
@media screen and (min-width: 1367px) and (max-width: 1465px) { 
.nino {top: 40px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1240px) and (max-width: 1366px)  { 
.nino {top: 19px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1177px) and (max-width: 1239px) { 
.nino {top: 52.4px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1145px) and (max-width: 1176px) { 
.nino {top: 68.4px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1111px) and (max-width: 1144px) { 
.nino {top: 86.7px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1104px) and (max-width: 1110px) { 
.nino {top: 86.7px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1076px) and (max-width: 1103px) { 
.nino {top: 101.7px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1140px) and (max-width: 1175px) { 
.nino {top: -10.3px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1090px) and (max-width: 1139px) { 
.nino {top: -8.7px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1071px) and (max-width: 1089px) { 
.nino {top: -5.5px; transform: rotate(-0.5deg);}
}
@media screen and (min-width: 1067px) and (max-width: 1070px) { 
.nino {top: 7.9px; transform: rotate(-3.3deg);}
}
@media screen and (min-width: 1025px) and (max-width: 1066px) { 
.nino {top: 22.4px; transform: rotate(-3.3deg);}
}
@media only screen and (min-width: 976px) and (max-width: 1024px) {
.nino {top: 39.9px; transform: rotate(-3.3deg);}	
}
@media only screen and (min-width: 874px) and (max-width: 975px) {
.nino {top: 71.8px; transform: rotate(-3.3deg);}	
}
@media only screen and (min-width: 857px) and (max-width: 873px) {
.nino {top: 75.9px; transform: rotate(-3.3deg);}	
}
@media only screen and (min-width: 854px) and (max-width: 856px) {
.nino {top: 107.9px; transform: rotate(-3.3deg);}	
}
@media only screen and (min-width: 812px) and (max-width: 853px) {
.nino {top: 130px; transform: rotate(-3.3deg);}	
}
@media only screen and (min-width: 768px) and (max-width: 811px) {
.nino {top: 148.6px; transform: rotate(-3.3deg);}	
}
/***Nino***/
@media only screen and (max-width: 767px) {
	#Footer{background-color: #e41313; background-image: none;}
	.nopad {padding: 0px !important;}
	#Top_bar, #Action_bar {background: #000000 !important;}
	.nino {display:none;}
	.ninofranja {visibility: visible; display: block;}
	.media {display:none;}
	
/***Seccion Nosotros***/
.divroja {display:none;}
.divgris {display:none;}	
.img2 {margin-top: -15.9px !important;}
}

/***Seccion Nosotros***/
@media screen and (min-width: 960px) and (max-width: 1485px)  { 
h3 {font-size: 32px !important; line-height: 0px !important;}
h2 {font-size: 33px !important; line-height: 36px !important;}
.font3 {line-height: 32px !important; font-size: 22px !important;}
p {font-size: 14px !important; line-height: 16.4px;}
.textn1 {position: relative; top: -24.8px;}
.textn2 {position: relative; top: -40.5px;}
.esbaj {padding-top: 24.8px !important;}
}
@media screen and (min-width: 843px) and (max-width: 959px) { 
h3 {font-size: 32px !important; line-height: 0px !important;}
h2 {font-size: 33px !important; line-height: 36px !important;}
.font3 {line-height: 32px !important; font-size: 22px !important;}
p {font-size: 14px !important; line-height: 16.4px;}
.textn1 {position: relative; top: -115px;}
.textn2 {position: relative; top: -164.5px;}
.esbaj {padding-top: 160px !important;}
}
@media screen and (min-width: 768px) and (max-width: 842px) { 
h3 {font-size: 32px !important; line-height: 0px !important;}
h2 {font-size: 33px !important; line-height: 36px !important;}
.font3 {line-height: 32px !important; font-size: 22px !important;}
p {font-size: 14px !important; line-height: 16.4px;}
.textn1 {position: relative; top: -115px;}
.textn2 {position: relative; top: -164.5px;}
.esbaj {padding-top: 100px !important;}
}
@media screen and (max-width: 767px) { 
h3 {font-size: 32px !important; line-height: 0px !important;}
h2 {font-size: 33px !important; line-height: 36px !important;}
.font3 {line-height: 32px !important; font-size: 22px !important;}
p {font-size: 14px !important; line-height: 16.4px;}
.textn1 {position: relative; top: -115px;}
.textn2 {position: relative; top: -13px;}
.esbaj {padding-top: 100px !important;}
.t1 {padding: 0 80px;}
}
/***Seccion Nosotros***/

/***Seccion Servicios***/
@media screen and (max-width: 1435px) { 
.productos {margin-left: 0px;}
}
@media screen and (max-width: 1180px) { 
.h33serv {font-size: 21.1px !important;}
}
@media screen and (max-width: 767px) { 
.cap {margin-top: 0;}
.curveado {padding: 0px !important;}
}
@media screen and (max-width: 480px) { 
.numero {font-size: 30px !important;}
}
/***Seccion Servicios***/


/*Telefono*/
@media screen and (min-width: 1168px) and (max-width: 1439px) { 
.numero {font-size: 75px;}
}
@media screen and (min-width: 1068px) and (max-width: 1167px) { 
.numero {font-size: 60.1px;}
}
@media screen and (min-width: 896px) and (max-width: 1067px) { 
.numero {font-size: 51.1px;}
.contacto {top:-36px; position:relative;}
}
@media screen and (min-width: 768px) and (max-width: 895px) { 
.numero {font-size: 38.4px;}
.contacto {top:-36px; position:relative;}
}
@media screen and (min-width: 573px) and (max-width: 767px) { 
.numero {font-size: 74px;}
}
@media screen and (min-width: 488px) and (max-width: 572px) { 
.numero {font-size: 59px;}
}
@media screen and (max-width: 487px) { 
.numero {font-size: 41px;}
}
/*Telefono*/

/*Textos*/
@media screen and (max-width: 767px) { 
.audicion {padding: 30px 50px 0 0 !important;}
.servicios {padding: 50px !important;}
}
/*Textos*/


/*Hovers*/
@media screen and (min-width: 1240px) and (max-width: 1413px) { 
.uno {right: -5.1em; width: 20% !important;}
.dos {right: -7.3em; width: 20% !important;}
.tres {left: 9.2em; width: 20% !important;}
.cuatro {left: 11.5em; width: 20% !important;}
}
@media screen and (min-width: 1111px) and (max-width: 1239px) { 
.uno {right: -0.3em; width: 20% !important;}
.dos {right: -4.5em; width: 20% !important;}
.tres {left: 9em; width: 20% !important;}
.cuatro {left: 12.6em; width: 20% !important;}
}
@media screen and (min-width: 960px) and (max-width: 1110px) { 
.uno {right: -0.3em; width: 20% !important;}
.dos {right: -4.5em; width: 20% !important;}
.tres {left: 9em; width: 20% !important;}
.cuatro {left: 12.6em; width: 20% !important;}
}
@media screen and (min-width: 768px) and (max-width: 855px) { 
.uno {right: -0.3em; width: 20% !important;}
.dos {right: -4.5em; width: 20% !important;}
.tres {left: 9em; width: 20% !important;}
.cuatro {left: 12.6em; width: 20% !important;}
}
@media screen and (max-width: 767px) { 
.uno {right: 0em; width: 20% !important;}
.dos {right:  0em; width: 20% !important;}
.tres {left:  0em; width: 20% !important;}
.cuatro {left:  0em; width: 20% !important;}
}
/*Hovers*/