/*
Theme Name: RN Theme V3
Theme URI: http://www.raulnarros.com
Author: Raul Narros
Author URI:  
Description: Tema RN dinamico con Bootstrap, versión 3
Text Domain: RNthemeV3
*/
@font-face { font-family: Delicious; src: url('fonts/Raleway/Raleway-Regular.ttf'); } 

body{ font-family: 'Overpass','Raleway', sans-serif;color:#41504a;    /*margin-top:100px!important;*/}
body.customize-support .navbar-fixed-top{margin-top:32px;   }
body.customize-support .navbar-fixed-top.fixed{ }
a{color:#9dc02e}
a:hover{color:#9dc02e}
html,
body {  overflow-x: hidden; }
footer {  padding: 10px 0 1px;}
hr{clear:both;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {font-family: 'Overpass', sans-serif;}
h3{  text-align: center;font-size: 35px;font-weight: 600;}
b, strong{font-weight: bold;}
/* menu */
.wordpress.single p{    margin: 0 0 20px;}

nav.navbar {background-color: rgba(255, 255, 255, 0.9);border-bottom: 2px solid #fff;    margin: 0;}
nav.navbar div.navbar-header {}
nav.navbar div.navbar-header .navbar-toggle{position: fixed;bottom: 5px;right: 5px;border-radius: 27px;    padding: 14px 10px;}
nav.navbar div.navbar-header .navbar-toggle span.icon-bar{}

nav.navbar div.collapse.in {background-color:  #fff;}
nav.navbar div.navbar-header .navbar-brand{  padding: 0;}
nav.navbar div.navbar-header a img{    height: 50px;    margin: 11px 0;}
nav.navbar div#navbar {float: right;margin: 29px 0;}
nav.navbar div#navbar ul li a{font-size: 14px;line-height: 1;padding: 0 25px;color: #41504a;border-left: 1px solid #b1cd52;}
nav.navbar div#navbar ul li:nth-of-type(1) a{border:0;}
nav.navbar div#navbar ul li.current-menu-item.menu-item-240 a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-241 a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-242 a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-243 a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-244 a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-52 a
{color: #41504a;text-decoration: none;}
nav.navbar div#navbar ul li.current-menu-item.menu-item-240:hover a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-241:hover a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-242:hover a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-243:hover a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-244:hover a,
nav.navbar div#navbar ul li.current-menu-item.menu-item-52:hover a
{color: #009539;text-decoration: none;}
nav.navbar div#navbar ul li.current-menu-item a, 
nav.navbar div#navbar ul li:hover a{text-decoration: none; color:#009539;}
nav.navbar div#navbar ul li ul.sub-menu{background-color: #243e17}
nav.navbar div#navbar ul li ul.sub-menu li a{background-color: #666!important}
nav.navbar div#navbar ul li ul.sub-menu li.current-menu-item a,
nav.navbar div#navbar ul li ul.sub-menu li:hover a{background-color: #333!important;color:#fff;}
nav.navbar div#navbar ul#menu-menu-principal .menu-item.current-menu-item a ,
nav.navbar div#navbar ul#menu-menu-principal .menu-item:hover a { background-color: #000; }
nav.navbar div#navbar .sub-menu li:last-child{margin-bottom: 7px; border-bottom: none:}
nav.navbar div#navbar .sub-menu a{color:#777; text-decoration: none;}
nav.navbar div#navbar .sub-menu a{color:#fff;}
nav.navbar div#navbar .sub-menu{  display: none; position:absolute; background-color: #222; padding: 8px 10px 0px 27px; width: 175px;    list-style: outside none none;}
nav.navbar div#navbar li:hover .sub-menu{display:block;}

nav.navbar *{transition-property: all;transition-duration: 0.7s;transition-timing-function: ease-in-out;transition-delay: 0s;}
nav.navbar.fixed div.navbar-header a img{     height: 28px;}
nav.navbar.fixed div#navbar{      margin: 18px 0;}


/* menu */
.container{ }
nav .container{margin-top:0px; margin-bottom:0px; }
 
.front-page{}
.front-page .cabecera{height: calc(60vh);background-size: cover;background-position: center center;    position: relative;}
.front-page .cabecera .container{position: relative;}
.front-page .cabecera .text-cabecera{    position: absolute;bottom: 5%;right: 5%;height: 200px;max-width: 451px;background-size: 100%;background-repeat: no-repeat;width: 100%;}
.fondo-blanco{background: #fff;}
.fondo-blanco .conte{font-size: 20px;font-weight: lighter;text-align: center;max-width: 900px;display: block;margin: 50px auto 20px auto;}
.fondo-blanco .contador{    margin: 0 auto;max-width: 900px;}
.fondo-blanco .contador .bloque {float: left;width: 29%;margin: 15px 2%;background-repeat: no-repeat;background-size: 111px;background-position: center right;padding: 50px 0;}
.fondo-blanco .contador .bloque1 {background-image: url('images/icono contador1-100.jpg'); }
.fondo-blanco .contador .bloque2 {background-image: url('images/icono contador2-100.jpg');}
.fondo-blanco .contador .bloque3 {background-image: url('images/icono contador3-100.jpg');}
.fondo-blanco .contador .bloque span.numero{display: block;font-size: 40px;font-weight: 900;color: #1a171b;line-height: 1;text-align: right;    width:165px;}
.fondo-blanco .contador .bloque span.txt{display: block;color: #1a171b;text-align: right;width: 165px;line-height: 1;    font-size: 17px;}
.fondo-historia {background-image: url('images/foto-historia.jpg');background-size: cover; background-position: center center;       margin-top: 100px;}
.fondo-historia .conte{    margin-bottom: 40px;background: rgba(65, 80, 74, 0.85);color: #fff;padding: 35px 25px;max-width: 372px;text-align: justify;}
.fondo-historia .conte .imalogoblanco {max-width: 82px;margin-bottom: 15px;}
.fondo-historia .conte .borde{border: 1px solid #fff;border-radius: 35px;padding: 25px;}

.fondo-imagen-blanco{background-image: url('images/fondo-imagen.jpg');     background-size: cover;    background-repeat: no-repeat;}
.serv {display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: center;}
.serv .bkl{    min-height: 225px;width: 21%;display: flex;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;background: rgba(65, 80, 74, 0.18);border-radius: 10px;padding: 5px 15px;text-align: center;margin: 2%;font-size: 14px;}
.serv .bkl span{height: 50px;width: 81px;display: block;margin: 19px auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.serv .bkl div{  width: 90%; height: 2px; background: #fff;     margin: 0 auto 15px;}
.serv .bkl1 span{background-image: url('images/icono servicios1.png');}
.serv .bkl2 span{background-image: url('images/icono servicios2.png');}
.serv .bkl3 span{background-image: url('images/icono servicios3.png');}
.serv .bkl4 span{background-image: url('images/icono servicios4.png');}


.herra {    /*margin-bottom: 50px;*/display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: center;}
.herra .bkl{width: 16%;display: flex;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;padding: 5px 0px;text-align: center;margin: 2%;font-size: 12px;}
.herra .bkl span{height: 50px;width:100%;display: block;margin: 19px auto;    background-size: contain;background-repeat: no-repeat;background-position: center;}
.herra .bkl div{  width: 90%; height: 2px; background: #41504a;     margin: 0 auto 15px;}
.herra .bkl1 span{background-image: url('images/herramientas-1.png');}
.herra .bkl2 span{background-image: url('images/herramientas-2.png');}
.herra .bkl3 span{background-image: url('images/herramientas-3.png');}
.herra .bkl4 span{background-image: url('images/herramientas-4.png');}
.herra .bkl5 span{background-image: url('images/herramientas-5.png');}

.prov {    margin-bottom: 50px;display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: center;}
.prov .bkl{width: 16%;display: flex;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;padding: 5px 0px;text-align: center;margin: 2%;font-size: 12px;}
.prov .bkl span{height: 50px;width:100%;display: block;margin: 19px auto;    background-size: contain;background-repeat: no-repeat;background-position: center;}
.prov .bkl div{  width: 90%; height: 2px; background: #41504a;     margin: 0 auto 15px;}
.prov .bkl1 span{background-image: url('images/hasco.png');}
.prov .bkl2 span{background-image: url('images/meus.png');}
.prov .bkl3 span{background-image: url('images/dme.png');}
.prov .bkl4 span{background-image: url('images/yudo.png');}
.prov .bkl5 span{background-image: url('images/syn.png');}

h2.sep{    text-align: center;    margin: 70px 0 15px 0;}
h2.sep::after{content: ''; background-image: url('images/separador.png'); display: block; margin: 0 auto; height: 5px; width: 90%; background-repeat: no-repeat; background-position: center center;}

.parallax-window {width: 100%;height: 300px;}

.listado{    margin-bottom: 80px;display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: center;}
.proyecto{    background: #eceded;width: 46%;display: flex;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;padding: 0px 0px;text-align: center;margin: 2%;font-size: 12px;}
.proyecto.fuera{display: none;}
.proyecto .sli,
.proyecto .dch{    display: block;    float: left;    width: 65%;}
.proyecto .dch{padding: 5px 15px;    text-align: left; width: 35%;}
.proyecto .dch h3{ font-size: 14px;color: #41504a;text-align: left;font-weight: normal;/*text-transform: uppercase;*/border-bottom: 2px solid;padding-bottom: 7px;}
.proyecto5 .dch h3{border-color:#00b1e6 ;}
.proyecto6 .dch h3{border-color:#e2001a ;}
.proyecto9 .dch h3{border-color:#f9ba00 ;}
.proyecto10 .dch h3{border-color:#e5448d ;}
.proyecto .metaslider .flexslider{   margin: 0;}
.proyecto .metaslider .flex-control-nav{     bottom: 8px;}

.menux{display: table;    margin: 0 auto;}
.menux a{cursor: pointer;color: #41504a;display: block;float: left;margin: 0 10px;    text-transform: uppercase;}
.menux a span{display: block;width: 15px;height: 15px;float: left;margin: 1px 5px 0 0;border-radius: 3px;}
.menux a.fila1 span{background:#43a732; }
.menux a.fila2 span{background:#e2001a;}
.menux a.fila3 span{background:#00b1e6;}
.menux a.fila4 span{background:#f9ba00;}
.menux a.fila5 span{background:#e5448d;}

.contacto{margin-bottom: 50px}
.contacto iframe{display: block;    float: left;    width: 65%;}
.contacto .wpcf7{display: block;    float: right;    width: 33%;}
.contacto .wpcf7 textarea ,
.contacto .wpcf7 input[type=email] ,
.contacto .wpcf7 input[type=text] {max-width: 100%;
border-radius: 20px;border: 2px solid #ddd;padding: 8px 24px 5px 24px;margin-bottom: 11px;resize: none;max-height: 80px;}
.contacto .wpcf7 input[type=submit] {background: rgba(65, 80, 74, 1);border: 0;color: #fff;border-radius: 20px;padding: 5px 24px;text-transform: uppercase;margin: 15px 0 0;float: right;}

footer{background-image: url('images/footer.jpg');color: #fff;background-size: cover;padding: 50px 0; }
footer img{max-width: 132px;}
footer a{color: #fff}

.foo2{    margin: 10px 0;text-align: right;font-size: 10px;}
.foo2 a{color: #41504a;    margin: 0 6px;}

.anchor{     visibility: hidden;    height: 50px;    display: block;    margin-top: -50px;}

.blog .cabecera {height: 250px;background-size: cover;background-position: top;}
.single  .cabecera {height: 250px;background-size: cover;background-position: top;}
.single  .metaslider {max-width: 340px;    margin: 0 auto;}
article.post{    margin-bottom: 35px;}
article.post .izq{display: block;    float: left;    width: 65%;}
article.post .dch{display: block;    float: right;    width: 33%;}

.cabecerainterior {    background-position: center; height: 200px;background-size: cover;background-color: #41504a;background-repeat: no-repeat;}

.europa{}
.europa img{float: left; display: block; margin: 0 20px 20px 0;}
.europa p{display: block; max-width: 500px; float: left;}

@media (min-width: 768px) { 
  .row-offcanvas {position: relative;-webkit-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;}
  .row-offcanvas-right {right: 0;}
  .row-offcanvas-left {left: 0;}
  .row-offcanvas-right .sidebar-offcanvas {right: -50%; /* 6 columns */}
  .row-offcanvas-left .sidebar-offcanvas {left: -50%; /* 6 columns */}
  .row-offcanvas-right.active {right: 50%; /* 6 columns */}
  .row-offcanvas-left.active {left: 50%; /* 6 columns */}
  .sidebar-offcanvas {position: absolute;top: 0;width: 50%; /* 6 columns */}
	.navbar-inverse .navbar-brand{margin:0!important}
}
 
@media (max-width: 991px) {  
	footer .col-md-3 {margin: 0 auto 6px;display: table;text-align: center;}
	.fondo-blanco .contador .bloque span.numero,
	.fondo-blanco .contador .bloque span.txt {width: 99px;}
	.fondo-blanco .contador .bloque span.numero{font-size: 30px;}
	.fondo-blanco .contador .bloque span.txt {font-size: 12px;}
	nav.navbar div#navbar ul li a {    padding: 0 14px;}
	.proyecto .dch h3{    font-size: 12px;}
	
}
@media (max-width: 900px) {  
	.serv .bkl {    width: 46%; }
	.herra .bkl {    width: 29%; }
	.prov .bkl {    width: 29%; }
}
@media (max-width: 768px) { 
    .navbar-inverse .navbar-brand{padding: 0;}
    ul.navbar-nav{margin: 0;    float: none;}
    ul.navbar-nav img{margin: 0 auto;display: block;}
	nav.navbar div#navbar{position: fixed;width: 60%;bottom: 60px;z-index: 99999999999;margin: 0px 0 00 0;right: 0;float: none;border: 1px solid #000;padding: 0;}
	nav.navbar div.navbar-header .navbar-toggle{border-color:#fff;    background: #243e17;} 
	nav.navbar div#navbar ul li a {padding: 15px 25px;}
	nav.navbar div.navbar-header a img ,
	nav.navbar.fixed div.navbar-header a img 
	{height: 43px;    margin: 3px 0 3px 20px;}
	/*.proyecto .dch h3{    font-size: 14px;}*/
	.proyecto {    width: 96%;}
}

@media (max-width: 705px) { 
	.fondo-blanco .contador .bloque{    background-size: 83px;}
}
@media (max-width: 600px) {  
	.herra .bkl {    width: 46%; }
	.prov .bkl {    width: 46%; }
	.contacto .wpcf7,
	.contacto iframe{    float: none;    width: 100%;    margin: 0 0 15px;}
	.fondo-blanco .contador .bloque{width: 100%;max-width: 220px;float: none;margin: 0 auto 15px;background-size: 116px;}
	.fondo-blanco .contador .bloque span.numero{font-size: 40px;}
	.fondo-blanco .contador .bloque span.txt {font-size: 17px;}
	.front-page .cabecera .text-cabecera{    right: 2%;    width: 96%;}
}

@media (max-width: 400px) {  
	.serv .bkl {width: 96%; }
	.herra .bkl {    width: 96%; } 
	.prov .bkl {    width: 96%; } 
	.foo2 {font-size: 0;}
	.foo2 a{font-size: 10px;display:block;text-align: center;    margin-bottom: 5px;}
}