/*
Theme Name: quobis
Theme URI: http://materialwp.com
Author: Brad Williams
Author URI: http://braginteractive.com
Description: Material Design WordPress Theme
Version: 0.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: materialwp
Tags: right-sidebar, fluid-layout, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

MaterialWP is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
	3.1. ReCaptcha v3
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
	5.3 Error 404
	5.4 MWC!!!
	5.5 Igape
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.Pages
	13.1 portfolio
	13.2 HOME
	13.3 PRODUCTS
	13.4 Meet the TEAM
	13.5 blog
	13.6 Use clases
	13.7 Careers
	13.8 Landing
	13.8.1. Landing simple
	13.8.2 Landing product
	13.9 Documents template / Media template / datasheets template
	13.10 Event directory
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 GENERAL
--------------------------------------------------------------*/

.ripple-wrapper{
display:none
}
body{
	font-size:15px
}

body, h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif;
}

a, a:hover{
	color:#8d0300
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15
{
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15
{
	width: 20%;
	float: left;
}

@media (min-width: 768px)
{
	.col-sm-15
	{
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px)
{
	.col-md-15
	{
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px)
{
	.col-lg-15
	{
		width: 20%;
		float: left;
	}
}

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {

}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
3.1 ReCaptcha v3
--------------------------------------------------------------*/
.grecaptcha-badge{
	display:none!important;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.form-control-wrapper .form-control, .form-control, fieldset[disabled] .form-control:focus, .form-control-wrapper .form-control:focus, .form-control:focus, fieldset[disabled] .form-control.focus, .form-control-wrapper .form-control.focus, .form-control.focus {
	padding: 0;
	float: none;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	background: transparent;
	border-bottom: 1px solid #757575;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #337ab7;
}

a:visited {

}

a:hover,
a:focus,
a:active {
	color: #3f51b5;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu */
.menu-toggle {
	display: none;
}
/*--------------------------------------------------------------
5.4 MWC!!!
--------------------------------------------------------------*/

/* .navbar .navbar-header .navbar-mwc img{
    border:1px solid #8d0300;
		margin-top: 12px;
		width: 130px;
		transition: all 0.6s;
		box-shadow: 0 1px 2px rgba(0,0,0,.1), 1px 2px 2px rgba(0,0,0,.23);
}
.navbar .navbar-header .navbar-mwc img:hover{
	  box-shadow: 0 2px 5px rgba(0,0,0,.2), 1px 4px 10px rgba(0,0,0,.33);
} */
/*--------------------------------------------------------------
5.5 Igape
--------------------------------------------------------------*/

.navbar .navbar-header .navbar-igape-europa img{
		margin-top: 19px;
		width: 40px;
		transition: all 0.6s;
}
.navbar .navbar-header .navbar-igape-europa img:hover{
	  box-shadow: 0 1px 2px rgba(0,0,0,.1), 1px 2px 2px rgba(0,0,0,.23);
}
@media screen and (max-width: 600px) {
	.navbar .navbar-header .navbar-igape-europa img{
		margin-top: 0px;
	}
}

/*--------------------------------------------------------------
5.3 404
--------------------------------------------------------------*/
/* 404 */
.items_404, .items_404 a {
    color: #000;
    text-align: center;
    font-size: 14px;
}
.items_404 {
    margin-top: 40px;
}
.items_404 img {
    margin: 0 auto;
    margin-bottom: 10px;
	display:block;
}

@media (min-width: 768px) {
	.items_404 .bordegris {
		border-right: solid 1px #acacac;
	}
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	padding-left: 20px;
	padding-bottom: 40px;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	padding-right: 20px;
	padding-bottom: 40px;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* 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:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	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 */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget ul {
	padding: 15px;
	margin-left: 0;
}

.widget-area ul li {
	list-style: none;
}

.widget .textwidget, .widget #calendar_wrap, .widget .tagcloud, .widget .form-search {
	padding: 15px;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/* list of items with icons and text*/
 .circle-shadow {
	padding: 40px;
	box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}
 .circle-shadow img {
	width: 85px;
	height: auto;
}
.container-characteristics{
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.characteristic-item {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	max-width: 210px;
	text-align: center;
	margin: 25px 15px 25px 15px;
}

.characteristic-item h3{
	color: #88261A;
	font-weight: 400;
}
.content{
	padding: 10px 20px;
}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
#primary {

}

.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-meta span,
.entry-footer span  {
	margin-right: 20px;
	display: inline-block;
}

.entry-meta span:last-child,
.entry-footer span:last-child {
	margin-right: 0;
}

.entry-meta span a,
.entry-footer span a {
	color: #8d0300;
	text-decoration: none;
	font-size: 90%;
}

.entry-meta span a:hover,
.entry-footer span a:hover {
	text-decoration: underline;
}

.entry-meta span i,
.entry-footer span i {
	color: #777;
	font-size: 80%;
}

.entry-footer .edit-link {
	float: right;
}

.entry-container {
	padding: 35px;
}

.entry-container h1{
	margin-top: 0;
}

.entry-container h1 a{
	color: #404040;
}

.entry-container h1 a:hover{
	color: #3f51b5;
}

a.read-more {
	text-transform: uppercase;
	color: #404040;
	font-weight: 500;
}

a.read-more:hover {
	text-decoration: none;
	color: #3f51b5;
}



.site-footer {
	background-color: #374147;
	padding: 40px 0;
	color: #fff;
	margin-top: 30px;
}
.card.item-single {
	cursor:auto;
}
.card.item-single:hover {
	box-shadow: 0 2px 5px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.13);
}

/*--------------------------------------------------------------
10.1.2 Cards
--------------------------------------------------------------*/
.card {
	background-color: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.13);
	border-radius: 2px;
	border: 0;
	cursor: pointer;
	transition: all 600ms ease;
}
.card:hover{
	box-shadow: 0 2px 5px rgba(0,0,0,.2), 3px 8px 15px rgba(0,0,0,.33);
}

.card .entry-img {
	background-color: #FFFFFF;
	text-align:center;
}
.descripcion-item .card{
	padding:20px;
	transition: all 0.6s;
	min-height:520px;
}
.descripcion-item a:hover > .card{
	box-shadow: 0 2px 5px rgba(0,0,0,.2), 6px 7px 5px rgba(0,0,0,.23);
}

.descripcion-item p, .descripcion-item .intro{
	color: rgba(0,0,0,.84);
}
.descripcion-item h2{
	color: #8d0300;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
#secondary {

}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
}

.comments-area {
	padding: 35px;
}

.comments-title, .comment-reply-title {
	padding-bottom: 9px;
	margin: 40px 0 20px 0;
	border-bottom: 1px solid #eee;
}

ol.comment-list {
	list-style:none;
	padding-left: 0;
}

.comment-author .avatar {
	margin-right: 25px;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 4px;
}

.comment-meta {
	margin-top: 20px;
	margin-bottom: 20px;
}

.comment-details {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
}

.comment-details .reply {
	margin-top: 10px;
}

.comment-date a {
	font-size: 11px;
	color: #777;
	margin-right: 10px;
}

#commentform #comment {
	width: 100% !important;
}

#commentform #submit {
	position: relative;
	padding: 8px 30px;
	border: 0;
	margin: 10px 1px;
	cursor: pointer;
	border-radius: 2px;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255,255,255,.84);
	-webkit-transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
	transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
	outline: 0!important;
	box-shadow: 0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);
	-webkit-transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
	transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);

	color: rgba(0,0,0,.84);
	background-color: transparent;
	border-color: #ccc;
}

#commentform #submit:hover{
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.1. Portfolio
--------------------------------------------------------------*/
#Container .mix{
	display: none;
}

.btn:not(.btn-link):not(.btn-flat).active {
	box-shadow: 0 6px 10px rgba(0,0,0,.23),0 10px 30px rgba(0,0,0,.19);
}

.portfolio-list .mix h4 {
	padding: 10px;
	margin: 0;
}

.portfolio-list .mix h4 a {
	color: #404040;
	font-size: 12px;
}

.portfolio-list .mix h4 a:hover {
	text-decoration: none;
	color: #3f51b5;
}

.portfolio-img {
	background-color: #FFFFFF;
	box-shadow: 0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);
	border-radius: 2px;
	border: 0;
	margin-bottom: 20px;
}
/*--------------------------------------------------------------
13.2. HOME
--------------------------------------------------------------*/
.video-home{
	width:130%;
	opacity: 0.25;
	transform: scale(1.2,1.2) translate(-12%, -1%);
	vertical-align: bottom;
	cursor:pointer;
	top:0 !important;
	/*position:relative;*/
	transition: transform 6s ease-out;
}
.video-home:hover{
	transform: scale(1.4,1.4);
}
.item_listado{
	overflow:hidden
}

.imagen-listado-ficha{
	float: left;
	width: 100%;
	height:300px;
	background-size: cover;
	background-position: top center;
	margin-bottom:0px;
	opacity:1;
	moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;

}


.item_listado:hover .imagen-listado-ficha{
	height:0;
}
.item_listado .intro{
	display:none;
	padding:20px;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	margin-bottom:20px;
}
.item_listado:hover .intro{
	display:block
}
.item_listado:hover .hover-listado-ficha{
	opacity:1
}


.hover-listado-ficha .hover_cont{
	margin-top:50px;
	color:#fff
}
.contenido_listado_ficha{
	width: 100%;
	height: auto;
	moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
	float: left;
}
.producto-home, .resource-home{
margin-bottom:30px
}
.producto-home{
	margin-top:30px
}

.item_listado:hover .contenido_listado_ficha{
	height:100%
}
.contenido_listado_ficha h2{
	padding:30px 0 10px 0;
	margin:0;
	font-size:20px;
	text-decoration: none;
    min-height: 90px;
    line-height: 24px;
}
.item_listado{
	text-align: center
}
.contenido_listado_ficha a{
}
.contenido_listado_ficha a:hover h3{
}
.item_listado:hover .contenido_listado_ficha h2{
	/*background-image: url(images/close.jpg);*/
}
.btn-link{
	color:#8d0300;
	text-transform: uppercase;
	font-size:15px;
	padding: 0 20px 20px 20px;
	font-weight:400
}
.btn-link:hover{
	color:#8d0300;

}

.contenido_listado_ficha .btn-link{
	padding:0;
	margin-top:10px;
	display:inline-block
}
.descripcion-item{
	text-align: center;

}

.titulo-bloque{
text-align: center;
	margin-bottom:60px;
	margin-top:0;
	font-size:30px;
	color:#000;
}
.bloque-home{
	padding:100px 0
}

.bloque-home .container{
	padding:0 45px
}

body.home .navbar-inverse.navbar{
	margin-bottom:0
}

