.form-textfild:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.activity-search-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
    padding: 100px 0 100px 0;
    position: relative;
    margin-bottom: 30px
}

    .activity-search-background.asbmain {
        padding: 0px !important;
        margin-bottom: 30px;
        position: relative
    }

    .activity-search-background.resultpage {
        padding: 50px 0 50px 0;
        position: relative;
        margin-bottom: 20px
    }

.activity-searchlabel-content {
    background-color: rgba(255,255,255,.7);
    padding: 10px 0
}

    .activity-searchlabel-content h3 {
        font-family: "Arbutus Slab",serif;
        margin-bottom: 0
    }

.activitiy-search-center-content {
    width: 60%;
    margin: 0 auto
}

@media (max-width:750px) {
    .activity-searchlabel-content h3 {
        font-family: "Arbutus Slab",serif;
        font-size: 16px;
        margin-bottom: 10px;
        text-align: center
    }
}

@media (max-width:991px) {
    .activity-searchlabel-content .logocontent {
        display: none
    }
}

@media (min-width:750px) and (max-width:992px) {
    .activitiy-search-center-content {
        width: 80%
    }
}

@media (min-width:200px) and (max-width:749px) {
    .activitiy-search-center-content {
        width: 80%
    }
}

.activity-grid-gutter-container .text-heading-title {
    font-size: 44px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.activity-grid-gutter-container .text-heading-small {
    font-size: 20px;
    color: #fff
}

.activity-grid-gutter-container .search-input-textfield-content {
    float: left;
    width: 65%;
    position: relative
}

    .activity-grid-gutter-container .search-input-textfield-content .search-input-textfield {
        height: 50px;
        line-height: 50px;
        border: 0;
        padding: 0 20px;
        width: 100%;
        border-right: solid 1px #efefef;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        background-color: #fff !important
    }

.activity-grid-gutter-container .search-input-datefild-content {
    float: left;
    width: 20%;
    position: relative
}

    .activity-grid-gutter-container .search-input-datefild-content .search-input-textfielddate {
        height: 50px;
        line-height: 50px;
        border: 0;
        padding: 0 20px;
        width: 100%;
        background-color: #fff !important
    }

.activity-grid-gutter-container .activity-search-button {
    float: left;
    width: 15%;
    height: 50px;
    line-height: 50px;
    border: 0;
    padding: 0 10px;
    color: #fff;
    background-color: #338686;
    font-size: 16px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

@media (max-width:600px) {
    .activity-grid-gutter-container .search-input-textfield-content {
        width: 100%
    }

        .activity-grid-gutter-container .search-input-textfield-content .search-input-textfield {
            border-right: 0;
            border-bottom: solid 1px #efefef;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0
        }

    .activity-grid-gutter-container .search-input-datefild-content {
        width: 50%
    }

        .activity-grid-gutter-container .search-input-datefild-content .search-input-textfielddate {
            border-bottom-left-radius: 15px
        }

    .activity-grid-gutter-container .activity-search-button {
        width: 50%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 15px
    }
}

@media (max-width:750px) {
    .activity-search-background {
        padding: 70px 0 70px 0
    }

    .activity-grid-gutter-container .text-heading-title {
        font-size: 34px;
        margin-bottom: 10px
    }

    .activity-grid-gutter-container .text-heading-small {
        font-size: 16px
    }
}

.activity-grid-gutter-container .tt-dropdown-menu, .activity-mobile-search-content .tt-dropdown-menu {
    margin-top: 1px !important
}

.activity-grid-gutter-container .input-group-addon {
    margin-top: 10px
}

.activity-cms-tab-container {
    margin-bottom: 30px
}

    .activity-cms-tab-container .activity-cms-navs {
        margin-bottom: 15px
    }

        .activity-cms-tab-container .activity-cms-navs:after {
            content: "";
            clear: both
        }

        .activity-cms-tab-container .activity-cms-navs a {
            padding: 0 15px 0 0;
            cursor: pointer;
            float: left;
            border: solid 1px #e1e1e1;
            background-color: #fff;
            margin-right: 10px;
            margin-bottom: 5px
        }

            .activity-cms-tab-container .activity-cms-navs a.active, .activity-cms-tab-container .activity-cms-navs a:hover {
                background-color: #dedede;
                transition: 0.3s
            }

            .activity-cms-tab-container .activity-cms-navs a .imgs-content {
                float: left;
                height: 40px;
                width: 40px;
                overflow: hidden;
                margin-right: 10px
            }

            .activity-cms-tab-container .activity-cms-navs a .imgs {
                height: 40px;
                width: 40px
            }

            .activity-cms-tab-container .activity-cms-navs a .text-content {
                float: left;
                font-size: 13px;
                font-weight: 700;
                line-height: 40px;
                color: #333
            }

            .activity-cms-tab-container .activity-cms-navs a.active .text-content, .activity-cms-tab-container .activity-cms-navs a:hover .text-content {
                color: #333 !important;
                transition: 0.3s
            }

    .activity-cms-tab-container .activity-cms-tabscontent .tabs-cms-item .offer-price-2 {
        padding: 12px;
        height: auto;
        overflow: hidden;
        background: #338686
    }

    .activity-cms-tab-container .activity-cms-tabscontent .tabs-cms-item .tour-info .tour-title {
        padding: 15px;
        overflow: hidden;
        height: 100px
    }

    .activity-cms-tab-container .activity-cms-tabscontent .tabs-cms-item .description {
        height: 40px;
        font-size: 14px;
        overflow: hidden
    }

    .activity-cms-tab-container .activity-cms-tabscontent .tabs-cms-item .main-img {
        border: solid 1px #dfdfdf
    }



@media (max-width:767px) {

    .activity-cms-tab-container .activity-cms-navs a {
        float: left;
        width: 48%;
        margin-right: 2%;
    }
}

#activity-list-content .grid-description {
    height: 40px;
    overflow: hidden
}

#activity-list-content .main-img img {
    border: solid 1px #dfdfdf
}

