/*
Theme Name: twentytwenty-hijo
Theme URI: http://findirect.workingdemos.es/
Version: 1.0
Description: Tema hijo de TwentyTwenty
Author: Gina Vicente
Author URI: https://www.theoms.es/
Template: twentytwenty
*/
/*--------------------------------------------------------------
>>> GPDR:
------------------------------------------------------------- */
.gdpr.gdpr-privacy-bar, .gdpr.gdpr-reconsent-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 18%);
    width: 100%;
    color: #fff;
    z-index: 9999999;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper, .gdpr.gdpr-reconsent-bar .gdpr-wrapper {
    padding: 20px 60px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    background: #fff;
    color: #000000;
    width: 50%;
    margin: 20% auto;
    border-radius: 5px;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper, .gdpr.gdpr-reconsent-bar .gdpr-wrapper {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    background: #fff;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p, .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content p {
    color: #000000;
    font-size: 15px;
    font-family: 'Magdelin'!important;
    text-align: left;
}
#cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
    margin-top: 8px;
    margin-bottom: 10px;
    margin-left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
    margin-top: 5px;
    border-radius: 37px;
    margin-bottom: 5px;
    padding: 15px;
}
.cli-bar-message A {
	    color: #03d0b6;
}

.wpcf7-not-valid-tip {    
    font-size: 13px !important;    
}

/*--------------------------------------------------------------
>>> TABLA DE CONTENIDOS:
------------------------------------------------------------- */
body {
	background:#ffffff;
	margin:0;
}
body.page-template.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: 100%;
    max-width: 100%;
}

body.page-template header.entry-header.has-text-align-center.header-footer-group {
	display:none;
}
body.page-template .sidebar {
	display:none;
}
.post-inner {
    padding-top: 0;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon {
    color: #0D2042!important;
}
body:not(.overlay-header) .primary-menu ul {
    background-color: #ffffff!important;
	color:#000023;
}
section {
    padding: 0;
}
/*.entry-content > * {
    margin-bottom: 0;
}*/
li {
    margin: 0;
}
.footer-nav-widgets-wrapper.header-footer-group {
    background: #000023;
	text-align:center;
}
#site-header {
    width: 100%!important;
}
footer {
    background-image: url(/wp-content/uploads/2021/11/forma-footer.svg);
    background-repeat: no-repeat;
    background-position: left 0;
    background-size: 48%;
}
.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {
    margin-bottom: 0;
    margin-top: 0;
}
.wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top {
    z-index: 0;
}
[class*="__inner-container"] > .alignwide {
    max-width: 1450px;
    width: 100%;
}
/*--------------------------------------------------------------
>>> fuentes:
------------------------------------------------------------- */
body {
    font-family: "Magdelin", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color:#0D2042;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file {
    font-family: "Mattone 150", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color:#0D2042;
}
.entry-content {
    font-family: Magdelin, sans-serif;
    letter-spacing: normal;
}
.entry-content h1 {
	margin: 0 0 45px;
	overflow-wrap: normal;
    word-break: normal;
}
.entry-content h2, .entry-content h3 {
    margin: 0 0 2rem;
	overflow-wrap: normal;
    word-break: normal;
}
/*--------------------------------------------------------------
>>> Footer:
------------------------------------------------------------- */
.footer-nav-widgets-wrapper, #site-footer {
    background-color: #000023;
	color:#ffffff;
    border-color: none;
    border-style: none;
    border-width: 0;
	text-align:center;
}
.footer-nav-widgets-wrapper, #site-footer a {
	color:#ffffff;
}
.footer-nav-widgets-wrapper, #site-footer .enlaces-sociales  {
	display:inline-block;
	float:left;
	margin-right:4rem;
}
.footer-nav-widgets-wrapper, #site-footer .enlaces-sociales:last-of-type  {
	margin-right:0;
	margin-top:6px;
}

.footer-nav-widgets-wrapper, #site-footer .enlaces-apps  {
	float: right;
    margin:0;
}
#site-footer .enlaces-apps figure, #site-footer .enlaces-sociales figure, {
	margin:0!important;
}
#site-footer .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
	margin:0!important;
}
p.lleva {
    display: inline-block;
    line-height: 54px;
	float:right;
}
figure.wp-block-image.size-large.googleplay {
    top: -24px;
    position: relative;
}
figure.wp-block-image.size-large.appstore {
    position: relative;
    top: -12px;
	left: 0;
}
.footer-nav-widgets-wrapper, #site-footer ul {
	list-style:none;
}
.footer-nav-widgets-wrapper, #site-footer ul li {
	display:inline;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	padding-right: 0.7em;
}
.footer-nav-widgets-wrapper, #site-footer ul li:after {
	content:"";
	border-right:1px solid #ffffff;
	height: 15px;
    display: inline-block;
	padding-left:0.7em;
}
.footer-nav-widgets-wrapper, #site-footer ul li:after:last-child {
	content:none;
	border-right:none;
    display:none;
	padding-left:0;
}
#site-footer .alignwide {
    max-width: 1450px;
}
.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
    font-family: NonBreakingSpaceOverride, "Poppins", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color:#ffffff;
}
.footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #ffffff!important;
}
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 0;
}
.footer-nav-widgets-wrapper .section-inner {
    width: 100%;
    max-width: 100%;
}
.footer-widgets {
    width: 100%;
}
.header-footer-group {
    color: #ffffff!important;
}
/*--------------------------------------------------------------
>>> MENU:
------------------------------------------------------------- */
.primary-menu ul a {
    background: transparent;
    border: none;
    color: inherit;
    display: block;
    padding: 1rem 29px 1rem 85px;
    transition: background-color 0.15s linear;
    width: 100%;
    font-family: Poppins;
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
    line-height: 200%;
    color: #000023;
}
.primary-menu ul.sub-menu li a:after {
	border-bottom:1px solid #000023;
	width:231px;
	display: block;
    content: "";
	margin-top:10px;
}
.primary-menu ul.sub-menu li:last-child a:after {
	border-bottom:none;
	width:231px;
	display: none;
    content: "";
}
.primary-menu li a:hover {
    text-decoration: none;
    font-weight: bold;
}
.primary-menu li a span.servicios {
    display: block;
    font-style: italic;
}
.primary-menu > li > .icon {
    right: -0.5rem;
    top: calc(46% - 0.4rem);
    left: calc(-8% - 0.4rem);
}
.primary-menu li:last-child {
	margin-left:60px;
	margin-left:auto;
}
.primary-menu ul.sub-menu li:last-child {
	margin-left:0;
}
ul.primary-menu {
    justify-content: flex-start;
}
ul.sub-menu {
    width: 450px;
    margin-left: 200px!important;
    margin-top: 16px;
	border-radius:0!important;
}

.primary-menu ul::after {
    display:none;
}
.header-inner {
    padding: 1.805rem 0;
}
.header-navigation-wrapper {
    width: 100%;
}
a.menu-comercio {
    font-style: italic!important;
	font-size: 17px!important;
    margin-left: 40px!important;
}
/*--------------------------------------------------------------
>>> ACCESO:
------------------------------------------------------------- */
.top-section.formulario-login.findirect h1 {
    font-family: Magdelin;
    font-style: italic;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #1F1F1F;
    margin-bottom: 32px!important;
}
.top-section.formulario-login.findirect {
	min-height:932px;
}
.top-section.formulario-login.findirect .formulario {
    background: #ffffff;
    display: flex;
    max-width: 646px;
    padding: 50px;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    flex-wrap: nowrap;
    position: relative;
    color: #000023;
    margin-top: 170px;
}
.top-section.formulario-login.findirect form {
	padding:0;
}
/*--------------------------------------------------------------
>>> GENERALES:
------------------------------------------------------------- */
.movil {
		display:none;
	}
	.desktop {
		display:block;
	}
.header-inner {
    justify-content: flex-start;
}
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {
    text-decoration: none;
}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
	font-weight:bold;
	padding-top: 2px;
}
.primary-menu a {
	text-decoration:none;
}
.container {
		max-width: 1450px;
		margin: 0 auto;
		position:relative;
	}
.entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after {
	display:none;
}
.entry-content hr, hr.styled-separator {
    background: #000!important;
    background-color: !important;
    border: none;
    height: 0.1rem;
    overflow: visible;
    position: relative;
}
.alignwide {
    max-width: 1450px;
}
.alignfull {
    margin-top: 0;
    margin-bottom: 0;
}
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
	margin:0 auto;
}
.wp-block-columns:not(.alignwide):not(.alignfull) {
	margin-bottom: 0;
}
.left-col, .right-col {
    width: 50%;
    float: left;
    position: relative;
}
strong.phone {
	font-style:italic;
}
.wp-block-columns.alignwide.datos-inferiores {
    margin-top: 50px!important;
}
.wp-block-column.botones {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}
.wp-block-column.botones-dos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.datos-inferiores span.dato, .datos-inferiores span.dato-negativo {
	font-family: Magdelin;
	font-style: normal;
	font-weight: 900;
	font-size: 60px;
	line-height: 74px;
	display:block;
	margin:0 auto 20px;
	width: fit-content;
}
.frakmenta .datos-inferiores span.dato:before, .frakmenta .datos-inferiores span.dato-negativo:before {
	color: #009C77;
}
span.dato:before {
	content:"+";
	font-family: Magdelin;
	font-style: normal;
	font-weight: 900;
	font-size: 60px;
	line-height: 74px;
	text-align: center;
	color: #0085FF;
}
span.dato-negativo:before {
	content:"-";
	font-family: Magdelin;
	font-style: normal;
	font-weight: 900;
	font-size: 60px;
	line-height: 74px;
	text-align: center;
	color: #6AEAB3;
}
.page-template-default .singular .entry-header {
    display: none!important;
}
.button-fi {
		color: #ffffff;
		border-radius: 100px;
		width: 445px;
		height: 75.25px;
		font-family: Magdelin;
		font-style: normal;
		font-weight: 900;
		font-size: 25px;
		line-height: 73px;
		cursor: pointer;
		border: none;
		margin: 2rem auto 0;
		display: block;
		text-decoration: none;
		text-align: center;
	}
figure.wp-block-image.size-large {
    position: relative;
}
/*--------------------------------------------------------------
>>> AJUSTES PARA 6 PAGINAS DONDE LOS H1 PASAN A SER <SPAN>:
------------------------------------------------------------- */
.entry-content .wp-block-group.alignfull.top-section.home.ajuste-h1 h1, .wp-block-group.alignfull.top-section.findirect.vende-mas h1, .wp-block-group.alignfull.top-section.frakmenta.ajuste-h1 h1 {
	color:#ffffff;
	font-family: Magdelin;
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 40px;
	    text-transform: uppercase;
}
.entry-content .wp-block-group.alignfull.top-section.home.ajuste-h1 p.titulo, .wp-block-group.alignfull.top-section.findirect.vende-mas p.titulo, .wp-block-group.alignfull.top-section.frakmenta.ajuste-h1 p.titulo, .top-section h2 {
	font-family: 'Mattone 150';
		font-style: normal;
		font-weight: 500;
		font-size: 60px;
		line-height: 72px;
		color: #FFFFFF;
		margin: 0 0 45px!important;
}