.bloque2{
	/*background-color:#449191;*/
	background-position:center;
	background-repeat:no-repeat;
	/*min-height:600px;*/
	position: absolute;
	width: 100%;
	height: 15em;
	top: calc(50% - 9em);

}
.bloque2 .container{
	width: 100%;
}

.ubloque2{
	margin-left: 0;
}
.bloque-home.bloque1{
		padding:100px 0px 20px 0px;
}
.bloque1-2{
	padding: 30px 0 70px 0;
}
.bloque1-2 .titulo-bloque{
	margin-bottom: 50px;
}
.bloque1-2 img{
	height: 70px;
	width: auto;
}
.bloque1-2 a{
	cursor: pointer;
}

.possibility_home{
	text-align: center;
	max-width: 350px;
	margin: auto;
	margin-bottom: 70px;
}
.possibility_home p{
	max-width: 180px;
	margin: auto;
	margin-bottom: 1.5em;
}
.servicio_home, .servicio_home_btn{
	color:#fff;
	text-align: center;
	position: absolute;
	width: 90%;
	max-width: 1200px;
	min-width: 250px;
	margin-top: calc(50% - 12em);
	margin:auto;
	right: 0;
	left: -100%;
	bottom: 0;
	top: 0;
	font-size:1.5em;
	opacity: 0;

}
.servicio_home_btn{
	left: 0;
	opacity: 1;
}
.servicio_home_h2{
	margin-bottom: 0px;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: 1.8em;
	position: absolute;
}
.bloque2 .titulo-bloque{
	color:#fff;
	font-size: 2.4em;

}
.servicio_home h3{
	font-size:2.4em; /*20*/
	margin-top: 1em;
}
.servicio_home h3 img{
	position: absolute;
	width: 2.8em;
	text-align: center;
	top: -2em;
	margin: auto;
	left: 0;
	right: 0;
	opacity: 0.3;

}
.servicio_home p{
	max-width: 500px;
	margin: auto;
	font-size: 1em;
	width: 65%;
	margin-top: 1em;
	left: 0;
	right: 0;
	position: absolute;
	/*text-align: left;*/
}
.btn-transparente:not(.btn-link):not(.btn-flat){
	color:#fff;
	border:solid 1px #fff;
}
.btn-azul:not(.btn-link):not(.btn-flat), .btn-azul:not(.btn-link):not(.btn-flat):hover{
	color:#fff;
	background-color:#8d0300;
}

.btn-bloque2, .btn-bloque3{
	text-align: center;
	top: 100%;
	bottom: -150%;
	height: 4em;
}
.bloque_news{
	background-color:#012841;
	padding: 150px 0px;
}
.bloque_news .descripcion-item, .bloque_news .blog-item{
	text-align: left;
	border-right: 3px solid rgba(141, 3, 0, 1);
}
.lastest-post .description-item .blog-item{
	margin-bottom: 30px;
	cursor: pointer;
}
.bloque_news .entry-container{
	margin-top: 1em;
}
.bloque_news header{
	background-color: white;
	color: white;
}
.bloque_news .posted-on, .bloque_news .titulo-bloque{
	color: white;
}
.bloque_news .card.blog-item{
	height: 315px;
	min-height: 320px;

}
.bloque_news .card.blog-item .entry-title{
	font-size: 25px;
	line-height: 29px;
}
.bloque_news .card.blog-item .entry-content{
	font-size: 16px;
}
.bloque_news .card.blog-item .lmas{
	margin: 0px;
}
.bloque_news .entry-meta .fn{
	display: none;
}
.bloque_news .card, .bloque_news .entry-img, .bloque_news .card.blog-item .entry-title, .entry-header.listado-blog{
	background-color: rgba(255, 255, 255, 0) !important;
	color: white;
}
.bloque_news .entry-content, .bloque_news .entry-date{
	color: rgba(255, 255, 255, 0.7);
}
.bloque3{
	background-color:#fff;
	padding: 150px 0;
}
.bloque3 .titulo-bloque{
	margin-bottom: 70px;
}


.logo-cliente{
	text-align: center;
	min-height:90px;
}

.bloque4{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	text-align: center;
	min-height: 513px;
	color: #fff;
	padding: 195px 0;
	font-size: 22px;
	transition: background-size 1s ease-in;
}
.bloque4 .text p{
	max-width: 700px;
	font-size: 26px;
	margin: auto;
	margin-top:20px;

}


.imagen-resources{
	height:200px;
	overflow:hidden;
	text-align: center;
}
.imagen-resources img{
	width:100%;
}
.contenido_resource h3{
	font-size:30px;
	padding:20px;
	color:#000;
	margin:0;
}
.contenido_resource {
	border-top:solid 1px #d4d4d4
}
.contenido_resource .btn-link.granate {
	float: none;
	clear: both;
	display: inline-block;
}
.bloque5 .row{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bloque5 .contact-home{
	max-width: 500px;
	padding:30px;
}


/*@keyframes slidein{
	form{
		left: -100%;
		width:200%;
		opacity: 0;
	}
	to{
		left: 0;
		width: 90%;
		opacity: 1;
	}
}*/

@media (max-width: 632px) {
	/* .btn-bloque2{
		bottom:-25vh;
	} */
	.servicio_home h3{
		font-size: 1.4em;
		margin-top: 2em;
	}
	.servicio_home p{
		font-size: 0.9em;
	}
}
@media (max-width: 550px) {
	.video-wrapper-home{
		height: calc(100vh - 72px) !important;
	}
	.bloque2 .titulo-bloque{
		font-size: 1.4em;
	}
	.servicio_home h3 img{
		top: -2.5em;
	}
	.servicio_home p{
		width: 80%;
	}
	.video-home{
		transform: translate(-26%, -7%);
		width: auto;
	}
	/* .btn-bloque2{
		bottom:-55vh;
	} */
}
@media (max-width: 350px) {
		.servicio_home{
			font-size: 19px;
		}
}
@media (min-width: 1024px) {

	.servicio_home{
		font-size: 2em;
	}
	.bloque2 .titulo-bloque{
		font-size: 2.7em;
		font-weight: 400;
	}
	.servicio_home h3 {
		font-size: 2em;
		margin-top: 2em;
	}
	.servicio_home p{
		font-size: 1em;
		margin-top: 1em;
	}
	.servicio_home h3 img {
		width: 3.5em;
		top:-2.2em;
	}
	.btn-bloque2{
		bottom: -200%;
	}
}
/*--------------------------------------------------------------
13.3. PRODUCT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
CARD MAIN PRODUCTS
--------------------------------------------------------------*/
.page-template-template-products .descripcion-item .card, .bloque-home .descripcion-item .card{
	padding: 0px;
	margin-bottom: 20px;
	height: 60vh;
	min-height: 300px;
}
.page-template-template-products .descripcion-item, .bloque-home .description-item{
	margin-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}
.page-template-template-products .container, .bloque-home .descripcion .container{
	width:98%;
	/* max-width: 1350px; */
}
.page-template-template-products .descripcion-item .card .foto-producto, .bloque-home .descripcion-item .card .foto-producto {
	margin-top: 4vh;
}
.page-template-template-products .descripcion-item .card .foto-producto img, .bloque-home .descripcion-item .card .foto-producto img{
	width: 100%;
	max-width: 390px;
}
.page-template-template-products .descripcion-item .card .contenido_listado_ficha, .bloque-home .descripcion-item .card .contenido_listado_ficha{
	position:absolute;
	left: 0;
	right: 0;
	bottom:0;
	padding:6px;
	margin-bottom: 30px;
}
.page-template-template-products .descripcion-item .card .contenido_listado_ficha h2, .bloque-home .descripcion-item .card .contenido_listado_ficha h2{
	font-weight: 400;
}
.page-template-template-products .descripcion-item p, .descripcion-item .intro, .bloque-home .descripcion-item p, .descripcion-item .intro{
	max-width: 280px;
	margin:auto;
}
/*----*/

.product-template-default #content .container-fluid{
	max-width: none;
	padding: 0;
	overflow: hidden;
}
.product-template-default #content .interior .entry-header .container-fluid {
	padding-left: 45px;
	padding-right: 45px;
}
.bloque-product{
	padding: 100px 30px;

}
.product-text-container{
	max-width: 1150px;
	margin: auto;
}
.bloque-product .titulo-bloque{
	text-align: center;
  margin-bottom: 75px;
  margin-top: 0;
  font-size: 35px;
	color:#000;
}
.titulo-bloque.titulo-white{
	color: rgba(255, 255, 255, 0.8);
	padding: 0px;
	padding-bottom: 0px;
}
.bloque-product.bloque5 .button-bg-colour, .bloque-product.bloque3-product .button-bg-colour  {
	padding: 12px 70px;
	background-color: rgba(255, 255, 255, 0.9) ;
	color: #092524;
	font-weight: 600;

	margin:auto;
	left: 0;
	right:0;
	font-size: 1.1em;
	max-width: 250px;
	transition: all 0.5s ease-in;
}

.bloque-product.bloque5 .button-bg-colour:hover, .bloque-product.bloque3-product .button-bg-colour:hover, .bloque-product .btn:hover:not(.btn-link):not(.btn-flat):not(.btn-fab) {
	color: white;
	box-shadow: 0 4px 6px 2px rgba(0,0,0,.32), 0 1px 6px 0 rgba(0,0,0,.12);
}


.bloque-product.bloque0-product{
	padding-bottom: 0px;
}
.bloque-product.bloque0-product .product-text-container{
	max-width: 98%;
	padding-left: 45px;
	padding-right: 45px;
}
.bloque-product.bloque3-product .product-text-container{
	max-width: 1600px;
}
.bloque-product.bloque0-product .logo-product{
	position: absolute;
	top: 30px;
	max-width: 400px;
	margin: auto;
	right: 0;
	left: 0;
}

.bloque-product.bloque0-product .bloque-img-text{
	margin: auto;
	margin-top:70px;
	border-top: 2px solid rgb(36, 108, 108);
	border-bottom: 2px solid rgb(175, 29, 29);
	z-index: -1;
	max-width: 1900px;

}
.bloque-product.bloque0-product .bloque-img-text .product-description{
  font-size: 1.5em;
  font-weight: 400;
  line-height: 35px;
  margin-top: 125px;
  color: #737373;
  padding: 0px;
  max-width: 450px;
}
.bloque-product.bloque0-product .bloque-img-text .product-description p{
	margin-bottom: 0px;
}
.bloque-product.bloque0-product .bloque-img-text .imagen-100{
	text-align: center;
	top:50px;
	padding-bottom: 90px;
}
.bloque-product.bloque0-product .bloque-img-text .imagen-50 img{
	text-align: center;
	width: 85%;
	height: auto;
	margin-top: 20px;
	top: 50px;

}
.bloque-product.bloque0-product .bloque-img-text .logo-product {
	position: relative;
	top: -81px;
	z-index: 20;
}

