/* Import Fonts & All CSS */
@import url(../fonts/Avenir-font-style.css);
@import url(../fonts/Raleway-font-style.css);
@import url(bootstrap.min.css);
@import url(animate.css);
@import url(default-assets/classy-nav.css);
@import url(owl.carousel.min.css);
@import url(magnific-popup.css);
@import url(font-awesome.min.css);
@import url(dropzone.css);
@import url(bootstrap-editable.css);
@import url(bootstrap-datepicker/bootstrap-datepicker.css);
@import url(style.css);
/* :: 1.0 Reboot CSS */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Raleway";
    font-weight: 400;
    font-size: 14px;
}

h2 {
    font-family: "Raleway";
    color: #282828;
    line-height: 1.4;
    font-weight: bold;
}

h5 {
    font-family: "Raleway";
    color: #686868;
    /*line-height: 1.4;*/
    font-weight: normal;
}

h1,
h3,
h4,
h5,
h6 {
    font-family: "Raleway";
    color: #303030;
    line-height: 1.4;
    font-weight: 600;
}

a,
a:active,
a:focus,
a:hover {
    font-family: "Raleway";
    color: #303030;
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    outline: none;
    /*font-size: 16px;
    font-weight: 600;*/
}

li {
    list-style: none;
}

p {
    line-height: 2;
    color: #707070;
    font-size: 16px;
    font-weight: normal;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        margin: 0;
        padding: 0;
    }

.bg-overlay {
    position: relative;
    z-index: 1;
}

    .bg-overlay::after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.5);
    }

.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.jarallax {
    position: relative;
    z-index: 0;
}

    .jarallax > .jarallax-img {
        position: absolute;
        object-fit: cover;
        font-family: 'object-fit: cover';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }


.bg-transparent {
    background-color: transparent !important;
}

.bg-gray {
    background-color: #e7f2fd !important;
}

textarea:focus,
input:focus {
    outline: none;
}

/* :: 2.0 Spacing CSS */
.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

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

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

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

.mt-150 {
    margin-top: 150px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-100 {
    margin-left: 100px;
}

.pt-50 {
    padding-top: 50px !important;
}

.pl-50 {
    padding-left: 50px;
}

.section-padding-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-padding-0-80 {
    padding-top: 0;
    padding-bottom: 80px;
}

.section-padding-80-0 {
    padding-top: 80px;
    padding-bottom: 0;
}

.section-padding-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-padding-0-40 {
    padding-top: 0;
    padding-bottom: 40px;
}

.section-padding-40-0 {
    padding-top: 40px;
    padding-bottom: 0;
}

/* :: 3.0 Preloader CSS */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: #1583e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrapper {
    margin: auto;
    display: block;
}

.cssload-loader {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: #ffffff;
}

    .cssload-loader,
    .cssload-loader:after,
    .cssload-loader:before {
        animation: 1.15s infinite ease-in-out;
        -o-animation: 1.15s infinite ease-in-out;
        -ms-animation: 1.15s infinite ease-in-out;
        -webkit-animation: 1.15s infinite ease-in-out;
        -moz-animation: 1.15s infinite ease-in-out;
    }

        .cssload-loader:after,
        .cssload-loader:before {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
        }

.cssload-loader {
    animation-name: cssload-loader;
    -o-animation-name: cssload-loader;
    -ms-animation-name: cssload-loader;
    -webkit-animation-name: cssload-loader;
    -moz-animation-name: cssload-loader;
}

@keyframes cssload-loader {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        transform: scale(1);
        opacity: 0;
    }
}

@-o-keyframes cssload-loader {
    from {
        -o-transform: scale(0);
        opacity: 1;
    }

    to {
        -o-transform: scale(1);
        opacity: 0;
    }
}

