.busfeature, .flightfeature, .hotelfeature, .pacfeature, .ssfeature, .transfeature {
    padding: 10px;
    border-radius: 8px
}

.busfeature, .corefeature, .flightfeature, .hotelfeature, .pacfeature, .ssfeature, .transfeature {
    line-height: 1.2;
    text-align: left
}

.edge, .edge:after {
    right: 0
}

.corefeature {
    font-size: 13px;
    font-weight: 500;
}

.flightfeature {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 500;
}

.flightflow {
    background: url(../../assets/img/Images/Service/flight.png) 32px 7px no-repeat
}
    .flightflow div {
        margin-top: 20px;
        font-size: 11px;
        font-weight: 500;
        margin-left: 68px;
    }

#dvBookSummaryHotel, #dvConfirmBus, #dvConfirmCar, #dvConfirmSS, #dvPaxDetailBus, #dvPaxDetailCar, #dvPaxDetailSS, #dvPaymentBus, #dvPaymentCar, #dvPaymentSS, #dvRoomDetailsBus, #dvRoomDetailsCar, #dvRoomDetailsSS, #dvRuleBus, #dvRuleCar, #dvRuleSS, #dvSelectRoomBus, #dvSelectRoomCar, #dvSelectRoomHotel, #dvSelectRoomSS {
    margin-left: 30px
}

.flightflow div span {
    position: relative;
    top: 35px
}

.flightflow div[data-toggle=tooltip]:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .5s ease
}

#dvPaxDetailFlight, #dvSearchFlight {
    margin-left: 95px
}

    #dvBookSummaryFlight span, #dvOffLineFlight span, #dvPaxDetailFlight span, #dvPaymentFlight span, #dvRuleFlight span, #dvSResultFlight span, #dvSearchFlight span {
        top: 25px
    }

#dvPaymentFlight, #dvSResultFlight {
    margin-left: 70px
}

#dvSelectRoomFlight {
    margin-left: 180px
}

#dvCancelFlight, #dvOffLineFlight, #dvOnLineFlight, #dvUpdatePnrFlight {
    margin-left: 35px
}

#dvBookSummaryFlight {
    margin-left: 175px;
    margin-top: 35px;
    margin-bottom: 35px
}

#dvCancelFlight {
    margin-bottom: 25px
}

.hotelfeature {
    margin-top: 30px;
    float: right;
    font-size: 13px;
    font-weight: 500;
}

.hotelflow {
    background: url(../../assets/img/Images/Service/hotel.png) 7px -31px no-repeat;
}

    .hotelflow div[data-toggle=tooltip] {
        margin-top: 40px;
        font-size: 13px
    }

    .hotelflow div span {
        position: relative;
        top: 35px
    }

    .hotelflow div[data-toggle=tooltip]:hover {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all .3s ease
    }

#dvPaxDetailHotel, #dvSearchHotel {
    margin-top: 0
}

#dvConfirmHotel, #dvRoomDetailsHotel {
    margin-top: 60px;
    margin-left: 30px
}

#dvVoucherHotel {
    margin-top: 60px
}

#dvBookSummaryHotel span, #dvConfirmHotel span, #dvPaxDetailHotel span, #dvRoomDetailsHotel span {
    top: 25px
}

.transfeature {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 500;
}

.transflow {
    background: url(../../assets/img/Images/Service/transfer.png) 13px 34px no-repeat
}

    .transflow div span {
        position: relative;
        top: 35px
    }

#dvBookSummaryCar span, #dvConfirmCar span, #dvPaxDetailCar span, #dvRoomDetailsCar span {
    top: 25px
}

.transflow div[data-toggle=tooltip] {
    margin-top: 40px;
    font-size: 13px
}

    .transflow div[data-toggle=tooltip]:hover {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all .3s ease
    }

#dvSearchCar, #dvVoucherCar {
    margin-top: 116px
}

#dvBookSummaryCar {
    margin-top: 184px
}

.busfeature {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 500;
}

.busflow {
    background: url(../../assets/img/Images/Service/bus.PNG) 11px 6px no-repeat;
}

    .busflow div[data-toggle=tooltip] {
        margin-top: 40px;
        font-size: 13px
    }

        .busflow div[data-toggle=tooltip] span {
            position: relative;
            top: 35px
        }

#dvBookSummaryBus span, #dvConfirmBus span, #dvPaxDetailBus span, #dvRoomDetailsBus span {
    top: 25px
}

.busflow div[data-toggle=tooltip]:hover {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .3s ease
}

#dvSearchBus, #dvVoucherBus {
    margin-top: 116px
}

#dvBookSummaryBus {
    margin-top: 184px
}

.pacfeature {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 500;
}

