@media (max-width:768px){
	.form-group > label {
    /*display: none;*/
}
	.tabs .nav-tabs .nav-link.active {
    color: #0079BA;
    background-color: transparent;
    border-bottom: none;
}
	.tabs .nav-tabs .nav-link {
    color: #505d68;
    padding: 14px 8px;
    color: rgba(72, 72, 72, 0.8);
    transition: 0.3s ease;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
	.tabs .nav-tabs {
    border-bottom: none;
    margin-bottom: 30px;
}
		.table img {
		width: 40px;
		height: 40px;
}
	
}
.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
	color: #000;
}
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
  top: 0;
  bottom: 8px;
  left: 20px;
  font-size: 10px;
  opacity: 1;
	color: #585859;
	text-transform: uppercase;
	font-weight: bold;
}
textarea:focus ~ .floating-label,
textarea:not(:focus):valid ~ .floating-label {
  top: 0;
  bottom: 8px;
  left: 20px;
  font-size: 10px;
  opacity: 1;
	color: #585859;
	text-transform: uppercase;
	font-weight: bold;
}
/*.inputText {
  font-size: 14px;
  width: 200px;
  height: 35px;
}
.floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 10px;
  transition: 0.2s ease all;
	color: #B3B3B3;
}*/

.floating-label {
  position: absolute;
  pointer-events: none;
 top: 0;
  bottom: 8px;
  left: 20px;
  font-size: 10px;
  transition: 0.2s ease all;
	color: #585859;
	text-transform: uppercase;
	font-weight: bold;
}
textarea.form-control  {
  line-height: 24px;
  padding: 20px 10px 6px 16px;
  min-height: 246px;
  font-size: 14px !important;
	color: #0079ba!important;
}
input[type=date] {
  
}
input[type="date"] {
    align-items: top;
    display: -webkit-inline-flex;
    font-family: 'Mulish', sans-serif;
    padding: 0px;
}
select {
  line-height: 24px;
  padding: 20px 10px 6px 16px;
  min-height: 46px;
  font-size: 12px !important;
	color: #585859!important;
	text-transform: uppercase;
	font-weight: bold;
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(0.85em + .75rem + 2px) calc(.75em + .375rem);;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
h3 i {
	color: #0079BA;
	font-size: 20px;
}
.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #0079BA;
}
h4.icona-destacat {
	color: #505d68;
  font-size: 22px !important;
  font-weight: 800!important;
  line-height: 27px !important;
	text-align: left !important;
	padding: 6px 10px;
	display: block;
	margin-top: 30px;
}
.text-destacat {
	 opacity: 0.8;
  color: #505d68;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
.proces {
	background: #FFFFFF;
	border-radius: 10px; 
	padding:  20px;
	margin: 0;
	margin-top: 60px;
	   box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}
.presentacio {
	opacity: 0.8;
  color: #505d68;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.list-icon li {
    margin-bottom: 10px;
    margin-left: 20px;
	 font-size: 18px;
  font-weight: 400;
  line-height: 26px;
	color: #505d68;
}
.cta-salud {
	background: #efefef ;
	 background-position:   bottom; /* Center the image url("../images/cta-salud.jpg") */
  background-repeat: no-repeat; /* Do not repeat the image */
	background-size: contain;
}
.bg-ona {
	background:  url("../images/Background2.svg");
	 background-position:   bottom; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
	background-size: contain;
}
.bg-ona2 {
	background:  url("../images/Background.svg");
	 background-position:   bottom; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
}
.icon-box.small > p {
    margin: 0px;
      font-size: 14px;
  font-weight: 400;
  line-height: 16px;
	  color: #505d68;
	  opacity: 0.8;
}
.iconTipus img {
	height: 80px;
}
.bg-cercle {
	background:  url("../images/circle.svg");
	 background-position:   bottom; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}
.text-red {
	color: #E10614;
	 font-size: 20px;
  font-weight: 400;
	margin: 30px 0 20px 0;
  line-height: 26px;
}
.item-categoria {
  color: #FFF;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase !important;
}
.widget img {
	width: 70%;
	text-align: center;
}
.widget .icon-box.small > p {
	    font-size: 16px;
    margin: 0 12px 4px 60px;
    letter-spacing: 0px;
    line-height: 40px !important;
    font-weight: 300;
	color: #EFEFEF !important;; 
}
.widget .icon-box {
	margin-bottom: 10px;
}
footer .list li {
    line-height: 24px;
}
.location i {
    font-size: 36px;
	color: #FFF;
	margin: 20px;
}
.text-small {
	  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
}
.post-item .post-item-wrap-home {
  background-color: #949494;
  position: relative;
	border-radius: 20px;
}
.post-item.shadow .post-item-wrap-home {
  box-shadow: 0 1px 10px #efefef !important;
}
.post-item.grey-bg .post-item-wrap-home {
  background-color: #f7f7f7;
}
.post-item.border {
  border: none !important;
}
.post-item.border .post-item-wrap-home {
  border: 1px solid #f2f2f2;
}
.post-item.border > .post-item-wrap-home > .post-item-description {
  padding: 24px !important;
  width: 100% !important;
}
.post-item.quote .post-item-wrap-home {
  background-color: #0079BA;
  border-radius: 4px;
  border-width: 0;
}
@media (min-width: 1024px) {
.timeline:before {

    height: 90%;
	}
	.bg-cercle {
	background:  url("../images/circle.svg");
	 background-position:   top; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}
	.widget img {
    width: 70%;
    text-align: center;
}

}
.table, .border-radius-10px  {
	border-radius: 10px;
}
.table .dobleborder, .dobleborder {
    border-bottom: 2px solid #505d68;
}
.border-in {
    border-bottom: 1px solid #505d68;
	text-align: left;
	color: #505d68;
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
	padding-bottom: 10px;
}
.table .noborder, .table .noborder {
    vertical-align: bottom;
    border-bottom: none !important;
	border-top: none !important;
}
.table th {
    height: 36px;
  color: #505d68;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.table  i {
    font-size: 24px;
    font-weight: 100;
	vertical-align: middle;
	color: #505d68;
}
.table  i.icon-info {
    font-size: 10px;
    font-weight: 100;
	vertical-align: middle;
	color: #0079ba;
}
.text-blau {
	color: #0079ba !important;
}
i.icon-x {opacity: 0.4;}
.amagarContingut {
	display:none;
}

.mostrarContingut {
	display:inline;
}

/* progressbar  */

#progressbar {
	margin: 30px 0 10px 0;
	overflow: hidden;
	counter-reset: step;
}
#progressbar li {
    list-style-type: none;
    color: #D2D2D2;
    text-transform: capitalize;
    font-size: 13px;
    width: 25%;
    float: left;
    position: relative;
}
#progressbar li.active {
    color: #505D68;
}
#progressbar li.fet {
    color: #0079BA;
}
#progressbar li:before{
    content:'' ;/*counter(step)*/
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: block;
    font-size: 13px;
    /*color:#fff ;*/
    background: transparent;
    border-radius: 100%;
    margin: 0 auto 5px auto;    
	border: 2px solid #505D68;
}
#progressbar li:nth-child(1):before{
	content:"\f111";
	font-family: 'Font Awesome 5 Free';	
}
#progressbar li:nth-child(2):before{
	content:"\f111";
	font-family: 'Font Awesome 5 Free';	
}
#progressbar li:nth-child(3):before{
	content:"\f111";
	font-family: 'Font Awesome 5 Free';	
}
#progressbar li:nth-child(4):before{
	content:"\f111";
	font-family: 'Font Awesome 5 Free';	
}
#progressbar li:after {
    content: '';
    width: 73%;
    height: 2px;
    background: #ECECEC;
    position: absolute;
    left: -35%;
    top: 15px;
    z-index: -1;
}
#progressbar li:first-child:after {
	content: none;
}
#progressbar li.active:before {
    border: 2px solid #505D68;
    color: #505D68;
   content: "\f111";
}
#progressbar li.active.fet:before {
    border: 2px solid #0079BA;
    color: #0079BA;
   content: "\f058";
}
#progressbar li.active:after {
	background: #505D68;
	color: #f8f9fa;
}
.capa-preu {
	position: fixed;
	bottom: 0;
	width: 100%;
}
.underline {
	text-decoration: underline;
}
.custon-radio {
	display: inline !important;
}
.item-sense-descripcio {
	    padding: 14px 8px;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e6e8eb;
}
.titol-item-sense-descripcio {
	font-weight: bold;
    position: relative;
    padding-right: 20px;
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    user-select: none;
    text-transform: none;
    text-align: left;
    color: #505d68;
}
h5.titol-item-sense-descripcio  {
	margin-bottom: 0;
	}
