@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

body,
html {
    font-size: 14px;
    font-family: 'Rubik', sans-serif;
    color: #000;
    line-height: 1;
    background-color: #fdfbfb;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

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

.fw-700 {
    font-weight: 700 !important
}

.fw-900 {
    font-weight: 900 !important
}

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-13 {
    font-size: 13px !important
}

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

.fs-15 {
    font-size: 15px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-17 {
    font-size: 17px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-45 {
    font-size: 45px !important
}

.lh-18 {
    line-height: 18px !important
}

.lh-30 {
    line-height: 30px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

a:focus,
a:hover {
    text-decoration: none
}

.text-red {
    color: #b8133b
}

.text-pink {
    color: #ff4d78
}

.text-yellow {
    color: #f7b32b
}

.text-dark-grey {
    color: #3d3c4a
}

.text-med-grey {
    color: #6f6f7a
}

.text-light-grey {
    color: #dedee4
}

.text-light {
    color: F9F9FB
}

.slick-next,
.slick-prev {
    display: flex;
    width: 32px;
    height: 32px;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, .2) 1px 1px 2px 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 2px;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(191, 190, 190, .12)
}

.slick-disabled {
    width: 0;
    height: 0
}

.slick-prev {
    left: -16px
}

.slick-next {
    right: -16px
}

@media (min-width:1300px) {
    .container {
        max-width: 1200px
    }
}

header {
    position: relative;
    z-index: 2;
    top: 0;
    transition: all .5s ease-in-out;
    background: #fff;
    border-bottom: 1px solid #ebeef2
}

.navbar-brand {
    max-width: 250px
}

.js_fixedcontent.stick {
    box-shadow: 0 0 5px 0 #bbb
}

.navbar-expand-lg {
    padding: .5rem 0
}

.navbar-nav .nav-item {
    line-height: 24px
}

.navbar-light .navbar-nav .nav-link {
    color: #272727;
    font-size: 14px;
    font-weight: 500;
    padding: 0 8px;
    position: relative
}

    .navbar-light .navbar-nav .nav-link::before {
        content: "";
        top: -14px;
        left: 0;
        width: 100%;
        position: absolute;
        height: 2px
    }

    .navbar-light .navbar-nav .nav-link:hover {
        color: #333
    }

        .navbar-light .navbar-nav .nav-link:hover::before {
            background: #01aef0
        }

.my-account {
    padding: 0 12px;
    border-right: 1px solid#dadada
}

    .my-account span {
        display: block;
        line-height: 1;
        color: #afafaf
    }

.no-arrow .dropdown-toggle::after {
    content: none
}

.gr-dropdown {
    padding: 15px 15px 12px 15px;
    width: 240px;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.gr-dropdown {
    top: 40px
}

    .gr-dropdown:before {
        content: '';
        border: 11px solid transparent;
        border-bottom-color: #ccc;
        position: absolute;
        top: -22px;
        right: 185px
    }

    .gr-dropdown:after {
        content: '';
        border: 11px solid transparent;
        border-bottom-color: #fff;
        position: absolute;
        top: -21px;
        right: 185px
    }

.help-dropdown {
    left: -110px
}

    .help-dropdown:after,
    .help-dropdown:before {
        right: 95px
    }

.account-dropdown:after,
.account-dropdown:before {
    right: 10px
}

.help-dropdown li {
    padding-left: 8px;
    padding-right: 8px
}

.help-dropdown .label {
    color: #999;
    font-size: 12px;
    display: block
}

.help-dropdown p {
    font-size: 20px;
    line-height: 1.2;
    display: block;
    margin-bottom: 5px
}

.help-dropdown .time {
    color: #999;
    font-size: 12px;
    margin-top: 5px;
    display: block
}

.account-dropdown .sign-in-desc {
    color: #666;
    font-size: 12px;
    line-height: 1.35;
    display: block;
    margin-bottom: 10px
}

.account-dropdown .btn-sign {
    background-color: #04aff0;
    color: #fff
}

    .account-dropdown .btn-sign:focus,
    .account-dropdown .btn-sign:hover {
        background-color: #019bd6
    }

.account-dropdown .btn-sign-up {
    color: #04aff0;
    background-color: transparent;
    border: 1px solid #04aff0
}

    .account-dropdown .btn-sign-up:focus,
    .account-dropdown .btn-sign-up:hover {
        background: rgba(4, 175, 240, .1)
    }

.call {
    padding-left: 12px
}

    .call .media img {
        width: 24px
    }

    .call .media .media-body h5 {
        line-height: 24px;
        color: #2196f3
    }

.section-wrapper {
    padding: 30px 0 10px
}

.section-title {
    margin-bottom: 15px;
    padding: 15px;
    box-shadow: 1px 2px 6px #ccc;
    border-left: 4px solid #00a2e0
}

    .section-title h2 {
        color: #292929;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 700;
        margin-bottom: 5px
    }

        .section-title h2 a {
            color: inherit
        }

    .section-title h6 {
        color: #717171;
        font-size: 15px
    }

.otp-btn,
.search-btn {
    color: #fff;
    background-color: #00a2e0;
    border-color: #00a2e0
}

.section-title .otp-btn {
    padding: 5px 10px;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1
}

.otp-btn:focus,
.otp-btn:hover {
    color: #fff;
    background-color: #007cad;
    border-color: #007cad
}

.search-btn .input-group-text {
    background-color: transparent;
    border: none
}

    .search-btn .input-group-text svg {
        stroke: #fff
    }

.otp-btn-outline {
    color: #00a2e0;
    border-color: #00a2e0
}

    .otp-btn-outline:focus,
    .otp-btn-outline:hover {
        background-color: #007cad;
        border-color: #007cad;
        color: #fff
    }

.slider-wrapper {
    background: #333;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 350px
}

.slide a {
    display: block;
    position: relative;
    margin: 0
}

.slider-wrapper .slick-next,
.slider-wrapper .slick-prev {
    position: absolute;
    display: block;
    width: 60px;
    height: 100px;
    cursor: pointer;
    background: 0 0;
    top: 50%;
    margin-top: -45px;
    font-size: 0;
    border: none;
    z-index: 2;
    box-shadow: none
}

.slider-wrapper .slick-prev {
    left: 10px
}

.slider-wrapper .slick-next {
    right: 10px
}

    .slider-wrapper .slick-next:after,
    .slider-wrapper .slick-next:before,
    .slider-wrapper .slick-prev:after,
    .slider-wrapper .slick-prev:before {
        content: '';
        position: absolute;
        background: #fff;
        height: 3px;
        width: 50px;
        top: 50%;
        left: 5px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .slider-wrapper .slick-next:focus,
    .slider-wrapper .slick-prev:focus {
        outline: 0
    }

    .slider-wrapper .slick-next:before,
    .slider-wrapper .slick-prev:before {
        margin-top: -18px
    }

.slider-wrapper .slick-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slider-wrapper .slick-prev:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slider-wrapper .slick-next:after,
.slider-wrapper .slick-prev:after {
    margin-top: 18px
}

.slider-wrapper .slick-next:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slider-wrapper .slick-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.activate {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.animated {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.slider .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 40px;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .2)
}

.slider h2.big {
    font-size: 3rem;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    padding-top: 50px;
    text-shadow: 1px 2px 2px #000
}

.slider .slider-inner p {
    font-size: 1.5rem;
    line-height: 1.1;
    margin: 30px 0 40px;
    color: #fff;
    text-shadow: 1px 2px 2px #000
}

.slider .btn {
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 26px;
    padding: 1.5rem 2.6rem;
    color: #fff;
    border-radius: 0;
    border: none;
    font-size: 22px;
    font-size: 2.2rem
}

.slider .slick-next:focus,
.slider .slick-prev:focus {
    outline: 0
}

.slider-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    background: 0 0
}

    .slider-progress .progress {
        width: 0%;
        border-radius: 0;
        height: 3px;
        background: rgba(255, 255, 255, .35)
    }

.search-wrapper {
    position: relative;
    padding: 20px 0 30px
}

.searchList .search-wrapper {
    padding: 0
}

.search-wrapper .container {
    z-index: 2;
    position: relative
}

.top-search-wrapper {
    position: relative;
    top: -50px;
    z-index: 99
}

.searchList .top-search-wrapper {
    top: 0;
    margin-bottom: 20px
}

    .searchList .top-search-wrapper.custom-row {
        margin: 0;
        padding: 30px 0
    }

    .searchList .top-search-wrapper h1 {
        font-size: 25px;
        color: #fff
    }

.top-search-wrapper .form {
    height: 65px;
    width: 70%
}

.searchList .top-search-wrapper .form {
    width: 90%;
    height: auto
}

.top-search-wrapper .input-group {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .25)
}

.searchList .top-search-wrapper .input-group {
    box-shadow: none
}

.top-search-wrapper .input-group input {
    border: 1.5px solid rgba(0, 162, 224, .8);
    height: 65px;
    font-size: 16px;
    color: #333;
    padding-left: 20px;
    border-radius: .25rem 0 0 .25rem
}

.searchList .top-search-wrapper .input-group input {
    height: 47px;
    border-color: #fff
}

.top-search-wrapper .input-group input:focus {
    outline: 0;
    box-shadow: none
}

.top-search-features {
    margin-top: -20px
}

.searchList .top-search-features {
    margin-top: 0;
    padding: 20px 0
}

.search-wrapper .container .media .media-body p {
    font-size: 14px;
    line-height: 20px;
    color: #3a3a3a;
    font-weight: 500;
    margin-bottom: 0
}

.search-wrapper .otp-btn {
    padding: 6px 50px 6px 20px;
    position: relative
}

    .search-wrapper .otp-btn svg {
        position: absolute;
        right: 5px;
        top: 4px
    }

.search-wrapper .plan-btn {
    text-align: right
}

.media-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 100%;
    margin-right: 20px;
    background-color: #00a2e0;
    text-align: center
}

    .media-icon.media-icon-2 {
        width: 60px;
        height: 60px;
        font-size: 24px;
        line-height: 60px;
        text-align: center
    }

    .media-icon object {
        width: 30px;
        height: 30px;
        margin: 7.5px auto
    }

.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
    font: inherit;
    margin: 0
}

.typeahead__container optgroup {
    font-weight: 700
}

.typeahead__container input {
    overflow: visible
}

.typeahead__container select {
    text-transform: none
}

.typeahead__container fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.typeahead__container legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.typeahead__container textarea {
    overflow: auto
}

.typeahead__container [type=checkbox],
.typeahead__container [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.typeahead__container [type=number]::-webkit-inner-spin-button,
.typeahead__container [type=number]::-webkit-outer-spin-button {
    height: auto
}

.typeahead__container [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    .typeahead__container [type=search]::-webkit-search-cancel-button,
    .typeahead__container [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

.typeahead__container ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

.typeahead__container ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.typeahead__container {
    position: relative;
    font: 1rem Lato, "Helvetica Neue", Arial, Helvetica, sans-serif
}

    .typeahead__container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0
    }

.typeahead__query {
    position: relative;
    z-index: 2;
    width: 100%
}

.typeahead__filter {
    position: relative
}

    .typeahead__filter button {
        min-width: 100%;
        white-space: nowrap
    }

        .typeahead__filter button:after {
            display: inline-block;
            margin-left: 4px;
            width: 0;
            height: 0;
            vertical-align: -2px;
            content: "";
            border: 4px solid;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent
        }

.typeahead__field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.typeahead__button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.typeahead__field {
    color: #555
}

    .typeahead__field .typeahead__hint,
    .typeahead__field [contenteditable],
    .typeahead__field input,
    .typeahead__field textarea {
        display: block;
        width: 100%;
        line-height: 1.25;
        min-height: calc(.5rem * 2 + 1.25rem + 2px);
        padding: .5rem .75rem;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 2px 0 0 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .typeahead__field .typeahead__hint:active,
        .typeahead__field .typeahead__hint:focus,
        .typeahead__field [contenteditable]:active,
        .typeahead__field [contenteditable]:focus,
        .typeahead__field input:active,
        .typeahead__field input:focus,
        .typeahead__field textarea:active,
        .typeahead__field textarea:focus {
            border-color: #66afe9
        }

        .typeahead__field input[type=search],
        .typeahead__field input[type=search]::-webkit-search-cancel-button {
            -webkit-appearance: none;
            appearance: none
        }

            .typeahead__field input[type=search]::-ms-clear {
                display: none;
                width: 0;
                height: 0
            }

.typeahead__container.hint .typeahead__field [contenteditable],
.typeahead__container.hint .typeahead__field input,
.typeahead__container.hint .typeahead__field textarea {
    background: 0 0
}

.typeahead__container.hint .typeahead__query > :last-child,
.typeahead__hint {
    background: #fff
}

.typeahead__container button.disabled,
.typeahead__container button[disabled],
.typeahead__container input.disabled,
.typeahead__container input[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-color: #ccc
}

.typeahead__container .typeahead__field .typeahead__hint,
.typeahead__container .typeahead__field .typeahead__label-container,
.typeahead__container .typeahead__field [contenteditable],
.typeahead__container .typeahead__field input,
.typeahead__container .typeahead__field textarea {
    padding-right: 32px
}

.typeahead__button,
.typeahead__filter {
    z-index: 1
}

    .typeahead__button button,
    .typeahead__filter button {
        margin-left: -1px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .typeahead__button:active,
    .typeahead__button:focus,
    .typeahead__button:hover,
    .typeahead__filter:active,
    .typeahead__filter:focus,
    .typeahead__filter:hover {
        z-index: 1001
    }

        .typeahead__button:active button:active,
        .typeahead__button:active button:focus,
        .typeahead__button:focus button:active,
        .typeahead__button:focus button:focus,
        .typeahead__button:hover button:active,
        .typeahead__button:hover button:focus,
        .typeahead__filter:active button:active,
        .typeahead__filter:active button:focus,
        .typeahead__filter:focus button:active,
        .typeahead__filter:focus button:focus,
        .typeahead__filter:hover button:active,
        .typeahead__filter:hover button:focus {
            z-index: 1001
        }

    .typeahead__filter + .typeahead__button button {
        margin-left: -2px
    }

.typeahead__container.filter .typeahead__filter {
    z-index: 1001
}

.typeahead__dropdown,
.typeahead__list {
    position: absolute;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 160px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-clip: padding-box
}

.typeahead__result.detached .typeahead__list {
    position: relative;
    z-index: 1041;
    top: initial;
    left: initial
}

.typeahead__dropdown {
    right: 0;
    left: initial;
    z-index: 1001
}

.typeahead__list > li {
    position: relative
}

    .typeahead__list > li:first-child {
        border-top: none
    }

.typeahead__dropdown .typeahead__dropdown-item[disabled] > a,
.typeahead__list .typeahead__item[disabled] > a {
    cursor: not-allowed;
    color: #bababa;
    background-color: #fafafa
}

.typeahead__dropdown .typeahead__dropdown-item > a,
.typeahead__list .typeahead__item > a {
    display: block;
    padding: 5px 20px;
    clear: both;
    color: #212121;
    text-decoration: none
}

.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover,
.typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__list .typeahead__item:not([disabled]) > a:focus,
.typeahead__list .typeahead__item:not([disabled]) > a:hover {
    background-color: #f5f5f5;
    color: #3c3c3c
}

.typeahead__list.empty > li {
    padding: .5rem .75rem;
    color: #333
}

.typeahead__list > .typeahead__group {
    border-color: #bfdef6;
    font-weight: 700
}

    .typeahead__list > .typeahead__group:first-child {
        border-top: solid 1px #bfdef6
    }

    .typeahead__list > .typeahead__group.active > a,
    .typeahead__list > .typeahead__group > a,
    .typeahead__list > .typeahead__group > a:focus,
    .typeahead__list > .typeahead__group > a:hover {
        cursor: default;
        color: #17639f;
        background: #ecf5fc;
        display: block;
        padding: .5rem .75rem;
        clear: both;
        text-decoration: none
    }

.typeahead__list > li.typeahead__group + li.typeahead__item {
    border-color: #bfdef6
}

.typeahead__container.backdrop + .typeahead__backdrop,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.result .typeahead__list {
    display: block !important
}

.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container .typeahead__list,
.typeahead__container + .typeahead__backdrop {
    display: none !important
}

.typeahead__dropdown li:last-child {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px #ccc
}

.typeahead__cancel-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 0;
    cursor: pointer;
    line-height: 1.25;
    padding: .5rem .75rem;
    visibility: hidden
}

.typeahead__label .typeahead__cancel-button {
    visibility: visible;
    right: 4px
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button,
.typeahead__label .typeahead__cancel-button {
    visibility: visible
}

    .typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover,
    .typeahead__label .typeahead__cancel-button:hover {
        color: #d0021b
    }

.typeahead__search-icon {
    padding: 0 1.25rem;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll center center transparent
}

.typeahead__container.loading .typeahead__query:after,
.typeahead__container.loading .typeahead__query:before {
    -webkit-transition: all 0s linear, opacity .2s ease;
    -o-transition: all 0s linear, opacity .2s ease;
    transition: all 0s linear, opacity .2s ease;
    position: absolute;
    z-index: 3;
    content: "";
    top: 50%;
    right: .55em;
    margin-top: -.675rem;
    width: 1.35rem;
    height: 1.35rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 500rem;
    border-style: solid;
    border-width: .1em
}

.typeahead__container.loading .typeahead__query:before {
    border-color: rgba(0, 0, 0, .35)
}

.typeahead__container.loading .typeahead__query:after {
    -webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-color: #fff transparent transparent;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent
}

@-webkit-keyframes button-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes button-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.typeahead__label-container {
    list-style: none;
    position: absolute;
    padding-top: calc(1rem * .375);
    padding-left: 6px;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.typeahead__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(1rem * .875);
    position: relative;
    background: #ecf5fc;
    border: solid 1px #c2e0ff;
    padding-left: 4px;
    border-radius: 2px;
    margin-right: 4px;
    margin-bottom: calc(1rem * .375)
}

    .typeahead__label > * {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .typeahead__label .typeahead__cancel-button {
        line-height: normal;
        height: auto;
        position: static;
        padding-top: calc(1rem * .25 - 1px);
        padding-bottom: calc(1rem * .25 + 1px);
        padding-left: 6px;
        padding-right: 6px;
        margin-left: 4px;
        font-size: calc(1rem * .875);
        border-left: solid 1px #c2e0ff
    }

        .typeahead__label .typeahead__cancel-button:hover {
            background-color: #d5e9f9
        }

.typeahead__query {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: .25rem 0 0 .25rem
}

    .typeahead__query .form-control {
        background-color: transparent
    }

.typeahead__cancel-button {
    font-size: 1.5rem;
    top: 22%
}

.typeahead__dropdown,
.typeahead__list {
    background-clip: padding-box;
    max-height: 263px;
    overflow-y: scroll
}

.typeahead__display strong {
    font-weight: 400 !important
}

.typeahead__display i {
    margin-right: 5px;
    color: #00a2e0
}

.deals-wrapper {
    padding-bottom: 40px;
    background: #f7f5f4
}

.deals-carousel {
    position: relative;
    margin: 0 -10px
}

.deals-item {
    color: #484848;
    background-color: #fff;
    display: inline-block;
    margin: 0 10px
}

    .deals-item:hover {
        color: rgba(72, 72, 72, 1)
    }

    .deals-item .carousel-img {
        position: relative;
        display: block;
        background-color: #ccc;
        padding-top: 55%;
        margin-bottom: 10px
    }

        .deals-item .carousel-img .bg-img {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            color: #fff;
            border-radius: 3px;
            overflow: hidden;
            background-size: cover;
            background-position: center
        }

    .deals-item .carousel-descr {
        padding: 5px 15px 15px
    }

        .deals-item .carousel-descr h4 {
            color: #292929;
            font-size: 17px;
            font-weight: 700
        }

        .deals-item .carousel-descr p {
            margin-bottom: 0;
            line-height: 1.5;
            color: rgba(72, 72, 72, 1)
        }

.pkg-wrapper {
    margin: 0 -10px
}

    .pkg-wrapper div.pkg-slide {
        display: inline-block;
        margin: 0 10px
    }

.pkg-grid {
    border: 1px solid #d9e1e8;
    color: rgba(72, 72, 72, 1)
}

.pkg-grid-img {
    background-color: #d9e1e8;
    height: 185px;
    overflow: hidden
}

    .pkg-grid-img .bg-img {
        transition: 3s;
        transform: scale(1);
        position: relative;
        height: 100%;
        width: 100%;
        color: #fff;
        border-radius: 3px;
        overflow: hidden;
        background-size: cover;
        background-position: center
    }

    .pkg-grid-img:hover .bg-img {
        transform: scale(1.2)
    }

.pkg-grid-descr {
    padding: 12px 18px
}

    .pkg-grid-descr h4 {
        color: #292929;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700
    }

        .pkg-grid-descr h4 a {
            color: inherit
        }

    .pkg-grid-descr p {
        margin-bottom: 0;
        line-height: 20px;
        font-size: 13px
    }

.price-tag p {
    font-size: 20px;
    font-weight: 700;
    color: #e91e63
}

.price-tag.no-price p {
    color: #585858;
    font-size: 14px;
    font-weight: 400
}

.btn-view {
    background-color: #30759d;
    border: 1px solid #30759d;
    color: #fff
}

    .btn-view:focus,
    .btn-view:hover {
        color: #fff
    }

.media-img {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 40px;
    border: 1px solid #ddd;
    margin-right: 20px
}

    .media-img img {
        width: 100%
    }

.custom-row {
    margin-top: 30px;
    padding: 50px 0;
    background-color: #004175;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
    /* background-image: url(../images/back-pattern.png) */
}

    .custom-row h2 {
        font-size: 24px;
        max-width: 80%;
        line-height: 35px;
        margin-top: 0;
        color: #fff;
        margin-bottom: 25px;
        font-weight: 700
    }

    .custom-row .media-body p {
        color: rgba(255, 255, 255, .95);
        font-size: 16px;
        line-height: 22px
    }

    .custom-row a.btn {
        background: #00a2e0;
        padding: 0 30px 0 20px;
        line-height: 1;
        text-align: center;
        display: block;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        text-transform: capitalize;
        color: #fff;
        font-weight: 500
    }

    .custom-row a svg {
        vertical-align: -6px;
        margin-left: 10px
    }

    .custom-row .text-cellphone {
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 15px;
        position: relative
    }

        .custom-row .text-cellphone svg {
            margin-right: 10px;
            vertical-align: -4px
        }

.agent-wrapper {
    margin-top: 20px;
    background: #f7f5f4;
    padding: 30px 0
}

.agents {
    margin: 0 -10px
}

.agent-grid {
    border: 1px solid #ddd;
    background-color: #fff;
    display: inline-block;
    border-radius: 2px;
    margin: 0 10px
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.agent-details {
    padding: 12px 15px 8px
}

.agent-grid {
    margin-bottom: 15px
}

.agent-details h5 {
    color: #333;
    font-weight: 700;
    line-height: 1
}

    .agent-details h5 a {
        color: inherit
    }

.agent-details img {
    height: 50px;
    width: auto
}

.agent-other {
    padding: 5px 15px 10px;
    background-color: #05aff0
}

    .agent-other > div {
        padding: 5px 5px 0
    }

    .agent-other h6 {
        color: #fff;
        font-weight: 700;
        line-height: 1
    }

    .agent-other p {
        margin-bottom: 0;
        color: #fff
    }

.sightseening-carousel {
    margin: 10px -8px
}

    .sightseening-carousel div.carousel-item {
        margin: 0 8px
    }

    .sightseening-carousel .sightseening-item {
        position: relative;
        padding-top: 100%;
        background: #484848;
        width: 100%;
        display: block;
        overflow: hidden
    }

        .sightseening-carousel .sightseening-item .carousel-img {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-size: cover;
            background-position: center center
        }

            .sightseening-carousel .sightseening-item .carousel-img img {
                width: 100%;
                height: 100%
            }

        .sightseening-carousel .sightseening-item .carousel-descr {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%
        }

            .sightseening-carousel .sightseening-item .carousel-descr div {
                background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, .9) 100%);
                position: absolute;
                width: 100%;
                padding: 30px 10px 40px;
                bottom: 0;
                text-align: center;
                color: #fff;
                display: none
            }

                .sightseening-carousel .sightseening-item .carousel-descr div h5 {
                    font-size: 30px;
                    font-family: 'Kaushan Script', cursive;
                    transform: rotate(-10deg);
                    text-shadow: 0 3px 0 #000
                }

                .sightseening-carousel .sightseening-item .carousel-descr div p {
                    margin-bottom: 0;
                    font-size: 12px;
                    text-transform: capitalize;
                    letter-spacing: 1px
                }

.testimonial-wrapper {
    margin-top: 20px;
    background-color: #f7f5f4;
    padding: 50px 0;
    background-image: url(../images/review-background.jpg);
    background-size: cover
}

.count-review-section {
    padding-top: 40px;
    position: relative
}

.carousel-2 .testimonial-item {
    margin: 0 15px
}

.count-review-section .quote-open-icon,
.testimonial-item .quote-open-icon {
    position: absolute;
    left: -7px;
    top: -30px;
    font-size: 180px;
    font-family: Arial;
    opacity: .5;
    color: #fff
}

.testimonial-item .quote-open-icon {
    left: initial;
    right: 15px;
    top: 0;
    color: #334d81;
    font-size: 150px;
    transform: rotate(-180deg);
    line-height: 0
}

.count-review-section h3 {
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: .6px;
    font-weight: 700
}

    .count-review-section h3 + span {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        letter-spacing: .6px;
        display: block;
        margin-bottom: 9px;
        opacity: .9
    }

.client-review-section {
    padding-left: 60px
}

.testimonial-item {
    border: 1px solid #d7dce3;
    border-radius: 3px;
    padding: 20px 30px;
    background-color: #fff;
    position: relative
}

    .testimonial-item p {
        font-size: 14px;
        line-height: 20px;
        color: #292929;
        margin-bottom: 0;
        text-align: justify
    }

    .testimonial-item .media {
        margin-bottom: 15px
    }

        .testimonial-item .media img {
            width: 50px;
            margin-right: 20px
        }

        .testimonial-item .media .media-body h4 {
            font-size: 18px;
            margin-bottom: 4px;
            font-weight: 700;
            line-height: 1
        }

    .testimonial-item .article[data-readmore] {
        transition: height .2s;
        overflow: hidden;
        margin-bottom: 5px;
        min-height: 83px
    }

    .testimonial-item .media .media-body p {
        padding-left: 1px;
        margin-bottom: 0;
        color: #768092
    }

    .testimonial-item .article + a,
    .testimonial-item p a {
        font-weight: 500;
        color: #00a2e0
    }

.review-details {
    padding-top: 10px
}

.review-btn {
    margin-top: 15px
}

    .review-btn a {
        line-height: 22px;
        background: #00a2e0;
        display: block;
        text-align: center;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        border-radius: 5px;
        padding: 8px 20px;
        border-radius: 0
    }

.blog-grids {
    margin-top: 15px;
    margin-bottom: 30px
}

.blog-grid {
    margin: 15px 0
}

    .blog-grid .blog-grid-img {
        position: relative;
        display: block;
        background-color: #ccc;
        padding-top: 50%;
        margin-bottom: 10px
    }

        .blog-grid .blog-grid-img .blog-bg {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            color: #fff;
            border-radius: 3px;
            overflow: hidden;
            background-size: cover;
            background-position: center
        }

.blog-grid-descr {
    padding: 0 4px
}

    .blog-grid-descr h4 {
        font-size: 17px;
        color: #292929;
        font-weight: 700
    }

    .blog-grid-descr p {
        color: rgba(72, 72, 72, 1);
        line-height: 1.5;
        font-size: 14px
    }

.gr-list-wrapper {
    /* background-color: #f7f5f4; */
    padding: 40px 0;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.gr-list-wrapper-2 {
    background: linear-gradient(107deg, rgba(5, 63, 156, .6), rgba(0, 133, 150, .73)), url(../images/plan-trip-bg.jpg);
    background-size: cover
}

    .gr-list-wrapper-2 #particles-js {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

.filter-container {
    position: relative;
    transform: none;
    transition: none;
    height: auto;
    z-index: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px
}

    .filter-container .filter-wrapper {
        display: block;
        height: auto;
        padding: 16px;
        box-shadow: inset 0 0 0 1px #d9d9d9;
        background-color: #fff;
        width: 100%
    }

        .filter-container .filter-wrapper .sorting {
            padding-bottom: 6px;
            border-bottom: 1px solid #d9d9d9
        }

            .filter-container .filter-wrapper .sorting .sort-label {
                line-height: 16px;
                color: #333;
                margin-bottom: 12px;
                font-weight: 700
            }

    .filter-container .filter-group {
        padding: 16px 0 6px 0;
        box-shadow: inset 0 -1px 0 0 #d9d9d9
    }

        .filter-container .filter-group.last-child {
            box-shadow: none
        }

        .filter-container .filter-group .group-title {
            box-shadow: none;
            padding: 6px 0;
            margin-bottom: 6px;
            font-size: 14px;
            font-weight: 500;
            color: #333
        }

        .filter-container .filter-group .group-content .filter-input {
            margin-bottom: 10px;
            position: relative
        }

            .filter-container .filter-group .group-content .filter-input span:not(.reset) svg {
                position: absolute;
                font-size: 20px;
                left: 10px;
                top: 7px;
                color: #bdbdbd
            }

            .filter-container .filter-group .group-content .filter-input span.reset svg {
                position: absolute;
                font-size: 20px;
                right: 10px;
                top: 10px;
                color: #7b7b7b
            }

        .filter-container .filter-group .group-content .input {
            height: 40px;
            line-height: 40px;
            border-radius: 4px;
            border: solid 1px #d9d9d9;
            color: #4d4d4d;
            font-size: 14px;
            padding: 0 29px 0 40px;
            text-overflow: ellipsis;
            width: 100%
        }

            .filter-container .filter-group .group-content .input:focus {
                border-color: #9e9e9e;
                outline: 0
            }

        .filter-container .filter-group .group-content .filter-list.overflow {
            height: 180px;
            overflow-y: scroll
        }

        .filter-container .filter-group .group-content .filter-list li label,
        .ui-checkbox {
            display: block;
            cursor: pointer;
            font-size: 14px;
            color: #000;
            line-height: 25px;
            width: 100%;
            position: relative;
            padding-left: 30px;
            margin-bottom: 5px
        }

        .filter-container .filter-group .group-content .filter-list li:hover label {
            color: #0288d1
        }

        .filter-container .filter-group .group-content .filter-list li label input[type=checkbox],
        .ui-checkbox input[type=checkbox] {
            position: absolute;
            opacity: 0;
            left: 0
        }

        .filter-container .filter-group .filter-list li label span::before,
        .ui-checkbox label::before {
            width: 16px;
            height: 16px;
            content: "";
            border: 1px solid #9e9e9e;
            position: absolute;
            left: 0;
            top: 5px
        }

        .filter-container .filter-group .filter-list li label span::after,
        .ui-checkbox label::after {
            content: "";
            position: absolute;
            left: 0;
            top: 5px;
            width: 16px;
            height: 16px;
            background-size: cover;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='%23409cd1' d='M0.543 5.647c0-3.119 2.531-5.647 5.65-5.647h19.309c3.12 0 5.65 2.511 5.65 5.647v20.705c0 3.119-2.531 5.647-5.65 5.647h-19.309c-3.12 0-5.65-2.511-5.65-5.647v-20.705zM5.313 17.587l7.039 6.839 13.831-13.439-2.636-2.561-10.929 10.62-4.442-4.317-2.862 2.858z'/%3E%3C/svg%3E");
            transform: scale(0);
            transition: all .2s ease-in-out
        }

        .filter-container .filter-group .filter-list li label span,
        .ui-checkbox label {
            padding-right: 30px
        }

.ui-checkbox label {
    margin-bottom: 0
}

.filter-container .filter-group .group-content .filter-list li label input[type=checkbox]:checked + span::before,
.ui-checkbox input[type=checkbox]:checked + label::before {
    background-color: transparent;
    border-color: transparent
}

.filter-container .filter-group .filter-list li label input[type=checkbox]:checked + span::after,
.ui-checkbox input[type=checkbox]:checked + label::after {
    transform: scale(1);
    transition: all .2s ease-in-out
}

.filter-container .filter-group .group-content .filter-list li label .count {
    float: right;
    font-weight: 700;
    color: #bdbdbd;
    font-size: 12px
}

#result {
    position: relative
}

.loading-wrapper {
    border: 1px solid #d9d9d9;
    padding: 15px 0;
    background-color: #fff;
    margin-bottom: 20px;
    height: 200px;
    overflow: hidden
}

.loading-img {
    max-width: 260px
}

    .loading-img:before {
        content: '';
        height: 170px;
        display: block;
        background-color: #ededed;
        box-shadow: -48px 78px 0 -48px #ededed,
    }

    .loading-img:after {
        content: '';
        background-color: #333;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        animation-duration: .6s;
        animation-iteration-count: infinite;
        animation-name: loader-animate;
        animation-timing-function: linear;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, 0) 81%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, 0) 81%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, 0) 81%)
    }

.loading-text {
    display: block;
    height: .75rem;
    background: #ededed;
    position: relative;
    overflow: hidden;
    margin-bottom: .5rem
}

    .loading-text.heading {
        width: calc(80% - 1rem)
    }

    .loading-text.small {
        width: calc(50% - 1rem);
        height: .65rem;
        margin-bottom: 2rem
    }

    .loading-text.text-1 {
        width: calc(85% - 1rem)
    }

    .loading-text.text-2 {
        width: calc(95% - 1rem)
    }

    .loading-text.text-3 {
        width: calc(75% - 1rem)
    }

    .loading-text::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-name: loader-animate;
        animation-timing-function: linear;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, 0) 81%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, 0) 81%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, 0) 81%)
    }