.actcontainer {
    position: relative
}

.activity-list-price-content {
    margin-top: 20px;
    height: 35px;
    overflow: hidden;
    line-height: 30px;
    font-size: 24px;
    text-align: center
}

.activity-list-through {
    text-decoration: line-through;
    font-size: 18px;
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: -20px;
    color: #de5a5a
}

.activity-list-currencyprice {
    font-size: 12px;
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: -10px;
    color: #333
}

.activity-prices-through {
    text-decoration: line-through;
    font-size: 13px;
    color: #de5a5a
}

.activity-detail-search-container {
    padding: 20px;
    background-color: #f2f4f7;
    border-radius: 10px
}

    .activity-detail-search-container .ui-widget-content {
        width: 100% !important;
        border: solid 1px #fdfdfd;
        border-radius: 5px;
        padding: 10px
    }

        .activity-detail-search-container .ui-widget-content .ui-datepicker td a, .activity-detail-search-container .ui-widget-content .ui-datepicker td a .ui-datepicker td span {
            padding: 5px;
            font-size: 15px
        }

    .activity-detail-search-container .drp-activitytime {
        padding: 5px;
        font-size: 16px;
        border-radius: 5px !important;
        height: 40px;
        line-height: 40px;
        font-weight: 700
    }

    .activity-detail-search-container .drp-activitypassenger {
        padding: 5px;
        font-size: 18px;
        border: 0px !important;
        height: 40px;
        line-height: 40px;
        -webkit-box-shadow: none !important;
        background-color: #f2f4f7
    }

    .activity-detail-search-container .activity-datepicker .ui-datepicker td {
        font-size: 15px
    }

    .activity-detail-search-container .activity-datepicker select {
        font-size: 14px;
        margin: 0 2px;
        padding: 2px;
        border: solid 1px #d4d4d4;
        border-radius: 3px
    }

    .activity-detail-search-container .activity-group-content {
        padding: 15px;
        background-color: #fff;
        border-radius: 5px;
        margin-bottom: 10px
    }

    .activity-detail-search-container .activity-passenger-content {
        padding: 10px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1),0 0 3px rgba(0,0,0,.2);
        background-color: #f2f4f7;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700
    }

