@charset "utf-8";
/* CSS Document */


/* Pàgina Perdó */

.borde_foto {
	border-bottom-right-radius: 15% 30%;
}

/* Indicador de risc Integra5+ */

.riscgris {
	color: #bdbdbd;
}

/* Indicador de risc  */

.bordernegre {
	border: 1px solid #000000!important;
	padding: 5px!important;
}

.nobg {
	background: none!important;
}

.bgblanc {
	background: #ffffff!important;
}

#center {
	text-align: center!important;
}


/* Color link */

.linkblau {
	color: #3fa2f7!important;
}

.linknegre {
	color: #000000!important;
	text-decoration: underline;
}

.linknegrenu {
	color: #000000!important;
	text-decoration: none;
}

.linknegrend {
	color: #000000!important;
	text-decoration: none;
}

.linknegrend:hover {
	text-decoration: none!important;
}



/* Indicador de risc Cuenta Próxima */

.pad10 {
	padding: 5px 10px!important;
} 

/* Univers Habitatge */

.insert.rate>div>div.univers {
    padding: 15px!important;
}

.actions.univers {
    margin-top: 0px!important;
}

.cc .thematic-tiles .tiles>.tile.w50 {
    width: 50%;
}
.cc .thematic-tiles .tiles>.tile.w33 {
    width: 33%;
}

@media only screen and (max-width: 768px) {
.cc .thematic-tiles .tiles>.tile.w50 {
    width: 100%;
	}
.cc .thematic-tiles .tiles>.tile.w33 {
    width: 100%;
	}	
.nomesDesktop {
		display: none;
	}
.font30m {
	font-size: 30px!important;
	}
.font20m {
	font-size: 20px!important;
	line-height: 25px!important;
	}
.lh30m {
	line-height: 30px!important;
	}
.cc.main header .slider-header-container .slider-adf .slider-adf__slide > div .button {
		bottom: 30px!important;
	}
}

/* MARGINS i PADDINGS */

.mb-15 {
	margin-bottom: -15px;    /* Estil VIA-T */
}

.mt-20 {
	margin-top: -20px!important;
}

.mt-30 {
	margin-top: -30px!important;
}

.mt-80 {
	margin-top: -80px;
}


.mb5 {
	margin-bottom: 5px;
}

.mb15 {
	margin-bottom: 15px!important;
}


.ml25 {
	margin-left: 25px!important;
}

.ml45 {
	margin-left: 45px!important;
}

.nomargin {
	margin: 0px;
}

.nomargin-bottom {
	margin-bottom: 0px;
}

.bottom50 {
	bottom: 50px!important;
}

.pl20 {
	padding-left: 20px!important;
}

.pl30 {
	padding-left: 30px!important;
}

.pl40 {
	padding-left: 40px!important;
}

.pl80 {
	padding-left: 80px!important;
}

.pr40 {
	padding-right: 40px!important;
}

.p-5-10 {
	padding: 5px 10px!important;
}

.p-25-5 {
	padding: 25px 5px!important;
}

.pt10 {
	padding-top: 10px!important;
}

.pb10 {
	padding-bottom: 10px!important;
}

.pb50 {
	padding-bottom: 50px!important;
}

.nopadding {
	padding: 0px;
}

.nopaddingtop {
	padding-top: 0px;
}

.dispflex {
	display: flex;
} 

.AlignFlexEnd {
	width: 100%;
	align-self: flex-end;
}

.bordeEsquerre {
	border-left: 1px solid #333;
} 


/* FONTS */

.fontPetita {
	font-size: 0.75rem!important;
	line-height: 1.25rem!important;
	color: #000000!important;
}

.fontExtraPetita {
	font-size: 0.60rem!important;
	line-height: 0.90rem!important;
	color: #000000!important;
}

.font16 {
	font-size: 16px!important;
}

.font20 {
	font-size: 20px!important;
	font-weight: 700!important;
}

.font20regular {
	font-size: 20px!important;
}

.font25 {
	font-size: 25px!important;
}

.font25black {
	font-size: 25px!important;
	color: #000000!important;
}

.fontwhite {
	color: #ffffff!important;
}

.interlin25 {
	line-height: 25px!important;
	font-size: 25px!important;
}

.fontyellow {
	color: #f4d441!important;
}

.font40 {
	font-size: 40px!important;
	line-height: 50px!important;
}

h1.font40 {
	font-size: 40px!important;
	line-height: 50px!important;
}

h2.font20 {
	font-size: 20px!important;
}

.fontblack {
	color: #000000!important;
}

