/*Theme Name: eoKB02
Theme URI: http:///eloyortega.com/
Author: Eloy Ortega
Author URI: https://eloyortega.com/ 
Description: Theme diseñado y desarrollado por Eloy Ortega sobre Bootstrap. Slider con texto, logos clientes, cookies y menú móvil offcanvas. Modificada por Jaime Zubiaur.
Version: 2
License: 
License URI: 
Tags: blog, news, two-columns, three-columns, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats
Text Domain: eoBSjumbotron
*/

/*De jumbotron*/
/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 77px;
  /*padding-bottom: 20px;*/
  font-family: 'Roboto', 'Fira Sans', sans-serif; font-weight: 300;letter-spacing: -0.001em; font-size: 15.5px; color: /*#2d2850*/#605e6e;
  line-height: 1.5;
}
p strong, b strong { color: #2d2850 }

body.home { padding-top: 0; /*background: #f0f2f5*/}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; font-family: 'Roboto Slab' }
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700 }

h1, h2, h3 { font-weight: 500 }

h1 { color: #84509b }
h2, h3, h4, h5, h6  { color: #0b1638 }

ol, ul { padding-inline-start: 20px; }
li { margin-top: 5px }

a {
  outline: 0 none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: /*#814d9a*/#5f0b84;
}

a:hover { color: #0b1638 }
.contenido p a, footer a { text-decoration: underline; }
.btn { text-decoration: none !important; }

b, strong { font-weight: 500 }

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #84509b;
  margin: 1.5em 10px;
  padding: 0.8em 10px 0.5em;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before, blockquote:after {
  color: #84509b;
  content: open-quote;
  /*content: "''"; */
  font-family: "Roboto Slab";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  /*vertical-align: -0.4em;*/
  vertical-align: -0.4em;
}
blockquote:after { 
  content: close-quote;
  vertical-align: -0.67em;
}
blockquote p {
  display: inline;
  font-weight: 600 !important; font-style: italic; color: #84509b; font-size: 20px !important;
}

blockquote.testimonio { margin:30px 10px 15px; padding: 25px 43px; background-color: #f0f2f5; border-radius: 100px; }
blockquote.testimonio, blockquote.testimonio p { font-size: 14px !important; font-weight: inherit !important; color: inherit; font-style: italic;}

blockquote.testimonio strong, blockquote.testimonio b { font-weight: 600 !important }
.cont-cliente-testimonio { display: flex; justify-content: flex-end; }


.cliente-testimonio { text-align: left }
.cliente-testimonio p { display: inline-block; }
.cliente-testimonio small { font-size: 13px; line-height: 13px }
.cliente-testimonio small br { display: block; margin: -3px 0; content: " "; }
.contenido .cliente-testimonio img { float: left; margin-left: 15px; margin-right: 15px; max-width: 75px !important; height: auto; }

/*menu idiomas*/
#top-header ul { float: right; margin-bottom: 0}
/*ul li.lang-item { list-style: none; float: left; margin-top: 0; margin-right: 10px; line-height: 100%  }
ul li.lang-item:last-child { margin-right: 0}
ul li.lang-item a { }
ul li.lang-item a span { display: none }*/
 select {
    border: 1px solid #bbb;
    padding: 8px 8px 6px;
    font-weight: 700;
}
select#lang_choice_polylang-2 { float: right; height: 28px; padding: 3px 5px 5px; margin-bottom: 5px; font-weight: 600; }
@media only screen and (min-width : 767px) {
  .filtro-idioma:after { font-family: "FontAwesome"; content: "\f0ac"; font-size: 20px; color: #899ee9; float: right; padding-right: 5px;}
 }
.home #cabecera.cab-scroll-arriba .filtro-idioma:after { color: #e7b0ff }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #444 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #444 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #444 !important;
}

/*label.screen-reader-text { display: none; }*/

/*Fin menu idiomas*/
#cabecera.navbar-fixed-top { /*height: 72px*/ background-color: #fff;}
#cabecera.cab-scroll-arriba #logo-scroll-arriba { display: none; }
.home #cabecera.cab-scroll-arriba #logo-scroll-abajo { display: none; }
#cabecera.cab-scroll-arriba #logo-neg-scroll-arriba { display: none; }
#cabecera.cab-scroll-abajo #logo-neg-scroll-arriba { display: none; }
#cabecera.cab-scroll-abajo #logo-scroll-arriba { display: none; }

#cabecera .navbar-brand { 
    margin-top: -25px;
    height: auto;
    padding:7px 15px 0;
 }
#cabecera .navbar-right { margin-top: 0; }
body.home #cabecera { background: transparent; box-shadow: none; height: auto }
#cabecera.cab-scroll-abajo, body.home #cabecera.cab-scroll-abajo { background: rgba(255,255,255,1); -webkit-box-shadow: 0 3px 10px 0 rgba(240,242,245, 1); box-shadow: 0 3px 10px 0 rgba(240,242,245, 1); height: 77px; }
.menu-cabecera li  { margin-top:0; }
.menu-cabecera li a { text-transform: uppercase; font-weight: 600; font-size: 18px; padding-top: 12px; padding-bottom: 12px; display: block; letter-spacing: -0.015em}
.menu-cabecera li a:hover { background-color: #ebedf3; }
.menu-cabecera .current-menu-item a { color: #401367}


body.home #cabecera.cab-scroll-arriba .menu-cabecera li > a { color: #f9b7ff; text-shadow: 0 0 10px #3f115c; }
body.home #cabecera.cab-scroll-arriba .menu-cabecera li > a:hover { background-color: transparent; color: #fff }
body.home #cabecera.cab-scroll-arriba .menu-cabecera .sub-menu { background: rgba(49,1,79,.8); }
body.home #cabecera.cab-scroll-arriba .menu-cabecera .sub-menu li { border-color: rgba(231,176,255,.3); }
body.home #cabecera.cab-scroll-arriba .menu-cabecera .current-menu-item a { color: #fff}



@media (min-width: 992px) {
  .sub-menu { display: none; position: absolute; background: #ebedf3; /*padding: 8px 10px;*/ padding: 0; width: 229px;}
  li.padre:hover > .sub-menu { display: block ;}

  li.padre .sub-menu .sub-menu {display: none;left: 229px; border-left: 1px solid rgba(11,22,56,.15); top: 0;}
  li.padre .sub-menu li:hover .sub-menu {display: block;}

}



.menu-cabecera .sub-menu li { list-style: none; /*margin-bottom: 7px;*/ margin: 0; /*padding-bottom: 5px; */ border-bottom: 1px solid rgba(11,22,56,.15);}
.menu-cabecera .sub-menu li.menu-item-has-children {position: relative;}
.menu-cabecera .sub-menu li:last-child { border-bottom: none;}
.menu-cabecera .sub-menu a { text-decoration: none; font-size: 16px; padding: 15px 8px 10px }
.menu-cabecera .sub-menu a:hover {  background-color: #d3d8e5; }

.sidebar .widget, .sidebar-blog .widget { margin-top: 30px; clear: both}

ul.sub-menu {
    display: none;
}
.navbar-toggle.abierto  { background: rgba(0, 0, 0, 0.85); color: #fff;  }


/*Slider*/
#carousel-home { }
#carousel-home .container {  }
#carousel-home .contenedor-slider { /*padding-top: 100px;*/ background-color: /*#3f115c*//*#5f0b84*/#4c096a; }
#carousel-home .contenedor-slider, #carousel-home .carousel-inner { border-radius: 0 0 60% 0; z-index: 1 }
/*#carousel-home .carousel-inner { background: #3f115c url('images/slider/slide-fon-03-min.png') center bottom no-repeat; }*/
#carousel-home .carousel-inner > .item { height: 613px; }
.cont-slider {
 position: relative;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 780px; padding: 40px; color: #fff; text-align: center; margin: 0 auto;
   }

#carousel-home h2 { margin-top: 170px; margin-bottom: 0; font-size: 50px; line-height: 100%; color:/*#f9b7ff*/#fff; font-weight: bold; letter-spacing: -0.025em; text-shadow: 0 0 30px #10001a; }
#carousel-home h3 { color:#fff; font-size: 34px; font-weight: 300; letter-spacing: -0.04em; margin-top: 0; margin-bottom: 25px; text-shadow: 0 0 20px #10001a}

#carousel-home .foto-slider { }
#carousel-home .carousel-control.left, #carousel-home .carousel-control.right {background-image:none; z-index: 2}

#carousel-home .carousel-indicators { padding: 0 !important; }

 /*Slider Clientes*/
 #myCarousel .carousel-control        { width:  4%; color: #91268f; text-shadow: none; }
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right {margin-left:15px;background-image:none;}




.absolute-center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0; 
}
.valores-home {     text-align: center;
    font-size: 16px;
    line-height: 1.35;
    margin: 0 auto;
    margin-top: 30px }


/*Logos clientes*/

#myCarousel .carousel-control        { width:  4%; color: #84509b; text-shadow: none; }
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right {background-image:none;}
#myCarousel .carousel-inner { margin: 0 auto; text-align: center; }
.logo-cliente { text-align: center; }
.logo-cliente img { margin: 0 auto }
/*Fin logos clientes*/

/*Blog home*/
.noticia-home { /*background: #f0f2f5; padding: 0 15px 0 0;*/}
/*Fin Blog Home*/
/*Blog*/
  /*Single*/

/*fin Blog*/



/*Plugin YouTube*/
.fluid-width-video-wrapper { clear: both;margin-top: 15px;}
/*Fin Plugin YouTube*/

/*Jumbotrons*/
.jumbotron { margin-bottom: 0; background-color: #f0f2f5; }
.jumbotron h1, .jumbotron h2 { margin-top: 0 }
.jumbotron p { font-size: 17px; line-height: 1.4; font-weight: inherit}
.jumbotron p.lead { font-size: 21px; letter-spacing: -0.03em; font-weight: 300}
.jumbotron.eslogan-komab { background: #210e4d url('../../uploads/diseno/slogan-komab-home-03.jpg') center top no-repeat; color: #fff; display: none }
.jumbotron.eslogan-komab p { font-size: /*26px*/ 25px; line-height: 150%; letter-spacing: -0.02em; font-weight: 500; /*font-style: italic;*/ text-align: center; text-shadow: 5px 5px 5px #331442; max-width: 850px; margin: 0 auto; padding: 25px 0; }
.cab-int { background: #210e4d; height: 320px }
.grupokoma-intro .cab-int { background: transparent; }
.jumbotron.traduccion-intro { background: #210e4d url('../../uploads/diseno/traduccion-fon-10-min.jpg') center top no-repeat; background-size: cover;}
.jumbotron.nosotros-intro { background: #210e4d url('../../uploads/diseno/traduccion-fon-10-min.jpg') center top no-repeat; background-size: cover;}
.jumbotron.interpretacion-intro { background: #210e4d url('../../uploads/diseno/interpretacion-fon-03-min.jpg') center top no-repeat; background-size: cover;}
.jumbotron.calidad-intro { background: #210e4d url('../../uploads/diseno/calidad-fon-05-min.jpg') center top no-repeat; background-size: cover;}
.jumbotron.referencias-intro { background: #210e4d url('../../uploads/diseno/referencias-fon-02.jpg') center top no-repeat; background-size: cover;}
.jumbotron.grupokoma-intro { background: #110C23 url('../../uploads/diseno/grupokoma-fon-11-min.jpg') center top no-repeat; padding-top:0; padding-bottom: 0; color: #fff !important; overflow: hidden; background-size: cover;}
  /*.grupokoma-intro .flexbox { align-items: center; }*/
  .grupokoma-intro .subjumbotron { padding-top: 70px; padding-bottom: 70px; background-color: rgba(1, 0, 24, 0.3)}
.jumbotron.grupokoma-intro h1, .jumbotron.grupokoma-intro h2, .jumbotron.grupokoma-intro h3, .jumbotron.grupokoma-intro h4, .jumbotron.grupokoma-intro h5, .jumbotron.grupokoma-intro h6 { color: #fff }



#interp-especialidades.jumbotron { background-image: url('../../uploads/diseno/interpretacion-especialidades-fon-01.jpg'); background-position: right top; background-repeat: no-repeat;  }
#mas-que-un-servicio.jumbotron { background-image: url('../../uploads/diseno/mas-que-un-servicio-fon-02-min.jpg'); background-position: 94% top; background-repeat: no-repeat;  }
.destacado-01, .jumbotron p.destacado-01 { /*font-weight: 400;*/ font-size: 26px; letter-spacing: -0.03em; max-width: 1050px; margin: 0 auto; line-height: 1.3; /*text-shadow: 5px 5px 5px #210e4d*/
text-shadow: 0px 0px 17px #130041; font-family: 'Roboto Slab' }
.destacado-01 strong, .jumbotron p.destacado-01 strong { font-weight: 700 }
.jumbotron.grupokoma-intro p.destacado-01 { max-width: 1110px; }
/*.jumbotron.interpretacion-intro p.destacado-01 { font-size: 26px }*/
/*#idiomas.jumbotron { background: #f0f2f5 url('../../uploads/diseno/franja-idiomas-fon.jpg') center -50px no-repeat  }*/

/*FIN Jumbotrons*/
#especialidades 	{ /*text-align: center;*/ }
.especialidades i { font-size: 40px; color: /*#84509b*/#5f0b84 }

/*colores*/
.fon-gris-claro { background-color: #f0f2f5;}
.fon-gris-oscuro { background-color: #171717; color: #fff; }
.fon-purple-01 { background-color: #3f115c; color: #fff !important;  }
.fon-purple-01 h1, .fon-purple-01 h2, .fon-purple-01 h3, .fon-purple-01 h4, .fon-purple-01 h5, .fon-purple-01 h6, .fon-purple-01 a { color: #fff !important }
.fon-purple-01-deg-horiz { /*background: -moz-linear-gradient(left, rgba(63,17,92,1) 0%, rgba(63,17,92,0) 100%);
background: -webkit-linear-gradient(left, rgba(63,17,92,1) 0%,rgba(63,17,92,0) 100%);
background: linear-gradient(to right, rgba(63,17,92,1) 0%,rgba(63,17,92,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f115c', endColorstr='#003f115c',GradientType=1 ); */
background: -moz-linear-gradient(left, rgba(63,17,92,1) 3%, rgba(63,17,92,1) 30%, rgba(63,17,92,0) 100%);
background: -webkit-linear-gradient(left, rgba(63,17,92,1) 3%,rgba(63,17,92,1) 30%,rgba(63,17,92,0) 100%);
background: linear-gradient(to right, rgba(63,17,92,1) 3%,rgba(63,17,92,1) 30%,rgba(63,17,92,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f115c', endColorstr='#003f115c',GradientType=1 );
 }

 .fon-purple-02 { background-color: #291856; color: #fff !important; }
 .fon-purple-02 h1, .fon-purple-02 h2, .fon-purple-02 h3, .fon-purple-02 h4, .fon-purple-02 h5, .fon-purple-02 h6, .fon-purple-02 a { color: #fff !important }


.fon-blanco { background-color: #fff;}
.fon-rosa { background-color: #faf3fa }
.cab-int b, .cab-int strong, .fon-purple-01 b, .fon-purple-01 strong, .fon-purple-01-deg-horiz b, .fon-purple-01-deg-horiz strong,
  .fon-purple-02 b, .fon-purple-02 strong, .fon-gris-oscuro b, .fon-gris-oscuro strong, footer b, footer strong, .grupokoma-intro b, .grupokoma-intro strong { color: #fff }
.fon-degsuave  { background: #ffffff;
background: -webkit-gradient(linear,  left top, left bottom,  from(#ffffff),to(#f0f2f5));
background: linear-gradient(to bottom,  #ffffff 0%,#f0f2f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f2f5',GradientType=0 );
}
.fon-degsuave-inv  { background: #f0f2f5;
background: -webkit-gradient(linear,  left top, left bottom,  from(#f0f2f5),to(#ffffff));
background: linear-gradient(to bottom,  #f0f2f5 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f5', endColorstr='#ffffff',GradientType=0 );
}
/*fin colores*/

/*Blog*/
.barra_lateral h3 { background: #ebedf3; color: #0b1638; border-radius: 20px 10px 20px 10px; padding: 10px 15px; clear: both; }
.barra_lateral > div > ul { padding-left: 0 }
.barra_lateral > div > ul > li { list-style: none; position: relative; margin-bottom: 5px; }
.barra_lateral > div > ul > li > a { display: block; padding: 6px 10px 6px 22px; font-size: 15px; line-height: 100%; color: #0b1638; border-bottom: 1px dotted rgba(11,22,56,.15)}
.barra_lateral > div > ul > li > a::before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #1d3788;
    font-size: 16px;
    padding-right: 23px;
    position: absolute;
    top: 2px; line-height: 16px;
    left: 11px;
}
/*Single*/
/*tags*/
    .tags { list-style: none; margin: 10px 0 0; padding: 0;}
    .tags li { float:left; margin: 0 2px 9px; font-size: 13px;}
    .tags li a { background: #ebedf3; border-radius: 7px; padding: 6px 12px; font-weight: 500}
    .tags li a:hover { background: #d9dde9;}
/*compartir*/
    .share-post { border-top: 0; margin-top: 0; padding-top: 0; }
    body.single .share-post { display: inline-block; margin: 15px 0}
    body.single .byline .share-post { margin: 0 5px}
    .share-post a             { display: inline-block; color: white; padding: 5px 9px 2px; margin: 0.1em; border-radius: 5px; background: #acb8de;}
      .share-post a:hover       {/*  padding: 0 1.5em;*/ text-decoration: none; background: #444; }
      .share-post a  i { font-size: 20px;}
    .share-post .facebook     { /*background: #3b5998;*/ padding: 5px 11px 2px;}
    .share-post .facebook:hover     { background: #3b5998;}
    .share-post .twitter:hover      { background: #55acee; }
    .share-post .googleplus:hover   { background: #dd4b39; }
    .share-post .pinterest:hover    { background: #cc2127; }
    .share-post .linkedin:hover     { background: #0077b5; }
    .share-post .whatsapp:hover     { background: #019501; }
    .share-post .compartir-por-mail:hover  { background: #bfaa37;}
    /*tags*/
    
    .tagcloud { float:left; margin: 0 2px 9px; font-size: 13px;}
    .tagcloud a { background: #f0f2f5; border-radius: 7px; padding: 3px 9px; font-weight: 400; letter-spacing: -0.03em !important }
    .tagcloud a:hover { background: #f2f4f6;}
/*Fin Compartir*/    
/*PAGINADOR*/
.paginador  { margin-top: 40px; margin-bottom: 50px; padding-top: 20px; border-top: 1px dotted #ccc}

 .page-numbers { clear:both;
padding:20px 0;
position:relative;
font-size:13px;
background: #EFEFEF; color: #333;
padding:10px 22px;
border-radius: 100%;
font-size: 16px; font-weight: 500;
}

.page-numbers a, .page-numbers span {
display:block;
float:left;
margin: 0 1px 0;
padding: 5px;
text-decoration:none;
text-align: center;
width:auto;

}
.page-numbers a span { padding: 0 }

.page-numbers.current { 
background: #84509b;
color:#fff;}
a.page-numbers:hover {
background: #eee3f8; text-decoration: none}
/*FIN PAGINADOR*/
/************ COMENTARIOS ************/
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
    width: 100%;
}
    /*div#respond textarea { width: 300px;}*/
 /*   button, html input[type="button"], input[type="reset"], input[type="submit"] { background: #d63700; color: #fff; border:0; padding: 5px 20px; font-weight: 700; }
    button, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #333}*/
     
    .commentlist {
      padding-left: 0;
      list-style: none;
      font-size: 15px;
    }
      .commentlist .comment-body {
        background: #f0f2f5;
        padding: 25px;
        margin-bottom: 10px;
      }
     
      .commentlist .comment-author {
        margin-bottom: 15px;
      }
     
      .commentlist .comment-meta {
        font-size: 0.8em;
        margin-bottom: 10px;
      }
     
      .commentlist .children {
        list-style: none;
      }
     
      .commentlist .bypostauthor .comment-body {
        background: #f8f2fa;
      }
     
    #commentform {
     
    }
     
      #commentform input[type="text"],
      #commentform input[type="email"],
      #commentform textarea {
        width: 100%;
      }



input, textarea {
    border: 1px solid #ccc;
    max-width: 100%;
}
input[type="file"] { border: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { 
  background: #84509b;
  color: #fff;
  border: 0;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700; 
}
/*fin COMENTARIOS*/

/*El Equipo*/
.jumbotron .especialidades .row p, .jumbotron .profesional p { font-size: 15.5px }
.profesional { margin-bottom: 30px }
.profesional img {
    border-radius: 100%;
}
.enlace-linkedin { background: #0077b5 url('../../uploads/diseno/ico-linkedin-eo.svg') center 37px no-repeat; color: #fff; display: block; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto}

.enlace-linkedin img:hover { opacity: .3 }
.skills { align-items: flex-end; }
.skill { text-align: center; color: #0b1638; font-size: 26px; font-weight: 700; line-height: 45px; letter-spacing: -0.03em; font-family: 'Roboto Slab'; }
.skill span { color: #5f0b84; font-size: 60px; font-weight: 700; letter-spacing: -0.05em; font-family: 'Fira Sans', sans-serif; }
/*Fin El Equipo*/

/*Komaberri Bat*/
.valores h3 { font-weight: 700; /*font-style: italic; */}


.valores > div > div { position: relative; padding-left: 75px}
.valores > div > div > .fa { position: absolute; top: 23px; left: 15px; font-size: 40px; color: #5f0b84}

/*KOMA*/
/*Proceso*/
ol.rounded-list {
    counter-reset: li;
    font-size: 15px;
    list-style: outside none none;
    margin-bottom: 4em;
    padding: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    max-width: 800px; 
}
.rounded-list li {
    background: #F2F4F5 none repeat scroll 0 0;
    border-radius: 0.3em;
    color: #444;
    display: block;
    margin: 0.5em 0;
    /*padding: 0.4em 0.4em 0.4em 2em;*/
    padding: 1.4em 1.4em 1.4em 2em;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.jumbotron .rounded-list li{
    background: #FFF !important }
.fon-blanco .rounded-list li{
    background: #F2F4F5 !important }
.rounded-list li:first-child { margin-top: 0}
/*.rounded-list li::before {
    background: #000 none repeat scroll 0 0; color: #fff;
    border: 0.3em solid #fff;
    border-radius: 2em;
    content: counter(li, decimal);
    counter-increment: li;
    font-size: 21px; padding-top: 0.16em; font-weight: 500 !important;
    font-weight: bold;
    height: 2em;
    left: -1em;
    line-height: 20px;
    margin-top: -1.3em;
    position: absolute;
    text-align: center;
    top: 50%; 
    transition: all 0.3s ease-out 0s;
    width: 2em;
}*/
    .rounded-list li ol li::before {
    background: transparent none repeat scroll 0 0;
    content: none;}
.plus-arrow li {
    /*display: inline-block;*/
    position: relative;
    background: #f0f2f5;
    /*padding: 15px 0;*/
    /*width: 200px;*/
    text-align: center;
    margin-bottom: 50px;
    font-size: 17px;
    color: #0b1638
}
.plus-arrow li ul li {
    
    
    background: none;
    padding: 1.4em 1.4em 1.4em 2em;
    /*width: 200px;*/
    
}
.plus-arrow li:after {
    content: '';
    display: block;  
    position: absolute;
    left: 0;
    top: 113%;
    width: 100%;
    height: 29px;
    /*background: url(images/li-flecha-abajo.png) center top no-repeat;*/
    content: '\f067';
    font-family: 'Fontawesome'; font-size: 25px;
}
.plus-arrow li:last-child:after, .plus-arrow li ul li:after {
    background: none; content: none;
    position: relative;
    left: inherit;
    top: inherit;
    width: inherit;
    height: inherit;
}
ol.rounded-list h3 { margin-top: 0}
.rounded-list li ol { padding-left: 0}
.rounded-list li ol li { padding-left: 0; margin-bottom: 0; padding-bottom: 5px; /*letter-spacing: 0*/}
.rounded-list li ol li::before, .rounded-list li ul li::before { background: transparent; content: none; list-style-type: circle; margin: 0; padding: 0; position: relative; width: auto; height: auto}
.rounded-list li ol, .rounded-list li ul { background: transparent; list-style-type: circle; margin: 20px 0; padding: 0 0 0 15px;}
.rounded-list li ol li, .rounded-list li ul li { background: transparent; list-style-type: circle; margin: 0 0 3px; padding: 0; left: 0; top: 0; display: list-item;}

.logos-koma-peq { width: auto; display: flex; justify-content: center; align-items: center; }
.logos-koma-peq > div { float: left }
.logos-koma-peq img { max-width: 100% !important; height: auto !important }
/*Fin KOMA*/

/*Footer*/
footer { background: #673587 url('images/pie-fon-03-min.jpg') center top repeat-x; color: #fff; padding: 30px 0; background-size: cover;  }
footer h1, footer h2, footer h3, footer h4,footer h5, footer h6 { color: #fff; font-weight: 700}
footer h1, footer h2, footer h3 { font-weight: 700 }
footer h4 { margin-top:16px; margin-bottom: 2px }
footer a, footer a:visited { color: #f6e3ff; }
footer a:hover, footer a:focus { color: #fff; background-color: transparent !important; }
footer input, footer textarea { max-width: 100%; color: #2d2850 }
footer input[type=submit] { background:transparent; padding: 10px 20px; border: 1px solid #fff  }
footer label { font-weight: 300; margin-top: 5px; }
#pie-abajo  { margin-top: 25px; padding-top: 15px; }

#socialLinks  { margin-top: 12px }
#socialLinks i { font-size: 15px; background: rgba(255,255,255,.1); color: #fff; border-radius: 50%; border: 1px solid rgba(255,255,255,.6); text-align: center; width: 34px; height: 34px; padding: 9px; }
#socialLinks i:hover { background:  rgba(255,255,255,0)}

#firma_eo04   { float: right !important; padding-right: 1.5em; }
#firma_eo04 a { background: url("images/firma_eo04-min.png") no-repeat scroll 0 0 transparent; float: right; height: 30px; width: 143px;}
#firma_eo04 a:hover { background-position: 0 -30px;}  



/*fin Footer*/

/*clases de WP*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
/*    margin: 0px 20px 20px 0;*/
      margin:0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignright {
    float:right;
    margin: 0px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #759814;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/*Fin Clases WP*/
/*Bootstrap*/
.btn { border-radius: 45px; font-weight: 600;}
.btn-lg { padding: 10px 20px; font-weight: bold;}
.btn-primary { background-color: #0b1638; border-color: #0b1638; }
.btn-primary:hover, .btn-primary:focus { background-color: #5f0b84 !important; border-color: #5f0b84 !important; }
.btn-danger { background-color: /*#84509b*/#5f0b84; border-color: #84509b; }
.btn-danger:hover, .btn-danger:focus { background-color: #0b1638 !important; border-color: #0b1638 !important; }
.btn-secondary { background-color: rgba(0,0,0,0.2); border-color: transparent; color: #0b1638;}
.btn-secondary:hover, .btn-secondary:focus { background-color: #5f0b84 !important; border-color: #5f0b84 !important; color: #fff; }
 #carousel-home .btn-danger { background-color: #5f0b84; border-color: transparent; }
.pull-right { margin-left: 20px}
.pull-left { margin-right: 20px}
.btn { margin-top:10px; margin-bottom: 20px;}
.no-gutter [class*="-12"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-10"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-9"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-8"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-7"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-6"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-5"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-4"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-3"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-2"] { padding-left:0; padding-right:0; }
.no-gutter [class*="-1"] { padding-left:0; padding-right:0; }

.flexbox { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 100%;
   }

.flexbox-centr-vert { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 100%;
     align-items: center;

   }


.flexbox > div { float: none !important; display: block;}


/*.row-eq-height > div { display: grid;}*/

.col-center { display:inline-block; float:none;}

   


/*eo clases aux*/

.texto-blanco { color: #fff; }

.centrado-vertical {
  position: relative;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mt-0       { margin-top: 0 !important;} 
.mt-02       { margin-top: 2px !important;} 
.mt-05     { margin-top: 5px !important;}
.mt-10     { margin-top: 10px !important;}
.mt-15     { margin-top: 15px !important;}
.mt-20     { margin-top: 20px !important;}
.mt-25     { margin-top: 25px !important;}
.mt-30     { margin-top: 30px !important;}
.mt-35     { margin-top: 35px !important;}
.mt-40     { margin-top: 40px !important;}
.mt-50     { margin-top: 50px !important}
.mt-70     { margin-top: 70px !important;}
.mt-80     { margin-top: 80px !important;}

.mr-0      { margin-right: 0 !important; }
.mr-15     { margin-right: 15px !important; }
.mr-20     { margin-right: 20px !important; }
.mr-25     { margin-right: 25px !important; }
.mr-30     { margin-right: 30px !important; }
.mr-35     { margin-right: 35px !important; }
.mr-40     { margin-right: 40px !important; }

.ml-0      { margin-left: 0 !important; }
.ml-15     { margin-left: 15px !important; }
.ml-20     { margin-left: 20px !important; }
.ml-25     { margin-left: 25px !important; }
.ml-30     { margin-left: 30px !important; }
.ml-35     { margin-left: 35px !important; }
.ml-40     { margin-left: 40px !important; }

.mb-0     { margin-bottom: 0 !important}
.mb-5     { margin-bottom: 5px !important}
.mb-10     { margin-bottom: 10px !important}
.mb-15     { margin-bottom: 15px !important;}
.mb-20     { margin-bottom: 20px !important;}
.mb-25     { margin-bottom: 25px !important;}
.mb-30     { margin-bottom: 30px !important;}
.mb-35     { margin-bottom: 35px !important;}
.mb-40     { margin-bottom: 40px !important;}
.mb-50     { margin-bottom: 50px !important;}

.mx-auto {margin-right: auto !important; margin-left: auto !important;}

.pt-80      { padding-top: 80px !important;}
.pb-25      { padding-bottom: 25px !important;}

.pt-0      { padding-top: 0 !important;}
.pt-10     { padding-top: 10px !important;}
.pt-15     { padding-top: 15px !important; display: block;}
.pt-20     { padding-top: 20px !important;}
.pt-30     { padding-top: 30px !important;}
.pt-40     { padding-top: 40px !important;}
.pt-50     { padding-top: 50px !important;}
.pt-60     { padding-top: 60px !important;}
.pt-70     { padding-top: 70px !important;}

.pl-0      { padding-left: 0 !important;}
.pl-10     { padding-left: 10px !important;}
.pl-15     { padding-left: 15px !important;}
.pl-20     { padding-left: 20px !important;}
.pl-30     { padding-left: 30px !important;}
.pl-40     { padding-left: 40px !important;}
.pl-50     { padding-left: 50px !important;}
.pl-60     { padding-left: 60px !important;}
.pl-70     { padding-left: 70px !important;}


.pb-0      { padding-bottom: 0 !important;}
.pb-10     { padding-bottom: 10px !important;}
.pb-15     { padding-bottom: 15px !important;}
.pb-20     { padding-bottom: 20px !important;}
.pb-30     { padding-bottom: 30px !important;}
.pb-40     { padding-bottom: 40px !important;}
.pb-50     { padding-bottom: 50px !important;}
.pb-50     { padding-bottom: 50px !important;}
.pb-60     { padding-bottom: 60px !important;}
.pb-70     { padding-bottom: 70px !important;}


.pr-0      { padding-right: 0 !important;}
.pr-10     { padding-right: 10px !important;}
.pr-15     { padding-right: 15px !important;}
.pr-20     { padding-right: 20px !important;}
.pr-30     { padding-right: 30px !important;}
.pr-40     { padding-right: 40px !important;}
.pr-50     { padding-right: 50px !important;}
.pr-60     { padding-right: 60px !important;}
.pr-70     { padding-right: 70px !important;}

.sincss { display: none;}

.centrar-margen-horiz, .centrar-margen-horiz img { margin-right: auto; margin-left: auto;}

.ohidden { overflow: hidden; }

.fright     { float: right; margin-left: 20px; }
.fleft      { float: left; margin-right: 20px; }
.tright     { text-align: right; }
.borrar     { clear: both;}

p:empty { display: none;}
/*Fin eo clases aux*/



#firma_eo                   { bottom: 30px; /*position: absolute;*/ right: 10px; padding-top: 0 !important;}
#firma_eo a {
    background: url("images/firma_eo.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 20px;
    width: 34px;
}
#firma_eo a:hover   { background-position: 0 -20px}

.btn.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    z-index: 2;
    background: rgba(0,0,0,.3); border:0;
}
/*.back-to-top:visited { background: #5d7f00 !important; border-color: #5d7f00 !important;}*/
.btn.back-to-top:focus, .btn.back-to-top:hover  { background: rgba(0,0,0,.5); border:0;}

/*eo OFF CANVAS*/
/*@media screen and (min-width: 1920px) {
  #offcanvas-eo-menu { display: none;}
}*/
#offcanvas-eo-menu { 
/*display: none;*/
float: right;
height: 100%;
overflow: hidden;
position: absolute;
right: -100%;
top: 0;
width: 280px;
z-index: 1031;
background-color: /*rgba(11, 22, 56, 0.85)*/rgba(49,1,79,.9);
padding: 20px 0;
-webkit-transition: all .25s ease-out;
            transition: all .25s ease-out;
}

#offcanvas-eo-menu > div {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
min-width: 280px;
max-width: 100%;

}


#offcanvas-eo-menu { display: block; position: fixed;}
#offcanvas-eo-menu.si {right: 0; }


#offcanvas-eo-menu ul { list-style: none; padding: 0; margin-top: 0  }
#offcanvas-eo-menu ul li { margin: 0 !important; padding: 0; border-bottom: 1px solid rgba(255,255,255,.3); position: relative;}
#offcanvas-eo-menu ul li a { color: #fff; display: block; padding: 10px 15px; font-size: 23px; font-weight: 500; letter-spacing: -0.025em;}
#offcanvas-eo-menu ul li a:focus, #offcanvas-eo-menu ul li a:hover { text-decoration: none; }
#offcanvas-eo-menu ul li ul.sub-menu { margin-top: 0 }
#offcanvas-eo-menu ul li ul.sub-menu li     { border: 0 }
#offcanvas-eo-menu ul li ul.sub-menu li a { font-size: 18px !important; padding: 5px 0 5px 30px !important; font-weight: 400; background: transparent; border-bottom: 1px solid rgba(255,255,255,0.2);}
#offcanvas-eo-menu ul li:hover, #offcanvas-eo-menu ul li.padre.current_page_parent, #offcanvas-eo-menu ul li.current_page_item { background-color: rgba(255,255,255,.3); }
#offcanvas-eo-menu ul li.current-menu-item, #offcanvas-eo-menu ul li.padre.current-menu-parent a { background-color: rgba(255,255,255,.4); }
#offcanvas-eo-menu ul li ul li.current-menu-item { background-color: rgba(255,255,255,.3); }

ul > li.menu-item-has-children > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left: 5px; line-height: 0 }
ul > li.menu-item-has-children > ul > li.menu-item-has-children > a {position: relative; padding-right: 20px;}
ul > li.menu-item-has-children > ul > li.menu-item-has-children > a:after {position: absolute; top: 26px; right: 10px; font-size: 21px; content: '\f105'; font-family:'FontAwesome'; margin-left: 5px; line-height: 0 }

/*FIN eo OFF CANVAS*/
#todo { overflow-x: hidden; }

@media screen and (max-width: 991px) {
  

/*eo botón*/ .navbar-toggle { display: block !important; }
 .navbar-header {float: none;}
    .navbar-toggle { display: block;  position: fixed; top:22px; right: 0; z-index: 1032; border-radius: 300px; line-height: 100%; padding: 8px 11px 10px; border: 0; }    
    .navbar-toggle i {  color: #0b1638; font-size: 25px; line-height: 100%;  }
    .home .navbar-toggle.cab-scroll-arriba i { color: #fff }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: rgba(0,0,0,.3); }
    /*.navbar-toggle:before { content: 'Menú ' }
    .navbar-toggle.abierto:before { content: 'Cerrar ' }*/
    .navbar-toggle.abierto  { background: rgba(0, 0, 0, 0.85);  }
    .navbar-toggle.abierto i { color: #fff; }
    .navbar-collapse.collapse { display: none !important; }
    
    ul.menu { margin-top:40px; }
    /*fin eo botón*/

     #myCarousel .carousel-control.left { margin-left: -30px !important;}
  #myCarousel .carousel-control.right { margin-right: -30px !important;}

  /* override position and transform in 3.3.x */
#myCarousel .carousel-inner .item.left.active { -webkit-transform: translateX(-25%); transform: translateX(-25%); }
#myCarousel .carousel-inner .item.right.active { -webkit-transform: translateX(25%); transform: translateX(25%); }

#myCarousel .carousel-inner .item.next { -webkit-transform: translateX(25%); transform: translateX(25%) }
#myCarousel .carousel-inner .item.prev { -webkit-transform: translateX(-25%); transform: translateX(-25%) }

#myCarousel .carousel-inner .item.right,
#myCarousel .carousel-inner .item.left { -webkit-transform: translateX(0); transform: translateX(0);}

}

  #myCarousel .carousel-control.left { margin-left: -30px !important;}
  #myCarousel .carousel-control.right { margin-right: -30px !important;}

  /* override position and transform in 3.3.x */
#myCarousel .carousel-inner .item.left.active { -webkit-transform: translateX(-25%); transform: translateX(-25%); }
#myCarousel .carousel-inner .item.right.active { -webkit-transform: translateX(25%); transform: translateX(25%); }

#myCarousel .carousel-inner .item.next { -webkit-transform: translateX(25%); transform: translateX(25%) }
#myCarousel .carousel-inner .item.prev { -webkit-transform: translateX(-25%); transform: translateX(-25%) }

#myCarousel .carousel-inner .item.right,
#myCarousel .carousel-inner .item.left { -webkit-transform: translateX(0); transform: translateX(0);}




/*Responsive*/
.contenido img { max-width: 100% !important; height: auto !important; }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1480px) {
.container { min-width: 1400px;}
} 




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  
  .row-center { text-align:center; }
   .row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .jumbotron { padding-top: 4.5rem; padding-bottom: 4.5rem }


  .no-gutter-sm [class*="-12"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-10"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-9"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-8"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-7"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-6"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-5"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-4"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-3"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-2"] { padding-left:0; padding-right:0; }
  .no-gutter-sm [class*="-1"] { padding-left:0; padding-right:0; }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .home #cabecera.cab-scroll-arriba #logo-scroll-arriba { display: block; }
  .jumbotron.grupokoma-intro { border-radius: 0 0 35% 0; z-index: 1 }
  /*#offcanvas-eo-menu { display: none;}*/
     .row-eq-height-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #offcanvas-eo-menu.si { display: none; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.jumbotron.grupokoma-intro { border-radius: 0 0 45% 0; z-index: 1 }
}

@media only screen and (min-width : 1921px) {
	#interp-especialidades.jumbotron { background-position: 1080px top }
  #mas-que-un-servicio.jumbotron { background-position: 1080px top }

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media (max-width: 1679px) { 
.menu-cabecera li a { font-size: 18px;}
 }
@media only screen and (max-width : 1479px) {
  #cabecera .navbar-brand { margin-top: -21px }
    #cabecera .navbar-brand img { max-width: 275px }
  #cabecera .navbar-nav > li > a { padding: 10px 12px; font-size: 16px;}

  }

@media only screen and (max-width : 1440px) {

#interp-especialidades.jumbotron { background-position: 500px top;}
#mas-que-un-servicio.jumbotron { background-position: 500px top;}
    }

@media only screen and (max-width : 1280px) {
#interp-especialidades.jumbotron { background-position: 370px top;}
#mas-que-un-servicio.jumbotron { background-position: 450px top;}
}

@media only screen and (max-width : 1199px) {
  #cabecera .navbar-nav > li > a { font-size: 14px; padding-left: 7px !important; padding-right: 7px !important; }
  #carousel-home h2 { margin-top: 90px; font-size: 44px;}
  .home #cabecera.cab-scroll-arriba #logo-scroll-arriba img { max-width: 200px }
#carousel-home img.foto-slider { width: 423px }
.jumbotron.eslogan-komab p { font-size: 23px; padding: 5px 0 }

#interp-especialidades.jumbotron { background-position: 170px top;}
#mas-que-un-servicio.jumbotron { background-position: 568px top; background-size: 880px }
#carousel-home .carousel-inner > .item { height: 513px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {    
    body { padding-top: 77px;}
    /*.navbar { min-height: 83px;}*/
    #cabecera .navbar-brand { margin-top: -12px; padding: 0 0 0 15px }
    .home #cabecera.cab-scroll-arriba #logo-scroll-abajo { display: none; }
    .home #cabecera.cab-scroll-arriba #logo-neg-scroll-arriba { display: block; }
    #cabecera .navbar-brand > img { max-width: 260px; height: auto;}

    .navbar-nav > li > a { font-size: 14px; padding: 10px 8px 2px; font-weight: 600}
    .sub-menu a { font-size: 13px; font-weight: 400; padding: 4px 5px !important}
    .contenedor-slider, #carousel-home .carousel-inner { border-radius: 0}
    #carousel-home h2 { margin-top: 190px; }
    .jumbotron.eslogan-komab p { font-size: 20px; }
    footer { background: #0a1534 url('images/pie-fon-02-min.jpg') center bottom repeat-x; }

 /* .carousel-inner > .item { height: 350px; }        */
 
/*.carousel-inner > .item { height: 580px; }*/
#carousel-home h2 { margin-top: 60px; margin-bottom: 0; font-size: 40px;font-weight: bold; letter-spacing: -0.025em; }
#carousel-home h3 { font-size: 20px; letter-spacing: -0.025em; margin-top: 0; margin-bottom: 25px; }
  
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  
  .h2, h2   { font-size: 25px; }
    
  
    .cabecera-int { background-size: 857px; height: 162px;}
    .cabecera-int-int h1 { font-size:21px; padding: 15px 0;}
.valores-home { margin-top: 30px }
  .destacado { font-size: 18px !important;}
  .jumbotron p.lead { font-size: 18px; }

.destacado-01, .jumbotron p.destacado-01 { font-size: 24px; max-width: 660px; line-height: 1.35 }
#interp-especialidades.jumbotron { background-size: 930px;}
#mas-que-un-servicio.jumbotron { background-position: 60px top;}
}
  



@media only screen and (max-width : 617px) { 
  .skill { width: 100%  }
  .skill img { max-width: 165px !important; margin-top: 15px; }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 484px) {
	#cabecera .navbar-brand { margin-top: 5px; }
	/*#cabecera.cab-scroll-abajo { height: 70px; }*/

  #mas-que-un-servicio.jumbotron { background-position: -180px top; background-size: 710px; }
  
}

@media only screen and (max-width : 480px) {
	
  #cabecera .navbar-brand > img { /*max-width: 230px;*/ height: auto;}
  .grupokoma-intro .cab-int { height: 410px !important; }
	#cabecera .navbar-brand { margin-top: -9px; }
  #carousel-home .carousel-inner > .item { height: 400px; }
  #carousel-home h2 { margin-top: 25px; margin-bottom: 0; font-size: 33px; line-height: 100%; text-align: center}
#carousel-home h3 { font-size: 18px; margin-top: 0; margin-bottom: 10px; text-align: center }
#carousel-home img.foto-slider { width: 225px;  }
#carousel-home h2 { margin-top: 5px; }
.botones-slider { text-align: center; margin-bottom: 10px }
.botones-slider a { font-size: 16px; padding: 7px 19px }
.carousel-indicators { display: none; }
.carousel-inner { background: transparent; }
        
    .destacado-01, .jumbotron p.destacado-01 { font-size: 21px;  }
    .cab-int { height: 260px; }
    .cab-int.interpretacion-intro { height: 300px; }
    .cab-int.interpretacion-intro p.destacado-01 { font-size: 19px }
	#interp-especialidades.jumbotron { background-position: -130px top }
  #mas-que-un-servicio.jumbotron { background-position: -180px top; background-size: 710px}
 /* #mas-que-un-servicio.jumbotron { background-position: -130px top; }*/

       .col-xxs-1 {width: 8.33333% !important;}
        .col-xxs-2 {width: 20% !important;}
        .col-xxs-3 {width: 25% !important;}
        .col-xxs-4 {width: 33.3333% !important;}
        .col-xxs-5 {width: 41.6667% !important;}
        .col-xxs-6 {width: 50% !important;}
        .col-xxs-7 {width: 58.3333% !important;}
        .col-xxs-8 {width: 66.6667% !important;}
        .col-xxs-9 {width: 75% !important;}
        .col-xxs-10 {width: 80% !important;}
        .col-xxs-11 { width: 91.6667% !important;}
        .col-xxs-12 {width: 100% !important; float: none !important; left: 0 }
        .col-xxs-hidden {display: none; }
        .hidden-xxs { display: none; }  
}


@media only screen and (max-width : 411px) { 
	#cabecera .navbar-brand { margin-top: -3px; }
	.destacado-01, .jumbotron p.destacado-01 { font-size: 19px;  }
	.cab-int { height: 230px }
	/*.cab-int.interpretacion-intro { height: 290px; }*/
  .cab-int.interpretacion-intro p.destacado-01 { font-size: 17px }

  
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width: 320px) {
	#cabecera .navbar-brand > img { max-width: 225px; }		
  	.navbar-toggle i { font-size: 24px }
  	/*cab-int.interpretacion-intro { height: 260px; }*/
    .cab-int.interpretacion-intro p.destacado-01 { font-size: 16px }

  
}







hr {border-top-color: #ccc;}

#cta-llamar {display: none;}

.contenido .wpcf7 {margin: 30px 0 0 0;}

.wpcf7 label {width: 100%; max-width: 373px;}
.wpcf7 select {width: 100%;}



@media only screen and (max-width : 480px) {

  .page-id-397 .cab-int {height: 160px;}

  #cta-llamar {bottom: 10px; display: block; background: rgba(0,0,0,.5);}
  #subir-arriba {display: none !important;}


}

@media only screen and (max-width: 411px) {

  .page-id-397  .cab-int {height: 160px; }

}




/*==========  Estilos de Jaime Zubiaur  ==========*/

.h1, .h2, .h3, h1, h2, h3 {margin-bottom: 0.5em; }

.none {display: none;}

.jumbotron h1 {font-size: 53px;}

.introduccion {background: #210e4d center top no-repeat; background-size: cover;}

.introduccion_texto div {font-size: 26px; letter-spacing: -0.03em; max-width: 1050px; margin: 0 auto; line-height: 1.3; text-shadow: 0px 0px 17px #130041; font-family: 'Roboto Slab'; }

.jumbotron.introduccion p {font-size: 26px;}

.jumbotron .introduccion_texto strong {font-weight: 700; }

.jumbotron.bloque-2 {background-position: right top; background-repeat: no-repeat; }

.bloque-3 h2 {margin-bottom: 25px;}

.bloque3-imagen {}

.cta-page-editable {margin: -70px 0; padding: 30px 30px 0; background: rgba(0,0,0,0.06) url(images/bg-formulario.png) no-repeat top right; background-position-y: -30px; background-size: contain; overflow: hidden; }
.wpcf7 label.aceptacion {max-width: none;}
.wpcf7 label.aceptacion span.wpcf7-list-item {margin-left: 0;}
.cta-page-editable input[type=submit] {width: 100%;}
.cta-page-editable p {font-size: 15px; margin-bottom: 6px;}
.cta-page-editable input:not([type='checkbox']), 
.cta-page-editable textarea {width: 100%;}

.btn-mas-info {font-weight: bold; cursor: pointer;}
.mas-info {display: none}

#offcanvas-eo-menu ul.menu > li > a {margin: 0 45px 0 0;}
#offcanvas-eo-menu ul.menu li ul.abierto {display: block !important; border-top: 1px solid rgba(255,255,255,0.2);} 
#offcanvas-eo-menu ul.menu li  i {display: block; position: absolute; top: 0; right: 0; font-size: 22px; cursor: pointer; z-index: 10; padding: 10px; color: #fff;}
#offcanvas-eo-menu ul.menu > li > i {top: 6px;} 
#offcanvas-eo-menu ul.menu li i.fa-minus-circle {opacity: .6} 
#offcanvas-eo-menu ul.menu > li.solutions-menu > ul > li > ul  i {display: none;}
#offcanvas-eo-menu ul > li.products-menu ul li#menu-item-548 {height: inherit;} 

ul > li.menu-item-has-children > a:after {display: none;}


.cta-modal {margin: 0; padding: 10px 25px 0; background: rgba(0,0,0,0.06) url(images/bg-formulario.png) no-repeat top right; background-position-y: -30px; background-size: contain; overflow: hidden; }
.wpcf7 label.aceptacion {max-width: none;}
.wpcf7 label.aceptacion span.wpcf7-list-item {margin-left: 0;}
.cta-modal input[type=submit] {width: 100%;}
.modal-content button.close {position: absolute; z-index: 1; right: 10px; top: 5px; opacity: 0.4; }
.modal-content .wpcf7 label {max-width: none;}  
.modal-content input:not([type='checkbox']), 
.modal-content textarea {width: 100%;}
.modal-content div.wpcf7-response-output {margin-top: 1em;}


.two-columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.three-columns {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.four-columns {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }

.bloque-ciudades {padding: 2rem; background: #f9f8f9;} 
.bloque-ciudades h3 {margin-top: 0; margin-bottom: 14px;} 
.bloque-ciudades li {margin-bottom: 7px; font-size: 17px; line-height: 1.4; font-weight: inherit; }

.bloque-idiomas li {margin-bottom: 8px;}
.bloque-idiomas li a {color: #0b1638;}
.bloque-idiomas li a:hover {color: #84509b; text-decoration: none; opacity: .8}
.bloque-idiomas .banderita {width: 27px; vertical-align: text-top; padding-right: 2px;}

.feature-list {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; margin: 0 auto;} 
.feature {display: flex; margin-bottom: 20px; margin-top: 5px;}
.feature__icon i {display: inline-block; vertical-align: text-top;margin-left: -2.5px; height: 1.5em; width: 1.5em; }
.feature__icon {flex-grow: 0; flex-shrink: 0; margin-right: 20px; background-color: #f2f5f7; border-radius: 50%; padding: .5em; text-align: center; width: 26px; height: 26px; box-sizing: content-box; font-size: 21px; }
.feature h3 {margin-top: 0; margin-bottom: 7px; font-size: 19.5px; line-height: 1.2; font-weight: 500; }
.feature p {margin-bottom: 10px; font-size: 15px; }
.feature p:last-child {margin-bottom: 0; }

.page-template-page-tipo-traduccion #wpcf7-f81-o2,
.page-template-page-tipo-traduccion footer > .container:first-child  {display: none;}
.anchor-cta {display: none;} 


footer .navbar-nav>li>a {margin: 5px; padding: 0; }
.grecaptcha-badge {display: none !important;}
.post-edit-link {background: #5f0b84; color: #fff; border-radius: 50%; display: block; float: right; width: 40px; height: 40px; text-align: center; padding: 7px 0 0 1px; font-size: 18px;}
.post-edit-link:after {display: block;content: '';clear: both;}
.post-edit-link:hover  {color: #fff; background-color: #111;} 

@media (min-width: 992px) {
li.padre .sub-menu .sub-menu {width: 337px;}
}



@media only screen and (max-width : 992px) { 

  /*.bloque-1 .container .row .col-md-12 .row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse;}*/

  .cta-page-editable {margin: 0 0 30px 0; background-position-y: -60px;}

  .cta-page-editable .wpcf7 label {max-width: none;}
  .cta-page-editable input, 
  .cta-page-editable textarea {width: 100%}
  .cta-page-editable input[type=checkbox], 
  .cta-page-editable input[type=radio] {width: auto;}


}

@media only screen and (max-width : 768px) {

  .cta-page-editable {margin: 0 0 30px 0; padding-bottom: 0;}

  .bloque-idiomas .three-columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }


}
@media only screen and (max-width : 480px) {
  
  .jumbotron h1 {font-size: 38px; margin-bottom: 0.3em;}
  .jumbotron.introduccion p {font-size: 17px;} 

  .anchor-cta {display: block; position: fixed; z-index: 2; bottom:0; left: 0; width: 100%; text-align: center; background: #84509b; color: #fff !important; text-decoration: none;font-weight: 700; text-transform: uppercase; padding: 7px; font-size: 18px;}

  .cta-page-editable {margin: 0 -20px 30px; background-position-y: 0;}
   
  .bloque1-texto p:first-child {display: none;}

  .bloque-ciudades .four-columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .bloque-idiomas .three-columns,
  .bloque-texto-dos-columnas .two-columns {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  
  .page-template-page-tipo-traduccion #cta-llamar,
  .page-template-page-tipo-traduccion-ciudad #cta-llamar,
  .page-template-page-agencia #cta-llamar,
  .page-template-page-idioma #cta-llamar {bottom: 30px;}

}

#servicios { display: flex; flex-wrap: wrap; justify-content: center; }
#servicios > h2 { text-align: center; margin-bottom: 4rem; border-bottom: 1px solid; padding-bottom: 1rem; /* border-width: medium; */ /* margin: 0 auto; */ display: flex; justify-content: center; width: 50%;}

.bloque-texto-SEO h1 { text-align: center;margin: 2rem 0 3rem 0;font-size: 50px;line-height: 100%;color: /*#f9b7ff*/#5f0b84;font-weight: bold;letter-spacing: -0.025em; }
.contenido-home-texto { display: flex; flex-wrap: nowrap;max-width: 1200px; margin: 0 auto; }
.bloque-texto-portada { width: 75%; column-count: 2;}
.bloque-ciudades-portada { width: 30%; padding-left: 2rem;}
.bloque-ciudades-portada h2,
.bloque-texto-portada h2 { margin-top: 0; }

@media only screen and (max-width : 480px) {
  #servicios > h2 {width: 100%; }
  .bloque-texto-portada { width: 100%; column-count: 1;}
  .bloque-ciudades-portada { width: 100%; padding-left: 2rem;}
  .contenido-home-texto { flex-wrap:wrap-reverse;}
}

/* ------------------------------------------ 
               PERSONALIZACION JOSE - SEO
--------------------------------------------*/

.enlaces-idiomas .idiomas { display: flex; justify-content: center; list-style-type: none; }
.enlaces-idiomas .idiomas li { margin-top: 5px; margin-right: 14px; }
.enlaces-idiomas .idiomas li:after { content:" | "; margin-left: 13px; }
.enlaces-idiomas .idiomas li:nth-child(5):after { content:""; }