@keyframes loader-animate {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        transform: translate3d(100%, 0, 0)
    }
}

.result-list {
    padding: 0 10px
}

.result-count,
.result-count h4 {
    margin-bottom: 15px;
    color: #4e4e4e;
    font-size: 18px
}

.result-count {
    margin: 0
}

    .result-count div {
        font-size: 14px;
        font-weight: 400
    }

.box-wrapper,
.result-list-item {
    position: relative;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #d9d9d9;
    margin-bottom: 13px;
    padding: 15px 0
}

    .result-list-item .item-thumbnail {
        position: relative;
        max-width: 260px
    }

        .result-list-item .item-thumbnail .hotel-img-thumbnail {
            position: relative;
            padding: 38%;
            background: #3333
        }

            .result-list-item .item-thumbnail .hotel-img-thumbnail img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .result-list-item .item-thumbnail .hotel-img-thumbnail .tag {
                position: absolute;
                z-index: 2;
                display: inline-block;
                left: 10px;
                top: 10px;
                background-color: #e91e63;
                color: #fff;
                font-size: 12px;
                padding: 5px 15px
            }

.item-detail {
    position: relative;
    padding-bottom: 40px
}

    .item-detail .item-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding-left: .25rem
    }

        .item-detail .item-footer .item-action span + span,
        .item-detail .item-footer a + a {
            margin-left: 6px
        }

