@charset "utf-8";

.contentbg {
    background-color: #fff;
    padding         : 0;
    border          : 0;
    font-size       : 14px;
    line-height     : 1.5;
    color           : #494946
}

.contentbg a {
    text-decoration: none
}

.z-10 {
    z-index: 10
}


a:link {
    text-decoration: none
}

.ad {
    transition: transform .5s ease
}

.card a:not(.btn) {
    text-decoration: none
}

.fa {
    display: inline
}

.ad:hover {
    transform: scale(1.05)
}

.pointer {
    cursor: pointer
}

.clearfix:after,
.wrap:after,
.spanning:after,
.content:after,
.main:after,
aside:after,
section:after,
article:after,
.text:after {
    content    : ".";
    display    : block;
    clear      : both;
    visibility : hidden;
    line-height: 0;
    height     : 0;
    font-size  : 0
}

.tours {
    width             : 360px;
    height            : 302px;
    background-color  : #7c8082;
    border            : 7px solid #fff;
    -moz-box-shadow   : 0 3px 10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow        : 0 3px 10px rgba(0, 0, 0, .15);
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    overflow          : hidden;
    position          : relative;
    margin            : 0 auto 30px
}

.tours {
    background-color: #fff;
    height          : 280px
}

.content .tours {
    border: 3px solid #73ae3a;
    width : 100%;
    height: auto;
    margin: 0
}

.reviews {
    max-width: 396px
}

.reviews .card-body {
    padding: 0 0 0 .5em
}

.reviews .card-title {
    margin-bottom: 0;
    text-align   : center
}

.card-title {
    font-size  : 20px;
    font-weight: 600;
}

.hero-text-container {
    text-align  : right;
    height      : 50px;
    width       : 100%;
    max-width   : 1440px;
    position    : absolute;
    bottom      : 5%;
    left        : 0;
    right       : 0;
    margin-left : auto;
    margin-right: auto;
    opacity     : .9
}

.hero-text {
    background-color: #fff;
    color           : #494946;
    padding         : 10px;
    height          : 50px;
    line-height     : 50px;
    font-size       : 1.5em;
    border-radius   : 5px 0 0 5px
}

@media (max-width:768px) {
    .hero-text {
        font-size: 1em
    }
}

@media (max-width:576px) {
    .hero-text {
        font-size: .75em
    }
}

@media (min-width:1440px) {
    .hero-text {
        border-radius: 5px
    }
}

.hero-container {
    height  : 400px;
    position: relative;
    top     : -20px
}

.hero-image-container {
    width   : 100%;
    height  : 100%;
    position: absolute;
    top     : 0;
    z-index : -1;
    overflow: hidden
}

@media only screen and (max-width:992px) {
    .hero-container {
        height: 300px
    }
}

@media only screen and (max-width:576px) {
    .hero-container {
        height: 250px
    }
}

.hero-image-container img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
    align-self: end
}

.admin-content img {
    max-width: 100% !important;
    height   : auto !important
}

.admin-content iframe {
    max-width: 100% !important
}

.admin-content div em {
    word-wrap: break-word !important
}

.admin-content p {
    word-wrap: break-word !important
}

.to-left {
    float: left !important
}

.fr-caption {
    float        : left;
    display      : block !important;
    padding-right: 5px
}

.review-like {
    line-height: 1.3;
    color      : #827e7d
}

.review-like>* {
    display       : block;
    float         : left;
    vertical-align: top
}

.review-like p {
    margin-bottom: 0 !important;
    font-size    : 13px;
    line-height  : 1.53846154;
    color        : #7c8082
}

.review-like .ico {
    text-decoration: none;
    margin-left    : 10px;
    width          : 37px;
    height         : 37px;
    border-radius  : 3px;
    text-align     : center;
    line-height    : 37px;
    background     : #fff;
    border         : 1px solid #6b6a24;
    overflow       : hidden
}

.review-like .ico:hover {
    background-color: #4b5320;
    color           : #fff
}

.review-like .ico i {
    font-size: 28px;
    position : relative;
    top      : 3px
}

.review-like .number {
    color       : #827e7d;
    font-size   : 37px;
    line-height : 1;
    font-weight : 600;
    margin-right: 6px;
    margin-left : 6px;
    float       : left
}

.review-like .number-text {
    color      : #827e7d;
    float      : left;
    font-size  : 11px;
    font-weight: 300;
    margin-top : 6px
}

.custom-control-input:checked~.custom-control-label::before {
    color           : #fff;
    border-color    : #6b6a23;
    background-color: #6b6a23
}

[type=radio]:not(:checked),
[type=radio]:checked {
    height             : 1rem;
    width              : 1rem;
    -webkit-appearance : none;
    -moz-appearance    : none;
    -o-appearance      : none;
    appearance         : none;
    border             : 1px solid #adb5bd;
    border-radius      : 50%;
    outline            : none;
    transition-duration: .3s;
    background-color   : #fff;
    cursor             : pointer
}

[type=radio]:checked {
    border          : #6b6a23;
    background-color: #6b6a23;
    color           : #fff
}

[type=radio]:not(:checked)::after,
[type=radio]:checked::after {
    font-family    : "font awesome 5 free";
    content        : "\f111";
    font-weight    : 900;
    position       : relative;
    top            : 32%;
    font-size      : .4rem;
    line-height    : .8;
    color          : #fff;
    transition     : all .2s;
    display        : flex;
    justify-content: center
}

[type=radio]:not(:checked):after {
    opacity  : 0;
    transform: scale(0)
}

[type=radio]:checked:after {
    opacity  : 1;
    transform: scale(1)
}

.give_kudu {
    float: left
}

.give_kudu:hover {
    text-decoration: none !important
}

.kudu_message {
    color : #ff8c00;
    clear : left;
    margin: 0 10px
}

.fr-caption a {
    color          : #fff !important;
    border         : 0;
    background     : 0;
    text-decoration: underline
}