.bloque-product.bloque1, .bloque-product.bloque3{
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.2), 0 -2px 5px rgba(0,0,0,.13);
}
.bloque-product .possibility_content{
	max-width: 1100px;
	margin:auto;
	margin-top: 60px;
}
.bloque-product.bloque1 h2{
	font-weight: 400;
	color: #af1d1d;
}
.characteristic_product{
	text-align: center;
	padding-bottom: 30px;
}

.bloque-product.bloque2{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px;
}
.bloque-product.bloque2-product .video{
	position: relative;
	height: 0;
	padding-bottom: 56.25%;

	}
.bloque-product.bloque2-product iframe{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
}


.bloque-product.bloque3-product {
	background-color: #009d96;
}
.bloque-product.bloque3-product .demo-titulo {
	color: white;
	text-align: left;
	font-size: 2.3em;
  line-height: 1.3em;
	padding: 0;
	margin-bottom: 0px;
}
.bloque3-product{
	padding-bottom: 50px;
}
.bloque3-product .product-text-container .titulo-white{
	padding-bottom: 0;
}
.bloque3-product .product-text-demo{
	margin-bottom: 40px;
}
.bloque-product.bloque3-product .product-text-container .demo-text.col-sm-12{
	text-align: center;
}
.bloque3-product .image-demo{
	margin-bottom: 40px;
}
.bloque3-product .demo-text p{
	color: white;
	padding-left: 40px;
	padding-right:40px;
	padding-top:0;
	margin-top: 20px;
	text-align: left;
	margin-bottom: 0em;
}
.bloque3-product .image-demo video {
	box-shadow: 0 4px 5px rgba(0,0,0,.5), 0 -2px 5px rgba(0,0,0,.13);
	transition: all 0.5s ease-in;
	cursor: pointer;
	width: 100%;
	height: auto;
	z-index: -1;
}
.bloque3-product .image-demo img{
		width: 100%;
		transform: scale(1, 1);
		transition: all 0.5s ease-in;
		cursor: pointer;
}
.bloque3-product .image-demo img:hover{
		transform: scale(1.2, 1.2);
}
.bloque3-product .image-demo video:hover{
	box-shadow: 0 4px 16px rgba(0,0,0,.5), 3px 8px 15px rgba(0,0,0,.63);
}
.bloque-product.bloque3-product{
	position: relative;
}



.bloque-product.bloque4-product .highlight-content {
	font-size: 1.6em;
  line-height: 1.5em;
	padding-bottom:20px;
	font-weight: 600;
	margin-left: 10%;
}
.bloque-product.bloque4-product .product-text{
	padding-left: 15px;
	font-size: 1.3em;
  line-height: 1.9em;
	 Border-left: 1px solid rgb(0, 157, 150, 0.5);
}
.bloque-product.bloque4-product .product-text ul li{
	list-style-type: square;
}
.bloque-product.bloque5 {
	background-color: #8d0300;
}

.bloque5 .entry-content .datasheet, .bloque5 .entry-content .contact{
	text-align: center;
	color: rgba(255, 255, 255, 1);
}
.bloque5 .entry-content .datasheet p, .bloque5 .entry-content .contact p{
	font-size: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
.bloque5 .entry-content .contact{
	margin-bottom: 20px;
}
.bloque-product.bloque5 .button-bg-colour{
	color: #8d0300;
}
}

/*--------------------------------------------------------------
13.4 MEET THE TEAM
--------------------------------------------------------------*/
.visible_mobile{
	color: #8d0300;
	font-weight: 400;
	font-size: 0.8em;
	padding-top: 20px;
	margin-bottom: -20px;
	display: none;
}
.miembro-item{
	margin-bottom:20px;
	margin-top: 20px;
}
.miembro-item .card{
	transition: all 0.5s ease-in;
	position: relative;
	margin-bottom:50px;
	cursor: pointer;
}

.miembro-item .card img{
	width:100%;

}
.part1{
	overflow: hidden;
}

.part2{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	padding: 15px;
	text-align: center;
	background-color: rgba(13, 45, 62, 0.95);
	transition: all 0.6s ease-in;
	opacity: 0;
}
.part2:hover{
	opacity: 1;
}
.date-team{
	position: absolute;
	top:-1.5em;
	left: 0;
	font-weight: 600;
	font-size: 1.5em;
	color: #8d0300;
	width: 110%;
	display: inline-flex;

}
.date-team p{
	padding-right: 10px;
}
.date-team .container-line{
	width:80%;
	margin-top: 20px;

}
.date-team .container-line .line{
	background-color: #8d0300;
	height: 1px;
	width: 100%;
	margin-top: 0px;

}
.miembro-item .card .contenido-miembro{
	text-align: left;
	font-size:16px;
	font-weight:300;
	position: absolute;
	color: #616161;
}
.miembro-item .card .nombre{
font-size:27px;
	font-weight:200;
}
.miembro-item .botones {
	min-height:55px;
	margin-top: 55%;

}
.miembro-item .botones a{
	background-color: #173346;
	color: #fff;
	padding: 6px 5px;
	display: inline-block;
	height: 65px;
	border-radius: 50%;
	width: 65px;
	text-align: center;
	font-size: 36px;
	margin:15px 9px 0 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.2), 0px 1px 0px rgba(0,0,0,.8);
	transition: all 0.5s ease-in;

}
.miembro-item .botones p{
	color: #fff;
	text-align: center;
	font-size: 7em;
	margin:0px 9px 0 3px;
	transform: rotate(90deg);
}

.miembro-item .botones a:hover {
background-color:#861b1a;
}
.miembro-item .botones a:hover i{

}
.flecha-team{
	margin-bottom:20px;
	margin-top: 40px;
}

/*--------------------------------------------------------------
13.5. Blog
--------------------------------------------------------------*/
#masthead button.navbar-toggle{
	display:none!important;
}

body.blog #main, body.category #main,body.single-post #main{
	padding: 35px 0px;
}
body .navbar-inverse.navbar.navbar-categorias{
	background-color:#8d0300;
	color:white;
}
.navbar.navbar-categorias .navbar-nav>li>a{
	color:white;
	font-weight: 600;
	border-bottom: solid 4px transparent;
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar.navbar-categorias .navbar-nav>li>a:hover{
	color: white;
	border-bottom: solid 4px white;
}
.navbar.navbar-categorias .navbar-nav>li.active>a, .navbar.navbar-categorias .navbar-nav>li.active>a:hover{
	border-bottom: solid 4px white;
	background:none;
	color:white;
}
#menu-categorias{
	float: none;
    text-align: center;
}
#menu-categorias li{
	display: inline-block;
	float:none;
	margin: 0 20px;
}
.card.blog-item{
	padding:0px;
	min-height:450px;
}
.card.doc-item{
	padding:0px;
	min-height:260px;
}
.card.blog-item .entry-img, .card.doc-item .entry-img{
	height:145px;
	overflow:hidden;
}
/*.card.blog-item .entry-img img{
	min-height: 100%;
}*/
.card.blog-item .backcolor, .card.doc-item .backcolor{
	height:100%;
}
.card.blog-item .entry-container{
	padding: 0px 20px;
}
.card.blog-item .entry-title, .card.blog-item .entry-title a{
	font-size: 18px;
    font-weight: 400;
    color: #8d0300
}
.card.blog-item .entry-content{
	margin-bottom: 60px;
	font-weight: 400;
    font-size: 15px;
}
.card.blog-item .entry-footer{
	position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
}
.card.blog-item .lmas{
	float: left;
    margin: 15px 0px;
}
.card.blog-item .posted-on{
	font-size: 14px;
    color: #173346;
    font-weight: 400;
    margin-bottom: 5px;
}
.card.blog-item .entry-header.listado-blog{
	padding:15px 0px;
}
header .byline, header .cat-links{
	display:none;
}
a.lmas{
	text-transform: uppercase;
    color: #8d0300;
    font-weight: 400;
    font-size: 14px;
}
.card.blog-item{
	-webkit-transition:box-shadow 0.3s;
	transition:box-shadow 0.3s;
}
.card.blog-item:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.2),0 6px 10px rgba(0,0,0,.13);
}
.navbar-categorias.navbar .navbar-toggle{
	color:white;
}
.item-single .entry-container{
	padding:0px 20px;
}
.entry-container .content{
	padding:20px 0px;
}
body.single-post{
	background-color: white;
}
body.single-post .container{
	 max-width: 800px;
}
.single-post article .card, .single-post article .card:hover{
	box-shadow:0 0px 0px rgba(0,0,0,0), 0 0px 0px rgba(0,0,0,0);
}
.single-post .byline{
	/* display:non; */
}
.single-post .posted-on{
	color: #173346;
}
.single-post article .entry-header .entry-title{
	font-weight: 400;
	color: black;
	margin-bottom:15px;
	margin-bottom:15px;
	font-size: 2.3em;
  line-height: 1.3;
}
.single-post article .entry-container p{
	margin-bottom: 30px;
	text-align: justify;
}
.single-post article .entry-container h2{
	font-size: 2.4em;
  font-weight: 200;
  line-height: 1.3em;
  margin-top: 20px;
  margin-bottom: 20px;
}
.single-post article .entry-container .entry-content h3, .single-post article .entry-container .entry-content h4, .single-post article .entry-container .entry-content h5{
	  font-weight: 200;
		color: #8d0300;
}
.single-post article .entry-container img{
	margin: 15px 0;
}


.single-post .cat-links{display:inline-block;}
.single-prev-next{text-align: right;}

@media (min-width:520px){
	.single-post article .entry-header .entry-title{
		font-size:4.1em;
		font-weight: 200;
	}
}
/*************/
/* 13.6. Use cases */
/*************/

