@charset "utf-8";
/* CSS Document */
/* Dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Ajuste visual opcional */
}

.nav-item.dropdown:hover > .nav-link {
    color: #0056b3; /* Color opcional al hacer hover */
}
div[class*="privat"] {
    display: none;
}
html {
    width: 100%;
    height: 100%;
    scroll-padding-top: 150px;
}

.b-top-bar {
    height: 42px;
    overflow: hidden;
    background: #767676;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    line-height: 41px;
    font-size: 12px;
    color: #EFEFEF;
}

    .b-top-bar img {
        margin: 5px 0;
    }

    .b-top-bar .top-bar-text {
        margin-right: 25px;
        margin-top: 0;
        font-weight: 600;
    }

.nota {
    line-height: 14px !important;
    font-size: 14px;
    margin-top: 20px;
    color: #FFF;
    padding: 0 10px;
    clear: both;
}

.section-padding-footer {
    padding: 45px 0 0 0;
}

button {
    background: #bf2723 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    padding: 5px 35px;
    /* text-transform: uppercase;*/
    width: inherit;
    font-family: 'Source Sans Pro', sans-serif;
}

.head-top-right {
    float: right;
}

.content-area ul, .content-area ol {
    margin: 0 0 0 35px;
}

    .content-area ul li, .content-area ol li {
        margin-bottom: 10px;
    }

.content-area ul {
    list-style: disc;
}

.content-area {
    margin-bottom: 30px;
}

    .content-area a {
        text-decoration: underline;
    }
/*social icons */
.social-content ul li {
    margin: 0 !important;
    padding: 0 2px;
}

.social-content ul li {
    display: inline-block !important;
}

.visible-xs {
    height: 80px;
}

    .visible-xs .sin-info {
        margin: 0;
        width: 160px;
    }

        .visible-xs .sin-info::before {
            background: none;
        }

    .visible-xs .info-content span a {
        font-size: 20px;
        line-height: 40px;
        padding: 0 !important;
    }


.content_right {
    margin: 0 auto;
}

.content_right {
    background: #fff none repeat scroll 0 0;
    max-width: 1285px;
    min-width: 1050px;
    width: 68%;
}

    .content_right a {
        color: #008dde;
        cursor: pointer;
        text-decoration: none;
    }

#feature_slider {
    position: relative;
    width: 100%;
}

#previous_article {
    background: #ddd none repeat scroll 0 0;
    float: left;
    height: 360px;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#prev-article-tab {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #222;
    height: 70px;
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: all 0.4s ease 0s;
    width: 110px;
    z-index: 4;
}

.prev-article {
    float: right;
    font-weight: 500;
    line-height: 15px;
    margin: 20px 10px 0;
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
}

.article_prev {
    height: 17px;
    left: 17%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
}

.article_prev {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOSAxNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDEwMTAxIiBkPSJNOC44LDE1LjhjMC4zLDAuMywwLjMsMC43LDAsMWMtMC4zLDAuMy0wLjcsMC4zLTAuOSwwTDAuMiw5Yy0wLjMtMC4zLTAuMy0wLjcsMC0xbDcuNy03LjcNCglDOC4xLDAsOC41LDAsOC44LDAuM2MwLjMsMC4zLDAuMywwLjcsMCwxbC03LDcuM0w4LjgsMTUuOHoiLz4NCjwvc3ZnPg0K");
}

#prev-article-tab:hover {
    cursor: pointer;
    transform: translate(-70px,-50%);
    -webkit-transform: translate(-70px,-50%);
    transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    background: #f07f3d;
    color: #FFF;
}

.articleHeader {
    background: #000 none repeat scroll 0 0;
    position: relative;
}

.cover {
    background-position: center top;
    background-size: cover;
    height: 400px;
}

.cover2 {
    background-position: center top;
    background-size: cover;
    height: 300px;
}

.cover-250 {
    margin-top: -350px;
}
.cover-180 {
    margin-top: -180px;
}
.cover-150 {
    margin-top: -150px;
}

.cover-140 {
    margin-top: -140px;
}

.cover-130 {
    margin-top: -130px;
}

.cover-120 {
    margin-top: -120px;
}

.cover-110 {
    margin-top: -110px;
}

.cover-100 {
    margin-top: -100px;
}

.cover-90 {
    margin-top: -90px;
}

