/* FONTS */


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

  @font-face {
    font-family: 'brownregular';
    src: url('fonts/brown-regular-webfont.woff2') format('woff2'),
        url('fonts/brown-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
  }
  
    @font-face {
    font-family: 'brownbold';
    src: url('fonts/brown-bold-webfont.woff2') format('woff2'),
        url('fonts/brown-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
  }


  @font-face {
    font-family: 'Rawline SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Rawline SemiBold'), url('fonts/rawline-600.woff') format('woff');
	font-display: swap;
  } 

  @font-face {
	font-family: 'Rawline Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Rawline Bold'), url('fonts/rawline-700.woff') format('woff');
	font-display: swap;
  }  

/* TIPOGRAFIA */

body { 
  color: #333;
  font-family: 'Roboto', Arial, sans-serif!important;
  font-weight: 300!important;
}

body, p, li {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-family: 'Roboto', Arial, sans-serif!important;
  color: #333;
  font-weight: 300!important;
}

h1, h2, h3, h4, h5, h6,
.h1 , .h2 , .h3 , .h4 , .h5, .h6 {
  font-family: 'brownregular', Arial, sans-serif!important;
  font-weight: normal;
  line-height: 1.2em;
  color: #676;
  text-rendering: optimizeLegibility;
}


h1, .h1 { font-size: 1.9rem; font-family: 'brownregular', Arial, sans-serif!important; }

h2, .h2, .h2 li, .h2 p { font-size: 1.7rem; font-family: 'brownregular', Arial, sans-serif!important; }

h3, .h3, .h3 li, .h3 p { font-size: 1.5rem; font-family: 'brownregular', Arial, sans-serif!important; }

h4, .h4, .h4 li, .h4 p , .parrilla .lcp_excerpt{ font-size: 1.2rem; font-family: 'brownregular', Arial, sans-serif!important; margin-bottom: 1rem;}

h5, .h5, .h5 li, .h5 p, .h5 p a { font-size: 0.9rem; font-family: 'brownregular', Arial, sans-serif!important; }

h6, .h6, .h6 li, .h6 p { font-size: 0.8rem; font-family: 'brownregular', Arial, sans-serif!important; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { font-family: 'brownregular', Arial, sans-serif!important; font-weight: normal; }

.hero-content h1, .hero-content .h1 {
  font-family: "Rawline Bold", Arial, sans-serif!important;
  font-size: 1.65rem;
  line-height: 1.38em;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.66);
  display: inline;
  padding: 0;
  outline: 10px solid rgba(0, 0, 0, 0.66);
}

.rawline, .rawline a {
  font-family: "Rawline Semibold", Arial, sans-serif!important;
}

.brown, .brown a, .brown li {
  font-family: 'brownregular', Arial, sans-serif!important;
}

.article-header .h5 a { 
	color: #676;
	text-decoration: none;
}

.article-header .h5 a:hover { color: #898; }

.promo-form { 
    z-index: 999;
	position: relative;
}

.promo-form form { 
    box-shadow: 10px 10px 10px rgba(51,51,51,0.5);
}

.caja-form {
	background-color: #C5E1A5;
    padding: 1.5rem 2rem 2rem 2rem;
	box-shadow: 10px 10px 10px rgba(51,51,51,0.5);
}


.caja-form form {
    background-color: #C5E1A5;
    padding: 0!important;
}

.caja-form .h2 {
	margin-bottom: 2rem;
}

.cmplz-cookiebanner .cmplz-title { font-size: 1.2rem!important; }

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { text-transform: uppercase; }

.cmplz-message p { margin: 0; }

@media print, screen and (min-width: 40em) { /* MEDIUM TABLET min-width: 640px a 1024 */


	body, p, li {
	  font-size: 1.1rem;
	  line-height: 1.4em;
	}

	li { line-height: 1.4em; }
	
	  h1.big { font-size: 3.6rem; }

	  h1, .h1, .h2 li, .h1 p { font-size: 2.4rem; }

	  h2, .h2, .h2 li, .h2 p { font-size: 2rem; }

	  h3, .h3, .h3 li, .h3 p { font-size: 1.7rem; }

	  h4, .h4, .h4 li, .h4 p, .parrilla .lcp_excerpt { font-size: 1.4rem; }

	  h5, .h5, .h5 li, .h5 p, .h5 p a { font-size: 1.1rem; }

	  h6, .h6, .h6 li, .h6 p { font-size: 0.9rem; }

	  .hero-content h1, .hero-content .h1 {
		font-size: 2.8rem;
	  }

	  .hero-content .h3 {
		font-size: 2rem;
	  }
	  
	  .fondo-semicirculo { 
		  background: url("../images/fondos/semicirculo-modulos-22b.png") no-repeat scroll; 
		  background-position: 50% 230%!important;
	  }
	  
	  
	  .promo-form { 
			margin-top: -15rem;
		}
		
		.margin-left-25 {
			margin-left: -25%;
		}
		
		.grid-margin-x>.medium-5-col {
			width: calc(20% - 1.875rem);
		}
			  
}

b, strong, p a, .negrita {
  font-family: 'Roboto', Arial, sans-serif!important;
  font-weight: 700;
}

ul strong, .brown strong  { font-family: 'brownbold', Arial, sans-serif!important; }

a { 
	color: #7CB342;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	text-decoration: underline; 
}

.parrilla a { text-decoration: none!important; }

a:hover { color: #9CCC65; }

a:focus { color: #333; }


.light-green-200-bg a {
	color: #558B2F;
}



#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link
 {
    font-family: "Rawline Semibold", Arial, sans-serif!important;
	letter-spacing: 0.05rem;
    word-spacing: 0.1rem;
	text-shadow: 1px 1px 2px #000;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
	padding-bottom: 0;
}

/* quita linea en industrias */
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	border-bottom: 0;
	padding: 10px 17px 10px 17px;
	
}

/* BOTÓN KIT CONSULTING */

.top-menu #mega-menu-wrap-top_submenu .mega-menu-item-20831 a.mega-menu-link,
.top-menu #mega-menu-wrap-top_submenu .mega-menu-item-20844 a.mega-menu-link  {
	background-color: #7CB342!important;
	border-radius: 5px !important;
	margin-left: 0.5rem!important;
}

.top-menu #mega-menu-wrap-top_submenu .mega-menu-item-20831 a.mega-menu-link:hover,
.top-menu #mega-menu-wrap-top_submenu .mega-menu-item-20844 a.mega-menu-link:hover  {
	background-color: #689F38!important;
}



/* SOLAPA WEBINARS CLIENTES NOSOTROS VERDE EN DESKTOP */


#mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after,
#mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before  {
	background-color: #FFF!important;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0px 0px 10px 0px;
}

@media print, screen and (min-width: 40em) { /* MEDIUM TABLET min-width: 640px a 1024 */

	.page-id-1168 #mega-menu-item-1091,
	.page-id-1107 #mega-menu-item-1091,
	.page-id-1109 #mega-menu-item-1091,
	.page-id-284 #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
		background: #c5e1a5!important;
	}

	.page-id-28 #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link , 
	.page-id-1252 #mega-menu-item-30, 
	.page-id-1250 #mega-menu-item-30 {
		background: #c5e1a5!important;
	}

	.page-id-1381 #mega-menu-item-1412,
	.page-id-1381 #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
		background: #c5e1a5!important;
	}
}

