.anything {
    background: #7fbc42;
    color: #b5121b;
    color: #0e4321
}

@font-face {
    font-family: 'Neutra Text Light Alt';
    src: url("/assets/fonts/NeutrafaceText-LightAlt.woff2") format("woff2"), url("/assets/fonts/NeutrafaceText-LightAlt.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Neutra Text Demi Alt';
    src: url("/assets/fonts/NeutrafaceText-DemiAlt.woff2") format("woff2"), url("/assets/fonts/NeutrafaceText-DemiAlt.woff") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Neutra Text Book Alt';
    src: url("/assets/fonts/NeutrafaceText-BookAlt.woff2") format("woff2"), url("/assets/fonts/NeutrafaceText-BookAlt.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

body {
    overflow-x: hidden;
    background: #fff
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body blockquote {
    font-family: "Neutra Text Demi Alt", Arial, Helvetica, sans-serif
}

body h1 {
    font-size: 3rem
}

.btn-info-extra{
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
}
.btn-info-extra--mg{
    margin-left: 50px;
}

@media (max-width: 767px) {
    body h1 {
        font-size: 2.3rem;
        letter-spacing: -0.06rem
    }
}

body h2 {
    font-size: 2.5rem
}

@media (max-width: 767px) {
    body h2 {
        font-size: 1.9rem;
        letter-spacing: -0.1rem
    }
}

body h3 {
    font-size: 2.4rem
}

@media (max-width: 767px) {
    body h3 {
        font-size: 1.7rem;
        line-height: 120%
    }
}

body h4 {
    font-size: 2.4rem
}

@media (max-width: 767px) {
    body h4 {
        font-size: 1.8rem;
        line-height: 120%
    }
}

body h5 {
    font-size: 2rem
}

body h6 {
    font-size: 1.3rem
}

body p,
body ul,
body ol,
body li,
body th,
body td,
body a,
body span,
body strong,
body label,
body .card,
body button,
body .btn,
body .tooltip,
body .invalid-feedback,
body .valid-feedback,
body figcaption,
body input[type="text"],
body input[type="search"] {
    font-family: "Neutra Text Book Alt", Arial, Helvetica, sans-serif
}

body p {
    font-size: 1.2rem
}

@media (max-width: 767px) {
    body p {
        font-size: 1rem
    }
}

body a:link,
body a:active {
    color: #b5121b
}

body a:hover {
    color: #94060d
}

body a:visited {
    color: #a48a53
}

.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
    color: #94060d
}

.modal-reservations-cancel h3 {
    letter-spacing: -0.04em
}

.bct-logo-masthead {
    display: block;
    background: url(/assets/img/icons/bct-logo-masthead.svg) no-repeat center;
    position: fixed;
    left: 6.5vw;
    z-index: 2000;
    width: 90px;
    height: 114px
}

.bct-logo-masthead a {
    display: block;
    width: 90px;
    height: 114px
}

.navbar {
    background: #0e4321;
    padding: 0;
    margin: 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-collapse {
        margin-left: 14vw
    }
}

@media (min-width: 1200px) {
    .navbar-collapse {
        margin-left: 11vw
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        margin-left: 13.5vw
    }
}

@media (max-width: 767px) {
    .navbar-collapse {
        margin-left: 0vw
    }
}

.navbar-toggler {
    position: relative
}

.navbar-toggler-icon {
    color: white !important
}

.navbar-nav>.nav-item .nav-link {
    color: white;
    text-decoration: none
}

@media (max-width: 991px) {
    .navbar-nav>.nav-item .nav-link {
        text-align: center
    }
}

@media (max-width: 991px) {
    .navbar-nav>.nav-item {
        margin-bottom: 0.7rem
    }
}

.navbar-nav>.nav-item .dropdown-menu {
    background: #7fbc42
}

.navbar-nav>.nav-item .dropdown-item {
    padding: .25rem 0.5rem 0.5rem
}

.navbar-nav>.nav-item .dropdown-item a {
    color: #046132;
    display: inline-block;
    width: 100%
}

.navbar-nav>.nav-item .dropdown-item a:hover {
    text-decoration: none
}

@media (max-width: 991px) {
    .navbar-nav>.nav-item .dropdown-item {
        text-align: center;
        font-size: 90%;
        padding: 0.8rem
    }
}

@media (max-width: 767px) {
    .navbar-nav>.nav-item .dropdown-item {
        font-size: 1.1rem
    }
}

@media (min-width: 1200px) {
    .navbar-nav>.nav-item {
        margin: 0 1rem 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav>.nav-item {
        margin: 0 0.4rem 0
    }
}

@media (max-width: 767px) {
    .navbar-nav>.nav-item {
        font-size: 1.2rem
    }
}

.navbar .form-inline input {
    width: 10vw
}

@media (max-width: 767px) {
    .navbar .form-inline input {
        width: 50vw;
        margin-left: 100px
    }
}

.navbar .form-inline button {
    max-height: 2.2rem
}

.nav-social {
    display: inline-block;
    margin: 0 0.8rem;
    width: 32px;
    height: 32px;
    background: url(/assets/img/bg/bg-socialNetworks-sprite.png) no-repeat
}

.nav-social span {
    position: relative;
    left: -9000em
}

.nav-social.fb {
    background-position: 0 -3px
}

.nav-social.tw {
    background-position: 0 -33px
}

.nav-social.ig {
    background-position: 0 -65px
}

.btn-navbar-booknow {
    margin: 0 0.5rem
}

@media (max-width: 767px) {
    .btn-navbar-booknow {
        width: 92vw;
        margin: 0 auto 1rem;
        padding: 0.8rem 0
    }
}

.btn-default {
    background: #b5121b;
    color: white !important;
    font-weight: 800
}

.btn-default:hover {
    background: #94060d;
    color: white
}

.btn-warning {
    background: #b5121b;
    color: white !important;
    font-weight: 800
}

.btn-warning:hover {
    background: #94060d;
    color: white
}

.btn-subdued {
    color: white !important;
    background: #7fbc42
}

.btn-subdued:hover {
    background: #cef054;
    color: #311718 !important
}

.btn-outlineDark {
    border: 1px #7fbc42 solid;
    color: #7fbc42 !important;
    background: transparent
}

.btn-outlineDark:hover {
    background: #eae2c3;
    color: #311718 !important
}

.btn-outlineLight {
    border: 1px #b5121b solid;
    color: #b5121b !important;
    background: transparent
}

.btn-outlineLight:hover {
    background: #94060d;
    color: white !important
}

.headline-text-destination {
    height: 6rem;
    background: url(/assets/img/text/text-uniqueDestination.png) no-repeat center;
    background-size: 55%
}

.headline-text-destination span {
    position: relative;
    left: -9000em
}

@media (max-width: 991px) {
    .headline-text-destination {
        background-size: 90%
    }
}

.headline-text-muchMore {
    height: 4rem;
    background: url(/assets/img/text/text-muchMore.png) no-repeat center
}

.headline-text-muchMore span {
    position: relative;
    left: -9000em
}

.home-icons h2 {
    font-size: 2rem
}

.home-icons p {
    font-size: 1rem;
    margin-top: 0.8rem;
    line-height: 130%
}

.coffeetour-header {
    height: 68vh;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.coffeetour-header-text {
    width: 70vw;
    color: white;
    text-transform: uppercase;
    text-align: center
}

.coffeetour-header-text h1 {
    font-size: 6rem;
    line-height: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.coffeetour-header-text h1.headerCoffeeTourClassic {
    display: flex;
    align-self: center;
    min-width: 90%;
    min-height: 255px;
    background-image: url(/assets/img/headers/tour-logo-brittcoffetour.png)
}

.coffeetour-header-text h1.headerCoffeeTourClassic span {
    position: relative;
    left: -9000em
}

.coffeetour-header-text h1.headerCoffeeTourAdventure {
    display: flex;
    align-self: center;
    min-width: 90%;
    min-height: 255px;
    background-image: url(/assets/img/headers/tour-logo-coffeeandadventure.png)
}

.coffeetour-header-text h1.headerCoffeeTourAdventure span {
    position: relative;
    left: -9000em
}

.coffeetour-header-text h1.headerCoffeeTourWildlife {
    display: flex;
    align-self: center;
    min-width: 90%;
    min-height: 255px;
    background-image: url(/assets/img/headers/tour-logo-coffeeandwildlife.png)
}

.coffeetour-header-text h1.headerCoffeeTourWildlife span {
    position: relative;
    left: -9000em
}

.coffeetour-header-text h1.headerCoffeeTourWaterfalls {
    display: flex;
    align-self: center;
    min-width: 90%;
    min-height: 255px;
    background-image: url(/assets/img/headers/tour-logo-coffeeandwaterfalls.png)
}

.coffeetour-header-text h1.headerCoffeeTourWaterfalls span {
    position: relative;
    left: -9000em
}

.coffeetour-header-text h1.headerCoffeeTourLovers {
    display: flex;
    align-self: center;
    min-width: 90%;
    min-height: 255px;
    background-image: url(/assets/img/headers/tour-logo-coffeelovers.png)
}

.coffeetour-header-text h1.headerCoffeeTourLovers span {
    position: relative;
    left: -9000em
}

.coffeetour-header-text h1.headerCoffeeTourOrigins {
    display: flex;
    align-self: center;
    min-width: 90%;
    min-height: 255px;
    background-image: url(/assets/img/headers/logo-britt-coffee-tour-origins-24-alpha.png)
}

.coffeetour-header-text h1.headerCoffeeTourOrigins span {
    position: relative;
    left: -9000em
}

.coffeetour-header-text h6 {
    color: white;
    text-shadow: 2px 1px 1px #4d4d4d;
    -webkit-text-shadow: 2px 1px 1px #4d4d4d;
    -moz-text-shadow: 2px 1px 1px #4d4d4d;
    -o-text-shadow: 2px 1px 1px #4d4d4d;
    -ms-text-shadow: 2px 1px 1px #4d4d4d
}

@media (max-width: 767px) {
    .coffeetour-header-text h1 {
        font-size: 2.5rem
    }

    .coffeetour-header-text h6 {
        font-size: 1.2rem
    }

    #home-section {
        width: 100%;
    }
}

.coffeetour-header-logo {
    width: 50%
}

@media (max-width: 767px) {
    .coffeetour-header-logo {
        width: 90%
    }
}

.coffeetour-header-reservations {
    background: url(/assets/img/bg/bct-bg-reservationHeader.jpg) no-repeat center bottom;
    background-size: cover;
    height: 30vh
}

.coffeetour-header-searchresults {
    background: url(/assets/img/bg/bg-header-searchresults.jpg) no-repeat center;
    background-size: cover;
    height: 30vh
}

.coffeetour-display .cd-col {
    min-height: 40vh
}

.coffeetour-display .cd-col a {
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.coffeetour-display .cd-col a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 25%);
    filter: drop-shadow(2px 2px 4px #051201)
}

@media (max-width: 767px) {
    .coffeetour-display .cd-col a img {
        transform: translate(-50%, -20%)
    }
}

.coffeetour-display .cd-col a span {
    position: relative;
    left: -9000em
}

.coffeetour-display .cd-summary {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5) p;
}

.coffeetour-display .cd-coffeeAdventure {
    background: url("/assets/img/bg/bg-coffeeadventure.jpg") no-repeat center
}

.coffeetour-display .cd-coffeeWildlife {
    background: url("/assets/img/bg/bg-coffeewildlife2.jpg") no-repeat center
}

.coffeetour-display .cd-coffeeWaterfalls {
    background: url("/assets/img/bg/bg-coffeewaterfalls2.jpg") no-repeat center
}

.coffeetour-display .cd-coffeeLovers {
    background: url("/assets/img/bg/bg-coffeelovers.jpg") no-repeat center
}

.bct-gallery {
    background: #046132 url(/assets/img/bg/bct_bg-coffeetourpattern-green.png);
    color: white
}

@media (max-width: 767px) {
    .bct-gallery h4 {
        font-size: 1.6rem
    }
}

.partial-newsletter {
    background: #7fbc42
}

.partial-newsletter h3,
.partial-newsletter p {
    color: white
}

.partial-newsletter h3 {
    font-size: 1.6rem
}

.partial-newsletter-bg {
    background: url(/assets/img/icons/icon-newsletter-coffeeplant.png) no-repeat 12% 50%
}

.partial-newsletter .btn {
    background: #046132;
    color: white
}

.partial-certificates img {
    min-width: 160px;
    height: auto;
    align-self: center
}

footer {
    background: #0e4321 url(/assets/img/bg/bct_bg-coffeetourpattern-green.png);
    color: white
}

footer h6 {
    font-size: 1.2rem;
    font-weight: 100;
    color: #B79257;
    width: 80%;
    text-align: center;
    padding-bottom: 0.6rem;
    border-bottom: #7fbc42 1px solid;
    margin-bottom: 1.5rem
}

footer ul {
    transform: translateX(-20px) translateY(0px) translateZ(0px);
    -webkit-transform: translateX(-20px) translateY(0px) translateZ(0px)
}

footer ul li {
    list-style: none;
    margin: 0 0 0.7rem 0
}

footer ul li a {
    color: white !important
}

footer ul li a:hover {
    color: #7fbc42 !important
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: center
}

.video-container {
    position: relative;
    background-color: #046132;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden
}

.video-container>video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%)
}

.video-container>.container {
    position: relative;
    z-index: 2
}

.video-container>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #3f4d43;
    opacity: 0.5;
    z-index: 1
}

@media (min-width: 992px) and (max-width: 1199px) {
    .video-container {
        height: 60vh
    }
}

.video-container-text h1,
.video-container-text h4 {
    text-transform: uppercase
}

.video-container-text h1 {
    font-size: 8.2rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.6)
}