.fr-caption a:hover {
    color: #4b5320 !important
}

.pretty {
    margin-right: 0 !important
}

.pretty input:checked~.state.p-success label:after {
    background-color: #6b6a24 !important
}

.mw-800 {
    max-width : 800px;
    box-sizing: unset
}

.mw-780 {
    max-width: 780px
}

.ugc p {
    margin-top: 20px;
    font      : 400 14px/22px "Open Sans", "GothamPro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

span.required {
    color    : #7c3b3e;
    font-size: 16px
}

.mt-5 {
    margin-top: 5px !important
}

.body-content {
    width             : 100%;
    max-width         : 820px;
    padding           : 0 15px;
    margin            : auto;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

.form-control:focus {
    color           : #495057;
    background-color: #fff;
    border-color    : #979797;
    outline         : 0;
    box-shadow      : none
}

.custom-select:focus {
    border-color: #979797;
    outline     : 0;
    box-shadow  : none
}

.btn:focus,
.btn.focus {
    outline   : 0;
    box-shadow: none
}

.grecaptcha-badge {
    visibility: collapse !important
}

.mr0 {
    margin-right: 0 !important
}

.bg-nav-footer {
    background-color: #3e3e35
}

a {
    color: #5c5b1e
}

a:hover {
    color : #4b5320;
    cursor: pointer
}

a:not(.btn) {
    color: #5c5b1e
}

a:not(.btn):hover {
    color: #4b5320
}

.army-green {
    color: #4b5320 !important
}

.bg-army-green {
    background-color: #4b5320 !important
}

.bg-transparent-50 {
    opacity: .5
}

.olive-green {
    color: #5c5b1e
}

.dark-brown {
    color: #523612 !important
}

.yellow {
    color: #fec542
}

.orange {
    color: #dc7403 !important
}

.light-brown-background {
    background-color: #886534
}

.border-grey {
    border       : 1px solid #979797 !important;
    border-radius: 4px
}

.border-grey-thin {
    border: .25px solid #979797 !important
}

.text-light-grey {
    color: #676767 !important
}

.text-dark-grey {
    color: #494946 !important
}

.text-border-grey {
    color: #979797 !important
}

.text-white {
    color: #fff !important
}

.text-danger,
.text-danger:hover {
    color: #7c3b3e !important
}

.background-white {
    background-color: #fff
}

.btn {
    -webkit-appearance: none
}

.btn-orange {
    background-color: #dc7403;
    border-color    : #dc7403;
    color           : #fff;
    font-weight     : 500;
    max-height      : 40px
}

.btn-orange:hover {
    background-color: #fb880a;
    border-color    : #fb880a;
    color           : #fff
}

.btn-orange-secondary {
    border-color: #dc7403;
    color       : #dc7403
}

.btn-orange-secondary:hover {
    border-color    : #fb880a;
    background-color: #fb880a;
    color           : #fff
}

.get-quote-btn {
    width: 120px
}

.btn-green-primary {
    color           : #fff;
    background-color: #6b6a24;
    border-color    : #6b6a24
}

.btn-green-primary:hover {
    color           : #fff;
    background-color: #81802b;
    border-color    : #81802b
}

.btn-green-secondary {
    color           : #5c5b1e !important;
    background-color: #fff;
    border          : 1px solid #5c5b1e !important
}

.btn-green-secondary:hover {
    background-color: #81802b;
    color           : #fff !important
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.alert-error {
    color           : #721c24;
    background-color: #f8d7da;
    border-color    : #f5c6cb
}

.menu-link,
.menu-link>a {
    color: #494946 !important
}

.menu-link:hover,
.menu-link>a:hover {
    color: #505d2e !important
}

.menu-link:focus,
.menu-link>a:focus {
    color: #505d2e !important
}

.submenu-title-link {
    color: #523612 !important
}

.submenu-title-link:hover {
    color: #505d2e !important
}

.submenu-title-link:focus {
    color: #505d2e !important
}

@media only screen and (min-width:768px) {
    .navbar-link {
        color: rgba(255, 255, 255, .75) !important
    }

    .navbar-link:focus,
    .navbar-link:hover {
        color: rgba(255, 255, 255, .5) !important
    }

    .navbar-link.active {
        color: #fff !important
    }
}


.fa-beat {
    animation: fa-beat .65s ease
}


@keyframes fa-beat {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

h1,
h4 {
    color      : #4b5320;
    font-weight: 400
}

h2,
.h2 {
    font-weight: 400;
    font-size  : 2em;
    color      : #523612
}

h3 {
    color: #494946
}

body {
    font-size: 14px
}

.font-9 {
    font-size: .65em
}

.font-10 {
    font-size: .71em
}

.font-11 {
    font-size: .79em
}

.font-12 {
    font-size: .86em
}

.font-12px {
    font-size: 12px
}

.font-13 {
    font-size: .93em
}

.font-14 {
    font-size: 1em
}

.font-16px {
    font-size: 16px
}

.font-18px {
    font-size: 18px
}

.custom-control-label {
    padding-top: 3px
}

.font-h3 {
    font-size: 1.75em
}

.font-h4 {
    font-size: 1.5em
}

h1,
.h1 {
    font-weight: 400;
    font-size  : 2.5rem
}

h2,
.h2 {
    font-weight: 400;
    font-size  : 2rem;
    color      : #523612
}

h3,
.h3 {
    font-weight: 400;
    font-size  : 1.75rem
}

h4,
.h4 {
    font-weight: 400;
    font-size  : 1.5rem
}

h5,
.h5 {
    font-weight: 400;
    font-size  : 1.25rem
}

h6,
.h6 {
    font-weight: 400;
    font-size  : 1rem
}

.font-weight-600 {
    font-weight: 600 !important
}

@media only screen and (min-width:576px) {
    h1.home-title {
        font-size: 3rem
    }

    h3.home-title {
        font-size: 2.25rem
    }
}

@media only screen and (max-width:576px) {
    .h1-sm {
        font-size: 2rem
    }

    .h2-sm {
        font-size: 1.5rem
    }

    .h3-sm {
        font-size: 1.35rem
    }

    .h4-sm {
        font-size: 1.25rem
    }

    .h5-sm {
        font-size: 1rem
    }
}

.flag-big {
    margin-right  : 5px;
    display       : inline-block;
    vertical-align: middle;
    width         : 34px;
    height        : 34px;
    bottom        : 4px;
    position      : relative
}

.flag-small {
    margin-right  : 5px;
    display       : inline-block;
    vertical-align: middle;
    width         : 21px;
    height        : 21px;
    bottom        : 2px;
    position      : relative
}

.flag {
    display       : inline-block;
    vertical-align: middle;
    width         : 20px;
    height        : 14px
}

.list-flag {
    width : 25px;
    height: 24px
}

.icon-tree::before {
    content: "\e920"
}

.icon-plane:before {
    content: "\e926"
}

.i-safari-enthusiast::before {
    content: "\e953"
}

.i-kudu::before {
    content: "\e94a"
}

.i-safari-enthusiast:before {
    content: "\e953"
}

.i-safari-tour-operator:before {
    content: "\e952"
}

.i-travel-writer:before {
    content: "\e958"
}

.i-top-contributor:before {
    content: "\e956"
}

.i-safari-tour-operator::before {
    content: "\e952"
}

.page-item.active .page-link {
    z-index         : 1;
    color           : #fff;
    background-color: #6b6a24;
    border-color    : #6b6a24;
    border-radius   : 50%
}

.page-item.disabled .page-link {
    color           : #6c757d;
    pointer-events  : none;
    cursor          : auto;
    background-color: transparent;
    border-color    : #dee2e6
}

.page-link {
    position        : relative;
    display         : block;
    padding         : .5rem .85rem;
    margin-left     : -1px;
    line-height     : 1.25;
    color           : #000;
    background-color: transparent;
    border          : 0 solid #dee2e6;
    width           : 35px;
    height          : 35px;
    display         : flex;
    justify-content : center;
    align-items     : center
}

.page-link:hover {
    z-index         : 2;
    color           : #000;
    text-decoration : none;
    background-color: #e9ecef;
    border-color    : #dee2e6;
    border-radius   : 50%;
    width           : 35px;
    height          : 35px;
    display         : flex;
    justify-content : center;
    align-items     : center
}

.page-item:first-child .page-link {
    margin-left              : 0;
    border-top-left-radius   : 50%;
    border-bottom-left-radius: 50%
}

.page-item:last-child .page-link {
    border-top-right-radius   : 50%;
    border-bottom-right-radius: 50%
}

.page-link .fa-chevron-left {
    padding: .1rem 0
}

.page-link .fa-chevron-right {
    padding: .1rem 0
}

.rhc-wide-border {
    border: none
}

@media only screen and (min-width:1200px) {
    .rhc-wide-border {
        border       : 1px solid #979797 !important;
        border-radius: 4px
    }
}

@media only screen and (max-width:768px) {
    .max-width-300 {
        max-width: 300px
    }
}

.review-card-home {
    max-width: 320px;
    min-width: 295px;
    height   : 112px
}

.review-card-contents {
    min-height: 110px
}

.review-image-container {
    height: 95px;
    width : 95px
}

.review-card-contents img {
    border-radius: 50%;
    object-fit   : cover;
    height       : 100%;
    width        : 100%
}

.review-card-gradient {
    background     : 0;
    background     : -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.9) 100%);
    background     : -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background     : -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.9) 100%);
    background     : -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.9) 100%);
    background     : -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.9) 100%);
    background     : linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.9) 100%);
    height         : 95px;
    width          : 95px;
    border-radius  : 50%;
    position       : absolute;
    display        : flex;
    justify-content: center
}