.datesinglecontent {
    padding: 10px;
    background-color: #338686;
    line-height: 30px;
    border-radius: 5px;
    color: #fff
}

    .datesinglecontent i {
        font-size: 30px;
        margin-left: 10px;
        margin-bottom: 0px !important
    }

    .datesinglecontent .datetext {
        font-weight: 700;
        float: left;
        font-size: 22px;
        padding-top: 3px
    }

.activity-booking-expirationdate {
    font-weight: 700;
    padding: 0 10px;
    text-align: center
}

.activity-covid-content {
    border: solid 1px #f2f4f7;
    padding: 15px;
    border-radius: 10px;
    background: linear-gradient(#fff,#F4F4F4);
    box-shadow: 4px 9px 19px #e9e9e9
}

    .activity-covid-content .safety {
        background-image: url(/Asset/img/activty/safety.jpg);
        background-repeat: no-repeat;
        background-position: right;
        float: left;
        height: 60px;
        width: 60px;
        margin-right: 20px
    }

    .activity-covid-content .title {
        font-size: 22px;
        font-weight: 700;
        color: #444
    }

    .activity-covid-content .detail-link {
        font-size: 16px;
        cursor: pointer
    }

    .activity-covid-content .activity-covid-detail {
        background-color: #f2f4f7;
        margin-top: 20px;
        padding: 15px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

.activity-detail-text-content {
    border: solid 1px #f2f4f7;
    padding: 15px;
    border-radius: 10px;
    background: linear-gradient(#fff,#F4F4F4);
    box-shadow: 4px 9px 19px #e9e9e9;
    margin-bottom: 30px
}

    .activity-detail-text-content .title-detail {
        font-size: 30px;
        font-size: 22px;
        font-weight: 700;
        color: #444;
        float: left;
        line-height: 26px
    }

    .activity-detail-text-content .title-fa {
        font-size: 26px;
        float: left;
        margin-right: 10px
    }

    .activity-detail-text-content .gallery-content {
        padding: 10px 0
    }

.activity-detail-buy-content {
    margin-top: 20px;
    border: solid 1px #f2f4f7;
    padding: 15px;
    border-radius: 10px
}

    .activity-detail-buy-content .price-content {
        font-size: 17px;
        font-weight: 700
    }

    .activity-detail-buy-content .activity-price {
        font-size: 20px;
        font-weight: 700
    }

    .activity-detail-buy-content .activity-buy-button {
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        background-color: #5cb85c;
        margin-top: 10px;
        border-radius: 5px;
        color: #fff;
        text-align: center;
        cursor: pointer
    }

    .activity-detail-buy-content.btnfixed {
        position: absolute !important;
        z-index: 10;
        background-color: #fff
    }

.activity-dbcmobile {
    position: fixed;
    bottom: 0;
    z-index: 101;
    width: 100%;
    background-color: #fff;
    left: 0;
    border-radius: 0;
    padding: 20px;
    border-top: solid 1px #ccc
}

.fancybox-gallery-content img {
    width: 19%;
    margin-right: 1%;
    margin-bottom: 1%
}

.activity-accordion-content .accordion {
    background-color: #338686;
    color: #fff;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 5px;
    font-weight: 700;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

    .activity-accordion-content .active, .activity-accordion-content .accordion:hover {
        background-color: #338686
    }

.activity-accordion-content .panel {
    padding: 15px !important;
    background-color: #fff;
    transition: max-height 0.2s ease-out;
    margin-bottom: 5px;
    border: solid 1px #ccc
}

.activity-detail-intitle {
    background-color: #338686;
    color: #fff;
    padding: 8px;
    font-size: 16px;
    margin: 20px 0 10px
}

@media(min-width:1200px) {
    .activity-search-background #flexslider-container-2, .activity-search-background #slider-2 .flex-viewport, .activity-search-background #slider-2 .slides {
        height: 500px
    }

    .activity-search-background #slider-2 .slides > li {
        height: 500px
    }

    .activity-search-background #slider-2 {
        height: 500px
    }
}

@media(max-width:1199px) {
    .activity-search-background #flexslider-container-2, .activity-search-background #slider-2 .flex-viewport, .activity-search-background #slider-2 .slides {
        height: 550px
    }

    .activity-search-background #slider-2 .slides > li {
        height: 550px
    }

    .activity-search-background #slider-2 {
        height: 550px
    }
}