@-ms-keyframes cssload-loader {
    from {
        -ms-transform: scale(0);
        opacity: 1;
    }

    to {
        -ms-transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-loader {
    from {
        -webkit-transform: scale(0);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@-moz-keyframes cssload-loader {
    from {
        -moz-transform: scale(0);
        opacity: 1;
    }

    to {
        -moz-transform: scale(1);
        opacity: 0;
    }
}
/* :: 4.0 Heading CSS */
.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

    .section-heading h2 {
        font-size: 48px;
        text-transform: capitalize;
        margin-bottom: 0;
        line-height: 1.1;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-heading h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-heading h2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .section-heading h2 {
        font-size: 30px;
    }
}

.section-heading p {
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 0;
    color: #8c8c8c;
}

/* :: 5.0 Backtotop CSS */
#scrollUp {
    bottom: 50px;
    font-size: 30px;
    line-height: 45px;
    right: 50px;
    width: 50px;
    background-color: #055779;
    color: #ffffff;
    text-align: center;
    height: 50px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    border-radius: 50%;
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
}

    #scrollUp:focus, #scrollUp:hover {
        /*background-color: #000000;*/
        color: #ffffff;
    }



@media only screen and (max-width: 767px) {
    #scrollUp {
        right: 30px;
        bottom: 30px;
    }
}

.row .card-body a:not(.editable-empty):not(:empty):not(.btn) {
    color: #5e72e4;
}

.btn-standard {
    background-color: #055779;
    color: #ffffff !important;
    text-transform: capitalize !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .btn-standard:hover {
        cursor: pointer;
    }
/* :: 6.0 Buttons CSS */
.bl-btn {
    position: relative;
    z-index: 1;
    min-width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 0 30px;
    text-align: center;
    text-transform: capitalize;
    color: #1583e9;
    border: none;
    border-radius: 15px;
    background-color: #055779;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
}

    .bl-btn:focus, .bl-btn:hover {
        -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
        box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
        background-color: #077191;
        color: #ffffff;
    }

    .bl-btn.btn-2 {
        background-color: #055779;
        color: #ffffff;
    }

        .bl-btn.btn-2:focus, .bl-btn.btn-2:hover {
            background-color: #077191;
            color: #ffffff;
        }

    .bl-btn.btn-3 {
        border: 2px solid #1583e9;
        line-height: 46px;
    }

.login-register-btn a {
    display: inline-block;
}

    .login-register-btn a span {
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
        color: #3E3E3E;
    }


    /*
        .login-register-btn a span:focus, .login-register-btn a span:hover {
            color: white;
        }

    .header-area .main-header-area .login-register-btn a:focus, .login-register-btn a:hover {
        color: white;
        opacity: 0.8;
    }*/
    .header-area .main-header-area.sticky .login-register-btn a:focus, .login-register-btn a:hover {
        color: #077191;
        opacity: 0.8;
    }

#blNav .login-register-btn a {
    color: #ffffff
}

    #blNav .login-register-btn a:hover {
        color: #ffffff;
        opacity: 0.8;
    }

/*
   EL LOGOTIPO DE BASTANTEO LAB ES HORIZONTAL (22/08/2026).

   Estos 100px estaban puestos para el logo de idNotarial, que era casi
   cuadrado (500x467) y a ese ancho ocupaba unos 93px de alto. El de Bastanteo
   Lab es apaisado (355x84, 4,2:1): al mismo ancho se quedaba en 24px de alto y
   perdia toda presencia, ademas de rozar el minimo de 90px que fija la ficha
   de marca.

   170px da 40px de alto, que es la altura habitual de un logotipo en barra de
   navegacion y deja el mismo aire que antes.
*/
a.nav-brand img {
    width: 170px;
}

.text-muted.text-center.mb-1 img {
    /* 150px daba 35px de alto con el logo apaisado: se sube a 220 (52px). */
    width: 220px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .login-register-btn a {
        font-size: 14px;
    }
}



/* :: 7.0 Header CSS */
.header-area {
    position: fixed;
    z-index: 600;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .main-header-area {
        border-top: 10px solid #303030;
    }
}

@media only screen and (max-width: 767px) {
    .header-area .main-header-area {
        border-top: 10px solid #303030;
    }
}

.header-area .main-header-area.sticky {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    top: 0;
    width: 100%;
    position: fixed;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(104, 104, 104, 1);
    box-shadow: 0 1px 6px 0 rgba(104, 104, 104, 1);
    border-bottom: none;
    left: 0;
    z-index: 650;
}

