@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato/lato-black-webfont.woff2') format('woff2'),
        url('fonts/lato/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latobold';
    src: url('fonts/lato/lato-bold-webfont.woff2') format('woff2'),
        url('fonts/lato/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latolight';
    src: url('fonts/lato/lato-light-webfont.woff2') format('woff2'),
        url('fonts/lato/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato/lato-regular-webfont.woff2') format('woff2'),
        url('fonts/lato/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --main-grey-1: #9A9AC2;
    --main-grey-2: #484878;
    --main-blue-1: #1D1D3A;
    --main-text: #707070;
    --main-purple: #6984FD;
}


* {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 14px;
}

body {
    color: var(--main-text);
    font-family: 'latoregular';
}

.post,
.page,
p,
.page-content,
.entry-content,
.entry-summary {
    margin: 0;

}

[data-elementor-type="header"] .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}

body.admin-bar [data-elementor-type="header"] {}

[data-elementor-type="header"] {
    z-index: 999;
    width: 100%;
    position: fixed;
    background: transparent;
    width: 100%;
    transition: all 150ms ease-in;
    height: 85px;
    padding: 5px;
}


[data-elementor-type="header"].shrink {
    background: #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
    height: 70px;
}

#main-button-selection {
 position: absolute;
    right: 0;
    width: auto;
    top: 20px;
    height: 40px;
	z-index:99;
}

[data-elementor-type="header"].shrink #main-button-selection {
    top: 10px;
    right: 0;

}

.elementor-divider-separator {
    height: 5px;
    background: var(--main-grey-2);

}

.elementor-nav-menu--main .elementor-item {
    color: var(--main-grey-2) !important;
}

.elementor-nav-menu--main .elementor-item:hover {
    color: var(--main-purple) !important;
}

nav.elementor-nav-menu--main {}

nav.elementor-nav-menu--main .logo-home {
    margin: 0 1.5rem;
}

nav.elementor-nav-menu--main .logo-home a {
    padding: 0 !important;
    font-size: 0 !important;
    width: 178px;
    height: 80px;
    background-image: url("../img/logo_consommacteur.png");
    background-size: 100%;

}

[lang="es-ES"] nav.elementor-nav-menu--main .logo-home a {
    background-image: url("../img/logo_consumactor.png");
    width: 160px;
    /* height: 89px; */
}

[lang="es-ES"] .elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 13px 10px !important;
}

[data-elementor-type="header"].shrink .logo-home a {
    width: 133px;
    height: 60px;
}

html[lang="es-ES"] [data-elementor-type="header"].shrink .logo-home a {
    width: 120px;
    height: 60px;
}

.elementor-nav-menu--main .elementor-nav-menu a,
.elementor-nav-menu--main .elementor-nav-menu a.highlighted,
.elementor-nav-menu--main .elementor-nav-menu a:focus,
.elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 2rem;
}

.elementor-nav-menu--main .elementor-nav-menu a:after,
.elementor-nav-menu--main .elementor-nav-menu a.highlighted:after,
.elementor-nav-menu--main .elementor-nav-menu a:focus:after,
.elementor-nav-menu--main .elementor-nav-menu a:hover:after {
    display: none;
}

.elementor-widget-tabs {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 5px 5px 25px rgb(154 154 194 / 30%);
}


.elementor-widget-tabs .elementor-tab-title {
    text-align: center;
}

.step-howto {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 5px 5px 25px rgb(154 154 194 / 30%);
    background: #fff;
    margin: 0 0 1.5rem;
}

.step-howto-icon {
    width: 125px !important;
    flex: 1 0 auto !important;
    overflow: hidden;
}

.step-howto-txt {
    width: 100% !important;
    flex: 1 1 auto !important;
    overflow: hidden;
}


#faq .sp-easy-accordion {
    max-width: 850px;
    margin: 0 auto;
}

#faq .sp-easy-accordion>.sp-ea-single {
    box-shadow: 5px 5px 25px rgb(154 154 194 / 30%);
    background: #fff;
    border-radius: 6px;
    border: 2px solid transparent;
    overflow: hidden;
}


#faq .sp-easy-accordion>.sp-ea-single .ea-header a {
    font-size: 1rem;
    line-height: 20px;
    padding: 0.5rem;
}

#faq .sp-easy-accordion>.sp-ea-single .ea-header a,
#faq .sp-easy-accordion>.sp-ea-single .ea-header a .ea-expand-icon.fa {
    color: var(--main-grey-2);
}