.item-description .item-name {
    margin-bottom: 10px
}

    .item-description .item-name a {
        color: #007dbf
    }

        .item-description .item-name a:hover {
            color: #007dbf
        }

.item-description .destination,
.item-description .duration,
.pkg-detail .destination,
.pkg-detail .duration {
    line-height: 1;
    color: #696969
}

.item-description .br {
    border-right: 1px solid #d6d6d6
}

.item-description .destination p,
.item-description .duration p,
.pkg-detail .destination p,
.pkg-detail .duration p {
    line-height: 22px;
    margin-bottom: 3px
}

.item-description .destination span,
.item-description .duration span,
.pkg-detail .destination span,
.pkg-detail .duration span {
    font-weight: 700;
    color: #474f52;
    position: relative
}

    .item-description .destination span + span,
    .pkg-detail .destination span + span {
        padding-left: 20px
    }

        .item-description .destination span + span::before,
        .pkg-detail .destination span + span::before {
            content: "";
            font-family: "Font Awesome 5 Free";
            position: absolute;
            left: 4px;
            color: #87959a;
            font-size: 12px
        }

.item-description .duration svg,
.pkg-detail .duration svg {
    width: 8px;
    height: 8px;
    fill: #87959a;
    stroke: #87959a;
    margin: 0 5px;
    vertical-align: 1.5px
}

.price {
    padding: 5px 0
}

    .price .price-heading {
        margin-bottom: 8px
    }

    .price p {
        margin-bottom: 8px
    }

    .price .new-price small {
        font-size: 12px;
        color: #848484
    }

    .price .old-price {
        text-decoration: line-through;
        color: #797979
    }

        .price .old-price span.badge {
            text-decoration: none;
            margin-left: 5px;
            vertical-align: bottom;
            font-weight: 400;
            font-size: 12px
        }

    .price.no-price p {
        font-size: 20px;
        font-weight: 700;
        color: #969696
    }

