/* 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:'OpenSans';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.woff2') format('woff2'),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-style:normal;font-weight:normal; }
@font-face{ font-family:'OpenSans';src:url('../fonts/OpenSans/opensans-italic-webfont.eot');src:url('../fonts/OpenSans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/opensans-italic-webfont.woff2') format('woff2'),url('../fonts/OpenSans/opensans-italic-webfont.woff') format('woff'),url('../fonts/OpenSans/opensans-italic-webfont.ttf') format('truetype'),url('../fonts/OpenSans/opensans-italic-webfont.svg#open_sansitalic') format('svg');font-weight:normal;font-style:italic; }
@font-face{ font-family:'OpenSans';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.woff2') format('woff2'),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_sansbold') format('svg');font-weight:700;font-style:normal; }
@font-face{font-family:'OpenSans';src:url('../fonts/OpenSans/opensans-bolditalic-webfont.eot');src:url('../fonts/OpenSans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/opensans-bolditalic-webfont.woff2') format('woff2'),url('../fonts/OpenSans/opensans-bolditalic-webfont.woff') format('woff'),url('../fonts/OpenSans/opensans-bolditalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');font-style:italic;font-weight:bold; }
@font-face{font-family:'Montserrat';font-weight:normal;src:url('../fonts/Montserrat/montserrat-v12-latin-regular.eot');src:local('Montserrat Regular'),local('Montserrat-Regular'),url('../fonts/Montserrat/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat/montserrat-v12-latin-regular.woff2') format('woff2'),url('../fonts/Montserrat/montserrat-v12-latin-regular.woff') format('woff'),url('../fonts/Montserrat/montserrat-v12-latin-regular.ttf') format('truetype'),url('../fonts/Montserrat/montserrat-v12-latin-regular.svg#Montserrat') format('svg');}
@font-face{font-family:'Montserrat Black';font-style:normal;font-weight:normal;src: url('../fonts/Montserrat/Montserrat-Black.woff') format('woff');}
@font-face{font-family:'Montserrat Bold';font-style:normal;font-weight:normal;src:url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff');}

body{color:#000;background:#fff; }

/* Fuentes */
.arial{font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;}
.osans{font-family:'OpenSans' !important;}
.aconddb{font-family:'akzentconddb' !important; }
.monse{font-family:'Montserrat' !important; }
.monseblack{font-family:'Montserrat Black' !important; }
.monsebold{font-family:'Montserrat Bold' !important; }
.em{font-style:italic !important;}