#faq .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
    font-size: 0.9rem;
    padding: 0.5rem 0.8rem 0.8rem;
    line-height: 1.3rem;
}

#faq .sp-easy-accordion>.sp-ea-single.ea-expand {
    border: 2px solid var(--main-purple);
}

#faq .sp-easy-accordion>.sp-ea-single.ea-expand .ea-header a,
#faq .sp-easy-accordion>.sp-ea-single.ea-expand .ea-header a .ea-expand-icon.fa {
    color: var(--main-purple);
}



#actualités .elementor-column,
#news .elementor-column,
#noticias .elementor-column {
    flex-flow: column;
}

.block-articles-wrapper {
    display: flex;
}

.block-articles-wrapper .blog-item-wrapper {
    padding: 1.5rem;
    width: 50%;

}

.block-articles-wrapper .item-article {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.block-articles-wrapper .blog-item-visuel {
    overflow: hidden;
    display: flex;
    position: relative;
}

.block-articles-wrapper .article_title {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem;
}

.block-articles-wrapper .blog-item-visuel {
    overflow: hidden;
    height: 270px;
}

.block-articles-wrapper .blog-item-content {
    overflow: hidden;
    display: flex;
    padding: 2rem;
    background: #EDF1F7;
}

.block-articles-wrapper .article_resume {}

.block-articles-wrapper .article_resume .content-resume {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #535353;
}

.block-articles-wrapper .blog-item-wrapper:nth-child(odd) .blog-item-content {
    border-radius: 0 0 0 35px;
}

.block-articles-wrapper .blog-item-wrapper:nth-child(even) .blog-item-content {
    border-radius: 0 0 35px 0;
}

body[data-elementor-device-mode="mobile"] .block-articles-wrapper .articles-wrapper {
    flex-flow: column;
}

body[data-elementor-device-mode="mobile"] .block-articles-wrapper .articles-wrapper .blog-item-wrapper {
    width: 100%;
    padding: 0 0 1.5rem;
}

.elementor-section.section-column>.elementor-container {
    display: flex;
    flex-flow: column;
}

.elementor-section.section-column>.elementor-container>.elementor-column {
    width: 100% !important;
}

body[data-elementor-device-mode="tablet"] [data-elementor-type="header"],
body[data-elementor-device-mode="mobile"] [data-elementor-type="header"] {
    height: 70px;
    padding: 5px;
    background: #fff;
    box-shadow: 0px 5px 15px rgb(154 154 194 / 10%);
}

body[data-elementor-device-mode="tablet"] [data-elementor-type="header"]>section,
body[data-elementor-device-mode="mobile"] [data-elementor-type="header"]>section {
    height: 100%;
}

body[data-elementor-device-mode="tablet"] [data-elementor-type="header"] .elementor-nav-menu--burger,
body[data-elementor-device-mode="mobile"] [data-elementor-type="header"] .elementor-nav-menu--burger {

    height: 60px;
    z-index: 10;
    right: 0;
    position: absolute;

}

body[data-elementor-device-mode="tablet"] [data-elementor-type="header"] .elementor-nav-menu--burger .elementor-menu-toggle,
body[data-elementor-device-mode="mobile"] [data-elementor-type="header"] .elementor-nav-menu--burger .elementor-menu-toggle {
    margin-top: 10px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: none;
    color: var(--main-grey-2);
	margin-right: auto;
    margin-left: 0;
}

body[data-elementor-device-mode="tablet"] [data-elementor-type="header"] .elementor-widget-theme-site-logo,
body[data-elementor-device-mode="mobile"] [data-elementor-type="header"] .elementor-widget-theme-site-logo {
    height: 60px;
    overflow: hidden;
    width: 160px;
    z-index: 9999;

}

body[data-elementor-device-mode="tablet"] [data-elementor-type="header"] .elementor-widget-theme-site-logo a,
body[data-elementor-device-mode="mobile"] [data-elementor-type="header"] .elementor-widget-theme-site-logo a {
    height: 60px;
    position: relative;
    z-index: 999;
    display: block;
}

body[data-elementor-device-mode="tablet"] [data-elementor-type="header"] .elementor-widget-theme-site-logo a img,
body[data-elementor-device-mode="mobile"] [data-elementor-type="header"] .elementor-widget-theme-site-logo a img {
    height: 60px;
}


body[data-elementor-device-mode="tablet"] #commentcamarche .column-flex,
body[data-elementor-device-mode="mobile"] #commentcamarche .column-flex,
body[data-elementor-device-mode="tablet"] #comofunciona .column-flex,
body[data-elementor-device-mode="mobile"] #comofunciona .column-flex {
    flex: none;
}