@media (max-width: 767px) {
    .video-container-text h1 {
        font-size: 4rem;
        letter-spacing: -0.3rem
    }
}

.video-container-text h4 {
    letter-spacing: -0.09rem;
    transform: translateX(0px) translateY(-40px) translateZ(0px);
    -webkit-transform: translateX(0px) translateY(-40px) translateZ(0px)
}

@media (max-width: 767px) {
    .video-container-text h4 {
        transform: translateX(0px) translateY(-20px) translateZ(0px);
        -webkit-transform: translateX(0px) translateY(-20px) translateZ(0px)
    }
}

@media (pointer: coarse) and (hover: none) {
    .video-container {
        background: url("/assets/img/bg/bg-home-video-static.jpg") #0e4321 no-repeat center center scroll
    }
}

.bctGallery {
    background: #046132 url(/assets/img/bg/bct_bg-coffeetourpattern-green.png);
    color: white
}

.bctGallery-thumb {
    filter: sepia(50%);
    -webkit-filter: sepia(50%);
    opacity: 0.7;
    transition: .3s ease-in-out
}

.bctGallery-thumb:hover {
    background: #0e4321;
    border: white 5px solid;
    box-sizing: border-box;
    opacity: 1;
    transition: scale3d(1.2, 1.2, 1), opacity 0.5s ease-in-out;
    -webkit-transition: scale3d(1.2, 1.2, 1), opacity 0.5s ease-in-out;
    -moz-transition: scale3d(1.2, 1.2, 1), opacity 0.5s ease-in-out;
    filter: sepia(0);
    -webkit-filter: sepia(0)
}