/* Use case images to 100% */
.use-case.cuerpo-100 img{
	width: 100%;
}
.page-template-template-usecases .card{
	padding:20px 20px 5px 20px;
	min-height: 560px;
}
#video-overlay{
	background-color: rgba(23, 51, 70, 0.3);
	position: fixed;
	float: left;
	clear: both;
	width: 100%;
	height: calc(100% - 71px);
	display: inline-block;
	z-index: 40;
	display: none;
}
.video-popup{
	background: #173346;
	max-width: 700px;
	max-height: 400px;
	position: fixed;
	margin: auto;
	left: 0;
	bottom: 60px;
	right: 0;
	top: 0;
	z-index: 50;
	display: none;
	box-shadow: 0 2px 7px rgba(0,0,0,.5),0 2px 5px rgba(0,0,0,.13);
}
.video-popup iframe{
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/* Close Button */
.popup-close {
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    font-size:20px;
    text-align:center;
    color:#fff;
		font-weight: 600;
		-webkit-transform:translate(-46%, -32%);
    transform:translate(-46%, -32%);
}

.popup-close:hover, .popup-close:focus, .popup-close:active {
		-webkit-transform:translate(-46%, 2%) rotate(180deg);
		transform:translate(-46%, 2%) rotate(180deg);
    text-decoration:none;
		color: white;
}
.button-video-usecase{
	margin-top: 15px;
}

@media(min-width: 768px){
	/* Vertical padding for cards*/
	.page-template-template-usecases .descripcion-item{
		padding: 15px;
	}
	.page-template-template-usecases article{
		margin: 15px 0;
	}
}
.page-template-template-usecases .intro{
	height: 5.5em;
}

.previous-use-case:hover, .next-use-case:hover{
	opacity: 1;
	text-decoration: none;

}

.previous-use-case:focus, .next-use-case:focus{
	text-decoration: none;
}

.previous-use-case, .next-use-case{
	font-size: 4.5em;
	color: black;
	width: 1.7em;
	height: 100%;
	line-height: 1.25em;
	position: fixed;
	opacity: 0.7;
}

.previous-use-case{
	left: -1em;
	padding-left: 1.08em;
	z-index: 1;
	cursor: w-resize;
}
.next-use-case{
	right: -1em;
	text-align: right;
	padding-right: 1.08em;
	z-index: 1;
	cursor: e-resize;
}
.button-request{
	float: right;
}

@media(min-width: 768px){
	.previous-use-case, .next-use-case{
		font-size: 6em;
	}

}

@media(min-width: 1400px){
	.previous-use-case, .next-use-case{
		font-size: 8em;
	}
}
@media(max-width: 450px){
	.button-request{
		white-space: normal;
	}
}

/*--------------------------------------------------------------
13.7. CAREERS
--------------------------------------------------------------*/
.bloque-careers {
	padding: 100px 0px 30px 0 ;
	background-color: white;
}
.text-careers{
	font-size: 1.3em;
	line-height: 1.9em;
	 max-width: 800px;
	 padding: 0px 15px;
}
.container-text{
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 align-items: center;
	 align-content: center;
	 text-align: center;
}
.bloque-careers .title-line {
	display: flex;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.bloque-careers .title-red{
	color: #8A261A;
	margin-right: 10px;
	margin-top: 10px;
	width:302px;
}
.bloque-careers .title-blue{
	color: #173346;
	margin-right: 10px;
	margin-top: 10px;
	width:302px;
}
.bloque-careers .title-line .line {
	border-bottom: 3px solid #8A261A;
	height: 10px;
	width: 100%;
}
.bloque-careers .container-items{
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	margin-bottom: 50px;
}
.bloque-careers .item-careers {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	max-width: 210px;
	text-align: center;
	margin: 20px 25px 0 25px;
}

.bloque-careers .item-careers h3{
	color: #88261A;
	font-weight: 400;
}
.bloque-careers .circle-shadow {
	padding: 40px;
	box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}
.bloque-careers .circle-shadow img {
	width: 95px;
}
.block-line{
	width: 120px;
	border-bottom: 4px solid #173346;
	margin: 80px 0 20px 0;
}
.bloque-careers .wrapper-cards ul {


	margin-top: 40px;
	margin-right: 20px;
	padding-inline-start: 20px;
}
.bloque-careers .wrapper-cards .card {
	max-width: 385px;
	min-width: 290px;
	padding: 12px;
	width: 100%;
	margin-bottom: 15px;
	margin-right: 15px;
}

.bloque-careers .card a, .bloque-careers.card a:hover{
	text-decoration:none;
	color: #3C3C3C;
}
.careers-card-department{
	font-size: 0.9em;
	font-weight: 600;
	color: #8A261A;
	width: calc(100% - 110px);
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 10px;
	float: left;

}
.careers-card-date{
	text-align: right;
	width: 100px;
	font-size: 0.9em;
	margin-bottom: 0px;
	margin-top: 0px;
	float: right;
}
.careers-card-title{
	color:#173346;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.2em;
}
.careers-card-location{
	font-size: 1em;
	margin-bottom: 0px;
}

.bloque1c{
	background-image: url("https://www.quobis.com/wp-content/uploads/2019/04/Quobis_foto-8-reducida.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #173346;
	height: 80vh;
	width: 100%;
	padding: 0px;

}
.bloque1c .wrapper-content{
	display: flex;
	justify-content: flex-end;
	margin: 0 ;
  height: 100%;
}
.bloque1c .content{
	background-color: rgba(23, 51, 70, 0.95);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;

}
.bloque1c .content .bloque1c-item{
  margin-bottom: 20px;
}
.bloque1c .wrapper-content .content h2{
	margin-bottom: 40px;
	font-size: 2.8em;
	color: #fff;
	font-weight: 400;

}
.bloque1c .wrapper-content .content a{
	font-size: 1.2em;
	min-width: 250px;
}

.bloque2c {
	padding: 100px 0 0 0;
}
.bloque2c .container-text .text-careers{
 	text-align: center;
}



.bloque3c {
	padding: 0 0 100px 0;
}
.bloque3c-container{
	display: flex;
	align-items: center;
	flex-direction: column;

}
.band-image{
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 80px;
	width:100%;
}
.bloque3c .itemband-blue {
	/* background-color: #173346; */
	height: 27vh;
	border: 3px solid rgba(23, 51, 70, 0.75);
	width:100%;
}

.bloque3c .band-image .image-circle {
	position: relative;
	width: 60%;
	overflow: hidden;
	border-radius: 50%;
	margin-top: -22vh;
}
.bloque3c .band-image .image-circle::after{
	content: "";
  display: block;
  padding-bottom: 100%;
}
.bloque3c .band-image .image-circle video{
	position: absolute;
	background-color: black;
	top: 0;
	left: -17%;
	width: 134%;
	height: auto;


}
.bloque3c .container-text .titulo-bloque{
	margin-bottom: 40px;
}
.bloque3c .container-text{
	margin-bottom: 30px;
	padding: 0 15px;
}

.bloque4c{
	padding: 20px 0 40px 0;
}
.bloque4c .container{
	border: 2px solid rgba(23, 51, 70, 0.75);
	padding-top: 20px;
	padding-bottom: 50px;

}
.bloque4c h4{
	font-size: 2.3em;
	color: #173346;
	margin: -85px 20vw 0px 8vw;
	line-height: 2em;
}


.bloque5c .positions{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: flex-start;
	align-content: stretch;
}


.position-form{
width: 100%;
 min-width: 320px;
 margin-left: 30px;
 margin-right: 30px;

}
.position-form .description-form{
	text-align: center;
}
.position-form .description-form h3{
	color: #8A261A;
	margin-top: 0px;
	margin-bottom: 20px;
}

.bloque6c{
	padding: 0px;
	text-align: center;
}
.bloque7c .container{
	display: flex;
	align-items: center;
	flex-direction: column;
}
.bloque7c .title-line{
	width: 100%;
}
.bloque7c .text-careers p {
	margin-block-end: 0.5em;
}
.container-characteristics{
	margin-top: 60px;
}
.bloque8c {
	padding-top: 20px;
}
.bloque8c .cointainer-departments .title-blue {
	width: 200px;
	font-weight: 400;
}
.bloque8c .container .cointainer-departments{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
}
.bloque8c .container-departments  .title-red{
	max-width: 320px;
}
.bloque8c .cointainer-departments h2{
	flex-grow: 1;
}
.bloque8c .wrapper-cards{
	flex-grow: 5;
}
.bloque8c .wrapper-cards ul{
	/* display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-around; */
	margin-top: 10px;

	width: 100%;
}
.bloque8c .wrapper-cards .card{
	max-width: 310px;

}
.bloque8c .card .careers-card-location {
	margin-bottom: 0px;
}
.bloque8c .new-idea .wrapper-cards ul {
	justify-content: center;
}
.bloque8c .new-idea .wrapper-cards ul .card {
	background-color:#173346;
}
.bloque8c .new-idea .title-red{
	max-width: 150px;
}

.bloque8c .new-idea .wrapper-cards ul .card a{
	color: white;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.bloque8c .new-idea .wrapper-cards ul .card a h3{
	margin-top: 0px;
	width: 100%;
	font-size: 1.2em;
}
.bloque8c .new-idea .wrapper-cards ul .card a img{
	width: 45px;
	height: 45px;
}
.bloque8c .internship-form{
	margin:auto;
	margin-top:80px;
	margin-bottom:0px;
	border:1px solid #8d0300;
	padding:20px 4vw;
	box-shadow:2px 7px 7px rgba(141, 3, 0, 0.3);
}
.bloque8c .container-form form{
	display:flex;
	flex-direction: column;
	align-items: center;

}
.bloque8c .container-line{
	display: flex;
	align-items: center;
	flex-direction: column;
}

.bloque8c .internship-form .form-b1 .text-careers{
	padding-left: 0px;
}

.bloque8c .internship-form .form-sub{
	min-width: 250px;
	max-width: 460px;
	margin-right: 25px;
	flex-grow: 1;
	margin-bottom: 30px;
}

.internship-form .form-b1 .form-sub .title-form{
	width: 100%
}
.internship-form form .form-b2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}
.internship-form .form-b3{
	max-width: 450px;
	padding:0px 15px;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.bloque9c .fullwidth{
	height: calc(100% - 50px);
}
.bloque9c .text-block9{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 40px;
}
.bloque9c .text-block9 .text-careers{
	max-width: 450px;
}
.bloque9c .text-block9 img{
	height: auto;
	margin-left: 20px;

}
.bloque10c {
	padding-bottom: 100px;

}
.bloque10c .sloganb10{
display: flex;
flex-direction: column;
align-items: center;
}
.bloque10c .sloganb10 h2{
	line-height: 1.8em;
	text-align: center;
	max-width: 800px;
}
.page-template-template-careers .site-footer{
	margin-top: auto;
}
@media(min-width: 1230px){
	.bloque4c h4 {
	    margin: -85px 15vw 0px 8vw;
	}
	.bloque3c .band-image .image-circle {
		width: 40%;
	}
}
@media(max-width: 1185px){
	.internship-form .form-b1 .form-sub1, .internship-form .form-b1 .form-sub2{
		max-width: 380px;
	}
}
@media(max-width: 960px){

	.bloque-careers.bloque1c .wrapper-content{
		flex-direction: column;

	}
	.bloque-careers.bloque1c .wrapper-content .content{
		padding-top: 70px;
		padding-bottom: 50px;
	}
	.bloque4c h4{
		font-size: 1.9em;
		color: #173346;
		margin: -73px 18vw 0px 8vw;
		line-height: 1.8em;
	}
	.bloque5c .positions{
		flex-direction: column;
		align-items:center;
		justify-content: center;
	}
	.position-form{
		margin-left: 0px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.bloque5c .wrapper-cards ul{
		padding-left: 0px;
		margin-top: 20px;
		align-content: center;
	}

}
@media(max-width: 750px){
	.bloque3c .band-image .image-circle {
		width: 	80%;
	}

}

@media(max-width: 450px){
	.bloque-careers.bloque1c .wrapper-content{
		align-items:flex-end;

	}

	.bloque-careers.bloque1c .content{
		background-color: rgba(23, 51, 70, 0.9);
		width: 100%;
		padding-top: 40px;

	}
 .bloque-careers .position-form{
	 margin-right: 0px;
	 padding-right: 0px;
 }

	.bloque-careers.bloque1c .wrapper-content .content h2{
		margin-bottom: 20px;
		font-size: 2.2em;

	}
	.bloque-careers.bloque1c .wrapper-content .content a{
		font-size: 0.9em;
		min-width: 150px;

	}
	.bloque3c .itemband-blue {
		height: 17vh;

	}
	.bloque3c .band-image .image-circle {
		margin-top: -14vh;
		width: 95%;
	}

	.bloque4c{
		padding: 40px 0px;

	}
	.bloque4c .container{
		margin-left: 15px;
		margin-right: 15px;
	}
	.bloque4c h4{
		font-size: 1.6em;
		margin: -64px 4vw 0px 4vw;
		line-height: 1.8em;

	}
	.bloque8c .new-idea .title-red{
		max-width: 400px;
	}
	.bloque8c .internship-form .form-sub{
		margin-left: 10px;
	}


}
/*--------------------------------------------------------------
13.8. Landing
--------------------------------------------------------------*/
.landing-page{
	margin:0;
	padding:0;
	background-color: white;

}
.page-template-template-landing .entry-header, .page-template-template-landingproduct .entry-header{
	display: none;
}
.banner{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(121, 33, 33, 0.6);
	color: white;
	padding: 10px 20px 30px 20px;

}
.banner .wrapper-content{
	display: flex;
	flex-direction: column;
	align-items: center;

}
.banner .wrapper-content .banner-text{
	text-align: center;
	max-width: 1000px;

}
.banner .wrapper-content .banner-text h2{
	padding: 10px;
	font-size: 2.6em;
	font-weight: 300;
}
.banner .wrapper-content .banner-text .btn{
	font-size: 1.2em;
	min-width: 250px;
}
.banner .logo-banner{
	margin-top:30px;
	padding-left: 10%;
	position: absolute;

}
.bloque-landing{
	padding: 100px 0px 30px 0 ;
}
.bloque-landing .container{
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0 25px;
}
.bloque-landing .content{
		max-width: 900px;
}
.bloque3l .content, .bloque5l .content{
	max-width:1100px;
}
.text-landing{
	text-align: justify;

}
.bloque-landing .columns-2{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
}
.bloque1l{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	background-color: #173346;
	height: 70vh;
	width: 100%;
	padding: 0px;

}
.bloque1l-item{
	color:white;
	font-size: 3em;
}

.bloque1l .wrapper-content{
	display: flex;
	justify-content: flex-end;
	margin: 0 ;
  height: 100%;
}
.bloque1l .content{
	background-color: rgba(23, 51, 70, 0.95);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.bloque1l .content .bloque1l-item{
  margin-bottom: 20px;
}
.bloque2l .line {
	border-bottom: 3px solid #173246;
	height: 10px;
	width: 300px;
	margin-bottom: 44px;
}
.bloque2l h1{
	font-size: 4em;
	color: #173246;
	font-weight: 700;
	line-height: 1.3em;
}
.bloque2l .btn-block{
	margin: 40px 0px;
	text-align: center;
}
.bloque2l .btn-block .btn{
	color:  #173246;

	border: 2px solid #173246;
	font-size: 1.2em;
	min-width: 250px;

}
.bloque3l .container .content-block {
	margin-top: 30px;
	margin-bottom: 60px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;

}
.bloque3l .container .content-block p{
	text-align: justify;
}
.bloque3l .container .content-right{
	flex-direction: row;
}

.bloque3l .container .content-left{
	flex-direction: row-reverse;
}
.bloque3l .content-left .description-left, .bloque3l .content-right .description-right{
	padding: 30px 30px 0 30px;
	width:50%;
	min-width: 300px;
	display: flex;
	flex-direction: column;
	flex-wrap:nowrap;
	align-items: flex-start;
}
.bloque3l .img-block{
	width:50%;
}
.bloque3l .img-left, .bloque3l .img-right{
	width:100%;
	height: 600px;
	background-size: cover;
	background-position: center;
	margin-top: 20px;
}
.bloque3l .content-block .line{
	border-top: 3px solid #88261A;
}

.bloque3l .img-right{
	/* background-position: right center; */

}


.bloque3l .content-block .description-left figure,  .bloque3l .content-block .description-right figure {
	width: 175px;
	height: 175px;
}
.bloque3l .content h2{
	color: #173246;
	font-size: 2.5em;
	line-height: 1.3em;
	font-weight: 400;
}

.bloque4l .content{
	text-align: center;
}
.bloque4l-form{
 margin-left: 30px;
 margin-right: 30px;

}
.bloque4l-form .text-form{
	text-align: center;
}
.bloque4l-form h3{
	color: #173246;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 20px;
}
.form-download{
	text-align: left;
	max-width: 600px;
 	min-width: 320px;
 	padding: 30px;
}
.form-download p{
	margin-bottom: 20px;
	margin-top: 20px;
}
.bloque5l .container{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bloque5l-header {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	flex-wrap:nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.bloque5l-header .header-logo {
	width: 180px;
	height: auto;
	flex-grow: 1;
	margin-right: 30px;
}
.bloque5l-header .header-line{
	margin-top: 30px;
	height: 2px;
	width: 100%;
	margin-right: 50%;
	border-top: 3px solid #00AAA6;
}
.bloque-item.text-landing{
	max-width: 900px;
	margin-left: 40px;
}
.bloque5l .container-characteristics{
	margin: 60px 8px;
	}
.bloque5l .characteristic-item{
	max-width: 175px;
}
.bloque5l .characteristic-item h3{
	color:#00AAA6;
}
.bloque5l .characteristic-item .circle-shadow{
	padding: 20px;
}
.contact-banner{
	background-color:  #00AAA6;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 30px;
	margin:30px 0px;

}
.contact-banner h2{
	max-width: 400px;
	min-width: 250px;
	color: white;
	margin-right: 40px;
	line-height: 1.2em;
}
.contact-banner .btn{
	margin-top: 25px;
	font-size: 1.2em;
	min-width: 250px;
}

@media(max-width: 960px){
	.banner .logo-banner{
		display: none;
	}

	.bloque-landing.bloque1l .wrapper-content{
		flex-direction: column;

	}
	.bloque-landing.bloque1l .wrapper-content .content{
		padding-top: 70px;
		padding-bottom: 50px;
	}
	.bloque3l .container .content-block{
		display: block;
	}
	.bloque3l .content-left .description-left, .bloque3l .content-right .description-right, .bloque3l .img-block{
		width: 100%;
	}
	.bloque3l .content-block .line{
		width: 40%;
	}
	.bloque3l .img-left, .bloque3l .img-right{
		height: 250px;
	}
	.bloque3l .content-block .description-left figure,  .bloque3l .content-block .description-right figure{
		display: none;
	}
	.bloque3l .content h2{
		font-size: 1.5em;
		line-height: 1.2em;
		font-weight: 500;
	}
}

@media(max-width: 750px){


	.bloque2l h1{
		font-size: 3em;
	}

	.bloque-landing .text-landing{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	  -moz-column-count: 1; /* Firefox */
	  column-count: 1;
		-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
		-moz-column-gap: 0px; /* Firefox */
		column-gap: 0px;
	}
	.bloque5l-header .header-line{
		margin-right: 15%;
	}
	.bloque-item.text-landing{
		margin-left: 0px;
	}
	.contact-banner h2{
		text-align: center;
		margin-right: 0px;
	}
}
@media(max-width: 450px){
	.bloque-landing.bloque1l .wrapper-content{
		align-items:flex-end;

	}
	.bloque2l h1{
		font-size: 2em;
	}

	.bloque-landing.bloque1l .content{
		background-color: rgba(23, 51, 70, 0.9);
		width: 100%;
		padding-top: 40px;

	}

	.bloque-landing.bloque1l .wrapper-content .content h2{
		margin-bottom: 20px;
		font-size: 2.2em;

	}
	.bloque-landing.bloque1l .wrapper-content .content a{
		font-size: 0.6em;
		min-width: 150px;

	}

}
/*--------------------------------------------------------------
13.8.1 Landing Simple
--------------------------------------------------------------*/
.landing-page-simple .banner {
	margin-top: -50px;
}

.bloque-landing-simple {
	padding-top: 20px;
	padding-bottom: 10px;
}
.bloque-landing-simple .bloque-item{
	margin-bottom: 20px;
}
.bloque-landing-simple .bloque-item.btn-block{
	margin-left: 40px;
}
.landing-page-simple .titulo-bloque{
	margin-bottom: 10px;
}

.bloque-landing-simple .bloque-item h2, .bloque-landing-simple .bloque-item h1, .bloque-landing-simple .bloque-item h3, .bloque-landing-simple .bloque-item h4 {
	text-align: left;
	margin-bottom: 10px;
}
.bloque-landing-simple .bloque-item ul{
	margin: 25px 0;
}
.bloque-landing-simple .bloque-item ul li{
	margin-bottom: 15px;
}
.bloque-landing-simple .bloque3-item .container-characteristics{
	margin-top: 0;
}
.bloque-landing-simple .bloque3-item .container-characteristics .characteristic-item{
	width: 200px;
}
.bloque-landing-simple .bloque3-item .container-characteristics .characteristic-item .circle-shadow {
	padding: 20px;
}
.bloque-landing-simple .bloque3-item .container-characteristics .characteristic-item .circle-shadow img{
	width: 60px;
}e
.bloque-landing-simple .bloque3-item .container-characteristics .characteristic-item .circle-shadow.wp-block-image{
	margin-bottom: 0;
}
.bloque-landing-simple .bloque3-item .container-characteristics .characteristic-item h3{
	margin-top: 10px;
}
.bloque-landing-simple .bloque3-item .container-characteristics .characteristic-item  h3{
	font-size: 18px;
}

.banner-contact-quobis{
	background-color: #173246;
}
.bloque-landing-simple.bloque3l .container .content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.bloque-landing-simple.bloque3l .container .content .bloque3-text{
	flex-grow: 2;
}

.bloque-landing-simple.bloque3l .container .content .bloque4l-form{
	flex-grow: 1;
	margin-top: 40px;
}
.bloque-landing-simple.bloque3l .container .content .bloque3-item{
	min-width: 300px;
	padding: 0 20px;

}
.landing-page-simple .bloque4l {
	margin-top: 20px;
}
.landing-page-simple .bloque4l-form h3 {
		text-align: justify;
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
}
.extra-information{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
}
.extra-information .card{
	min-width: 250px;
	max-width: 310px;
	min-height: 320px;
	text-decoration: none;
	margin: 30px 15px 15px 15px;
	padding: 10px 20px 20px 20px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.extra-information .card:hover{
	text-decoration: none;
	color: rgba(0,0,0,.84);
}

.extra-information .card .entry-content{
	margin-bottom: 10px;
}
.extra-information .card:hover .entry-content h4{
	font-size: 1.4em;
	line-height: 1.3em;
}
.extra-information .card:hover .entry-content h4{
	text-decoration: underline;
}
.extra-information .card .entry-img{
	width: 130px;
	height: 130px;
	border-radius: 100%;
	margin-bottom: 20px;

}
.extra-information .card .entry-img img{
		height: 100%;
    width: auto;
		max-width: none;
}
.extra-information .card .entry-content p {
	text-align: justify;
}
@media (max-width: 1199px) and (min-width: 991px){
	.landing-page-simple .extra-information .card.blog-item{
	    min-height: 320px !important;
			max-width: 250px;
	}
}
@media (max-width: 769px){
	.bloque-landing-simple.bloque3l .container .content {
		display: block;
	}
}
/*--------------------------------------------------------------
13.8.2 Landing Product
--------------------------------------------------------------*/
.landing-page-product .bloque-landing.bloque1l{
	padding: 50px 0px 30px 0;
}

.bloque-landing .content .bloque2l-item {
		max-width: 900px;
}

.landing-page-product .bloque1l{
	background-position: center;
}

.landing-page-product .bloque2l .line {
	width: 55%;
	align-self: flex-start;
}


.landing-page-product .bloque2l h1{
	font-weight: 600;
	line-height: 1.4em;
	margin-top: 80px;
	margin-bottom: 40px;
}
.bloque-landing .content-landing-product .text-landing-product{

	display: flex;
	flex-direction: column;
	align-items: center;
}
.bloque-landing .content-landing-product .text-landing-product .text{
	max-width: 700px;
	padding: 10px 20px;
	font-size: 1.3em;
}
.landing-page-product .bloque3l {
	padding-top: 30px;
	margin-bottom: 0px;
}
.landing-page-product .bloque3l .close-cards{
	position: fixed;
	top:200px;
	left: 15vw;
	z-index: 999;
	width: 72px;
	display: none;
}
.landing-page-product .bloque3l .close-cards.visible{
	display: block;

}
.landing-page-product .line-close{
	width: 50%;
	margin-bottom: 16px;
}
.landing-page-product .bloque3l .close-cards p{
	font-size: 1.2em;
	width: 80px;
	height: 80px;
	font-weight: 600;
	line-height: 80px;
	border-radius: 100%;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 0 3px 8px 0 rgba(0,0,0,0.25), 0 7px 14px 0 rgba(0,0,0,0.15), 3px 8px 16px 0 rgba(0,0,0,0.10);
	text-decoration: underline;
	transition: all 300ms ease;
	text-align: center;
}
.landing-page-product .bloque3l .close-cards  p a{
		color:#FFFFFF;

}
.landing-page-product .bloque3l .close-cards .close-text:hover a {
		color:#173246;
		cursor: pointer;
}

.landing-page-product .bloque3l .container{
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.bloque-landing-product .card-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	transition: margin-left 300ms ease;
}

.bloque-landing-product .card-landing-product{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* rectangle*/
.bloque-landing-product .card-square{
	width: 100%;
}
.bloque-landing-product .card-square .card-landing-product{
	height:550px;
	width: 400px;
	padding: 16px 32px;
	margin:16px;
	flex-grow: 1;
	transition: border-radius, width, height 300ms ease-out;
	position: relative;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
	color: white !important;

}

.bloque-landing-product .card-square .card-title {
	position:absolute;
	bottom:32%;


}

.bloque-landing-product .card-square .card-landing-product .card-title h3{
	font-size: 5em;
	font-weight: 700;
	vertical-align: baseline;
	max-width: 40px;
	margin:0;
}
.bloque-landing-product .card-square .card-landing-product p{
	position:absolute;
	bottom: 0;
	font-size: 1.6em;
	vertical-align: bottom;
	transition: all 300ms ease-out 2s;
}

/* circle*/
.landing-page-product .bloque3l .card-circle{
	flex-wrap: nowrap;
	flex-direction: row;
	align-content: center;
	align-items: center;
	height: 234px;

}


.bloque-landing-product .card-circle .card-landing-product{
	height:80px;
	border-radius:100%;
	width:80px;
	margin:24px;
	transition: width, height 300ms ease-out;
	position: relative;
	margin-bottom: 40px;
	padding: 0;
	opacity: 0.6;


}

.bloque-landing-product .card-circle .card-landing-product .card-title {
	display: none;

}
.bloque-landing-product .card-circle .card-landing-product .card-title h3{
	display: none;

}
.bloque-landing-product .card-circle .card-landing-product p{
	display: none;
}
/* focused */

.landing-page-product .bloque3l .card-focused{
	flex-wrap: nowrap;
	flex-direction: row;
	align-content: center;
	align-items: center;

}

.bloque-landing-product .card-circle .card-landing-product.card-focused{
	height:150px;
	border-radius:100%;
	width:150px;
	margin:24px;
	transition: all 300ms ease-out;
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	opacity: 1;
}

.bloque-landing-product .card-circle .card-landing-product.card-focused .card-title {
	position:absolute;
	bottom:-60px;
	width: 100%;
	display: block;
}
.bloque-landing-product .card-circle .card-landing-product.card-focused .card-title h3{
	font-size: 1.3em;
	line-height: 0.9em;
	font-weight: 500;
	text-align: center;
	width: 100%;
	padding: 0;
	display: block;
	transition: display 300ms ease-out 1200ms;
}
.bloque-landing-product .card-circle .card-landing-product.card-focused  p{
	display: none;
}

.bloque-landing-product.bloque4l {
	padding-top: 40px;
}
.bloque-landing-product.bloque4l .invisible{
	transition: all 300ms ease 2s;
}
.bloque-landing-product.bloque4l .visible{
	transition: all 300ms ease 2s;
}

.bloque-landing-product.bloque4l .sub-block-4{
	max-width: 900px;
	padding: 10px 20px;

}
.bloque-landing-product.bloque4l .block4-1 .titulo-bloque{
	font-size: 3.6em;
	margin-bottom: 10px;
	color: #173246;
}
.bloque-landing-product.bloque4l .block4-1 .subtitle-bloque{
	font-size: 2.2em;
	margin-bottom: 60px;
	text-align: center;
	color: #4A4A4A
}
.bloque-landing-product.bloque4l .block4-1 .image-bloque{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.bloque-landing-product.bloque4l .block4-2 .container-characteristics{
	justify-content: space-around;
}
.bloque-landing-product.bloque4l .block4-2 .container-characteristics{
	margin-bottom: 20px;
}

.landing-content.invisible{
	display:  none !important;
}
.bloque-landing-product.bloque4l .block4-3 {
	width: 100%;
	margin:40px 0px;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	margin: 40px 10px;

}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .content-block{
	width: 100%;
	min-width: 300px;
	max-width: 50%;
	flex-grow: 1;
	margin-bottom: 20px;
	padding: 10px 5px;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-right {
	padding: 0px 15px 0 25px;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-right p {
	text-align: justify;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-right h3 {
	text-align: left;
	font-weight: 400;
	margin-bottom: 1px;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-right img{
	text-align: center;
	max-width: 400px;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left{
	padding: 20px;
	min-height:300px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left .icon-image{
	width:40px;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left a{
	align-self: center;
	margin-left: -10px;
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left a .block-image{
	margin: 14px;
	max-width: 300px;
	box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5);
}
.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left h4{
	color: white;
	font-size: 2.6em;
	font-weight: 300;
	padding: 10px 30px;
}
@media(max-width: 1500px){
	.landing-page-product .bloque3l .close-cards{
		left: 3vw;
	}
}
@media(max-width: 975px){
	.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left h4{
		font-size: 1.95em;
	}
}
@media(max-width: 750px){
	.landing-page-product .bloque2l-item h1 {
		font-size: 3.4em;
	}
	.bloque-landing-product.bloque4l .block4-1 .titulo-bloque{
		font-size: 2.6em;
	}
	.bloque-landing-product.bloque4l .block4-1 .subtitle-bloque{
		font-size: 2em;
	}
	.bloque-landing-product.bloque4l .block4-3 .container-blocks .content-block {
		max-width: 100%;
	}
	.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left {
		min-height: 181px;
	}
	.landing-page-product .bloque3l .close-cards {
		width: 72px;
		top: 88vh;
		left: 8px;
	}
	.landing-page-product .bloque3l .close-cards p{
		font-size: 1.3em;
		width: 64px;
		height: 64px;
		font-weight: 500;
		line-height: 64px;
	}
}
@media(min-height: 1000px){
	.landing-page-product .bloque3l .close-cards {
		top: 55%;
	}

}

@media(max-width: 450px){
	.bloque-landing-product .card-square .card-landing-product{
		height:350px;
		padding: 16px 16px;
	}
	.bloque-landing-product .card-square .card-landing-product .card-title h3{
		font-size: 2.5em;
	}
	.bloque-landing-product .container {
		display: block;
	}
	.bloque-landing-product.bloque4l .block4-1 .titulo-bloque{
		font-size: 1.6em;
		font-weight: 600;
	}
	.bloque-landing-product.bloque4l .block4-1 .subtitle-bloque{
		font-size: 1.6em;
	}
	.bloque-landing-product.bloque4l .block4-3 .container-blocks .block-left h4{
		font-size: 1.8em;
	}


}
/*--------------------------------------------------------------
13.9 Documents template / Media template / datasheets template
--------------------------------------------------------------*/
.interior .container-fluid.docs-datasheet .row{
		margin-top: 30px;
}

/*--------------------------------------------------------------
13.10 Event directory
--------------------------------------------------------------*/
.landing-page-event{
	padding-bottom: 30px;
}
.bloque1e h1{
	margin-bottom: 20px;
}

.bloque-event .card-container{
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	transition: margin-left 300ms ease;
}
.bloque2e {
	padding-top: 10px;
}

.bloque2e .content{

	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
	justify-content: center;
}
/* rectangle*/
.bloque-event .card-square{
	margin: 16px;
}
.bloque-event .card-container a.event-link{
	padding-left: 16px;
	margin-top: 8px;
}
.bloque-event .card-square .card-landing:hover, .bloque-event .card-square .card-landing:focus{
	 color: #333;
	 text-decoration: none;
}
.bloque-event .card-square .card-landing:hover .card-title, .bloque-event .card-square .card-landing:focus .card-title{
	 color:#afafaf;
}
.bloque-event .card-square .card-landing{
	height:auto;
	min-height: 270px;
	width: 300px;
	margin:16px 16px 5px 16px;
	flex-grow: 1;
	transition: 400ms ease-out;

}
.bloque-event .card-container .card-landing .logo-image{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 170px;
}
.bloque-event .card-square .card-landing .event-logo{
	width: auto;
  height: 50px;
}
.bloque-event .card-square .card-landing .card-content-square, .bloque-event.card-square .card-landing .event-logo{
	padding: 16px 32px;
}
.bloque-event .card-square .card-landing .card-title {
	max-width: 40px;
	margin:0;
	color:#afafaf;
	font-size: 2.2em;
}
.bloque-event .card-square .card-landing p{
	bottom: 0;
	font-size: 1em;
	vertical-align: bottom;
	transition: all 300ms ease-out 2s;
}
.bloque3e {
	text-align: justify;
	padding-bottom: 50px;
}
.bloque3e .btn-block{
	text-align: center;
}
@media (min-width: 769px){
	.bloque2e .container {
	    max-width: 900px;
			padding: 0px 10px;
}
}

/*---------------------------------------------
CABECERA
--------------------------------------------------------------*/
body .navbar-inverse.navbar{
background:#eee;
box-shadow: 0px 1px 7px rgba(0,0,0,.2);
	margin-bottom:0
}
body.home .navbar-inverse.navbar{
	margin-bottom:20px
}
.navbar .navbar-nav>li>a{
	color:#8d0300;
	text-transform: uppercase;
	padding-top: 24px;
	padding-bottom: 24px;
	font-size:14px;
	border-bottom:solid 3px transparent;
}
#responsive-menu.navbar-nav>li>a{
	padding-top: 10px;
	padding-bottom: 10px;
}
.single-producto .navbar .navbar-nav>li>a{
	border-bottom-color:transparent;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.current_page_parent>a,
.navbar .navbar-nav>.current_page_parent>a:hover,
.navbar .navbar-nav>.current_page_parent>a:focus
{
	color:#8d0300;
	border-bottom:solid 3px #8d0300;
}

.navbar-inverse.navbar .dropdown-menu li>a:hover, .navbar-inverse.navbar .dropdown-menu li>a:focus {
	color:#8d0300;
}

body.single-producto #menu-principal.navbar-nav>#menu-item-25>a,
body.single-producto #menu-principal.navbar-nav>#menu-item-25>a:hover,
body.single-producto #menu-principal.navbar-nav>#menu-item-25>a:focus{
	color:#002235;
	border-bottom:solid 3px #002235;
}
.navbar-inverse.navbar .dropdown-menu .active>a{
	background-color:#8d0300;
	padding:5px 20px
}
.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
    padding: 20px;
		left:-20px;
		min-width: 260px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 25px 10px 5px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;


}
.show {
    display: none !important;
		translation: all 400ms ease;
}
.navbar-inverse.navbar .dropdown-menu .active>a {
    background-color: #8d0300;
    padding: 5px;
}
.navbar .navbar-brand{
	height:auto;
padding: 10px 15px;
}
.navbar-header{
	text-align: center;
	padding:0;
	translation: all 400ms ease;
}

.menu2{
color:#8d0300;
	font-size:25px;
	position: absolute;
	left:30px;
	cursor:pointer;
	top: 0px;
	    margin-right: 0px;
	    z-index: 99;
}
.video-wrapper{
	overflow: hidden;
	background-color: #091d27;
	position: relative;
}
.video-wrapper:hover{

}
#masthead .container{
	position:relative
}
#masthead.menusArriba #menu-principal .open > .dropdown-menu{
	top:-78px;
	box-shadow: none;
}
#masthead.fixed > nav{
	top: 0;
    left: 0;
    right: 0;
    z-index: 9;
	position: fixed;
}
body.admin-bar #masthead.fixed > nav{
	top:32px;
}
body .ui-dialog{
	max-width: 600px;
	position:fixed;
}
body .ui-dialog h1{
    font-size: 20px;
    margin: 20px 0;
}
#popupDocumentos{
	padding: 10px 50px 20px 50px;
}
.wpcf7-form input{
	max-width: 100%;
}
.ui-dialog-titlebar.ui-widget-header{
	border: none;
    height: 20px;
}
.sidebar-overlay {
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
}
#sidebar-collapse {
    background-color: #FFF;
    position: fixed;
    z-index: 100;
    top: 0;
    left: -380px;
    display: block;
    height: 100% !important;
    width: 380px;
    max-width: 100%;
    overflow-y: auto;
    transition: left 0.2s ease-out;
}
#sidebar-collapse.collapse {
		display: none;
		visibility: hidden;
}

#sidebar-collapse.collapse.in{
	display: block;
    visibility: visible;
}
#sidebar-collapse.collapse.in{
	left: 0;
}
.close_sidebar{
	position: absolute;
    top: 10px;
    right: 10px;
    font-weight: 900;
    border: 0px none;
    background-color: transparent;
    color: #8d0300;
    font-size: 25px;
}
#responsive-menu{
	float:none;
	margin:0;
	margin-top: 40px;
}
#responsive-menu > li{
	display: block;
	float:none;
}
#responsive-menu .dropdown-menu {
	position:relative;
	display: block;
    border: inherit;
    box-shadow: inherit;
    float: none;
    font-size: inherit;
}
#responsive-menu .dropdown-menu > li > a {
	color: #8d0300;
	padding-left:40px;
}
#responsive-menu .caret {
	display:none;
}
#responsive-menu .dropdown-menu .active>a {
	background-color:#FFFFFF;
	padding:3px 20px 3px 40px;
}
#responsive-menu .dropdown-menu > li > a:hover, #responsive-menu .dropdown-menu > li.active > a {
	text-decoration: underline;
}
@media (min-width: 900px) {

}