.pacflow {
    background: url(../../assets/img/Images/Service/package.png) 25px 13px no-repeat
}

    .pacflow div[data-toggle=tooltip] {
        margin-top: 40px;
        font-size: 13px
    }

        .pacflow div[data-toggle=tooltip] span {
            position: relative;
            top: 35px
        }

        .pacflow div[data-toggle=tooltip]:hover {
            -ms-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            transition: all .3s ease
        }

#dvEnquiryPac, #dvFollowPac, #dvPaxDetailPac, #dvSearchPac, #dvVoucherPac {
    margin-top: 116px
}

    #dvBookSummaryPac span, #dvConfirmPac span, #dvEditPac span, #dvFollowPac span, #dvPaxDetailPac span, #dvRoomDetailsPac span {
        top: 25px
    }

.ssfeature {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 500;
}

.ssflow {
    background: url(../../assets/img/Images/Service/sightseeing.png) 24px 27px no-repeat
}

    .ssflow div[data-toggle=tooltip] {
        margin-top: 40px;
        font-size: 13px
    }

        .ssflow div[data-toggle=tooltip] span {
            position: relative;
            top: 35px
        }

#dvBookSummarySS span, #dvConfirmSS span, #dvPaxDetailSS span {
    top: 25px
}

.ssflow div[data-toggle=tooltip]:hover {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .3s ease
}

#dvSearchSS, #dvVoucherSS {
    margin-top: 116px
}

#dvBookSummarySS {
    margin-top: 184px
}

.tagcloud05 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .tagcloud05 ul li {
        display: inline-block;
        margin: 0 0 .6em 1.2em;
        padding: 0
    }

        .tagcloud05 ul li a {
            position: relative;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding: 0 1em;
            background-color: #e0e0e0;
            border-radius: 0 3px 3px 0;
            color: #28253a;
            font-size: 13px;
            text-decoration: none;
            -webkit-transition: .2s;
            transition: .2s
        }

            .tagcloud05 ul li a::after, .tagcloud05 ul li a::before {
                position: absolute;
                content: ''
            }

            .tagcloud05 ul li a::before {
                top: 0;
                left: -15px;
                width: 0;
                height: 0;
                border-color: transparent #e0e0e0 transparent transparent;
                border-style: solid;
                border-width: 15px 15px 15px 0;
                -webkit-transition: .2s;
                transition: .2s
            }

.edge, .edge:before {
    left: 0
}

.tagcloud05 ul li a::after {
    top: 50%;
    left: 0;
    z-index: 2;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100%
}

.contact-blk, .contact_popup, .social-icons-container {
    position: fixed;
    top: 200px;
    z-index: 999
}

.tagcloud05 ul li span {
    display: block;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tagcloud05 ul li a:hover {
    background-color: #09386b;
    color: #fff
}

    .tagcloud05 ul li a:hover::before {
        border-right-color: #09386b
    }

.black-font h3, .black-font p {
    color: #b1afaf !important
}

.contact_popup {
    margin-right: 30px
}

.contact_bg {
    background-color: #0b2448;
    width: 157px;
    height: 61px;
    color: #f9c11e;
    border-top-left-radius: 2em;
    padding: 15px 5px 10px 17px;
    font-size: 19px;
    border: 1px dashed #ccc;
    line-height: 13px;
    text-align: center;
    box-shadow: 30px 7px 5px rgba(0,0,0,.22)
}

.contact-blk {
    right: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.vertical-icon, .vertical-icon li {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.hide-contact-blk {
    margin-right: -198px
}

.cn_txt {
    font-size: 11px;
    color: #7bc018
}

.social-icons-container {
    margin-left: -40px
}

.vertical-icon {
    transition: all .5s
}

    .vertical-icon li {
        width: 50px;
        height: 50px;
        list-style: none;
        padding: 2px;
        transition: all .5s
    }

.hide-vertical-icon {
    margin-left: -90px
}

#A2, #A4, #A7 {
    background: url(../../Images/pattern.png);
    padding-top: 50px;
    min-height: 550px
}
#A4{
    background: url(../../Images/pattern_1.png);
    padding-top: 50px;
    min-height: 550px
}
#A5 {
    background-color: #ebebeb;
    padding-top: 50px;
    min-height: 550px
}



.slider {
    overflow:hidden;
    position: relative;
    margin: auto 0
}

.edge:after, .edge:before {
    content: '';
    width: 25%
}

.edge, .edge:after, .edge:before {
    position: absolute;
    height: 100%
}

.edge {
    top: 0;
    bottom: 0;
    display: block
}

.tekno-tours {
    padding: 20px
}

.tekno-tours-content {
    min-height: 205px;
    text-align: center
}

    .other-products-row a, .tekno-tours-content.side-links a {
        display: inline-block;
        padding: 5px 8px;
        margin: 5px 0;
        border-radius: 5px;
        background-color: #eda541;
        color: #fff;
        width: 130px;
        text-align: center
    }

.w180 {
    width: 180px !important
}

.other-products-container {
    float: left;
    display: block;
    width: 50%;
    margin: 0 25%
}