.review-name {
    position: relative;
    top     : 5px
}

.rhc-yasscore-border {
    border       : 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    width        : auto;
    margin-left  : 0
}

@media only screen and (min-width:576px) {
    .rhc-yasscore-border {
        border       : 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
        width        : 364px;
        margin-left  : 15px
    }
}

@media only screen and (min-width:1200px) {
    .rhc-yasscore-border {
        border       : 1px solid #979797 !important;
        border-radius: 4px;
        width        : auto;
        margin-left  : 0
    }
}

.rhc-small-images {
    height            : auto;
    max-width         : 103px;
    aspect-ratio      : 1 / 1;
    background-color  : #fff;
    -moz-box-shadow   : 0 3px 10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow        : 0 3px 10px rgba(0, 0, 0, .15);
    border            : 1px solid #e9e3e1;
    width             : 100%
}

@media only screen and (max-width:1200px) {
    .parks-rhc-max-width {
        max-width: 396px
    }
}

@media only screen and (min-width:1200px) {
    .rhc-wide-border {
        border       : 1px solid #979797 !important;
        border-radius: 4px
    }
}

.latest-photo {
    max-height: 350px;
    overflow  : hidden
}

.slide-social-wrapper {
    flex-direction: row;
    display       : flex
}

.slide-social-icon {
    width          : 36px;
    height         : 36px;
    border         : 1px solid #999;
    font-size      : 20px;
    display        : flex;
    border-radius  : 18px;
    justify-content: center;
    align-items    : center;
    margin         : 0 3px;
    color          : #666 !important;
    opacity        : .7
}

.slide-social-icon:hover {
    color  : #666 !important;
    opacity: 1
}

.ob-rating .stars {
    margin      : 0 10px 0 0;
    width       : 90px;
    height      : 12px;
    border-right: 1px solid #dedfdf
}

.stars span {
    background           : url(../img/sprite.png) no-repeat -50px -40px;
    background-position-x: -50px;
    background-position-y: -40px;
    height               : auto;
    width                : 10px;
    height               : 10px;
    margin               : 0 0 0 4px;
    margin-left          : 4px;
    float                : left
}

.stars span:first-child {
    margin-left: 0
}