.agent-verfied a:before,
.agent-verfied span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='44' width='44' viewBox='0 0 44 44'%3E%3Cpath fill='%2341c4ab' d='M22 0C9.8 0 0 9.8 0 22s9.8 22 22 22 22-9.8 22-22S34.2 0 22 0zm12.7 15.1l-16 16.6c-.2.2-.4.3-.7.3-.3 0-.6-.1-.7-.3l-7.8-8.4-.2-.2c-.2-.2-.3-.5-.3-.7s.1-.5.3-.7l1.4-1.4c.4-.4 1-.4 1.4 0l.1.1 5.5 5.9c.2.2.5.2.7 0l13.4-13.9h.1c.4-.4 1-.4 1.4 0l1.4 1.4c.4.3.4.9 0 1.3z'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 15px;
    height: 15px;
    margin-right: 2px;
    margin-left: 3px;
    background-size: cover
}

.datepicker--day-name {
    color: #333;
    font-weight: 700
}

@keyframes cdp-in {
    from {
        transform: scale(1.5);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.cdp {
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 0;
    z-index: 6;
    margin: 10px 0;
    animation: cdp-in .5s ease both;
    animation-timeout: .2s
}

.cdp_i {
    font-size: 14px;
    text-decoration: none;
    transition: background 250ms;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 3px 6px;
    height: 38px;
    min-width: 38px;
    line-height: 38px;
    padding: 0;
    color: #333;
    font-weight: 500;
    letter-spacing: .03em;
    display: none
}

.cdp_i {
    padding: 0 15px;
    margin: 0 2px 6px;
    display: inline-block
}

    .cdp_i.active,
    .cdp_i:not(.disabled):hover {
        background-color: #00a2e0;
        color: #fff
    }

    .cdp_i.disabled {
        cursor: not-allowed;
        opacity: .3
    }

.detail-img .slick-prev {
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z'/%3E%3C/svg%3E");
    background-size: cover
}

.detail-img .slick-next {
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E");
    background-size: cover
}

.side-icons {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 9
}

    .side-icons ul {
        list-style: none
    }

        .side-icons ul li {
            position: relative;
            clear: both;
            float: left
        }

            .side-icons ul li + li,
            .side-icons ul li:first-child {
                margin-bottom: 20px
            }

    .side-icons .circle {
        width: 50px;
        height: 50px;
        background: #00a2e0;
        border-radius: 50%;
        float: left;
        text-align: center;
        line-height: 100%;
        font-size: 25px;
        color: #fff;
        transition: all .5s ease-in-out
    }

        .side-icons .circle svg {
            width: 26px;
            height: 26px;
            margin-top: 12px
        }

        .side-icons .circle .black {
            color: #fff;
            background: #1565c0;
            position: absolute;
            right: 65px;
            top: 10px;
            white-space: nowrap;
            text-align: center;
            text-transform: uppercase;
            border-radius: 4px;
            padding: 6px 25px;
            font-size: 14px;
            display: none
        }

        .side-icons .circle:hover .black {
            display: block
        }

.sponsored-pkg {
    border: 1.5px solid rgba(33, 150, 243, .42);
    background: #fff;
    margin-bottom: 12px;
    padding: 10px 25px 15px;
    background: #fbfdff;
    position: relative
}

    .sponsored-pkg h4 {
        font-size: 16px;
        font-weight: 700;
        color: #f44336
    }

.sponsored-pkgs {
    margin-top: 10px
}

    .sponsored-pkgs .pkg-grid {
        background: #fff;
        margin: 0 5px
    }

    .sponsored-pkgs .pkg-grid-img {
        height: 100px
    }

    .sponsored-pkgs .pkg-grid-descr {
        padding: 8px 10px
    }

.sponsored-pkg .pkg-grid-descr h4 {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    color: #1565c0
}

.box-wrapper {
    padding: 15px 20px
}

    .box-wrapper .pkg-detail .destination p,
    .box-wrapper .pkg-detail .duration p {
        margin-bottom: 8px;
        line-height: 18px
    }

.booking-btn {
    text-align: center;
    margin-bottom: 0
}

    .booking-btn .otp-btn {
        margin-bottom: 10px
    }

    .booking-btn p {
        margin-bottom: 0;
        line-height: 1;
        color: rgba(0, 0, 0, .5)
    }

.single-pkg-feature div {
    text-align: center
}

    .single-pkg-feature div p {
        margin-bottom: 0
    }

.features-2 p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0;
    color: #5a5a5a;
    font-weight: 500
}

.how_works .media .media-body .media-icon,
.single-pkg-feature div .media-icon {
    margin-top: 10px;
    margin-bottom: 10px
}

.how_works .media .media-body p,
.single-pkg-feature div p {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #00635a;
    font-weight: 700
}

.how_works .media .media-body p {
    font-weight: 500
}

.queryForm h4 {
    color: #0d47a1;
    margin-bottom: 20px
}

.shareBox .radio {
    line-height: 22px
}

#share-social {
    display: none
}

    #share-social li.h1 {
        font-size: 4rem
    }

    #share-social li a {
        color: #9e9e9e
    }

    #share-social li.facebook a:focus,
    #share-social li.facebook a:hover {
        color: #3b5998
    }

    #share-social li.twitter a:focus,
    #share-social li.twitter a:hover {
        color: #00aced
    }

    #share-social li.google a:focus,
    #share-social li.google a:hover {
        color: #dd4b39
    }

    #share-social li.pinterest a:focus,
    #share-social li.pinterest a:hover {
        color: #cb2027
    }

    #share-social li.whatsapp a:focus,
    #share-social li.whatsapp a:hover {
        color: #29a628
    }

.box-wrapper .price {
    padding: 0
}

    .box-wrapper .departure-date label,
    .box-wrapper .price label {
        font-weight: 500;
        font-size: 13px;
        color: #6b7477
    }

.box-wrapper .price-group {
    margin-bottom: 10px
}

.box-wrapper .price small {
    color: #8c8c8c
}

.box-wrapper .slide {
    margin-bottom: 5px
}

.box-wrapper .slick-prev {
    left: 15px
}

.box-wrapper .slick-next {
    right: 15px
}

.box-wrapper.stick {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 -1px 3px 0 rgba(0, 0, 0, .08);
    border: none
}

.box-heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #006ea2;
    margin-bottom: 10px
}

.detail-navbar {
    background-color: #00a2e0;
    position: relative;
    width: 100%;
    top: -20px;
    transition: all .3s ease-in-out
}

    .detail-navbar ul {
        margin-bottom: 0
    }

        .detail-navbar ul li a {
            padding: 12px 20px;
            color: #fff;
            display: block;
            position: relative
        }

            .detail-navbar ul li a:before {
                width: 0;
                content: "";
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background-color: #00739e;
                z-index: -1;
                transition: all 1s ease-in-out
            }

            .detail-navbar ul li a.highlighted:before {
                width: 100%
            }

    .detail-navbar.stick {
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
        transition: all .3s ease-in-out
    }

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

.tab-box p {
    line-height: 22px !important;
    font-size: 14px !important;
    font-family: Roboto, sans-serif !important
}

.tab-box .article {
    overflow: hidden;
    transition: all .3s ease-in-out
}

    .tab-box .article p {
        margin-bottom: 0
    }

        .tab-box .article p + p {
            margin: 12px 0 0
        }

    .tab-box .article + a {
        color: #00a2e0;
        font-weight: 700;
        font-size: 13px;
        display: block;
        margin: 10px 0 0
    }

.terms .lh-20 {
    line-height: 20px;
    margin-bottom: 0
}

.terms p {
    margin-bottom: 0;
    color: #404040;
    font-family: Roboto, sans-serif !important
}

    .terms p + p {
        margin-top: 5px
    }

.terms h5 {
    font-size: 17px;
    font-weight: 700;
    line-height: 30px
}

.terms .text-term {
    margin-bottom: 20px
}

.exclusion_text ul,
.inclusion_text ul,
.text-term ul {
    list-style: none;
    padding: 0
}

    .exclusion_text ul li,
    .inclusion_text ul li,
    .itinerary ul li,
    .text-term ul li {
        margin-bottom: 0;
        line-height: 30px !important;
        padding-left: 30px;
        position: relative;
        display: block;
        font-family: Roboto, sans-serif !important
    }

        .exclusion_text ul li:before,
        .inclusion_text ul li:before,
        .itinerary ul li::before,
        .text-term ul li:before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 100%;
            position: absolute;
            left: 9px;
            top: 11px
        }

        .itinerary ul li:after {
            position: absolute;
            content: "";
            background: #b2b2b2;
            left: 12px;
            height: 100%;
            top: 12px;
            width: 2px
        }

        .itinerary ul li:last-child::after {
            content: none
        }

        .inclusion_text ul li:before {
            background-color: #4caf50
        }

        .exclusion_text ul li:before {
            background-color: #fc5145
        }

        .text-term ul li:before {
            background: #b2b2b2
        }

.itinerary {
    padding-top: 10px;
    padding-right: 20px
}

    .itinerary ul li h4 {
        margin: 0 0 10px;
        font-size: 18px;
        text-transform: capitalize
    }

    .itinerary ul li {
        padding-bottom: 20px
    }

    .itinerary .dayTour p {
        margin-bottom: 0 !important
    }

        .itinerary .dayTour p:empty {
            margin-bottom: 0
        }

    .itinerary ul li::before {
        top: 5px;
        background-color: #00a2e0
    }

.inner-pages .inner-banner {
    background-color: #1ba0e2;
    padding: 90px 15px 0
}

.inner-pages .inner-content {
    padding: 40px 0
}

.aboutBanner {
    background-image: url(https://www.onlinetourpackage.com/content/assets/images/how_to_use.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    height: calc(100vh - 400px);
    width: 100%;
    background-position: center center;
    background-color: #e0e0e0;
    overflow: hidden;
    position: relative;
    padding: 0 !important
}

.contact-bg {
    background-image: url(../images/contact-bg.jpg)
}

.review-bg {
    background-image: url(../images/review-background.jpg) !important
}

.aboutBanner-content,
.agent-bg .plan-bg-content,
.plan-trip .plan-trip-bg .plan-bg-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    padding: 0
}

.review-bg .aboutBanner-content {
    background-color: transparent
}

.inner-pages .inner-content.review-content {
    padding: 50px 0 30px
}

.review-content .testimonial-item {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 -1px 3px 0 rgba(0, 0, 0, .08);
    margin-bottom: 25px
}

.aboutBanner-content h1 {
    font-size: 3rem;
    margin-bottom: 20px
}

.otp-content h1 {
    font-size: 3rem;
    line-height: 2rem;
    margin-top: 15px;
}

.otp-content h3 {
    font-size: 1.5rem;
}

.aboutBanner-content p {
    font-size: 24px
}

.otp-content p {
    line-height: 1.35
}

.register-label {
    font-size: 18px;
    margin-bottom: 8px;
    color: #fff
}

.register-btn {
    background: #0bb1f1;
    font-size: 14px;
    color: #fff;
    border-radius: 0;
    padding: 6px 30px
}

    .register-btn:focus,
    .register-btn:hover {
        color: #fff
    }

.about-us-2 {
    padding: 40px 0 0
}

.about-us .media {
    margin: 30px 60px 0
}

    .about-us .media img {
        max-width: 350px;
        margin-right: 50px
    }

.about-us .media-body p.simple-text,
.about-us-2 .media-body p.simple-text {
    font-size: 16px;
    line-height: 30px;
}

    .about-us-2 .media-body p.simple-text.text-2 {
        text-align: justify
    }

.about-us-2 .media {
    margin-bottom: 20px
}

.contact-content {
    background-color: #f7f5f4;
    padding-top: 50px !important
}

    .contact-content form {
        padding-right: 40px
    }

        .contact-content form .contact-form,
        .contact-details .contact-body {
            background: #fff;
            border: 1px solid silver;
            box-shadow: 0 1px 3px 0 rgba(27, 27, 27, .1);
            padding: 20px 25px;
            transition: all .2s ease-out
        }

        .contact-content form .contact-heading,
        .contact-details .contact-header {
            background-color: #45bbff;
            margin-bottom: 0 !important;
            padding: 10px 25px;
            color: #fff
        }

        .contact-content form h3,
        .contact-details .contact-header {
            font-size: 20px;
            margin-bottom: 15px
        }

        .contact-content form label {
            font-size: 14px;
            line-height: 24px;
            font-weight: 500;
            margin-bottom: 5px
        }

        .contact-content form .form-control {
            border: 1px solid #b4b4b4;
            border-radius: 0;
            background: #fff;
            padding: 7px 15px;
            color: #434343;
            font-size: 14px;
            line-height: 24px
        }

            .contact-content form .form-control:focus {
                outline: 0;
                border-color: #0770cd;
                box-shadow: 0 0 0 1px #0770cd
            }

        .contact-content form .otp-btn {
            padding: 9px 15px
        }