.other-products {
    list-style: none;
    padding: 0 15px;
    line-height: 2em
}

.popover, .tooltip {
    font-family: Lato,Helvetica,Arial,sans-serif !important;
    line-height: 1.52857143 !important
}

.other-products li {
    float: left;
    margin: 0 6px
}

.other-products.no-float li {
    clear: both !important
}

.b2b-product {
    margin: 0 15%
}

@media (max-width:425px) {
    .other-products-container {
        width: 100%;
        margin: 0
    }

    .other-products li {
        width: 100%
    }

    .tekno-tours-content.side-links a {
        width: 100% !important
    }
}

@media (max-width:768px) {
    .other-products.mobile-product a {
        width: 210px !important
    }

    .other-products-container.b2b-product {
        margin: 0 !important;
        width: 100%
    }

        .other-products-container.b2b-product li {
            clear: none !important
        }
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    margin-bottom: -10px !important;
    border-width: 10px 10px 0 !important;
    border-top-color: #1e2022 !important
}

.tooltip.bottom .tooltip-arrow, .tooltip.top .tooltip-arrow {
    margin-left: -10px !important
}

.owl-carousel .owl-item img {
    max-width: 100% !important;
    width: inherit
}

.tooltip {
    font-size: 14px !important
}

    .tooltip.in {
        filter: alpha(opacity=96) !important;
        opacity: .96 !important
    }

    .tooltip.top {
        padding: 10px 0 !important
    }

    .tooltip.right {
        padding: 0 10px !important
    }

    .tooltip.bottom {
        padding: 10px 0 !important
    }

    .tooltip.left {
        padding: 0 10px !important
    }

.tooltip-inner {
    padding: 12px 15px !important;
    background-color: #1e2022 !important;
    border-radius: 14px !important
}

.tooltip.top .tooltip-arrow {
    border-width: 10px 10px 0 !important;
    border-top-color: #1e2022 !important
}

.tooltip.top-left .tooltip-arrow {
    right: 10px !important
}

.tooltip.top-right .tooltip-arrow {
    left: 10px !important
}

.tooltip.right .tooltip-arrow {
    margin-top: -10px !important;
    border-width: 10px 10px 10px 0 !important;
    border-right-color: #1e2022 !important
}

.tooltip.left .tooltip-arrow {
    margin-top: -10px !important;
    border-width: 10px 0 10px 10px !important;
    border-left-color: #1e2022 !important
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-width: 0 10px 10px !important;
    border-bottom-color: #1e2022 !important
}

.tooltip.bottom-left .tooltip-arrow {
    right: 10px !important;
    margin-top: -10px !important
}

.tooltip.bottom-right .tooltip-arrow {
    left: 10px !important;
    margin-top: -10px !important
}

.popover {
    border-radius: 16px !important
}

.b2c-modules li:before, .strength li:before {
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.5em
}

.modules {
    box-shadow: 1px 2px 15px rgba(121,117,117,.18);
    padding: 15px;
    border: 1px solid #e6e6e6
}

    .modules.firstrow {
        min-height: 325px
    }

    .modules.secondrow {
        min-height: 435px
    }

    .modules.thirdrow {
        min-height: 370px
    }

.b2c-modules {
    list-style: none;
    padding: 0
}

    .b2c-modules li, .strength li {
        padding-left: 1.5em
    }

    .b2c-modules li {
        line-height: 2em
    }

    .b2c-modules.flight li:before {
        content: "\f072"
    }

    .b2c-modules.hotel li:before {
        content: "\f236 "
    }

    .b2c-modules.transfer li:before {
        content: "\f1ba "
    }

    .b2c-modules.bus li:before {
        content: "\f207 "
    }

    .b2c-modules.package li:before {
        content: "\f0e9  "
    }

    .b2c-modules.sightseeing li:before {
        content: "\f1e5   "
    }

.strength li:before {
    content: "\f046"
}

.other-products-wrapper {
    width: 100%;
    float: left
}

.other-products-row {
    margin: 0 auto;
    width: 88%
}

.screen-portal {
    height: 174px;
    border: 1px solid #ddd;
    overflow: hidden
}

    .screen-portal img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

.nav-icon {
    width: 50px;
    height: 50px
}

.nav-vertical {
    width: 100%;
    height: 100%;
    position: relative
}

.mask-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.nav-vertical.flight {
    background-position: 0 -910px
}

.nav-vertical:hover .mask-icon {
    background-color: rgba(8,144,122,.54)
}

.nav-vertical.hotel {
    background-position: -58px -910px
}

.nav-vertical.transfer {
    background-position: -116px -910px
}

.nav-vertical.bus {
    background-position: -174px -910px
}

.nav-vertical.package {
    background-position: -231px -910px
}

.nav-vertical.sightseeing {
    background-position: -289px -910px
}

.nav-vertical.admin {
    background-position: -346px -910px
}