/*--------------------------------------------------------------
>>> HOME:
------------------------------------------------------------- */
.wp-block-columns.desktop .wp-block-column.text-icon {
	font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
	color: #0D2042;
}
.frakmenta .wp-block-columns.desktop {
	display:flex;
}
.frakmenta .wp-block-columns.desktop figure.wp-block-image.size-large.icon {
    width: 220px;
    height: 220px;
}
/*--------------------------------------------------------------
>>> TOP SECTION:
------------------------------------------------------------- */
.top-section {
		background: #075DA6;
		color:#ffffff;
		width: 100%;
		min-height: 666px;
		/*height: calc(100vh);*/
		overflow: hidden;
	}
	.top-section h1 {
		font-family: Mattone 150;
		font-style: normal;
		font-weight: 500;
		font-size: 60px;
		line-height: 72px;
		color: #FFFFFF;
		margin: 0 0 45px!important;
	}
.top-section h3 {
	color:#ffffff;
	font-family: Magdelin;
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 40px;
}
.top-section .alignwide {
    max-width: 1450px;
}

/*.top-section .prota-home {
    background-image: url(/wp-content/uploads/2021/12/Findi_Home_New.png);
    background-size: 668px 830px;
    display: block;
    width: 668px;
    height: 830px;
    content: "";
    position: relative;
}*/

.top-section .prota-home {
    background-image: url(/wp-content/uploads/2024/07/BESTPERFORMANCEORO1.png);
    background-size: 555px 595px;
    display: block;
    width: 555px;
    height: 595px;
    content: "";
    position: relative;
	left: 215px;
}


.top-section .prota-home-1 {
	background-image: url(/wp-content/uploads/2021/11/prota-home-f.png);
		background-size: 903px 830px;
		display: block;
		width: 903px;
		height: 830px;
		content: "";
		position: relative;
		left:-130px;
}

.top-section .prota-home-1 img,
.top-section .prota-home img{
    margin:0 auto;
    max-width:180px !important;
    opacity:0.6;
    transition-duration: 1s;
}

.top-section .prota-home-1 img:hover,
.top-section .prota-home img:hover{
    opacity: 1;
    cursor: pointer;
}
.top-section .prota-home-1,
.top-section .prota-home{
    display:flex;
    align-items: center;
}

.top-section .logo {
	position:relative;
	margin-top: 255px!important;
}

	.top-section .forma-1 {
		background-image: url(/wp-content/uploads/2021/11/forma-1-sec-top-g.svg);
		background-size: 724px 926px;
		display: block;
		width: 724px;
		height: 926px;
		content: "";
		float:left;
		position: absolute;
		left: 14.58%;
		right: 47.71%;
		top: 4.57%;
		bottom: 79.95%;
	}
	.top-section .forma-2 {
		background-image: url(/wp-content/uploads/2021/11/forma-2-sec-top-g.svg);
		background-size: 793px 871px;
		display: block;
		width: 793px;
		height: 871px;
		content: "";
		float:right;
		position: absolute;
		position: absolute;
		left: 41.2%;
		right: 17.55%;
		top: -0.32%;
		bottom: 85.43%;
	}
	.top-section .button-fi {
		width: 301px;
		height: 75.25px;
		left: 240px;
		top: 631px;
		background: #35A5D1;
		color:#ffffff;
		border-radius: 78px;
		font-family: Magdelin;
		font-style: normal;
		font-weight: 900;
		font-size: 25px;
		line-height: 73px;
		cursor:pointer;
		border: none;
		margin-left:0;
	}
.top-section .wp-block-column.con-info {
	    display: flex;
    justify-content: center;
    flex-direction: column;
}
.top-section.contacto {
	padding-bottom:4rem;
}
.contacto .tab {
	margin-top:0!important;
}
/*--------------------------------------------------------------
>>> SOLUTIONS SECTION:
------------------------------------------------------------- */
.solutions-section {
    background: #E0EEF1;
    color: #0D2042;
    padding: 100px 0 70px;
    display: flex;
    height: 882px;
}
.solutions-section h3 {
    font-family: Mattone 150;
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	line-height: 72px;
	color: #0D2042;
	}
	.right {
		max-width: 720px;
		float: left;
	}
	.left {
		width: 50%;
		float: left;
	}
.solutions-section .forma-3 {
	background-image: url(/wp-content/uploads/2021/11/forma-1-sec-soluciones-g.svg);
		background-size: 511px 559px;
		display: block;
		width: 511px;
		height: 559px;
		content: "";
		position: absolute;
	    left: 5%;
}
.solutions-section .prota-soluciones {
    z-index:2;
	position:relative;
}
/*--------------------------------------------------------------
>>> SERVICES SECTION:
------------------------------------------------------------- */
.services {
		background: #ffffff;
		padding: 0 0 3em;
	}
	.services hr.styled {
		border-top: 2px solid #000023;
		border-bottom: none;
		border-left: none;
		border-right: none;
		margin: 5em 0;
	}
	.services .button-fi {
		color: #ffffff;
		border-radius: 100px;
		width: 445px;
		height: 75.25px;
		font-family: Magdelin;
		font-style: normal;
		font-weight: 900;
		font-size: 25px;
		line-height: 73px;
		cursor: pointer;
		border: none;
		margin: 5rem auto 0;
		display: block;
		text-decoration: none;
		text-align: center;
	}
	.services .findirect .button-fi {
    background: #0D2042;
    color: #ffffff;
}
strong.has-text-align-center {
    text-align: center;
    display: block;
}
.flecha-home {
    left: 150px;
    bottom: 11px;
    position: relative;
}
	.services .frakmenta .button-fi {
		background: #009C77;
		color:#ffffff;
	}
	.services .findirect ul li, .services .frakmenta ul li {
		width: 33%;
    display: block;
    float: left;
    text-align: center;
    font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    margin: 2em 0;
    padding: 0 6rem;
	color:#0D2042;	
	}
.services .frakmenta ul.cuatro li {
		width: 25%;
    display: block;
    float: left;
    text-align: center;
    font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    margin: 2em 0;
    padding: 0 2rem;
	color:#0D2042;
	}
figure.wp-block-image.size-large.icon {
    display: flex;
    width: 220px;
    height: 220px;
    margin: 0 auto 44px!important;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.findirect .wp-block-columns.desktop {
	display:flex;
}
figure.wp-block-image.size-large.logo-findirect {
    margin-bottom: 4rem!important;
}
	.findirect h3, .frakmenta h3 {
		text-align: left;
		font-family: Mattone 150;
		font-style: normal;
		font-weight: 500;
		font-size: 60px;
		line-height: 72px;
		color: #0D2042;
	}
	.findirect p, .frakmenta p {
		font-family: Magdelin;
		font-style: normal;
		font-weight: normal;
		font-size: 25px;
		line-height: 140%;
	}
	.frakmenta, .with-you {
		padding: 0 0 5em;
	}

/*--------------------------------------------------------------
>>> SECCIONES home with you:
------------------------------------------------------------- */
.wp-block-column .alinea-bottom {
	display: flex;
    align-content: flex-end;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 160px;
}
	


/*--------------------------------------------------------------
>>> SECCIONES CIFRAS:
------------------------------------------------------------- */
section.cifras ul li {
	width: 25%;
    display: block;
    float: left;
    text-align: center;
    font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    margin: 2em 0;
    padding: 0 2rem;
}
/*--------------------------------------------------------------
>>> TARIFAS:
------------------------------------------------------------- */
section.tarifas {
    padding: 5rem 0;
}
a.legales {
	color:#0070BA;
	text-decoration:none;
	font-size:17px;
}
a.legales:hover {
	text-decoration:underline;
}
span.legales {
	font-size:17px;
	
}
table.ui.celled.table.text-center {
    border: none;
    text-align: center;
    max-width: 81rem;
    margin: 2rem auto 4rem;
}
table.ui.celled.table.text-center tbody tr {
	 border-top: 1px solid #ddd;
}
table.ui.celled.table.text-center tbody tr:first-child {
	 border-top: 3px solid #ddd;
}   
table.ui.celled.table.text-center th, td {
    border: none;
    line-height: 1.4;
    margin: 0;
    overflow: visible;
    padding: 0.5em;
}
/*--------------------------------------------------------------
>>> SECCION VENTAJAS:
------------------------------------------------------------- */
.ventajas ul li {
	width: 25%;
    display: block;
    float: left;
    text-align: center;
    font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    margin: 2em 0;
    padding: 0 2rem;
}
.ventajas i.icon {
	display:block;
	width:220px;
	height:220px;
	margin:0 auto 44px;
	background:aliceblue;
}

/*--------------------------------------------------------------
>>> SECCIONES 2 TABS:
------------------------------------------------------------- */

 ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 162px;
	border-bottom: 1px solid #333;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px;
	height: 31px;
	background-color: #0D2042;
	color: #ffffff;
	overflow: hidden;
	position: relative;
  width:50%;
  height:162px;
  text-align:center;
  font-family: Magdelin;
font-style: normal;
font-weight: 900;
font-size: 30px;
line-height: 164px;
}

.tab_last { border-right: 1px solid #333; }

ul.tabs li.active {
    background-color: #ffffff!important;
    color: #0D2042;
    display: block;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 100px 0;
	display: none;
}

.tab_drawer_heading { display: none; }
.frakmenta ul.tabs li:first-child {
    background: #20BDA7;
  }
  .frakmenta ul.tabs li:nth-child(2) {
    background: #20BDA7;
  }
.frakmenta ul.tabs li {
	background-color: #009c77;
  width:33.3%;
  height:162px;
  text-align:center;
  font-family: Magdelin;
font-style: normal;
font-weight: 900;
font-size: 30px;
line-height: 164px;
}
@media screen and (max-width: 480px) {
	ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: auto;
    border-bottom: none;
}
	ul.tabs li {
    padding: 19px 11px;
    height: 90px;
    font-size: 18px;
    line-height: 1.5;
}
	.tab_content {
    padding: 50px 0;
}
	.tab_drawer_heading {
		display:none;
	}
	.d_active {
		background-color: #fff;
		color: #0D2042;
	}
	.frakmenta ul.tabs li {
    background-color: #009c77;
    width: 33.3%;
    height: 90px;
    text-align: center;
    font-family: Magdelin;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 58px;
}
}
/*--------------------------------------------------------------
>>> SECCIONES 3 TABS:
------------------------------------------------------------- */
.services.frakmenta-comercio ul.tabs li {
  width:33.3%;
}
/*--------------------------------------------------------------
>>> SECCION SALIO MAL:
------------------------------------------------------------- */
.top-section.salio-mal .left-col {
    width: 38%;
}
.top-section.salio-mal .prota.salio-mal {
	background-image: url(/wp-content/uploads/2021/11/FINDI-08-e1637250490439.png);
		background-size: 618px 985px;
		display: block;
		width: 618px;
		height: 985px;
		content: "";
		position: relative;
	    left: 5%;
}
.top-section.salio-mal .forma-1 {
	background-image: url(/wp-content/uploads/2021/11/forma-gris-1-g.svg);
		background-size: 883px 1134px;
		display: block;
		width: 883px;
		height: 1134px;
		content: "";
		position: absolute;
	    left: 14.58%;
		right: 47.71%;
		top: 4.57%;
		bottom: 79.95%;
}
.top-section.salio-mal .forma-2 {
	background-image: url(/wp-content/uploads/2021/11/forma-gris-2-g.svg);
		background-size: 1112px 1316px;
		display: block;
		width: 1112px;
		height: 1316px;
		content: "";
		position: absolute;
		left: 41.2%;
		right: 17.55%;
		top: -0.32%;
		bottom: 85.43%;
}
.top-section.salio-mal {
	background:#6A6A6A;
}
.top-section.salio-mal .button-fi {
    width: 360px;
    height: 75.25px;
    left: 240px;
    margin-top: 120px;
    background: #00386F;
    color: #ffffff;
    border-radius: 78px;
    font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 78PX;
    cursor: pointer;
    border: none;
    display: block;
    letter-spacing: -0.5px;
}