@media (max-width: 767px) {
    .bctGallery-thumb:hover {
        border: none
    }
}

@media (max-width: 767px) {
    .bctGallery-thumb {
        opacity: 1;
        margin-bottom: 2rem
    }
}

.redline {
    border: red 1px solid
}

.blueline {
    border: blue 1px solid
}

.greenline {
    border: green 1px solid
}

.whiteline {
    border: white 1px solid
}

.bctLightGreen {
    color: #7fbc42
}

.bctDarkGreen {
    color: #046132
}

.bctBgDarkGreen {
    background-color: #046132
}

.bctCoffee {
    color: #442d2d
}

.bctLightRed,
.required {
    color: #b5121b
}

.bctDarkRed {
    color: #94060d
}

.bctDarkGray {
    color: gray
}

.bctPSubHeader {
    font-family: "Neutra Text Demi Alt", Arial, Helvetica, sans-serif;
    color: #442d2d;
    font-weight: 800;
    font-size: larger
}

.normal {
    font-weight: 200
}

.bold {
    font-weight: bold
}

.disabled {
    color: #7b7b7b;
    font-weight: normal
}

.smaller {
    font-size: 90%
}

.larger {
    font-size: 120%
}

.underlined {
    border-bottom: #b5121b 1px dotted
}

label i {
    color: #7fbc42;
    transform: matrix(0.7, 0, 0, 0.7, 0, 5);
    -webkit-transform: matrix(0.7, 0, 0, 0.7, 0, 5)
}

