.cookies {
    display: none !important
}

.pb-0 {
    padding-bottom: 0
}

.pt-0 {
    padding-top: 0
}

.carousel-cell {
    width: 100%;
    /* full width */
    height: 800px;
    background: #ffffff;
    /* center images in cells with flexbox */
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-cell img {
    display: block;
    max-width: 1200px;
    margin: auto;
}

.carousel.is-fullscreen .carousel-cell {
    height: 100%;
}

.carousel-nav .carousel-cell {
    height: 50px !important;
    width: 100px;
    margin-right: 10px;
overflow: hidden !important;
  margin-top: 15px !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.btnClose {
    color: #fff;
    background: #062947;
}

.carousel-nav .carousel-cell:before {
    font-size: 50px;
    line-height: 80px;
}

.carousel-nav .carousel-cell.is-nav-selected {
    background: #ffffff;
}

.carousel-nav2 .carousel-cell {
    height: 80px;
    width: 100px;
    margin-right: 10px;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.carousel-nav2 .carousel-cell:before {
    font-size: 50px;
    line-height: 80px;
}

.carousel-nav2 .carousel-cell.is-nav-selected {
    background: #ffffff;
}

.btnBig {
    border-radius: 5px !important;
    background: rgba(6, 41, 71, 0);
    cursor: pointer;
    padding: 10px 25px;
    border: solid 1px #696969;
}

.btnBack {
    position: relative;
    bottom: -60px;
    text-align: left;
    z-index: 2
}

.btnBack:hover a {
    color: #2d8bdb !important
}

  /*GENERAL*/
  .r-tabs-panel {
    position: relative;
    z-index: 0;
    top: -55px;
    padding-top: 75px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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-90 {
    margin-bottom: 90px;
}

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

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

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

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

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

.text-right {
    text-align: right;
}

.BigTitle {
    font-size: 1.5rem;
    line-height: normal;
    font-weight: bold;
}

.BigTitleReg {
    font-size: 1.5rem;
    line-height: normal;
    font-weight: normal;
}

.BigTitleLight {
    font-size: 1.5rem;
    line-height: normal;
    font-weight: normal;
}

.BigTitle sup {
    font-size: 1.2rem;
}

.btnBig {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0px;
    background: rgba(6, 41, 71, 0);
    cursor: pointer;
    padding: 10px 25px;
    border: solid 1px #696969;
}

.btnBig:hover {
    background: rgba(6, 41, 71, 1);
    color: #fff
}

.shareText {
    position: relative;
}

.shareText i {
    display: inline-block;
    margin: 0 12px;
}

.pdfBox,
.pdfBox .div {
    position: relative;
    text-align: center
}

.pdfBox,
.pdfBox .captura {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: auto;
    display: block
}

.pdfBox .captura a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

.pdfBox .captura a:hover {
    opacity: 1
}

.pdfBox .captura a .dtb {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(227, 237, 252, 0.54);
    font-size: 3rem
}

.pdfBox,
.pdfBox img {
    width: 100%
}

.btnPDF {
    margin-top: 17vh
}

.descShort blockquote span strong {
    font-weight: normal !important;
    text-align: left !important;
    font-size: inherit !important
}

.col-3 {
    position: relative;
    width: 32%;
    display: inline-block;
}

/*TABS*/

.r-tabs .r-tabs-tab {
    margin: 0 1.4vw !important;
    position: relative;

}

.r-tabs .r-tabs-tab::before {
    content: '';
    position: absolute;
    width: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 1px;
    background: #062947;
    max-width: 60px;
    margin: auto;
    display: block -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.r-tabs-panel {
    border-top: 0
}

.r-tabs-tab {
    padding: 5px;
    border-bottom: 4px solid rgba(6, 41, 71, 0.00);
}

.r-tabs-tab.r-tabs-state-active::before {
    opacity: 1;
    left: 0%;
    right: 0%;
    width: 100%;
    margin: auto;
    max-width: 60px;
    display: block
}

.r-tabs-tab:hover::before {
    opacity: 0.5;
    left: 0%;
    right: 0%;
    width: 100%;
    max-width: 60px;
    margin: auto;
    display: block
}

.r-tabs-tab.r-tabs-state-active {
    font-weight: inherit;
    color: : #062947;
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    z-index: 100;
    position: relative;
    text-align: center
}


.r-tabs .r-tabs-panel {
    padding: 15px 0;
}


@media screen and (max-width: 768px) {
    .priceandquote .col-2 {
        width: 100%;
        float: none;
        text-align: center !important
    }

    .shareboat .col-2 {
        width: 100%;
        float: none;
        text-align: center !important
    }

    .tabInfo .col-2 {
        width: 100%;
        float: none;
        text-align: center !important
    }

    .r-tabs .r-tabs-accordion-title a {
        display: block;
        padding: 10px 15px;
        background: whitesmoke;
        border-bottom: 1px solid #fff;
        border-top-right-radius: 20px;
    }

    .col-3 {
        width: 100%;
    }

}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    left: 25px;
    bottom: 25px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: none;
    z-index: 1000;
    width: 330px;
    height: 370px;
    border-radius: 20px;
}

/* Modal Content */
.modal-content {
    position: absolute;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    border-radius: 15px;
    border: 0;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    /* box-shadow: 0 3px 5px -2px #696969; */
}
              
.boxcaroussel {
    padding: 0px;
}              
    
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}

@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}

/* The Close Button */
.close {
color: #6e6e6e;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

.modal-header {
padding: 2px 16px;
background-color: rgba(255,255,255,0);
color: #FFFFFF !important;
text-align: center;
}

.modal-body {padding: 6%;}

.modal-footer {
    display: none;
padding: 2px 16px;
background-color: #03233E;
color: #FFFFFF !important;
}
            
.titulo-sugerencia {
    font-size: 30px;
}
                       
.modal-body .caroussel .fa-caret-right {
    right: 0px;
}            
.modal-body .caroussel .fa-caret-left {
  left: -5px;
}

.modal-body .navCaroussel {
    font-size: 2em;
    cursor: pointer;
    position: absolute;
    top: 35%;
    padding: 0px 0 0 3px;
    z-index: 3;
    background: rgba(255,255,255,0.5);
}              
       
.modal-body          
.box-book {
    padding: 0 15px;
}

.slick-dots {
    display: none !important;
}