/*--------------------------------------------------------------
PIE
--------------------------------------------------------------*/
.site-footer{
	background-color:#dadada;
	margin-top:0;
	padding:20px 0;
	color:#01283b;
	font-size:14px;
}
.page-template-template-products .site-footer{
	margin:auto;
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
}
.site-footer a{
	opacity:1;
}
.site-footer p{
	margin-bottom:0;
}
.footer-content{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
}
.footer-content .newsletter {
	min-width: 320px;
	max-width: 540px;
	margin: 15px;
	flex-grow: 2;
}
.footer-content .footer-company {
	min-width: 280px;
	max-width: 340px;
	padding-right: 20px;
	flex-grow: 2;
}
.redes-sociales{
	min-width: 170px;
	max-width: 200px;
	justify-content: center;
	text-align: center;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.redes-sociales .social-networks{
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-around;
}
.legal-terms{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.legal-terms a{
	margin: 10px;
}
iframe a.iubenda-white {
	background-color:none;
	color: #337ab7;
	text-align: center;
	display:inline-block;
  margin-top: 20px;
  margin-bottom: 20px;

}

@media (max-width: 1090px){
	.footer-content{
		justify-content: space-around;
	}
}

@media (max-width: 785px) {
	.footer-content{
		justify-content: space-between;
	}
	.footer-content .footer-company {
		width: 100%;
	}
}
@media (max-width: 585px) {
	.footer-content{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.footer-content .footer-company {
		width: 100%;
		text-align: center;
	}
}
.widget-pie-newsletter label {
	display:block;
	margin-bottom:0;
}
.widget-pie-newsletter .input {
	float: left;
    width: 50%;
    margin-top: 5px;
}
.widget-pie-newsletter .btn {
	margin:0;
	float: left;
    margin-left: 15px;
}

.redes-sociales a.no-red-social {
	background:none;
	width:auto;
}

.redes-sociales a i{
	color:#01273a;
	font-size:20px;
}
.redes-sociales a{
	background-color:#fff;
	border-radius:50%;
	text-align: center;
	display:inline-block;
	height:35px;
	width:35px;
	padding: 8px 5px;
	margin-left:5px
}
.redes-sociales a.no-red-social {
	background:none;
	width:auto;
}
.redes-sociales a:not(.no-red-social):hover {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
}

.btn-link.granate{
	color:#8d0300;
}
.interior{
	padding-bottom:80px
}


/*--------------------------------------------------------------
	INTERIORES
--------------------------------------------------------------*/
.entry-header{
	background-color:#173346;
	padding:25px 0;
}
.entry-header.listado-blog{
	background:#fff
}

.entry-header .entry-title{
	font-size:26px;
	margin:0;
	color:#fff
}
.subtitulo{
	color:#fff;
	max-width:400px;
	font-size:15px;
	margin-top:15px;
}


.subtitulo p{
	margin:0
}

.entry-container{
	padding:0
}
.cuerpo-100{
	padding-top:40px
}
.titulo-100{
	text-align: center;
	padding:40px
}
.titulo-100 h1, .titulo-100 h2, .titulo-100 h3{
	margin:0;

}
.titulo-100 h1, .titulo-100 h2{
	font-size:30px;
}
.titulo-100 a:hover h1, .titulo-100 a:hover h2{
}
.titulo-100 a:hover{
}
.page-content, .entry-content, .entry-summary{
	margin-top:0
}
.imagen-50{
}
.imagen-50 img{
	width:100%;
	margin-bottom:20px;
}
@media (max-width: 1024px) {
	.imagen-50{
		width:100%;
	}
}
.interior-contacto{
	padding:40px 0
}
body .verpdf:not(.btn-link):not(.btn-flat),
body .verpdf:not(.btn-link):not(.btn-flat):hover{
	width:auto;
	background:#fff;
	color:#01273a;
	padding:10px 30px 10px 50px;
	background-image:url(images/pdf.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	text-transform: none;
}
body .verlink:not(.btn-link):not(.btn-flat),
body .verlink:not(.btn-link):not(.btn-flat):hover{
	width:auto;
	background:#fff;
	color:#01273a;
	padding:10px 30px 10px 50px;
	background-image:url(images/web.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	text-transform: none;
}
.blog .hentry, .category .hentry{
	margin-top:15px;
	margin-bottom:15px
}

.blog #secondary{
	margin-top:15px;
}
.blog .panel-warning>.panel-heading{
	background-color: #173346;
}
body.blog .blog-item{
/*padding:15px 30px*/
}
.lmas-container{
	text-align: center;
}
.container-fluid {
	padding-right: 45px;
	padding-left: 45px;

}
#cargar-mas.cargando{
	opacity: 0.5;
    cursor: default;
}
#content .container-fluid{
	max-width:1400px;
	margin: 0 auto;
}
.page-template-template-fullwidth #content .container-fluid{
	max-width:1050px;
}

#content .entry-header .container-fluid{
	max-width:100%
}