.ob-rating .stars span {
    background-position: -74px -24px;
    width              : 13px;
    height             : 12px
}

.ob-rating p {
    font-size  : 13px;
    line-height: 14px;
    color      : #7c8082;
    margin     : 1px 0 0;
    margin-top : 1px;
    float      : left
}

.stars {
    margin: 8px 0 0 10px;
    float : left
}

figure.animal {
    width    : 100%;
    height   : auto;
    margin   : 0 auto;
    max-width: 260px;
    color    : #fff
}

.animal img {
    width : 100%;
    height: auto
}

figure.animal.effect-sadie h2 {
    position          : absolute;
    bottom            : 0;
    text-align        : center;
    width             : 100%;
    color             : #fff;
    -webkit-transition: -webkit-transform .35s, color .35s;
    transition        : transform .35s, color .35s;
    -webkit-transform : translate3d(0, -50%, 0);
    transform         : translate3d(0, -50%, 0)
}

figure.animal.effect-sadie figcaption::before,
figure.animal.effect-sadie p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition        : opacity .35s, transform .35s
}

figure.animal.effect-sadie p {
    position         : absolute;
    bottom           : 0;
    left             : 0;
    padding          : 20% 2em;
    width            : 100%;
    opacity          : 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform        : translate3d(0, 10px, 0);
    background-color : rgba(0, 0, 0, .3);
    height           : 100%;
    top              : 0
}

figure.animal.effect-sadie:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0)
}

figure.animal.effect-sadie:hover figcaption::before,
figure.animal.effect-sadie:hover p {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0)
}

.wildlife-list ul {
    font-size    : 14px;
    font-weight  : 400;
    margin-bottom: 8px;
    padding      : .5em;
    list-style   : none
}

.wildlife-list ul>li {
    position: relative
}

.wildlife-list ul li::before {
    content    : "\2022";
    font-weight: 400;
    display    : inline-block;
    width      : 1em;
    margin-left: -.2em;
    position   : absolute;
    left       : -10px
}

.onlypopup {
    display: none
}

.fr-caption .popup-inline {
    display: inline !important
}

.fr-caption .popup-none {
    display: none !important
}

.icon-container {
    width: 20px
}

.tour-tab .tabs {
    width          : 100%;
    border-left    : 1px solid #e9e3e1;
    float          : left;
    margin         : 0 0 30px;
    padding        : 0;
    list-style-type: none
}

.tabs li {
    cursor: pointer
}

.tour-tab .tabs li {
    background        : #fff;
    font-size         : 12px;
    line-height       : 1.2;
    color             : #7c8082;
    font-weight       : 400;
    text-align        : center;
    cursor            : pointer;
    width             : 33.33333333%;
    padding           : 10px 0;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 1px solid #e9e3e1;
    border-left-color : #e9e3e1;
    border-left-style : solid;
    border-left-width : 1px;
    border-left       : 0;
    float             : left
}

.tour-tab .tabs li {
    width: 33.333333333%
}

.tour-tab .tabs li.active {
    color: #494946
}

.tour-tab .tabs li a {
    color: #7c8082
}

[class^=icon-],
[class*=" icon-"] {
    font-family            : icomoon !important;
    speak                  : none;
    font-style             : normal;
    font-weight            : 400;
    font-variant           : normal;
    text-transform         : none;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tour-tab .tabs li span {
    color: #73ae3a
}

.tour-tab .tabs li span {
    font-size   : 14px;
    margin-right: 10px;
    color       : #7c8082
}

.tour-tab .tabs li.active span {
    color: #494946
}

.tour-tab .tabs .active {
    color             : #494946;
    background-color  : #f1efd8;
    -moz-box-shadow   : inset 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow        : inset 0 1px 3px rgba(0, 0, 0, .1)
}

.tour-tab .tabs li.active {
    color: #494946
}

[class^=i-],
[class*=" i-"] {
    font-family            : africa !important;
    speak                  : none;
    font-style             : normal;
    font-weight            : 400;
    font-variant           : normal;
    text-transform         : none;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

div.buttonHolder {
    margin: 20px 0
}

.asteriskField {
    color       : #7c3b3e;
    padding-left: 5px
}

#div_id_date_trip select {
    display     : inline;
    width       : auto;
    margin-right: 5px;
    font-size   : 12px
}

#div_id_country_indexes .form-check {
    display     : inline-block;
    margin-right: 10px
}

li.nobullet {
    list-style: none
}

.w-25 {
    width: 25%
}

.w-22 {
    width: 22%
}

#sticky-footer {
    margin-top: 2em
}

footer .fab {
    font-size  : 2em;
    margin-left: 5px
}

footer,
footer a {
    font-size: 14px;
    color    : #cccdce !important
}

footer h3 {
    font-size  : 16px;
    font-weight: 600;
    color      : #fff;
    margin     : 0 0 10px
}

footer ul {
    padding: 0
}

.footer-bottom {
    margin-top: 2em
}

footer ul {
    list-style: none
}

.footer-bottom p a {
    color: #ffce52
}

.footer-logo {
    background: url(../img/sprite.png) no-repeat 0 -100px;
    width     : 232px;
    height    : 42px;
    margin    : 0 0 10px
}

ul.footer-park li {
    line-height: 20px
}

#sticky-footer .latest-reviews li {
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap
}

.guides-icon i {
    font-size    : 1.4em;
    margin-right : 7px;
    margin-bottom: 7px;
    width        : 30px
}

li.spaced {
    line-height: 1.8em
}

.park-list ul {
    font-size    : 14px;
    font-weight  : 400;
    margin-bottom: 8px;
    padding      : .5em;
    list-style   : none
}

.park-list ul>li {
    position: relative
}

.park-list ul li::before {
    content    : "\2022";
    font-weight: 400;
    display    : inline-block;
    width      : 1em;
    margin-left: -.2em;
    position   : absolute;
    left       : -2px
}