.tooltip-inner {
    background: #b5121b;
    color: white
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #b5121b !important
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #b5121b !important
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #b5121b !important
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #b5121b !important
}

.figure-caption {
    color: #a48a53;
    font-size: 110%
}

.checklist li {
    list-style: none inside url("/img/icons/icon-check-24px.png");
    font-size: 110%;
    margin: 0 0 0.2rem -1rem
}

.container-border {
    border-color: #A39161;
    border-style: solid
}

.container-border-top {
    border-width: 1px 0 0 0
}

.container-border-bottom {
    border-width: 0 0 1px 0
}

.header-subsection::before,
.header-subsection::after {
    content: '';
    width: 80px;
    height: 50px;
    display: inline-block;
    margin: 0 0 -10px 0
}

@media (max-width: 767px) {

    .header-subsection::before,
    .header-subsection::after {
        margin: 0 0 -20px 0
    }
}

.header-subsection-dark::before {
    background: url("/assets/img/icons/icon-bandola-before.png") no-repeat 50% 50%;
    background-size: 35%
}

.header-subsection-dark::after {
    background: url("/assets/img/icons/icon-bandola-after.png") no-repeat 50% 50%;
    background-size: 35%
}

.header-subsection-light::before {
    background: url("/assets/img/icons/icon-hojas-left.png") no-repeat 50% 50%;
    background-size: 35%
}