/*--------------------------------------------------------------
>>> SECCION SALIO BIEN:
------------------------------------------------------------- */
.top-section.salio-bien .left-col {
    width: 38%;
}
.top-section.salio-bien.exito {
	background:#55DECD;
}
.prota.salio-bien {
    position: absolute;
}
/*--------------------------------------------------------------
>>> FRAKMENTA :
------------------------------------------------------------- */
.frakmenta, .frakmenta .services {
	padding:0;
}
.frakmenta.top-section {
	background:#20BDA7;
}
.frakmenta.top-section h3 {
	font-family: Magdelin;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	text-transform: uppercase;
	color:#ffffff;
}
.top-section .forma-f1 {
    background-image: url(/wp-content/uploads/2021/11/forma-6.svg);
    background-size: 724px 926px;
    display: block;
    width: 724px;
    height: 926px;
    content: "";
    float: left;
    position: absolute;
    left: -16.42%;
    right: 47.71%;
    top: -42.43%;
    transform: rotate(53deg);
    bottom: 79.95%;
}
.top-section .forma-f2 {
    background-image: url(/wp-content/uploads/2021/11/forma-7.svg);
    background-size: 793px 871px;
    display: block;
    width: 793px;
    height: 871px;
    content: "";
    float: right;
    position: absolute;
    position: absolute;
    left: 16.2%;
    top: -0.32%;
    bottom: 85.43%;
    transform: rotate(60deg);
}
.frakmenta.top-section .prota-frakmenta {
	background-image: url(/wp-content/uploads/2021/11/FINDI-05-e1637249797434.png);
		background-size: 880px 788px;
		display: block;
		width: 880px;
		height: 788px;
		content: "";
		position: relative;
	margin-top: 35px;
}
.top-section.frakmenta .flecha-fc {
    top: 8%;
    position: relative;
    right: -9%;
}
.verde {
	background:#009C77;
	height:159px;
}
.verde.descubre {
    background: #009C77;
    height: 229px;
}
.frakmenta span.dato:before {
	color:#6AEAB3;
}
.logo-frakmenta-by-findirect {
    background-image: url(/wp-content/uploads/2021/11/frakmenta-by-findirect.jpg);
    background-size: 74%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 591px;
    height: 177px;
    content: "";
    position: relative;
    display: block;
    /* margin: 0 auto 0; */
    border-radius: 88px;
    background-color: #FBFDFD;
    margin: 0 auto 85px;
    margin-top: -93px;
}
.with-you {
	background:#E0EEF1;
}
.frakmenta.top-section .prota-frakmenta-clientes {
    background-image: url(/wp-content/uploads/2021/11/FINDI-06-e1637250266882.png);
    background-size: 100%;
    display: block;
    width: 1439px;
    height: 995px;
    content: "";
    position: absolute;
    right: -40%;
}
.frakmenta .cifras {
	background:#009C77;
	color:#ffffff;
	display:flex;
	height: 447px;
	font-family: Magdelin;
	font-style: normal;
	font-weight: bold;
	text-transform:uppercase;
}
.frakmenta .cifras .alignfull {
	margin-top: 0;
}
.frakmenta .cifras span.dato {
	font-family: Magdelin;
	font-style: normal;
	font-weight: 900;
	font-size: 60px;
	line-height: 74px;
	display:block;
	margin:0 auto 20px;
}
.frakmenta .cifras ul li {
	font-family: Magdelin;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 120.5%;
}
.frakmenta .ventajas {
	padding-top:108px;
	display:flex;
	padding-bottom:50px;
}
.frakmenta .ventajas h3, .frakmenta .ventajas h2 {
	text-align:center;
}
.frakmenta .ventajas h4 {
	font-family: Magdelin;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
}
.frakmenta .ventajas ul li {
    width: 33%;
    margin: 2em 0;
    padding: 0 6rem;
	font-weight: normal;
	text-transform: none;
}
.services.frakmenta-comercio .tabs label {
	order: 1;
	width:33.3%;
}
.services .wp-block-column.contigo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.services .wp-block-column.contigo h3 {
	font-family: Mattone 150;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 72px;
color: #0D2042;
}
a.appstore {
    margin-bottom: 16px;
    display: block;
}
figure.wp-block-image.size-large.enlaces-apps {
    padding-bottom: 2rem;
}
.qr-code {
    margin-bottom: 16px;
    display: none;
}
.wp-block-column.contigo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.frakmenta h2 {
	font-family: Mattone 150;
	font-style: normal;
	font-weight: 500;
	font-size: 60px;
	line-height: 72px;
}
.frakmenta h2, .frakmenta h3 {
	color:#009C77;
}
.frakmenta .tabs label.tres {
    background: #009C77;
    width: 33.3%;
}



.frakmenta .tabs label.uno, .frakmenta .tabs label.dos {
	background: #20BDA7;
}

.frakmenta .tabs input[type="radio"]:checked + label.uno, .frakmenta .tabs input[type="radio"]:checked + label.dos, .frakmenta .tabs input[type="radio"]:checked + label.tres {
	background: #fff;
	color:#0D2042;
}