body[data-elementor-device-mode="tablet"] #commentcamarche .step-howto .elementor-container,
body[data-elementor-device-mode="tablet"] #comofunciona .step-howto .elementor-container {

    flex-wrap: nowrap;
}

body[data-elementor-device-mode="mobile"] #commentcamarche .step-howto,
body[data-elementor-device-mode="mobile"] #comofunciona .step-howto {
    text-align: center;
}

body[data-elementor-device-mode="tablet"] .elementor-nav-menu--dropdown,
body[data-elementor-device-mode="mobile"] .elementor-nav-menu--dropdown {}

body[data-elementor-device-mode="tablet"] .elementor-nav-menu--dropdown .logo-home,
body[data-elementor-device-mode="mobile"] .elementor-nav-menu--dropdown .logo-home {
    display: none;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
    background: transparent !important;
}

body[data-elementor-device-mode="tablet"] .elementor-nav-menu--dropdown .elementor-item-active,
body[data-elementor-device-mode="mobile"] .elementor-nav-menu--dropdown .elementor-item-active {
    background: transparent !important;
    color: #1E8FCF !important;
}

#content-article {
    max-width: 800px;
    margin: 0 auto;

}

#content-article .elementor-widget-image {
    margin: 0 0 1rem;
}

.articles-wrapper {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.articles-wrapper .blog-item-wrapper {
    margin: 0 0 2.5rem;
    width: 50%;
}

.articles-wrapper .item-article {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 1.5rem;
}

.articles-wrapper .blog-item-visuel {
    height: 200px;
    flex: 1 0 auto;
    overflow: hidden;
    margin: 0 0 0.5rem;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 0;
}

.articles-wrapper .blog-item-visuel img {
    border-radius: 16px;
}

.articles-wrapper .blog-item-content {
    display: flex;
    flex-flow: column;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    flex: 1 1 auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.articles-wrapper .blog-item-content:hover .article_title {
    color: #467bae;
}

.articles-wrapper .article_infos {
    margin: 0 0 0.5rem;
    height: auto;
    flex: 1 0 auto;
}

.articles-wrapper .article_infos .article_type {
    font-size: 0.8rem;
    padding: 0.2rem;
    border-radius: 4px;
}


.articles-wrapper .article_infos .article_type {
    background: #eceff1;
    color: #37474f;
}

.articles-wrapper .article_title {
    font-size: 1.2rem;
    margin: 0 0 0.5rem;
    height: auto;
    flex: 1 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    line-height: 1.6rem;
    color: #0c2b48;
    position: relative;
    background: none;
}

.articles-wrapper .article_resume {
    color: #0c2b48;
    height: 100%;
    width: 100%;
    flex: 1 1 auto;

}

.articles-wrapper .article_resume .content-resume {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    font-size: 1rem;
    line-height: 1.4rem;
}
.article_resume .readmore{
	display:block;
	text-align:right;
    font-family: 'latobold';
}
.articles-wrapper #main_post {
    margin: 0;
    width: 100%;
}

.articles-wrapper #main_post .item-article {
    flex-flow: row;
}

.articles-wrapper #main_post .item-article .blog-item-visuel {
    height: 260px;
    max-height: none;
}

.articles-wrapper #main_post .item-article .blog-item-visuel img {
    max-width: 500px;
}

.articles-wrapper #main_post .blog-item-content {
    padding: 1rem;
    background: none;
}

.articles-wrapper #main_post .article_resume .content-resume {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    font-size: 0.9rem;
    line-height: 1.3rem;
}

@media (max-width: 1200px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 100% !important;
    }
}

fieldset {
    display: block;
    margin: 0 0 0rem;
    width: 100%;
    border: none;
}

legend {
    display: block;
    border: none;
    width: 100%;
    font-family: 'latobold';
}

.fieldset-content {
    padding: 0 0.3rem;
}

.form-group {
    display: flex;
    margin: 0 0 0.5rem;
}