.header-subsection-light::after {
    background: url("/assets/img/icons/icon-hojas-right.png") no-repeat 50% 50%;
    background-size: 35%
}

@media (max-width: 767px) {
    .header-subsection {
        font-size: 130%
    }
}

.blog-subheader {
    font-weight: normal;
    font-size: 1.5rem;
    color: #7fbc42
}

.blog-subheader::before,
.blog-subheader::after {
    content: '';
    border: #7fbc42 1px solid;
    display: inline-block;
    width: 37%;
    margin: 0 12px;
    height: 0.5px;
    transform: matrix(1, 0, 0, 1, 0, -5);
    -webkit-transform: matrix(1, 0, 0, 1, 0, -5)
}

@media (max-width: 767px) {

    .blog-subheader::before,
    .blog-subheader::after {
        width: 26%
    }
}

.blog-date {
    color: gray;
    font-weight: normal
}

.blog-post-title h1,
.blog-post-title h6 {
    line-height: 85%
}

.blog-post-title h1 {
    letter-spacing: -0.15rem
}

.blog-post-title h1:hover {
    text-decoration: none
}

.blog-post-body::first-letter {
    color: #a48a53;
    font-size: 2.8rem
}

.separator-light {
    background: url(/assets/img/bg/bg-pixel-separator-light.png) repeat-x center
}

.separator-light-icon {
    height: 35px;
    background: url(/assets/img/icons/icon-coffeeplant-green-on-white.png) no-repeat center;
    background-size: contain
}

.separator-dark {
    background: url(/assets/img/bg/bg-pixel-separator-dark.png) repeat-x center
}

.separator-dark-icon {
    height: 35px;
    background: url(/assets/img/icons/icon-coffeeplant-white-on-dark.png) no-repeat center;
    background-size: contain
}

@media (max-width: 991px) {
    .separator {
        width: 80vw
    }
}

.quickfacts-item {
    border: #b9bdb5 1px dotted
}

@media (min-width: 992px) {
    .quickfacts-item:nth-of-type(1) {
        border-width: 0
    }

    .quickfacts-item:nth-of-type(2) {
        border-width: 0 0 0 1px
    }

    .quickfacts-item:nth-of-type(3) {
        border-width: 0 0 0 1px
    }

    .quickfacts-item:nth-of-type(4) {
        border-width: 1px 0 0 0
    }

    .quickfacts-item:nth-of-type(5) {
        border-width: 1px 1px 0
    }

    .quickfacts-item:nth-of-type(6) {
        border-width: 1px 0 0 0
    }
}

@media (max-width: 991px) {
    .quickfacts-item:nth-of-type(1n) {
        border-width: 0 1px 1px 0
    }

    .quickfacts-item:nth-of-type(2n) {
        border-width: 0 0 1px 0
    }
}

@media (max-width: 767px) {
    .quickfacts-item:nth-of-type(1n) {
        border-width: 0 0 1px 0
    }
}

.quickfacts-item h6 {
    text-transform: uppercase;
    color: #046132
}

.table-rates h4 {
    color: #94060d
}

.table-rates h4 span {
    font-size: 1rem;
    font-style: italic;
    font-weight: 100;
    color: #311718
}

.table-rates th {
    background: transparent !important;
    border: none;
    font-weight: normal;
    text-align: center
}

.table-rates tr td {
    text-align: center
}

.table-rates tr td:nth-of-type(3n) {
    background: #ece8de
}

.table-rates tr td span {
    font-size: 1.2rem;
    color: #b5121b
}

.table-rates-tourName {
    text-align: left !important;
    background: #7fbc42;
    color: white
}