.park-divider {
    border: .5px solid #979797;
    margin: 20px
}

.park-divider-light {
    border      : .25px solid #979797;
    opacity     : .5;
    margin      : 10px;
    margin-right: 40px
}

@media only screen and (max-width:768px) {
    .max-width-396 {
        max-width: 396px
    }
}

.guides-page-height {
    top     : -10px;
    position: relative
}

.container-fluid.home {
    padding-left: 0
}

@media (min-width:768px) {
    .ad {
        margin-top: 1em
    }

    .ads {
        margin-top: -2em
    }
}

@media (min-width:992px) {
    .animate {
        animation-duration         : .3s;
        -webkit-animation-duration : .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
    }
}

.masthead {
    height             : 400px;
    background-position: center center;
    background-size    : cover;
    background-position: bottom;
    background-repeat  : no-repeat
}

@media only screen and (max-width:992px) {
    .masthead {
        height: 350px
    }
}

.mission-statement {
    text-align: justify
}

.mission-statement p {
    font-weight: 700
}

.text-truncate-2lines {
    overflow          : hidden;
    text-overflow     : ellipsis;
    -webkit-line-clamp: 2;
    display           : -webkit-box;
    -webkit-box-orient: vertical
}

.member-bg-image {
    background-position    : center;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    -webkit-background-size: cover;
    background-size        : cover;
    height                 : 200px;
    position               : relative;
    -moz-box-shadow        : 0 3px 10px rgba(0, 0, 0, .15);
    -webkit-box-shadow     : 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow             : 0 3px 10px rgba(0, 0, 0, .15)
}

.add-new-styles .row.half-padd .column {
    padding-left : 9px;
    padding-right: 9px
}

.add-new-styles .row.half-padd {
    margin-left : -9px;
    margin-right: -9px
}

.add-new-styles .wrap [class*=col-] {
    padding-left      : 15px;
    padding-right     : 15px;
    float             : left;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    width             : 100%
}

.member-avatar {
    display         : block;
    position        : absolute;
    z-index         : 200;
    width           : 140px;
    height          : 140px;
    left            : 20px;
    bottom          : -110px;
    background-color: rgba(255, 255, 255, .7);
    border-radius   : 50%
}

.member-avatar img {
    position     : absolute;
    top          : 0;
    left         : 0;
    right        : 0;
    bottom       : 0;
    margin       : auto;
    width        : 95%;
    height       : 95%;
    border-radius: 50%;
    object-fit   : cover
}

@media (max-width:767px) {
    .member-avatar {
        left: 0
    }
}

@media (max-width:576px) {
    .member-avatar {
        left: -46px;
        top : -25px
    }
}

.table>thead>tr>th {
    border-bottom-width: 1px;
    font-size          : .75rem;
    color              : #9a9a9a;
    font-weight        : 400;
    padding-bottom     : 5px;
    text-align         : left
}

.table>tbody>tr {
    position : relative;
    font-size: 14px !important
}

.table {
    color: #494946
}

.pt-left h2,
.pt-left h3 {
    font-size  : 16px;
    line-height: 18px;
    color      : #7c8082;
    font-weight: 600
}

.add-new-styles .pt-left {
    margin: 0;
    width : 70.1754386%
}

#operator-member-logo {
    width : 70px;
    height: auto
}

.wrap {
    margin : 0 auto;
    padding: 0 20px
}

@media (max-width:576px) {
    .text-truncate {
        max-width: 200px
    }
}

.pt-left {
    margin  : -90px 0 0;
    position: relative;
    float   : left
}

.pt-left h1 {
    font-size  : 30px;
    line-height: 1.2;
    font-weight: 600;
    color      : #fff;
    margin     : 0 0 5px;
    padding-top: 5px
}

.add-new-styles ul,
.add-new-styles ol {
    list-style  : none;
    padding-left: 0
}

.park-card-image {
    min-width: 170px;
    max-width: 170px;
    width    : 170px;
    overflow : hidden
}

.park-card-image img {
    display  : block;
    max-width: initial;
    width    : 100%;
    height   : auto
}

@media only screen and (max-width:576px) {
    .park-card-image {
        min-width: 170px;
        max-width: 100%;
        width    : 100%;
        overflow : hidden
    }
}

@media only screen and (max-width:768px) {
    #reviews_create_park_review .row {
        margin-bottom: 20px
    }
}

#review-btn {
    max-height: 40px;
    max-width : 140px
}

#animal-img-wrapper {
    height  : 18vw;
    width   : 100%;
    overflow: hidden
}

@media only screen and (max-width:1200px) {
    #animal-img-wrapper {
        height: 21vw
    }
}

@media only screen and (max-width:992px) {
    #animal-img-wrapper {
        height: 250px
    }
}

@media only screen and (min-width:1400px) {
    #animal-img-wrapper {
        max-height: 250px
    }
}

.animal-photo {
    width              : 100% !important;
    height             : 1px !important;
    padding-bottom     : 250px;
    margin-top         : 0;
    background-size    : cover;
    background-position: center;
    background-repeat  : no-repeat
}

.img__wrap {
    position     : relative;
    height       : 270px;
    width        : 100%;
    overflow     : hidden;
    text-overflow: ellipsis
}

.img__description {
    position  : absolute;
    text-align: center;
    top       : 0;
    bottom    : 0;
    left      : 0;
    right     : 0;
    padding   : 1.5em;
    background: rgba(241, 239, 216, .7);
    color     : #494946;
    visibility: hidden;
    opacity   : 0;
    height    : 250px;
    transition: opacity .2s, visibility .2s
}

@media only screen and (max-width:576px) {
    .img__description {
        height: 200px
    }
}

.img__wrap:hover .img__description {
    visibility: visible;
    opacity   : 1
}

.img__wrap {
    margin       : 0 auto;
    border       : 1px solid #ddd;
    border-radius: 4px;
    box-shadow   : 0 2px 4px 0 rgba(0, 0, 0, .2), 0 3px 10px 0 rgba(0, 0, 0, .19)
}