.backcolor{
	height: 130px;
    background-color: #173346;
}
.spinner{
	text-align: center;
}
.fa-spinner{
	display: none;
}
.fila{
	margin-bottom: 5px;
}
#formFiltros label{
	text-transform: uppercase;
    margin-right: 10px;
    font-weight: 600;
    color: black;
}
#formFiltros select{
	padding: 5px 15px;
    color: black;
    font-weight: 400;
    margin-left: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.13);
    border: 0;
}
#filtrosDocumentos{
	margin-bottom: 15px;
    padding: 40px 0px;
}
#listado-documentos .card{
	-webkit-transition:box-shadow 0.3s;
	transition:box-shadow 0.3s;
	margin-bottom:30px;
}
#listado-documentos .card:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.2),0 6px 10px rgba(0,0,0,.13);
}
#listado-documentos h2{
	font-size: 16px;
	line-height:20px;
    margin: 0px;
	/*min-height:34px;*/
}
#listado-documentos .tipo{
	font-size: 14px;
    font-weight: 300;
    color: black;
    margin-bottom: 0px;
    min-height: 20px;
}
#listado-documentos .cuerpo{
	padding-left: 60px;
	min-height: 125px;
}
#listado-documentos .backwhite{
	padding:15px;
	position: relative;
}
.ico-container{
	position: absolute;
	left: 15px;
	top: 20px;
	display:table;
}
.ico-container .ico{
	width: 40px;
    height: 40px;
    display: block;
    background-color: #9e1a18;
    border-radius: 50px;
    text-align: center;
    padding: 3px;
    color: white;
    display: table-cell;
    vertical-align: middle;
}
.ico-container .ico .fa{
	margin-top: 10px;
    margin-left: 2px;
}