.fontred {
	color: red;
}

 h1 b.fontWhiteYellow {
	color: #ffffff;
	background-image:linear-gradient(120deg, #f4d441 0%, #f4d441 100%)!important;
}

 h1 b.fontBlackYellow {
	color: #000000;
	background-image:linear-gradient(120deg, #f4d441 0%, #f4d441 100%)!important;
}

.font30 {
	font-size: 30px!important;
}


.fontGran {
	font-size: 22px!important;
	font-weight: 700!important;
	line-height: 22px!important;
	color: #000000!important;
	text-align: center!important;
}

.fontExtraGran {
	font-size: 30px!important;
	font-weight: 800!important;
}

.fontIndicador {
	font-size: 1.4rem;
	color: #000000!important;
}

.fontTextIndicador {
	font-size: 0.6rem!important;
	padding: 0.5rem 2rem!important;
}

.fontNegreta {
	font-weight: bold;
}

.fontNormal {
	font-weight: normal;
}

.all-minus {
	text-transform: lowercase;
}

.all-original {
	text-transform: none;
}

.icon-fletxa:before {
	font-family: fts_commun;
	content: "\EA35";
	font-size: 25px;
	color: #f4d441;
	padding-left: 15px;
	vertical-align: bottom;
}

/* ESTILS SEO */

.w50 {
	width: 50%;
}

.texticon {
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	margin-top: 15px;
}

.h3-banca {
	color: #2b3477!important;
}

@media only screen and (max-width: 768px) {
.w50 {
	width: 100%;
}
}

/* SLIDER MÒBIL */

@media only screen and (max-width: 768px) {
	h2.desk {
		display: none;
	}
}

@media only screen and (min-width: 769px) {
	h2.mobil{
		display: none;
	}
}

/* Estil TAE */

.fontTAE {
	font-size: 20px;
}

.NoSeparar {
	white-space: nowrap;
}

/* AMPLADES I ALÇADES */

.nomaxwidth {
	max-width: none!important;
}

.mh225 {
	min-height: 225px;
}

/* BACKGROUNDS */

.bggroc {
	background-color: #f4d441!important;
}

.bgnegre {
	background-color: #000000!important;
}

.cc.main article .body section.bg-groc,
.cc.main article .body .ctxt-include.bg-groc {
  background: #fbeeb3;
}



/* LLISTES */

.nomarcador {
	list-style: none!important;
}

.marcador_disc {
	padding-left: 40px!important;
}

ul.marcador_disc li {
	list-style: disc!important;
}

ul.marcador_guio li {
	list-style: "- "!important;
}

.marcador_decimal {
	padding-left: 40px!important;
}

ol.marcador_decimal li {
	list-style: decimal!important;
}

/*ESTILS NOVA LANDING PRIME*/

.rectrans {
	padding:9px 20px!important; 
	border-radius: 10px!important; 
	background-color: rgba(255, 255, 255, 0.3)!important;
	text-align:center!important;
	color:#000000!important;
	font-size: 15px!important;
	line-height: 20px!important;
}

.rectround {
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
	min-height: 500px!important;
}

.ico100 {
	display: -webkit-inline-box!important;
}

.ico100::before {
	width: 100px!important;
	height: 100px!important;
}

/*SLIDER TARIFICADORS HOME*/

.cc.main .body .slider.tarif .slider-adf__slide {
	height:auto;
}

.cc.main .body .slider[data-slides-number="4"].tarif .slider-adf__slide {
	height:auto;
}

.cc .slider-adf.tarif .slider-adf__button-prev {
	top: calc(50% - 5px);
}

.cc .slider-adf.tarif .slider-adf__button-next {
	top: calc(50% - 5px);
}

/* Nota peu de pàgina quan no va al final de la pàgina */

.nota_pie_pagina {
	border-top: 1px solid #000;
	padding-top: 1.25rem;
}

.nota_pie_pagina p {
	color: #666666;
	font-size: 12px!important;
	line-height: 20px!important;	
}

.nota_pie_pagina ul li {
	color: #666666;
	font-size: 12px!important;
	line-height: 20px!important;	
}

/* Apartat amb línia de separació */

.nota_separada {
	border-top: 1px solid #000;
}

.nota_separada p {
	color: #000000;
	font-size: 16px!important;
}

.nota_separada ul li {
	color: #000000;
	font-size: 16px!important;
}

/* Pàgina Documentació Assegurances Transacc */

.bgwhite {
	background-color: #ffffff!important;
}

ul.menu li:before, ul.niv1 li:before {
    display: none;
}

/* POINTS CLÉS ASSEGURANCES */

#keypoints.assegurances {
	background: rgba(207, 228, 197, 0.6)!important;
}

#keypoints.assegurances:before {
	background: url(/partage/tomamos-impulso/assets/images/bg-img-center-ins.svg)!important;
}

#keypoints.assegurances h2 b {
	background-image: linear-gradient(120deg, #F35C3F 0%, #F35C3F 100%)!important;
}

/* POINTS CLÉS ASSEGURANCES HOMEPAGE */

#keypoints.asseguranceshome {
	background: rgba(244, 212, 65, 0.4)!important;
}

#keypoints.asseguranceshome:before {
	background: url(/partage/tomamos-impulso/assets/images/bg-img-center.svg)!important;
}

#keypoints.asseguranceshome h2 b {
	background-image: linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 100%)!important;
}

#auto.icon.ico-car:before{background-image:url("/partage/tomamos-impulso/assets/images/icons/ico-car1.svg")}
#salut.icon.ico-fonendo:before{background-image:url("/partage/tomamos-impulso/assets/images/icons/ico-fonendo1.svg")}
#dental.icon.ico-dental:before{background-image:url("/partage/tomamos-impulso/assets/images/icons/ico-dental1.svg")}
#llar.icon.ico-hogar:before{background-image:url("/partage/tomamos-impulso/assets/images/icons/ico-house1.svg")}
#vida.icon.ico-vida:before{background-image:url("/partage/tomamos-impulso/assets/images/icons/ico-vida1.svg")}
#mascotes.icon.ico-mascotas:before{background-image:url("/partage/tomamos-impulso/assets/images/icons/ico-mascotas1.svg")}
#estalvi.icon.ico-ahorro:before{background-image:url("/partage/tomamos-impulso/assets/images/icons/ico-ahorro1.svg")}

/* ACORDIÓ HOMEPAGE */

.acordiogroc {
	background: rgba(244, 212, 65, 0.4)!important;
}

.acordiogroc:after {
	background: url(/partage/tomamos-impulso/assets/images/bg-img-right.svg)!important;

}

@media only screen and (max-width: 768px) {
.onlydesk {
     display:none;
	}
}

@media only screen and (min-width: 769px) {
.onlymobil {
     display:none;
	}
}