.cover-80 {
    margin-top: -80px;
}

.cover-70 {
    margin-top: -70px;
}

.cover-60 {
    margin-top: -60px;
}


@media only screen and (max-width: 991px) {
    .cover-150, .cover-140, .cover-130, .cover-120, .cover-110, .cover-100, .cover-90, .cover-80, .cover-70, .cover-60 {
        margin-top: 0px;
    }
}

#articleWrap {
    float: left;
    position: relative;
    width: 100%;
    z-index: 2;
}

    #articleWrap .cover {
        /* opacity: 0.8;*/
    }

#next_article {
    background: #ddd none repeat scroll 0 0;
    float: left;
    height: 360px;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 1;
}

#next-article-tab {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 3px 3px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #222;
    height: 70px;
    left: -70px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    transition: all 0.4s ease 0s;
    width: 110px;
    z-index: 4;
}

    #next-article-tab .next-article {
        float: left;
        font-weight: 500;
        line-height: 15px;
        margin: 20px 10px 0;
        text-transform: uppercase;
        font-size: 12px;
    }

.article_next {
    height: 17px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
}

.article_next {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOSAxNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSAxNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDEwMTAxIiBkPSJNMC4yLDE1LjhjLTAuMywwLjMtMC4zLDAuNywwLDFjMC4zLDAuMywwLjcsMC4zLDAuOSwwTDguOCw5YzAuMy0wLjMsMC4zLTAuNywwLTFMMS4xLDAuMw0KCUMwLjksMCwwLjUsMCwwLjIsMC4zYy0wLjMsMC4zLTAuMywwLjcsMCwxbDcsNy4zTDAuMiwxNS44eiIvPg0KPC9zdmc+DQo=");
}

#previous_article .articleHeader, #next_article .articleHeader {
    opacity: 0.3;
}

#next-article-tab:hover {
    cursor: pointer;
    transform: translate(70px,-50%);
    -webkit-transform: translate(70px,-50%);
    transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    background: #f07f3d;
    color: #FFF;
}

.articleHeader h2 {
    position: absolute;
    top: 260px;
    left: 20px;
    color: #fff !important;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 6;
}

.notalegal {
    font-size: 14px !important;
}

.sidebar .col-sm-12, .sidebar .col-sm-8, .sidebar .col-sm-4 {
    padding: 0;
    line-height: 18px;
}

.sidebar .col-sm-8 {
    padding-left: 6px;
}

.sidebar p {
    margin: 0 0 3px 0 !important;
}
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 0;
    background-color: #f07f3d;
}
    /* Style the buttons inside the tab */
    div.tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 26px;
        transition: 0.3s;
        font-size: 17px;
        border-radius: 0 !important;
        border-right: 1px solid #b01d2e;
    }

        /* Change background color of buttons on hover */
        div.tab button:hover {
            background-color: #b01d2e;
        }

        /* Create an active/current tablink class */
        div.tab button.active {
            background-color: #b01d2e;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #f07f3d;
    border-top: none;
}

.arrow-up-productes {
    background: url(../img/arrow-up.png) no-repeat left;
    height: 16px;
    position: relative;
    margin: 0 20%;
}

.arrow-up-productes2 {
    background: url(../img/arrow-up.png) no-repeat right;
    height: 16px;
    position: relative;
    margin: 0 20%;
}

.destacat {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #444;
    font-size: 16px;
    line-height: 24px;
    margin: 5px 0px 0px;
    padding: 20px;
    position: relative;
    cursor: pointer;
    border: #CCC 1px solid;
}






.no-padd {
    padding: 0 !important;
}

.pagination {
    display: inline-block;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
    }

        .pagination a.active {
            background-color: #444;
            color: white;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }

.latestNews-area .sin-news {
    margin-bottom: 30px;
}

.sidebar h5 {
    margin-bottom: 0;
}

.new {
    height: 440px;
}

.top-bar-text a, .top-bar-text2 a {
    color: #FFF !important;
}

/*form*/
.form-row {
    clear: both;
}

.form-control {
    background: #f6f6f6;
    height: 55px;
    margin-bottom: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px !important;
    border-radius: 0;
    border: 1px solid #e9e9e9;
    line-height: 40px;
}

select option:first {
    color: #999 !important;
}

