/* 
Theme Name: eCcare
Theme URI: https://ecare-pcp.eu/
Description: Tema Web 
Author: eCcare
Author URI: https://ecare-pcp.eu/
Version: 1.5
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready
*/

@font-face {
    font-family: 'textaalt';
    src: url('fonts/texta_alt_black-webfont.eot');
    src: url('fonts/texta_alt_black-webfont.eot#iefix') format('embedded-opentype'),
        url('fonts/texta_alt_black-webfont.woff') format('woff2'),
        url('fonts/texta_alt_black-webfont.woff') format('woff'),
        url('fonts/texta_alt_black-webfont.ttf') format('truetype'),
        url('fonts/texta_alt_black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'din';
    src: url('fonts/dinr____-webfont.eot');
    src: url('fonts/dinr____-webfont.eot#iefix') format('embedded-opentype'),
        url('fonts/dinr____-webfont.woff') format('woff2'),
        url('fonts/dinr____-webfont.woff') format('woff'),
        url('fonts/dinr____-webfont.ttf') format('truetype'),
        url('fonts/dinr____-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'din';
    src: url('fonts/DIN-Bold.woff') format('woff2'),
        url('fonts/DIN-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
    font-family: 'din';
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* Layout */

body {
	min-height: 100vh;
        min-width: 100vw;
	display: flex;
	flex-direction: column;
        overflow-x: hidden;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        width: 100%;
}

#main{
    flex-grow: 1;
    margin-top: 86px;
}

svg{
	max-width: 100%;
	height: auto;
}

.content-inner{
	display: flex;
        width: 90vw;
        margin: 0 auto;
        padding: 1em 0;
        max-width: 2400px;
}

.content-inner-full{
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    align-items: center;
    flex-wrap: wrap;
}

h2{
    color: #173366;
    font-family: 'textaalt';
    font-weight: normal;
}

.cta-boxes {
	/* z-index: 999999999999999999; */
	position: relative;
        width: 100%;
        overflow: hidden;
}

.cta-boxes .content-inner-full .col {
	width: 50%;
	align-items: center;
	display: flex;
	padding: 0 5%;
}

.content-inner-block{
    width: 90vw;
    margin: 0 auto;
    padding: 1em 0;
    max-width: 2400px;
}

.site-branding {
	margin-right: auto;
}

.navigation-main-menu {
	margin-left: auto;
}

.site-header{
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 86px;
    z-index: 99999;
}

.site-header .content-inner {
	display: flex;
	align-items: last baseline;
}

.site-logo img {
	max-width: 180px;
	width: 100%;
}

ul.menu {
	display: flex;
        align-items: center;
	justify-content: flex-end;
        list-style-type: none;
        flex-wrap: wrap;
}

ul.menu li{
    margin:0 20px;
    position:relative;
}

ul.menu li a {
	text-decoration: none;
	display: block;
	padding: 10px 0;
	position: relative;
	z-index: 1;
        font-size: 20px;
        color: #173366;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
}

ul.menu li a:hover{
  color: #F88180;
  transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
}

.hamburger-icon {
	width: 32px;
        position: relative;
        z-index: 9999;
}

.global-menu {
	width: 100vw;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 100;
}

.global-menu__wrap .menu-item{
	color: #222;
	font-family: inherit;
	font-size: 4vmax;
	font-weight: 200;
	opacity: 0;
	transform: translateY(-100%);
	pointer-events: none;
	display: block;
	margin: 0.25em 0;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
}

.global-menu__wrap .menu-item:nth-child(odd) {
	transform: translateY(-100%) rotate(10deg);
}

.global-menu__wrap .menu-item:nth-child(even) {
	transform: translateY(-100%) rotate(-10deg);
}

.global-menu__wrap .menu-item:hover {
	color: #fff;
}

.global-menu__wrap .menu-item.is-opened {
	opacity: 1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
}

.global-menu__wrap .menu-item:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(1) {
	transition-delay: 0.85s;
}

.global-menu__wrap .menu-item:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(2) {
	transition-delay: 0.8s;
}

.global-menu__wrap .menu-item:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__wrap .menu-item:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

.global-menu__wrap .menu-item:nth-of-type(5) {
	transition-delay: 0s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(5) {
	transition-delay: 0.85s;
}

.global-menu__wrap .menu-item:nth-of-type(6) {
	transition-delay: 0.05s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(6) {
	transition-delay: 0.8s;
}

.global-menu__wrap .menu-item:nth-of-type(7) {
	transition-delay: 0.1s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(7) {
	transition-delay: 0.75s;
}

.global-menu__wrap .menu-item:nth-of-type(8) {
	transition-delay: 0.15s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(8) {
	transition-delay: 0.7s;
}

.global-menu__wrap .menu-item:nth-of-type(9) {
	transition-delay: 0.05s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(9) {
	transition-delay: 0.8s;
}

.global-menu__wrap .menu-item:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(1) {
	transition-delay: 0.85s;
}

.global-menu__wrap .menu-item:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(2) {
	transition-delay: 0.8s;
}

.global-menu__wrap .menu-item:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__wrap .menu-item:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

.global-menu__wrap .menu-item:nth-of-type(5) {
	transition-delay: 0s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(5) {
	transition-delay: 0.85s;
}

.global-menu__wrap .menu-item:nth-of-type(6) {
	transition-delay: 0.05s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(6) {
	transition-delay: 0.8s;
}

.global-menu__wrap .menu-item:nth-of-type(7) {
	transition-delay: 0.1s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(7) {
	transition-delay: 0.75s;
}

.global-menu__wrap .menu-item:nth-of-type(8) {
	transition-delay: 0.15s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(8) {
	transition-delay: 0.7s;
}

.global-menu__wrap .menu-item:nth-of-type(9) {
	transition-delay: 0.05s;
}

.global-menu__wrap .menu-item.is-opened:nth-of-type(9) {
	transition-delay: 0.8s;
}

.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
        z-index: 99;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
	fill: #173366;
}

.shape-overlays__path:nth-of-type(2) {
	fill: #173366;
}

.shape-overlays__path:nth-of-type(3) {
	fill: #F88180;
}

.shape-overlays__path:nth-of-type(4) {
	fill: #ffffff;
}

@-webkit-keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

@keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

.blog-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0px;
        flex-grow: 1;
}

.blog-grid .post {
	display: flex;
	flex-direction: column;
}

.blog-grid .post figure {
	max-height: 160px;
	flex-grow: 1;
	height: 160px;
}

.blog-grid .post figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
        object-position: center;
}

.blog-grid .post .post-info-wrap {
	padding: 90px 60px 15px 60px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.blog-grid .post .post-info-wrap .post-info {
	flex-grow: 1;
	padding: 10px 0 5px 0;
	display: flex;
	flex-direction: column;
}

.post-article-image{
    height: auto;
    position: relative;
}

.post-article-image img {
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: top;
}

.post-article-title {
    font-size: 36px;
    position: relative;
    top: 0;
    text-align: left;
    width: 100%;
    color: white;
}

.overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}


/* Footer */

.pre-footer, .footer-illustration {
	background-color: #fffdc3;
}

.pre-footer .content-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.footer-logo-big {
	margin: 60px auto -120px auto;
	display: block;
	max-width: 40%;
	z-index: 9;
	position: relative;
}

.footer-illustration img{
    object-fit: cover;
}

.copyright {
	margin-right: auto;
        color: #c7c7c7;
        font-size: 14px;
}

.menu-footer {
	margin-left: auto;
}

.menu-footer ul.menu li a {
        font-size: 14px;
        padding: 0;
}

.slider .content-inner {
	width: 100%;
	padding: 0;
	height: 92vh;
}

.scene{
    opacity: 0;
    transition: all 2s ease-in-out 0.5s;
    -webkit-transition: all 2s ease-in-out 0.5s;
}

.scene.activo{
    opacity: 1;
    transition: all 2s ease-in-out 0.5s;
    -webkit-transition: all 2s ease-in-out 0.5s;
}

#scene1, #scene2, #scene3, #scene4{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.capa {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-position: top right;
}

.ecare-content .capa{
	height: 80vh;
}

.ecare-content #scene2 .capa_1{
	    background-size: contain;
}

#scene1 .capa_1{
    background-image: url('images/slider/home_1_1.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 36px !important;
}

#scene1 .capa_foto{
    background-image: url('images/slider/foto1.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 36px !important;
    top: -10px !important;
}

#scene1 .capa_2{
    background-image: url("images/slider/home_1_2.svg");
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;

}

#scene1 .capa_3{
    background-image: url('images/slider/home_1_3.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /* left: 132px !important; 
    top: -60px !important;*/
}

#scene1 .capa_4{
    background-image: url('images/slider/home_1_4.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0 !important;
}

#scene1 .capa_5{
    background-image: url('images/slider/home_1_5.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0px !important;
}

#scene1 .capa_6{
    background-image: url('images/slider/home_1_6.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene1 .capa_7{
    background-image: url('images/slider/home_1_7.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene1 .capa_8{
    background-image: url('images/slider/home_1_8.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene1 .capa_9{
    background-image: url('images/slider/home_1_9.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene1 .capa_3, #scene1 .capa_4, #scene1 .capa_5, #scene1 .capa_6, #scene1 .capa_7, #scene1 .capa_8, #scene1 .capa_9 {
    opacity: 0.8;
}

#scene2 .capa_1 {
	background-image: url('images/slider/home_2_1.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	left: 20px !important;
	background-position: bottom right;
        top: 30px !important;
		border-bottom: solid white 26px;

}

#scene2 .capa_foto{
    background-image: url('images/slider/foto2.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 20px !important;
    
	top: -22px !important;
}

#scene2 .capa_2{
    background-image: url("images/slider/home_2_2.svg");
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;

}

#scene2 .capa_3{
    background-image: url('images/slider/home_2_3.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /* left: 132px !important; 
    top: -60px !important;*/
}

#scene2 .capa_4{
    background-image: url('images/slider/home_2_4.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0 !important;
}

#scene2 .capa_5{
    background-image: url('images/slider/home_2_5.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0px !important;
    top: 0px !important;
}

#scene2 .capa_6{
    background-image: url('images/slider/home_2_6.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene2 .capa_7{
    background-image: url('images/slider/home_2_7.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene2 .capa_3, #scene2 .capa_4, #scene2 .capa_5, #scene2 .capa_6, #scene2 .capa_7{
    opacity: 0.8;
}

#scene3 .capa_1{
    background-image: url('images/slider/home_3_1.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 36px !important;
}

#scene3 .capa_foto{
    background-image: url('images/slider/foto3.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 36px !important;
    top: -10px !important;
}

#scene3 .capa_2{
    background-image: url("images/slider/home_3_2.png");
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;

}

#scene3 .capa_3{
    background-image: url('images/slider/home_3_3.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /* left: 132px !important; 
    top: -60px !important;*/
}

#scene3 .capa_4{
    background-image: url('images/slider/home_3_4.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0 !important;
}

#scene3 .capa_5{
    background-image: url('images/slider/home_3_5.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0px !important;
}

#scene3 .capa_6{
    background-image: url('images/slider/home_3_6.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene3 .capa_7{
    background-image: url('images/slider/home_3_7.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene3 .capa_8{
    background-image: url('images/slider/home_3_8.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene3 .capa_9{
    background-image: url('images/slider/home_3_9.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene3 .capa_3, #scene3 .capa_4, #scene3 .capa_5, #scene3 .capa_6, #scene3 .capa_7, #scene3 .capa_8, #scene3 .capa_9 {
    opacity: 0.8;
}

#scene4 .capa_1{
    background-image: url('images/slider/home_4_1.svg');
    background-size: auto 110%;
    background-repeat: no-repeat;
    left: 20px !important;
}

#scene4 .capa_foto {
	background-image: url('images/slider/foto4.png');
	background-size: auto 130%;
	background-repeat: no-repeat;
	left: 34px !important;
	background-position: top right;
	top: -26px !important;
}

#scene4 .capa_2{
    background-image: url("images/slider/home_4_2.png");
    background-size: auto 100%;
    background-repeat: no-repeat;

}

#scene4 .capa_3{
    background-image: url('images/slider/home_4_3.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /* left: 132px !important; 
    top: -60px !important;*/
}

#scene4 .capa_4{
    background-image: url('images/slider/home_4_4.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0 !important;
}

#scene4 .capa_5{
    background-image: url('images/slider/home_4_5.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    left: 0px !important;
}

#scene4 .capa_6{
    background-image: url('images/slider/home_4_6.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene4 .capa_7{
    background-image: url('images/slider/home_4_7.svg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*left: 130px !important;
    top: -60px !important;*/
}

#scene4 .capa_3, #scene4 .capa_4, #scene4 .capa_5, #scene4 .capa_6, #scene4 .capa_7{
    opacity: 0.8;
}

/*.cta-boxes .col{
    opacity: 0;
}*/

.cta-boxes .content-inner-full .col1 {
	background-color: #173366;
	background-image: url('images/fondo_altavoz.png');
	height: 250px;
	background-repeat: no-repeat;
	background-size: 300%;
	background-position: center;
}

.cta-boxes .content-inner-full .col2{
    background-color: #F88180;
    background-image: url('images/fondo_altavoz.png');   
    height: 250px;
    background-repeat: no-repeat;
    background-size: 300%;
    background-position: center;
}

.cta-boxes .content-inner-full .col a {
	color: white;
	text-decoration: none;
        text-align: center;
        font-family: 'textaalt';
        font-size: 32px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
}

.cta-boxes .content-inner-full .col a:hover{
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.cta-boxes .content-inner-full .col a h2, .cta-boxes .content-inner-full .col h2 {
	font-size: 48px !important;
	letter-spacing: 0px;
	line-height: 46px;
	color: white;
        text-align: center;
}



.texto-slider {
	z-index: 9999;
	width: 50%;
	align-self: center;
	padding: 0px 7em;
}

.texto-slider h2 {
	font-family: 'textaalt';
	color: #3767D3;
	font-size: 82px;
	line-height: 68px;
	margin-bottom: 95px;
}

body.page-template-page-omc .texto-slider h2{
	font-size: 80px;
}

body.page-template-page-omc .noheight .texto-slider {
	width: 80%;
}

.texto-slider p {
	color: #173366;
	font-size: 22px;
	margin-bottom: 30px;
}

.phases-box, .phases-box-content {
	margin-top: 242px;
        overflow: hidden;
        width: 100%;
}

.phases-box .content-inner {
	flex-direction: column;
}

.phases-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 auto;
        padding-top: 57px;
}

.phases-wrap figure, .phases-wrap .texto, .phases-wrap .texto-pie {
	width: 80%;
	margin: 0 auto;
}

.phases-wrap .texto .izq{
    float: left;
    font-family: 'textaalt';
    color: #173366;
    font-size: 22px;
}

.phases-wrap .texto-pie {
	text-align: center;
        margin-top: 33px;
}

.texto-pie p{
    font-family: 'textaalt';
    font-size: 22px;
    font-style: italic;
    color: #173366;
    font-weight: normal;
    text-align: left;
}

.texto-pie .boton-centrado{
    position: relative;
    top: 33px;
}

.boton-centrado{
    color: white;
    font-size: 20px;
    background-color: #3767D3;
    border-radius: 30px;
    text-decoration: none;
    padding: 15px 20px;
    margin-top: 33px;
    
}

.boton-centrado:hover{
    background-color: #F88180;
}

.phases-wrap .texto .der{
    float: right;
    font-family: 'textaalt';
    color: #173366;
    font-size: 22px;
}

.phases-wrap .texto {
	margin-bottom: 10px;
        position: relative;
}

.phases-box h2, .blog-home h2, .partners h2 {
	font-size: 36px;
}


/*.phase0 {
	z-index: 9;
	position: relative;
	left: 296px;
}

.phase1 {
        z-index: 8;
	position: relative;
	left: 148px;
}

.phase2{
        z-index: 7;
}

.phase3 {
        z-index: 6;
	position: relative;
	left: -149px;
}

.phase4{
        z-index: 5;
        position: relative;
        left: -296px;
}*/

.phases-box-content{
    display: flex;
    flex-direction: row;
    margin-top: 190px;
}

.phases-box-content-izq, .phases-box-content-der{
    width: 50%;
}

.phases-box-content-izq{
    text-align: center;
    position: relative;
}

.phases-box-content-2 .phases-box-content-izq{
    text-align: left;
}

.phases-box-content h2{
    font-family: 'textaalt';
    color: #3767D3;
    font-size: 73px;
    line-height: 0.8;
    margin-bottom: 24px;
}

.phases-box-content p {
	color: #173366;
	font-size: 22px;
	margin-bottom: 30px;
	/*text-align: justify;*/
	text-align: left;
}

.phases-box-content .boton-centrado{
    font-size: 20px;
    margin-top: 62px;
    display: inline-block;
}

.phases-box-content-1 p {
	padding-right: 35%;
}

.phases-box-content-2 .phases-box-content-izq {
	text-align: left;
	padding-left: 7%;
	padding-right: 7% !important;
}

.phases-box-content-2 .phases-box-content-der {
	text-align: left;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.phases-box-content-1 .phases-box-content-izq p{
    font-size: 48px;
    font-family: 'textaalt';
    line-height: 38px;
    position: absolute;
    right: -17px;
}

.phases-box-content-1 .phases-box-content-izq img {
	width: 262px;
}

h2.texto-comillas{
    font-family: 'textaalt';
    font-size: 62px;
    color: rgba(248,129,128,1);
    padding-left: 30px;
    position: relative;
    font-style: italic;
    line-height: 0.8;
}

h2.texto-comillas span{
    z-index: 2;
    position: relative;
}

.comillas{
    z-index: 1;
    width: 180px;
}

.abrircomillas {
	position: absolute;
	top: -80px;
}

.cerrarcomillas {
	position: absolute;
	bottom: -30px;
	right: 60px;
}

.contenido-omc .cerrarcomillas {
	bottom: -20px;
}

.phases-box-content-2 h2.texto-comillas {
	width: 60%;
}

.phases-wrap img {
	width: 100%;
}

.blog-home{
    margin-top: 200px;
    width: 100%;
    overflow: hidden;
}

.blog-home .content-inner {
	flex-direction: column;
}

.blog-home .post-title{
    margin-bottom: 40px;
    line-height: 0.8;
    font-family: 'textaalt';
    font-size: 40px;
    color: white;
    text-decoration: none;
    flex-grow: 1;
}

.see-more-box {
	display: flex;
	flex-direction: column;
}

.blog-home .post-see-more{
    font-family: 'textaalt';
    font-size: 36px;
    color: white;
    text-decoration: none;
}

.blog-home .post-title:hover, .blog-home .post-see-more:hover{
    text-decoration: underline;
}

.blog-home .post-1 .post-info-wrap{
    background-color: rgba(55,103,211,0.8);
}

.blog-home .post-2 .post-info-wrap{
    background-color: rgba(232,115,115,0.8);
}

.blog-home .post-3 .post-info-wrap{
    background-color: rgba(23,41,102,0.8);
}

.blog-home .see-more-box .post-plus img{
    transform: scale(0.8,0.8) rotate(0deg);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.blog-home .see-more-box .post-plus img:hover{
    transform: scale(1,1) rotate(360deg);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.blog-home .post {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.partners{
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    text-align: center;
}

.partners.partners-2 {
	margin-top: 15px;
}

.partners .content-inner {
	display: flex;
	flex-direction: column;
}

.partners-grid {
	display: flex;
        justify-content: center;
        margin-top: 90px;
}

.partners-grid figure {
	margin: 0 60px;
}

.partners .boton-centrado {
	display: inline-block;
        margin-top: 90px;
}

.partners h2 {
	text-align: left;
}

.subscribe {
	background-color: #3767D3;
	background-image: url('images/fondo_sobres.png');
	height: 286px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: 190px;
	/* text-align: center; */
}

.subscribe-wrap {
	width: 100%;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
        margin-top: 38px;
}

.subscribe .subscribe-wrap h2{
    font-family: 'textaalt';
    font-size: 82px;
    color: white;
    flex-grow: 1;
}

.subscribe .boton-centrado{
    background-color: #173366;
    align-self: center;
	color:white;
}

.subscribe .boton-centrado:hover{
    background-color: #F88180;
	color: white;
}

h2.titlo-seccion, .titlo-seccions h2{
    font-family: 'textaalt';
    font-size: 36px;
    color: #173366;
    text-align: left;
}

.phases-box-content-ecare p {
	padding-right: 35%;
}

.phases-box-content-ecare .boton-centrado {
	float: left;
}

.phases-box-content-ecare .phases-box-content-der .texto-comillas {
	/* width: 50%; */
	/* font-size: 50px; */
	/* line-height: 42px; */
	/* align-self: center; */
	margin-top: 90px;
}


.phases-box-content-ecare .boton-centrado {
	background-color: #173366;
}

.phases-box-content-ecare .boton-centrado:hover{
    background-color: #F88180;
}

.see-more-action, .action-see-more{
    height: 0;
    opacity: 0;
    margin-bottom: 0 !important;
}

.see-more-action.activo, .action-see-more.activo{
    height: auto;
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    margin-bottom: 30px !important;
}

.action-see-more {
	position: relative;
        margin-bottom: 0 !important;
        margin-bottom: 10px !important;
}

.pink-bg {
	background-color: #F88180;
        padding: 90px 0;
}

.pink-bg *{
	color: white !important;
}

.pink-bg .hr {
	background-color: white;
	height: 3px;
	width: 65%;
	margin-bottom: 30px;
}

.pink-bg p {
	font-family: "din";
	font-size: 24px;
	font-weight: bold;
}

.page-template-page-whoweare .texto-slider {
	width: 750px;
        text-align: left;
    }

.page-template-page-whoweare .slider {
	background-image: url('images/eMapa.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
}

.page-template-page-whoweare .texto-slider p {
	color: #173366;
	font-size: 36px;
	font-family: "textaalt";
        font-weight: 100;
        line-height: 35px;
}

.page-template-page-whoweare h2.titlo-seccion,.page-template-page-whoweare .titlo-seccions h2{
    color: #173366;
    font-family: 'textaalt';
    font-weight: normal;
    font-size: 36px;
}


/* who we are 2021
*/
 
.new-changes .texto-slider {
	width: 750px;
        text-align: left;
    }

.new-changes .slider {
	background-image: url('images/eMapa2021.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
}

.new-changes .texto-slider p {
	color: #173366;
	font-size: 36px;
	font-family: "textaalt";
        font-weight: 100;
        line-height: 35px;
}

.new-changes h2.titlo-seccion,.new-changes .titlo-seccions h2{
    color: #173366;
    font-family: 'textaalt';
    font-weight: normal;
    font-size: 36px;
}


h3.titulo-partner{
    font-family: 'textaalt';
    font-size: 58px;
    color: #3767D3;
    text-align: left;
    margin-bottom: 30px;
}

.visit-partner{
    font-family: 'textaalt';
    color: #173366;
    font-size: 36px;
    float: left;
}

.visit-partner a{
    font-family: 'textaalt';
    color: #3767D3;
    font-size: 36px;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.visit-partner a:hover{
    color: #173366;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.partner-image {
	text-align: left;
	margin-bottom: 30px;
}

.p_normal, .p_normals p {
	position: relative !important;
	top: 68px;
	color: #173366 !important;
	font-size: 24px !important;
	margin-bottom: 30px !important;
	/*text-align: justify !important;*/
        text-align: left !important;
	font-family: "din" !important;
        padding-right: 35%;
}

.ul_normal,.ul_normals ul {
	position: relative !important;
	top: 68px;
        list-style: none;
        left: 90px;
        padding-right: 35%;
}

.ul_normal li,.ul_normals li{
	color: #173366 !important;
	font-size: 24px !important;
	/*text-align: justify !important;*/
        text-align: left !important;
	font-family: "din" !important;
}

.phases-box-content-resumen h2.titlo-seccion,.phases-box-content-resumen .titlo-seccions h2{
    color: #F88180;
    font-family: 36px;
    line-height: 24px;
    margin-bottom: 0px;
    position: relative;
    left: 82px;
    margin-top: -50px;
}

.phases-box-content-resumen .phases-box-content-izq {
	text-align: left;
}

.phases-box-content-resumen{
    overflow: visible;
}

.phases-box-content-1.phases-box-content-resumen .phases-box-content-izq p {
	position: absolute;
	left: 121px;
}

.slider.noheight .content-inner {
    height: auto;
    margin: 90px auto 0px auto;
    width: 90vw;
}

.noheight .texto-slider { 
    width: 80%;
    padding: 0px 7em;
}

.contenido-omc .noheight .texto-slider { 
    padding: 0px 7%;
}

.blog-normal .content-inner, .our-newsletter .content-inner{ 
    flex-direction: column;
}

.blog-normal .blog-grid {
    display: flex;
    flex-direction: column;
}

.our-newsletter .blog-grid{
    display: grid;
    grid-template-columns: repeta(3,1fr);
}

.fecha_post{
    font-family: "din";
	font-size: 24px;
	font-weight: bold;
	color: #173366;
        margin: 30px 0px 20px 0 !important;
        display: block;
}

.blog-normal .post-title, .our-newsletter  .post-title{
    font-family: "textaalt";
	font-size: 36px;
	color: #3767D3;
	text-decoration: none;
}

.blog-normal .post-title:hover, .our-newsletter  .post-title:hover{ 
	color: #173366;
	text-decoration: underline;
}

.blog-normal .blog-grid .post .post-info-wrap {
    padding: 15px 0px 15px 0px;  
}

.blog-normal .blog-grid .post { 
	border-top: 2px solid #173366;
}

.blog-normal h2, .our-newsletter h2 {
    font-size: 36px;
}

.our-newsletter .blog-grid .post figure img {
    object-fit: contain;
    object-position: left;
    text-align: left;
}

.our-newsletter .boton-centrado {
    color: white;
    font-size: 20px;
    background-color: #173366;
    border-radius: 30px;
    text-decoration: none;
    padding: 15px 20px;
    margin-top: 33px;
    display: inline-block;
    width: 126px;
}

.our-newsletter .blog-grid .post .post-info-wrap .post-info{
    padding: 30px 0px 0px 0px; 
	border-top: 4px solid #F88180;
}

.our-newsletter .blog-grid .post .post-info-wrap {
    padding: 0px 60px 15px 0px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.our-newsletter .blog-grid .post figure { 
    padding-bottom: 30px;
} 

.post-article-title h1 {
	font-family: "textaalt";
	font-size: 52px;
	color: #3767D3;
	line-height: 48px;
	font-weight: normal;
}

.single-post .post-article h2{ 
    font-family: "textaalt";
	font-size: 36px;
	color: #173366;
} 

.single-post .post-article p, .single-post .post-article ul li, .single-post .post-article ol li{ 
    font-family: "din";
	font-size: 24px;
	color: #173366;
} 

.single-post .post-article ul li, .single-post .post-article ol li {
	position: relative;
	left: 30px;
}

.content-inner.post-article {
    flex-direction: column;
}

.content-inner.post-article p {
    margin-bottom: 30px;
}

.slider.noheight.recursos .texto-slider {
	width: 45vw;
}

.resources .content-inner {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 5em;
}

.guides .content-inner {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 5em;
}

.resource, .resource .post-info-wrap .post-info { 
    display: flex;
    flex-direction: column; 
    width: 100%;
    flex-grow: 1;
}

.resource figure {
	height: 120px;
	max-height: 120px;
}

.resource  figure img { 
	width: auto;
	height: auto; 
	object-fit: contain;
	object-position: left;
	text-align: left;
}

.resource .boton-centrado {
	color: white;
	font-size: 20px;
	background-color: #173366;
	border-radius: 30px;
	text-decoration: none;
	padding: 15px 20px;
	margin-top: 33px;
	display: inline-block;
	width: 126px;
}

.resource .boton-centrado:hover{
    background-color: #F88180;
}

.resource .post-title {
	font-family: "textaalt";
	font-size: 36px;
	color: #3767D3;
	text-decoration: none;
	width: 70%;
	border-top: 1px solid #F88180;
	padding-top: 10px;
	margin-top: 30px;
        flex-grow: 1;
}

.resource .post-title:hover {
	color: #173366;
	text-decoration: underline;
}

.page-template-page-contacto .slider {
    background-image: url('images/contactobg.png');
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center right;
}

.page-template-page-contacto .texto-slider p {
	color: #173366;
	font-size: 22px;
	font-family: "din";
	font-weight: normal;
}

.page-template-page-contacto h2.titlo-seccion,.page-template-page-contacto .titlo-seccions h2{
    color: #173366;
    font-family: 'textaalt';
    font-weight: normal;
    font-size: 36px;
}

.page-template-page-contacto .slider .content-inner {
    min-height: 500px;
}

.hamburger-box{
    width: 32px;
    height: 30px;
    background-image: url('images/hamburguesa-01.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.hamburger-box.is-opened-navi{
    background-image: url('images/cerrar.png');
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

#site-navigation-mobile a {
	text-decoration: none;
	color: #173366;
}

#site-navigation-mobile a:hover {
	color: rgba(248,129,128,1);
}

.capa-movil{
    display: none !important;
}

#scene1 .capa-movil{
    background-image: url('images/slider/s1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 80%;
    background-position: right;
}

#scene2 .capa-movil{
    background-image: url('images/slider/home_2_g.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 80%;
    background-position: right;
}

#scene3 .capa-movil{
    background-image: url('images/slider/home_3_g.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 80%;
    background-position: right;
}

#scene4 .capa-movil{
    background-image: url('images/slider/home_4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 80%;
    background-position: right;
}

.phases-wrap.pc{
    display: flex;
}

.phases-wrap.movil{
    display: none;
}

.phases-wrap.movil .phase0, .phases-wrap.movil .phase1, .phases-wrap.movil .phase2, .phases-wrap.movil .phase3 {
	width: 25%;
	float: left;
	height: 472px;
}

.phases-wrap.movil .phase0 img, .phases-wrap.movil .phase1 img, .phases-wrap.movil .phase2 img, .phases-wrap.movil .phase3 img {
	width: auto;
	height: 100%;
}

.phases-wrap .texto-pie {
	height: 105px;
    }
    
    .titulo-pie-eu .content-inner{
        flex-direction: column;
    }
    
    .titulo-pie-eu p {
	font-family: "textaalt";
	font-size: 36px;
	color: #3767D3;
	text-decoration: none;
}

.titulo-pie-eu {
	text-align: center;
	width: 50%;
	margin: 0 auto;
}

.titulo-pie-eu .content-inner {
	flex-direction: column;
	width: 100%;
}

.titulo-pie-eu img {
	width: 260px;
	height: auto;
	margin: 0 auto;
    }
    
    
.footer {
	/* background-image: url("images/fondo-footer.png"); */
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	height: auto;
	position: relative;
	bottom: 0;
	width: 100%;
	align-content: end;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	background-color: #F18787;
	padding: 30px 60px 0 60px;
}

.footer-content {
	display: flex;
}

.footer .left {
	position: relative;
        width: 25%;
}

.footer .center {
	display: inline-flex;
	margin-bottom: 20px !important;
	margin: auto;
        width: 50%;
        justify-content: center;
}

.footer .right {
	text-align: right;
	display: flex;
	flex-direction: revert;
	justify-content: end;
        position: relative;
        width: 25%;
}

.footer .enlaces {
	color: white;
	position: absolute;
	bottom: 15px;
}

.footer .enlaces a{
    color: white;
}

.footer .texto2 {
	max-width: 180px;
	margin-left: 10px;
	color: #4A67CE;
	font-size: 10px;
	line-height: 1.2;
}

.footer .right ul {
	list-style: none;
	position: absolute;
	right: 0;
	float: right;
	bottom: 0;
	margin: 0;
}

.footer .right ul li {
	float: left;
	padding: 0px 4px;
}

.footer .right a {
	position: relative;
}

.footer .right ul li img {
	width: 32px;
}

.page-template-page-phases .phases-box-content-1 .phases-box-content-izq img {
	width: 65%;
}

.phases-box-content-resumen img {
	position: relative;
	left: 82px;
	top: 30px;
}

.page-template-page-phases .phases-box-content {
	overflow: visible;
}

.resource .post-info-wrap {
	display: flex;
        flex-grow: 1;
}

.phases-box-content-ecare p, h3.titulo-partner {
	padding-right: 3em;
    }
    
.social_share ul {
	list-style-type: none;
}

.social_share ul li {
	display: inline;
}

.page-template-page-whoweare .phases-box-content-ecare p {
    padding-right: 7em;
    line-height: 30px;
    margin-bottom: 50px;
}

.new-changes .phases-box-content-ecare p {
    padding-right: 7em;
    line-height: 30px;
    margin-bottom: 50px;
}

.single-post .post-article.content-inner, .single-post .post-article-image.content-inner {
	max-width: 1140px;
}

.single-post a {
	color: inherit;
}

.single-post a:hover {
	color: #F18787;
}

.page-template-page-whoweare .texto-slider h2 {
    margin-bottom: 40px;
}

.new-changes .texto-slider h2 {
    margin-bottom: 40px;
}
.partners-grid figure {
	align-self: center;
}

.tender .texto-slider {
	padding: 0;
	width: 40%;
}

.tender .texto-slider h2 {
	margin-bottom: 0px;
}

.tender h2.titlo-seccion {
	line-height: 32px;
        margin-bottom: 30px;
}

.tender p {
	color: #173366;
	font-size: 24px;
	margin-bottom: 30px;
	text-align: left;
}

.guides .resource figure img {
	height: 80%;
}

.guides {
	margin-top: 60px;
}

.guides .content-inner:nth-child(1) {
	margin-bottom: 30px;
}

.guides .resource figure {
	border-bottom: 2px solid #F88180;
	margin-bottom: 30px;
}

.page-template-page-contacto .subscribe {
    margin-top: -120px;
}

.excel-wrapper{
    padding-left: 7%;
    padding-right: 7% !important;
    width: 100%;
}

.phases-box-content-omc-2 h2 {
	line-height: 38px;
}

.phases-box-content-omc-2 figure img{
    width: 150px;
    height: auto;
}

.phases-box-content-omc-2 .boton-centrado {
	width: auto;
	display: inline-block;
	text-align: center;
	max-width: 272px;
        margin-top: 0px;
}

.phases-box-content-omc-2 table {
	background-color: #D7E1F6;
}

.phases-box-content-omc-2 table {
	background-color: #D7E1F6;
	border-collapse: collapse;
}

.phases-box-content-omc-2 table td, .phases-box-content-omc-2 table th {
	color: #173366;
	border: 3px solid white;
	padding: 10px 15px;
}

.phases-box-content-omc-2 table td:nth-child(1), .phases-box-content-omc-2 table th:nth-child(1), .phases-box-content-omc-2 table td:nth-child(3), .phases-box-content-omc-2 table th:nth-child(3) {
	min-width: 120px;
}

.phases-box-content-omc-2 table th {
	text-align: left;
}

.phases-box-content-omc-3  a{
    color: #173366;
}


#menu-principal .sub-menu { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
}
#menu-principal .sub-menu li {
	float: none;
	width: 150px;
	list-style-type: none;
	margin: 10px 0;
	padding: 10px 0;
	background-color: #D7E1F6;
}
#menu-principal-1 .sub-menu {
	background-color: #D7E1F6;
	padding: 0px 10px;
}
#menu-principal-1 .sub-menu li a {
	font-size: 24px;
}
#menu-principal .sub-menu li a { /* target all sub menu item links */
    padding: 5px 10px; /* give our sub menu links a nice button feel */
}

#menu-principal li:hover > .sub-menu {
    display: block; /* show sub menus when hovering over a parent */
}

.phases-box-content-omc-2 table a {
	color: #F88180;
}

.contenido-omc .phases-box-content-2 h2.texto-comillas {
	font-size: 72px;
	line-height: 54px;
}

.contenido-omc .phases-box-content-2 .phases-box-content-der p {
	padding-right: 30%;
}

.page-id-3 .content {
	flex-direction: column;
}

.page-id-3 .content h2 {
	margin-bottom: 10px;
}

.page-id-3 .content p {
	margin-bottom: 30px;
}

.page-id-3 .content a{
    color: #173366;
}
.text-center{
	text-align:center !important;
}
.mensaje_wwa{
	padding:0px 40px;
	text-align:center !important;
}

/* general */

.textaalt{
	font-family: 'textaalt', sans-serif;
}
.text-right{
	text-align: right !important;
}
.w-100{
	width: 100% !important;
}
.p-0{
	padding: 0 !important;
}
.m-0{
	margin: 0 !important;
}
.lightgray-content{
	background-color: #f2f2f2;
}

.py-content{
	padding: 50px 0px;
}

.new-wrapper{
    width: 90vw;
    max-width: 1300px;
    margin: 0 auto;
    color: #173366;
}

.d-flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}

.pink{
	color: #f88180 !important;
}

/* eCare Sister Projects */

.sp-title{
    padding-top: 90px;
    background: url(img/sister_projects_title.svg) no-repeat 180px 0px;
    background-size: 140px;
}
ul.sp{}
ul.sp > li{
    list-style: none;
    margin: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.sp > li a.logo{
    display: inline-block;
    margin: 0 0 10px;
    min-width: 150px;
    padding-right: 20px;
}
ul.sp > li > div{}
ul.sp > li  h4{
	color: #173366;
	font-weight: bold;
	font-size: 22px;
	font-family: 'textaalt', sans-serif;
}
ul.sp > li > div p{
    margin: 0 0 20px;
    font-size: 14px;
}
ul.sp > li > div p .button{
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #3767d1;
    color: #ffffff;
    border-radius: 20px;
    transition: all .3s;
}
ul.sp > li > div p .button:hover{
    background-color: #1e3563;
}


ul.suppliers{}

ul.suppliers > li{
    list-style: none;
    margin: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: flex-;
}

ul.suppliers > li a.logo{
    display: inline-block;
    margin: 0 0 10px;
    min-width: 150px;
    padding-right: 20px;
}
ul.suppliers > li > div{}
ul.suppliers > li  h4{
	color: #173366;
	font-weight: bold;
	font-size: 22px;
	font-family: 'textaalt', sans-serif;
	margin: 0 0 30px;
}
ul.suppliers > li > div p{
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.2;
    text-align: justify;
}
ul.suppliers > li > div p .button{
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #3767d1;
    color: #ffffff;
    border-radius: 20px;
    transition: all .3s;
}
ul.suppliers > li > div p .button:hover{
	background-color: #1e3563;
}


.phase-content{
    width: 100%;
    margin: 0 auto;
    padding: 1em 0;
    max-width: 1350px;
}
.phase-content img{
    height: auto;
}
.phase-content .title{
	padding-top: 90px;
	background: url(images/phase-content-title.svg) no-repeat 180px 0px;
	background-size: 140px;
	color: #3767d1;
	font-weight: bold;
	font-size: 60px;
	font-family: 'textaalt', sans-serif;
	line-height: 0.8;
	margin: 0 0 30px;
}
.phase-content .title:before{}
.phase-content .content{}

.phase-content .content p{
	margin: 0 0 15px;
}

.line-title{
	position: relative;
}
.line-title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
	height: 2px;
	background-color: #f88180;
}

.line-title > span{
	padding: 7px 20px 7px 0px;
	background-color: #ffffff;
	color: #173366;
	font-weight: bold;
	font-size: 31px;
	font-family: 'textaalt', sans-serif;
	display: inline-block;
	position: relative;
}

ul.cl{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
ul.cl > li{
	width: 50%;
	padding: 10px;
	margin: 0;
	list-style: none;
	text-align: center;
}
ul.cl > li .logo{
	display: block;
}
ul.cl > li .logo img{
	width: 100%;
}
ul.cl > li h4{
    font-weight: bold;
    margin-top: -20px;
    margin-bottom: 10px;
}
ul.cl > li p{}

.supplier-wrapper{
    color: #173366;
}
.supplier-wrapper ol,
.supplier-wrapper ol,ul{
	padding: 20px 
}

.supplier-wrapper ol li,ul li{
	margin: 0 0 10px;
}
.supplier-wrapper .content{
	text-align: justify;
	margin: 0 0 40px;
}
.supplier-wrapper .content .title{
	font-weight: bold;
	font-size: 50px;
	font-family: 'textaalt', sans-serif;
	margin: 0 0 20px;
	display: inline-block;
	position: relative;
	color: #f48080;
	padding-right: 0;
	padding-top: 30px;
	-webkit-font-smoothing: antialiased;
}
.supplier-wrapper .content .title:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background-color: #3767d2;
	border-radius: 50%;
}
.supplier-wrapper .content p{
    margin: 0 0 15px;
}
.supplier-wrapper .thumb-content{
    background-color: #ebebeb;
    width: 240px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 30px auto 60px;
    position: relative;
}
.supplier-wrapper .thumb-content:before{
	content: '';
	
}
.supplier-wrapper .thumb-content:after{
	content: '';
	position: absolute;
	right: -2%;
	top: 17%;
	width: 100%;
	background: url(images/supplier_logo_dec.svg) no-repeat right top;
	height: 100%;
}
.supplier-wrapper .thumb-content img{
    max-width: 100%;
    height: auto;
}

.fc-wrapper{}
.fc-wrapper .title{
	color: #3767d2;
	font-family: 'textaalt', sans-serif;
	font-size: 54px;
	line-height: 0.8;
	margin: 0 0 30px;
}

.fc-wrapper p{}
.fc-wrapper h3{
	color: #3767d2;
	font-family: 'textaalt', sans-serif;
	font-size: 24px;
	line-height: 1;
	margin: 0 0 30px;
}

ul.sp-fc{}
ul.sp-fc > li{
    list-style: none;
    width: 50%;
}
ul.sp-fc > li a{
    display: block;
    padding-bottom: 68%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
ul.sp-fc > li a img{}


.link-as-button-content{}
.link-as-button-content a{
	color: white;
	display: inline-block;
	font-size: 18px;
	background-color: #3767D3;
	border-radius: 30px;
	text-decoration: none;
	padding: 12px 20px;
	margin-top: 33px;
	transition: all .3s;
}

.link-as-button-content a:hover{
	background-color: #1e3563;
}

/* RESPONSIVE */

@media (min-width: 992px){
	
	.d-lg-flex{
		display: flex;
	}
	.justify-content-lg-between{
		justify-content: space-between;
	}
	.align-items-lg-center{
		align-items: center;
	}
	.align-items-lg-end{
		align-items: flex-end;
	}
	.py-content{
		padding: 100px 0px;
	}
	
	h2.h3{
		font-size: 40px;
	}
	.mb-5{
		margin-bottom: 40px !important;
	}
	.text-lg-right{
		text-align: right !important;
	}
	.new-wrapper{}
	
	.sp-title{
	    padding-top: 180px;
	    background-size: 210px;
	    margin-bottom: 50px !important;
	}
	.sp-title+p{
		max-width: 500px;
		text-align: justify !important;
	}
	ul.sp{
	    max-width: 900px;
	    margin: auto;
	}
	ul.sp > li{
	    margin: 70px 0px;
	}
	ul.sp > li:nth-child(2n+1),
	ul.sp > li:nth-child(2n+1)  *{
		text-align: right !important;
	}
	ul.sp > li > *{
		width: 50%;
	}
	ul.sp > li a.logo{
		margin-right: 50px;
		min-width: 250px;
		width: 50%;
		text-align: right;
	}
	ul.sp > li:nth-child(2n+1) a.logo{
	    order: 2;
	    margin-right: 0;
	    margin-left: 50px;
	    text-align: left !important;
	    padding-right: 0;
	    padding-left: 20px;
	}
	ul.sp > li a.logo img{
		width: auto;
		height: 150px;
	}
	ul.sp > li > div{
	}
	ul.sp > li h4{
	    font-size: 41px;
	    margin: 0 0 6px;
	}
	ul.sp > li > div p{
	    font-size: 19px;
	    padding: 0;
	}
	ul.sp > li > div p .button{
	    font-size: 14px;
	}
	
	
	ul.suppliers{
	    margin: auto;
	}
	ul.suppliers > li{
	    margin: 70px 0px;
	}
	ul.suppliers > li > *{
		width: 60%;
	}
	ul.suppliers > li a.logo{
		margin-right: 50px;
		min-width: 315px;
		width: 315px;
	}
	ul.suppliers > li a.logo img{
		width: 100%;
		height: auto;
	}
	ul.suppliers > li > div{
	}
	ul.suppliers > li h4{
	    font-size: 41px;
	}
	ul.suppliers > li > div p{
	    font-size: 20px;
	    padding: 0;
	    line-height: 1.2;
	}
	ul.suppliers > li > div p .button{
	    font-size: 14px;
	}
	
	.phase-content{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 20px;
	}
	.phase-content .thumb-content{
		width: 450px;
	}
	.phase-content img{
		width: 100%;
	}
	.phase-content .content{
		max-width: 600px;
	}	
	.phase-content .title{
    background-size: 240px;
    font-size: 80px;
    background-position: right top;
}
	.phase-content .title:before{}
	.phase-content .content{}
	.phase-content .content p{
		max-width: 500px;
	}
	
	/* SINGLE SUPPLIER */
	
	.supplier-wrapper{
    display: flex;
    margin: 0 0 50px;
    justify-content: space-between;
}
	.supplier-wrapper .content{
	}
	.supplier-wrapper .content .title{
    font-size: 90px;
    margin: 0 0 60px;
}
	.supplier-wrapper .content p{
    line-height: 1.3;
    font-size: 18px;
    margin: 0 0 25px;
}
	.supplier-wrapper .thumb-content{
    min-width: 400px;
    height: 400px;
    order: 2;
    margin-left: 90px;
}
	.supplier-wrapper .thumb-content:before{
		
	}
	.supplier-wrapper .thumb-content:after{
	}
	.supplier-wrapper .thumb-content img{}
	
	
	
	ul.cl{
		flex-wrap: nowrap;
		justify-content: center;
	}
	ul.cl > li{
		padding: 0;
		margin: 0 0 20px;
		max-width: 280px;
	}
	ul.cl > li .logo{
	}
	ul.cl > li .logo img{
	}
	ul.cl > li h4{
    margin-top: -40px;
}
	ul.cl > li p{}
	
	
	/* FOR CITIZENS */
	
	.fc-wrapper{
		font-size: 18px;
		line-height: 1.3;
	}
	.fc-wrapper p{
		margin: 0 0 20px;
	}
	.fc-wrapper .h3{
		min-width: 400px;
		font-size: 50px;
	}
	
	.fc-wrapper h3{
		font-size: 35px;
	}
	
	.fc-wrapper > div{
		width: 46%;
	}
	
	.fc-wrapper .wp-post-image{
		max-width: 800px;
		height: auto;
	}
	.fc-wrapper .title{
		font-size: 80px;
	}
	
	ul.sp-fc{
    margin: 0 0 50px;
}
	ul.sp-fc > li{
    width: 25%;
}
	ul.sp-fc > li a{}
	ul.sp-fc > li a img{
    width: 100%;
}
	

	
}

@media (min-width: 1300px){
	.fc-wrapper,
	.new-wrapper {
	    font-size: 20px;
	   }
}