.testimonial-item {
    border-bottom: #b9bdb5 1px dotted
}

.testimonial-item .blockquote {
    color: #b5121b;
    font-style: italic;
    font-weight: 800;
    font-size: 2rem;
    letter-spacing: -0.1rem;
    line-height: 120%
}

.testimonial-item .blockquote::before {
    content: open-quote
}

.testimonial-item .blockquote::after {
    content: close-quote
}

.testimonial-item:last-child {
    border: none
}

.testimonial-author {
    font-style: italic
}

@media (min-width: 992px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0
    }

    100% {
        transform: translateY(0rem);
        opacity: 1
    }

    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

.mi-baselineFix {
    transform: translateY(5px)
}

.bctAccordionFaq .card-header {
    background: #7fbc42
}

.bctAccordionFaq .card .btn-block {
    color: white
}

.bctAccordionFaq .card .btn-block:hover {
    text-decoration: none
}

.dateTimePicker .modal-content {
    background: transparent;
    border: none
}

.dateTimePicker .modal-header {
    background: #eae2c3;
    border-radius: 1.3rem 1.3rem 0 0;
    border-width: 0;
    padding: 1.7rem 1rem 0 2rem
}

.dateTimePicker .modal-body {
    background: #eae2c3;
    padding-top: 0;
    border-radius: 0 0 1.3rem 1.3rem
}

.dateTimePicker .modal-body .form-check {
    margin: 0 0 0.8rem 0;
    font-size: larger
}

.ct-item {
    min-height: 28rem;
    align-items: center
}

.ct-item-inner {
    width: 100%;
    height: 80%;
    padding: 0 0.8rem;
    position: relative;
    top: 10%
}

@media (min-width: 992px) {
    .ct-item-inner.inner-first {
        height: 40%;
        top: 30%;
        padding: 0 3rem
    }
}

.ct-item-inner-logo {
    min-height: 100px
}

.ct-item-inner-logo h5 {
    display: block;
    width: 100%;
    min-height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    color: white
}

.ct-item-inner-logo h5 span {
    position: relative;
    left: -9000em
}

.ct-item-inner-copy {
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    transition: all .5s ease-out
}

.ct-item-inner-copy p {
    color: white
}

.ct-item-inner-copy::before {
    content: "";
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0
}

@media (max-width: 991px) {
    .ct-item-inner-copy {
        opacity: 1
    }
}

.ct-item-inner:hover .ct-item-inner-copy {
    opacity: 1;
    transform: translateY(10px)
}

.ct-item-classic {
    display: block;
    background: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100
}

.ct-item-classic:before {
    background-image: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity .8s
}

.ct-item-classic:hover:before {
    opacity: 1
}

.ct-item-classic h5 {
    background-image: url(/assets/img/logos/britt_classic_coffee_tour.png)
}

@media (max-width: 767px) {
    .ct-item-classic {
        background-position-y: 40%
    }
}

.ct-item-adventure {
    display: block;
    background: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    background-position: 50% 50%
}

.ct-item-adventure:before {
    background-image: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity .8s
}

.ct-item-adventure:hover:before {
    opacity: 1
}

.ct-item-adventure h5 {
    background-image: url(/assets/img/logos/britt_coffee_and_adventure.png)
}