.frakmenta .como-funciona {
	min-height: 879px;
    background: #E0EEF1;
    max-width: 100%!important;
    padding-bottom: 12rem;
	position:relative;
}
.frakmenta .como-funciona .wp-block-columns.primero {
    margin-top: 0!important;
}
.frakmenta .como-funciona h3 {
	text-align:center;
	padding-top:114px;
	font-family: Magdelin;
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 49px;
	text-transform: uppercase;
	    color: #009C77;
}
.frakmenta .como-funciona ul li {
        width: 25%;
    margin: 2em 0 16rem;
    padding: 0 2rem;
    font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 120.5%;
    text-align: center;
    text-transform: uppercase;
    float: left;
    list-style: none;
}
.frakmenta .button-fi {
	background:#009C77;
}
.frakmenta .como-funciona i.icon {
    width: 180px;
    height: 180px;
}
.frakmenta .wp-block-columns.con-forma {
	display:flex;
	padding:0;
}
.frakmenta .wp-block-column.con-info {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
	padding-right:8rem;
}
.frakmenta .tab figure.wp-block-image.size-large {
    bottom: -40px;
}	
section.services.frakmenta-comercio {
    margin-top: 7rem;
}
img.flecha-tpv {
    position: absolute;
    left: 440px;
    top: -20px;
}
img.tpv-movil {
    position: absolute;
    top: -90px;
    left: 160px;
}
img.flecha-ecommerce {
    position: absolute;
    top: 160px;
    left: 460px;
}
section.services.frakmenta-comercio h3 {
	color:#009C77;
}
span.nombre-producto {
	font-family: Magdelin;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 40px;
align-items: center;
text-transform: uppercase;
color: #000023;
}
.frakmenta .wp-block-column.forma-tab.tpv:before {
    background-image: url(/wp-content/uploads/2021/11/forma-tpv.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 42%;
    height: 45.3%;
    content: "";
    position: absolute;
    top: 3%;
}
.frakmenta .wp-block-column.forma-tab.tpv-mov:before {
    background-image: url(/wp-content/uploads/2021/11/forma-tpv-mov.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 42%;
    height: 45.3%;
    content: "";
    position: absolute;
    top: 3%;
}
.frakmenta .wp-block-column.forma-tab.tpv-ecommerce:before {
    background-image: url(/wp-content/uploads/2021/11/forma-tv-ecommerce.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 42%;
    height: 45.3%;
    content: "";
    position: absolute;
    top: 3%;
}


.frakmenta .forma-3 {
	background-image: url(/wp-content/uploads/2021/11/forma-3.jpg);
		background-size: 762px 792px;
		display: block;
		width: 763px;
		height: 792px;
		content: "";
		position: absolute;
	    left: 5%;
}
.frakmenta .forma-6 {
	    background-image: url(/wp-content/uploads/2021/11/forma-6.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    display: block;
    width: 1297px;
    height: 1444px;
    content: "";
    position: absolute;
    left: 35%;
    top: -50%;
    transform: rotate(229deg);
}
.frakmenta .forma-7 {
	background-image: url(/wp-content/uploads/2021/11/forma-7.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    width: 1430px;
    height: 1307px;
    content: "";
    position: absolute;
    left: 13%;
    top: -88%;
    transform: rotate(241deg);
}
.frakmenta .manos {
	background-image: url(/wp-content/uploads/2021/11/manos.png);
		background-size: 853px 782px;
		display: block;
		width: 853px;
		height: 782px;
		content: "";
		position: absolute;
	    left: 5%;
}
.frakmenta .como-funciona p {
	font-family: Magdelin;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 120.5%;
text-align: center;
text-transform: uppercase;
color: #000023;
}
.frakmenta .ventajas .wp-block-columns.desktop  {
	display:flex;
}
/*--------------------------------------------------------------
>>> CONTACTO FRAKMENTA COMERCIOS :
------------------------------------------------------------- */
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto  ul.tabs li {
    width: 50%;
    height: 92px;
    text-align: center;
    font-family: Magdelin;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 92px;
    font-style: italic;
}
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto ul.tabs {
    height: 92px;
    border-bottom: none;
}
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto .tab_container {
    padding: 0 5rem;
}
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto .tab_content {
    padding: 40px 0;
    display: none;
}
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto form {
	padding:0;
	max-width:690px;
	color:#000000;
}
, .wp-block-group.alignfull.top-section.formulario.findirect form {
	padding:40px;
	max-width:690px;
	color:#000000;
}
.medio-left,
form input.medio-left {
	width:48%;
	float:left;
}
.medio-right,
form input.medio-right {
	width:48%;
	float:right;
}
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto form select, .wp-block-group.alignfull.top-section.formulario.findirect form select {
    margin: 0;
}
.tab_last {
    border-right: none;
}
.wpcf7-validates-as-required {
    border: 1px solid #f00!important;
}
/*--------------------------------------------------------------
>>> PAGINAS CONTACTO :
------------------------------------------------------------- */
.top-section.salio-bien.exito.contacto, .top-section.salio-bien.exito.contacto h1 { color:#0D2042;}

/*--------------------------------------------------------------
>>> FINDIRECT :
------------------------------------------------------------- */
.findirect.top-section {
	padding:0;
}
.findirect.top-section h3 {
	font-family: Magdelin;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	text-transform: uppercase;
	color:#ffffff;
}
.top-section .prota-findirect {
	background-image: url(/wp-content/uploads/2021/11/FINDI-04-e1637249715362.png);
		background-size: 785px 902px;
		display: block;
		width: 785px;
		height: 848px;
		content: "";
		position: relative;
}
.findirect .cifras {
	background:#00386F;
	color:#ffffff;
	display:flex;
	height: 447px;
	font-family: Magdelin;
	font-style: normal;
	font-weight: bold;
	text-transform:uppercase;
}
.findirect .cifras .alignfull {
	margin-top: 12rem;
}
.findirect .cifras span.dato {
	font-family: Magdelin;
	font-style: normal;
	font-weight: 900;
	font-size: 60px;
	line-height: 74px;
	display:block;
	margin:0 auto 20px;
}
.findirect .cifras ul li {
	font-family: Magdelin;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 120.5%;
}
.findirect .ventajas {
	padding-top:108px;
	display:flex;
}
	.findirect .ventajas.movil{
		display: none;
	}
.findirect .ventajas h3, .findirect .ventajas h2 {
	text-align:center;
}
.findirect .ventajas h4 {
	font-family: Magdelin;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
}
.findirect .ventajas ul li {
    width: 33%;
    margin: 2em 0;
    padding: 0 6rem;
	font-weight: normal;
	text-transform: none;
}

.findirect h2 {
	font-family: Mattone 150;
	font-style: normal;
	font-weight: 500;
	font-size: 60px;
	line-height: 72px;
}
.findirect h2, .frakmenta h3 {
	color:#0D2042;
}
.findirect .como-funciona {
	height: 879px;
	background: #E0EEF1;
	max-width:100%!important;
}
.findirect .como-funciona h3 {
	text-align:center;
	padding-top:114px;
	font-family: Magdelin;
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 49px;
	text-transform: uppercase;
}
img.vende-mas {
    position: absolute;
    margin-top: 187px;
    margin-left: 44px;
}
.findirect .como-funciona p{
	font-family: Magdelin;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 120.5%;
text-align: center;
text-transform: uppercase;
color: #000023;
}
.findirect .como-funciona ul li {
        width: 25%;
    margin: 2em 0 16rem;
    padding: 0 2rem;
    font-family: Magdelin;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 120.5%;
    text-align: center;
    text-transform: uppercase;
    float: left;
    list-style: none;
}
.findirect .como-funciona .button-fi {
	background:#00386F;
	border-radius:37px;
	margin:2rem auto;
	display:block;
}
.findirect .como-funciona i.icon {
    width: 180px;
    height: 180px;
}
.findirect .forma-3 {
	background-image: url(/wp-content/uploads/2021/11/forma-3.jpg);
		background-size: 762px 792px;
		display: block;
		width: 763px;
		height: 792px;
		content: "";
		position: absolute;
	    left: 5%;
}
.findirect .manos {
	background-image: url(/wp-content/uploads/2021/11/manos.png);
		background-size: 853px 782px;
		display: block;
		width: 853px;
		height: 782px;
		content: "";
		position: absolute;
	    left: 5%;
}
/*--------------------------------------------------------------
>>> QUIENES SOMOS :
------------------------------------------------------------- */
.negocio {
	overflow:hidden;
	padding-top: 130px;
}
.negocio .wp-block-group.alignfull, .valores .wp-block-group.alignfull {
	margin:0;
	padding:0;
}
.negocio .logo {
    margin-bottom: 20px;
}
img.flecha-negocio.icon {
    margin-top: 20px;
    margin-left: 100px;
}
.forma-negocio {
    background-image: url(/wp-content/uploads/2021/11/forma-negocio.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 932px;
    height: 934px;
    content: "";
    position: absolute;
    left: 50%;
    top: 12%;
}
.top-section.sobrenosotros h2 {
	color:#ffffff;
	font-family: Mattone 150;
	font-style: normal;
	font-weight: 500;
	font-size: 37px;
	line-height: 44px;
	padding: 0;
    margin: 0;
}
.top-section.sobrenosotros .forma-1 {
    background-image: url(/wp-content/uploads/2021/11/forma-1-sec-top-g.svg);
    background-size: 85%;
    background-repeat: no-repeat;
    display: block;
    width: 1506px;
    height: 1962px;
    content: "";
    float: left;
    position: absolute;
    left: 16.58%;
    right: 47.71%;
    top: -32.43%;
    bottom: 79.95%;
}
.top-section.sobrenosotros {
	padding-top: 4rem;
}


.top-section.sobrenosotros .forma-2 {
    background-image: url(/wp-content/uploads/2021/11/forma-2-sec-top-g.svg);
    background-repeat: no-repeat;
    background-size: 97%;
    display: block;
    width: 793px;
    height: 871px;
    content: "";
    float: right;
    position: absolute;
    position: absolute;
    left: 79.2%;
    right: 17.55%;
    top: -43.32%;
    bottom: 85.43%;
}
.sobre-nosotros .alignwide {
    max-width: 1450px;
}
.sobre-nosotros .wp-block-columns.alignwide {
    padding: 5rem 0 0;
    margin: 0 auto;
}
.sobre-nosotros .negocio .wp-block-columns.alignwide {
    padding: 0;
    margin-top: 0;
}
.linea-negocio {
	background-image: url(/wp-content/uploads/2021/11/FINDI-03-e1637252968488.png);
		background-size: 100%;
		background-repeat:no-repeat;	
		display: block;
		width: 768px;
		height: 1051px;
		content: "";
		position: relative;
}

.quienes-somos {
		display: block;
		width: 100%;
	    position: relative;
    z-index: 5;
	    margin-top: 120px;
}
.wp-block-group.alignfull.mascara {
    top: -220px;

}
.wp-block-columns.alignfull.pano {
    margin: 0;
    padding: 0;
}
.sobre-nosotros .valores {
    min-height: 678px;
    background: #DADADA;
    padding-bottom: 10rem;
}
.sobre-nosotros h3 {
	font-family: "Mattone 150";
	font-style: normal;
	font-weight: 500;
	font-size: 70px;
	line-height: 84px;
	color: #00386F;
}
section.mision {
    padding-top: 50px;
	padding-bottom: 150px;
}
section.negocio figure.wp-block-image.size-large.logo {
    margin-bottom: 10px!important;
    height: 95px!important;
}
.wp-block-columns.column-logos {
    margin-bottom: 40px!important;
}
section.mision figure.wp-block-image.size-large.circular {
    margin-left: -110px!important;
}
.mision .forma-3 {
    background-image: url(/wp-content/uploads/2021/11/forma-1-sec-soluciones-g.svg);
    background-repeat: no-repeat;
    background-size: 89%;
    display: block;
    width: 49%;
    height: 100%;
    content: "";
    position: absolute;
    left: 4%;
    top: 22%;
}
figure.wp-block-image.size-large.circular {
    border-radius: 50%;
    position: relative;
}

.top-section.formulario, .top-section.formulario h1 {
	height:auto;
	color:#0D2042;
}
.top-section.formulario.frakmenta h1 {
    color: #0D2042;
}
.top-section.formulario.findirect, .top-section.formulario h1 {
	color:#ffffff;
}
.top-section.formulario.findirect .formulario form p {
	font-family: Magdelin;
font-style: normal;
font-weight: normal;
font-size: 25px!important;
line-height: 140%;
}
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto .forma-f1 {
    background-image: url(/wp-content/uploads/2021/11/forma-6.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    width: 964px;
    height: 1066px;
    content: "";
    float: left;
    position: absolute;
    left: -11.42%;
    right: 47.71%;
    top: 7.57%;
    transform: rotate(348deg);
    bottom: 79.95%;
}
.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto .forma-f2 {
    background-image: url(/wp-content/uploads/2021/11/forma-7.svg);
    background-size: 91%;
    background-repeat: no-repeat;
    display: block;
    width: 1143px;
    height: 971px;
    content: "";
    float: right;
    position: absolute;
    position: absolute;
    left: 45.2%;
    top: -2.32%;
    bottom: 85.43%;
    transform: rotate(3deg);
}
.top-section.formulario.top-section.findirect .forma-form1 {
    background-image: url(/wp-content/uploads/2021/11/forma-1-sec-top-g.svg);
    background-size: 724px 926px;
    display: block;
    width: 724px;
    height: 926px;
    content: "";
    float: left;
    position: absolute;
    left: 48.58%;
    right: 47.71%;
    top: 4.57%;
    transform: rotate(160deg);
    bottom: 79.95%;
}
.top-section.formulario.top-section.findirect .forma-form2 {
    background-image: url(/wp-content/uploads/2021/11/forma-2-sec-top-g.svg);
    background-size: 793px 871px;
    display: block;
    width: 793px;
    height: 871px;
    content: "";
    float: right;
    position: absolute;
    position: absolute;
    left: 3.2%;
    right: 17.55%;
    top: -0.32%;
    bottom: 85.43%;
    transform: rotate(160deg);
}
form {
	position:relative;
	background:#ffffff!important;
	padding:40px 50px 10px;
	max-width:690px;
	color:#000000;
}
form p{
	font-family: Magdelin;
	font-style: normal!important;
	font-weight: 30!important0;
	font-size: 13px!important;
	line-height: 110%!important;
	COLOR:#000000!important;
	    margin-top: 12px;
}
form input[type="text-area"] {
	width:100%;
}
form .wp-block-columns.alignwide {
    margin: 0;
    width: 100%;
}
form .wp-block-columns {
    margin: 0!important;
}
form a, form a:hover {
	color: #0070BA;
	text-decoration:none;
}
form input[type="submit"]:hover {
	text-decoration:none;
}
form input[type="submit"] {
    color: #ffffff;
    border-radius: 100px;
    width: 262px;
    height: 75.25px;
    font-family: Magdelin;
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: inherit;
    cursor: pointer;
    border: none;
    margin: 4rem auto 0;
    display: block;
    text-decoration: none;
    text-align: center;
    background: #00386F;
    line-height: 1;
}
.top-section.salio-bien.exito.contacto .tabs label {
	font-family: Magdelin;
	font-style: italic;
	font-weight: bold;
	font-size: 25px;
	line-height: 40px;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	height:92px;
	background:#009C77;
	margin: 0;
}
.top-section.salio-bien.exito.contacto .tabs input[type="radio"]:checked + label {
    background: #fff;
    color: #1F1F1F;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
    margin: 0 0 1.5rem;
	font-size:18px;
	display:inline-block;
}
select {
    font-size: 1em;
    width: 100%;
    padding: 1.5rem 1.8rem;
	margin: 0 0 1.5rem;
	font-size:16px;
	color: #757575;
}
.margen-final {    
	margin: 0 0 1.5rem !important;	
}

input[type=submit] {
	color: #ffffff;
		border-radius: 100px;
		width: 445px;
		height: 75.25px;
		font-family: Magdelin;
		font-style: normal;
		font-weight: 900;
		font-size: 25px;
		line-height: 73px;
		cursor: pointer;
		border: none;
		margin: 2rem auto 0;
		display: block;
		text-decoration: none;
		text-align: center;
}
.frakmenta input[type=submit]  {
	background: #009C77;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: none;
}



/*--------------------------------------------------------------
>>> FINDIRECT CLIENTES :
------------------------------------------------------------- */
.wp-block-group.alignfull.top-section.findirect-clientes-podemos {
    min-height: 850px!important;
    height: 850px!important;
}
.top-section.findirect-clientes-podemos .logo {
    position: absolute;
    margin-top: 645px!important;
    left: 37%;
    z-index: 10;
}
.wp-block-group.alignfull.top-section.findirect-clientes-podemos .forma-1 {
    background-image: url(/wp-content/uploads/2021/11/forma-1-sec-top-g.svg);
    background-size: 100%;
    display: block;
    width: 724px;
    height: 926px;
    content: "";
    float: left;
    position: absolute;
    left: -6.42%;
    right: 47.71%;
    top: -13.43%;
    bottom: 79.95%;
}
.wp-block-group.alignfull.top-section.findirect-clientes-podemos .forma-2 {
    background-image: url(/wp-content/uploads/2021/11/forma-2-sec-top-g.svg);
    background-size: 793px 871px;
    display: block;
    width: 793px;
    height: 871px;
    content: "";
    float: right;
    position: absolute;
    position: absolute;
    left: 31.2%;
    right: 17.55%;
    top: 9.68%;
    bottom: 85.43%;
}
.wp-block-group.alignfull.top-section.findirect-clientes-podemos .podemos-ayudarte {
    background-image: url(/wp-content/uploads/2021/11/FINDI-07-e1637250028642.png);
    background-size: 690px 791px;
    display: block;
    width: 690px;
    height: 791px;
    content: "";
    position: absolute;
    right: -18%;
	margin-top: 32px;
}

    .top-section.findirect-clientes-podemos .flecha-podemos-ayudarte {
    background-image: url(/wp-content/uploads/2021/11/flecha-podemos-ayudarte.svg);
    background-size: 241px 94px;
    display: block;
    width: 241px;
    height: 94px;
    content: "";
    position: absolute;
    top: 14%;
    right: 77%;
}

.wp-block-group.alignfull.top-section.findirect.vende-mas .forma-1 {
    background-image: url(/wp-content/uploads/2021/11/forma-1-sec-top-g.svg);
    background-size: 100%;
    display: block;
    width: 724px;
    height: 926px;
    content: "";
    float: left;
    position: absolute;
    left: 11.58%;
    right: 47.71%;
    top: -22.43%;
    bottom: 79.95%;
}
.wp-block-group.alignfull.top-section.findirect.vende-mas .forma-2 {
    background-image: url(/wp-content/uploads/2021/11/forma-2-sec-top-g.svg);
    background-size: 793px 871px;
    display: block;
    width: 793px;
    height: 871px;
    content: "";
    float: right;
    position: absolute;
    position: absolute;
    left: 37.2%;
    right: 27.55%;
    top: 33.68%;
    bottom: 85.43%;
}
/*--------------------------------------------------------------
>>> DESARROLLO :
------------------------------------------------------------- */
.top-section.frakmenta.desarrolladores {
	min-height:594px;
}
.top-section.frakmenta.desarrolladores h1, .top-section.frakmenta.desarrolladores {
	color:#0D2042;
}
.top-section.frakmenta.desarrolladores .forma-7 {
    background-image: url(/wp-content/uploads/2021/11/forma-7.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    display: block;
    width: 1000px;
    height: 800px;
    content: "";
    position: absolute;
    left: -7%;
    top: -80%;
    transform: rotate(183deg);
}
.top-section.frakmenta.desarrolladores .forma-6 {
    background-image: url(/wp-content/uploads/2021/11/forma-6.svg);
    background-size: 71%;
    background-repeat: no-repeat;
    display: block;
    width: 1000px;
    height: 800px;
    content: "";
    position: absolute;
    left: 28%;
    top: -119%;
    transform: rotate(178deg);
}
.desarrolladores a, .desarrolladores a:hover, a.version-1-6:hover, a.version-1-7:hover {
	text-decoration:none;
}
a.version-1-6 {
    background: #0085FF;
    border-radius: 100px;
    width: 191.61px;
    height: 75.25px;
    display: inline-block;
    color: #fff;
    font-family: Magdelin;
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 80px;
    text-align: center;
    margin-bottom: 3rem;
	text-decoration:none;
}
a.version-1-7 {
    background: #0D2042;
    border-radius: 100px;
    width: 191.61px;
    height: 75.25px;
    display: inline-block;
    color: #fff;
    font-family: Magdelin;
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 80px;
    text-align: center;
    margin-bottom: 3rem;
	margin-left:1rem;
	text-decoration:none;
}
.bottom-section {
		background-image: url(/wp-content/uploads/2021/11/fondo-bottom.png);
		background-repeat:no-repeat;
		background-size: cover;
		min-height:923px;
	    display: flex;
	    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
}
section.opciones .alignwide {
    max-width: 1450px;
    margin-top: 0;
}
.bottom-section h2 {
	font-family: Mattone 150;
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	line-height: 72px;
	text-align: center;
	color: #0D2042;
}
.bottom-section h2 span {
	color:#3ca6cf;
}
.wp-block-columns.plugin  .wp-block-column.logo {
	width:237px;
}
.wp-block-columns.plugin {
	padding-right:12rem;
}
.wp-block-image.size-large.icon-prestashop {
	margin:0;
}
.wp-block-columns.plugin  .wp-block-column.logo {
	width:237px;
}
.wp-block-column.descargas {
    margin-left: 0;
    margin-right: 2rem;
    width: auto;
    float: left;
    height: auto;
    display: flex;
    flex-direction: column;
}
.wp-block-column.descargas a.plugin {
	margin-top:20px;
	    color: #0070BA;
}
a.documentacion:before, a.consulta-documentacion:before {
	background-image: url(/wp-content/uploads/2021/11/documentacion.png);
    background-size: 100%;
    display: block;
    width: 45px;
    height: 45px;
    content: "";
    float: left;
    margin-right: 5px;
    margin-top: -7px;
}
a.documentacion {
	margin-top:-13px;
	display:block;
	color: #0070BA;
}
a.consulta-documentacion {
	 width: max-content;
    margin: 2rem auto;
	display:block;
	color: #0070BA;
}
ul.instrucciones {
	list-style:normal;
}

a.plugin:hover, a.documentacion:hover {
	text-decoration:underline;
}
a.plugin:before {
	background-image: url(/wp-content/uploads/2021/11/descarga.png);
    background-size: 100%;
    display: block;
    width: 45px;
    height: 45px;
    content: "";
    float: left;
    margin-right: 5px;
    margin-top: -3px;
}
.code-block {
	font-family: Magdelin;
	font-style: regular;
	font-size: 20px,
	color:#0D2042;
	background:#E0EEF1;
	border: 1px solid #000023;
	border-radius:21px;
	padding:3rem 3rem 2rem;
}
.wp_syntax td.code {
    background-color: transparent;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-size: 1px 32px;
    line-height: normal !important;
    white-space: normal !important;
    width: 100% !important;
}
.wp_syntax td.line_numbers pre {
    display: none;
}
.wp_syntax {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom:0!important;
	margin:0 0 15px;
    width: 99%;
	    background-color: transparent;
    border: none;
}
.wp_syntax pre {
    border: none !important;
}
.seleccionar-todo {
  -moz-user-select: all;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
/*--------------------------------------------------------------
>>> SOCIAL BUTTONS :
------------------------------------------------------------- */



/*--------------------------------------------------------------
>>> Page Blog :
------------------------------------------------------------- */
body.page-template.template-full-width.page-id-1338 .entry-content  {
    width: 100%;
    max-width: 100%;
	float:left;
}
body.page-template.template-full-width.page-id-1338 .entry-content h1 {
    margin: 0 0 45px;
    overflow-wrap: normal;
    word-break: normal;
    font-family: Magdelin;
    font-style: italic;
    font-weight: bold;
    font-size: 60px;
    line-height: 100%;
}
body.page-template.template-full-width.page-id-1338 ul.wp-block-latest-posts__list li a {
	font-family: Magdelin;
    font-style: italic;
    font-weight: bold;
    font-size: 25px;
    line-height: 120%;
    text-align: left;
	color:#000000;
}
body.page-template.template-full-width.page-id-1338 ul.wp-block-latest-posts__list li {
	font-family: Magdelin;
font-style: normal;
font-weight: normal;
font-size: 21px;
line-height: 120%;
	color:#000000;
}
body.page-template.template-full-width.page-id-1338 ul.wp-block-latest-posts__list img {
    margin-bottom: 2rem;
}
body.page-template.template-full-width.page-id-1338 .wp-block-latest-posts.is-grid li {
    margin: 0 2em 1em 0;
    width: 100%;
}
body.page-template.template-full-width.page-id-1338 ul.wp-block-latest-posts__list li a.read-more {
    background: #00386f;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    height: 75px;
    display: block;
    line-height: 75px;
    text-align: center;
    border-radius: 37px;
    max-width: 211px;
    margin: 2rem 0;
}
body.page-template.template-full-width.page-id-1338 .sidebar .encima {
    position: relative;
    z-index: 2;
    padding: 3rem;
}
body.page-template.template-full-width.page-id-1338 .sidebar h2 {
    color: #ffffff;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 140%;
}
.sidebar h2 {
    color: #ffffff;
    font-size: 27px!important;
    text-transform: uppercase!important;
    line-height: 140%!important;;
	font-family:"Mattone 150"!important;
	font-style:normal!important;
}
body.page-template.template-full-width.page-id-1338 .wp-block-latest-posts.is-grid li {
    border-top-color: #fff;
    width: 44%;
}
body.page-template.template-full-width.page-id-1338 .sidebar {
    max-width: 25%!important;
    width: 25%;
    background: #00386F;
    height: 100vh;
    color: #ffffff;
    padding: 1%;
    overflow: hidden!important;
    float: left;
    display: block;
    position: relative;
}
body.page-template.template-full-width.page-id-1338 article#post-1338 {
    width: 70%;
    float: left;
}
body.page-template.template-full-width.page-id-1338 section.listado-entradas {
    width: 93%!important;
    float: left;
    margin-left: 5%;
}
body.page-template.template-full-width.page-id-1338 .sidebar form input[type="submit"] {
    color: #ffffff;
    border-radius: 100px;
    width: auto;
    height: 75.25px;
    font-family: Magdelin;
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    border: none;
    margin: 4rem auto 0;
    display: block;
    text-decoration: none;
    text-align: center;
    background: #00386F;
}
body.page-template.template-full-width.page-id-1338 .sidebar form p {
    color: #ffffff!important;
}
.sidebar form p {
    color: #ffffff!important;
}
body.single-post .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%!important;
    width: 100%!important;
}
body.page-template.template-full-width.page-id-1338 article#post-1338 {
    width: 100%;
    float: left;
}
body.single-post .section-inner.medium {
    max-width: 100rem;
    width: 100%;
}
body.single-post .post-inner {
    padding: 2rem 0;
}

/*--------------------------------------------------------------
>>> BLOG :
------------------------------------------------------------- */
section.listado-entradas {
    width: 60%;
	 float: left;
	margin-left:10%
}
section.listado-entradas .post-inner {
    padding-top: 0;

}
section.listado-entradas .featured-media img {
    margin: 0;
}
section.listado-entradas a.read-more {
    color: #5cbfde;
	text-decoration:none;
}
div.sidebar {
    max-width: 450px;
    width: 25%;
    background: #00386F;
    height: 100vh;
    color: #ffffff;
    padding: 1%;
    overflow: hidden!important;
    float: left;
    display: block;
    position: relative;
}
div.sidebar h2, aside.blog p, aside.blog form {
	    position: relative;
}
div.sidebar form input[type="submit"] {
    color: #ffffff;
    border-radius: 100px;
    width: auto;
    height: 75.25px;
    font-family: Magdelin;
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    border: none;
    margin: 4rem auto 0;
    display: block;
    text-decoration: none;
    text-align: center;
    background: #00386F;
}
div.sidebar .forma-1 {
    background-image: url(/wp-content/uploads/2021/11/forma-1-sec-top-g.svg);
    background-size: 724px 932px;
    display: block;
    width: 724px;
    height: 932px;
    content: "";
    float: left;
    position: absolute;
    top: -11%;
    background-repeat: no-repeat;
    margin-left: -78%;
    z-index: 1;
}
div.sidebar .forma-2 {
    background-image: url(/wp-content/uploads/2021/11/forma-2-sec-top-g.svg);
    background-size: 792px 896px;
    display: block;
    width: 792px;
    height: 896px;
    content: "";
    float: none;
    position: absolute;
    background-repeat: no-repeat;
    top: 34%;
    margin-left: 10%;
    z-index: 0;
}
div.sidebar .encima {
    position: relative;
    z-index: 2;
    padding: 0 1.7em;
}
div.sidebar form {
    background: transparent!important;
    color: #ffffff;
    padding: 0!important;
    margin-top: 100px;
    z-index: 10;
}
div.sidebar form a {
	color:#ffffff;
	text-decoration:underline;
}
div.sidebar form input[type="email"] {
    background: transparent!important;
    border-bottom: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    border-top: none;
}
div.sidebar form input::placeholder {
	color:#ffffff;
	font-family: Magdelin;
font-style: normal;
font-weight: normal;
font-size: 35px;
line-height: 140%;
	opacity: 0.45;
}
body.blog header .header-inner.section-inner {
width: calc(100% - 8rem);
}
body.blog article {
    width: 44%;
    float: left;
    height: auto;
    margin-right: 4%;
    margin-bottom: 7rem;
}
body.blog article h2 {
	font-family: Magdelin;
font-style: italic;
font-weight: bold;
font-size: 25px;
line-height: 120%;
	text-align:left;
}
body.blog .entry-content hr, hr.styled-separator {
    display: none;
}
body.blog .featured-media {
    margin: 2rem 0;
}
body.blog .section-inner {
    width: 100%;
}
body.blog .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    width: 100%;
}
.entry-categories {
    display: none;
}
.post-meta-wrapper.post-meta-single.post-meta-single-top {
    display: none;
}	
body.single-post h1.entry-title, body.single-post h2.entry-title {
    color: #000000;
    text-align: left;
    font-style: italic;
    font-size: 60px;
    line-height: 97%;
	    padding: 8rem 0 3rem;
}
body.single-post h1, body.single-post h2 {
	margin: 5rem auto 3rem;
}
body.single-post h2 {
	font-size:46px;
	font-style: italic;
	font-family: Magdelin;
font-weight: bold;
	 line-height: 1;
}
body.single-post .entry-header {
    padding: 0;
}
body.single-post .post-inner {
    padding: 2rem 0;
}
body.single-post .entry-content h3 {
    margin: 0 0 2rem;
    font-size: 27px;
    font-family: 'Magdelin';
}
body.single-post .featured-media img {
    margin: 0 auto;
    width: 100%;
    max-width: 97rem;
}
body.single-post .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 97rem;
    width: calc(100% - 8rem);
}
body.single-post article.post {
    max-width: 960px;
    width: 60%;
    float: left;
    margin-left: 10rem;
    margin-right: 5%;
}
body.single-post ul {
    padding-left: 5rem;
}
.singular .featured-media-inner {
    position: relative;
    left: inherit;
    width: inherit;
}
.comments-wrapper, .pagination-single {
    display: none;
}

/*--------------------------------------------------------------
>>> SLIDER HOME DESKTOP :
------------------------------------------------------------- */
.wp-block-columns.alignwide.slw { 
	margin-top:0;
	margin-bottom:0;
}
/*--------------------------------------------------------------
>>> SLIDER :
------------------------------------------------------------- */
.owl-carousel {
    z-index: 0!important;
}
.sa_hover_container {

	min-height: 400px!important;
}
.sa_hover_container ul li {
    display: block;
    width: 33%;
    float: left;
    padding: 0 7% 0 0;
}
.sa_hover_container ul li strong {
    display: block;
    font-family: "Mattone 150";
    line-height: 45px;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.sa_hover_container h3 {
    color: #39B8FF;
}
.white .sa_owl_theme .owl-nav .owl-prev:hover, .white .sa_owl_theme .owl-nav .owl-next:hover {
    background-color: transparent !important;
}
.white .sa_owl_theme .owl-nav .owl-prev {
    background-color: transparent!important;
}

.white .sa_owl_theme .owl-nav .owl-next {
    /* background: rgba(0,0,0,0.3) url('../images/icon_next.png') no-repeat center center !important; */
    background: #dadada!important!important;
    content: ">";
    font-size: 119px;
    color: #2A84D8!important;
        color: transparent !important;
	    text-decoration: none;
}
.white .sa_owl_theme .owl-nav .owl-prev {
    /* background: rgba(0,0,0,0.3) url('../images/icon_next.png') no-repeat center center !important; */
    background: #dadada!important;
    content: "<";
    font-size: 119px;
    color: #2A84D8!important;
        color: transparent !important;
	    text-decoration: none;
}
/*--------------------------------------------------------------
>>> ANIMACIONES :
------------------------------------------------------------- */
.animacion-derecha {
	-webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}


/*________________________*/
.animacion-izquierda {
	-webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}

/*________________*/


@media (max-width: 45em) {
/*--------------------------------------------------------------
>>> AJUSTES PARA 6 PAGINAS DONDE LOS H1 PASAN A SER <SPAN>:
------------------------------------------------------------- */
.entry-content .wp-block-group.alignfull.top-section.home.ajuste-h1 h1, .wp-block-group.alignfull.top-section.findirect.vende-mas h1, .wp-block-group.alignfull.top-section.frakmenta.ajuste-h1 h1 {
	color:#ffffff;
	font-family: Magdelin;
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 40px;
	    text-transform: uppercase;
	    margin-bottom: 10px!important;
}
.entry-content .wp-block-group.alignfull.top-section.home.ajuste-h1 p.titulo, .wp-block-group.alignfull.top-section.findirect.vende-mas p.titulo, .wp-block-group.alignfull.top-section.frakmenta.ajuste-h1 p.titulo, .top-section h2 {
		font-size: 36px;
		line-height: 46px;
		margin: 0 0 15px!important;
}
p.movile {
	display:block;
}
	/* MODAL MENU */
	.toggle-inner .toggle-text {
    display: none;
}
	.modal-menu a {
    color: #0D2042!important;
}
	.menu-modal nav * {
    border-color: #0d2042!important;
}
	.modal-menu ul li {
    border-left-width: 0;
}
	ul.sub-menu {
    width: 100%;
    margin-left: 2.5rem!important;
    margin-top: 0!important;
    margin-right: 8rem;
}
	ul.sub-menu a {
    display: block;
    padding: 2rem 2.5rem 2rem 0;
    text-decoration: none;
    width: 100%;
}
	ul.sub-menu span.servicios {
    display: block;
    padding: 12px 0px;
	font-weight: 500;
	font-style:italic;
}
	.modal-menu ul li a {
    color: #0d2042;
    font-weight: 900;
}
	button.sub-menu-toggle {
    border-left: none;
}
	.menu-modal button {
    transition: none;
}
	.menu-modal a, path {
    transition: none;
}
	li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1165 .ancestor-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
} 
	
	.menu-modal .menu-item-1165 a {
		display:block;
	}
	li.movil.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1500, li.movil.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1498, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1499 {
    border: none;
}
	li.movil.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1500 a, li.movil.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1498 a, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1499 a {
    padding: 0 0 1rem 4rem;
}
	/* FIN MODAL MENÚ */
	/* Slider home */
	
	.wp-block-columns.alignwide.slw {
    padding-left: 0;
    padding-right: 0;
}
	.top-section .prota-home {
    background-size: 31%;
    background-repeat: no-repeat;
    bottom: 4%;
    left: 15%;
}
	/* Fin Slider home */
	.movil {
		display:block;
	}
		.findirect .ventajas.movil{
		display: block;
	}
	.desktop {
		display:none!important;
	}
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
#site-header {
    height: calc(12vh);
}
	.top-section {
    height: calc(88vh);
	min-height: calc(88vh);
}
.top-section .prota-home-1 {
    background-repeat: no-repeat;
    background-size: 38%;
    bottom: -9%;
    left: -30px;
}

	
	.top-section a.button-fi {
    margin-top: 0;
}
	.solutions-section {
    padding: 3rem 0 8rem;
    display: flex;
    height: auto;
    justify-content: center;
    flex-direction: column;
}
.solutions-section img.prota.circular {
    background-size: 310px 310px;
    width: 310px;
    height: 310px;
}
.solutions-section .forma-3 {
    display:none;
}
	.solutions-section .prota-soluciones {
    display: none;
}
.solutions-section h3 {
    font-size: 50px;
    line-height: 65px;
}
.tabs .tab {
    padding: 0 2rem;
}
.services .button-fi {
    width: 100%;
	font-size: 18px;
}
.services .wp-block-column.contigo h3 {
    font-size: 47px;
    line-height: 63px;
}
a.appstore {
    display: flex;
    width: 46%;
    float: left;
}
a.google-play {
    display: flex;
    width: 46%;
    float: right;
}

.tecnologia-footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}
figure.wp-block-image.size-large.appstore {
    left: 0px;
    position: relative;
}
	figure.wp-block-image.size-large.enlaces-apps {
    width: 46%;
    float: left;
    padding-bottom: 0;
    margin-right: 2rem!important;
}
	figure.wp-block-image.size-large.enlaces-apps:nth-of-type(2) {
	margin-right: 0!important;
}
.tecnologia-footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding-top: 6rem;
}
ul.enlaces-inf {
    margin: 0;
}

	.footer-nav-widgets-wrapper, #site-footer .enlaces-sociales {
    display: inline-block;
    float: left;
    margin: 0 2rem;
    width: 45px;
}
	.flecha-home {
    display:none;
}
	.social-footer {
    display: flex;
    justify-content: center;
}
	.footer-nav-widgets-wrapper, #site-footer .enlaces-apps {
    float: right;
    margin: 0;
    width: 50%;
}
	.footer-nav-widgets-wrapper, #site-footer .enlaces-apps:nth-of-type(2) {
    margin-top: -4px;
}
	.findirect .wp-block-columns.movil, .frakmenta .wp-block-columns.movil {
    display: grid;
    grid-template-columns: 150px 150px;
    grid-template-rows: auto;
	column-gap: 40px;
    justify-content: center;
    justify-items: center;
}
	.findirect .wp-block-column.text-icon {
    font-size: 16!important;
    line-height: 19px!important;
}
	.frakmenta .wp-block-columns.movil strong, .findirect .wp-block-columns.movil strong {
    font-size: 16!important;
    line-height: 19px!important;
		text-transform:uppercase;
}
	
	.findirect .wp-block-columns.movil figure.wp-block-image.size-large.icon img, .findirect .wp-block-columns.movil figure.wp-block-image.size-large.icon img {
    width: 110px;
    height: 110px;
		margin-bottom:2rem;
}
	figure.wp-block-image.size-large.icon {
    margin-bottom: 1rem!important;
}
	/* Findirect clientes */

	.wp-block-group.alignfull.top-section.findirect-clientes-podemos .podemos-ayudarte {
    background-size: 45%;
    height: 356px;
    left: 12%;
    bottom: -82%;
    background-repeat: no-repeat;
}
	.wp-block-group.alignfull.top-section.findirect-clientes-podemos {
      height: calc(88vh)!important;
	min-height: calc(88vh)!important;
}
	.wp-block-group.alignfull.top-section.findirect-clientes-podemos h1 {
		margin-bottom: 2rem!important;
	}
	.wp-block-group.alignfull.top-section.findirect-clientes-podemos h3 {
		margin-bottom:0;
	}
	.movil.tel {
		color: #d3544a;
	}
	.top-section.findirect-clientes-podemos .logo {
    position: absolute;
    bottom: -81%;
    left: 0;
    padding: 4rem;
}
	.top-section.findirect-clientes-podemos .flecha-podemos-ayudarte {
    background-image: url(/wp-content/uploads/2021/11/flecha-podemos-ayudarte.svg);
    background-size: 40%;
	background-repeat:no-repeat;
		width: 241px;
    height: 94px;
    top: 5%;
    right: 70%;
}
	/* Findirect comercios */
	.findirect .cifras .alignfull {
    margin-top: 2rem;
}
	.findirect .cifras span.dato {
    margin: 0 auto 0px;
}
	.wp-block-group.alignfull.top-section.findirect.vende-mas {
    height: auto;
}
	.top-section .prota-findirect {
    background-size: 40%;
    background-repeat: no-repeat;
    display: block;
    width: 785px;
    height: 360px;

}
	.findirect .cifras {
    height: auto;
}
	.findirect .ventajas {
    padding-top: 40px;
}
	.container {
    padding: 0 2rem;
}
	.findirect .como-funciona {
    height: auto;
    padding: 0 2rem;
}
	.findirect .como-funciona .button-fi {
    margin: 2rem auto 7rem;
    width: 100%;
    font-size: 22px;
}
	.ventajas.movil .wp-block-columns, .como-funciona .wp-block-columns.movil {
    display: grid;
    grid-template-columns: 150px 150px;
    grid-template-rows: auto;
	column-gap: 40px;
    justify-content: center;
    justify-items: center;
}
	.como-funciona .wp-block-columns.movil p {
    font-size: 16px!important;
    line-height: 19px!important;
    padding-top: 3rem;
}
	.ventajas.movil .wp-block-columns h4, .wp-block-columns.movil h4 {
    font-size: 16px;
    line-height: 19px;
}
	.ventajas.movil .wp-block-columns p, .wp-block-columns.movil p {
    font-size: 17px;
    line-height: 19px;
}
	.ventajas.movil .wp-block-columns figure.wp-block-image.size-large.icon, .wp-block-columns.movil figure.wp-block-image.size-large.icon {
    width: 110px;
    height: 110px;
}

	/* frakmenta comercios */
	.wp-block-group.alignfull.top-section.frakmenta {
    height: auto;
}
	.wp-block-group.alignfull.top-section.frakmenta  h1 {
    font-size: 48px;
    line-height: 62px;
    overflow-wrap: break-word;
    word-break: break-word;
}
	.frakmenta.top-section .prota-frakmenta {
    background-size: 81%;
    width: 400px;
    height: 330px;
    margin-top: 0;
    background-repeat: no-repeat;
}
	.frakmenta .cifras .alignfull {
    margin-top: 5rem;
}
	.frakmenta .cifras {
    height: auto;
		padding-bottom: 4rem;
}
	.verde.descubre {
    height: 75px;
}
	.frakmenta .cifras span.dato {
    font-size: 60px;
    line-height: 60px;
    margin: 0 auto;
}
	.frakmenta h2 {
    font-size: 50px;
    line-height: 65px;
}
	.services.frakmenta-comercio .tab {
		padding:0;
	}
	.frakmenta img.alignnone.icon {
		margin-bottom:0;
	}
	.frakmenta .ventajas h4 {
    margin-top: 0;
}
.frakmenta .wp-block-column.con-info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    padding-right: 0;
    padding: 2rem;
}
	.frakmenta .wp-block-column.forma-tab.tpv:before {
    background-size: 70%;
    width: 400px;
    height: 100%;
    left: 8%;
		top:auto;
}
	.frakmenta .wp-block-column.forma-tab.tpv-mov:before {
    background-size: 70%;
    width: 400px;
    height: 100%;
    left: 8%;
		top:auto;
}
	.frakmenta .wp-block-column.forma-tab.tpv-ecommerce:before {
    background-size: 70%;
    width: 400px;
    height: 100%;
    left: 8%;
		top:auto;
}
	.frakmenta .wp-block-column.forma-tab {
    order: 2;
    margin-bottom: 0;
}
	section.services.frakmenta-comercio  h3 {
    font-size: 47px;
    line-height: 60px;
}
	.top-section.frakmenta .flecha-fc {
    top: 14%;
    right: 77%;
	}
	.frakmenta.top-section .prota-frakmenta-clientes {
    background-size: 90%;
    display: block;
    width: 500px;
    height: 300px;
    content: "";
    position: relative;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    bottom: 0;
}
	.verde {
    height: 89px;
}
	.logo-frakmenta-by-findirect {
    background-size: 76%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 60%;
    height: 87px;
    content: "";
    position: relative;
    display: block;
    border-radius: 88px;
    background-color: #FBFDFD;
    margin: 0 auto 85px;
    top: -43px;
}
	.cifras .logo-frakmenta-by-findirect {
    top: -93px;
		    margin: 0 auto -75px;
}
	.container {
    padding: 0 2rem;
    width: 100%;
}
	.frakmenta .ventajas {
    padding-top: 50px;
		padding-bottom:0;
}
	.frakmenta .ventajas .container .button-fi {
    width: 100%;
    font-size: 21px;
}
	.with-you  h3 {
    font-size: 50px;
    line-height: 62px;
}
	.with-you .alignwide {
		margin-bottom:0;
	}
	.wp-block-column.segundo {
    order: 2;
}
	.with-you {
    padding: 0;
}
	.frakmenta .ventajas .wp-block-columns.movil, .frakmenta .como-funciona .wp-block-columns.movil {
    display: grid;
    grid-template-columns: 150px 150px;
    grid-template-rows: auto;
	column-gap: 40px;
    justify-content: center;
    justify-items: center;
}
	.frakmenta .como-funciona .wp-block-columns.movil p {
    font-size: 16px!important;
    line-height: 19px!important;
    padding-top: 3rem;
}
	.frakmenta .ventajas .wp-block-columns.movil.movil h4, .frakmenta .wp-block-columns.movil h4 {
    font-size: 16px;
    line-height: 19px;
}
	.frakmenta .ventajas .wp-block-columns.movil p, .frakmenta .wp-block-columns.movil p {
    font-size: 17px;
    line-height: 19px;
}
	.frakmenta .ventajas.movil .wp-block-columns figure.wp-block-image.size-large.icon img {
    width: 110px;
    height: 110px;
}
	.frakmenta .wp-block-columns.movil figure.wp-block-image.size-large.icon {
    width: 110px;
    height: 110px;
		margin-bottom: 2rem!important;
}
	.frakmenta .como-funciona h3 {
    padding-top: 64px;
}
.datos-inferiores span.dato, .datos-inferiores span.dato-negativo {
    margin: 0 auto 0;
}
	figure.wp-block-image.size-large.googleplay.enlaces-apps.google-p {
    top: -12px;
}
	/* Contacto Findirect Comercio */
	form {
    padding: 2rem;
    max-width: 100%;
    width: 100%;
}

	::placeholder {
		font-size:16px;
  color: #000023;
  opacity:0.45;
}
	form input[type="submit"] {
    width: 100%;
}
	.top-section.formulario.findirect h1 {
    font-size: 50px;
    line-height: 65px;
    overflow-wrap: break-word;
    word-break: break-word;
}
	.top-section.formulario.findirect.contacto .wp-block-columns.alignwide, .top-section.formulario.frakmenta.contacto .wp-block-columns.alignwide {
    padding: 0!important;
}
	/* Contacto Frakmentar Comercio */
	.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto .tab_container {
    padding: 0px 0rem;
}
	.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto .tab_content {
    padding: 10px 0;
}
	.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto  ul.tabs li {
    height: 74px;
    font-size: 17px;
    line-height: 1;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
	.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto ul.tabs {
    height: 73px;
    border-bottom: none;
}
	.wp-block-group.alignfull.top-section.salio-con-exito h1 {
		margin-bottom:1rem!important;
	}
	.wp-block-group.alignfull.top-section.frakmenta.salio-bien.exito.contacto .wp-block-columns, .wp-block-group.alignfull.top-section.formulario.findirect .wp-block-columns {
    padding-left: 1rem;
    padding-right: 1rem;
}
	.top-section.salio-bien.exito.contacto {
    height: auto;
    min-height: calc(100vh);
}
	.top-section.salio-mal .prota.salio-mal {
    background-image: url(/wp-content/uploads/2021/11/FINDI-08-e1637250490439.png);
    background-size: 39%;
    background-repeat: no-repeat;
    left: 27%;
    top: 49%;
}
	.tab form .wp-block-columns {
    padding: 0!important;
}
	/* Acceso */
	.top-section.formulario-login.findirect .formulario {
    max-width: 100%;
    padding: 30px;
    margin-top: 20%;
}
	/* Sobre nosotros */
	.wp-block-group.alignfull.top-section.sobrenosotros {
    height: auto;
}
	.wp-block-group.alignfull.top-section.sobrenosotros h1 {
		margin-bottom:0!important;
	}
	.sobre-nosotros h3 {
    font-size: 60px;
    line-height: 65px;
}
	.negocio {
    padding: 4rem 0 0;
}
	.linea-negocio {
    background-size: 40%;
    height: 350px;
		    margin-left: 7%;
}
	section.tarifas {
    padding:0;
}
	.tarifas table {
    font-size: 10px;
}
	.forma-negocio {
    background-repeat: no-repeat;
    background-size: 80%;
    display: block;
    width: 400px;
    height: 400px;
    left: 0;
    bottom: -6%;
    top: inherit;
}
	section.mision {
    padding-top: 50px;
    padding-bottom: 50px;
}
	.sobre-nosotros .valores {
    min-height: auto;
    background: #DADADA;
    padding: 0 2rem 7rem;
}
.sa_hover_container ul li {
    display: block;
    width: 100%;
    float: left;
    padding: 0;
}
	.sa_hover_container ul {
		margin:0;
	}
	.sa_hover_container {
		padding:0!important;
	}
	.sa_hover_container {
    min-height: inherit!important;
}
	.sobre-nosotros .valores {
    min-height: auto;
    padding-bottom: 7rem;
		margin-bottom:0;
}
	section.mision figure.wp-block-image.size-large.circular {
    margin-left: inherit!important;
}
	.mision .forma-3 {
    background-repeat: no-repeat;
    background-size: 69%;
    width: 400px;
    height: 400px;
    left: 0;
    top: 0;
}
	img.circular {
    width: 80%;
    margin: 0 auto;
}
	/* Salió mal */
	.wp-block-group.alignfull.top-section.salio-mal {
    height: auto;
}
	.top-section.salio-mal .prota.salio-mal {
    background-size: 39%;
    background-repeat: no-repeat;
    height: 383px;
    left: 16%;
    top: 0;
}
	.top-section.salio-mal .button-fi {
    width: 100%;
    height: 75.25px;
    margin-top: 50px;
    font-size: 22px;
    line-height: 78px;
}
	/* Mensaje salió con exito */
	.top-section h1 {
    font-size: 34px;
    line-height: 46px;
		margin-bottom:1.5rem!important;
}
	.wp-block-group.alignfull.top-section.salio-con-exito {
    height: auto;
}
	.prota.salio-bien {
    position: relative;
}
/* Desarrolladores */
	.wp-block-group.alignfull.top-section.frakmenta.desarrolladores  h1 {
    font-size: 35px;
    line-height: 46px;
    overflow-wrap: normal;
    word-break: normal;
}
	.top-section.frakmenta.desarrolladores .forma-6 {
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    width: 500px;
    height: 500px;
    left: -14%;
    top: 8%;
    transform: rotate(178deg);
}
	.top-section.frakmenta.desarrolladores .forma-7 {
    background-size: 70%;
    background-repeat: no-repeat;
    width: 500px;
    height: 500px;
    left: -67%;
    top: 16%;
    transform: rotate(183deg);
}
	.wp-block-group.alignfull.top-section.frakmenta.desarrolladores .wp-block-columns {
    padding-left: .5em!important;
    padding-right: .5em!important;
}
	.bottom-section h2 {
    font-size: 33px;
    line-height: 44px;
}
	section.opciones ul.tabs li {
    padding: 0important;
    height: 90px;
    font-size: 18px;
    line-height: 55px;
}
/* Footer */
	footer {
    background-size: 108%;
}
/* Blog */
	body.page-template.template-full-width.page-id-1338 section.listado-entradas {
    width: 100%!important;
    margin-left: 0;
}
	body.page-template.template-full-width.page-id-1338 .wp-block-latest-posts.is-grid li {
    width: 100%;
		    margin: 0 1em 2em;
}
	body.page-template.template-full-width.page-id-1338 .entry-content h1 {
    margin: 0 0 27px;
    overflow-wrap: normal; 
    font-size: 47px;
    padding: 0 2rem;
}
	body.page-template.template-full-width.page-id-1338 .sidebar {
    max-width: 100%!important;
    width: 100%;
}
	body.page-template.template-full-width.page-id-1338 .sidebar.bottom  {
display:none!important;
}
	section.listado-entradas a.read-more {
    color: #5cbfde;
    text-decoration: none;
    margin-top: -126px;
    left: 36px;
    position: absolute;
}
section.listado-entradas .entry-content {
    font-family: Magdelin, sans-serif;
    letter-spacing: normal;
    height: 77px!important;
    overflow: hidden;
}
	/* fin nuevos */
	section.listado-entradas {
    width: 100%;
    float: none;
    margin-left: 2em;
}
	div.sidebar {
    width: 100%;
    padding: 4rem;
}
	body.blog article {
    width: 84%;
    float: left;
    height: auto;
    margin-right: 4%;
}
	div.sidebar .encima {
    position: relative;
    z-index: 2;
    padding: 0 1em;
}
	body.single-post .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 97rem;
    width: calc(100% - 5rem);
}
	body.single-post  .entry-header {
    padding: 4rem 1rem 1rem;
}
	body.single-post h1.entry-title, body.single-post h2.entry-title {
    font-size: 44px;
    line-height: 94%;
    padding: 0 0 2rem;
}
	body.single-post h1 {
    margin: 0rem auto 0rem;
}
	body.single-post h2 {
    font-size: 36px;
}
	body.single-post .featured-media img {
    max-width: 100%;
}
body.single-post article.post {
    width: 100%;
    margin-left: 0;
}
	.heateor_sss_sharing_title {
    margin-bottom:2rem;
    float: none;
}
	body.single-post .post-inner {
    padding: 2rem 2rem;
}
	body.single-post ul {
    padding-left: 3rem;
}
	
}	