.form-control:focus {
    border-color: #C7CF44;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

fieldset {
    clear: both;
    margin-top: 40px;
}

.form-group {
    clear: both;
    padding-top: 10px;
}

.clear {
    clear: both;
    ;
}

.tachar {
    text-decoration: line-through;
}

.btn {
    text-decoration: none !important;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0;
    }

label {
    font-weight: 400;
}

/*newsletter form*/
.input-news > input {
    background: transparent none repeat scroll 0 0;
    border: medium none transparent;
    color: #a4a4a4;
    font-weight: 400;
    width: 100%;
}

.input-news > select {
    background: #222222 none repeat scroll 0 0;
    border: medium none transparent;
    color: #a4a4a4;
    font-weight: 400;
}

.input-check label {
    line-height: 12px !important;
    font-size: 12px;
    border: none;
    color: #a4a4a4;
    font-weight: 400;
}

.input-check a {
    color: #CCC;
    text-decoration: underline;
}

.input-news {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 2px 10px;
    position: relative;
}

.modal_content {
    border: 1px solid rgb(34,34,34);
}

.ui-widget-header {
    background: rgb(34,34,34) !important;
    background: rgba(34,34,34,0.75) !important;
    color: #fff !important;
    font-weight: bold !important;
    border: none !important;
}

    .ui-widget-header button {
        background: inherit;
        color: #fff !important;
        border: none !important;
    }

.ui-dialog-title {
    display: none !important;
}


.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    /* height: 100%;*/
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    /*visibility: hidden;*/
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    overflow-y: hidden !important;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 0.5rem 1.5rem;
    width: 50rem;
    border-radius: 0.5rem;
    border-top: #ced733 solid 32px;
}

.modal .titol-bloc {
    font-weight: bold;
}

.modal .blocs-home {
    line-height: 20px;
}

.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
    margin-top: -42px;
}

    .close-button:hover {
        background-color: darkgray;
    }

.show-modal {
    opacity: 1;
    visibility: visible !important;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    display: block !important;
}

addressMail:after {
    content: "\40angseguros.es";
}

addressMail {
    cursor: pointer;
}

#notaNews {
    font-size: 0.8em;
    padding: 10px;
    background-color: #555;
    color: #FFF;
    /*width: 326px;*/
    position: absolute;
    z-index: 2;
    border: 1px solid #f07f3d;
    margin-left: 0;
    margin-top: 6px;
    line-height: 18px;
}

    #notaNews a {
        color: #FFF;
        text-decoration: underline;
    }


/*cookies*/
#popup-cookies {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #C7CF44;
    color: #808080;
    font-size: 14px;
    padding: 30px;
    line-height: 24px;
    position: fixed;
    z-index: 1031;
    left: 5px;
    /*transform: translate(-50%, 0);*/
    width: 100%;
    max-width:1120px;
    top: 10px;
    transform: translateX(-50%);
    left: 50%;
}

    /*#popup-cookies .text {
    padding: 20px 20px 20px 0;
}*/
    #popup-cookies p a {
        color: #C7CF44;
        text-decoration: underline;
    }

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

/*#popup-cookies {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #e8591f;
    color: #808080;
    font-size: 14px;
    padding: 30px;
    line-height: 24px;
    position: absolute;
    z-index: 2;
}

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

        #popup-cookies p a.btn {
            color: #FFF;
            text-decoration: none;
        }*/
.close {
    cursor: pointer;
    text-align: right;
    float: right;
    font-size: 20px;
    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;
}
/*radio chek */




input[type="radio"], input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

input.legal[type="checkbox"] {
    top: 0;
}


/*Check box*/
input[type="checkbox"] + .label-text:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    background: none;
    padding: 4px;
    margin-left: -20px !important;
}

input[type="checkbox"]:checked + .label-text:before {
    content: "\f14a";
    color: #C7CF44;
    animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text {
    color: #aaa;
}

    input[type="checkbox"]:disabled + .label-text:before {
        content: "\f0c8";
        color: #ccc;
    }

#cookieCheckNecessaries:disabled + .label-text:before {
    content: "\f14a";
    color: #C7CF44;
}

/*Radio box*/

input[type="radio"] + .label-text:before {
    content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    /*background: #FFF;
		padding: 4px;*/
}