#imgCaptchBook {
    height: 40px
}

.contact-details .media-body h5 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
    color: #299ed8
}

.contact-details .media + .media {
    margin-top: 20px
}

.contact-details .media-body address,
.contact-details .media-body p {
    margin-bottom: 0;
    line-height: 24px
}

.contact-details .media-body span.fs-13 {
    line-height: 15px
}

.contact-details .media-icon {
    border: 1.5px solid #299ed8;
    width: 50px;
    height: 50px;
    padding: 5px;
    background-color: transparent;
    margin-top: 5px
}

    .contact-details .media-icon i {
        background-color: #299ed8;
        width: 35px;
        height: 35px;
        display: block;
        border-radius: 100%;
        margin: 1px auto
    }

        .contact-details .media-icon i svg {
            stroke: #fff;
            width: 20px;
            height: 20px;
            margin: 0 auto
        }

.map {
    position: relative;
    overflow: hidden
}

.gm-style-iw * {
    display: block;
    width: 100%
}

#map div.gm-style .gm-style-iw {
    background-color: #fff !important
}

.gm-style .gm-style-iw {
    max-width: 300px !important;
    width: 100%;
    background-color: #fff !important
}

.gm-style-iw h4,
.gm-style-iw p {
    margin: 0;
    padding: 0;
    color: #333 !important;
    line-height: 19px;
    font-size: 13px;
    font-weight: 500
}

.gm-style-iw h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.gm-style-iw a {
    color: #4272db
}

.gm-style-iw button {
    top: 5px !important;
    right: 5px !important
}

    .gm-style-iw button img {
        width: 20px !important;
        height: 20px !important
    }

.gm-style-iw-d div div {
    width: 100% !important
}

.plan-trip {
    padding: 30px 0;
    position: relative;
    background-image: url(../images/back-pattern.png);
    background-color: #f1f1f1;
    min-height: 115vh;
    overflow: hidden
}

    .plan-trip.plan-trip-2 {
        padding: 0 0;
        position: relative;
        background-image: url(../images/back-pattern.png);
        background-color: #f1f1f1;
        min-height: 115vh;
        overflow: hidden
    }

    .agent-bg,
    .plan-trip .plan-trip-bg {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background-image: url(../images/plan-trip-bg.jpg);
        background-color: #777;
        background-attachment: scroll;
        background-size: cover;
        border-left: 8px solid #1e88e5
    }

.agent-bg {
    right: initial;
    left: 0;
    border-left: 0
}

    .agent-bg .plan-bg-content,
    .plan-trip .plan-trip-bg .plan-bg-content {
        padding: 50px;
        color: #fff
    }

        .plan-trip .plan-trip-bg .plan-bg-content h4 {
            font-size: 24px;
            line-height: 35px;
            margin-top: 0;
            color: #fff;
            margin-bottom: 25px;
            font-weight: 700
        }

            .plan-trip .plan-trip-bg .plan-bg-content h4 a {
                color: inherit
            }

        .plan-trip .plan-trip-bg .plan-bg-content hr {
            border-color: rgba(255, 255, 255, .51)
        }

        .plan-trip .plan-trip-bg .plan-bg-content .plan-features {
            margin-bottom: 30px
        }

        .plan-trip .plan-trip-bg .plan-bg-content .plan-first {
            padding: 0 60px 40px
        }

        .plan-trip .plan-trip-bg .plan-bg-content .plan-bottom {
            padding-top: 30px
        }

        .plan-trip .plan-trip-bg .plan-bg-content .plan-features li {
            margin-bottom: 20px
        }

        .plan-trip .plan-trip-bg .plan-bg-content .plan-bottom p,
        .plan-trip .plan-trip-bg .plan-bg-content .plan-features .media-body {
            font-size: 18px
        }

.agent-signup,
.plan-trip .popupForm {
    padding: 20px 30px;
    margin: 10px 30px 10px 0;
    background: #fff;
    border: 1px solid #c3c3c3
}

    .plan-trip .popupForm h4 {
        font-weight: 700;
        margin-bottom: 20px;
        color: #000;
        position: relative;
        padding-bottom: 15px
    }

.plan-trip.plan-trip-2 .popupForm h4 {
    padding-bottom: 9px;
    font-size: 16px
}

.plan-trip .popupForm h4:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: #1e88e5;
    margin: 0 auto;
    left: 50%;
    margin-left: -40px;
    bottom: 0
}

.popupForm .inputBox {
    margin-bottom: 12px;
    position: relative
}

.inputBox .code.position-absolute {
    left: 0;
    height: 100%;
    line-height: 36px;
    padding: 0 10px;
    font-size: 19px;
    background: #ced4da;
    border-right: 2px solid #ced4da
}

    .inputBox .code.position-absolute + input {
        padding-left: 34px
    }

.popupForm .form-group svg {
    position: absolute;
    right: 14px;
    width: 20px;
    height: 20px;
    top: 10px;
    stroke: #b9b9b9;
    stroke-width: 1.5px
}

.plan-trip-2 .popupForm .form-group svg {
    top: 7px
}

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

    .popupForm label sup {
        font-size: 14px;
        font-weight: 700;
        top: -2px
    }

.popupForm input.form-control,
.popupForm select.form-control:not([size]):not([multiple]) {
    border-radius: 0;
    padding: 8px 40px 8px 15px;
    font-size: 14px;
    height: 37px;
    border-width: 2px
}

.plan-trip-2 .popupForm input.form-control,
.plan-trip-2 .popupForm select.form-control:not([size]):not([multiple]) {
    font-size: 12px;
    height: 32px;
    padding: 0 40px 0 15px
}

.popupForm textarea.form-control {
    border-radius: 0;
    padding: 8px 15px;
    font-size: 14px;
    border-width: 2px
}

    .popupForm input.form-control:focus,
    .popupForm select.form-control:focus,
    .popupForm textarea.form-control:focus {
        box-shadow: none;
        border-color: #0770cd;
        box-shadow: 0 0 0 1px #0770cd
    }

.popupForm label.checkbox,
.popupForm label.radio {
    font-weight: 400
}

    .popupForm label.checkbox span,
    .popupForm label.radio span {
        vertical-align: middle;
        line-height: 20px
    }

.plan-middle .media-body p {
    line-height: 20px;
    font-size: 14px
}

.plan-middle .media-body .media-icon {
    display: block;
    margin: 10px auto
}

.popupForm.plan-2 .inputBox {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 9px
}

.popupForm.plan-2 .form-group label {
    margin-bottom: 0
}

.popupForm.plan-2 .checkbox,
.popupForm.plan-2 .radio {
    padding-left: 25px;
    margin-bottom: .5rem !important
}

.agent-signup {
    padding: 30px 60px;
    margin: 0
}

    .agent-signup .agent-signupHeading {
        padding: 10px 0;
        margin-bottom: 15px
    }

        .agent-signup .agent-signupHeading h1 {
            color: #333
        }

        .agent-signup .agent-signupHeading .login {
            text-align: right;
            color: #999
        }

            .agent-signup .agent-signupHeading .login a {
                font-weight: 500
            }

    .agent-signup .sub_title {
        border-left: 3px solid #4c87e6;
        padding: 4px 0;
        padding-left: 8px;
        margin-bottom: 8px;
        color: #333;
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 15px
    }

    .agent-signup .input_label,
    .agent-signup form label {
        font-size: 14px;
        color: #666;
        padding: 0 0 6px;
        margin-top: 15px
    }

    .agent-signup form label {
        margin-top: 0;
        margin-bottom: 0;
        color: #333
    }

    .agent-signup .checkbox span {
        padding-left: 27px;
        padding-top: 4px
    }

    .agent-signup .otp-btn {
        padding: 6px 35px
    }

    .agent-signup .form-control {
        border-radius: 0
    }

        .agent-signup .form-control:focus {
            box-shadow: none;
            border-color: #4c87e6
        }

.phone-box .code {
    position: absolute;
    left: 0;
    display: block;
    width: 60px;
    top: 0;
    height: 34px
}

    .phone-box .code span {
        display: block;
        width: 100%;
        padding: 11px 12px;
        position: relative
    }

        .phone-box .code span:after {
            content: "|";
            position: absolute;
            right: 0;
            top: 10px
        }

.phone {
    padding-left: 70px
}

.project-tab #tabs {
    color: #eee
}

    .project-tab #tabs h6.section-title {
        color: #eee
    }

    .nav-tabs .nav-link.active,
    .project-tab #tabs .nav-tabs .nav-item.show .nav-link {
        color: #1565c0;
        background-color: transparent;
        border-color: transparent transparent #f3f3f3;
        border-bottom: 3px solid !important;
        font-size: 16px;
        font-weight: 500
    }

.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #000;
    font-size: 16px
}

    .project-tab .nav-link:focus,
    .project-tab .nav-link:hover {
        border-color: transparent;
        outline: 0
    }

.project-tab .tab-pane {
    padding: 40px 50px 0
}

    .project-tab .tab-pane .tab-content .tab-pane {
        padding: 20px 0
    }

.nav-tabs.nav-radio {
    border-bottom-color: transparent
}

    .nav-tabs.nav-radio .nav-link.active {
        border-bottom: none !important
    }

.project-tab .circle {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(0, 0, 0, .3);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -3px
}

.nav-tabs.nav-radio .nav-link.active .circle {
    border-color: #0062cc
}

.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 3em
}

.pricing-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-flex: 0 1 330px;
    flex: 0 1 330px
}

.pricing-action {
    color: inherit;
    border: none;
    background: 0 0
}

    .pricing-action:focus {
        outline: 0
    }

.pricing-feature-list {
    text-align: left
}

.pricing-palden .pricing-item {
    cursor: default;
    color: #000;
    font-weight: 500;
    background: #fff;
    box-shadow: 0 0 10px rgba(46, 59, 125, .23);
    border-radius: 20px 20px 10px 10px;
    margin: 1em
}

@media screen and (min-width:66.25em) {
    .pricing-palden .pricing-item {
        margin: 1em -.5em
    }

    .pricing-palden .pricing__item--featured {
        margin: 0;
        z-index: 10;
        box-shadow: 0 0 20px rgba(46, 59, 125, .23)
    }
}

.pricing-palden .pricing-deco {
    border-radius: 10px 10px 0 0;
    background: #2196f3;
    padding: 4em 0 9em;
    position: relative
}

.purple .pricing-deco {
    background: #00bcd4
}

.pricing-palden .pricing-deco-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px
}

.pricing-palden .pricing-title {
    font-size: .75em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff
}

.pricing-palden .deco-layer {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.pricing-palden .pricing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

.pricing-palden .pricing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0)
}

.pricing-palden .pricing-price {
    font-size: 2em;
    font-weight: 700;
    letter-spacing: .5px;
    padding: 0;
    color: #fff;
    margin: 0 0 1em 0;
    line-height: .75
}

.pricing-palden .pricing-feature-list {
    margin: -45px 0 0;
    padding: .25em 0 2.5em;
    list-style: none;
    text-align: center;
    z-index: 2
}

.pricing-palden .pricing-feature {
    padding: .75rem 0
}

.coupon-button-type {
    margin: auto 3em 2em 3em
}

    .coupon-button-type .coupon-code {
        line-height: 1;
        padding: 14px 38px;
        background: #fc8c99;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        letter-spacing: 1px;
        text-transform: uppercase;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 2px;
        min-width: 180px;
        text-align: center
    }

    .coupon-button-type .coupon-code {
        color: #444;
        background: linear-gradient(315deg, rgba(0, 0, 0, .06) 10%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .06) 40%, rgba(0, 0, 0, .06) 60%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, .06) 90%) repeat scroll 0 0/6px 6px rgba(0, 0, 0, 0);
        text-align: right;
        padding: 6px 12px;
        font-size: 18px;
        border: 2px solid #ddd;
        position: relative
    }

        .coupon-button-type .coupon-code .code-text {
            text-transform: uppercase
        }

        .coupon-button-type .coupon-code .get-code {
            position: absolute;
            left: -2px;
            top: -2px;
            background: #007bff;
            color: #fff;
            font-size: 16px;
            padding: 9px 15px 9px 14px;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            transition: all .5s ease
        }

            .coupon-button-type .coupon-code .get-code:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-top: 34px solid transparent;
                border-left: 44px solid #007bff;
                position: absolute;
                right: -44px;
                top: 0
            }

            .coupon-button-type .coupon-code .get-code:hover {
                padding-right: 5px;
                transition: all .5s ease;
                text-decoration: none
            }

        .coupon-button-type .coupon-code:hover {
            text-decoration: none
        }