/* Config */
.bold{font-weight:bold;}
.rel{position:relative !important;}
.wow{visibility:hidden;}/*efects*/
.grid-x{max-width:75em;margin:0 auto;}
.grid-x .grid-x{max-width:100%;}
.cell{padding-left:15px;padding-right:15px;}
.callout{padding:0;margin:0;border:0; }
.verticalalignmiddle{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.fullwidth{width:100%;}
.abs{position:absolute;top:0;left:0;}
.nothing{padding:0;}
.all{max-width:100% !important;}
h1{font-size:49px;line-height:54px;margin:0;}
h2{font-size:45px;line-height:48px;margin:0;}
h3{font-size:38px;line-height:43px;margin:0;}
h4{font-size:22px;line-height:31px;margin:0;}
/*h4{font-size:26px;line-height:31px;margin:0;}*/
h5{font-size:20px;line-height:25px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}
a{display:inline-block;}
.btn{padding:10px 20px;border:1px solid #6100DD;border-radius:5px;color:#5D00CB;transition:all 0.5s ease;}
.btn:hover{background-color:#6100DD;color:white;}
.btn2{padding:10px 20px;border:1px solid #00FFFE;border-radius:5px;background-color:#00FFFE;transition:all 0.5s ease;color:#5D00CB  !important;margin-left:14px;}
.btn2:hover{color:#fff!important;background-color:#6100DD;border: 1px solid #6100DD;}
.btn3{padding:10px 20px;border:1px solid #00fffe;border-radius:5px;color:#00fffe;transition:all 0.5s ease;}
.btn3:hover{background-color:#00fffe;color:white;}

/* Color */
.color-blanco{color:white !important;}
.color1{color:#262C4B;}
.color2{color:#454545;}
.color3{color:#333;}
.color4{color:#00fffe;}
.color5{color:#262C4B;}
.color6{color:#6100DD;}

header{padding:0;background-image:url(../img/banners/blog.jpg);}
header .large-12{border-bottom:1px solid rgba(255,255,255,.18);padding-top:15px;padding-bottom:25px;height:110px;}
header.paraportada{width:100%;z-index:3;padding:0;position:absolute;top:0;background:transparent;}
header .logo{display:inline-block;padding:7px 0 10px;margin:0; z-index:10000;}
header .logo img{width:100%;}
header .icoh,header p{display:inline-block;}
header .icoh{padding:10px 3px 10px 50px;display:inline-block;}
header p{font-size:14px;line-height:14px;}

/* others */
.menu_bar{display:none;}
.menu_bar img{width:40px;}
.map-height{height:350px;margin-top:95px;}
.oculw{position:fixed;width:60px;top:50%;z-index:999;right:5px;}
.nav2{display:none;}
/* menu principal */ 
nav{margin-top:45px;}
nav > ul{margin:0;}
nav > ul > li{position:relative;display:inline-block;vertical-align:top;}
nav > ul > li > a{display:inline-block;font-size:18px;margin:0 10px;color:white;transition:all 0.5s ease;background: url(../img/iconos/barra.jpg) no-repeat;background-position-x: center;background-position-y:50px;background-size:100% 5px;padding-bottom:10px;}
nav > ul > li:hover > a,
nav > ul > li.active > a{color:white;background-position-y:bottom;}
/* Submenu*/
nav li ul{display:none;position:absolute;width:100%;border:0;width:330%;}
nav > ul > li > ul{margin:1px 0 0;}
nav li:hover > ul,
nav li:hover > ul a{display:block;background-color:#00fffe; z-index:99;}
nav > ul > li > ul > li{display:block;margin:0;}
nav > ul > li > ul > li > a{display:block;font-size:15px;color:#00072c;position:relative;padding:8px 23px;transition:all 0.5s ease;}
nav > ul > li > ul > li:hover > a{color:white;background:#5e00cc;}

.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; }
.en-linea > *{display:inline-block;vertical-align:middle;}

.tbl{display:table;}
.tbl > *{display:table-cell;vertical-align:bottom;}
.pagination a:hover,
.pagination .current{background:#E5E5E5 !important;color:#333;}
.sombra{background-image: url(../img/sombra.jpg);background-repeat:no-repeat;height: 15px;margin: 3.25rem auto;border-bottom: 0;}

/* Banners */
.banner-port{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-port2{background-image:url(../img/banners/portada2.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale')"; }
.banner-cont{height:310px;background-image:url(../img/banners/contacto.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale')"; }
.banner-clie{height:310px;background-image:url(../img/banners/cliente.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/cliente.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/cliente.jpg',sizingMethod='scale')"; }
.banner-empre{height:310px;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')"; }
.banner-logo{height:310px;background-image:url(../img/banners/logotipo.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/logotipo.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/logotipo.jpg',sizingMethod='scale')";}
.banner-pape{height:310px;background-image:url(../img/banners/papeleria.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/papeleria.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/papeleria.jpg',sizingMethod='scale')";}
.banner-broc{height:310px;background-image:url(../img/banners/brochure.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/brochure.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/brochure.jpg',sizingMethod='scale')";}
.banner-info{height:310px;background-image:url(../img/banners/infografia.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/infografia.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/infografia.jpg',sizingMethod='scale')";}
.banner-face{height:310px;background-image:url(../img/banners/facebook.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/facebook.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/facebook.jpg',sizingMethod='scale')";}
.banner-inter{height:310px;background-image:url(../img/banners/interface.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/interface.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/interface.jpg',sizingMethod='scale')";}


/* Back-top */
#back-top{display:none;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: #977A2E;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top span{width:32px;height:32px;display:block;margin-bottom:0;background-color:#034F87;background-image: url(../img/iconos/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;margin-top:-75px;}
#back-top a:hover span{background-color:#eee;}
/* End back */

.lSAction > .lSPrev{ background:url(../img/iconos/left.png) no-repeat;width:32px;height:56px;opacity:.7;z-index:2;left:87%;top:65%;}
.lSAction > .lSNext {background:url(../img/iconos/right.png) no-repeat;width:32px;height:56px;opacity:.7;z-index:2;right:7%;top:65%;}

.banners .abajo{position:absolute;bottom:0;width:100%;}
.apa{display:none;}

/* Portada */
.lSSlideOuter,
.lSSlideWrapper,
.lSSlideWrapper ul,
.portada.solo-portada,
.portada.solo-portada .fondo{height:100%;}
.portada.solo-portada .abajo{margin-top:-50px;}
.portada.solo-portada .abajo img{width:140px;}
.portada blockquote{font-size:80px;line-height:55px;margin:35% 0 0 40px;}
.portada blockquote span{font-size:60px;}
.portada .span{font-size:25px;line-height:30px;padding:25px 0 20px 40px;display:inline-block;}
#portada .callout-1 {padding:120px 0;}
#portada .callout-1 h1{padding-bottom:25px;letter-spacing:-2px;}
#portada .callout-1 h4{padding-bottom:20px;}
#portada .callout-1 p{font-size:17px;padding-bottom:25px;}
#portada .callout-1 .cambioedwin{padding-top:55px;height: 266px;width: 233px;}
#portada .callout-2{padding:100px 0 120px;background:#5e00cc;}
#portada .callout-2 h3{padding-bottom:25px;letter-spacing:-1px;}
#portada .callout-2 h4{background-color: #00fffe;padding: 5px 40px;border-radius: 10px;margin-bottom: 15px;}
#portada .callout-2 p{font-size:17px;padding-bottom:20px;color:#fff;}
#portada .callout-2 .sub{font-size:20px;}
#portada .callout-2 .sinada{padding:0;}
#portada .callout-2 .btn{margin-top:20px;}
#portada .callout-2 .span{font-size:15px;line-height:20px;}
#portada .callout-2 figure{height:170px;}
#portada .callout-2 figure img{max-height:170px;width:115px;}
#portada .callout-3 {padding:80px 0 40px;}
#portada .callout-3 h2{padding-bottom:20px;letter-spacing:-2px;}
#portada .callout-3 p{padding-bottom:40px;}
#portada .callout-3 figure{height:170px;}
#portada .callout-3 figure img{max-height:170px;}
/*Parte Portafolio*/
.portafolio .newpa{padding-left:10px;padding-right:10px;}
.portafolio .img{margin-bottom:20px;}
#portada .callout-4 {padding:50px 0 80px;}
#portada .callout-4 h4{padding-bottom:20px;}
#portada .callout-4 p{color:#666;font-size:20px;padding-bottom:20px;}
#portada .callout-4 figure{margin-bottom:15px;overflow:hidden;}
#portada .callout-4 figure a{width:100%;height:100%;}
#portada .callout-4 figure img{width:100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition:.3s ease-in-out;transition: .3s ease-in-out;}
#portada .callout-4 figure:hover img{-webkit-transform:scale(1.10);transform:scale(1.10);}
#portada .callout-4 .fecha{font-size:14px;padding-bottom:5px;}
#portada .callout-4 .fecha span{font-size:15px;background-color:#666;color:white;padding:3px 5px;}
#portada .callout-4 .alca:hover p{color:#5E00CC;}

/*Pagina Contacto*/
#contac .callout h1{padding-bottom:25px;letter-spacing:-2px;}
#contac .callout p{padding-bottom:60px;}
#contac .callout-1{padding:80px 0 50px;background-color:#F2F3F5;}
#contac .callout-1 p{font-size:15px;line-height:20px;}
#contac .callout-1 p b{font-size:17px;padding-bottom:5px;display:inline-block;background: #00FFFE;padding: 5px;max-width: 210px;width: 100%;margin-bottom: 11px;}
#contac .callout-1 figure{height:90px;}
#contac .callout-1 figure img{max-height:90px;}
#contac .callout-2{padding:90px 0 80px;}
#contac .callout-2 form input,#contac .callout-2 form textarea{font-size:14px;line-height:19px;background:#F8F8F8;border:1px solid #CDCDCD;box-shadow:none;height:45px;color:#999;outline:0;}
#contac .callout-2 form textarea{height:172px;border:2px solid #CDCDCD}
#contac .callout-2 form button{padding:10px 50px;font-size:17px;background:#00FFFE;color:#5D00CB;text-align:center;border-radius:5px;transition:all 0.5s ease;}
#contac .callout-2 form button:hover{background:#6100DD;color:white;}
#contac .callout-2 span{font-size:30px;letter-spacing:-1px;display:inline-block;line-height:30px;padding:60px 0 20px;}

/*Pagina Cliente*/
#clien .callout-1{padding:70px 0 150px;}
#clien .callout-1 h1{padding-bottom:25px;letter-spacing:-1px;}
#clien .callout-1 p{padding-bottom:60px;}
#clien .callout-1 figure{height:170px;}
#clien .callout-1 figure img{max-height:170px;}

/*Pagina Contacto*/
#porta .callout-1{padding:70px 0 100px;}
#porta .callout-1 h1{padding-bottom:50px;letter-spacing:-1px;}

/*Pagina Blog*/
#blog .callout-1{padding:70px 0 125px;}
#blog .callout-1 h1{padding-bottom:25px;letter-spacing:-1px;}
#blog .callout-1 p{color:#666;font-size:20px;padding-bottom:20px;}
#blog .callout-1 figure{margin-bottom:15px;overflow:hidden;}
#blog .callout-1 figure a{width:100%;height:100%;}
#blog .callout-1 figure img{width:100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition:.3s ease-in-out;transition: .3s ease-in-out;}
#blog .callout-1 figure:hover img{-webkit-transform:scale(1.10);transform:scale(1.10);}
#blog .callout-1 .fecha{font-size:14px;padding-bottom:5px;}
#blog .callout-1 .fecha span{font-size:15px;background-color:#666;color:white;padding:3px 5px;}
#blog .callout-1 .alca:hover p{color:#5E00CC;}
#blog .callout-1 .tam{height:450px;}
#blog .callout-2{padding:30px 0 120px;}
#blog .callout-2 h3{padding-bottom:20px;letter-spacing:-1px;}
#blog .callout-2 h4{padding:70px 0 20px;letter-spacing:-1px;}
#blog .callout-2 .pud1{padding-right:0;}
#blog .callout-2 .pud1 .img{width:100%;height:470px;}
#blog .callout-2 .colwh{background-color:#F2F3F5;height:470px;padding-top:10px;padding-right:0;}
#blog .callout-2 blockquote{font-size:25px;line-height:30px;padding:50px 0 30px;}
#blog .callout-2 p{color:#4E4E4E;}
#blog .callout-2 .compa,#blog .callout-2 .tir{display:table-cell;}
#blog .callout-2 .compa{padding-right:10px;}
#blog .callout-2 .btn2{border-radius:5px 0 0 5px;float:right;    margin-right:25px;}
#blog .callout-2 .btn2:hover{background-color:#5D00CB;}

/*Pagina Empresa*/
#empre .callout-1{padding:80px 0 120px;background-color:#F2F3F5;}
#empre .callout-1 h1{line-height:50px;padding:0 60px 20px 0;}
#empre .callout-1 span{font-size:22px;line-height:25px;display:inline-block;padding-right:60px;}
#empre .callout-2 {padding:120px 0 150px;}
#empre .callout-2 h2{padding-bottom:50px;letter-spacing:-2px;}
#empre .callout-2 h4{padding:15px 0 5px;}
#empre .callout-2 p{padding-bottom:20px;}
#empre .callout-2 p span{font-size:14px;}
#empre .callout-2 .arri{padding-top:60px;}
#empre .callout-2 .fotos > .cell{padding-left:6.5px;padding-right:6.5px;}
#empre .callout-2 .fotos > .cell >img{margin:6.5px 0;-webkit-filter:grayscale(100%);filter: grayscale(100%);transition:all 0.5s ease;}
#empre .callout-2 .fotos > .cell >img:hover{-webkit-filter:none;filter:none;cursor:pointer;}

/*Pagina Servicio - Logotipo*/
#servi .callout h3{letter-spacing:-1px;padding-bottom: 20px;}
#servi .callout figure{height:150px;}
#servi .callout figure img{max-height:150px;}
#servi .callout .peq{font-size:15px;line-height:20px;padding:0 29px 20px;}
#servi .callout .cuadro{padding:25px 60px;border:1px solid #00fffe;display:inline-block;margin-bottom:20px;}
#servi .callout .separar{padding:100px 0 50px;}
#servi .callout .btn2{margin:10px 0 20px;display:inline-block;padding:15px 40px;}
#servi .callout-1{padding:80px 0 10px;background-color:#FFF;}
#servi .callout-1 h1{padding:0 20px 25px 0;letter-spacing:-2px;}
#servi .callout-1 .face-tit{padding-top:20px;}
#servi .callout-1 h4{padding:0 20px 20px 0;letter-spacing:-1px;}
#servi .callout-1 p{padding:0 20px 20px;}
#servi .callout-2{padding:20px 0 120px;}
#servi .callout-2 h3{padding-bottom:20px;}
#servi .callout-2 p{padding-bottom:40px;}
#servi .callout-2 .gran{padding:10px 0 5px;}
#servi .callout-2 .subtit{text-align:left;padding-bottom:50px;}
#servi .callout-2 a{font-size:18px;color:#5d00cb;margin:35px 0 45px;display:block;}
#servi .callout-2 ul{list-style:decimal;text-align:left;}
#servi .callout-2 ul li{padding-bottom:15px;}
#servi .callout-2 .ula{list-style:none;margin-bottom:40px;}
#servi .callout-2 .ula li{padding-bottom:0;}
#servi .callout-2 .lSPager{margin-top:-20px !important;text-align:center;}
#servi .callout-2 .lSPager li{padding-bottom:0;}
#servi .callout-2 .lSPager li a{margin:0;background:#E1E1E1;width:14px;height:14px;}
#servi .callout-2 .lSPager li.active a,#servi .callout-2 .lSPager li a:hover{background:#5E00CC;}
#servi .callout-2 .loga{max-width:350px;width:100%;margin:0 auto;height:445px;}
#servi .callout-2 .loga figure{height:285px;}
#servi .callout-2 .loga figure img{max-height:285px;}
#servi .callout-2 .loga .cuerpo{border-top:1px solid #BFBFBF;max-width:250px;width:100%;margin:0 auto;padding:25px 0 10px;}
#servi .callout-2 .loga .cuerpo p{font-size:16px;line-height:25px;color:#666666;padding-bottom:0;}
#servi .callout-2 .loga .cuerpo p b{font-size:15px;display:block;}
#servi .callout-2 .loga .cuerpo p span{font-size:14px;line-height:20px;display:block;}
#servi .callout-2 .btn2.bota{max-width:340px;width:100%;display:block;margin:30px auto 90px;}
#servi .callout-2 blockquote{font-size:22px;}
#servi .callout-2 blockquote em{font-size:25px;}
#servi .callout-2 hr{padding-top:1.25rem;}
#servi .callout-3{padding:80px 0;background-color:#F7F7F3;}
#servi .callout-3 .peq{padding:0 20px 20px;}
#servi .callout-3 .mak{padding-bottom:20px;}
#servi .callout-3 .mla{padding-bottom:30px;}
#servi .callout-3 .lema{padding:60px 120px 0;}
#servi .callout-4{padding:100px 0 140px;}
#servi .callout-4 h3{padding-bottom:40px;}
#servi .callout-4 .peq{padding:0 0 20px;}
#servi .callout-4 .separar{padding-bottom:30px;}
#servi .callout-4 blockquote{font-size:22px;}
#servi .callout-4 blockquote em{font-size:25px;}
#servi .callout-4 .pantalla{height:260px;margin-bottom:10px;}
#servi .callout-4 .pantalla img{max-height:260px;transition:all 0.5s ease;}
#servi .callout-4 .pantalla:hover img{opacity:.9;}
#servi .callout-4 a{font-size:18px;color:#5d00cb;margin:35px 0 45px;display:block;}
/*Iconos de Servicio*/
.iconos{cursor:pointer;transition:all 0.5s ease;padding-top:50px;padding-bottom:25px;}
.iconos p{font-size:17px;transition:all 0.5s ease;}
.iconos .icon-manual{background-image:url(../img/iconos/manualn.png);background-repeat:no-repeat;height:110px;width:108px;transition:all 0.5s ease;}
.iconos .icon-folder{background-image:url(../img/iconos/foldern.png);background-repeat:no-repeat;height:109px;width:85px;transition:all 0.5s ease;}
.iconos .icon-hoja{background-image:url(../img/iconos/hojan.png);background-repeat:no-repeat;height:109px;width:84px;transition:all 0.5s ease;}
.iconos .icon-tarjeta{background-image:url(../img/iconos/tarjetan.png);background-repeat:no-repeat;height:109px;width:97px;transition:all 0.5s ease;}
.iconos .icon-brochure{background-image:url(../img/iconos/brochuren.png);background-repeat:no-repeat;height:109px;width:75px;transition:all 0.5s ease;}
.iconos .icon-diptrip{background-image:url(../img/iconos/diptripn.png);background-repeat:no-repeat;height:111px;width:105px;transition:all 0.5s ease;}
.iconos .icon-banner{background-image:url(../img/iconos/bannern.png);background-repeat:no-repeat;height:109px;width:64px;transition:all 0.5s ease;}
.iconos .icon-flyer{background-image:url(../img/iconos/flyern.png);background-repeat:no-repeat;height:109px;width:66px;transition:all 0.5s ease;}
.iconos:hover{background-color:#5f01cc;}
.iconos:hover p{color:white !important;}
.iconos:hover .icon-manual{background-image:url(../img/iconos/manualb.png);}
.iconos:hover .icon-folder{background-image:url(../img/iconos/folderb.png);}
.iconos:hover .icon-hoja{background-image:url(../img/iconos/hojab.png);}
.iconos:hover .icon-tarjeta{background-image:url(../img/iconos/tarjetab.png);}
.iconos:hover .icon-brochure{background-image:url(../img/iconos/brochureb.png);}
.iconos:hover .icon-diptrip{background-image:url(../img/iconos/diptripb.png);}
.iconos:hover .icon-banner{background-image:url(../img/iconos/bannerb.png);}
.iconos:hover .icon-flyer{background-image:url(../img/iconos/flyerb.png);}
/* Pagina de Facebook */
#servi .callout-5{padding:50px 0 90px;}
#servi .callout-5 h1{padding-bottom:30px}
#servi .callout-5 h1 span{font-size:30px;padding:0;line-height:30px;display:inline-block;}
#servi .callout-5 p{padding-bottom:20px;line-height:20px;}
#servi .callout-5 .p-tit{padding-bottom:50px}
#servi .callout-5 span{font-size:25px;display:block;padding-bottom:20px;}
#servi .callout-5 a{font-size:17px;line-height:17px;color:#6100e4;background-color:#09e5f9;padding:10px 30px;border-radius:10px;border:1px solid #09e5f9;transition:all 0.5s ease;}
#servi .callout-5 a:hover{color:#ffffff;background-color:#6100dd;border: 1px solid #6100dd;}
#servi .callout-5 .a{font-size:17px;line-height:17px;color:#6100e4;background-color:#09e5f9;padding:10px 30px;border-radius:10px;border:1px solid #09e5f9;transition:all 0.5s ease;}
#servi .callout-5 .a:hover{color:#ffffff;background-color:#6100dd;border: 1px solid #6100dd;}
#servi .callout-5 img{position:absolute;z-index:9;left:-44%;top:100px;}
#servi .callout-6{padding:50px 0;}
#servi .callout-6 h4{padding-bottom:20px;}
#servi .callout-6 .cell1{padding-left:5px;padding-right:5px;}
#servi .callout-6 a{font-size:22px;line-height:26px;color:#6100dd;background-color:#09e5f9;padding:10px 30px;border-radius:50px;border:1px solid #09e5f9;transition:all 0.5s ease;margin-bottom:20px;}
#servi .callout-6 a:hover{color:#ffffff;background-color:#6100dd;border: 1px solid #6100dd;}
#servi .callout-6 .mar-25{margin-top:-25px;}
#servi .callout-5.computador{padding-bottom:300px;}
#servi .callout-5.computador .compu{left:26%;top:50px;}
#servi .callout-5 .sinnada{position:relative;top:0;left:0;}
#servi .callout-5.computador2{padding-top:160px;}

#broch  .callout h3{letter-spacing:-1px;padding-bottom:20px;}
#broch .callout .cuadro{padding:25px 60px;border:1px solid #FFA221;display:inline-block;margin-bottom:20px;}
#broch .callout-1{padding:50px 0 80px;background-color:#F6F7F9;}
#broch .callout-1 h1{padding:10px 0;}
#broch .callout-1 p{font-size:17px;line-height:22px;padding-bottom:0;max-width:790px;margin:0 auto;}
#broch .callout-1 hr{max-width:50px;margin:1.25rem auto;border-bottom:1px solid #262c4b;}
#broch .callout-2{padding:80px 0;}
#broch .callout-3{padding:80px 0;background-color:#F6F7F9;}
#broch .callout-3 .large-12 > .separaimagen + .separaimagen {margin-top:40px;} 
#broch .callout-4{padding:90px 0;}

/* Footer */
#piepag{background:#E8E8E8;padding:60px 0 0;position:relative;}
#piepag .grid-x > div{padding-bottom:10px;}
#piepag span{font-size:30px;line-height:35px;padding-bottom:25px;display:inline-block;}
#piepag .logo{padding-bottom:20px;width:100%;}
#piepag p{font-size:15px;padding-bottom:5px;line-height:20px;}
#piepag figure{margin-top:20px;height:60px;}
#piepag figure img{max-height:60px;height:32px;}
#piepag a{color:#454545;}
#piepag .linea{border-top:1px solid #B6B6B6;}
#piepag .social{padding:20px 0;width:56px;}

/* el max se ordena de mayor a menor y el min-with de menor a mayor*/
@media screen and (max-width: 69.999em) { 
.ocultar{display:none;}
.oculw{display:block;}
header .logo{padding:15px 0 10px;}
.menu_bar{display:block;text-align:right;margin:35px 45px 0 0;cursor:pointer;}
.nav2{display:block;background:#FF8718;position:fixed;}
.nav2 .logo{padding:20px 10px 10px;}
.position-left{width:277px;-ms-transform:translateX(-277px);transform:translateX(-277px);}
/*Menu*/
nav.hide {display: none !important;}
header .block {display: none;}
nav{position:absolute;z-index:99;width:100%;left:0px;padding-top:0;margin-top:20px;}
nav ul{display:block;border-bottom:1px solid #061253;padding:0;}
nav ul li{display:block;background-color:#FFA221;border-top: 1px solid #061253;padding:0;}
nav > ul > li > a{display:block;font-size:16px;color:white;position:relative;padding:10px 0;text-align:center; transition:all .1s ease;width:auto;margin:0;line-height:15px;background:transparent;}
nav > ul > li:hover > a,
nav > ul > li.active > a{background:#061253;color:white;}
/*Sub Menu*/
nav li ul{position:relative;width:100%;left:0;border-bottom:1px solid #061253;border-top:1px solid #061253 !important;margin:0 !important; } 
nav > ul > li > ul{border-radius:0;}
nav li:hover > ul{display:none;background-color:#00072C;}
nav li:hover > ul a{display:block;color:white;z-index:99;background-color:#00072C;}
nav li ul li{display:block;border-top:0;margin:0;background-color:#00072C;}
nav > ul > li > ul > li + li{border-top:1px solid #061253;margin:0;}
nav > ul > li > ul > li > a{display:block;font-size:15px;color:white;padding:5px 0;text-align:center;font-weight:normal;}
nav > ul > li > ul > li:hover > a{background-color:#717798;}
}
@media screen and (max-width: 65em){
#portada .callout-2 .sinada{padding-right:15px;padding-left:15px;}
}
@media screen and (max-width: 64em){
.portafolio .omo{display:none;}
#piepag .subs{max-width:310px;margin:0 auto;}
}

@media screen and (max-width: 60em){
.portada blockquote{font-size:75px;line-height:45px;}
.portada blockquote span{font-size:55px;}
.portada .span{font-size:25px;line-height:30px;padding:25px 0 20px 40px;display:inline-block;}
h1{font-size:45px;line-height:50px;margin:0;}
h2{font-size:40px;line-height:45px;margin:0;}
h3{font-size:35px;line-height:40px;margin:0;}
h4{font-size:23px;line-height:28px;margin:0;}
h5{font-size:18px;line-height:23px;margin:0;}
#empre .callout-1 h1{padding: 0 0 20px;}
#empre .callout-1 span{padding-right:0;padding-bottom:30px;}
#servi .callout-3 .lema{padding:40px 60px 0;}
}

@media screen and (max-width: 50em){
#servi .callout-5 img{left:-30%;top:130px;}
#servi .callout-5.computador .compu{left:10%;}
}

@media screen and (max-width: 39.938em){
.portada blockquote{font-size:57px;line-height:35px;margin:42% 0 0 30px;}
.portada blockquote span{font-size:42px;}
.portada .span{font-size:23px;line-height:30px;padding:12px 30px;}
h1{font-size:40px;line-height:45px;margin:0;}
h2{font-size:35px;line-height:40px;margin:0;}
h3{font-size:30px;line-height:35px;margin:0;}
h4{font-size:20px;line-height:25px;margin:0;}
#portada .callout-1 img{padding-top:20px;}
#contac .callout-1 p{padding-bottom:20px;}
#empre .callout-1 h1{line-height:40px;}
.portafolio .omo2{display:none;}
.portafolio .omo{display:block;}
#servi .callout-1 h1{padding:0 0 10px;}
#servi .callout-1 h4{padding:0 0 20px;}
#servi .callout-1 p{padding:0 0 20px;}
#servi .callout-2 .img{padding-bottom:20px;}
#servi .callout-2 .cuadro{padding:25px;}
#broch .callout .cuadro{padding:25px;}
#servi .callout-2 blockquote{font-size:18px;line-height:25px;}
#servi .callout-2 blockquote em{font-size:20px;}
#servi .callout-3 .lema{padding:40px 0 0;}
.apa{display:block;}
.des{display:none;}
#servi .callout-5 img{left:0;top:-60px;}
#servi .callout-5 .mar-100{margin-top:100px;}
#servi .callout-5 .pad-150{padding-top:100px;}
#servi .callout .cuadro{padding:25px;}
#servi .callout-5.computador .compu{left:0;}
}

@media screen and (max-width: 28em){ 
.menu_bar{margin:22px 0 0}
#portada .callout-1 .btn2{margin:20px 0;}
header .sd{width:79%;}
#servi .callout-5.computador{padding-bottom:250px;}
#servi .callout-5.computador2{padding-top:115px;}
}

/* min widt*/
@media only screen and (min-width: 70em){
nav.hide{display:block !important;}
}
@media screen and (min-width: 64em){
.large-20{width:20% !important;}
}
@media screen and (min-width: 40em){
.medium-20{width:20%;}
}