#secondary-documentos{
	margin-top: 30px;
}
.bloque-sidebar{
	margin-bottom: 30px;
}
.bloque-sidebar .card{
	padding:30px;
}
.bloque-sidebar h3{
	font-size: 20px;
    color: black;
    font-weight: 700;
    margin: 0px 0px 5px;
}
.bloque-sidebar .cabecera{
	margin-bottom:20px;
}
/*.bloque-sidebar input{
	display: block;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #eee;
    border: 1px solid #aaa;
    color:black;
    font-weight: 400;
}*/
.bloque-sidebar input[type="submit"], .bloque-sidebar button{
	width:100%;
	margin-top: 20px;
	margin-bottom: 0px;
}
.bloque-sidebar .subtitulo{
	margin:0px 0px 10px;
	color:black;
	font-size: 14px;
}
span.alert{
	display:block;
	font-weight: 600;
}
.btn.btn-rojo:not(.btn-link):not(.btn-flat), .btn-default.btn-rojo:not(.btn-link):not(.btn-flat),
.btn.btn-rojo{
	background-color: #8d0300;
    color: white;
    border: none;
}
.btn.btn-border-rojo:not(.btn-link):not(.btn-flat), .btn-default.btn-border-rojo:not(.btn-link):not(.btn-flat),
.btn.btn-border-rojo{

	border: 1px solid #8d0300;
	background-color: white;
    color:#8d0300;

}