.margin-auto {
    margin: auto
}

.photo-container-reviews {
    max-height: 5.5em;
    height    : 5.5em;
    max-width : 7.5em;
    text-align: center;
    padding   : 0;
    margin    : 0;
    overflow  : hidden
}

.photo-container-reviews img {
    max-width     : 100%;
    position      : relative;
    margin        : 0 auto;
    width         : 100%;
    height        : auto;
    vertical-align: middle
}

.photo-container-welcomes {
    height    : 168px;
    width     : 338px;
    text-align: center;
    padding   : 0;
    margin    : 0 auto;
    overflow  : hidden
}

.photo-container-welcomes img {
    max-height: 60%;
    max-width : 100%;
    height    : auto;
    position  : absolute;
    top       : 0;
    bottom    : 0;
    left      : 0;
    right     : 0;
    margin    : auto
}

div.photo-cards-container h2 {
    color        : #494946;
    border-bottom: 1px solid #ccc
}

.manage-photos {
    margin : 0 auto;
    padding: 20px
}

.manage-photos h2 {
    font-weight  : 700;
    margin-bottom: 15px;
    line-height  : 1.45;
    color        : #494946;
    font-size    : 20px
}

div.photo-cards-container {
    margin-top: 50px
}

@-webkit-keyframes greenPulse {
    from {
        background-color  : #73ae3a;
        -webkit-box-shadow: 0 0 9px #333
    }

    to {
        background-color  : #73ae3a;
        -webkit-box-shadow: 0 0 9px #333
    }
}

@media (min-width:576px) {
    .modal-dialog-md {
        max-width: 600px;
        margin   : 1.75rem auto
    }
}

#search-result-img {
    width   : 100%;
    overflow: hidden
}

#search-result-img img {
    width     : 100%;
    max-height: 130px;
    object-fit: contain
}

@media screen and (max-width:576px) {
    #search-result-img img {
        max-width : 200px;
        max-height: 120px;
        object-fit: contain
    }
}

label.error {
    margin-top : .25rem;
    font-size  : 80%;
    font-weight: 700;
    color      : #dc3545
}

.nav-link.disabled {
    color     : #6c757d !important;
    cursor    : not-allowed !important;
    background: #d5d5d5 !important
}

.photos-filter .btn {
    width: 115px
}

.photos-filter .form-group .form-control {
    font-size: 12px !important
}

.photos-filter .form-control {
    background-color: #fdfdfd !important
}

@media screen and (max-width:576px) {
    #photos #gallery figure {
        height  : 200px;
        overflow: hidden
    }
}

@media screen and (max-width:768px) {
    .photos-filter .form-group {
        min-width: 150px !important
    }
}

@media screen and (min-width:768px) {
    .photos-filter {
        max-width: 200px
    }
}

.dropdown-toggle:after {
    content: none
}

.dynamic_nav_auth .dropdown-toggle:after {
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dynamic_nav_avatar,
.dynamic_nav_to_avatar,
.dynamic_nav_np_avatar,
.avatar-operator {
    width        : 30px;
    height       : 30px;
    border-radius: 50%;
    object-fit   : cover;
    margin-left  : auto
}

#accordionMember .dropdown-item,
#accordionOperator .dropdown-item,
#accordionOperatorDynamic .dropdown-item,
#accordionNonprofit .dropdown-item {
    display    : flex;
    align-items: center;
    gap        : 8px
}

.remove-flex {
    flex-wrap: wrap !important;
    display  : inline !important
}

.navbar-brand {
    position: relative;
    z-index : 1
}

@media (min-width:576px) {
    .remove-flex {
        flex-wrap: wrap !important;
        display  : inline !important
    }
}

@media (min-width:768px) {
    .remove-flex {
        flex-wrap: nowrap !important;
        display  : flex !important
    }

    .navbar.transparent {
        background: rgba(0, 0, 0, .5)
    }
}

@media (min-width:992px) {
    .remove-flex {
        display  : flex !important;
        flex-wrap: nowrap !important
    }
}

@media (min-width:1200px) {
    .remove-flex {
        display  : flex !important;
        flex-wrap: nowrap !important
    }
}

.nav-item {
    line-height: 1.2;
    align-items: center
}

@media only screen and (max-width:766px) {
    .navbar-collapse {
        overflow-y: auto
    }
}

@media only screen and (min-width:768px) {
    .dropdown:hover>.dropdown-menu {
        display: block
    }

    .dropdown-submenu>.dropdown-menu {
        top        : 0;
        left       : 99.7%;
        margin-top : 0;
        margin-left: 0;
        width      : 250px;
        max-height : 400px
    }

    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        top      : 1px;
        position : relative
    }

    .dropdown-submenu:hover .dropdown-menu,
    .dropdown-submenu:focus .dropdown-menu {
        display                  : block;
        margin-top               : -1.6px;
        margin-left              : -1px;
        top                      : 0;
        left                     : 99%;
        min-height               : 100.5%;
        border-top-left-radius   : 0;
        border-bottom-left-radius: 0;
        border-left              : none;
        border-bottom            : 1px solid #d4d4d4
    }

    .dropdown-menu {
        height: auto
    }

    .drop-down-height {
        height: 360px
    }
}

@media only screen and (max-width:766px) {
    .dropdown-submenu a::after {
        display: none
    }

    .navbar-collapse {
        max-height: 100%;
        overflow-y: auto
    }
}

.dropdown-item:hover,
.dropdown-item:focus {
    color           : #4b5320;
    text-decoration : none;
    background-color: #f8f9fa
}

#yas-logo {
    width   : auto;
    height  : 40px;
    position: relative;
    z-index : -1
}

#search {
    width: 70px
}

.mobilemenu-divider {
    height    : 0;
    margin    : .5rem 0;
    overflow  : hidden;
    border-top: 1px solid #676767
}

.border-navmenu {
    border: 1px solid #dee2e6 !important
}