.header-area .search-icon {
    position: relative;
    z-index: 1;
    margin-left: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .search-icon {
        margin-left: 15px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .header-area .search-icon {
        margin-left: 15px;
        margin-top: 20px;
    }
}

.header-area .search-icon i {
    font-size: 20px;
    color: #303030;
    cursor: pointer;
}

.classy-nav-container {
    background-color: transparent;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .classy-nav-container {
        padding: 0 15px;
    }
}

.classy-nav-container .classy-navbar {
    height: 100px;
    padding: 0 3%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar {
        height: 70px;
        padding: 0 5%;
    }
}

@media only screen and (max-width: 767px) {
    .classy-nav-container .classy-navbar {
        height: 70px;
        padding: 0 5%;
    }
}

@media only screen and (max-width: 767px) {
    .classy-nav-container .classy-navbar .nav-brand {
        max-width: 90px;
        margin-right: 15px;
    }
}

.classy-nav-container .classy-navbar .classynav ul li a {
    position: relative;
    z-index: 1;
    font-weight: normal;
    font-size: 18px;
    /* text-transform: capitalize */;
    color: white;
}

    .classy-nav-container .classy-navbar .classynav ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li a:hover {
        color: white;
        opacity: 0.8;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .classy-nav-container .classy-navbar .classynav ul li a {
        font-size: 14px;
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar .classynav ul li a {
        font-size: 14px;
        color: #000000 !important;
    }
}

@media only screen and (max-width: 767px) {
    .classy-nav-container .classy-navbar .classynav ul li a {
        font-size: 14px;
        color: #000000 !important;
    }
}

.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
    font-size: 16px;
    color: #000000;
    /* text-transform: capitalize */;
    height: 42px;
    line-height: 42px;
    padding: 0 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
        font-size: 14px;
        color: #000000;
    }
}

@media only screen and (max-width: 767px) {
    .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
        font-size: 14px;
        color: #000000;
    }
}

.classy-nav-container .classy-navbar .classynav ul li.current-item a::after {
    content: '';
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: white;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.header-area .main-header-area.sticky .classy-nav-container .classy-navbar .classynav ul li.current-item a {
    color: #055779 !important;
}

    .header-area .main-header-area.sticky .classy-nav-container .classy-navbar .classynav ul li.current-item a::after {
        content: '';
        position: absolute;
        width: 70%;
        height: 2px;
        background-color: #055779;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .classy-nav-container .classy-navbar .classynav ul li.current-item a::after {
        width: 100%;
        height: 1px;
    }
}

@media only screen and (max-width: 767px) {
    .classy-nav-container .classy-navbar .classynav ul li.current-item a::after {
        width: 100%;
        height: 1px;
    }
}

.classynav ul li.has-down > a::after,
.classynav ul li.has-down.active > a::after,
.classynav ul li.megamenu-item > a::after {
    color: #ffffff;
}

.breakpoint-off .classynav ul li .dropdown {
    width: auto;
    white-space: nowrap;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    border-radius: 6px;
}

    .breakpoint-off .classynav ul li .dropdown:hover {
        color: #ffffff;
    }

    .breakpoint-off .classynav ul li .dropdown.dropdown-width {
        width: 250px;
    }

.top-search-area .modal-content {
    border: none;
}

    .top-search-area .modal-content .modal-body {
        padding: 50px;
    }

@media only screen and (max-width: 767px) {
    .top-search-area .modal-content .modal-body {
        padding: 50px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .top-search-area .modal-content .modal-body {
        padding: 50px;
    }
}

.top-search-area .modal-content .modal-body button.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    font-size: 14px;
}

    .top-search-area .modal-content .modal-body button.close-btn.btn {
        padding: 0;
        background-color: transparent;
    }

        .top-search-area .modal-content .modal-body button.close-btn.btn:focus, .top-search-area .modal-content .modal-body button.close-btn.btn:hover {
            box-shadow: none;
            color: #1583e9;
        }

.top-search-area form {
    width: 100%;
    position: relative;
    z-index: 1;
}

    .top-search-area form input {
        width: 100%;
        height: 50px;
        border: none;
        box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08);
        border-radius: 6px;
        font-size: 12px;
        font-style: italic;
        padding: 0 20px;
    }

        .top-search-area form input:focus {
            box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08);
        }

    .top-search-area form button {
        position: absolute;
        width: 100px;
        height: 50px;
        top: 0;
        right: 0;
        z-index: 10;
        border-radius: 0 6px 6px 0;
        border: none;
        background-color: #1583e9;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
        cursor: pointer;
    }

