@font-face {
	font-family: "Roboto";
	src: url("../../fonts/Roboto-Regular.woff2") format("woff2"), url("../../fonts/Roboto-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "RobotoBold";
	src: url("../../fonts/Roboto-Bold.woff2") format("woff2"), url("../../fonts/Roboto-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: "RobotoItalic";
	src: url("../../fonts/Roboto-Italic.woff2") format("woff2"), url("../../fonts/Roboto-Italic.woff") format("woff");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: "ColfaxBlackItalic";
	src: url("../../fonts/Colfax-BlackItalic.woff2") format("woff2"), url("../../fonts/Colfax-BlackItalic.woff") format("woff");
	font-weight: bold;
	font-style: normal
}

.main-flexicard-v2 {
	position: relative;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2
}

@media(max-width: 991px) {
	.main-flexicard-v2 {
		font-size: 16px
	}
}

.main-flexicard-v2 section {
	padding: 65px 0
}

.main-flexicard-v2 h1 {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #fff
}

@media(max-width: 991px) {
	.main-flexicard-v2 h1 {
		font-size: 30px
	}
}

.main-flexicard-v2 h2 {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #163e43
}

@media(max-width: 991px) {
	.main-flexicard-v2 h2 {
		font-size: 25px
	}
}

.main-flexicard-v2 h3 {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000
}

.main-flexicard-v2 p {
	margin: 20px 0 0 0;
	font-size: 18px;
	line-height: 1.3
}

@media(max-width: 991px) {
	.main-flexicard-v2 p {
		font-size: 16px
	}
}

.main-flexicard-v2 p.phone {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 30px
}

@media(max-width: 767px) {
	.main-flexicard-v2 p.phone {
		font-size: 25px
	}
}

.main-flexicard-v2 p.disclaimer {
	font-family: "RobotoItalic", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.3;
	color: #666
}

.main-flexicard-v2 p a:hover,
.main-flexicard-v2 p a:focus,
.main-flexicard-v2 p a:active {
	text-decoration: underline
}

.main-flexicard-v2 .text-regular {
	font-family: "Roboto", Arial, Helvetica, sans-serif
}

.main-flexicard-v2 .text-bold {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif
}

.main-flexicard-v2 .text-italic {
	font-style: italic
}

.main-flexicard-v2 .text-green {
	color: #007473
}

.main-flexicard-v2 .text-green-dark {
	color: #163e43
}

.main-flexicard-v2 .text-green-lemon {
	color: #d8e15c
}

@media(max-width: 767px) {
	.main-flexicard-v2 .hasBreadcrumb {
		padding-top: 100px !important
	}
}

.main-flexicard-v2 strong {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif
}

.main-flexicard-v2 span.green,
.main-flexicard-v2 strong.green {
	color: #007473
}

.main-flexicard-v2 span.label,
.main-flexicard-v2 strong.label {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	background: #d8e15c;
	color: #007473;
	padding: 10px;
	border-radius: 5px
}

.main-flexicard-v2 .btnCustom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	background: #007473;
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	border: 1px solid #007473;
	border-radius: 5px;
	min-width: 140px;
	height: auto;
	padding: 10px 20px;
	cursor: pointer;
	margin-top: 0
}

.main-flexicard-v2 .btnCustom:hover,
.main-flexicard-v2 .btnCustom:focus,
.main-flexicard-v2 .btnCustom:active {
	background: #163e43;
	border: 1px solid #163e43;
	box-shadow: none !important
}

.main-flexicard-v2 .btnCustom i {
	font-size: 25px;
	line-height: normal
}

.main-flexicard-v2 .btnCustom.btnArrow:after {
	font: normal normal normal 24px/1 "Material Design Icons";
	content: "";
	margin-right: -10px
}

.main-flexicard-v2 .btnCustom.btnGreenDark {
	background: #163e43;
	border: 1px solid #163e43;
	color: #fff
}

.main-flexicard-v2 .btnCustom.btnGreenDark:hover,
.main-flexicard-v2 .btnCustom.btnGreenDark:focus,
.main-flexicard-v2 .btnCustom.btnGreenDark:active {
	background: #007473;
	border: 1px solid #007473;
	color: #fff
}

.main-flexicard-v2 .btnCustom.btnWhite {
	background: #fff;
	border: 1px solid #fff;
	color: #333
}

.main-flexicard-v2 .btnCustom.btnWhite:hover,
.main-flexicard-v2 .btnCustom.btnWhite:focus,
.main-flexicard-v2 .btnCustom.btnWhite:active {
	background: #d8e15c;
	border: 1px solid #d8e15c
}

.main-flexicard-v2 .btnCustom.btnWhiteOutline {
	background: none;
	border: 1px solid #fff;
	color: #fff
}

.main-flexicard-v2 .btnCustom.btnWhiteOutline:hover,
.main-flexicard-v2 .btnCustom.btnWhiteOutline:focus,
.main-flexicard-v2 .btnCustom.btnWhiteOutline:active {
	background: #fff;
	border: 1px solid #fff;
	color: #163e43
}

.main-flexicard-v2 .btnCustom.btnRestart::before {
	font: normal normal normal 24px/1 "Material Design Icons";
	content: "連";
	margin-left: -10px;
	margin-right: 5px
}

.main-flexicard-v2 .btnCustom.btnPhone::before {
	font: normal normal normal 24px/1 "Material Design Icons";
	content: "";
	margin-left: -10px;
	margin-right: 5px
}

.main-flexicard-v2 .btnCustom.btnDownload::before {
	font: normal normal normal 24px/1 "Material Design Icons";
	content: "磻";
	margin-left: -10px;
	margin-right: 5px
}

.main-flexicard-v2 .btnCustom.btnChat::before {
	font: normal normal normal 24px/1 "Material Design Icons";
	content: "ﭗ";
	margin-left: -10px;
	margin-right: 5px
}

.main-flexicard-v2 .btnCustom.btnTransparent {
	background: transparent;
	border-color: #333;
	color: #333
}

.main-flexicard-v2 .btnCustom.btnTransparent:hover,
.main-flexicard-v2 .btnCustom.btnTransparent:focus,
.main-flexicard-v2 .btnCustom.btnTransparent:active {
	color: #fff;
	background: #333;
	border: 1px solid #333;
	box-shadow: none !important
}

.main-flexicard-v2 .btnCustom.btnLink {
	border: 0;
	background: none;
	padding: 0;
	color: #333
}

.main-flexicard-v2 .btnCustom.btnLink:hover,
.main-flexicard-v2 .btnCustom.btnLink:focus,
.main-flexicard-v2 .btnCustom.btnLink:active {
	color: #007473
}

.main-flexicard-v2 .bg-green {
	background: #007473
}

.main-flexicard-v2 .bg-grey {
	background-color: #f3f3f3
}

.main-flexicard-v2 .bg-grey-light {
	background-color: #e7ecef
}

.main-flexicard-v2 .bg-grey-silver {
	background-color: #88a2ae
}

.main-flexicard-v2 .bg-green-lemon {
	background-color: #d8e15c
}

.main-flexicard-v2 .topOverlapImage {
	margin-top: -110px
}

.main-flexicard-v2 .bottomOverlapImage {
	max-width: 425px;
}

.main-flexicard-v2 .breadcrumbBox {
	position: absolute;
	width: 100%;
	z-index: 9;
	padding: 20px 0
}

.main-flexicard-v2 .breadcrumbBox ul li {
	font-size: 15px;
	color: #fff
}

.main-flexicard-v2 .breadcrumbBox ul li::after {
	content: "›";
	margin: 0 10px
}

.main-flexicard-v2 .breadcrumbBox ul li a {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	color: inherit;
	text-decoration: underline
}

.main-flexicard-v2 .breadcrumbBox ul li a:hover,
.main-flexicard-v2 .breadcrumbBox ul li a:focus,
.main-flexicard-v2 .breadcrumbBox ul li a:active,
.main-flexicard-v2 .breadcrumbBox ul li a.active {
	text-decoration: underline
}

.main-flexicard-v2 .breadcrumbBox ul li:last-child {
	font-family: "Roboto", Arial, Helvetica, sans-serif
}

.main-flexicard-v2 .breadcrumbBox ul li:last-child::after {
	content: unset;
	margin: 0
}

.main-flexicard-v2 .mainBanner .bannerColumn {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	background-color: #007473;
	overflow: hidden
}

.main-flexicard-v2 .mainBanner .bannerColumn [class*=’col-’] {
	float: none;
	display: table-cell
}

.main-flexicard-v2 .mainBanner .bannerColumn.bannerSilver {
	background-color: #88a2ae
}

.main-flexicard-v2 .mainBanner .bannerColumn .bannerImage {
	position: relative;
	min-height: 330px;
	background-position: center center;
	background-size: cover
}

.main-flexicard-v2 .mainBanner .bannerColumn .bannerImage::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .25);
	position: absolute;
	left: 0;
	top: 0
}