@media only screen and (max-width:767px) {
    .mobile-menu {
        background    : #fff;
        width         : 100vw;
        height        : 100vh;
        position      : relative;
        right         : 31px;
        padding-bottom: 300px
    }

    .nav-link {
        color: #494946 !important
    }

    .border-navmenu {
        border: none !important
    }
}

#avatar {
    max-width   : 60px;
    max-height  : 50px;
    padding-left: 10px
}

@media only screen and (min-width:768px) {
    .dropdown-submenu>.dropdown-menu {
        top        : 0;
        left       : 99.7%;
        margin-top : 0;
        margin-left: 0;
        width      : 250px;
        max-height : 400px
    }

    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        top      : 1px;
        position : relative
    }

    .dropdown-submenu:hover .dropdown-menu,
    .dropdown-submenu:focus .dropdown-menu {
        display                  : block;
        margin-top               : -1.6px;
        margin-left              : -1px;
        top                      : 0;
        left                     : 99%;
        min-height               : 100.5%;
        border-top-left-radius   : 0;
        border-bottom-left-radius: 0;
        border-left              : none;
        border-bottom            : 1px solid #d4d4d4
    }

    .dropdown-menu {
        height: auto;
        margin: 0
    }
}

@media only screen and (max-width:766px) {
    .dropdown-submenu a::after {
        display: none
    }

    .navbar-collapse {
        max-height: 100%
    }
}

.top-search-button {
    background-color: #fff;
    border          : 0
}

.navbar-white {
    background-color: #fff
}

.search-show {
    padding-bottom: 13px
}

@media only screen and (max-width:576px) {
    .search-show {
        padding-bottom: 24px
    }
}

@media only screen and (min-width:993px) {
    .search-show {
        padding-bottom: 6px
    }
}

.btn-close-search {
    font-size: 1.5em;
    color    : #676767
}

.btn-close-search:hover {
    color: #494946
}

.searchbox {
    position          : relative;
    min-width         : 50px;
    width             : 200px;
    height            : 35px;
    float             : right;
    overflow          : hidden;
    -webkit-transition: width .5s;
    -moz-transition   : width .5s;
    -ms-transition    : width .5s;
    -o-transition     : width .5s;
    transition        : width .5s
}

.search-form {
    width: 95%
}

.search-text,
.search-text:focus {
    outline       : none !important;
    border-color  : none !important;
    box-shadow    : 0 3px 2px -2px #979797 !important;
    border-radius : 0;
    border        : 0;
    outline-offset: 0 !important;
    outline       : 0;
    font-size     : 16px;
    line-height   : 32px;
    padding-left  : 48px;
    color         : rgba(0, 0, 0, .6)
}

.fa-stack {
    display       : inline-block;
    height        : 2em;
    line-height   : 2em;
    position      : relative;
    vertical-align: middle;
    width         : 100%
}

.navHeart-container {
    width   : 35px;
    position: relative
}

.pretty * {
    box-sizing: border-box
}

.pretty input:not([type=checkbox]):not([type=radio]) {
    display: none
}

.pretty {
    position    : relative;
    display     : inline-block;
    margin-right: 1em;
    white-space : nowrap;
    line-height : 1
}

.pretty input {
    position : absolute;
    left     : 0;
    top      : 0;
    min-width: 1em;
    width    : 100%;
    height   : 100%;
    z-index  : 2;
    opacity  : 0;
    margin   : 0;
    padding  : 0;
    cursor   : pointer
}

.pretty .state label {
    position   : initial;
    display    : inline-block;
    font-weight: 400;
    margin     : 0;
    text-indent: 1.5em;
    min-width  : calc(1em + 2px)
}

.pretty .state label:after,
.pretty .state label:before {
    content         : '';
    width           : calc(1em + 2px);
    height          : calc(1em + 2px);
    display         : block;
    box-sizing      : border-box;
    border-radius   : 0;
    border          : 1px solid transparent;
    z-index         : 0;
    position        : absolute;
    left            : 0;
    top             : calc((0% -(100% - 1em)) - 8%);
    background-color: transparent
}

.pretty .state label:before {
    border-color: #bdc3c7
}

@keyframes zoom {
    0% {
        opacity          : 0;
        -webkit-transform: scale(0);
        transform        : scale(0)
    }
}

@keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        opacity                          : 0;
        -webkit-transform                : scale(7);
        transform                        : scale(7)
    }

    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out;
        opacity                          : 1;
        -webkit-transform                : scale(1);
        transform                        : scale(1)
    }

    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        -webkit-transform                : scale(1.5);
        transform                        : scale(1.5)
    }

    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out;
        -webkit-transform                : scale(1);
        transform                        : scale(1)
    }

    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        -webkit-transform                : scale(1.24);
        transform                        : scale(1.24)
    }

    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out;
        -webkit-transform                : scale(1);
        transform                        : scale(1)
    }

    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        -webkit-transform                : scale(1.04);
        transform                        : scale(1.04)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out;
        -webkit-transform                : scale(1);
        transform                        : scale(1)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform        : scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform        : scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform        : scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform        : scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform        : scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1)
    }
}

@keyframes rotate {
    0% {
        opacity          : 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform        : translateZ(-200px) rotate(-45deg)
    }

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

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7
    }

    100% {
        box-shadow: 0 0 0 1.5em transparent
    }
}

.pretty.p-icon .state .icon {
    position   : absolute;
    font-size  : 1em;
    width      : calc(1em + 2px);
    height     : calc(1em + 2px);
    left       : 0;
    z-index    : 1;
    text-align : center;
    line-height: normal;
    top        : calc((0% -(100% - 1em)) - 8%);
    border     : 1px solid transparent;
    opacity    : 0
}

.pretty.p-icon .state .icon:before {
    margin           : 0;
    width            : 100%;
    height           : 100%;
    text-align       : center;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-flex : 1;
    -ms-flex         : 1;
    flex             : 1;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    line-height      : 1
}