.menu > li a {
  text-transform: uppercase;
  font-family: "Rawline Semibold", Arial, sans-serif!important;
  font-weight: normal;
  text-shadow: 1px 1px 2px #000;
  letter-spacing: 0.05rem;
  word-spacing: 0.1rem;
  color: #FFF;
  font-size: 0.9rem;
  padding: 1.25rem 0.6rem;
}

.menu > li:not(.menu-text) > a {
  color: #FFF;
  font-size: 0.9rem;
  padding: 1.25rem 0.75rem;
}

.menu > li a:hover, li.is-active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
}

.menu .active > a {
  background-color: transparent;
}


.flex-vertical {
  display: flex;
  flex-direction: column;
  /*align-items: flex-start;*/
  justify-content: center;
}

.flex-inferior {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

table {
  border-collapse: separate;
  border-spacing: 3px;
}

table.centro-vertical td { vertical-align: middle; }

.pagination li a {
	font-size: 1.4rem;
	font-family: "Rawline Semibold", Arial, sans-serif!important;
	color: #7CB342;
		width: 2rem;
    height: 2rem;
    display: inline-block;
}

.pagination .current {
	font-size: 1.4rem;
	font-family: "Rawline Semibold", Arial, sans-serif!important;
    padding: 0.1875rem 0.625rem;
    background-color: #7CB342;
    color: #FFF;
    cursor: default;
	border-radius: 2rem;
	width: 2rem;
    height: 2rem;
    display: inline-block;
}

.pagination a:hover, .pagination button:hover {
    background-color: #e6e6e6;
	border-radius: 2rem;
}

.tabs{
	border: 0;
}


.tabs-title > a,
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
	padding: 0.75rem 1.5rem;
	border: 0;
	background-color: #CCC;
	font-size: 1.1rem;
	color: #666;
	text-transform: uppercase;
    text-decoration: none;
}

.tabs-title:first-child a{
	border-radius: 10px 0 0 0;
}

.tabs-title:last-child a {
	border-radius: 0 10px 0 0;
}

.tabs-title.is-active a {
	background-color: #EEE;
	color: #666;
}

.tabs-title > a:hover {
	background-color: #DDD;
	color: #666;
}

.tabs-content {
	background-color: #EEE;
}

.boton {
  background-color: #999;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.4em;
  padding: 1rem 1.5rem;
  font-weight: normal;
  border: 0;
  box-shadow: none!important;
  font-family: 'brownregular', Arial, sans-serif!important;
}

.btn, a.btn {
  background-color: #999;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.4em;
  padding: 0.75rem 1.5rem;
  font-weight: normal;
  border: 0;
  box-shadow: none!important;
  font-family: 'Rawline Semibold', Arial, sans-serif!important;
  letter-spacing: 0.05rem;
  word-spacing: 0.1rem;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  

}