@media only screen and (max-width: 767px) {
    .top-search-area form button {
        width: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .get-a-quote {
        margin: 30px 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .get-a-quote {
        margin: 30px 15px !important;
    }
}

/* :: 8.0 Hero CSS */
.welcome-slides {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.single-welcome-slide {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 900px;
    background-color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-welcome-slide {
        height: 750px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-welcome-slide {
        height: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .single-welcome-slide {
        height: 900px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-welcome-slide {
        height: 1000px;
    }
}

.single-welcome-slide .background-curve {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    z-index: -1;
}

    .single-welcome-slide .background-curve img {
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
    }

.single-welcome-slide .welcome-text {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .single-welcome-slide .welcome-text {
        padding-top: 50px;
    }
}

.single-welcome-slide .welcome-text h2 {
    font-size: 72px;
    display: block;
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-welcome-slide .welcome-text h2 {
        font-size: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-welcome-slide .welcome-text h2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .single-welcome-slide .welcome-text h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-welcome-slide .welcome-text h2 {
        font-size: 42px;
    }
}

.single-welcome-slide .welcome-text h2 span {
    color: #1583e9;
}

.single-welcome-slide .welcome-text h5 {
    font-size: 22px;
    color: #8c8c8c;
    margin-bottom: 60px;
    display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-welcome-slide .welcome-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-welcome-slide .welcome-text h5 {
        font-size: 14px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .single-welcome-slide .welcome-thumbnail {
        margin-top: -120px;
    }
}



/* :: 14.0 Breadcrumb CSS */
.breadcrumb-area {
    position: relative;
    /*z-index: 1;*/
    height: 200px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area {
        height: 220px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-area {
        height: 200px;
        margin-bottom: 0;
    }
}

.breadcrumb-area .breadcrumb-bg-curve {
    position: absolute;
    width: 80%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
    text-align: right !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-area .breadcrumb-bg-curve {
        width: 90%;
    }
}

.breadcrumb-area .title {
    font-size: 60px;
    margin-bottom: 0;
    /* text-transform: capitalize; */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-area .title {
        font-size: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area .title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-area .title {
        font-size: 30px;
    }
}

.breadcrumb-area .breadcumb--con .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

    .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item,
    .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item > a,
    .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item.active {
        font-size: 18px;
        text-transform: capitalize;
        color: #303030;
        font-weight: normal;
        letter-spacing: normal;
    }

@media only screen and (max-width: 767px) {
    .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item,
    .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item > a,
    .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item.active {
        font-size: 14px;
    }
}

.breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item:focus, .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item:hover,
.breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item > a:focus,
.breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item > a:hover,
.breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item.active:focus,
.breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item.active:hover {
    color: #077191;
}

.breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item.active {
    color: #8c8c8c;
}

    .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item.active:focus, .breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item.active:hover {
        color: #686868;
    }

.breadcrumb-area .breadcumb--con .breadcrumb .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.breadcrumb-area .breadcumb--con .breadcrumb .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.breadcrumb-area .breadcumb--con .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\f105";
    font-family: 'FontAwesome';
}


/* :: 16.0 CTA CSS */
.bl-cta-area {
    position: relative;
    z-index: 1;
}

.cta-content {
    position: relative;
    z-index: 1;
}

    .cta-content h2 {
        font-size: 48px;
        margin-bottom: 10px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-content h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-content h2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .cta-content h2 {
        font-size: 30px;
    }
}

.cta-content h6 {
    font-size: 18px;
    margin-bottom: 0;
    color: #8c8c8c;
}

.cta-content .call-now-btn a {
    display: inline-block;
    font-size: 30px;
    color: #1583e9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-content .call-now-btn a {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .cta-content .call-now-btn a {
        font-size: 24px;
    }
}

.cta-content .call-now-btn a span {
    font-size: 18px;
    color: #8c8c8c;
}

@media only screen and (max-width: 767px) {
    .cta-content .call-now-btn a span {
        font-size: 14px;
    }
}

/* :: 17.0 CFA CSS */
.single-cf-area {
    position: relative;
    z-index: 1;
}

    .single-cf-area h2 {
        margin-bottom: 0;
        font-size: 60px;
        color: #1583e9;
        margin-right: 20px;
    }

    .single-cf-area .cf-text h6 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .single-cf-area .bg-icon {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
        font-size: 60px;
        color: #eaeaea;
    }


/* :: 19.0 Footer CSS */
.footer-area {
    position: relative;
    z-index: 1;
    background-color: #077191;
    color: #ffffff;
    margin-top: 50px;
}

    .footer-area p {
        color: #ffffff;
    }

    .footer-area li a {
        font-size: 11px;
        line-height: 25px;
        color: #ffffff;
    }

.single-footer-widget {
    position: relative;
    z-index: 1;
}

    .single-footer-widget .widget-title {
        color: #303030;
        margin-bottom: 20px;
        display: block;
        font-weight: 600;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-footer-widget p {
        font-size: 14px;
    }
}

.single-footer-widget .footer-social-info a {
    display: inline-block;
    color: #ffffff;
    margin-right: 5px;
    background-color: #1583e9;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
}

    .single-footer-widget .footer-social-info a.facebook {
        background-color: #4c60ac;
    }

    .single-footer-widget .footer-social-info a.twitter {
        background-color: #00bae3;
    }

    .single-footer-widget .footer-social-info a.pinterest {
        background-color: #d91a18;
    }

    .single-footer-widget .footer-social-info a.instagram {
        background-color: #0085d7;
    }

    .single-footer-widget .footer-social-info a.youtube {
        background-color: #e20000;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-footer-widget .footer-social-info a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

.single-footer-widget .our-link {
    position: relative;
    z-index: 1;
}

    .single-footer-widget .our-link li a {
        position: relative;
        z-index: 1;
        font-size: 16px;
        color: #707070;
        margin-bottom: 15px;
        display: block;
        font-weight: normal;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-footer-widget .our-link li a {
        font-size: 14px;
    }
}

.single-footer-widget .our-link li a::after {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #1583e9;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-footer-widget .our-link li a:focus, .single-footer-widget .our-link li a:hover {
    color: #1583e9;
    padding-left: 25px;
}

    .single-footer-widget .our-link li a:focus::after, .single-footer-widget .our-link li a:hover::after {
        width: 15px;
    }

.single-footer-widget .our-link li:last-child a {
    margin-bottom: 0;
}

.single-footer-widget .footer-content {
    position: relative;
    z-index: 1;
}

    .single-footer-widget .footer-content h3 {
        color: #1583e9;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-footer-widget .footer-content h3 {
        font-size: 20px;
    }
}

.copywrite-text {
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

    .copywrite-text p {
        font-size: 16px;
        color: #8c8c8c;
        margin-bottom: 0;
    }

        .copywrite-text p a {
            color: #8c8c8c;
        }

            .copywrite-text p a:focus, .copywrite-text p a:hover {
                color: #1583e9;
            }

/* :: 20.0 Contact Area */
.bl-contenido-area {
    position: relative;
    z-index: 1;
}

    .bl-contenido-area .google-maps {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 500px;
    }

@media only screen and (max-width: 767px) {
    .bl-contenido-area .google-maps {
        height: 280px;
    }
}

.bl-contenido-area .google-maps iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.single-contact-card {
    position: relative;
    z-index: 1;
}

    .single-contact-card h4 {
        margin-bottom: 15px;
    }

    .single-contact-card h3 {
        color: #1583e9;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-contact-card h3 {
        font-size: 20px;
    }
}

.single-contact-card h6 {
    margin-bottom: 0;
    color: #707070;
    line-height: 1.5;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .single-contact-card h6 {
        font-size: 14px;
    }
}

.bl-formulario {
    position: relative;
    z-index: 1;
}

    .bl-formulario .form-control {
        width: 100%;
        padding: 0 20px;
        border-radius: 5px;
        color: #686868;
        font-size: 14px;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

        .bl-formulario .form-control.veri {
            height: 1.75rem;
        }

    .bl-formulario .form-group label {
        display: inline-block;
        margin-bottom: .25rem;
    }

    .bl-formulario .form-control:focus {
        box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);
        border-color: #1583e9;
    }

    .bl-formulario textarea.form-control {
        height: 110px;
        padding: 20px;
    }


.contact-sidebar-area {
    padding-left: 50px;
    margin-top: 70px;
}

@media only screen and (max-width: 767px) {
    .contact-sidebar-area {
        padding-left: 0;
        margin-top: 20px;
    }
}
/*# sourceMappingURL=style.css.map */


/*# IdNotarial Login */
.login-area {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 700px;
    background-color: #ffffff;
    top: 100px;
    background-image: url("/img/core-img/Fondo IdNotarial.jpg");
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .login-area {
        height: 750px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-area {
        height: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .login-area {
        height: 900px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .login-area {
        height: 1000px;
    }
}

.login-area .card {
    margin-top: 4rem;
}

.login-area .bg-secondary {
    background-color: #f4f5f7 !important;
}

.text-center {
    text-align: center !important;
}

.login-area .btn {
    position: relative;
    width: 70%;
    text-transform: uppercase;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    will-change: transform;
    letter-spacing: .025em;
    font-size: .875rem;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .625rem 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn-icon .btn-inner--icon img {
    width: 20px;
}

img, svg {
    vertical-align: middle;
}

.btn-icon .btn-inner--text:not(:first-child) {
    margin-left: .75em;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-neutral {
    color: #5e72e4;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.btn:hover { /*
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
    /*font-size:unset !important;*/
}

.btn-neutral:hover {
    color: #212529;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    white-space: nowrap;
    background-color: #c3e7ef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    min-width: 50px;
    justify-content: center;
}

    .input-group-text:focus, .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: rgba(104, 104, 104, 0.5);
        outline: 0;
        border-width: 1px;
        box-shadow: unset;
    }

.form-control.login:focus {
    color: #000000;
    background-color: #fff;
    border-color: #055779;
    outline: 0;
}

.custom-control-label:after {
    background-color: #077191;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.custom-checkbox .custom-control-input ~ .custom-control-label {
    cursor: pointer;
    font-size: .75rem;
    font-family: Open Sans,sans-serif;
    line-height: 1.5;
    color: #525f7f;
}

.custom-checkbox .custom-control-input:checked {
    cursor: pointer;
    font-size: .75rem;
    font-family: Open Sans,sans-serif;
    line-height: 1.5;
    color: #525f7f;
    background-color: red;
}

a {
    color: white;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.custom-control-label a {
    font-size: .75rem;
}

.custom-control-label span {
    position: relative;
    top: 3px;
}


/*# Bastanteo */

.card-header button {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.panel-title a:after {
    font-family: Fontawesome;
    content: '\f077';
    float: right;
    font-size: 10px;
    font-weight: 300;
    padding-top: .25rem;
}

.panel-title a.collapsed:after {
    font-family: Fontawesome;
    content: '\f078';
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    color: white;
    font-size: 1.2em;
    background-color: #077191;
    border-bottom: 1px solid rgba(135, 182, 189, 1);
}

.card {
    border: 1px solid rgb(83, 117, 150);
}

    .card.card-selected {
        border: 1px solid rgb(0,123,255);
        box-shadow: 0px 0px 4px 4px #007bff;
    }

.card-header a {
    color: #ffffff;
}

    .card-header a:hover {
        color: #cccccc;
    }

h5.panel-title {
    margin-bottom: 0;
    color: white;
}

.card .card-body .row {
    align-items: center;
}

.card .card-body label {
    /*margin: 0.5rem 0;
    font-size: 15px;*/
}

.card .card-body a.disabled {
    opacity:1 !important;
}

.card .card-body .input-group-text {
    background-color: #055779;
    color: #ffffff;
    border: 0;
}

.editable-input option {
    padding: 5px 0;
}

.header-area .main-header-area .classy-nav-container .classy-navbar .classynav ul.dropdown li a {
    color: #000 !important;
}

    .header-area .main-header-area .classy-nav-container .classy-navbar .classynav ul.dropdown li a:hover {
        opacity: 0.8 !important;
        color: #000 !important;
    }

.header-area .main-header-area.sticky .classy-nav-container .classy-navbar .classynav ul li a,
.header-area .main-header-area.sticky #blNav .login-register-btn a {
    color: #000000;
}

    .header-area .main-header-area.sticky .classy-nav-container .classy-navbar .classynav ul li a:hover {
        opacity: 0.8;
        color: #077191;
    }

.classy-nav-container .classy-navbar .classynav ul li a {
    color: #ffffff;
}

#blNav2 .classynav ul li a {
    color: #333333;
}

#blNav2 .login-register-btn a {
    color: #000000;
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
    background-color: #e7ecfe;
}

    .card-horizontal .card-body {
        width: 100%;
    }

.img-square-wrapper {
    display: flex;
    justify-content: center;
    padding: 10px;
}

    .img-square-wrapper img {
        width: 40px;
        height: 40px;
    }

.centered {
    margin-left: auto;
    margin-right: auto;
    display: block;
}


.wizard h6 {
    color: #004e9b;
    font-size: 1.10rem;
    font-weight: 600px;
}

.wizard > .content {
    overflow-y: auto !important;
}

.avatar1 {
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
    float: right;
    margin: 0 0 0 10px;
    /*box-shadow: 2px 2px 5px grey;*/
}

.section-main {
    z-index: 1;
    position: relative;
    min-height: 401px !important;
}

.table .thead-dark th {
    /*color: #fff !important;
    background-color: #077191 !important;
    border-color: #077191 !important;*/
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #077191 !important;
    border-color: #077191 !important;
}


/*   */


.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

    .checkbox .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 15%;
    }

.checkbox label input[type="checkbox"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon {
        opacity: 0;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr {
        opacity: .5;
    }

    #toast-container > div {
        width: 460px;
    }