/*!
 * Copyright 2019 Cruceros por el mundo
 * Author Hardata
 */
    
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');
    @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
    body {
        font-family: 'Open Sans';
    }
    
    *:focus {
        outline: none !important;
        box-shadow: none !important;
    }
    
    .bg_custom {
        background-color: #01009b;
    }
    
    .bg_promotc {
        background-color: #fff;
        padding: 1.75rem 0 1.5rem;
    }
    
    .bg_light {
        background-color: #fff;
        padding: 3.2rem 0;
    }
    
    .bg_dark {
        background-color: #eee;
        padding: 3.2rem 0;
    }
    
    .bg_black {
        background-color: #000;
    }
    
    .txt14 {
        font-size: .875rem;
    }
    
    .txt80 {
        font-size: .8rem;
    }
    
    .infoup {
        font-size: .9rem;
        font-weight: 600;
        background-color: #fff;
        color: #01009b;
        padding: .5rem 0;
        text-align: right;
        display: none;
    }
    
    .infoup .fa,
    .infoup .fas,
    .infoup .fab {
        font-size: 18px;
    }
    
    .infoup .fa-whatsapp {
        font-weight: 500;
        font-size: 20px;
    }
    
    .portfolio-item {
        margin-bottom: 30px;
    }
    
    .navbar {
        padding: 0;
        font-size: .875rem;
        font-weight: 600;
    }
    
    .navbar-toggler {
        border: none;
    }
    
    .navbar-toggler :hover :focus {
        border: none;
    }
    
    .navbar-toggler-icon {
        background-image: url("../images/toggle-icon.svg");
    }
    
    .navbar-brand .img-thumbnail {
        min-width: 270px;
        max-width: 300px;
        border: 0;
        border-radius: 0;
        background-color: transparent !important;
        padding: 0 0 0 15px;
    }
    
    @media (max-width: 359px) {
        .navbar-brand .img-thumbnail {
            min-width: 230px;
            margin: 10px 0;
        }
    }
    
    .nav-item {
        text-align: center;
    }
    
    .nav-link .material-icons {
        color: inherit;
        font-size: 21px;
        text-align: center;
        display: block;
    }
    
    .nav-link {
        color: #fff !important;
        padding: 16px 0 !important;
        margin-left: 24px;
        transition: all .3s;
    }
    
    .nav-link:hover,
    .nav-link.active {
        border-width: 0 0 3px 0;
        border-style: solid;
        padding: 16px 0 13px !important;
    }
    
    @media (max-width: 991.98px) {
        .navbar-brand .img-thumbnail {
            margin: 10px 0;
        }
        .nav-item {
            text-align: left;
        }
        .nav-item .material-icons {
            text-align: left;
            display: inline;
            vertical-align: sub;
            margin-right: .25rem;
        }
        .nav-link {
            padding: 0 0 0 15px !important;
            margin-bottom: 12px;
            margin-left: 0;
        }
        .nav-link:hover,
        .nav-link.active {
            border-width: 0 0 0 3px;
            border-style: solid;
            padding: 0 0 0 15px !important;
        }
    }
    
    .about .nav-link {
        padding: .25rem 0 !important;
        font-size: .86rem;
        color: #444 !important;
        margin: 0;
    }
    
    .about .nav-link:hover,
    .about .nav-link.active {
        font-weight: 500;
        color: #01009b !important;
        border: none;
    }
    
    .tit1 {
        font-size: 1.8rem;
        font-weight: 800;
        padding-bottom: 2rem;
        text-transform: uppercase;
    }
    
    .tit1 span {
        display: block;
        font-size: 1rem;
        font-weight: normal;
        padding-top: .5rem;
        text-transform: initial;
    }
    
    .tit1 span.det-col {
        font-size: 1.38rem;
        text-transform: initial;
    }
    
    a,
    a:hover {
        color: inherit;
        text-decoration: none;
    }
    
    .link1 {
        font-size: .875rem;
        color: #01009b;
        border-bottom: dotted 1px;
        text-decoration: none;
        cursor: pointer;
    }
    
    .link1:hover,
    .linkh6:hover {
        color: rgb(0, 89, 255) !important;
        text-decoration: none;
    }
    
    .link2,
    .linkcard {
        transition: all .5s;
        text-decoration: none !important;
    }
    
    .link2:hover {
        opacity: .7;
    }
    
    .card {
        border-radius: 3px;
    }
    
    .linkcard:hover {
        -webkit-box-shadow: 0px 2px 24px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 24px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.3) !important;
        cursor: pointer;
        border-color: rgba( 0, 0, 0, 0.25);
    }
    
    .card-img-top {
        height: 180px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    .desc {
        font-size: 1.25rem;
        font-weight: 800;
        color: #fff;
        padding: 2px 8px 2px 6px;
        background-color: #E82E35;
        border-radius: 3px 0 0 3px;
        display: none;
        position: absolute;
        right: 0;
    }
    
    .card-title {
        margin-bottom: .75rem;
        font-weight: 800;
        color: #01009b;
        line-height: 1.4rem;
    }
    
    .card-text {
        font-size: .875rem;
        line-height: 1.25em;
    }
    
    .det-col .card-text {
        font-size: .94rem;
        line-height: 1.3rem;
    }
    
    .card-body {
        padding: 1rem;
    }
    
    .price-card {
        font-size: 12px;
        line-height: 1.5em;
    }
    
    .price-card span {
        display: block;
        font-size: 1.5rem;
        font-weight: 800;
    }
    
    .price-card span i {
        font-style: normal;
        font-size: .7em;
        padding-right: .2em;
    }
    
    .card-footer {
        background-color: #fff;
        padding: 1rem;
    }
    
    .nav-card {
        background-repeat: no-repeat;
        background-position: left center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        margin: 0 0 2px 16px;
    }
    
    .incl span {
        font-size: 12px;
        line-height: 1.5em;
        color: #999;
        display: block;
        padding: .9rem 0 .25rem;
    }
    
    .incl i {
        padding-right: 3px;
        cursor: pointer;
    }
    
    .social1 {
        background-color: #01009b;
        background-image: url(../images/bglogo_10.png);
        background-repeat: no-repeat;
        background-position-y: center;
        color: #fff;
        padding: 1.6rem;
        font-size: .875rem;
        border-radius: 3px;
    }
    
    .social1 h1 {
        font-size: 14px;
    }
    
    .social1 h2 {
        font-size: 1.3rem;
        font-weight: 800;
    }
    
    .social1 .btn-custom {
        color: #fff;
        border: 3px solid #fff;
    }
    
    .social1 .btn-custom:hover {
        color: #01009d;
        background-color: #fff;
    }
    
    .radius3 {
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
    }
    
    .videoyt {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    
    .carousel-caption {
        bottom: auto;
        right: 1rem;
        left: 1rem;
    }
    
    .banner {
        position: relative;
        width: 100%;
        height: 430px;
        max-height: 440px;
        background-repeat: no-repeat;
        background-position: center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 1rem;
        display: grid;
        overflow: auto;
    }
    
    .bannercard {
        max-width: 380px;
    }
    
    .bannerinfo {
        background-color: rgba(1, 0, 155, 0.8);
        color: #fff;
        text-align: left;
        padding: .8rem 1rem;
        border-radius: 3px 3px 0 0;
        position: relative;
    }
    
    .bannerinfo h1 {
        font-weight: 700;
        font-size: 22px;
        margin: 0 auto .8rem;
    }
    
    .bannerinfo p {
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.1rem;
        font-weight: 700;
    }
    
    .bannerinfo span {
        color: #729fff;
    }
    
    .bannerfooter {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 1rem;
        border-radius: 0 0 3px 3px;
        color: #000;
    }
    
    .pay img {
        height: 4rem;
    }
    
    @media (max-width: 992px) {
        .pay img {
            height: 3rem;
        }
    }
    
    .social1 .logo {
        width: 300px;
        max-width: -webkit-fill-available;
    }
    
    .social1 .link2 {
        font-size: 0.8rem;
    }
    
    a:focus,
    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus,
    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus,
    input:focus {
        outline-offset: 0;
        outline: 0;
    }
    
    .bg_footer {
        background-color: #151515 !important;
        color: rgba(255, 255, 255, 0.7);
        font-size: 13px;
    }
    
    .bg_footer span {
        color: rgba(255, 255, 255, 0.4);
    }
    
    .bg_footer h1 {
        color: rgba(255, 255, 255, 0.9);
        font-size: 1rem;
        font-weight: 700;
    }
    
    .bg_footer a:hover {
        border-bottom: dotted 1px;
        text-decoration: none;
    }
    
    .bg_footer li {
        list-style-type: none;
        list-style-position: outside;
        list-style-image: none;
    }
    
    .bg_footer ul {
        padding-left: 0;
    }
    
    .bg_footer .logo {
        max-width: 300px;
    }
    
    .orderx {
        font-size: .875rem;
    }
    
    .orderx select {
        border: 1px solid rgba(0, 0, 0, .125);
        padding: .3rem .4rem;
        border-radius: 3px;
        margin-left: .3rem;
    }
    /* ----------------------------------
Filtros Sidebar
-------------------------------------*/
    
    .filter1 .title {
        margin: 0;
    }
    
    .filter1 .card-header {
        background-color: inherit;
        border-bottom: none;
        padding: 1rem;
    }
    
    .filter1 .card-body {
        padding-top: 0;
        font-size: .875rem;
    }
    
    .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
        background-color: #01009b;
        border: none;
    }
    /** focus shadow pinkish **/
    
    .custom-checkbox .custom-control-input:focus~.custom-control-label::before {
        box-shadow: none;
        border-color: inherit;
    }
    
    input[type="checkbox"]:checked+label {
        color: #01009b;
        /* font-weight: 500; */
    }
    
    .filter1 .link1 {
        border: none;
        text-decoration: none;
        margin-top: .6rem;
    }
    
    .filter1 .card-group-item {
        border-bottom: inherit;
    }
    
    .card-group-item:last-child {
        border-bottom: 0;
    }
    
    .filter1 .badge {
        font-weight: 500;
        line-height: normal;
    }
    
    .filter-remove {
        color: #01009b;
        background-color: #e7e7ff;
        padding: .2rem .5rem;
        border-radius: 3px;
        display: inline-block;
        margin-bottom: 5px;
        margin-left: 3px;
        transition-duration: 0.2s;
    }
    
    .filter-remove:hover {
        color: #fff;
        background-color: #01009b;
        cursor: pointer;
    }
    
    .filter-remove::after {
        content: "\f00d";
        font-family: FontAwesome;
        padding-left: .5rem;
    }
    
    .filter1 ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .desc2 {
        font-size: .75rem;
        font-weight: 700;
        color: #fff;
        display: inline-block;
        background-color: #E82E35;
        border-radius: 3px;
        padding: 1px 6px;
        margin-top: .875rem;
    }
    
    .precio2 p {
        margin: 0;
        font-size: .875rem;
    }
    
    .precio2 span {
        float: right;
    }
    
    .moneda::before {
        content: "ARS";
        padding-right: .25rem;
    }
    
    .line {
        border-bottom: 1px dotted #ddd;
        margin: 2px 0;
    }
    
    .btn-custom {
        font-size: .9rem;
        color: #01009b;
        border: 3px solid #01009b;
        border-radius: 0;
        font-weight: 800;
    }
    
    .btn-custom:hover {
        background-color: #01009b;
        color: #ffffff;
    }
    
    .btn-custom.gray {
        color: #999999;
        border-color: #999999;
    }
    
    .btn-custom.gray:hover {
        background-color: #999999;
        color: #ffffff;
    }
    
    .precio2 i {
        font-style: normal;
        margin-right: .25rem;
    }
    
    .det-body {
        font-size: .9rem;
    }
    
    .tit2 {
        font-size: 1rem;
        font-weight: 700;
        padding-bottom: .9rem;
        padding-top: 1.5rem;
    }
    
    .tit2:first-child {
        padding-top: 0;
    }
    
    .lineh0 {
        line-height: 1 !important;
    }
    
    .modal-custom .modal-body {
        background-color: #eee;
        font-size: 14px;
    }
    
    .modal-custom .form-control {
        font-size: inherit;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    
    .modal-custom label {
        margin-bottom: .25rem;
        font-size: .8rem;
    }
    
    .modal-custom .modal-footer>:not(:first-child) {
        margin-left: .75rem;
    }
    
    .tit3 {
        font-size: 1rem;
        font-weight: 700;
    }
    
    .req {
        color: #e82e35;
    }
    
    .divisor1 {
        border-bottom: #ced4da 1px solid;
    }
    
    .fibos {
        z-index: 10;
        top: 143px;
        border: 1px solid #dfdfdf;
        position: absolute;
    }