.btn-small, a.btn-small {
  background-color: #999;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 0.85rem;
  line-height: 1em;
  padding: 0.5rem 0.8rem;
  font-weight: normal;
  border: 0;
  box-shadow: none!important;
  font-family: 'Rawline Semibold', Arial, sans-serif!important;
  letter-spacing: 0.05rem;
  word-spacing: 0.1rem;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.btn-medium, a.btn-medium, .search-submit   {
  background-color: #999;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4em;
  padding: 0.75rem 1rem;
  font-weight: normal;
  border: 0;
  box-shadow: none!important;
  font-family: 'Rawline Semibold', Arial, sans-serif!important;
  letter-spacing: 0.05rem;
  word-spacing: 0.1rem;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.menu-recursos .btn-medium {	
	padding: 0.6rem;
	font-size: 0.9rem;
	font-family: "Rawline Bold"!important;
}


.search-submit {
	background-color: #7CB342;
	color: #FFF;
	text-align: center;
}

.btn-grey {
  background-color: #333!important;
  color: #FFF!important;
  transition: background-color 0.5s, color 0.5s;
}

.btn-grey:hover {
  background-color: #555!important;
  color: #FFF!important;
}

.btn-light-grey {
  background-color: #CCC!important;
  color: #333!important;
  transition: background-color 0.5s, color 0.5s;
}

.btn-light-grey:hover, .btn-light-grey.active {
  background-color: #DDD!important;
  color: #333!important;
}

.btn-light-green {
  background-color: #C5E1A5!important;
  color: #333!important;
  transition: background-color 0.5s, color 0.5s;
}

.btn-light-green:hover {
  background-color: #DCEDC8!important;
  color: #333!important;
}

.btn-light-green.active {
  background-color: #FFF!important;
  color: #333!important;
}


a.boton-verde, a.btn-green, .btn-green {
  background-color: #7CB342!important;
  color: #FFF!important;
}

a.boton-verde:hover, a.btn-green:hover, .btn-green:hover {
  background-color: #8BC34A!important;
  color: #FFF!important;
}

.cn-text-container {
    margin: 0 0 6px 0;
    font-family: 'Open Sans', Arial, sans-serif;
}

.wpml-ls-statics-footer { display: none!important; }

a.cell-outline-small {
  border: 2px solid #7CB342;
  color: #7CB342;
  margin-bottom: 0;
  font-size: 0.85rem;
  line-height: 1em;
  padding: 0.5rem 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
  box-shadow: none!important;
  font-family: 'Rawline Semibold', Arial, sans-serif!important;
  letter-spacing: 0.05rem;
  word-spacing: 0.1rem;
  transition: background-color 0.5s, border 0.5s;
}

a.btn-outline-small:hover {
  border: 2px solid #7CB342;
  background-color: #7CB342;
  color: #FFF;
}


a.boton-blanco {
  background-color: rgba(255, 255, 255, 0.5);
  color: #333;
}

a.boton-blanco:hover {
  background-color: #FFF!important;
  color: #333;
}

.borde-img {
    border: 1px solid #DDD;
}

.borde-sup {
    border-top: 1px solid #DDD;
}

.borde-webinar {
	border: 8px solid #C5E1A5;
}

.texto-xl, p.texto-xl { 
	font-size: 4rem;
	line-height: 4rem;
	font-family: 'Rawline Semibold', Arial, sans-serif;
}

.texto-xxl, p.texto-xxl { 
  font-size: 5rem;
  line-height: 7rem;
  font-family: 'Rawline Semibold', Arial, sans-serif;
}

.parrilla > .cell { 
	margin-bottom: 2rem;
}

.parrilla .cabecera { 
	margin-bottom: 0.5rem;
}

.parrilla-industria40 h3 { font-size: 1.4rem; }

main.main { padding: 0!important; }

[type=password], [type=text] {
	
}

:focus-visible {
    outline: 0;
}
 
 
.wpcf7-spinner {
    display: block;
	margin: 1rem auto 0!important;
}

/* HACKS */

/* OCULTO CAT VIDEOS RESTRINGIDOS */

.postid-1128 .categoria { display: none; }



/* WIDGETS */

.has-post-thumbnail img.wp-post-image, .has-post-thumbnail img.wp-post-image.miniatura {
    display: block!important;
}


.icon-sm:before { font-size: 1.6rem; }

.icon-xl:before { font-size: 4rem; }

.icon-xxl:before { font-size: 6rem; }

.img-xl { max-width: 6rem!important; height: auto; }


@media print, screen and (min-width: 64em) { /* MEDIUM TABLET min-width: 640px a 1024 */

  .btn, a.btn {
    font-size: 1.2rem;
    line-height: 1.4em;
    padding: 0.75rem 1.5rem;
  }
  
  .menu-recursos .btn-medium { 
	padding: 1rem 1.5rem;
	font-size: 14px;
}

.icon-xl:before { font-size: 6rem; font-family: 'iconic-md'!important; }

.icon-xxl:before { font-size: 8rem; font-family: 'iconic-md'!important;}

.icon-xlg:before { font-size: 6rem; }

.img-xl { max-width: 8rem!important; }

}



/* UTILIDADES */

.may { 
  text-transform: uppercase!important;
}

.no-margin { margin-bottom:0!important; }

.no-padding { padding: 0!important; }

.padding-1 { padding: 1rem; }

.padding-2 { padding: 1rem; }

.padding-2-hor { padding: 0 2rem; }

.borde-verde-izda { border-left: 4px solid #8BC34A; padding-left: 2rem; }

.borde-izda {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.borde-top-izda { 
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 1rem;
}

.borde-top-izda-no { border-top: 0; }

.borde-inf { border-bottom: 1px solid #CCC; }

.cenefa-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.cenefa-4 { padding-top: 2rem; padding-bottom: 2rem; }

.img-25 { max-width: 25%!important; margin-left: auto; margin-right: auto; }

.img-50 { max-width: 50%!important; margin-left: auto; margin-right: auto; }

.img-66 { max-width: 66.66%!important; margin-left: auto; margin-right: auto; }

.img-75 { max-width: 75%!important; margin-left: auto; margin-right: auto; }

.flex-centro {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.flex-inf {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}


ul.bolo-verde {
    list-style-image: url(images/bolo-verde-12.png);
}

ul.bolo-verde li, ul.bolo-blanco li, ul.bolo-gris li, .widget_recent_entries ul li {
    padding: 0 0 6px 10px;
	line-height: 1.3em;
	list-style: inherit;
}

.sidebar ul{
	margin-left: 1rem;
}

.sidebar ul li{
	list-style: inherit!important;
}

.sidebar ul.bolo-verde li a, .sidebar ul.bolo-blanco li a, .sidebar ul.bolo-gris li a, .sidebar .widget_recent_entries ul li a{
	font-family: 'brownregular', Arial, sans-serif!important;
	text-decoration: none;
	font-size: 1.1rem;
}

.sidebar .widget {
	padding: 1rem;
    margin: 1rem 0;
    background-color: #EEE;
}

.sidebar .widgettitle {
    font-size: 1.4rem;
    margin-top: 0;
}

#custom_html-5 {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
    background-color: transparent;
}

ul.bolo-blanco {
    list-style-image: url(images/bolo-blanco-12.png);
}

ul.bolo-gris, .sidebar .widget_recent_entries ul {
    list-style-image: url(images/bolo-gris-12.png);
}

ul.bolo-circle {
  list-style: none;
  margin-left: 2rem; 
}

ul.bolo-circle li {
  margin-bottom: 0.75rem; 
}

ul.bolo-circle li::before {
  content: "\2022";  
  color: #7CB342; 
  font-weight: bold; 
  display: inline-block; 
  width: 2.4rem; 
  margin-left: -2.4rem; 
  font-size: 1rem;
}

.bolo-check-med li {
  margin-bottom: 10px;
  padding: 0 0 6px 45px;
  list-style: none;
  background: url("../images/check-verde-med.svg") no-repeat scroll left 6px;
  background-size: 32px;
  font-family: 'brownregular', Arial, sans-serif!important;
  line-height: 1.3em;
}

.bolo-check-med-gris li {
  margin-bottom: 10px;
  padding: 0 0 6px 45px;
  list-style: none;
  background: url("../images/check-gris.svg") no-repeat scroll left 6px;
  background-size: 32px;
  font-family: 'brownregular', Arial, sans-serif!important;
  line-height: 1.3em;
}

.bolo-check-med, .bolo-check-peq, .bolo-check-med-gris, .bolo-check-peq-gris,
.bolo-error-med {
  margin-left: 0;
}

.bolo-check-peq li {
  margin-bottom: 0.75rem;
  padding: 0 0 0px 40px;
  list-style: none;
  background: url("../images/check-verde-med.svg") no-repeat scroll left 25%;
  background-size: 28px;
}


.bolo-error-med li {
  margin-bottom: 20px;
  padding: 0 0 6px 45px;
  list-style: none;
  background: url("../images/error-rojo-med.svg") no-repeat scroll left 6px;
  background-size: 32px;
  font-family: 'brownregular', Arial, sans-serif!important;
  line-height: 1.3em;
}


.bolo-check-peq-gris li {
  margin-bottom: 0.75rem;
  padding: 0 0 0px 40px;
  list-style: none;
  background: url("../images/check-gris.svg") no-repeat scroll left 25%;
  background-size: 28px;
}

.bolo-check-blanco li {
    padding: 0 0 12px 54px;
    list-style: none;
    background: url(images/check-blanco.svg) no-repeat scroll left top;
    background-size: 40px;
}

.bolo-check-blanco li:last-child, .bolo-check-med li:last-child {
    padding-bottom: 0;
}

.trans-black {
    background-color: rgba(0, 0, 0, 0.5);
}

.ventajas {
  border: 3px solid #7CB342;
  padding: 2rem;
}

.circulo-ventajas:before {
    font-size: 4rem;
    background-color: #DDE1DD;
    border-radius: 30rem;
    padding: 3rem;
    width: 10rem;
    height: 10rem;
    margin-bottom: 1rem;
    color: #676;
    font-family: 'iconic-md'!important;
}

.cenefa-ventajas:before {
    font-size: 4rem;
    padding: 2rem;
    width: 8rem;
    height: 8rem;
    color: #7CB342;
    font-family: 'iconic-md'!important;
}

img.cenefa-ventajas {
    padding: 1rem;
    width: 8rem;
    height: 8rem;
}

.circulo-ventajas-6:before {
    font-size: 6rem;
    background-color: #DDE1DD;
    border-radius: 30rem;
    padding: 3rem;
    width: 12rem;
    height: 12rem;
    margin-bottom: 1rem;
    color: #676;
    font-family: 'iconic-md'!important;
}

.circulo-ventajas-8:before {
    font-size: 8rem;
    background-color: #DDE1DD;
    border-radius: 30rem;
    padding: 3rem;
    width: 16rem;
    height: 16rem;
    margin-bottom: 1rem;
    color: #676;
    font-family: 'iconic-md'!important;
}




.circulo-icono {
    background-color: #DDE1DD;
    border-radius: 30rem;
    padding: 25%;
    margin-bottom: 1rem;
    color: #676;
}

.icon-lg:before {
    font-size: 3rem;
    color: #666;
    font-family: 'iconic-md'!important;
}

.icon-md:before {
    font-size: 2rem;
    color: #666;
    font-family: 'iconic-md'!important;
}

.icon-sm:before {
    font-size: 1rem;
    color: #666;
    font-family: 'iconic-md'!important;
}


/*

.content a {
	font-family: 'brownregular';
	font-weight: normal;
	color: #333; 
  text-decoration: none;
  box-shadow: inset 0 -2px 0 #8BC34A;
  transition: box-shadow .3s ease-out, background-color .3s ease-out;
}

.content a:hover  { 
  color: #333;
  background-color: rgba(144,203,92,.7);
  box-shadow: inset 0 -2px 0 rgba(144,203,92,0);
}

*/

.content a.grafic, .content a.grafic:hover {
  box-shadow: none;
  background-color: transparent;
}

.hvr-grow, .hvr-grow a {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    display: block;
    overflow: hidden;
}

.hvr-grow-overflow a img {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    display: inline-block;
    overflow: visible;
}

.hvr-grow a img, .hvr-grow-overflow a img, .hvr-grow a i:before {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  

}

.hvr-grow a:hover img, .hvr-grow a:focus img, .hvr-grow a:active img,
.hvr-grow-overflow a:hover img, .hvr-grow-overflow a:focus img, .hvr-grow-overflow a:active img,
.hvr-grow a:hover i:before, .hvr-grow a:focus i:before, .hvr-grow a:active i:before {
  transform: scale(1.1)!important;
  transition: all 0.5s ease 0s!important;

}

.animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.overflow-hidden { overflow: hidden; }

.blanco, .white, .blanco p  { color: #FFF!important; }

.negro, .black, .negro p, .black p  { color: #000!important; }

.rojo { color: #F44336;}

.gris-333, .grey-333 { color: #333; }

.gris-666, .gris-666 li, .gris-666 p, .grey-666 { color: #666!important; }

a.gris-666:hover { color: #888!important; }


.gris-888, .grey-888 { color: #888; }

.gris-999, .grey-999 { color: #999; }

.gris-ccc, .grey-ccc { color: #CCC; }

.light-green-500 { color: #8BC34A; }

.verde, .light-green-600, i.verde:before, .verde li { color: #7CB342; }

.verde-800 { color: #558B2F; }


a.gris-333:hover { color: #666; }

.sistemas { max-width: 1440px!important; }

.comentario-borde {
	border-left: 2px solid #7CB342;
	padding-left: 2rem;
}

.comentario {
  color: #666;
  font-weight: normal;
  position: relative;
}

.comentario:after, .comentario:before {
    font-family: "iconic-md";
    font-size: 2rem;
    color: #FFF;
    float: left;
}

.comentario:before {
  content: "";
}

.comentario:after {
  bottom: 1rem;
  content: "";
  float: right;
  position: absolute;
  right: 1rem;
}

.circulo-gris:before {
  background-color: #CDC;
  border-radius: 50%;
  font-family: iconic-lg;
  font-size: 4rem;
  width: 8rem;
  height: 8rem;
  margin-right: 1rem;
  padding: 2rem;
  vertical-align: middle;
  text-align: center;
}

.circulo-numero {
  border-radius: 50%;
  font-size: 3rem;
  width: 6rem;
  height: 6rem;
  margin-right: 1rem;
  padding-top: 2rem;
  text-align: center;
  margin: 0 auto;
  color: #333;
  font-weight: 700;
}

.circulo-numero-4 {
  border-radius: 50%;
  font-size: 4rem;
  width: 8rem;
  height: 8rem;
  color: #333;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.circulo-numero-6 {
  border-radius: 50%;
  font-size: 6rem;
  width: 12rem;
  height: 12rem;
  color: #333;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}


/* FORMS */

.webinar-form { }

.main form {
	background-color: #C5E1A5;
	padding: 2rem 2rem 2rem 2rem;
}


.main .cenefa-demo form {
	background-color: rgba(255,255,255,0.5);
}


label {
	font-size: 0.9rem;
	color: #333;
	text-transform: uppercase;
}

select {
	font-size: 0.8rem;
}

textarea { height: 60px!important; }


.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
	text-transform: uppercase;
	line-height: 1rem;
	margin-top: -0.5rem;
}


.wpcf7-list-item {
    margin: 0 0 0 1rem;
	display: inline;
	font-size: 0.75rem;
}

.texto-peq { 
	font-size: 0.6rem;
}

.grecaptcha-badge { display: none; }


.cenefa-demo [type=checkbox] {
    margin: 0;
}

.texto-sombra { text-shadow: 2px 2px 5px rgba(51,51,51,0.75) }


/* FONDOS */

/*

Light Green 
50 #F1F8E9
100 #DCEDC8
200 #C5E1A5
300 #AED581
400 #9CCC65
500 #8BC34A
600 #7CB342
700 #689F38
800 #558B2F
900 #33691E
*/

.light-green-50-bg { background-color: #F1F8E9; }

.light-green-100-bg { background-color: #DCEDC8; }

.light-green-200-bg { background-color: #C5E1A5; }

.light-green-300-bg { background-color: #AED581; }

.light-green-400-bg { background-color: #9CCC65; }

.light-green-600-bg, .verde-600-bg, .light-green-600-bg:before { background-color: #7CB342!important; filter: none!important; }

.blanco-bg { background-color: #FFF; }

.gris-eee-bg, i.gris-eee-bg:before { background-color: #EEE; }

.gris-ddd-bg, i.gris-ddd-bg:before  { background-color: #DDD; }

.gris-ccc-bg, i.gris-ccc-bg:before  { background-color: #CCC; }

.gris-333-bg { background-color: #333; }

.gris-666-bg { background-color: #666; }

.gris-888-bg { background-color: #888; }

.gris-999-bg { background-color: #999; }


i.gris-eee:before { color: #EEE; }

i.gris-ddd:before  { color: #DDD; }

i.gris-ccc:before  { color: #CCC; }

i.gris-999:before  { color: #999; }



.black-trans-bg { background-color: rgba(0, 0, 0, 0.5); }

.white-trans-bg { background: rgba(255,255,255,0.75); }

.verde-deg-bg { background-image: linear-gradient(to bottom right, #96e6a1, #d4fc79 )!important; }

.caja-trans-fff {
	background-color: rgba(255,255,255,0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: #000;
}

.circle-redo {
	width: 16rem;
	height: 16rem;
	border-radius: 16rem;
	display: flex;
    flex-direction: column;
    justify-content: center;
}


.circle-8 {
  width: 8rem;
  height: 8rem;
  border-radius: 16rem;
  color: #FFF;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.oee-bg { background-color: #7CB342!important; }

.disponibilidad-bg { background-color: #1E88E5!important; }

.rendimiento-bg { background-color: #FB8C00!important; }

.calidad-bg { background-color: #8E24A4!important; }

.rojo-bg { background-color: #E53935; }



.circle-12 {
  width: 12rem;
  height: 12rem;
  border-radius: 12rem;
  color: #FFF;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.circle-redo-6 {
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
  font-size: 3rem!important;
  display: flex;
  align-items: center;
  justify-content: center;
}


.cifra {
    display: block;
    font-family: 'brownregular', sans-serif;
    color: #FFF;
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 0.5rem;
}

.icon-xlg:before { font-size: 4rem; }

.slogan h1, h1.slogan, .slogan h2, h2.slogan, .slogan .h1, .h1.slogan, .slogan .h2, .h2.slogan {
  font-family: 'brownregular', sans-serif!important;
  font-weight: normal;
  color: #FFF;
  text-shadow: 2px 2px 10px #000;
  font-size: 2.4rem;
}


/* MÓDULOS */

.modulos-portada div {  }

.modulos img { 
  max-width: 60%; 
  margin: 0 auto;
}

.clientes img {
  max-width: 75%;
  margin: 2rem auto;
}

.home .clientes img {
  max-width: 100%;
  margin: 2rem auto;
  filter: brightness(0.93) grayscale(1) opacity(0.5);
}

.home  .clientes img:hover {
  filter: brightness(0.93) grayscale(0) opacity(0.5);
}



/*.home #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
    background: rgba(0, 0, 0, 0.25);
}*/
 
.casos .cell{ margin-bottom: 2rem; }

.partners .cell { 
	padding-top: 2rem;
	margin-top: 1rem;
    border-top: 1px solid #ccc;
}
 
 


.small-up-9 > .cell {
  width: 11.1%;
}

.modulos-circulo .cell {  }

.contenedor-modulos {
  max-width: 100%;
  margin: 0 auto;
}

.fondo-semicirculo { 
  background: url("../images/fondos/semicirculo-modulos-22b.png") no-repeat scroll; 
  background-position: 50% 250%!important;
  background-size: 100%;
}

.modulos-circulo a img { opacity: 0.7; }

.modulos-circulo a:hover img { opacity: 1; }

.modulos-circulo .has-tip { 
  border-bottom: 0;
  cursor: pointer;
}

.tooltip {
  background-color: #333;
  font-family: "Rawline Semibold";
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
}

.tooltip.top:before {
  border-color: #333 transparent transparent;
}
.tooltip.bottom:before {
  border-color: transparent transparent #333;
}
.tooltip.right:before {
  border-color: transparent #333 transparent;
}
.tooltip.left:before {
  border-color: transparent transparent transparent #333;
}


/* HERO */

.hero-bg {
	position: relative;
	margin-top: -70px;
	height: 400px;
}

.hero-bg:before {
	content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: brightness(0.80) grayscale(0.20);
  background-size: cover!important;
}


.hero-bg div, .cenefa-bg, .cenefa-bg div , .cenefa-bg-normal, .cenefa-bg-normal div{
  /* This will make it stack on top of the ::before */
  position: relative;
}


.cenefa-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(0.66) grayscale(0.25);
  background-size: cover;
}

.cenefa-bg-normal:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}

.hero-portada-reunion:before { background: transparent url("../images/fondos/cenefa-reunion-portada-1920.jpg") no-repeat scroll 50% 0; }

.hero-home:before { background: transparent url("../images/fondos/portatil-costes-nou3.jpg") no-repeat scroll 50% 0; }

.hero-erp:before { background: transparent url("../images/fondos/enlace-a-erp-hero.jpg") no-repeat scroll 50% 0; }

.hero-secuenciador:before { background: transparent url("../images/fondos/secuenciador-hero.jpg") no-repeat scroll 50% 0; }



.hero-control-calidad:before { background: transparent url("../images/fondos/control-calidad-hero.jpg") no-repeat scroll 50% 0; }

.hero-trazabilidad:before { background: transparent url("../images/fondos/trazabilidad-hero.jpg") no-repeat scroll 50% 0; }

.hero-trazabilidad-avanzada:before { background: transparent url("../images/fondos/trazabilidad-avanzada-hero.jpg") no-repeat scroll 50% 0; }

.hero-costes-analiticos:before { background: transparent url("../images/fondos/costes-analiticos-hero.jpg") no-repeat scroll 50% 0; }



.hero-fabrica-visual:before { background: transparent url("../images/fondos/fabrica-visual-hero.jpg") no-repeat scroll 50% 0; }

.hero-mantenimiento-gmao:before { background: transparent url("../images/fondos/mantenimiento-gmao-hero.jpg") no-repeat scroll 50% 0; }

.hero-parametros:before { background: transparent url("../images/fondos/parametros-hero.jpg") no-repeat scroll 50% 0; }

.hero-consumo-energetico:before { background: transparent url("../images/fondos/consumo-energetico-hero.jpg") no-repeat scroll 50% 0; }

.hero-guias-fabricacion:before { background: transparent url("../images/fondos/guias-fabricacion-hero.jpg") no-repeat scroll 100% 0; }

.hero-gestion-documental:before { background: transparent url("../images/fondos/gestion-documental-hero.jpg") no-repeat scroll 50% 0; }

.hero-calculo-oee:before { background: transparent url("../images/fondos/calculo-oee-hero.jpg") no-repeat scroll 50% 0; }

.hero-trabajos-manuales:before { background: transparent url("../images/fondos/trabajos-manuales-hero.jpg") no-repeat scroll 50% 0; }

.hero-operaciones-externas:before { background: transparent url("../images/fondos/operaciones-externas-hero.jpg") no-repeat scroll 50% 0; }

.hero-moldes-utillajes:before { background: transparent url("../images/fondos/moldes-utillajes-hero.jpg") no-repeat scroll 50% 0; }

.hero-auto-paros:before { background: transparent url("../images/fondos/auto-paros-hero.jpg") no-repeat scroll 50% 0; }


.hero-sistema-oee:before { background: transparent url("../images/fondos/sistema-oee-hero.jpg") no-repeat scroll 50% 0; }

.hero-sistema-mes:before { background: transparent url("../images/fondos/sistema-mes-hero.jpg") no-repeat scroll 50% 0; }

.hero-sistema-mom:before { background: transparent url("../images/fondos/sistema-mom-hero.jpg") no-repeat scroll 50% 0; }



.hero-oee:before { background: transparent url("../images/fondos/centro-logistica1500.jpg") no-repeat scroll 50% 0; }

.hero-disponibilidad:before { background: transparent url("../images/fondos/fondo-lavadoras-1920.jpg") no-repeat scroll 50% 0; }

.hero-rendimiento:before { background: transparent url("../images/fondos/factory-bots-1600.jpg") no-repeat scroll 50% 0; }

.hero-calidad:before { background: transparent url("../images/fondos/embotellado-aceite1750.jpg") no-repeat scroll 50% 0; }


.mano-industria-40:before { background: transparent url("../images/fondos/mano-tablet1800.jpg") no-repeat scroll 50% 0 / cover; }

.fondo-cerebro-verde:before { background: transparent url("../images/fondos/cerebro-verde1500.jpg") no-repeat scroll 50% 50% / cover; }

.banner-implantacion:before { background: transparent url("../images/fondos/implantacion-fabrica1800.jpg") no-repeat scroll 50% 50% / cover; }


.hero-empresario:before { background: transparent url("../images/fondos/control-productividad-1920.jpg") no-repeat scroll 50% 0 / cover; }


.hero-soluciones:before { background: transparent url("../images/fondos/soluciones-doeet-hero.jpg") no-repeat scroll 50% 0 / cover; }

.hero-control-planta:before { background: transparent url("../images/fondos/control-planta-hero.jpg") no-repeat scroll 50% 0 / cover; }

.hero-gestion-produccion:before { background: transparent url("../images/fondos/gestion-produccion-hero.jpg") no-repeat scroll 50% 0 / cover; }

.hero-trazabilidad-almacen:before { background: transparent url("../images/fondos/soluciones-trazabilidad-hero.jpg") no-repeat scroll 50% 0 / cover; }

.hero-soluciones-costes:before { background: transparent url("../images/fondos/control-costes-hero.jpg") no-repeat scroll 50% 0 / cover; }

.hero-alimentaria:before { background: transparent url("../images/fondos/loteadora1800-fecha.jpg") no-repeat scroll 50% 100% / cover; }

.hero-cosmetica:before { background: transparent url("../images/fondos/cosmetica-hero.jpg") no-repeat scroll 50% 100% / cover; }

.hero-impresion:before { background: transparent url("../images/fondos/impresion-grafica-hero.jpg") no-repeat scroll 50% 100% / cover; }


.hero-ceramica:before { background: transparent url("../images/fondos/ceramica-hero.jpg") no-repeat scroll 50% 0% / cover; }

.hero-bodegas:before { background: transparent url("../images/fondos/bodegas-hero.jpg") no-repeat scroll 50% 0% / cover; }

.hero-packaging:before { background: transparent url("../images/fondos/productividad-industria-packaging-hero.jpg") no-repeat scroll 50% 0% / cover; }

.hero-residuos:before { background: transparent url("../images/fondos/productividad-industria-residuos-hero.jpg") no-repeat scroll 50% 0% / cover; }

.hero-textil:before { background: transparent url("../images/fondos/productividad-industria-textil-hero.jpg") no-repeat scroll 50% 0% / cover; }


.hero-kit-consulting:before { 

background: transparent url("../images/fondos/kit-consulting-bg-1.jpg") no-repeat scroll 50% 20% / cover;
filter: brightness(1) grayscale(0)!important; 

}


.como-calcular-oee-hero:before { background: transparent url("../images/fondos/como-calcular-oee-hero.jpg") no-repeat scroll 50% 100% / cover; }

.sistema-mes-promo-hero:before { 
	background: transparent url("../images/fondos/sistema-mes-promo-hero.jpg") no-repeat scroll 50% 100% / cover;
	filter: brightness(0.8);
 }
 
.trazabilidad-promo-hero:before { background: transparent url("../images/fondos/control-trazabilidad-promo-hero.jpg") no-repeat scroll 50% 100% / cover; }

 
.control-produccion-promo-hero:before { 
	background: transparent url("../images/fondos/control-produccion-promo-cenefa.jpg") no-repeat scroll 50% 0% / cover;
 }
 
 .gestion-stock-promo-hero:before { 
	background: transparent url("../images/fondos/gestion-stock-promo-hero.jpg") no-repeat scroll 50% 50% / cover;
 }

.fondo-industria-40:before {
    background: #C5E1A5 url("../images/fondos/conceptos-industria-40-1920.jpg") no-repeat scroll 50% 0 / cover;
    filter: brightness(1) grayscale(0);
}

.home .fondo-industria-40:before {
    background: #003366 url("../images/fondos/conceptos-industria-40-1920.jpg") no-repeat scroll 50% 0 / cover;
    filter: brightness(1) grayscale(1);
}


.carousel-modulos .owl-stage-outer, .carousel-informes .owl-stage-outer {
    margin-top: -90px;
    background: #C5E1A5 url("../images/fondos/fondo-industria1.jpg") no-repeat scroll 50% 50%;
	background-size: 1600px;
}

.fondo-fabrica1 { background: transparent url("../images/fondos/industria-graficas1200.jpg") no-repeat scroll 50% 0 / cover; }

.fondo-data-center { background: transparent url("../images/fondos/data-center1800.jpg") no-repeat scroll 50% 0 / cover; }

.fondo-mano-tablet { background: transparent url("../images/fondos/hombre-tablet-sat1800.jpg") no-repeat scroll 50% 0 / cover; }

.fondo-kit-digital:before { background: transparent url("../images/fondos/europa-kit-digital-1920.jpg") no-repeat scroll 50% 100% / cover; }




.hero-sectores:before { background: transparent url("../images/fondos/sectores-bg-1920.jpg") no-repeat scroll 50% 100% / cover; }

.hero-plastic:before { background: transparent url("../images/fondos/plastico-bg-1920.jpg") no-repeat scroll 50% 100% / cover; }

.hero-pharma:before { background: transparent url("../images/fondos/pharma-hero.jpg") no-repeat scroll 50% 100% / cover; }

.hero-hortofruticola:before { background: transparent url("../images/fondos/hortofruticola-hero.jpg") no-repeat scroll 50% 100% / cover; }

.cenefa-hortofruticola:before { background: transparent url("../images/fondos/hortofruticola-bg-1920.jpg") no-repeat scroll 50% 0 / cover; }

.hero-metal-mecanico:before { background: transparent url("../images/fondos/metal-mecanico-bg.jpg") no-repeat scroll 50% 100% / cover; }


.cenefa-plastic:before { background: transparent url("../images/fondos/plastico-molding-tablet-checklist-1920.jpg") no-repeat scroll 0% 50% / cover; }

.cenefa-demo:before { background: transparent url("../images/fondos/operario-naranja-1440b.jpg") no-repeat scroll 50% 0% / cover; }

.hero-oee-promo:before { background: transparent url("../images/fondos/sistema-oee-control-produccion-1920.jpg") no-repeat scroll 50% 0% / cover; }



.cuadro-mandos-hero:before { 
	background: transparent url("../images/fondos/cuadro-mandos-hero.jpg") no-repeat scroll 50% 0% / cover;
	background-color: #003366!important;	
}



.linea-punto-bg:before { 
	background: #AED581 url("../images/fondos/linea-punto-1920b.png") no-repeat scroll -20% 50%;
	background-size: 70%;
}

.implantacion-fabrica-bg:before { 
	background: #AED581 url("../images/fondos/implantacion-fabrica-1920.jpg") no-repeat scroll 100% 200%;
	background-size: 100%;
}

.modulos-bg:before { 
	background: #AED581 url("../images/fondos/modulos-15-1920c.png") no-repeat scroll 50% 50%;
	background-size: 300%;
    filter: opacity(0.5);
}


@media print, screen and (min-width: 64em) { /* LARGE PC min-width: 1024px a 1440px */

	.implantacion-fabrica-bg:before { 
		background: #AED581 url("../images/fondos/implantacion-fabrica-1920.jpg") no-repeat scroll 100% 30%;
		background-size: 60%;
	}
	
	.modulos-bg:before { 
		background-size: 80%;
	}
	
	.home .modulos-bg:before { 
		background-size: 66%;
	}
	
	.cifra {
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
	
	.parrafo-250-truco { width: 250%; }
	
	
	.grid-margin-x>.large-5-col {
		width: calc(20% - 1.875rem);
	}

}


.carousel-informes .owl-stage { 
  display: flex;
  align-items: flex-end;
}

.carousel-informes .owl-stage-outer {
  display: flex;
  margin-top: -110px;
  height: 320px;
  border-bottom: 1px solid #CCC; 
  background: #859375 url("../images/fondos/fondo-industria1.jpg") no-repeat scroll 50% 50%;
  background-size: 1600px;
}

.owl-dots {
  margin: 1rem auto;
  max-width: 75rem;
  text-align: center;
}

.owl-dots .owl-dot {
  background: #ccc;
  border-radius: 15px;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  display: inline-block;
}


/* PARALLAX */

.parallax-section-1 {
    background: #FFF url('../images/fondos/portatil-costes-1440-dark.jpg') 50% 50% no-repeat;
    background-size: cover;
    background-position-x: 50%!important;
}

.parallax-section-2 {
    background: #FFF url('../images/fondos/fondo-trazabilidad-1800.jpg') 50% 50% no-repeat;
    background-size: cover;
    background-position-x: 50%!important;
}

.parallax-section-implantacion {
    background: #AED581 url('../images/fondos/implantacion-fabrica-1920.jpg') 50% 50% no-repeat;
    background-size: 100%;
    background-position-x: 100%!important;
}

.parallax-section-linea-punto {
    background: #AED581 url('../images/fondos/linea-punto-1920b.png') 50% 50% no-repeat;
    background-size: 200%;
    background-position-x: 0%!important;
}

.parallax-conceptos {	
	background: #a7cd7c url("../images/fondos/fondo-rejilla-conceptos-1920.jpg") no-repeat scroll 50% 0 / cover;
	background-position-x: 0%!important;
	background-size: 80%;
}






.animated.animated-lg.delay-05s, .animated.animated-lg.delay-1s, .animated.animated-lg.delay-15s, .animated.animated-lg.delay-2s, .animated.animated-lg.delay-3s, .animated.animated-lg.delay-4s {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}


@media print, screen and (min-width: 40em) { /* MEDIUM TABLET min-width: 640px a 1024 */

	.parallax-section-implantacion {
		background-size: 60%;
	}

	.parallax-section-linea-punto {
		background-size: 70%;
	}

	.animated.animated-lg.delay-05s {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}

	.animated.animated-lg.delay-1s {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}

	.animated.animated-lg.delay-15s {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
	}

	.animated.animated-lg.delay-2s {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}

	.animated.animated-lg.delay-3s {
		-webkit-animation-delay: 3s;
		animation-delay: 3s;
	}

	.animated.animated-lg.delay-4s {
		-webkit-animation-delay: 4s;
		animation-delay: 4s;
	}
}	

/* HEADER */

.top-bar {
  background-color: transparent;
  width: 100%;
  padding: 0;
  max-width: 1200px;
  margin: 0.5rem auto 0;
  display: block;
}

.top-bar-right {
	
	float: right;
}

.top-bar ul {
  background-color: transparent;
  float: right;
}

.top-bar .top-bar-left, .top-bar .top-bar-right { flex: 0 1 auto; }

.sticky { padding: 0; }

.sticky-container { z-index: 999; } 

.sticky.is-stuck.is-at-top { background: rgba(0,0,0,0.5); }

.sticky.is-stuck .top-menu { display: none; }


.sticky.is-stuck .top-bar #mega-menu-wrap-main-nav #mega-menu-main-nav { border-top:0; }

.sticky.is-stuck .logo a {
  background-size: 120px;
  height: 50px;
  width: 120px;
}

.title-bar { background-color: transparent; }

i:before { font-size: 1.4rem; }


.top-menu {
    float: right;
}

#mega-menu-wrap-top_submenu #mega-menu-top_submenu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-top_submenu #mega-menu-top_submenu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { 
	padding: 0.7rem 1rem!important;
	font-size: 0.75rem!important;
	line-height: 0.75rem;
    height: 2rem;
	font-family: "Rawline Semibold", Arial, sans-serif!important;
	text-shadow: 1px 1px 2px #000;
	letter-spacing: 0.05rem;
	word-spacing: 0.1rem;
}


.mega-wpml-ls-item .mega-sub-menu {
  width: 120px!important;
}

.logo a {
  background: url(../images/doeet-logo-blanco-verde-160.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 50px;
  width: 120px;
  display: inline-block;
  background-size: 120px;
}

a.idioma {
	padding: 0.5rem 1.5rem 0.5rem 0.5rem!important;
}

a.idioma i:before {
	color: #fff;
	font-size: 1.4rem;
}


footer a.logo {
  background: url(../images/doeet-logo-blanco-verde-480.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 75px;
  width: 180px;
  display: inline-block;
  background-size: 180px;
}

.logo-gris a {
  background: url(../images/doeet-logo-gris-160.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 50px;
  width: 120px;
  display: inline-block;
  background-size: 120px;
}

.logo-blanco a {
  background: url(../images/doeet-logo-blanco-verde-160.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 50px;
  width: 120px;
  display: inline-block;
  background-size: 120px;
}



/* NO MENU */

.post-template-no-menu-php .sticky.is-stuck.is-at-top {
    background: transparent;
}

.post-template-no-menu-php .sticky.is-stuck {
    position: relative; 
}

.post-template-no-menu-php .top-bar-right {
    max-width: none!important;
} 

.dropdown.menu > li.is-active > a { color: #FFF; }

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
  padding-right: 1.5rem; 
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after, .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
  border-color: #8BC34A rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.is-dropdown-submenu-parent {
  padding-right: 0.5rem;
}

.dropdown.menu .submenu {
  border: 0;
  background-color: rgba(0,0,0,0.5);
  min-width: 240px;
  list-style: none;
}


.off-canvas-content { box-shadow: none; }

.off-canvas { background-color: #333; }

.off-canvas .menu > li a { background-color: #333; border-bottom: 1px solid #555; }

.off-canvas .menu > li a:hover { background-color: #444; }

.off-canvas .submenu li a { background-color: #555; }

.off-canvas .submenu li a:hover { background-color: #666; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color: #8BC34A transparent transparent; }

/* FOOTER */

footer.footer {
  background-color: #333;
  color: #666;
  margin-top: 0;
}

.logo-doeet-gris {
  background: url(../images/doeet-gris480.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 46px;
  width: 120px;
  display: inline-block;
  background-size: 120px;
}

.footer a.logo-blanco {
  background: url(../images/doeet-logo-blanco-480.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 69px;
  width: 180px;
  display: inline-block;
  background-size: 180px;
  opacity: 0.75;
}

.footer a.logo-blanco:hover {
  opacity: 1;
}

.icono-wassap {
	font-family: 'brownregular', sans-serif!important;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 200px;
    z-index: 999;
	font-weight: normal;
	font-size: 1.1rem;
	text-decoration: none;
}


.icono-wassap img { width: 48px; }

footer a { text-decoration: none; color: #888; }

footer a:hover { text-decoration: none; color: #999; }

.social i:before { color: #8BC34A; opacity: 0.8; }

.social i:hover:before { color: #8BC34A; opacity: 1; }

.footer .menu-footer a {
  text-transform: uppercase;
  font-family: "Rawline Semibold", Arial, sans-serif!important;
  text-decoration: none;
  font-size: 1rem;
}

.menu-footer {

}

.menu-footer li {
  margin-bottom: 1rem;
  width: 100%;
}

.menu-footer .menu > li:not(.menu-text) > a {
  padding: 0;
  text-shadow: none;
  color: #777;
  font-size: 1rem;
  line-height: 1.4;
}

.menu-footer .menu > li:not(.menu-text) > a:hover {
  color: #999;
}

.menu > li a:hover, li.is-active {
    background-color: transparent;
}

#menu-legal, #menu-legal_en, #menu-legal_pt { float: right; }

.legal .menu > li:not(.menu-text) > a {
  font-family: 'Open Sans Semibold', Arial, sans-serif!important;
  padding: 0;
  margin-left: 1.2rem;
  text-shadow: none;
  color: #777;
  font-size: 0.95rem;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: initial;
  word-spacing: initial;
}

.legal .menu > li:not(.menu-text) > a:hover {
  color: #999;
}

.top-menu .menu li a:hover {
    background: rgba(0, 0, 0, 0.9);
}

footer .linea-sup { border-top: 1px solid rgba(255, 255, 255, 0.2); }


ol.medium {
   list-style: none;
   counter-reset: item;
   margin-left: 40px;
}

ol.medium li {
   counter-increment: item;
   margin-bottom: 5px;

}
 
ol.medium li:before {
   margin-right: 10px;
   content: counter(item);
   background-color: #AED581;
   border-radius: 100%;
   color: white;
   width: 30px;
   height: 30px;
   text-align: center;
   display: inline-block;
   font-size: 1.6rem;
   line-height: 2rem;
   margin-left: -40px;
}

ol.medium.commet li:before {
   background-color: #369;
}


/* PLUGINS */

.owl-carousel { display: block!important; }

.owl-nav { display: none; }

#rev_slider_1_1_wrapper { margin-top: -103px!important; }

.animated.animated-lg.delay-05s, .animated.animated-lg.delay-1s, .animated.animated-lg.delay-15s, .animated.animated-lg.delay-2s, .animated.animated-lg.delay-3s, .animated.animated-lg.delay-4s {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
  

@media print, screen and (min-width: 40em) { /* MEDIUM TABLET min-width: 640px a 1024 */


  .logo a {
    height: 63px;
    width: 160px;
    background-size: 160px;
  }
  
  .logo-gris a {
    height: 63px;
    width: 160px;
    background-size: 160px;
  }
  
  .logo-blanco a {
  height: 63px;
    width: 160px;
    background-size: 160px;
}

  .borde-izda-small-no {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
  
  .top-bar-right {
	max-width: 100%!important;
  }

  .padding-2 { padding: 2rem; }
  
  .padding-3 { padding: 3rem; }
  
  .padding-3-hor { padding: 0 3rem; }
  
  
  .padding-2 ul { margin-bottom: 0; }

  .contenedor-modulos { margin: 0 auto; }

  .borde-top-izda, .borde-top-izda-no { 
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0;
    padding-top: 0;
  }

  .hero-bg {
	margin-top: -95px;
	height: 480px;
  }

  .slogan h1, h1.slogan, .slogan h2, h2.slogan { font-size: 4rem; }

  .parallax-section-1 { background-size: 120%; }

  .animated.animated-lg.delay-05s {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}

	.animated.animated-lg.delay-1s {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}

	.animated.animated-lg.delay-15s {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
	}

	.animated.animated-lg.delay-2s {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}

	.animated.animated-lg.delay-3s {
		-webkit-animation-delay: 3s;
		animation-delay: 3s;
	}

	.animated.animated-lg.delay-4s {
		-webkit-animation-delay: 4s;
		animation-delay: 4s;
	}

  .carousel-informes .owl-stage-outer { height: 480px; }
  
    .cenefa-2 { padding-top: 2rem; padding-bottom: 2rem; }

  .cenefa-4 { padding-top: 4rem; padding-bottom: 4rem; }
  
  .cenefa-6 { padding-top: 6rem; padding-bottom: 6rem; }
  
  .cenefa-8 { padding-top: 8rem; padding-bottom: 8rem; }

}


@media print, screen and (min-width: 64em) { /* LARGE PC min-width: 1024px a 1440px */


}


@media only screen and (min-width: 90em) { /* XLARGE SCREENS min-width: 1440px */

  .parallax-section-1 { background-size: 100%; }



}



/* MARTOP */

.martop-0 { margin-top: 0; }

.martop-05 { margin-top: 0.5rem; }

.martop-1 { margin-top: 1rem; }

.martop-2 { margin-top: 2rem; }

.martop-3 { margin-top: 3rem; }

.martop-4 { margin-top: 4rem; }

.martop-5 { margin-top: 5rem; }

.martop-6 { margin-top: 6rem; }

.martop-8 { margin-top: 8rem; }

.martop-10 { margin-top: 10rem; }

.martop-12 { margin-top: 12rem; }


.martop-small-0 { margin-top: 0rem; }

.martop-small-1 { margin-top: 1rem; }

.martop-small-2 { margin-top: 2rem; }

.martop-small-3 { margin-top: 3rem; }

.martop-small-4 { margin-top: 4rem; }

.martop-small-5 { margin-top: 5rem; }

.martop-small-6 { margin-top: 6rem; }

.martop-small-8 { margin-top: 8rem; }

.martop-small-10 { margin-top: 10rem; }

.martop-small-12 { margin-top: 12rem; }






@media only screen and (min-width: 40.063em) { /* MEDIUM TABLET min-width: 641px a 1024 */

    .martop-small-1, .martop-small-2, .martop-small-3, .martop-small-4, .martop-small-5, .martop-small-6, .martop-small-7, .martop-small-8, .martop-small-9, .martop-small-10, .martop-small-12 { margin-top: 0; }

    .martop-medium-0 { margin-top: 0; }

    .martop-medium-1 { margin-top: 1rem; }

    .martop-medium-2 { margin-top: 2rem; }

    .martop-medium-3 { margin-top: 3rem; }

    .martop-medium-4 { margin-top: 4rem; }

    .martop-medium-5 { margin-top: 5rem; }

    .martop-medium-6 { margin-top: 6rem; }
	
	.martop-medium-8  { margin-top: 8rem; }
	
	.martop-medium-10 { margin-top: 10rem; }
	
	.martop-medium-12 { margin-top: 12rem; }

}

@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px a 1440px */

    .martop-medium-1, .martop-medium-2, .martop-medium-3, .martop-medium-4, .martop-medium-5, .martop-medium-6, .martop-medium-7, .martop-medium-8, .martop-medium-9, .martop-medium-10, .martop-medium-12 { margin-top: 0; }

    .martop-large-0 { margin-top: 0; }

    .martop-large-1 { margin-top: 1rem; }

    .martop-large-2 { margin-top: 2rem; }

    .martop-large-3 { margin-top: 3rem; }

    .martop-large-4 { margin-top: 4rem; }

    .martop-large-5 { margin-top: 5rem; }

    .martop-large-6 { margin-top: 6rem; }
	
	.martop-large-8 { margin-top: 8rem; }
	
	.martop-large-10 { margin-top: 10rem; }
	
	.martop-large-12 { margin-top: 12rem; }
	
	
	
	.martop-nega-2 { margin-top: -2rem; }

    .martop-nega-4 { margin-top: -4rem; }

    .martop-nega-6 { margin-top: -6rem; }
	
	.martop-nega-8 { margin-top: -8rem; }
	
	.martop-nega-10 { margin-top: -10rem; }
	
	.martop-nega-12 { margin-top: -12rem; }

}