@media(max-width:991px) {
    .activity-search-background #flexslider-container-2, .activity-search-background #slider-2 .flex-viewport, .activity-search-background #slider-2 .slides {
        height: 500px
    }

    .activity-search-background .activity-search-background #slider-2 .slides > li {
        height: 500px
    }

    .activity-search-background #slider-2 {
        height: 500px
    }
}

@media(max-width:768px) {
    #slider-2 li .meta h2 {
        font-size: 50px
    }

    #slider-2 li .meta p {
        width: 80%
    }
}

@media(max-width:767px) {
    #slider-2 li .meta {
        padding-top: 100px
    }
}

@media(max-width:576px) {
    #flexslider-container-2, #slider-2 .flex-viewport, #slider-2 .slides {
        height: 450px
    }

        #slider-2 .slides > li {
            height: 450px
        }

    #slider-2 {
        height: 450px
    }
}

@media(max-width:420px) {
    #slider-2 li .meta h2 {
        font-size: 30px
    }

    #slider-2 li .meta p {
        font-size: 14px
    }
}

#activity-list-content .grid-block .block-title {
    height: 52px;
    overflow: hidden
}

@media(min-width:993px) and (max-width:1181px) {
    #activity-list-content .main-img {
        height: 250px !important
    }
}

@media(max-width:992px) {
    #activity-list-content .main-img {
        height: auto !important
    }
}

#activity-list-content .main-img {
    height: 200px
}

.alternativeactivities-content .t-grid-img {
    height: 176px
}

@media(max-width:992px) {
    .alternativeactivities-content .t-grid-img {
        height: 250px
    }
}

@media(max-width:767px) {
    .alternativeactivities-content .t-grid-img {
        height: 300px
    }
}

.header-mobile-searchicon {
    position: absolute;
    left: 49%;
    top: 25px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    color: #fff
}

.activity-mobile-search-content {
    position: fixed;
    top: -114px;
    height: 114px;
    background-color: #fff;
    width: 100%;
    z-index: 101;
    padding: 10px;
    border-bottom: solid 1px #ccc
}

    .activity-mobile-search-content .input-group-addon {
        margin-top: 4px;
        margin-right: 15px
    }

    .activity-mobile-search-content .mobile-search-input-textfield {
        height: 46px;
        line-height: 46px;
        border: 0;
        padding: 0 20px;
        width: 100%;
        border: solid 1px #efefef;
        background-color: #fff !important
    }

    .activity-mobile-search-content .mobile-activity-search-button {
        margin-top: 14px;
        height: 32px;
        line-height: 32px;
        border: 0;
        padding: 0 20px;
        color: #fff;
        background-color: #338686;
        font-size: 14px;
        float: right;
        margin-left: 5px
    }

        .activity-mobile-search-content .mobile-activity-search-button:hover {
            background-color: #489d9d
        }

    .activity-mobile-search-content .mobile-activity-cancel-button {
        margin-top: 14px;
        height: 32px;
        line-height: 32px;
        border: 0;
        padding: 0 20px;
        color: #333;
        background-color: #dedede;
        font-size: 14px;
        float: right
    }