@media screen and (min-width: 720px) and (max-width: 1000px) {
		/* MODAL MENU */
	.modal-menu a {
    color: #0D2042!important;
}
	.menu-modal nav * {
    border-color: #0d2042!important;
}
	.modal-menu ul li {
    border-left-width: 0;
}
	ul.sub-menu {
    width: 100%;
    margin-left: 2.5rem!important;
    margin-top: 0!important;
    margin-right: 8rem;
}
	ul.sub-menu a {
    display: block;
    padding: 2rem 2.5rem 2rem 0;
    text-decoration: none;
    width: 100%;
}
	ul.sub-menu span.servicios {
    display: block;
    padding: 12px 0px;
	font-weight: 500;
	font-style:italic;
}
	.modal-menu ul li a {
    color: #0d2042;
    font-weight: 900;
}
	button.sub-menu-toggle {
    border-left: none;
}
	.menu-modal button {
    transition: none;
}
	.menu-modal a, path {
    transition: none;
}
	/* FIN MODAL MENÚ */
	.sidebar h2 {
    font-size: 22px!important;
}
	
}

@media screen and (min-width: 45em) and (max-width: 1075px) {
	body.page-template.template-full-width.page-id-1338 article#post-1338 {
    width: 65%;
    float: left;
}
	body.page-template.template-full-width.page-id-1338 .wp-block-latest-posts.is-grid li {
    width: 100%;
}
	body.page-template.template-full-width.page-id-1338 .sidebar {
    max-width: 35%!important;
    width: 35%;
}
	body.single-post article.post {
    max-width: 960px;
    width: 60%;
    float: left;
    margin-left: 4rem;
    margin-right: 2%;
}
	body.single-post div.sidebar {
    width: 30%;
    padding: 4rem;
}
	body.single-post h1.entry-title, body.single-post h2.entry-title {
    color: #000000;
    text-align: left;
    font-style: italic;
    font-size: 60px;
    line-height: 97%;
    padding: 0rem 0 1rem;
}
	body.page-template.template-full-width.page-id-1338 .sidebar h2 {
    font-size: 24px;
}
	div.sidebar .encima {
    position: relative;
    z-index: 2;
    padding: 0 0rem;
}
}