.section-bg {
    position: relative
}

    .section-bg ol {
        padding-left: 20px
    }

        .section-bg ol li {
            margin-bottom: 12px;
            line-height: 22px;
            font-size: 16px;
        }

/* .section-bg::after { */
/* content: ''; */
/* position: absolute; */
/* right: 0; */
/* top: calc(100% - 500px); */
/* width: 545px; */
/* height: 385px; */
/* background-image: url(../images/sell-img.jpg) */
/* } */

.review-list .review-box {
    padding: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    color: #1a2b48;
    margin-bottom: 20px;
    font-weight: 500
}

.review-list .comment-item {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #d4d4d4;
    font-size: 14px
}

    .review-list .comment-item .media-heading {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        line-height: 1
    }

    .review-list .comment-item .date {
        font-size: 12px
    }

    .review-list .comment-item .comment-item-body {
        margin-top: 0
    }

    .review-list .comment-item .comment-item-head .review-text {
        margin: 0 0 5px;
        font-size: 12px;
        font-weight: 400;
        padding: 4px 15px
    }

    .review-list .comment-item .comment-item-head .review-star {
        margin: 0
    }

.review-box .review-box-score {
    border-right: 1px solid #d7dce3;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

    .review-box .review-box-score .review-score {
        line-height: 50px;
        font-size: 72px;
        font-weight: 500;
        color: #059fe3
    }

        .review-box .review-box-score .review-score .per-total {
            font-size: 24px
        }

    .review-box .review-box-score .review-score-text {
        font-weight: 400;
        font-size: 24px;
        color: #1a2b48
    }

    .review-box .review-box-score .review-score-base {
        margin-top: 10px;
        color: #768090;
        font-size: 14px
    }

.review-box .review-sumary .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

    .review-box .review-sumary .item:first-child {
        margin-top: 0
    }

    .review-box .review-sumary .item .label {
        width: 22%;
        text-align: right;
        margin-top: 0;
        margin-right: 3%
    }

    .review-box .review-sumary .item .progress {
        width: 65%;
        height: 8px
    }

    .review-box .review-sumary .item .number {
        width: 7%;
        margin-left: 3%
    }

.rating .review-star li,
.review-list .comment-item .comment-item-head .review-star li {
    list-style: none;
    margin-right: 2px
}

    .rating .review-star li .fa,
    .review-list .comment-item .comment-item-head .review-star li .fa {
        color: #ccc;
        font-size: 13px
    }

    .rating .review-star li.active .fa,
    .review-list .comment-item .comment-item-head .review-star li.active .fa {
        color: #ff9800
    }

.st-description {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #535353;
    line-height: 1.5;
    font-weight: 400;
    position: relative
}

.profile-header {
    background: #fff
}

.agent-header .profile-bg {
    position: relative;
    width: 100%;
    height: 300px;
    background-color: #c7d0d9
}

    .agent-header .profile-bg img {
        display: block;
        object-fit: cover;
        height: 100%;
        width: 100%
    }

.agent-header .company-details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, .54), rgba(0, 0, 0, .53))
}

    .agent-header .company-details .btn-group a {
        background: #0bb1f1;
        font-size: 14px;
        color: #fff;
        padding: 10px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 10px
    }

.profile-nav {
    background: #fff;
    position: relative
}

.profile-nav-inner {
    position: relative;
    padding: 0 40px
}

.profile-img {
    position: absolute;
    top: -120px;
    background-color: #fff;
    width: 150px;
    height: 150px;
    border: 1px solid #c7d0d9;
    margin: 0 auto 20px
}

    .profile-img img.lg {
        max-height: 130px;
        max-width: 130px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%)
    }

.company-detail-inner,
.profile-nav .detail-navbar {
    background-color: transparent;
    top: 0;
    padding-left: 170px
}

.profile-nav.stick .detail-navbar {
    padding-left: 0
}

.company-detail-inner {
    padding: 0 40px;
    padding-left: 210px
}

.profile-nav .detail-navbar ul li a {
    color: #333;
    padding: 16px 20px;
    font-weight: 500;
    position: relative
}

    .profile-nav .detail-navbar ul li a.highlighted,
    .profile-nav.stick .detail-navbar ul li a {
        color: #fff
    }

.agent-nav.profile-nav .detail-navbar ul li a.highlighted,
.agent-nav.profile-nav.stick .detail-navbar ul li a {
    color: #00a2e0
}

.profile-nav .company {
    color: #333
}

.company h2 {
    margin-bottom: 5px
}

.profile-nav .company .agent-verfied {
    display: none
}

.profile-nav.stick .company .agent-verfied {
    display: block
}

.company,
.profile-nav.stick .company {
    color: #fff
}

.profile-nav.stick .rating {
    display: none
}

.company address {
    margin-bottom: 0;
    line-height: 18px
}

.company .agent-verfied span {
    position: relative
}

    .company .agent-verfied span:before {
        position: absolute;
        right: -23px;
        top: 3px
    }

.profile-nav.stick {
    background-color: #00a2e0
}

    .profile-nav.stick .profile-img {
        visibility: hidden
    }

.agent-pr-wrapper .result-list-item {
    padding: 10px 0
}

    .agent-pr-wrapper .result-list-item .item-thumbnail {
        max-width: 180px
    }

.agent-pr-wrapper .tab-box .result-list-item p {
    line-height: 1
}

.agent-pr-wrapper .item-description .destination p,
.agent-pr-wrapper .item-description .duration p {
    line-height: 17px
}

.agent-pr-wrapper .item-detail {
    padding-bottom: 0
}

    .agent-pr-wrapper .item-detail:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px 0;
        height: 70px;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 1) 100%);
        z-index: 1
    }

    .agent-pr-wrapper .item-detail .item-footer {
        z-index: 2;
        text-align: right;
        padding-right: 20px
    }

.mailchimp {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #1e88e5
}

    .mailchimp .media img {
        width: 50px
    }

    .mailchimp .media-body h4 {
        color: rgba(255, 255, 255, 1)
    }

    .mailchimp .media-body p {
        margin-bottom: 0;
        color: rgba(255, 255, 255, .85)
    }

    .mailchimp .form,
    .mailchimp form {
        position: relative;
        display: block;
        height: 50px;
        background: #fff;
        margin: 0 auto;
        overflow: hidden
    }

        .mailchimp .form input,
        .mailchimp form input {
            line-height: 50px;
            padding: 0;
            border: none;
            outline: 0;
            font-size: 1rem;
            font-weight: 300;
            background: #eee;
            letter-spacing: .02em
        }

            .mailchimp .form input:not([type=submit]),
            .mailchimp form input:not([type=submit]) {
                width: 100%;
                display: block;
                padding: 0 150px 0 30px
            }

            .mailchimp .form input:not([type=email]),
            .mailchimp form input:not([type=email]) {
                position: absolute;
                height: 40px;
                line-height: 40px;
                top: 5px;
                right: 5px;
                padding: 0 25px;
                background: #1e88e5;
                color: #fff;
                text-transform: uppercase;
                cursor: pointer
            }

                .mailchimp .form input:not([type=email]):hover,
                .mailchimp form input:not([type=email]):hover {
                    background: #1976d2
                }

                .mailchimp .form input:not([type=email]):focus,
                .mailchimp form input:not([type=email]):focus {
                    outline: 0;
                    background: #1976d2
                }

.bg-thankyou {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    color: #fff
}

    .bg-thankyou::before {
        background: url(https://www.onlinetourpackage.com/content/assets/images/bg-pattern.svg), #245ba3;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: '';
        z-index: 2;
        opacity: .09
    }

    .bg-thankyou .jumbotron {
        position: relative;
        background-color: transparent;
        margin-bottom: 100px;
        z-index: 9
    }

.jumbotron p {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400
}

    .jumbotron p a {
        color: #fff;
        font-weight: 700;
        text-decoration: underline;
        text-underline-position: under
    }

footer.footer {
    color: #fff;
    padding: 20px 0 0;
    background: #282c35;
    letter-spacing: .3px
}

.top-footer {
    padding: 30px 20px 20px
}

.footer-widget h4 {
    font-weight: 700;
    padding-bottom: 10px
}

.footer-widget ul li {
    line-height: 30px
}

    .footer-widget address,
    .footer-widget ul li a {
        color: rgba(255, 255, 255, .65)
    }

.footer-widget address {
    line-height: 20px
}

.footer-widget.contact-widget p a {
    color: rgba(255, 255, 255, .65)
}

.footer-widget ul li a:focus,
.footer-widget ul li a:hover {
    color: rgba(255, 255, 255, 1)
}

.footer-widget.contact-widget .tel a {
    display: block;
    line-height: 28px;
    font-size: 22px;
    font-weight: 700;
    color: #b3e5fc
}

.contact-widget .tel a:focus,
.contact-widget .tel a:hover,
.footer-widget.contact-widget a:focus,
.footer-widget.contact-widget a:hover {
    color: #fff
}

.copyright {
    border-top: 2px solid rgba(255, 255, 255, .1);
    padding: 20px 0
}

.socialLink h6 {
    margin-bottom: 10px
}

.socialLink li:first-child,
.socialLink li:first-child a {
    padding-left: 0
}

.socialLink li a {
    color: rgba(255, 255, 255, .65);
    padding: 0 5px
}

    .socialLink li a:focus,
    .socialLink li a:hover {
        color: rgba(255, 255, 255, 1)
    }

    .socialLink li a svg {
        width: 20px;
        height: 20px
    }

.copyright {
    font-size: 13px;
    background-color: #1d2028;
    color: rgba(255, 255, 255, .65)
}

    .copyright a {
        color: rgba(255, 255, 255, 1);
        text-decoration: underline
    }

        .copyright a:focus,
        .copyright a:hover {
            text-decoration: none
        }

    .copyright p {
        margin-bottom: 0;
        line-height: 20px
    }

    .copyright .dev-text {
        text-align: right
    }

.content-page {
    background-color: #eaeaea
}

    .content-page ol li,
    .content-page p,
    .content-page ul li {
        font-size: 14px;
        line-height: 24px;
        color: #333;
        margin-bottom: 10px
    }

    .content-page .nav li {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 24px;
        position: relative
    }

        .content-page .nav li a {
            color: #737373;
            border: 1px solid transparent;
            border-left: 3px solid transparent;
            border-right: 0;
            position: relative
        }

            .content-page .nav li a.active {
                border-color: #dee2e6;
                border-left-color: #00a2e0;
                background-color: #fff
            }

            .content-page .nav li a:hover {
                background-color: #00a2e0;
                color: #fff
            }

    .content-page h2 {
        color: #0db2f1;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 700;
        margin-bottom: 5px
    }

.content-page-right {
    background-color: #fafafa
}

.filter-heading {
    margin: 0;
    background-color: #00a2e0;
    color: #fff;
    font-size: 20px;
    padding: 10px 20px;
    margin-bottom: -1px
}

.result-list-item .item-thumbnail .hotel-img-thumbnail.sm-img-thumbnail {
    padding: 17%
}

    .result-list-item .item-thumbnail .hotel-img-thumbnail.sm-img-thumbnail img {
        height: auto
    }

.agent-list .result-list-item .item-thumbnail .hotel-img-thumbnail.sm-img-thumbnail img {
    width: auto;
    height: 100%;
    margin: 0 auto
}

.page_size {
    position: absolute;
    left: 0;
    font-size: 14px;
    width: 200px;
    text-align: left
}

    .page_size label {
        margin-bottom: 0
    }

        .page_size label select {
            display: inline-block;
            max-width: 55px;
            margin: 0 5px
        }

.cdp-right {
    text-align: right
}

.popupForm.plan-2.feedback input.form-control,
.popupForm.plan-2.feedback select.form-control:not([size]):not([multiple]) {
    height: 30px;
    padding: 0 15px;
    border-width: 1px
}

.popupForm.plan-2.feedback textarea.form-control {
    border-width: 1px
}

.popupForm.plan-2.feedback label.d-block {
    margin-bottom: .5rem
}

.popupForm.plan-2.feedback .inputBox label {
    margin-bottom: 0;
    line-height: 20px
}

.feedback .select2-container .select2-selection--single {
    height: 30px;
    border-radius: 0;
    border: 1px solid #ced4da
}

.starrr {
    display: inline-block
}

    .starrr a {
        font-size: 16px;
        padding: 0 1px;
        cursor: pointer;
        color: #fa9324;
        text-decoration: none
    }

        .starrr a.active {
            color: #fa9324
        }

.accept {
    background: #47b239;
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    cursor: pointer
}

    .accept:after,
    .accept:before {
        content: "";
        position: absolute;
        display: block;
        border: 1px solid #47b239;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
        border-radius: 50%;
        animation: animate 1.5s infinite linear;
        opacity: 0;
        backface-visibility: hidden
    }

.circle.accept:after,
.circle.accept:before {
    border-color: #00a2e0
}

.accept:after {
    animation-delay: .5s
}

.accept i {
    transform: scaleX(-1)
}

@keyframes animate {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2)
    }
}

