/* Font */
@font-face{font-family:'akzentconddb';src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot');src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff2') format('woff2'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff') format('woff'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.ttf') format('truetype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.svg#akzentcond_dbregular') format('svg');font-weight:normal;font-style:normal; }
@font-face{font-family:'open_sansregular';src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'opensansbold';src:url('../fonts/OpenSans/OpenSans-Bold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sanslight') format('svg');font-weight:bold;font-style:normal; }
@font-face{font-family:'opensanslight';src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight:300;font-style:normal; }
@font-face{font-family:'opensanssemibold';src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:600;font-style:normal; }
@font-face{font-family:'opensansextrabold';src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');font-weight:800;font-style:normal; }
@font-face{font-family:'gandhi_sansregular';src:url('../fonts/Gandhi/GandhiSans-Regular-webfont.eot');src:url('../fonts/Gandhi/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Gandhi/GandhiSans-Regular-webfont.woff') format('woff2'),url('../fonts/Gandhi/GandhiSans-Regular-webfont.woff') format('woff'),url('../fonts/Gandhi/GandhiSans-Regular-webfont.ttf') format('truetype'),url('../fonts/Gandhi/GandhiSans-Regular-webfont.svg#gandhi_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'gandhi_sansitalic';src:url('../fonts/Gandhi/GandhiSans-Italic-webfont.eot');src:url('../fonts/Gandhi/GandhiSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Gandhi/GandhiSans-Italic-webfont.woff') format('woff2'),url('../fonts/Gandhi/GandhiSans-Italic-webfont.woff') format('woff'),url('../fonts/Gandhi/GandhiSans-Italic-webfont.ttf') format('truetype'),url('../fonts/Gandhi/GandhiSans-Italic-webfont.svg#gandhi_sansitalic') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'gandhi_sansbold';src: url('../fonts/Gandhi/GandhiSans-Bold-webfont.eot');src:url('../fonts/Gandhi/GandhiSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Gandhi/GandhiSans-Bold-webfont.woff') format('woff2'),url('../fonts/Gandhi/GandhiSans-Bold-webfont.woff') format('woff'),url('../fonts/Gandhi/GandhiSans-Bold-webfont.ttf') format('truetype'),url('../fonts/Gandhi/GandhiSans-Bold-webfont.svg#gandhi_sansbold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'gandhi_sansbold_italic';src:url('../fonts/Gandhi/GandhiSans-BoldItalic-webfont.eot');src:url('../fonts/Gandhi/GandhiSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Gandhi/GandhiSans-BoldItalic-webfont.woff') format('woff2'),url('../fonts/Gandhi/GandhiSans-BoldItalic-webfont.woff') format('woff'),url('../fonts/Gandhi/GandhiSans-BoldItalic-webfont.ttf') format('truetype'),url('../fonts/Gandhi/GandhiSans-BoldItalic-webfont.svg#gandhi_sansbold_italic') format('svg');font-weight:normal;font-style:normal;}

/*Fuentes*/
.arial{font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;}
.osans{font-family:'open_sansregular' !important;}
.osansb{font-family:'opensansbold' !important;}
.osansl{font-family:'opensanslight' !important;}
.osanssb{font-family:'opensanssemibold' !important;}
.osanseb{font-family:'opensansextrabold' !important;}
.aconddb{font-family:'akzentconddb' !important;}
.gandhi{font-family:'gandhi_sansregular' !important;}
.gandhib{font-family:'gandhi_sansbold' !important;}
.gandhil{font-family:'gandhi_sansitalic' !important;}
.gandhibl{font-family:'gandhi_sansbold_italic' !important;}

/*CONFIGURACION*/
.row{max-width:75em;}
.columns{padding-left:15px;padding-right:15px;}
.callout{padding:0;margin:0;border:0;}
.rel{position:relative !important;}
.abs{position:absolute;top:0;left:0;}
.verticalalignmiddle{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
h1{font-size:55px;line-height:60px;margin:0;}
h2{font-size:21px;line-height:26px;margin:0;}
h3{font-size:28px;line-height:33px;margin:0;}
h4{font-size:38px;line-height:43px;margin:0;}
h5{font-size:40px;line-height:45px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
span{display:block;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}
form ::-webkit-input-placeholder{color:#666;} 
form :-moz-placeholder{color:#666;} 
form ::-moz-placeholder{color:#666;} 
form :-ms-input-placeholder{color:#666;}
form .f1{max-width:224px;width:100%;display:inline-block;}
form .f2{max-width:224px;width:100%;float:right;display:inline-block;}
.em{font-style:italic;}
.bold{font-weight:bold;}
.color1{color:#465460;}
.color2{color:#E23331;}
.color3{color:#333;}
.color4{color:#56AA3E;}
.texto{color:#494949;}
.color-blanco{color:#FFF;}
.icomenu{background-image:url(../img/iconos/menu.png);background-color:transparent;background-repeat:no-repeat;display:inline-block;vertical-align:middle;}
.flecha{background-image:url(../img/iconos/flechas.png);background-color:transparent;background-repeat:no-repeat;display:inline-block;vertical-align:middle;background-position:0 0;height:5px;width:10px;}
.menu-adaptable{width:24px;height:17px;background-position:0 0;}
.menu_bar{display:none;}
.en-linea > *{ display:inline-block;vertical-align:middle; }
.tbl{display:table;}
.tbl > *{display:table-cell;vertical-align:middle;}
.nothing{padding:0;}
.oculw{display:none;position:fixed;width:60px;top:50%;z-index:999;right:5px;}
.fullwidth{ width:100%;}
.pagination a:hover,
.pagination .current{ background:#E5E5E5 !important;color:#333; }
.boton{display:block;top:0;position:inherit;background-color:#E23331;border-radius:25px;color:white;font-size:18px;line-height:18px;padding:16px;width:100%;max-width:233px;transition:all 0.5s ease;text-align:center}
.boton:hover,.boton:focus{color:white;background-color:#465460;}

/*Formulario*/
form{max-width:735px;width:100%;display:flow-root;margin:0 auto;}
form [type='text'],form [type='password'],form [type='date'],form [type='datetime'],form [type='datetime-local'],
form [type='month'],form [type='week'],form [type='email'],form [type='number'],form [type='search'],form [type='tel'],
form [type='time'],form [type='url'],form [type='color'],form textarea,form select{font-size:15px;line-height:18px;background-color:rgba(212,212,212,.52);border:0;box-shadow: none !important;height:36px;color:#666;outline:0;border-radius:0;margin:0 0 20px;padding:5px 15px;}
form textarea{height:150px;}
form label{font-size:15px;line-height:15px;padding-bottom:7px;color:#4A4A4A;}
form label.error{font-size:13px;line-height:13px;position:absolute;color:red;bottom:2px;}

header.paraportada{width:100%;z-index:3;padding:0;position:absolute;width:100%;top:0;background-color:transparent;background-image:url(../img/iconos/barra.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/iconos/barra.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/iconos/barra.png',sizingMethod='scale')";}
header .fonocorreo{padding:10px 0;}
header .logo{display:block;margin-top:-57px;}
header .datos{position:relative;display:table;height:66px;float:right;transition:all 0.5s ease;padding-right:25px;}
header .datos > *{display:table-cell;padding:3.5px;vertical-align:middle;}
header .datos > p{font-size:14px;line-height:14px;}

body{font-family:'open_sansregular';color:#000;background:#fff;}

/*Menu*/
nav{padding:0 60px 0 20px;background:#E23331;border-radius:0 50px 50px 0;}
nav > ul{ margin:0;padding:0;} 
nav > ul > li{position:relative;display:inline-block;vertical-align:center;}
nav > ul > li + li{margin-left:-3px;}
nav > ul > li > a{display:inline-block;padding:0 15px;font-size:16px;color:#FFF;margin:0;text-align:center;transition:all 0.5s ease;line-height:60px;}
nav > ul > li:hover > a,nav > ul > li.active > a{color:#FFF;background:#56AA3E;}

/* Modal - Formulario */
.modalgeneral{max-width:1090px;width:100%;background:transparent;padding:0;border:0;border-radius:15px 0 0 15px;}

/*btn flotante debe ir afuera de footer*/
#back-top {position:fixed;bottom: 30px;right: 30px;z-index:2;}
#back-top a {width: 32px;display: block;text-align: center;font: 11px/100% Arial,Helvetica,sans-serif;text-transform: uppercase;text-decoration: none;color: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#43478E;background-image: url(../img/up-arrow.png);background-repeat:no-repeat;background-position:center;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span {background-color:#f26B35;}

.slick-dots{display:none !important;}
.slick-prev:before, .slick-next:before{font-size:0;}
.banners.solo-portada, .banners.solo-portada .fondo{height:100%;}
.fondo{background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;}
.banner-port{height:800px;background-image:url(../img/banners/portada.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.jpg',sizingMethod='scale')"; }
.banner-noso{height:800px;background-image:url(../img/banners/nosotros.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale')"; }
.medio{background-image:url(../img/banners/medio.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/medio.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/medio.jpg',sizingMethod='scale')"; }
.footer{background-image:url(../img/banners/footer.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/footer.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/footer.png',sizingMethod='scale')"; }

/*Pagina Principal*/
#portada .callout-1{background:transparent;padding:0;margin-top:-168px;}
#portada .callout-1 h1{max-width:500px;}
#portada .callout-1 .fondo-verde{padding:60px;background:#36AA3E;border-radius:25px;position:relative;margin-bottom:60px;}
#portada .callout-1 .fondo-verde img{position:absolute;bottom:15px;right:60px;}
#portada .callout-1 h5{padding-bottom:15px;}
#portada .callout-1 p{padding-bottom:25px;}
#portada .callout-1 .boton{margin-bottom:85px;}
#portada .callout-1 img{padding-top:73px;position:relative;z-index:9;}
#portada .callout-2{margin-top:-20px;}
#portada .callout-2 .medio{padding:160px 0;}
#portada .callout-2 span{font-size:70px;line-height:65px;letter-spacing:-4px;padding-bottom:20px;}
#portada .callout-2 .boton{margin:0 auto;}
#portada .callout-3{padding:95px 0 100px;}
#portada .callout-3 h4{letter-spacing:-1px;padding:58px 0 15px;}
#portada .callout-3 p{padding-bottom:25px;}

/*Nosotros*/
#noso .callout-1{background:transparent;padding:0 0 100px;margin-top:-240px;}
#noso .callout-1 .fondo-blanco{padding:70px 75px;background:#FFF;border-radius:25px;position:relative;margin-bottom:15px;}
#noso .callout-1 .fondo-blanco2{padding:70px 75px 50px;}
#noso .callout-1 .fondo-plomo{padding:35px 40px;background:#DFE3E6;border-radius:25px;position:relative;margin-bottom:35px;}
#noso .callout-1 h1{padding-bottom:40px;}
#noso .callout-1 h4{padding-bottom:20px;letter-spacing:-1px;}
#noso .callout-1 .junto{padding-bottom:100px;}
#noso .callout-1 .fondo-plomo p{padding-bottom:15px;}
#noso .callout-1 blockquote{font-size:38px;line-height:43px;text-align:center;padding:40px 0 80px;letter-spacing:-1px;max-width:800px;margin:0 auto;}
#noso .callout-1 .una,#noso .callout-1 .dos,#noso .callout-1 .tres{padding-bottom:10px;}
#noso .callout-1 .dos{text-align:center;}
#noso .callout-1 .tres{text-align:right;}
/*Procesos*/
#noso .callout-1 h5{padding-bottom:30px;}
#noso .callout-1 .procesimg{padding-bottom:60px;}

/*Servicio*/
#servicio .callout-1{background:linear-gradient(to right, #371B5F , #00CCCC);height:390px;}

/*Contanto*/
#contacto .callout-1{background:transparent;margin-top:-260px;}
#contacto .callout-1 .fondo-blanco{padding:70px 65px;background:#FFF;border-radius:25px 25px 0 0;position:relative;}
#contacto .callout-1 h1{padding-bottom:25px;}
#contacto .callout-2 figure{height:90px;margin:-20px 0 20px;}
#contacto .callout-2 figure img{max-height:90px;}
#contacto .callout-2 p{line-height:21px;}
#contacto .callout-3{padding:80px 0 120px;}
#contacto .callout-3 h3{padding-bottom:20px;}
#contacto .callout-3 .boton{margin:0 auto;}

/*Clientes*/
#cliente .callout-1{background:linear-gradient(to right, #371B5F , #00CCCC);height:390px;}

/*Pie de Página*/
#piepag{background:white;}
#piepag .footer{padding:90px 0 10px;}
#piepag .logo{padding-top:50px;}
#piepag p{font-size:15px;line-height:20px;padding-bottom:10px;color:white;}
#piepag p img{padding-right:7px;}
#piepag .cuadro{padding:55px 5px 50px 40px;}
#piepag .social{padding-top:10px;}
#piepag p.rel{padding-left:30px;}
#piepag p.rel img{position:absolute;left:0;top:4px;}
#piepag .p{padding:10px 0 0 40px;border-top:1px solid #FFF;}
#piepag .logoapa{display:none;}

@media screen and (max-width:73.125em){
  #portada .callout-1 .fondo-verde img{width:55%;}
}

@media screen and (max-width:68.125em){
  #portada .callout-1 .fondo-verde img{width:45%;}
}

@media screen and (max-width:60.625em){
  #portada .callout-1 h1{margin:0 auto;}
  #portada .callout-1 .fondo-verde img{position:relative;bottom:initial;right:initial;margin:0 auto;display:block;padding:0;width:auto;}
}

@media screen and (max-width:57.499em){
  header .logo{padding:0 0 0 15px;}
  header .menu_bar{display:block;text-align:right;padding:18px 40px 18px 280px;border-radius:0 40px 40px 0;background:#E23331;margin-right:15px;}
  header .menu_bar span{font-size:18px;line-height:18px;padding-right:13px;}
  /*Menu*/
  nav{display:none;position:absolute;z-index:99;width:100%;left:0;padding:0;margin:0;background:#36AA3E;border-radius:0;}
  nav ul{display:block;border-bottom:1px solid white}
  nav ul li{display:block;padding:0;}
  nav > ul > li > a{display:block;font-size:15px;line-height:15px;color:white;position:relative;padding:10px 15px;transition:all .5s ease;margin:0;border-top:1px solid white;background:transparent;}
  nav > ul > li:hover> a,nav > ul > li:focus> a,nav > ul > li.active> a{color:white;background-color:#465460;}
 
}

@media only screen and (max-width:43.750em){
  header .menu_bar{padding:18px 40px 18px 150px;}
  #piepag .cuadro{padding: 55px 5px 50px;}
}

@media only screen and (max-width:39.99em){
  h1{font-size:40px;line-height:45px;}
  h5{font-size:30px;line-height:35px;}
  h4{font-size:35px;line-height:40px;}
  p{text-align:justify;}
  .banner-port,.banner-noso{height:550px;}
  #portada .callout-1 .fondo-verde{padding:30px;margin-bottom:30px;}
  #portada .callout-1 .boton{margin-bottom:30px;}
  #portada .callout-1 img{padding-top:15px;}
  #portada .callout-2 .medio{padding:80px 0;}
  #portada .callout-2 span{font-size:50px;line-height:45px;padding:15px 0;text-align:center;}
  #portada .callout-3 h4 br{display:none;}
  #piepag .logo{display:none;}
  #piepag .logoapa{display:inline-block;padding:90px 0 10px;}
  #piepag p{max-width:260px;margin: 0 auto;}
  #piepag .p{max-width:100%;padding:10px 0 0;}
  #noso .callout-1 .fondo-blanco,#contacto .callout-1 .fondo-blanco{padding:55px 40px 20px;}
  #noso .callout-1 h1,#contacto .callout-1 h1{padding-bottom:20px;}
  #noso .callout-1 .junto{padding-bottom:50px;}
  #noso .callout-1 .fondo-plomo{padding:25px;}
  #noso .callout-1 h4{padding-bottom:10px;}
  #noso .callout-1 p{padding:0;}
  #contacto .callout-2 figure{margin:0 0 5px;}
  #contacto .callout-2 p{text-align:center;padding-bottom:20px;}
  #contacto .callout-3{padding:50px 0 120px;}
  #noso .callout-1 h5{padding-bottom:20px;}
  #noso .callout-1 .procesimg{padding-bottom:20px;}
}

@media only screen and (max-width:35.625em){
  header .fonoocul{height:66px;}
  header .fonoocul .datos{display:none;}
  header .menu_bar{padding:18px 40px 18px 80px;}
  #piepag .cuadro{padding:10px 5px 5px;}
}

@media only screen and (max-width:31.250em){
  header .menu_bar{padding:18px 40px 18px 50px;}
}

@media only screen and (max-width:29.375em){
  header .menu_bar{padding:18px 40px 18px 32px;}
}

@media screen and (max-width:28.750em){
  header .menu_bar{padding:18px 30px 18px 41px;margin-right:10px}
  header .logo{padding:0 0 0 10px;}
  #portada .callout-1 .fondo-verde{padding:30px 15px;}
  #portada .callout-1 h1{font-size:35px;line-height:40px;}
  #noso .callout-1 .fondo-blanco,#contacto .callout-1 .fondo-blanco{padding:50px 15px 20px;}
}

@media screen and (max-width:26.563em){
  header .menu_bar{padding:18px 25px 18px 35px;margin-right:5px;}
  header .logo{padding:0 0 0 5px;}
}

@media screen and (max-width:25.250em){
  header .menu_bar{padding:18px 25px 18px 20px;}
}

@media screen and (max-width:24.188em){
  header .menu_bar{padding:18px 25px 18px 14px;}
}

@media screen and (max-width:23.750em){
  header .menu_bar{padding:18px 25px 18px 11px;}
}

/* min widt*/
@media only screen and (min-width: 64em){
.large-20{width:20%;}
}

@media only screen and (min-width: 57.500em) {
nav{display:block !important;}
}