.main-flexicard-v2 .mainBanner .bannerColumn .bannerImage::after {
	content: url("../../img/flexi/half-circle-vertical.svg");
	display: block;
	width: 95px;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

@media(max-width: 767px) {
	.main-flexicard-v2 .mainBanner .bannerColumn .bannerImage::after {
		content: url("../../img/flexi/half-circle-horizontal.svg");
		display: block;
		width: 100%;
		height: auto;
		top: initial;
		left: 0;
		bottom: -6px;
		transform: none
	}
}

.main-flexicard-v2 .mainBanner .bannerColumn .bannerText {
	padding: 70px 4% 30px 4%
}

@media(max-width: 767px) {
	.main-flexicard-v2 .mainBanner .bannerColumn .bannerText {
		min-height: auto;
		padding: 20px 15px
	}
}

.main-flexicard-v2 .mainBanner .bannerColumn .bannerText h1 {
	line-height: 1.2;
	color: #fff
}

.main-flexicard-v2 .mainBanner .bannerColumn .bannerText p {
	max-width: 420px;
	font-size: 16px;
	line-height: 1.3;
	margin: 15px 0 0 0
}

@media(max-width: 991px) {
	.main-flexicard-v2 .mainBanner .bannerColumn .bannerText p {
		max-width: none
	}
}

.main-flexicard-v2 .navContainer {
	padding: 0
}

@media(max-width: 767px) {
	.main-flexicard-v2 .navContainer {
		padding: 10px 0
	}
}

.main-flexicard-v2 .navContainer nav ul {
	overflow-y: auto
}

.main-flexicard-v2 .navContainer nav ul li {
	margin: 10px 15px
}

.main-flexicard-v2 .navContainer nav ul li a {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration: none
}

.main-flexicard-v2 .navContainer nav ul li a::after {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background: #fff
}

.main-flexicard-v2 .navContainer nav ul li a:hover::after {
	background: #d8e15c
}

.main-flexicard-v2 .cardContainer {
	padding-bottom: 90px
}

.main-flexicard-v2 .cardContainer h2 {
	color: #163e43
}

.main-flexicard-v2 .cardContainer p {
	max-width: 460px;
	margin: 15px auto 0 auto;
	color: #666
}

.main-flexicard-v2 .cardContainer img {
	position: relative;
	max-width: 375px;
	margin-top: 30px;
	z-index: 1
}

.main-flexicard-v2 .cardContainer img.bottomOverlapImage {
	margin-bottom: -50px
}

.main-flexicard-v2 .pagarContainer h2 span {
	color: #007473
}

.main-flexicard-v2 .pagarContainer h2 span.label {
	font-family: "RobotoBold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	background: #d8e15c;
	padding: 10px;
	border-radius: 5px
}

.main-flexicard-v2 .pagarContainer p {
	margin-top: 10px
}

.main-flexicard-v2 .pagarContainer-image img {
	width: 100%;
	min-height: 500px;
	object-fit: cover
}

@media(max-width: 991px) {
	.main-flexicard-v2 .pagarContainer-image img {
		min-height: auto
	}
}

.main-flexicard-v2 .pagarContainer-text p {
	color: #666
}

.main-flexicard-v2 .pagarContainer-text ul li {
	width: 33%
}

.main-flexicard-v2 .pagarContainer-text ul li .itemBox {
	padding: 20px 0
}

.main-flexicard-v2 .pagarContainer-text ul li .itemBox p {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666
}

@media(max-width: 991px) {
	.main-flexicard-v2 .beneficioContainer {
		padding-top: 0
	}
}

.main-flexicard-v2 .beneficioContainer p {
	color: #666;
	max-width: 680px;
	margin: 20px auto 0 auto
}

.main-flexicard-v2 .beneficioContainer p span {
	display: block;
	font-size: 14px
}

.main-flexicard-v2 .beneficioContainer p.disclaimer {
	max-width: 640px;
	margin: 0 auto
}

.main-flexicard-v2 .beneficioContainer .itemDetails {
	max-width: 800px;
	margin: 0 auto 80px auto
}

.main-flexicard-v2 .beneficioContainer .pagosBanner {
	border-radius: 15px;
	padding: 0 30px
}

@media(max-width: 991px) {
	.main-flexicard-v2 .beneficioContainer .pagosBanner {
		padding: 0 15px
	}
}

.main-flexicard-v2 .beneficioContainer .pagosBanner h3 {
	color: #163e43
}

.main-flexicard-v2 .beneficioContainer .pagosBanner-image {
	margin-top: -30px;
	max-width: 170px
}

.main-flexicard-v2 .beneficioContainer .pagosBanner-text {
	padding: 0 30px
}

.main-flexicard-v2 .beneficioContainer .pagosBanner-text h2 {
	color: #163e43
}

.main-flexicard-v2 .beneficioContainer .pagosBanner-text p {
	max-width: 500px;
	margin: 10px auto 0 auto;
	font-size: 16px;
	color: #163e43
}

.main-flexicard-v2 .comerciosContainer p {
	color: #666;
	font-size: 16px
}

.main-flexicard-v2 .comerciosContainer .logosContainer {
	max-width: 900px;
	margin: 20px auto 0 auto
}

.main-flexicard-v2 .comerciosContainer .logosContainer li {
	width: 13%;
	margin: 15px 0 0 0
}

.main-flexicard-v2 .comerciosContainer .logosContainer li img {
	width: 100%;
	max-width: 85px
}

@media(max-width: 991px) {
	.main-flexicard-v2 .comerciosContainer .logosContainer li {
		width: 33%
	}
}

.main-flexicard-v2 .comerciosContainer .listadoBanner {
	max-width: 600px;
	margin: 0 auto;
	padding: 40px 30px;
	border-radius: 15px
}

.main-flexicard-v2 .comerciosContainer .listadoBanner h3 {
	font-family: "Roboto", Arial, Helvetica, sans-serif
}

.main-flexicard-v2 .comerciosContainer .listadoBanner-image {
	margin-top: -30px;
	max-width: 170px
}

.main-flexicard-v2 .comerciosContainer .listadoBanner-text {
	padding: 0 30px
}

.main-flexicard-v2 .comerciosContainer .listadoBanner-text h2 {
	color: #163e43
}

.main-flexicard-v2 .comerciosContainer .listadoBanner-text p {
	max-width: 500px;
	margin: 10px auto 0 auto;
	font-size: 16px;
	color: #163e43
}

.main-flexicard-v2 .faqsContainer-header p {
	font-size: 16px;
	color: #666;
	margin: 10px 0 0 0
}

.main-flexicard-v2 .faqsContainer .faqsBanner {
	height: 100%;
	padding: 30px;
	border-radius: 15px
}

.main-flexicard-v2 .faqsContainer .faqsBanner-image img {
	width: 65px;
	max-width: none
}

.main-flexicard-v2 .faqsContainer .faqsBanner-text {
	position: relative;
	padding-bottom: 60px
}

.main-flexicard-v2 .faqsContainer .faqsBanner-text h3 {
	font-size: 20px;
	color: #163e43
}

.main-flexicard-v2 .faqsContainer .faqsBanner-text p {
	margin: 10px 0;
	font-size: 15px;
	color: #163e43
}

.main-flexicard-v2 .faqsContainer .faqsBanner-text a {
	position: absolute;
	bottom: 0
}

.main-flexicard-v2 .balanceContainer {
	max-width: 800px;
	margin: 0 auto
}

@media(max-width: 991px) {
	.main-flexicard-v2 .balanceContainer-image img {
		width: 100%;
		max-width: 300px
	}
}

.main-flexicard-v2 .balanceContainer-text p {
	margin: 10px 0 0 0;
	font-size: 16px;
	color: #666
}

.main-flexicard-v2 .balanceContainer-text a {
	margin-top: 30px
}

.main-flexicard-v2 .comunicarteContainer {
	min-height: 480px;
	background: url("../../img/flexi/bg-comunicarte.jpg") no-repeat center left;
	background-size: cover;
	padding: 60px 0
}

@media(max-width: 991px) {
	.main-flexicard-v2 .comunicarteContainer {
		background-position: 10% 0
	}
}

.main-flexicard-v2 .comunicarteContainer .container {
	max-width: 700px
}

.main-flexicard-v2 .comunicarteContainer h2 {
	color: #fff;
	margin-bottom: 20px
}

.main-flexicard-v2 .comunicarteContainer p {
	margin: 0 0 20px 0
}

.main-flexicard-v2 .comunicarteContainer .phoneBox {
	margin-top: 30px
}

.main-flexicard-v2 .comunicarteContainer .phoneBox p {
	margin: 30px 0 0 0
}

.main-flexicard-v2 .comunicarteContainer .phoneBox p a {
	padding: 8px 10px;
	color: #333;
	text-decoration: none
}

@media(max-width: 991px) {
	.main-flexicard-v2 .comunicarteContainer .phoneBox p a {
		display: block;
		max-width: 300px;
		margin: 0 auto 10px auto
	}
	.main-flexicard-v2 .cardContainer img.bottomOverlapImage {
	    margin-bottom: 0
    }
}

.main-flexicard-v2 .disclaimerContainer {
	padding: 35px 0
}

.main-flexicard-v2 .disclaimerContainer p {
	font-size: 15px;
	color: #666
}

.main-flexicard-v2 .disclaimerContainer p:first-child {
	margin: 0
}

/*# sourceMappingURL=flexicard-v2.css.map */

.onlyMobile {
    display: none;
}
.onlyDesktop {
    display: block;
}
.main-flexicard-v2 .beneficioContainer .itemDetails {
    max-width: 1000px;
    margin: 0 auto 80px auto;
}

.main-flexicard-v2 .beneficioContainer p {
    font-size: 17px;
}

@media (max-width: 767px){

    .main-flexicard-v2 .pagarContainer-text ul li{
        width: 34%;
    }

    .main-flexicard-v2 .pagarContainer-text .pagarLista{
        flex-direction: row !important;
    }
    .onlyDesktop {
        display: none !important;
    }
    .onlyMobile {
        display: block !important;
    }
    .main-flexicard-v2 .faqsContainer .faqsBanner-text a{
        font-size:15px;
    }
}