.pretty.p-icon input:checked~.state .icon {
    opacity: 1
}

.pretty.p-icon input:checked~.state label:before {
    border-color: #5a656b
}

.pretty.p-smooth .icon,
.pretty.p-smooth .svg,
.pretty.p-smooth label:after,
.pretty.p-smooth label:before {
    transition: all .5s ease
}

.pretty.p-smooth input:checked+.state label:after {
    transition: all .3s ease
}

.pretty.p-smooth input:checked+.state .icon,
.pretty.p-smooth input:checked+.state .svg,
.pretty.p-smooth input:checked+.state img {
    -webkit-animation: zoom .2s ease;
    animation        : zoom .2s ease
}

.pretty input[disabled] {
    cursor : not-allowed;
    display: none
}

.pretty input[disabled]~* {
    opacity: .5
}

.pretty input:checked~.state.p-success label:after {
    background-color: #5cb85c !important
}

.pretty input:checked~.state.p-success .icon,
.pretty input:checked~.state.p-success .svg {
    color : #fff;
    stroke: #fff
}

@media print {

    .pretty .state .icon,
    .pretty .state label:after,
    .pretty .state label:before,
    .pretty .state:before {
        color-adjust              : exact;
        -webkit-print-color-adjust: exact;
        print-color-adjust        : exact
    }
}

.bi {
    width : 1.1rem;
    height: 1.1rem
}

.bi-x {
    width : .9rem;
    height: .9rem
}

.bi-star,
.bi-star-fill,
.bi-star-half {
    width : .9rem;
    height: .9rem
}

.heart-nav {
    color    : #dc7403;
    font-size: 2.2em;
    padding  : 5px 0;
    top      : 6px;
    font-size: 1.2em !important
}

.fav:hover .far.heart-nav,
.fav .fas.heart-nav {
    display: none
}

.fav:hover .fas.heart-nav {
    display  : inline;
    font-size: 1.5em
}

.fav .counter {
    color      : #dc7403;
    font-size  : .45em !important;
    top        : 2px;
    font-family: open sans, sans-serif
}

.fav:hover .counter {
    color: #fff
}

.badge.dynamic_nav_notifications_count,
.badge.dynamic_nav_notifications_count_toggle {
    background-color: #dc7403
}

/*!* Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free(Icons:CC BY 4.0,Fonts:SIL OFL 1.1,Code:MIT License)*/
.fa,
.fas,
.far,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing : antialiased;
    display                : inline-block;
    font-style             : normal;
    font-variant           : normal;
    text-rendering         : auto;
    line-height            : 1
}

.fa-lg {
    font-size     : 1.33333em;
    line-height   : .75em;
    vertical-align: -.0667em
}

.fa-2x {
    font-size: 2em
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform        : rotate(360deg)
    }
}

.fa-stack {
    display       : inline-block;
    height        : 2em;
    line-height   : 2em;
    position      : relative;
    vertical-align: middle;
    width         : 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left      : 0;
    position  : absolute;
    text-align: center;
    width     : 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.icon {
    display     : inline-block;
    width       : 1em;
    height      : 1em;
    stroke-width: 0;
    stroke      : currentColor;
    fill        : currentColor
}

.icon-big{
    width       : 3em;
    height      : 3em;
    margin-right: 6px;
    margin-top: 18px;
    color: #3e3e35;
}
.big-how span{
    margin-top: 10px;
}
.icon-safari-tour-operator {
    width: 1.63671875em
}

.icon-kudu {
    width : 100%;
    height: 100%;
}

.icon-safari-guru {
    width: 1.76953125em
}

.icon-Pinterest,
.icon-Twitter,
.icon-instagram,
.icon-Linkedin,
.icon-Facebook {
    width : 1.3em;
    height: 1.3em
}

.icon-tree {
    width: .8571428571428571em
}

.icon-map-o {
    width: 1.1428571428571428em
}

.icon-check-square {
    width: .8571428571428571em
}

.icon-calendar {
    width: .9285714285714285em
}

.icon-search {
    width : 1.4em;
    height: 1.4em
}

.bi-battery-empty,
.bi-battery-full,
.bi-battery-half {
    width : 1.4em;
    height: 1.4em
}


.alert {
    position     : relative;
    padding      : 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border       : 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top     : 0;
    right   : 0;
    padding : 0.75rem 1.25rem;
    color   : inherit;
}

.alert-primary {
    color           : #004085;
    background-color: #cce5ff;
    border-color    : #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color           : #383d41;
    background-color: #e2e3e5;
    border-color    : #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color           : #155724;
    background-color: #d4edda;
    border-color    : #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color           : #0c5460;
    background-color: #d1ecf1;
    border-color    : #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color           : #856404;
    background-color: #fff3cd;
    border-color    : #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color           : #721c24;
    background-color: #f8d7da;
    border-color    : #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color           : #818182;
    background-color: #fefefe;
    border-color    : #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color           : #1b1e21;
    background-color: #d6d8d9;
    border-color    : #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

.icon-comment {
    width : 1.35em;
    height: 1.35em;
}

.icon-kudu-sm {
    width : 2em;
    height: 2em;
}
.big-number{
    font-size: 60px;
}
.social-links-imgs a .img-color {
    display: none
}

.social-links-imgs a:hover .img-gray {
    display: none
}

.social-links-imgs a:hover .img-color {
    display: inline-block
}

.social-links-imgs a {
    margin-left: 6px
}

.social-links-imgs {
    min-width : 220px;
    clear     : left;
    margin-top: 10px
}



.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.text-left{
    text-align: left;
}
.margin0auto{
    margin: 0 auto;
}

.user-badge{
    min-width: 27px;
    font-size: 18px;
    min-height: 13px;
    margin-bottom: 5px;
}
.star-container{
    line-height: 1;
}
.start-incontainer {
    display: flex;
}

i.fa-star{
    margin: 0 2px !important;
}



.h1-sm{
    font-weight: 500;
}