@media (min-width: 1200px) {
    .ct-item-adventure {
        background-size: cover
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ct-item-adventure {
        background-size: 115%
    }
}

@media (max-width: 767px) {
    .ct-item-adventure {
        background-position-y: 40%
    }
}

.ct-item-wildlife {
    display: block;
    background: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100
}

.ct-item-wildlife:before {
    background-image: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity .8s
}

.ct-item-wildlife:hover:before {
    opacity: 1
}

.ct-item-wildlife h5 {
    background-image: url(/assets/img/logos/britt_coffee_and_wildlife.png)
}

.ct-item-waterfalls {
    display: block;
    background: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    background-position: 50% 60%
}

.ct-item-waterfalls:before {
    background-image: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity .8s
}

.ct-item-waterfalls:hover:before {
    opacity: 1
}

.ct-item-waterfalls h5 {
    background-image: url(/assets/img/logos/britt_coffee_and_waterfalls.png)
}

.ct-item-lovers {
    display: block;
    background: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    background-size: cover !important
}

.ct-item-lovers:before {
    background-image: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity .8s
}

.ct-item-lovers:hover:before {
    opacity: 1
}

.ct-item-lovers h5 {
    background-image: url(/assets/img/logos/britt_coffee_lover_experience.png)
}

@media (max-width: 767px) {
    .ct-item-lovers {
        background-size: 100%
    }
}

.ct-item-origins {
    display: block;
    background: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    background-size: cover
}

.ct-item-origins:before {
    background-image: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity .8s
}

.ct-item-origins:hover:before {
    opacity: 1
}

.ct-item-origins h5 {
    background-image: url(/assets/img/logos/britt_coffee_origins.png)
}

.search-result {
    border-bottom: #046132 1px dotted
}

.pagination .page-item.active>.page-link {
    background: #046132
}

.pagination .page-item>.page-link:hover {
    background: #7fbc42;
    color: white
}

.breadcrumb {
    background-color: transparent;
    border-bottom: #a48a53 1px solid;
    border-radius: 0
}

.breadcrumb-item {
    font-weight: 100
}

.breadcrumb-item.disabled {
    font-weight: bold
}

.reservations-navbar {
    background: #311718 url(/assets/img/cf-17/text/navbar-tourReservations-header.png) no-repeat;
    background-position: 15vw
}

.reservations-navbar-text {
    width: 60vw;
    text-align: center
}

.reservations-navbar-text span {
    color: white;
    font-size: larger;
    display: none
}

@media (max-width: 991px) {
    .reservations-navbar {
        background-position: 18vw
    }
}

@media (max-width: 767px) {
    .reservations-navbar {
        background-position-x: 55%;
        background-size: 40%
    }
}

.reservations-subtotal {
    background: #eae2c3
}

.reservations-subtotal p {
    font-size: 1.7rem;
    font-weight: 400
}

.reservations-subtotal p strong {
    font-weight: 800;
    color: #b5121b
}

.reservation-step {
    background: url(/assets/img/bg/1x100shim-green.png) repeat-x 0 30%
}

.reservation-step-circle {
    background: #eae2c3;
    color: white;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    margin-bottom: 1rem;
    position: relative;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0)
}

.reservation-step-circle span {
    font-size: 170%;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
    .reservation-step-circle {
        width: 3.5rem;
        height: 3.5rem
    }
}

.reservation-step-completed {
    background: #b5121b
}

.reservation-step:nth-of-type(1) {
    background-repeat: no-repeat;
    background-position: 100px 30%
}

.reservation-step:nth-of-type(4) {
    background-repeat: no-repeat;
    background-position: -50px 30%
}

@media (max-width: 767px) {
    .reservation-step {
        background-position-y: 20%
    }

    .reservation-step:nth-of-type(1) {
        background-position: 50px 20%
    }

    .reservation-step:nth-of-type(4) {
        background-repeat: no-repeat;
        background-position: -50px 20%
    }
}

.reservation-step-edit {
    display: flex;
    align-items: center
}

.reservation-step-edit .container {
    border-bottom: #eae2c3 1px solid;
    margin: 0 0.1rem
}

.reservation-step-edit .container a {
    color: #b5121b
}

.reservation-step-edit .container i {
    position: relative;
    top: 30%;
    color: #b5121b
}

@media (min-width: 768px) {
    .reservation-step-edit .container {
        min-height: 6.5rem
    }
}

.reservation-calendar-previous,
.reservation-calendar-next {
    font-size: larger
}

.reservation-calendar-previous a,
.reservation-calendar-next a {
    color: #b5121b
}

.reservation-calendar-previous a:hover,
.reservation-calendar-next a:hover {
    color: #94060d;
    text-decoration: none
}

.reservation-calendar-month {
    font-size: 1.5rem;
    font-weight: 800
}

@media (max-width: 767px) {
    .reservation-calendar-month {
        font-size: 1.3rem;
        letter-spacing: -0.05rem
    }
}

.reservation-calendar table {
    table-layout: fixed;
    width: 100%
}

.reservation-calendar th {
    text-align: center
}