.asegurado {
	font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #0079BA;
	margin-bottom: 30px;
	text-align: center;
}
.line-blau {
	    border-top: 1px solid  #0079BA;
}
.nota, ul.nota  li {
	font-size: 14px;
	line-height: 1.7;
}
ul.nota li {
    margin-bottom: 14px;
    margin-left: 25px;
}

.modal-backdrop.show {
	 opacity: 0.6;
}

.modal {
	position: fixed;
	top: 200px;
	left: 0;
	z-index: 1080;
	display: none;
	width: 100%;
	height: 100%;
	overflow:scroll;
	outline: 0;
}

.chk-disabled {
	color: #777777 !important;
}
label ul {
   margin-bottom: 4px;
}
label ul li {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
	margin-left: 15px;
}
.ac-content ul li, .ac-content ol li  {

  margin-top: 0;
  margin-bottom: 0;
	margin-left: 15px;
	color: #484848;
}

/*cookies*/
#popup-cookies {
	background: none repeat scroll 0 0 #EFEFEF;
	border: 1px solid #e8591f;
	color: #808080;
	font-size: 14px;
	padding: 30px;
	line-height: 24px;
	position: fixed;
	z-index: 10001;
	left: 50%;
	transform: translate(-50%, 0);
	width: 80%;
}

	#popup-cookies p a {
		color: #808080;
		text-decoration: underline;
	}

		#popup-cookies p a.btn {
			color: #FFF;
			text-decoration: none;
		}