.tab-box .article {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #484848
}

.exclusion_text ul,
.inclusion_text ul {
    margin-left: 0 !important
}

.single-slider img {
    width: 100%
}

.detail-box-2 {
    display: none
}

.ui-datepicker2[readonly] {
    background-color: #fff
}

.phone-box {
    position: relative
}

.ui-checkbox.ui-checkbox-sm {
    line-height: 16px;
    margin: 5px 0
}

    .ui-checkbox.ui-checkbox-sm label::after,
    .ui-checkbox.ui-checkbox-sm label::before {
        top: 0
    }

.ui-radio {
    line-height: 22px
}

.agent-sidebar .card {
    border: none;
    background: 0 0
}

    .agent-sidebar .card .card-body {
        background: #00415f;
        padding: 25px 35px 10px
    }

    .agent-sidebar .card .card-header {
        padding-top: 10px;
        background-color: #0470a2;
        border-bottom: 2px solid rgba(255, 255, 255, .3)
    }

        .agent-sidebar .card .card-header h5 {
            font-size: 18px;
            font-family: Roboto, sans-serif;
            text-align: center;
            font-weight: 400;
            margin-bottom: 0
        }

    .agent-sidebar .card .card-body .form-group {
        margin-bottom: 20px
    }

    .agent-sidebar .card .card-body .form-control {
        height: 40px;
        border-radius: 0;
        border-color: transparent
    }

    .agent-sidebar .card .card-body button {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        letter-spacing: 1px
    }

.iti {
    position: relative
}

    .iti * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
    color: #333 !important
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    color: #333 !important
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

    .iti--allow-dropdown .iti__flag-container:hover {
        cursor: pointer
    }

        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
            background-color: rgba(0, 0, 0, .05)
        }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent
    }

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .iti--container:hover {
        cursor: pointer
    }

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

    .iti__flag.iti__be {
        width: 18px
    }

    .iti__flag.iti__ch {
        width: 15px
    }

    .iti__flag.iti__mc {
        width: 19px
    }

    .iti__flag.iti__ne {
        width: 18px
    }

    .iti__flag.iti__np {
        width: 13px
    }

    .iti__flag.iti__va {
        width: 15px
    }

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../images/flags16.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

.top-ads {
    width: 100%
}

.top-ads-desk {
    width: 100%;
    height: 95px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .iti__flag {
        background-image: url(../images/flags%402x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

@media only screen and (max-width:768px) {
    .top-footer-box:first-child,
    .top-footer-box:nth-child(2) {
        border-bottom: 1px solid rgba(244, 244, 244, .19);
        padding-bottom: 10px;
        margin-bottom: 20px
    }

    .agentBanner {
        height: auto !important
    }

    .aboutBanner .aboutBanner-content {
        padding: 30px 0
    }

    .aboutBanner .agent-sidebar {
        margin-top: 30px
    }
}

@media only screen and (max-width:736px) and (orientation:landscape) {
    .js_fixedcontent .navbar-collapse {
        padding: 10px 0 0
    }

    .js_fixedcontent .call,
    .js_fixedcontent .my-account {
        display: none
    }

    .js_fixedcontent .navbar-nav .nav-item {
        border-bottom: 1px solid #ddd;
        line-height: 34px;
        position: relative
    }

        .js_fixedcontent .navbar-nav .nav-item .nav-link:before {
            content: none
        }

        .js_fixedcontent .navbar-nav .nav-item:first-child {
            border-top: 1px solid #ddd
        }

        .js_fixedcontent .navbar-nav .nav-item.last-sm {
            border-bottom: none
        }

    .js_fixedcontent .sm-call {
        display: inline-block !important;
        vertical-align: middle;
        padding: 0 10px
    }

        .js_fixedcontent .sm-call svg {
            width: 24px;
            height: 24px
        }

    .slider-wrapper {
        min-height: 100%
    }

    .slider .inner {
        padding-top: 0
    }

    .slider-wrapper img {
        width: 100%
    }

    .slider h1.big {
        font-size: 1.25rem;
        padding-top: 35px
    }

    .slider p {
        display: none
    }

    .slider-wrapper .slick-next,
    .slider-wrapper .slick-prev {
        display: none !important
    }

    .search-wrapper {
        padding-top: 0
    }

    .top-search-wrapper {
        top: 0;
        margin-bottom: 20px
    }

        .top-search-wrapper .container {
            padding: 0
        }

        .top-search-wrapper .form {
            width: 100%;
            height: auto
        }

        .top-search-wrapper .input-group {
            box-shadow: none
        }

            .searchList .top-search-wrapper .input-group input,
            .top-search-wrapper .input-group input {
                height: 45px;
                padding: 0 15px;
                font-size: 14px;
                border-radius: 0
            }

        .top-search-wrapper .typeahead__cancel-button {
            top: 0;
            height: 45px
        }

        .top-search-wrapper .search-btn {
            height: 45px;
            padding: 0;
            border-radius: 0
        }

    .top-search-features {
        margin-top: 20px
    }

    .sightseening-carousel .sightseening-item .carousel-descr div {
        background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, .89) 100%);
        padding-bottom: 30%
    }

        .sightseening-carousel .sightseening-item .carousel-descr div h5 {
            font-size: 3rem
        }

    .custom-row .custom-media,
    .top-search-features .feature-media {
        margin-bottom: 20px
    }

        .custom-row .custom-media p,
        .top-search-features .feature-media p {
            margin-bottom: 0
        }

    .custom-row h2 {
        font-size: 20px;
        max-width: 100%;
        line-height: 28px
    }

    .search-wrapper .plan-btn {
        text-align: left
    }

    .agent-signup,
    .plan-trip .popupForm {
        margin: 0;
        padding: 15px
    }

    .popupForm.plan-2 .form-group label {
        margin-bottom: .5rem
    }

    .popupForm.plan-2.feedback .card-header label {
        line-height: 20px;
        font-size: 14px
    }

    .count-review-section {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px
    }

    .client-review-section {
        width: 100% !important;
        padding-left: 0
    }

    .newsletter-content {
        margin-bottom: 20px
    }

        .newsletter-content h4.media-heading {
            font-size: 1.35rem
        }

        .newsletter-content .media-body p {
            line-height: 20px
        }

    .mailchimp form input:not([type=submit]) {
        padding: 0 60px 0 14px
    }

    .mailchimp form input:not([type=email]) {
        text-indent: -9999px
    }

    .mailchimp form input:not([type=email]) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'%3E%3C/line%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'%3E%3C/polygon%3E%3C/svg%3E");
        background-position: center center;
        background-size: 50%;
        background-repeat: no-repeat
    }

    .top-footer-box {
        border-bottom: 1px solid rgba(244, 244, 244, .19);
        padding-bottom: 10px;
        margin-bottom: 20px
    }

        .top-footer-box:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0
        }

    .aboutBanner {
        height: 30vh
    }

    .aboutBanner-content h1 {
        font-size: 1.5rem
    }

    .aboutBanner-content p {
        font-size: 1rem
    }

    .about-us .media {
        margin: 0
    }

    .about-us .media-body p.simple-text,
    .about-us-2 .media-body p.simple-text {
        font-size: 14px;
        text-align: justify;
        line-height: 25px
    }

    .about-us-2 .media {
        display: block
    }

    .contact-content form {
        padding-right: 0
    }

    .contact-content .contact-details {
        margin-bottom: 30px
    }

        .contact-content .contact-details .media-icon {
            display: none
        }

    .side-icons {
        right: 40px;
        bottom: 60px
    }

    .agent-signup .agent-signupHeading .login {
        text-align: left
    }

    .agent-signup .form-group + label {
        line-height: 20px
    }

    .filter-container {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }

    .result-list {
        padding: 0
    }

    .agent-pr-wrapper .result-list-item .item-thumbnail,
    .result-list-item .item-thumbnail {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }

    .result-count {
        margin-bottom: 15px
    }

        .result-count h4 {
            margin-bottom: 5px
        }

    .item-detail {
        padding-bottom: 0
    }

        .item-detail .item-footer {
            position: relative;
            padding-top: 10px;
            border-top: 1px dashed #d9d9d9
        }

    .item-action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px
    }

        .item-action span {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding: 0 10px;
            margin: 0 !important
        }

            .item-action span a.btn {
                display: block
            }

    .cdp {
        padding: 10px 0 0
    }

    .result-list-item .item-thumbnail .hotel-img-thumbnail {
        padding: 0
    }

        .result-list-item .item-thumbnail .hotel-img-thumbnail img {
            position: relative
        }

    .plan-trip-2 .plan-trip-bg {
        display: none
    }

    .plan-trip-2 .popupForm {
        margin-bottom: 20px
    }

    .plan-trip.plan-trip-2 {
        padding: 20px 0 0
    }

        .plan-trip.plan-trip-2 .plan-trip-bg {
            position: relative;
            width: 100%;
            border-left: none
        }

            .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content {
                padding: 10px 0
            }

                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content .plan-first {
                    padding: 0 15px
                }

                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content h4 {
                    font-size: 19px;
                    line-height: 28px
                }

                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content .plan-bottom p,
                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content .plan-features .media-body {
                    font-size: 15px
                }

        .plan-trip.plan-trip-2 .plan-middle .media-body .media-icon {
            display: block;
            margin: 10px 18px;
            float: left
        }

        .plan-trip.plan-trip-2 .plan-middle .media-body p {
            width: calc(100% - 84px);
            float: right;
            margin: 0;
            text-align: left;
            padding: 12px 0
        }

    .review-box .review-box-score {
        border-right: none;
        border-bottom: 1px solid #d7dce3;
        margin-bottom: 20px
    }

    .company-detail-inner,
    .profile-nav .detail-navbar {
        padding: 0
    }

    .review-box .review-sumary .item .label {
        width: 26%
    }

    .agent-pr-wrapper .item-detail .item-footer {
        padding-right: 0
    }

    .agent-nav .profile-nav-inner {
        padding: 0
    }

    .agent-nav.profile-nav .detail-navbar ul li a {
        padding: 12px 15px 13px
    }

    .agent-nav.profile-nav .detail-navbar ul li:first-child a {
        padding-left: 0
    }

    .agent-header .company-details {
        padding-left: 160px;
        padding-bottom: 10px
    }

    .agent-header .company h2 {
        font-size: 16px !important
    }

    .agent-header .company address {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 5px
    }

    .profile-img {
        top: -110px
    }

    .profile-nav .company .rating {
        text-align: right;
        padding-top: 5px
    }

    .agent-header .company-details .btn-group {
        margin-top: 5px
    }

        .agent-header .company-details .btn-group a {
            font-size: 12px;
            padding-left: 10px;
            padding-right: 10px
        }

            .agent-header .company-details .btn-group a:first-child {
                margin-left: 0
            }

    .scroll {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .pkg-name h4 {
        font-size: 1.25rem
    }

    #detail-box {
        display: none
    }

    .detail-box-2,
    .detail-box-2 #detail-box {
        display: block
    }

    .agent-process .col {
        flex-basis: auto
    }
}