@media (min-width: 992px) {
    .reservation-calendar td {
        padding: 0.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reservation-calendar td {
        height: 9vw;
        padding: 0.3rem
    }
}

@media (max-width: 767px) {
    .reservation-calendar td {
        height: 12vw;
        padding: 0.2rem
    }
}

.reservation-calendar td div {
    border: #eae2c3 1px solid;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: right
}

.reservation-calendar td div a {
    display: inline-block;
    color: #7fbc42;
    font-size: 1rem;
    width: 100%;
    height: 100%;
    padding: 0.5rem 0.5rem 0 0
}

.reservation-calendar td div a:hover {
    background: #eae2c3;
    color: #b5121b;
    text-decoration: none
}

.reservation-calendar td div a.activo {
    background: #eae2c3;
    color: #b5121b;
    text-decoration: none
}

.reservation-calendar td div a.selected-date {
    background: #cef054;
    color: #b5121b
}

.reservation-calendar td div a.disabled-date {
    background: #dcdad5;
    color: #5c5c5c
}

@media (max-width: 767px) {
    .reservation-calendar td div a {
        font-size: smaller
    }
}

.reservation-summary {
    background: #edebe4;
    border-radius: 18px
}

.reservation-summary h5 {
    letter-spacing: -0.05rem;
    color: #046132;
    font-size: 1.5rem
}

.reservation-summary .rsc {
    display: flex;
    flex-direction: column;
    width: 25%
}

.reservation-summary .rsc strong,
.reservation-summary .rsc span {
    letter-spacing: -0.05rem
}

@media (min-width: 1200px) {
    .reservation-summary .rsc {
        max-height: 3rem
    }
}

.reservation-summary .rsc .rsc1 {
    color: #046132;
    border-bottom: 2px #94060d solid
}

.reservation-summary .rsc .rsc1 i {
    position: relative;
    top: 3px;
    font-size: 0.9em;
    margin-right: 0.3rem
}

.reservation-summary .rsc .rsc2 {
    margin-bottom: 1rem
}

.reservation-summary .rsc .rsc2 a {
    width: 100%;
    display: inline-block;
    color: #b5121b
}

.reservation-summary .rsc .rsc2 a:hover {
    color: #94060d;
    text-decoration: none
}

@media (max-width: 767px) {
    .reservation-summary .rsc {
        width: 100%
    }
}

.reservation-summary-subtotal {
    background: white;
    text-align: center;
    border-radius: 14px
}

.reservation-summary-subtotal p {
    font-size: 1.5rem;
    line-height: 100%
}

.reservation-summary-subtotal p em {
    font-size: 0.9rem
}

.reservation-confirm .col-md-6:nth-of-type(1) {
    text-align: right
}

@media (max-width: 767px) {
    .reservation-confirm .col-md-6:nth-of-type(1) {
        text-align: center
    }
}

@media (max-width: 767px) {
    .reservation-confirm .col-md-6:nth-of-type(2) {
        text-align: center;
        border-bottom: #7fbc42 1px dotted;
        margin-bottom: 1rem
    }
}

.addTransportHotel {
    display: none
}

.reservation-rowborder {
    padding: 0;
    border-bottom: #a48a53 1px dotted
}

.form-check {
    cursor: hand
}

.ccNumber {
    background: url(/assets/img/bg/bg-input-creditcards-v2.png) no-repeat;
    background-position: 3px 4px;
    background-size: 9%;
    padding-left: 60px
}

.ccNumber.ccVisa {
    background-position-y: -58px
}

@media (max-width: 767px) {
    .ccNumber.ccVisa {
        background-position-y: -68px
    }
}

.ccNumber.ccMastercard {
    background-position-y: -121px
}

@media (max-width: 767px) {
    .ccNumber.ccMastercard {
        background-position-y: -140px
    }
}

.ccNumber.ccAmex {
    background-position-y: -182px
}

@media (max-width: 767px) {
    .ccNumber.ccAmex {
        background-position-y: -211px
    }
}

.ccNumber.ccDiscover {
    background-position-y: -243px
}

@media (max-width: 767px) {
    .ccNumber.ccDiscover {
        background-position-y: -282px
    }
}

@media (max-width: 767px) {
    .ccNumber {
        background-size: auto;
        background-position-y: 3px
    }
}

@media all and (-ms-high-contrast: none) {

    *::-ms-backdrop,
    .ccNumber {
        background-position: 3px 20px
    }

    *::-ms-backdrop.ccVisa,
    .ccNumber.ccVisa {
        background-position-y: -58px
    }

    *::-ms-backdrop.ccMastercard,
    .ccNumber.ccMastercard {
        background-position-y: -121px
    }

    *::-ms-backdrop.ccAmex,
    .ccNumber.ccAmex {
        background-position-y: -182px
    }

    *::-ms-backdrop.ccDiscover,
    .ccNumber.ccDiscover {
        background-position-y: -243px
    }
}

/*# sourceMappingURL=bct-all.min.css.map */