article.listado-productos-cont{
	margin:30px 0;
}

.datos-contacto {
	padding-top: 25px;
}
.datos-contacto>img {
    max-height: 100px;
    margin-bottom: 20px;
}

body textarea.form-control{
	height: 80px;
}
.redes-contacto a i{
	color:#01273a;
	font-size: 20px;
}
.redes-contacto a {
	background-color:#fff;
	border: solid 1px #01273a;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	height: 35px;
	width: 35px;
	padding: 8px 5px;
	margin-left: 5px;
}


/*--------------------------------------------------------------
Media Queries  // Responsive
--------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1480px) {
	.card.blog-item{
		min-height: 450px;
	}
	.bloque-product.bloque0-product .bloque-img-text .product-description{
		min-width: 265px;

	}
	.bloque_news .card.blog-item{
		min-height: 400px;
	}


}
@media (min-width:769px){
	input[type="submit"]{
		float:right
	}
	#secondary-documentos{
		margin-top:127px;
	}

}
@media (min-width:991px) and (max-width:1199px) {
	.card.blog-item{
		min-height: 480px;
	}
	.widget-pie-newsletter .input{
		width:48%
	}

}
@media (min-width:769px) and (max-width:1100px) {
	.contenido_listado_ficha h2 {
		padding: 15px 0 10px;
	}
	.descripcion-item .card {
		min-height:445px;
	}

	.widget-pie-newsletter{
		float:right;
		margin-top:20px;
	}
	.redes-sociales{
		float:left!important;
		text-align: left;
		margin-top:20px;

	}
	.redes-sociales a.no-red-social{
		text-align: left;
	}
	#formFiltros select{
		padding:5px 10px;
	}
	.servicio_home h3 img{
		width: 130px;
	}
	.producto-home, .resource-home{
	padding: 0 5px;
	}
	.listado-items{
		padding: 0 10px
	}
	.contenido_listado_ficha h2 {
		    min-height: 85px;
	}
	.bloque-product.bloque4-product .entry-container{
		margin-left: 50px;
	}
	.bloque-product.bloque4-product .highlight-content {
		margin-left: 0%;
	}
	.bloque-product.bloque4-product .product-text{
		margin-left: 40px;
	}
}
@media(max-width:1100px){
	.navbar .navbar-nav>li>a{
		padding:24px 8px;
		font-size:12px;
	}
	#bs-example-navbar-collapse-1{
		display:none !important;
	}
	.show {
    display: block !important;
	}
	.navbar-header {
    padding-left: 30px;
	}
}

@media(max-width:769px){
	.home .bloque2{
		background-image:none!important
	}

	.servicio_home h3 img{
		width: 100px;
		top:-1.5em;
	}
	.miembro-item .card{
		max-width:400px;

	}
	.widget-pie-newsletter{

		margin-top:20px;
	}
	.redes-sociales a.no-red-social{
		text-align: center;
		margin-top:20px;
		margin-bottom:20px;
	}
	.widget-pie-newsletter .input, .widget-pie-newsletter .btn{
		float: none;
		display: inline-block;
	}
	.jefes-equipo, .todos-equipo{
		text-align: center;
	}
	.bloque-home .container {
		padding: 0 15px;
	}
	#listado-documentos .card{
		max-width:400px;
		text-align: left;
	}
	#listado-documentos{
		text-align: center;
	}
	.bloque-sidebar .card{
		max-width: 400px;
		margin: 0 auto;
		display: block;
	}
	.navbar .navbar-nav .open .dropdown-menu>li>a,
	.navbar .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar .navbar-nav .open .dropdown-menu>.active>a,
	.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,
	.navbar .navbar-nav .open .dropdown-menu>.active>a:focus{
		color:#002235
	}
	.descripcion-item{
		padding:0 25px;
		/* margin-bottom:25px; */
	}
	.descripcion-item .card {
		max-width: 400px;
	}
	.bloque-home .container{
		padding:0 25px;
	}
	.bloque-product.bloque0-product .bloque-img-text .product-description{
		font-size: 1.2em;
		line-height: 30px;
	}
	.home .descripcion-item{
		padding: 15px
	}

	.imagen-resources{
		height:auto
	}

	.page-template-template-products .site-footer {
			position: initial;
	}
	.redes-sociales {
		text-align: center;
		width: 100%;
	}
	.navbar .navbar-brand {
		height: auto;
		padding: 10px 15px;
		display: inline-block;
		margin: 0 auto;
		float: none;
	}
	.container-fluid{
		padding-right: 25px;
		padding-left: 25px;
	}
	.menu2{
		left:15px
	}
	 body.single-post #main{
		padding:35px 30px
	}
	body.blog .interior, body.category .interior body.single-post .interior {
	padding-bottom: 0;
	}
	.navbar .navbar-toggle{
		color:#002235;
		font-size:25px;
		margin-top: 8px;
	}
	.navbar .navbar-toggle .icon-bar {
		background-color: inherit;
		border: 2px solid;
		border-radius: 2px;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 3px;
	}
	.navbar .navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.titulo-bloque.titulo-white, .bloque-product .titulo-bloque{
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.hide-title{
		display: none;
	}
	.bloque-product.bloque4-product .entry-container{
		margin-left: 10px;
	}
	.bloque-product.bloque4-product .highlight-content {
		margin-left: 0%;
	}
	/*.bloque-product.bloque4-product .product-text{
		margin-left: 40px;
	}*/
	.bloque-product.bloque3-product .demo-titulo {
		margin-bottom: 0px;
		padding: 10px;
	}

	.video-popup{
		max-width: 100%;
		max-height: 100%;
	}
	.video-popup div iframe{
		width: 100%;
		max-height: 100%;
		padding: 20px;

	}
}
@media(max-width:500px){
	.page-template-template-products .descripcion-item .card .foto-producto, .bloque-home .descripcion-item .card .foto-producto {
		margin-top: -6vh;
	}
	.contenido_listado_ficha h2{
	    min-height: 65px;

	}
}

/*************/
/*  FLOW UP  */
/*************/
.opaque
{
  opacity: 0;
}
.come-in {
  -ie-transform:translateY(100px);
  -webkit-transform:translateY(100px);
  transform:translateY(100px);
  -webkit-animation:come-in 0.8s ease-in forwards;
  animation:come-in 0.8s ease-in forwards;
  opacity: 0;
}
.page-template-template-products .pullup-element {
	-ie-transform:translateX(-100px);
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px);
  -webkit-animation:come-in 0.8s ease-in forwards;
  animation:come-in 0.8s ease-in forwards;
  opacity: 0;
}


/*.come-in:nth-child(odd){
  -webkit-animation-duration:1s;
  animation-duration:1s
}

.already-visible {
  -ie-transform:translateY(0);
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-animation:none;
  animation:none
  opacity: 1;
}*/

@-webkit-keyframes come-in { to {
      -ie-transform:translateY(0);
      -webkit-transform:translateY(0);
      transform:translateY(0);
			-ie-transform:translateX(0px);
		  -webkit-transform:translateX(0px);
		  transform:translateX(0px);
			opacity: 1;
    }}

@keyframes come-in{
  to{
    -ie-transform:translateY(0);
    -webkit-transform:translateY(0);
    transform:translateY(0);
		-ie-transform:translateX(0px);
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
		opacity: 1;
  }
  }