@media screen and (min-width: 45em) and (max-width: 1024px) {
	section.listado-entradas {
    width: 55%;
    float: left;
    margin-left: 2em;
}
	div.sidebar {
    width: 40%;
    padding: 4rem;
}
	body.blog article {
    width: 84%;
    float: left;
    height: auto;
    margin-right: 4%;
}
	div.sidebar form input[type="submit"] {
    height: 52.25px;
    font-size: 17px;
	width:100%;
}
	div.sidebar .encima {
    padding: 0;
}
}



@media screen and (min-width: 45em) and (max-width: 1450px) {
	.tab_content, .findirect .ventajas, .frakmenta .ventajas {
    padding-left: 2em;
    padding-right: 2em;
}
	.wp-block-column.forma-tab {
    display: grid;
    place-items: end;
}
		
}


@media screen and (min-width: 45em) and (max-width: 720px) {
	body.single-post .post-inner {
    padding: 2rem 3rem;
}
}
.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {
.modal-box { width: 70%; }
}
.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}
.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }
.modal-box .modal-body { padding: 2em 1.5em; }
.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}
.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}
#video-wrap:not(.active) {
  opacity: 0;
  visibility: hidden;
}
#video-wrap .video-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#video-wrap .video-container {
  width: 95%;
  transition: all 0.3s ease-in-out;
  transform: scale(0.9);
}
#video-wrap .close-video {
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 5%;
  top: 5%;
  top: 0%;
  right: 0%;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  border: solid 0px #000;
  padding: 0;
  transition: all 0.3s ease-in-out;
  z-index: 150;
}
#video-wrap .close-video:before, #video-wrap .close-video:after {
  content: "";
  width: 60%;
  height: 3px;
  background-color: #000;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