.form-group .control-label {
    margin: 0 0.5rem;
    width: 120px;
    flex: 1 0 auto;
    font-size: 0.9rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
}

.form-group .field-wrapper {
    width: 100%;
    flex: 1 1 auto;
}

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

input[type="text"] {
    width: 100%;
}

input[type="text"][size] {
    width: auto;
}
input[type="mail"],
input[type="password"],
input[type="text"],
select {
    border-radius: 4px;
    border: 1px solid var(--main-grey-1);
    color: var(--main-grey-2);
    padding: 5px;
    outline: none;
    min-height: 33px;
}
input[type="mail"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
input[type="checkbox"]:focus,
select:focus {
    outline: none;
	border: 1px solid var(--main-purple);
}

.control-label-checkbox a {
    color: #fff;
    text-decoration: underline;
}

input[type="submit"] {
    background: var(--main-purple);
    color: #fff;
    font-family: "latobold";
    padding: 1rem 1.5rem;
    border: none;
    border-radius: 4px;
}

input[type="submit"]:hover{
	background:#465fcc;
	cursor:pointer;
}
.helper {
    display: block;
    font-size: 0.8rem;
    line-height: 0.9rem;
    font-style: italic;
    margin: 0 0 0.2rem;
}

#signup{
	    padding: 1rem;
    border-radius: 15px;
    border:1rem solid var(--main-grey-1);
    box-shadow: 5px 5px 25px rgb(154 154 194 / 50%);
	color:var(--main-grey-1);
	    max-width: 500px;
    margin: 0 2rem;
    flex: 1;
}
[data-elementor-type="footer"] a,
#contact a,
#contacto a{
    color:var(--main-grey-2);
   	text-decoration:underline;
}

@media (max-width: 1000px) {
	#signup{
    max-width: 100%;
    flex: none;
    margin: 0;
	}
	.block-articles-wrapper{
		flex-flow:column;
	}
	.block-articles-wrapper .blog-item-visuel{
		height:auto;
	}
	.block-articles-wrapper .blog-item-content{
		padding:1.5rem;
	}
	.block-articles-wrapper .blog-item-wrapper{
		width:100%;
		max-width:600px;
		margin:0 auto;
	}
	
	
}
body[data-elementor-device-mode="mobile"] #contact-block,
body[data-elementor-device-mode="tablet"] #contact-block{
	max-width: 700px;
    margin: 0 auto;
}
body[data-elementor-device-mode="tablet"] #contact-block iframe,
body[data-elementor-device-mode="mobile"] #contact-block iframe{
	height:550px!important;
}
body[data-elementor-device-mode="mobile"] #main-button-selection,
body[data-elementor-device-mode="tablet"] #main-button-selection{
	top:10px;
	right:5px;
}

body[data-elementor-device-mode="mobile"] #main-button-selection .elementor-button-link{
	padding:12px;
}
body[data-elementor-device-mode="mobile"] #main-button-selection .elementor-button-link .elementor-button-icon{
	margin-right:0;
}
body[data-elementor-device-mode="mobile"] #main-button-selection .elementor-button-link .elementor-button-text{
	display:none;
}

body[data-elementor-device-mode="mobile"] .articles-wrapper,
body[data-elementor-device-mode="tablet"] .articles-wrapper{
max-width:100%
}

@media (max-width: 900px) {
	.articles-wrapper .blog-item-wrapper{
		width:100%;
	}
	.articles-wrapper #main_post .item-article .blog-item-visuel img{
		    max-width: 400px;
	}
	.articles-wrapper #main_post .item-article .blog-item-visuel,
	.articles-wrapper .blog-item-visuel{
    height: auto;
    max-width: 400px;
    margin: 0 1rem 0 0;
	}
	.articles-wrapper #main_post .item-article,
	.articles-wrapper .item-article{
		flex-flow:row;
	}
	body[data-elementor-device-mode="mobile"] .articles-wrapper #main_post .item-article,
	body[data-elementor-device-mode="mobile"] .articles-wrapper .item-article{
		flex-flow:column;
	}
	
	body[data-elementor-device-mode="mobile"] 	.articles-wrapper #main_post .item-article .blog-item-visuel img,
	body[data-elementor-device-mode="mobile"] .articles-wrapper #main_post .item-article .blog-item-visuel,
	body[data-elementor-device-mode="mobile"] .articles-wrapper .blog-item-visuel{
		max-width:100%;
	}
}