input[type="radio"]:checked + .label-text:before {
    content: "\f192";
    color: #f07f3d;
    animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

    input[type="radio"]:disabled + .label-text:before {
        content: "\f111";
        color: #ccc;
    }

/*Radio Toggle

.toggle input[type="radio"] + .label-text:before{
	content: "\f204";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before{
	content: "\f205";
	color: #f07f3d;
	animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before{
	content: "\f204";
	color: #ccc;
}
*/

@keyframes effect {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

legend {
    margin-left: 10px;
}

.g-recaptcha {
    padding: 0 21px;
}

.copyright a {
    color: #8c8c8c;
    text-decoration: underline;
}

addressmail {
    text-decoration: underline;
}

    addressmail:hover {
        text-decoration: none;
    }


/*cercador*/
#numResultatsCerca {
    font-size: 20px;
    font-weight: bold;
}

ul.list {
    background: #EFEFEF;
    padding: 10px;
    margin: 20px 0;
}

    ul.list li {
        padding-bottom: 10px;
    }

.name {
    text-decoration: underline;
    font-weight: bold;
}

.avis a {
    text-decoration: none !important;
    color: #CCC;
}


.llistat ul {
    list-style: disc
}

.bread-cumb > ul li {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

.widget-title {
    line-height: 1.1;
    font-family: 'Merriweather', serif;
    margin-top: 25px;
}

@media (max-width:767px) {
    .bread-cumb-xs {
        float: left;
        margin-bottom: 20px !important;
        clear: both;
        width: 100%;
        z-index: 100;
    }

        .bread-cumb-xs ul {
            margin: 0 !important;
            padding: 0 !important;
        }

            .bread-cumb-xs ul li, .bread-cumb-xs ul li a {
                font-size: 11px;
            }
}
/*icones*/
.content-boxes-v1 {
    text-align: center;
}

h2.heading-md {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #0069B4;
    text-shadow: none;
    font-weight: normal;
}

.seguros h2.heading-md {
    height: 160px;
}

i.icon-bg-dark {
    background: #0069B4;
    color: #fff;
    border-color: transparent;
}

i.icon-custom {
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    border: none;
}

i.icon-md {
    width: 85px;
    height: 85px;
    font-size: 42px;
    line-height: 85px;
}

.content-boxes-v1 span {
    display: block;
    margin-top: 5px;
    font-weight: bold;
}

.contact-area2 {
    background: url("/img/bg-contact.jpg") no-repeat center bottom;
    padding-top: 40px;
}

.bg-contact-area2 {
    background: rgba(255, 255, 255, 0.3);
    padding: 20px 0;
}

.slider-area, main {
    margin-top: 130px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-top2 {
    position: fixed;
    top: 42px;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #f8fcee;
    height: 90px;
}

.mean-bar {
    display: none;
}

.text {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}

.is-invalid:not(.form-control) {
    color: #CE041C;
}

.legal.is-invalid ~ .label-text::before, .was-validated .legal:invalid ~ .label-text::before {
    color: #dc3545 !important;
}

.page-title p {
    margin: 0;
    color: #333 !important;
    font-size: 13px;
    line-height: 14px;
    padding: 8px;
    font-weight: normal;
}

h2.codigotit {
    font-size: 36px;
    line-height: 54px;
    color: #333;
}

.codigo {
    border: dashed 4px #C7CF44;
    padding: 10px;
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

    .codigo big {
        color: #C7CF44;
        font-size: 48px;
        font-weight: bold;
    }

.verd {
    color: #C7CF44;
}

.blau {
    color: #71CAF3;
}

.blauf {
    color: #0069B4;
}

.Bverd {
    border: 1px solid #C7CF44;
}

.Bblau {
    border: 1px solid #71CAF3;
}

.Bblauf {
    border: 1px solid #0069B4;
}

.Bgris {
    border: 1px dashed #999;
}

.bgverd {
    background: #C7CF44;
}

.bgblau {
    background: #71CAF3;
}

.bgblauf {
    background: #0069B4;
}

.pasos {
    min-height: 270px;
    border-radius: 10px;
    padding: 20px;
}

    .pasos h3.pas, .tae p.pas {
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .pasos p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 400;
        margin-top: 20px;
    }

.pasosClient {
    min-height: 100%;
    border-radius: 10px;
    padding: 20px;
}

    .pasosClient h3.pas, .tae p.pas {
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .pasosClient p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 400;
        margin-top: 20px;
    }

ul.llistatPasos, ul.llistatPasosBlau, ul.llistatPasosBlau2 {
    padding: 10px 0;
    font-size: 20px;
    font-weight: normal;
    margin-left: 30px;
    margin-bottom: 2px;
}

.tae {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #71CAF3;
}

ul.llistatDestacat {
    padding: 10px 0;
    font-size: 18px;
    font-weight: normal;
    margin-left: 20px;
}

.llistatDestacat li, .llistatPasos li {
    padding: 4px 0;
    list-style-image: url("/MedInvestor.Theme/assets/img/bullet2.png");
}

ul.llistatDestacatBlau {
    padding: 10px 0;
    font-size: 18px;
    font-weight: normal;
    margin-left: 20px;
}

.llistatDestacatBlau li, .llistatPasosBlau li {
    padding: 4px 0;
    list-style-image: url("/MedInvestor.Theme/assets/img/bullet.png");
}

ul.llistatDestacatBlau2 {
    padding: 10px 0;
    font-size: 18px;
    font-weight: normal;
    margin-left: 20px;
}

.llistatDestacatBlau2 li, .llistatPasosBlau2 li {
    padding: 4px 0;
    list-style-image: url("/MedInvestor.Theme/assets/img/bullet3.png");
}

table p {
    margin: 0;
    color: #333 !important;
    font-size: 13px;
    line-height: 14px;
    padding: 8px;
    font-weight: normal;
}

.blau {
    color: #3f95d2 !important;
}

.verd {
    color: #C7CF44 !important;
}

.b-top-bar i {
    font-size: 18px;
    padding: 0 10px;
}

.b-top-bar .top-bar-text2 {
    margin-right: 5px;
    margin-top: 0;
    font-weight: 600;
    font-size: 14px;
}

.head-top-area ul li a {
    font-weight: bold;
}

.compte .pasos {
    height: 200px !important;
}
/*navbar*/
.navbar-light .navbar-nav .nav-link {
    color: #666;
}

.bg-light {
    background-color: #f8fcee !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.dropdown-menu {
    background-color: #f8fcee;
}

.dropdown-item {
    ;
    font-weight: normal !important;
    color: #666;
}

.nav-item {
    font-size: 1.1rem !important;
}

@media only screen and (max-width: 767px) {
    .btn-default {
        background: #0f6ab3 none repeat scroll 0 0 !important;
        color: #FFF;
        border: none;
        border-radius: 25px;
        padding: 0.5rem 0.5rem;
        font-weight: 700;
        /*text-transform:uppercase;*/
        font-size: 0.75rem;
        border: 2px solid #0f6ab3;
    }
    .logo {
        width: 150px;
        float: right;
    }
    .show-xs {
        display: block !important;
    }
    .hidden-xs {
        display: none !important;
    }
}
@media only screen and (min-width: 768px) {
    .show-lg {
        display: block !important;
    }

    .hidden-lg {
        display: none !important;
    }
}
select.form-control:not([size]):not([multiple]) {
    height: 55px !important;
}
.dropdown-menu {
    width: 220px !important;
}
head-top-area ul li a.dropdown-item {
    font-weight: normal !important;
    color: #666;
}
#navbarsExample10 {
    width: 220px !important;
    background: #f8fcee;
}
label {
    font-weight: 400;
    color: #333 !important;
    font-size: 16px;
}
.gran {
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 30px !important;
}
#lopd label {
    margin-left: 20px !important;
}
.modal-content .btn-primary {
    background: #0f6ab3 none repeat scroll 0 0 !important;
    color: #FFF;
    border: none;
    border-radius: 20px;
    padding: 10px 20px;
    font-weight: 700;
    /*text-transform:uppercase;*/
    font-size: 14px;
}
    .modal-content .btn-primary:hover {
        background: #74caf2 !important;
        color: #FFF;
    }

.modal-content .btn-secondary {
    background: #999 none repeat scroll 0 0;
    color: #FFF !important;
    border: none;
    border-radius: 20px;
    padding: 10px 20px;
    font-weight: 700;
    /*text-transform:uppercase;*/
    font-size: 14px;
}

    .btn-secondary:hover {
        background: #CCC;
        color: #DDD;
    }
.modal-content p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 5px;
}