#video-wrap .close-video:before {
  transform: rotate(42deg);
}
#video-wrap .close-video:after {
  transform: rotate(-42deg);
}
#video-wrap .close-video:focus {
  outline: none;
}
/*#video-wrap .close-video:hover {
  background-color: #000;
}
#video-wrap .close-video:hover:before, #video-wrap .close-video:hover:after {
  background-color: #fff;
}*/
#video-wrap video,
#video-wrap iframe {
  position: relative;
  z-index: 10;
  border-radius: 0px;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.16);
  width: 100%;
  height: 100vh;
  max-height: 85vh;
  background-color: #000;
   width: calc(60vh * 1.77) !important;
   height: 60vh;
}
#video-wrap video {
  object-fit: cover;
}
#video-wrap.active {
  opacity: 1;
  visibility: visible;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 12px;
  height: 100vh;
  display: flex;
  transition: all 0.3s ease-in-out;
  z-index: 9991;
  align-items: center;
  justify-content: center;
}
#video-wrap.active .video-container {
  transform: scale(1);
  width: calc(60vh * 1.77);
   height: 60vh;
}

.enlace{
	text-decoration:none;
	color:#0d2042;
}

.enlace:hover{
	font-weight : bold;
}

@media (max-width: 1659px) and (min-width: 1330px) {
  #video-wrap .video-container {
    max-width: 978px;
  }
}
@media (min-width: 1660px) {
  #video-wrap .video-container {
    max-width: 1431px;
  }
}
@media (max-width: 1600px){
    .top-section .prota-home-1 img,
        .top-section .prota-home img{
        margin:0 auto;
        max-width:120px !important;
        opacity:0.6;
        transition-duration: 1s;
    }
}
@media (max-width: 900px){
    .top-section .prota-home-1 img,
    .top-section .prota-home img{
        margin-left:auto;
    }
}
@media (max-width: 720px){
        .top-section .prota-home-1 img,
	        .top-section .prota-home img{
            position: absolute;
            top:30%;
        }            
}
@media (max-width: 600px){
    .top-section .prota-home-1 img  {
		position: absolute;
		top: 22%;
		left: 16%;
		max-width: 80px !important;
        } 
            .top-section .prota-home img{
            position: absolute;
    top: 15%;
    left: 10%;
    max-width: 80px !important;
        }         
        #video-wrap.active .video-container{
            width:100%;
            height:100%;
        }
        #video-wrap video, #video-wrap iframe{
            width:100%;
            height:100%;
        }
}
@media (max-width: 1000px){
#video-wrap.active .video-container{
        width: 100%;
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}
#video-wrap.active .video-container video{
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
}

.footer-nav-widgets-wrapper, #site-footer ul{
	display:-webkit-inline-box;
}