.close {
	cursor: pointer;
	text-align: right;
	float: right;
	font-size: 30px;
	filter: alpha(opacity=99);
	opacity: .99;
	line-height: 28px;
	text-shadow: none;
}

.icon-close {
	float: right;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	background-color: lightgray;
	height: 30px;
	margin: 0 3px;
	width: 30px;
}

icon-close:hover {
	background-color: darkgray;
}

.close a {
	text-decoration: none;
	color: #808080;
}

i.icon {
	/*background-image: url("../img/icons.png");*/
}

i.icon {
	display: inline-block;
	vertical-align: middle;
}
.indexContingut {
	border: 1px solid #CCC;
	width: 80%;
}
.indexContingut ul {
	margin-left: 40px;
	margin-top: 20px;
}
.ancla {
	margin-top: 100px !important;
}

/* FI COOKIES */
.post-item-description ul {
	margin-left: 14px !important;
}
.destacat {
	font-weight: bolder;
	color: #E10614; 
}
.icon-box.large .icon, .icon-box.process .icon img {
    height: 120px;
    width: 120px;
}
.icon-box.process .icon  {
    margin-top: 10px;
    margin-bottom: 10px;
}
.textslider {
	margin: 5% 50% 10% 10%;
}
.textslider h2 {
	font-weight: bolder;
	color: #E10614; 
}
.texthome {
		margin: 2% 25% 20% 25%;	
		text-align: center;
}
.texthome .lead {
	font-weight: bold;
}
h2.text-inici {
  color: #505d68;
  font-size: 32px !important;
  font-weight: bold !important;
  line-height: 40px;
  text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
p.text-inici {
	 opacity: 0.8;
  color: #505d68;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
	margin-top: 20px;
}
.form-group legend {
	font-size: 20px;
  font-weight: 400;
	color: #3393c7 !important;
}
.uppercase {
	text-transform: uppercase !important;
}
@media (max-width:768px){
	.texthome {
	margin: 10% !important;
	text-align: center;
}
}
.nota2 {
    font-size: 12px;
    line-height: 1.2;
}
#cta {
    background-color: #daeaf7 !important;
}
/*table*/
table.comparatiu {
    background: #efefef;
    width: 90%;
    margin: 30px !important;
    font-size: 18px;
    line-height: 30px;
    border: 20px solid #efefef;
}
table.comparatiu2 {
    background: #daeaf7;
    width: 90%;
    margin: 30px !important;
    font-size: 18px;
    line-height: 30px;
    border: 20px solid #daeaf7;
}
table.comparatiu thead, table.comparatiu2 thead {
  vertical-align: bottom;
    font-weight: bold;
}

table.comparatiu thead tr td {
  padding: 10px;
    margin: 10px;
    border: 20px solid #efefef;
}
table.comparatiu2 thead tr td {
  padding: 10px;
    margin: 10px;
    border: 20px solid #daeaf7;
}
table.comparatiu tbody tr td {
    background: #FFF;
    padding: 10px;
     margin: 10px;
    border: 20px solid #efefef;
}
table.comparatiu2 tbody tr td {
    background: #FFF;
    padding: 10px;
     margin: 10px;
    border: 20px solid #daeaf7;
}
.gris {color: #575757;}
.blau {color: #0c659d;}
.blau2 {color: #007bc5;}
.vermell {color: #e54341;}
table.none {
    background: #FFF;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    border: none;
}
table.none tbody tr td {
    background: #FFF;
    padding: 7px;
    border: none;
    vertical-align: top;
}
table img {
    width: 20px;
    height: 20px;
}
.seguros {
    border: 1px solid #FFF;
    margin: 0;
    padding: 6px;
    border-radius: 10px;
    background: #FFF;
    width: 100%;
    min-height: 180px;
}
.seguros img {
    margin-top: 10px;
}
.seguros h4.icona-destacat {
    color: #505d68;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 27px !important;
    text-align: left !important;
    padding: 6px 10px;
    display: block;
    margin-top: 10px;
}
.text-seguros {
	 opacity: 0.8;
  color: #505d68;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}