@media only screen and (max-width:576px) {
    .w-100-mob {
        display: none
    }

    .section-title h2 {
        font-size: 1.2rem !important
    }

    .js_fixedcontent .navbar-collapse {
        padding: 10px 0 0
    }

    .js_fixedcontent .call,
    .js_fixedcontent .my-account {
        display: none
    }

    .js_fixedcontent .navbar-nav .nav-item {
        border-bottom: 1px solid #ddd;
        line-height: 34px;
        position: relative
    }

        .js_fixedcontent .navbar-nav .nav-item .nav-link:before {
            content: none
        }

        .js_fixedcontent .navbar-nav .nav-item:first-child {
            border-top: 1px solid #ddd
        }

        .js_fixedcontent .navbar-nav .nav-item.last-sm {
            border-bottom: none
        }

    .js_fixedcontent .sm-call {
        display: inline-block !important;
        vertical-align: middle;
        padding: 0 10px
    }

        .js_fixedcontent .sm-call svg {
            width: 24px;
            height: 24px
        }

    .slider-wrapper {
        min-height: 100%
    }

    .slider .inner {
        padding-top: 0
    }

    .slider-wrapper img {
        width: 100%;
        height: 160px
    }

    .slider h2.big {
        font-size: 1.25rem;
        padding-top: 35px
    }

    .slider p {
        font-size: 12px !important
    }

    .slider .slider-inner p {
        line-height: 1.1;
        margin: 15px 0 15px;
        color: #fff;
        text-shadow: 1px 2px 2px #000
    }

    .slider-wrapper .slick-next,
    .slider-wrapper .slick-prev {
        display: none !important
    }

    .search-wrapper {
        padding-top: 0
    }

    .top-search-wrapper {
        top: 0;
        margin-bottom: 20px
    }

        .top-search-wrapper .container {
            padding: 0
        }

        .top-search-wrapper .form {
            width: 100%;
            height: auto
        }

        .top-search-wrapper .input-group {
            box-shadow: none
        }

            .searchList .top-search-wrapper .input-group input,
            .top-search-wrapper .input-group input {
                height: 45px;
                padding: 0 15px;
                font-size: 14px;
                border-radius: 0
            }

        .top-search-wrapper .typeahead__cancel-button {
            top: 0;
            height: 45px
        }

        .top-search-wrapper .search-btn {
            height: 45px;
            padding: 0;
            border-radius: 0
        }

    .top-search-features {
        margin-top: 20px
    }

    .sightseening-carousel .sightseening-item .carousel-descr div {
        background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, .89) 100%);
        padding-bottom: 30%
    }

        .sightseening-carousel .sightseening-item .carousel-descr div h5 {
            font-size: 3rem
        }

    .custom-row .custom-media,
    .top-search-features .feature-media {
        margin-bottom: 20px
    }

        .custom-row .custom-media p,
        .top-search-features .feature-media p {
            margin-bottom: 0
        }

    .custom-row h2 {
        font-size: 20px;
        max-width: 100%;
        line-height: 28px
    }

    .search-wrapper .plan-btn {
        text-align: left
    }

    .agent-signup,
    .plan-trip .popupForm {
        margin: 0;
        padding: 15px
    }

    .popupForm.plan-2 .form-group label {
        margin-bottom: .5rem
    }

    .popupForm.plan-2.feedback .card-header label {
        line-height: 20px;
        font-size: 14px
    }

    .count-review-section {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px
    }

    .client-review-section {
        width: 100% !important;
        padding-left: 0
    }

    .newsletter-content {
        margin-bottom: 20px
    }

        .newsletter-content h4.media-heading {
            font-size: 1.35rem
        }

        .newsletter-content .media-body p {
            line-height: 20px
        }

    .mailchimp form input:not([type=submit]) {
        padding: 0 60px 0 14px
    }

    .mailchimp form input:not([type=email]) {
        text-indent: -9999px
    }

    .mailchimp form input:not([type=email]) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'%3E%3C/line%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'%3E%3C/polygon%3E%3C/svg%3E");
        background-position: center center;
        background-size: 50%;
        background-repeat: no-repeat
    }

    .top-footer-box {
        border-bottom: 1px solid rgba(244, 244, 244, .19);
        padding-bottom: 10px;
        margin-bottom: 20px
    }

        .top-footer-box:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0
        }

    .aboutBanner {
        height: 40vh
    }

    .aboutBanner-content h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .otp-content h3 {
        font-size: 1.5rem;
    }

    .aboutBanner-content p {
        font-size: 1rem
    }

    .about-us .media {
        margin: 0
    }

    .about-us .media-body p.simple-text,
    .about-us-2 .media-body p.simple-text {
        font-size: 14px;
        text-align: justify;
        line-height: 25px
    }

    .about-us-2 .media {
        display: block
    }

    .contact-content form {
        padding-right: 0
    }

    .contact-content .contact-details {
        margin-bottom: 30px
    }

        .contact-content .contact-details .media-icon {
            display: none
        }

    .side-icons {
        right: 40px;
        bottom: 60px
    }

    .agent-signup .agent-signupHeading .login {
        text-align: left
    }

    .agent-signup .form-group + label {
        line-height: 20px
    }

    .filter-container {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }

    .result-list {
        padding: 0
    }

    .agent-pr-wrapper .result-list-item .item-thumbnail,
    .result-list-item .item-thumbnail {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }

    .result-count {
        margin-bottom: 15px
    }

        .result-count h4 {
            margin-bottom: 5px
        }

    .item-detail {
        padding-bottom: 0
    }

        .item-detail .item-footer {
            position: relative;
            padding-top: 10px;
            border-top: 1px dashed #d9d9d9
        }

    .item-action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px
    }

        .item-action span {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding: 0 10px;
            margin: 0 !important
        }

            .item-action span a.btn {
                display: block
            }

    .cdp {
        padding: 10px 0 0
    }

    .result-list-item .item-thumbnail .hotel-img-thumbnail {
        padding: 0
    }

        .result-list-item .item-thumbnail .hotel-img-thumbnail img {
            position: relative
        }

    .plan-trip-2 .plan-trip-bg {
        display: none
    }

    .plan-trip-2 .popupForm {
        margin-bottom: 20px
    }

    .plan-trip.plan-trip-2 {
        padding: 20px 0 0
    }

        .plan-trip.plan-trip-2 .plan-trip-bg {
            position: relative;
            width: 100%;
            border-left: none
        }

            .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content {
                padding: 10px 0
            }

                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content .plan-first {
                    padding: 0 15px
                }

                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content h4 {
                    font-size: 19px;
                    line-height: 28px
                }

                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content .plan-bottom p,
                .plan-trip.plan-trip-2 .plan-trip-bg .plan-bg-content .plan-features .media-body {
                    font-size: 15px
                }

        .plan-trip.plan-trip-2 .plan-middle .media-body .media-icon {
            display: block;
            margin: 10px 18px;
            float: left
        }

        .plan-trip.plan-trip-2 .plan-middle .media-body p {
            width: calc(100% - 84px);
            float: right;
            margin: 0;
            text-align: left;
            padding: 12px 0
        }

    .review-box .review-box-score {
        border-right: none;
        border-bottom: 1px solid #d7dce3;
        margin-bottom: 20px
    }

    .company-detail-inner,
    .profile-nav .detail-navbar {
        padding: 0
    }

    .review-box .review-sumary .item .label {
        width: 26%
    }

    .agent-pr-wrapper .item-detail .item-footer {
        padding-right: 0
    }

    .agent-nav .profile-nav-inner {
        padding: 0
    }

    .agent-nav.profile-nav .detail-navbar ul li a {
        padding: 12px 15px 13px
    }

    .agent-nav.profile-nav .detail-navbar ul li:first-child a {
        padding-left: 0
    }

    .agent-header .company-details {
        padding-left: 160px;
        padding-bottom: 10px
    }

    .agent-header .company h2 {
        font-size: 16px !important
    }

    .agent-header .company address {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 5px
    }

    .profile-img {
        top: -110px
    }

    .profile-nav .company .rating {
        text-align: right;
        padding-top: 5px
    }

    .agent-header .company-details .btn-group {
        margin-top: 5px
    }

        .agent-header .company-details .btn-group a {
            font-size: 12px;
            padding-left: 10px;
            padding-right: 10px
        }

            .agent-header .company-details .btn-group a:first-child {
                margin-left: 0
            }

    .scroll {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .pkg-name h4 {
        font-size: 1.25rem
    }

    #detail-box {
        display: none
    }

    .detail-box-2,
    .detail-box-2 #detail-box {
        display: block
    }

    .agent-process .col {
        flex-basis: auto
    }
}

@media only screen and (max-width:375px) {
    .agent-header .company-details {
        padding-left: 0;
        padding-bottom: 140px
    }

    .agent-nav.profile-nav .detail-navbar ul li a {
        padding: 12px 12px 13px
    }

    .review-list .review-box {
        padding: 15px
    }

    .review-box .review-sumary .item .label {
        font-size: 12px
    }

    .detail-navbar.single-tab-menu ul li a {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:350px) {
    .navbar-brand {
        max-width: 190px
    }

    .sightseening-carousel .sightseening-item .carousel-descr div h5 {
        font-size: 2.5rem
    }

    .popupForm.plan-2.feedback .inputBox label {
        margin-bottom: .5rem
    }

    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .side-icons {
        right: 25px
    }

        .side-icons .circle {
            width: 45px;
            height: 45px;
            font-size: 10px
        }

            .side-icons .circle svg {
                width: 20px;
                height: 20px;
                margin-top: 14px
            }
}

.how-it-works, .why-choose-us, .register-free {
    padding: 25px;
    box-shadow: 0 0 25px rgba(0,0,0,.3);
    border-radius: 5px;
}

    .how-it-works ol li::marker {
        font-size: 22px;
        font-weight: 500;
    }

    .register-free .form-control {
        margin-bottom: 17px !important;
    }

.steps {
    margin-bottom: 30px;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 25px rgba(0,0,0,.3);
}

    .steps p {
        text-align: center;
    }

    .steps h3 {
        text-align: center;
        margin-top: 15px;
        color: #00a2e0;
    }

.payment {
    /*    background-color: #fff;*/
    padding: 0px 0px;
    border-radius: 6px;
    /*	    box-shadow: 0 0 25px rgba(0,0,0,.3);*/
}

.bank_detail span {
    font-size: 18px;
}

.dabit_cradit_card_block {
    /*    padding: 20px 40px;*/
    max-width: 600px;
}

#upi_transfer {
    max-width: 300px;
}





.section-header {
    margin-bottom: 60px;
    position: relative;
    padding-bottom: 20px;
}

    .section-header::before {
        content: '';
        position: absolute;
        display: block;
        width: 60px;
        height: 5px;
        background: #f82249;
        bottom: 0;
        left: calc(50% - 25px);
    }

    .section-header h2 {
        font-size: 36px;
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .section-header p {
        text-align: center;
        padding: 0;
        margin: 0;
        font-size: 18px;
        font-weight: 500;
        color: #9195a2;
    }

.process-info {
    margin-top: 20px;
    /* margin-bottom: 20px; */
}

    .process-info .single-process {
        width: 110px;
        height: 110px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        padding-top: 24px;
        margin: 0 auto;
        background: #FFFFFF;
        -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
        -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
        -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
        -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
        box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
        position: relative;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
        z-index: 9;
    }

        .process-info .single-process:hover {
            -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4)
        }

        /*.process-info .single-process:after {
    position: absolute;
    content: "\f101";
    font-family: "fontawesome";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -65px;
    color: #f82249;
}*/
        .process-info .single-process.first {
            background: #ee2f4c;
        }

            .process-info .single-process.first i:before {
                color: #FFFFFF;
            }

            .process-info .single-process.first h4 {
                color: #FFFFFF;
            }

        .process-info .single-process.thard {
            background: #ee2f4c;
        }

            .process-info .single-process.thard i:before {
                color: #FFFFFF;
            }

            .process-info .single-process.thard h4 {
                color: #FFFFFF;
            }

        .process-info .single-process.last:after {
            display: none;
        }

        .process-info .single-process i {
            display: block;
            line-height: 25px;
            margin-bottom: 12px;
        }

            .process-info .single-process i:before {
                font-size: 20px;
                color: #f82249;
            }

        .process-info .single-process h4 {
            font-size: 14px;
            font-weight: 500;
            text-transform: capitalize;
            color: #f82249;
        }

@media only screen and (max-width: 767px) {
    .process-info .single-process::after {
        display: none;
    }

    .process-info .single-process {
        margin-top: 30px;
    }

    .section-title h2 {
        margin-bottom: 5px;
    }

    .section-header h2 {
        font-size: 30px;
    }

    .process-info {
        margin-top: 0px;
        /* margin-bottom: 20px; */
    }

    .otp-content h1 {
        margin-top: 0px;
    }
}

.process-info .single-process.first::after {
    content: '>';
    position: absolute;
    right: -100px;
    top: 40px;
    font-size: 32px;
}