/*-*-* Fonts-CSS *-*-*/

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Light.woff2') format('woff2'), url('../webfonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Regular.woff2') format('woff2'), url('../webfonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Medium.woff2') format('woff2'), url('../webfonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-SemiBold.woff2') format('woff2'), url('../webfonts/Gilroy-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-UltraLight.woff2') format('woff2'), url('../webfonts/Gilroy-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-ExtraBold.woff2') format('woff2'), url('../webfonts/Gilroy-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Thin.woff2') format('woff2'), url('Gilroy-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Bold.woff2') format('woff2'), url('Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/*-*-* Fonts-CSS *-*-*/


/*-*-* Default-CSS *-*-*/

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}

input[type="file"],
a[href],
input[type='submit'],
input[type='button'],
input[type='image'],
label[for],
select,
button,
.pointer {
    cursor: pointer;
}

::-moz-focus-inner {
    border: 0px solid transparent;
}

::-webkit-focus-inner {
    border: 0px solid transparent;
}

*::-moz-selection {
    color: #fff;
    background: #000;
}

*::-webkit-selection {
    color: #fff;
    background: #000;
}

*::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
}

*:-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

html body {
    font-family: 'Gilroy', sans-serif;
    line-height: 1;
    margin: 0 auto;
}

body {
    background-color: #fff;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}

*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.no-list li,
.no-list ul,
.no-list ol,
footer li,
footer ul,
footer ol,
header li,
header ul,
header ol {
    list-style: inside none none;
}

.no-list ul,
.no-list ol,
footer ul,
footer ol,
header ul,
header ol {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    color: #555;
}

a:hover {
    color: #000;
}

body .clearfix,
body .clear {
    clear: both;
    line-height: 100%;
}

body .clearfix {
    height: auto;
}

* {
    outline: none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


ul:after,
li:after,
.clr:after,
.clearfix:after,
.container:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

div input,
div select,
div textarea,
div button {
    font-family: 'Gilroy', sans-serif;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Gilroy', sans-serif;
    line-height: 120%;
    font-weight: bold;
    margin: 0 0 15px;
    color: #000;
    letter-spacing: 0.5px;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}

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

div select option {
    font-size: 13px;
    color: #333;
    padding: 2px 5px;
}

img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

body p {
    font-family: 'Gilroy', sans-serif;
    font-size: 15px;
    line-height: 140%;
    margin: 0 0 15px;
    padding: 0;
    color: #000;
    *letter-spacing: 0.5px;*
}

body p:empty {
    margin: 0;
    line-height: 0;
}

body p:last-child {
    margin-bottom: 0;
}

p strong {
    font-weight: bold;
}

.a-left {
    text-align: left;
}

.a-right {
    text-align: right;
}

.a-center {
    text-align: center;
}

label em {
    color: #ff0000;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    margin-left: 5px;
}

.hidden {
    display: none !important;
}

body .container .container {
    width: 100%;
    max-width: 100%;
}

.clr:after,
ul:after,
.clearfix:after,
li:after,
.grve-container:after {
    clear: both;
    display: block;
    content: "";
}

.btn.focus,
.btn:focus {
    box-shadow: none !important;
}

.form-control:focus {
    box-shadow: none !important;
}

.no-margin-row {
    margin-left: -15px;
    margin-right: -15px;
}

.bg-lgt-blue {
    background-color: #e2f1f5;
}

/*-*-* Default-CSS *-*-*/




/*-*-*-*-*-* Gapping *-*-*-*-*-*/

section {
    padding-bottom: 100px;
    padding-top: 100px;
}

/*-*-*-*-*-* Gapping *-*-*-*-*-*/



/*-*-* Header CSS START*-*-*/

header {
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    position: fixed;
    background-color: transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar {
    z-index: 1;
}

.navbar-brand {
    max-width: 170px;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar a:not([href]):not([tabindex]):hover {
    color: #06b4e9;
    text-decoration: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #000;
    font-size: 17px;
    padding: 23px 25px;
    font-weight: 700;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
header .navbar .navbar-nav .active .nav-link,
header.fixed .navbar-expand-lg .navbar-nav .nav-link:hover,
header.fixed .navbar .navbar-nav .active .nav-link {
    color: #06b4e9;
}

header.fixed {
    /*padding: 10px 0;*/
    background-color: #fff;
    border-bottom: 4px solid #07baee;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

header.fixed:after {
    height: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

header.fixed .navbar-expand-lg .navbar-nav .nav-link {
    color: #000;
    margin: 0;
}

header .navbar .navbar-nav .nav-link.login-link,
header .navbar .navbar-nav .nav-link.login-link:hover {
    background-color: #06b4e9;
    margin: 11px 10px;
    padding: 12px 20px;
    border-radius: 7px;
    color: #fff;
}

header .navbar .navbar-toggler {
    border-color: #06baed;
    border: none;
    background-color: transparent;
}

.med-device {
    display: none;
}

/*Checkout from here*/


.user-profile {
    max-width: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

header .navbar .navbar-nav .profile-wrapper {
    padding: 10px 25px;
}

.subheader{
    text-align:center;
    padding:10px 0;
    font-size:1.1em;
}


.dropdown-menu {
    width: 100%;
    border-radius: 10px;
    border-color: transparent;
    padding: 0;
    border-width: 2px;
    right: 0;
    left: auto;
    top: 60px;
    overflow: hidden;
    box-shadow: 0px 8px 10px #54545445;
}

/*
.dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 2px solid #0001;
}
*/

.dropdown-menu .dropdown-item {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 600;
}

.dropdown-menu .dropdown-item:hover {
    color: #06b4e9;
}

.dropdown-menu .dropdown-item:active {
    transform: none;
    background-color: transparent;
    color: #000;
}

.cstm-nav .dropdown-menu {
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.9);
    right: 0;
    left: 0;
    top: 60px;
    overflow: hidden;
    box-shadow: 0 0 18px #0001;
    width: max-content;
    min-width: 100%;
    transform: translateX(-25px);
}

.cstm-nav .dropdown-menu .dropdown-item {
    padding: 15px 20px;
    font-size: 16px;
    border: none;
    font-weight: 500;
    letter-spacing: .5px;
}

.cstm-nav .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.cstm-nav .dropdown-menu .dropdown-item:hover {
    /*    background-color: #17a2b8;*/
    background-color: #e84d4a;
    color: #fff;
}

/*-*-* Header CSS OVER*-*-*/


/* Map Header CSS START */

.md-map-header {
    display: none;
}

.map-search-bar {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.map-search-bar span {
    position: absolute;
    top: 16px;
    margin-left: 13px;
}

.map-search-bar input {
    border: none;
    font-size: 16px;
    padding: 15px 25px 15px 40px;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    background-color: #ccc;
}

/* Map Header CSS OVER */


/*-*-* Footer CSS START*-*-*/


footer {
    background-color: #fff;
}

footer .cities {
    background-image: url('../images/cities.png');
    max-height: 340px;
    height: 340px;
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom center;
}


footer > .container {
    padding-top: 55px;
}

.cities {
    border-bottom: 2px solid #ccc;
}

.social-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.social-wrapper .social-icon .social-visit {
    width: 45px;
    height: 45px;
    font-size: 22px;
    background-color: #e8e8e8;
    color: #3c3c3c;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.social-wrapper .social-icon .social-visit:hover {
    background-color: #06b4e9;
    color: #fff;
}

.social-wrapper .social-icon:not(:last-child) .social-visit {
    margin-right: 15px;
}


.footer-logo-area img {
    max-width: 210px;
}

.footer-link-wrapper a {
    padding: 0 15px;
    font-weight: 600;
    color: gray;
    font-size: 17px;
}

.footer-link-wrapper a:hover {
    color: #06b4e9;
}

.middle-text {
    border-left: 2px solid gray;
    border-right: 2px solid gray;
}

/*-*-* Footer CSS OVER*-*-*/



/*-*-* LOGIN, REGISTER & CONTACT PAGE CSS START*-*-*/


.login-section,
.register-section {
    padding: 0;
    background-color: #fff;
}

.login-section a,
.register-section a,
.login-section a label,
.register-section a label {
    cursor: pointer;
}

.login-wrapper,
.register-wrapper {
    height: 100%;
    padding: 50px 0;
    overflow-y: auto;
    max-height: 100vh;
}


.max-login-width,
.max-register-width {
    max-width: 480px;
    margin: 0 auto;
}

.max-login-width img.logo,
.max-register-width img.logo {
    max-width: 210px;
}

.go-home-badge {
    background-color: #dbecf3;
    padding: 10px 24px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 700;
    height: 42px;
    display: flex;
    align-items: center;
}

.login-box,
.register-box {
    margin: 50px 0;
}

.login-box > div:first-child,
.register-box > div:first-child {
    margin-bottom: 3rem;
}

.login-box h1,
.register-box h1 {
    font-size: 42px;
    font-weight: 900;
}

.heading-subtitle {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.5;
    color: gray;
}

.login-form,
.register-form,
.contact-form {
    margin-bottom: 3rem;
}

.login-form .form-group,
.register-form .form-group,
.contact-form .form-group {
    margin-bottom: 2rem;
    position: relative;
}

.login-form .form-group .eye,
.register-form .form-group .eye {
    position: absolute;
    right: 10px;
    bottom: 21%;
    color: gray;
    font-size: 20px;

}

.login-form label,
.register-form label {
    font-weight: 500;
    margin: 0;
}

.login-form label.forget,
.register-form label.forget {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2rem;
    color: #000;
}

.login-form input,
.register-form input,
.register-form select,
.register-form textarea,
.contact-form input,
.contact-form select,
.contact-form textarea {
    min-height: 54px;
    border: none;
    border-bottom: 1px solid #ccd4da;
    border-radius: unset;
    padding-left: 0;
    padding-left: 0;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding-left: 10px;
}

.contact-form select {
    font-weight: normal;
    background: url('../images/down-arrow.svg') no-repeat;
    cursor: pointer;
    background-position: right center;
    background-size: 16px;

    /* Hide default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.contact-form select option {
    font-size: 20px;
}

.login-form input::placeholder,
.register-form input::placeholder,
.register-form textarea::placeholder,
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    font-weight: normal;
    font-size: 18px;
    color: #ccc;
    padding-left: 10px;
}

.login-form input[type="password"],
.register-form input[type="password"] {
    padding-right: 45px;
}

.btn-enter {
    background-color: #06b9ed;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    padding: 16px 15px;
    border-radius: 10px;
    font-weight: 600;
}

.btn-enter:hover {
    color: #fff;
    background-color: #2dcaf7;
}
.btn-enter a:hover{
    color: #fff;
    font-weight: bold;
}

.or-label {
    position: relative;
    text-align: center;
    background: linear-gradient(to left, white 25%, gray 50%, white 75%)no-repeat;
    background-size: 100% 1px;
}

.or-label span {
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #ccc;
    padding: 9px 8px;
    font-weight: 600;
    color: gray;
    position: relative;
    top: -8px;
    transform: translate(-50%, -50%);
    background-color: #f1f1f1;
}

.login-btn {
    width: 200px;
    max-width: 200px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 21px;
    font-weight: 600;
    padding: 6px;
    color: #fff;
    cursor: pointer;
}

.login-btn .login-opt-icon {
    background-color: #0f4e9e;
    border-radius: 6px;
}

.login-facebook .login-opt-icon {
    padding: 15px 20px;
    font-weight: normal;
}

.login-google .login-opt-icon {
    padding: 15px 18px;
    background-color: #a22a05;
}

.login-facebook {
    background-color: #1664c8;
}

.login-google {
    background-color: #cf3706;
}

.social-text {
    width: calc(100% - 52px);
    text-align: center;
}

.last-row {
    font-size: 18px;
    font-weight: 500;
}

.last-row a {
    font-weight: 700;
    color: #06b9ed;
}

.bg-full {
    background-image: url('../images/enter-screen.jpg');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 100vh;
}

.tab-view {
    display: none;
}

.btn-blue {
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 600;
}

.btn-blue i {
    margin-left: 10px;
}

.create-tour {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(22, 27, 28, 0.80);
}

.create-tour a {
    font-weight: 600;
    color: #06b9ed;
}

.contact-form .nice-select {
    min-width: 100%;
    line-height: 2;
    font-weight: normal;
    padding: .375rem 1rem;
    height: 47px;
    min-height: 54px;
    border: none;
    border-bottom: 1px solid #ccd4da;
    border-radius: unset;
    padding-left: 0;
    font-size: 20px;
}

.nice-select ul {
    width: 100%;
}

/*-*-* LOGIN, REGISTER & CONTACT PAGE CSS OVER *-*-*/


/*-*-* INDEX PAGE CSS START *-*-*/

.search-destination {
    /*    background-image: url('../images/bg-grad.png'),
linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);*/
    background-image: url('../images/bg-grad.png'), linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(226, 241, 245, 1) 50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 40% center;
}

.search-destination h1,
.search-tour h1 {
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 50px;
    margin-top: 30px;
}

.search-tour h1 {
    margin-bottom: 25px;
}

.search-destination h1 span,
.search-tour h1 span,
.text-center.term-heading span {
    color: #07baef;
}


.option-selection {
    margin-bottom: 2.5rem;
}

.btn-create-container {
    width: 100%;
    text-align: center;
    margin-bottom: 48px;
    display: block;
    position: relative;
}

.btn-create {
    display: inline-block;
    border: none;
    padding: 18px 40px;
    background-color: #fff;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    color: #06baed;
    box-shadow: -5px 2px 20px 0 #6c757d4a;
}

.btn-create:hover {
    color: #06baed;
}


/*-*-* Tour Toggle button CSS START *-*-*/

.can-toggle {
    position: relative;
    font-weight: 700;
    font-size: 20px;
}

.can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
    box-sizing: border-box;
}

.can-toggle input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
    content: attr(data-unchecked);
    left: 15px;
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    content: attr(data-checked);
}

.can-toggle label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
}

.can-toggle label .can-toggle__switch {
    position: relative;
}

.can-toggle label .can-toggle__switch:before {
    content: attr(data-checked);
    position: absolute;
    top: 0;
    /*    text-transform: uppercase;*/
    text-align: center;
}

.can-toggle label .can-toggle__switch:after {
    content: attr(data-unchecked);
    position: absolute;
    z-index: 5;
    /*    text-transform: uppercase;*/
    text-align: center;
    background: white;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.can-toggle.tour-option input[type="checkbox"]:checked ~ label .can-toggle__switch {
    background-color: #06b4e9;
    background-color: #dbecf3;
    background-color: #cfe0e7;
}

.can-toggle.tour-option input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    color: #06b4e9;
}

.can-toggle.tour-option label .can-toggle__switch {
    -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    background: #cfe0e7;
    /*    background: #06b4e9;*/
}

.can-toggle.tour-option label .can-toggle__switch:before {
    color: rgba(255, 255, 255, 0.7);
    color: gray;
}

.can-toggle.tour-option label .can-toggle__switch:after {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    color: #06b4e9;
}

.can-toggle.tour-option input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    -webkit-transform: translate3d(95px, 0, 0);
    transform: translate3d(95px, 0, 0);
}

.can-toggle.tour-option label {
    font-size: 13px;
    width: fit-content;
    margin: 0 auto;
}

.can-toggle.tour-option label .can-toggle__switch {
    height: 50px;
    -webkit-box-flex: 0;
    flex: 0 0 200px;
    border-radius: 50px;
}

.can-toggle.tour-option label .can-toggle__switch:before {
    right: 30px;
    font-size: 13px;
    line-height: 50px;
    width: 60px;
    padding: 0 12px;
}

.can-toggle.tour-option label .can-toggle__switch:after {
    top: 2px;
    left: 2px;
    border-radius: 30px;
    width: 100px;
    line-height: 46px;
    font-size: 13px;
    /*    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);*/
}


/*-*-* Tour Toggle button CSS OVER *-*-*/

.search-box {
    position: relative;
    max-width: 900px;
    padding: 12px 10px 12px 50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*    box-shadow: 0 20px 20px #dcdcdcb8, 10px 20px 70px #dcdcdcb8, -10px 20px 50px #dcdcdcb8;*/
    box-shadow: 0 20px 20px 0px #2d2d2d36;
}


.search-input {
    border-right: 2px solid #e4e4e4;
    margin-right: 10px;
    width: 60%;
    padding: 12px 0;
}

.search-input span {
    position: absolute;
    top: 38%;
    left: 20px;
    color: #07baef;
    font-size: 22px;
}

.search-box input {
    border: 0;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.search-box input::placeholder {
    color: #ccc;
}

.search-box .nice-select {
    min-width: 175px;
    line-height: 1.9;
    font-size: 17px;
    font-weight: 500;
    /*    border: 1px solid #ced4da;*/
    border: none;
    padding: .375rem 1rem;
    height: 47px;

}

.search-box select {
    border: 0;
    font-size: 17px;
    font-weight: 500;

    padding-left: 20px;
    padding: .375rem 1rem;
    margin-right: 25px;
    background: url('../images/down-arrow.svg') no-repeat;
    cursor: pointer;
    background-position: right center;
    background-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.search-box select option {
    font-size: 18px;
}

.search-submit button {
    background-color: #07baef;
    color: #fff;
    width: 130px;
    margin-left: 15px;
    padding: 10px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 10px;
}

.search-submit button:hover {
    color: #fff;
}

/*-*-* &_& *-*-*/

.head-wrapper {
    margin-bottom: 4.2rem;
}

.head-wrapper label {
    font-size: 42px;
}

.head-wrapper h2 {
    font-size: 50px;
    font-weight: 600;
}

.custom-card {
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 10px;
    height: 230px;
    max-height: 230px;
    max-width: 465px;
}

.card-blue {
    background-color: #06b4ea;
    color: #06b4ea;
}

.card-yellow {
    background-color: #eaa206;
    color: #eaa206;
}

.card-pink {
    background-color: #ea0667;
    color: #ea0667
}

.card-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    color: #fff;
}

.card-content h3 {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.card-content p {
    color: #fff;
}

.explore-link {
    background-color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    padding: 15px 37px;
    line-height: 1.3;
    cursor: pointer;
    max-width: 150px;
    border-radius: 100px;
}

.abs-img-wrap {
    position: absolute;
    bottom: 0;
}

.bags {
    right: -6px;
}

.guide {
    right: 15px;
}

.family {
    right: -21px;
    bottom: -12px;
}


/*-*-* &_& *-*-*/


.slider-tours {
    background-image: url('../images/bg-slider.png'), linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    min-height: 1050px;
    background-size: cover;
    background-position: top center;
}

.tpl-200 {
    padding-left: 180px;
}

.tour-head {
    width: 400px;
    max-width: 400px;
    padding-top: 85px;
}

.tour-head h3 {
    font-size: 54px;
    font-weight: 700;
}

.tour-head p {
    font-size: 17px;
    color: gray;

}

.tour-slide-data {
    width: calc(100% - 400px);
    padding-left: 20px;
}

.slider-tours .owl-carousel {
    position: unset;
}

.slider-tours .owl-carousel .owl-stage-outer {
    padding: 0 0 50px;
}

#tourtestimonials .owl-stage {
    padding-left: 0px !important;
}

.slider-tours .owl-carousel .owl-nav {
    position: absolute;
    bottom: 250px;
    left: 180px;
}

.slider-tours .owl-carousel .owl-nav button.owl-next:hover {
    background-color: #06b9ed;
    color: #fff;
}

.tour-card {
    box-shadow: 0 25px 25px #444444a6;
    border-radius: 10px;
}

.caption {
    background: linear-gradient(to bottom, transparent, black);
    display: flex;
    width: 100%;
    height: 100px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    padding: 5px 15px;
    letter-spacing: 1.5px;
    margin-bottom: 0;
}

/*-*-* &_& *-*-*/

.recommenced-tour {
    width: 100%;
    margin: 50px 0 0;
}

.recommenced-tour h3 {
    font-size: 56px;
    margin-bottom: 15px;
   /* white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 15px);
}

#recommenced-testimonials {
    position: relative;
}

.slider-tours .recommenced-tour .owl-carousel .owl-stage-outer {
    padding: 0;
}

.slider-tours .recommenced-tour .owl-carousel.owl-drag .owl-item {
    max-width: 100%;
    margin-right: unset !important;
}

.slider-tours .recommenced-tour .owl-carousel .owl-nav {
    position: absolute;
    bottom: 55%;
    left: 0;
    width: 100%;
}

.slider-tours .recommenced-tour .owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: 0;
}

.recommenced-row {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
}



.nav-clicker {
    padding: 0 100px;
}

/*.recommenced-row .img-location {
    border-radius: 30px;
    max-width: 750px;
    max-height: 480px;
    height: 480px;
    object-fit: cover;
}*/

.recommenced-row a .img-location {
    border-radius: 30px;
    max-width: 750px;
    max-height: 100%;
    height: 500px;
    width: 610px;
    object-fit: cover;
}

@media only screen and (max-width: 480px){
    .subheader{font-size:0.9em;}
    .subheader img{max-height:25px;margin:5px 0 0 0;}
   .recommenced-row a .img-location {
    border-radius: 30px;
    max-width: 300px;
    object-fit: cover; 
    max-height: 250px;
    height: 250px;
    width: 300px;
    padding: 0px 
    }
    .recommenced-row {
    display: flex;
   }
}

.owl-carousel .owl-item .drive-car {
    position: absolute;
    top: 20px;
    right: 20px;
    width: auto;
}

.recommenced-row .recommenced-card {
    padding: 20px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    /*background-color: #fff;*/
    box-shadow: 0 0px 15px #b7b7b725;
    height: 480px;
}

.owl-carousel .owl-item .client-detail img {
    width: auto;
    min-width: 55px;
    margin-right: 15px;
}

.owl-carousel .owl-item .client-detail label {
    font-size: 20px;
    font-weight: 600;
}

.owl-carousel .owl-item .client-detail span {
    font-size: 14px;
    font-weight: normal;
    color: gray;
}

.badge-orange {
    background-color: #f8650f;
    padding: 8px 10px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1.5px;
}

.recommenced-tour .description {
    margin-top: 30px;
}

.recommenced-tour .description h3 {
    font-size: 30px;
}

.recommenced-tour .description p {
    font-size: 19px;
    max-width: 100%;
    height: 82px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.desc-detail {
    margin-top: 30px;
    font-size: 17px;
    color: gray;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.more button {
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #06b9ed;
}

.more button span {
    margin-left: 20px;
}

/*-*-* &_& *-*-*/

.expert-slider {
    padding-bottom: 0;
}

.expert-spac {
    padding-left: 200px;
    padding-top: 70px;
}

.expert-spac h3 {
    font-size: 46px;
}

.expert-spac h4 {
    font-size: 36px;
    color: #06b9ed;
}

.expert-spac .expert-info-row {
    display: flex;
    flex-direction: row;
}

.expert-spac .expert-info-row .expert-info-card {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    width: 180px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 15px;
}

.expert-spac .expert-info-row .expert-info-card label {
    font-size: 28px;
    font-weight: 700;
}

#expert-testimonials .expert-info-row .expert-info-card p {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: unset;
}

#expert-testimonials .item-details {
    background-color: transparent;
    padding: 20px 10px;
    text-align: left;
}

#expert-testimonials .item-details p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3rem;
}

#expert-testimonials .item {
    text-align: center;
    margin-bottom: 80px;
}


/*-*-* OWL CSS *-*-*/

.owl-carousel .owl-nav {
    position: relative;
    bottom: 50px;
    left: 20px;
}

.owl-carousel .owl-nav button.owl-prev {
    background-color: #fff;
    left: 0;
    box-shadow: 0 0 20px #c3c3c39e;
    color: #748d94;
}

.owl-carousel .owl-nav button.owl-next {
    background-color: #06b9ed;
    left: 70px;
    color: #fff;
}

.owl-carousel .owl-nav [class*='owl-'] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
    background-color: #D6D6D6;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    font-size: 20px;
    color: #fff;
    border: 1px solid #ddd;
    text-align: center;
}

/*-*-* OWL CSS *-*-*/
/*-*-* &_& *-*-*/

.tour-category h3 {
    font-size: 50px;
}

.tour-sub-heading {
    max-width: 355px;
    margin: 0 auto;
}

.tour-sub-heading p {
    font-size: 18px;
    font-weight: 500;
    color: gray;
}

.tour-cat-wrapper {
    position: relative;
    text-align: center;
}
/*.tour-cat-wrapper img {
    margin: 0 auto;
    border-radius: 5px;
    height: 275px !important;
    width: auto;
    height: auto;
}
*/
.tour-ctg-link {
    background: linear-gradient(to bottom, transparent, black);
    display: flex;
    width: 100%;
    height: 100px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    bottom: 0;
    flex-direction: column;
    justify-content: flex-end;
    letter-spacing: 1px;
    padding-bottom: 20px;
}

.tour-ctg-link:hover {
    color: #fff;
}

/*-*-* &_& *-*-*/

.appAd {
    padding-top: 50px;
}

.abstarct-bg {
    background-image: url('../images/AppBG.png'), linear-gradient(0deg, #06b9ed 0%, #06b9ed 100%);
    padding-top: 50px;
    display:
}

.abstarct-bg h3 {
    font-size: 38px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.abstarct-bg label {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.btn-app {
    border: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    padding: 15px 25px;
    border-radius: 10px;
    margin-top: 1rem;
}

.btn-app span {
    margin-left: 20px;
}

/*-*-* &_& *-*-*/

.make-tour-footer {
    padding-top: 0;
    padding-bottom: 20px;
}

.px-6 {
    padding-left: 6rem;
    padding-right: 6rem;
}

.make-tour-footer h3 {
    font-size: 40px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.make-tour-footer label {
    color: gray;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.make-tour-footer .bg-blue {
    background-color: #06b9ed;
    color: #fff;
}

/*-*-* INDEX PAGE CSS OVER*-*-*/


/*-*-* SEARCH TOUR PAGE CSS START *-*-*/

.search-tour {
    background-image: url('../images/head-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.search-tour .search-box {
    box-shadow: 0 20px 20px #8686865c;
}

.filter-area .form-group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.filter-area .form-group label {
    color: #676771;
    font-weight: 500;
}

.result {
    font-size: 36px;
    font-weight: 700;
    margin-right: 40px;
}

.select-box {
    border-radius: 100px;
    width: 100px;
    padding-left: 20px;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2;
    border: 1.2px solid #d8e6ea;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #495057;
    height: calc(1.5em + .75rem + 12px);
    padding: .375rem 1rem;
    margin-right: 25px;

    /*
    background: url('../images/down-arrow.svg') no-repeat;
    cursor: pointer;
    background-position: 85% center;
    background-size: 16px;
*/

    /* Hide default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.filter-area .nice-select:after {
    height: 9px;
    top: 45%;
    width: 9px;
    right: 22px;
}

.select-box:focus {
    border-color: #676771;
}

.select-box option {
    font-size: 17px;
}

.ranking-width {
    width: auto;
    max-width: 175px;
    width: 140px;
}

.switch-field {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    width: auto;
    border: 1.2px solid #d8e6ea;
    border-radius: 50px;
    padding: 2px 3px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 1;
    text-align: center;
    padding: 7px 16px;
    margin-right: -1px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    width: 50px;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 77px;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #06b4e9;
    box-shadow: none;
    color: #fff;
    border-radius: 50px;
    width: 50px;
    box-shadow: 0 0 3px #7b7b7b;
    margin: 0;
    width: 77px;
}

.bg-opt {
    width: 100%;
    height: 30px;
    max-height: 30px;
}

.car {
    background: url("../images/blog-car-dark.png") no-repeat center center;
}

.switch-field input:checked + label .car {
    background: url("../images/blog-car.png") no-repeat center center;
}

.walk {
    background: url("../images/tracking.svg") no-repeat center center;
}

.switch-field input:checked + label .walk {
    background: url("../images/tracking_white.svg") no-repeat center center;
}

.off {
    background: url("../images/blog-walking.png") no-repeat center center;
}

.switch-field input:checked + label .off {
    background: url("../images/icon-mode-offroad-walk.png") no-repeat center center;
}

.cycle {
    background: url("../images/blog-cycle-color.png") no-repeat center center;
}

.switch-field input:checked + label .cycle {
    background: url("../images/blog-cycle-white.png") no-repeat center center;
}

.md-centric-pagination {
    width: max-content;
}

ul.pagination {
    border: 1px solid #cfe0e7;
    border-radius: 50px;
    padding: 3px 2px;
    margin: 0;
}

.page-nav span {
    background-color: #f2f3f5;
    border-radius: 100px;
    color: #8da0a6;
    font-size: 22px;
}

.page-nav:hover span {
    background-color: #06b4e9;
    color: #fff;
}

.prev-nav {
    padding: 12px 21px 12px 17px;
}

.next-nav {
    padding: 12px 17px 12px 21px;
}

.pagination .page-item {
    padding: 0 2px;
}

.pagination .page-item:first-child {
    margin-right: 5px;
}

.pagination .page-item:last-child {
    margin-left: 5px;
}

.pagination .page-link {
    border: none;
    padding: 13px 20px;
    color: #000;
    font-weight: 700;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    box-shadow: none;
    outline: none;
}

.pagination .page-link.active,
.pagination .page-item:hover .page-link {
    background-color: #06b4e9;
    border-radius: 50px;
    color: #fff;
}


.blog-card {
    box-shadow: 0 2px 7px #b1b1b159;
    border-radius: 0 0 5px 5px;
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
}

.blog-img-info-wrapper {
    position: relative;
}

.tour-count-before {
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    width: 15.3px;
    height: 15px;
    background-color: #9acbd9;
    display: block;
    position: absolute;
    top: 25px;
    left: -15px;
}

.tour-count {
    background-color: #06b4e9;
    color: #fff;
    text-align: center;
    border-radius: 0 6px 6px 0;
    padding: 9px;
    max-width: 100px;
    letter-spacing: 1px;
    position: absolute;
    top: 40px;
    left: -15px;
}

.tour-data-field{
    display:inline-block;
    padding:11px 15px;
}

.like-it {
    border-radius: 100px;
    background-color: #fff;
    color: gray;
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 11px 10px 7px 10px;
    font-size: 20px;
    cursor: pointer;
}

.blog-img {
    height: 375px;
}

.blog-img img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    object-fit: cover;
    height: inherit;
}

.bottom-row {
    background: linear-gradient(to bottom, transparent, black);
    display: flex;
    height: 80px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.expert-profile img {
    width: auto;
    min-width: 55px;
}

.blog-author {
    padding-right: 10px;
}

.blog-author label {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.blog-author span {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    font-weight: 500;
}

.badge-mode {
    background-color: #cccccc7a;
    padding: 7px;
    border-radius: 5px;
    width: 40px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.category-badge {
    margin: 0 5px 0 0;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #cccccc7a;
    padding: 4px;
    border-radius: 5px;
}

.blog-title-price-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}

.blog-text h3 {
    white-space: wrap;
    margin: 0;
    width: calc(100% - 100px);
    padding-right: 15px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.blog-tour-price {
    color: green;
    font-size: 16px;
    font-weight: 600;
    width: 100px;
    background-color: #69f9694d;
    ;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}


.blog-text p {
    font-size: 17px;
    color: var(--gray-dark);
    font-weight: 500;
    max-width: 100%;
    height: 76px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-info-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.blog-info-row label {
    margin: 0;
}

.blog-info-row > div label {
    color: gray;
    font-weight: 500;
}

.blog-action {
    color: gray;
    font-size: 18px;
    font-weight: 600;
    min-width: 150px;
    margin-right: 5px;
}

.blog-action span {
    margin-right: 10px;
}

.i-info {
    background-color: #ccc;
    color: gray;
    border-radius: 100px;
    padding: 9px 12px;
    font-size: 12px;
    cursor: pointer;
}

/*-*-* SEARCH TOUR PAGE CSS OVER *-*-*/



/*-*-* MAKE A TOUR PAGE CSS START *-*-*/

.make_tour_detail h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 60px 0 30px;
}

.make_tour_detail p {
    color: #161b1c;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 25px;
}

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

.make_tour_detail ul li {
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
    color: #161b1c;
}

.make_tour_detail ul li:before {
    width: 10px;
    height: 10px;
    background: #07bcef;
    content: "";
    display: inline-block;
    margin-right: 15px;
    border-radius: 100%;
}

.fixed-slide {
    height: 100vh;
    /* min-height: 200px; */
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 15%;
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.05);
}

.fixed-slide ul {
    list-style: none;
    padding: 0;
}

.fixed-slide ol {
    font-size: 18px;
    font-weight: 500;
}

.fixed-slide ul li a,
.fixed-slide ol li a {
    margin: 25px 0;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #161b1c;
    padding-left: 5px;
}

.fixed-slide ul li a:hover,
.fixed-slide ol li a:hover {
    color: #07b9ee;
}

.fixed-slide ul li a.active,
.fixed-slide ol li a.active {
    color: #07b9ee
}

.fixed-slide ul li ul,
.fixed-slide ol li ol {
    margin: 25px 30px 25px 0;
}

.fixed-sub-detail-img {
    max-width: 400px;
    width: 100%;
    max-height: 175px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    margin: 30px auto;
}

.fixed-slide-detail p {
    font-size: 18px;
    font-weight: 500;
}

.fixed-sub-detail-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fixed-sub-detail p {
    font-size: 18px;
    font-weight: 500;
}


.fixed-sub-detail a {
    color: #07b9ee
}

.fixed-slide-detail h4 {
    font-size: 26px;
    font-weight: 600;
    color: #161b1c;
    margin-bottom: 30px;
}

.fixed-sub-detail-img1 {
    margin: unset;
    margin-top: 30px;
}

.fixed-slide-detail {
    margin-top: 35px;
}

.fixed-sub-detail-img3 {
    max-width: 800px;
    max-height: 350px;
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.fixed-sub-detail-img3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fixed-slide-detail h6 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

.fixed-slide-detail ul {
    list-style: none;
    padding: 0;
}

.fixed-slide-detail ul li:before {
    width: 10px;
    height: 10px;
    background: #07bcef;
    content: "";
    display: inline-block;
    margin-right: 15px;
    border-radius: 100%;
}

.fixed-slide-detail ul li {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #161b1c;
    margin: 20px 0;
}

.tour-sub-detail-img {
    max-width: 400px;
    width: 100%;
    max-height: 450px;
    height: auto;
    overflow: hidden;
    border-radius: 20px;
    margin: 0 auto;
    margin: 30px 0;
}

.tour-sub-detail-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-sub-detail span {
    font-size: 20px;
    color: #07baee;
    font-weight: 500;
    display: block;
    margin-bottom: 20px;
}

.fixed-mobile-img {
    border: 3px solid #f0f3f3;
    border-radius: 20px;
    overflow: hidden;
    width: 270px;
    height: 550px;
    padding: 10px;
    display: inline-block;
}

.fixed-mobile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-light-blue {
    background-color: #dbedf2;
    padding: 50px 30px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-light-detail {
    text-align: center;
    width: 50%;
}

.bg-light-detail h3 {
    font-size: 34px;
}

.bg-light-detail p {
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0;
}

.bg-light-img {
    text-align: center;
    max-width: 700px;
    max-height: 300px;
    width: 100%;
    height: auto;
    border: 3px solid #fff;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto;
}

.bg-light-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

/*-*-* MAKE A TOUR PAGE CSS OVER *-*-*/




/*-*-* TAKE A TOUR PAGE CSS START *-*-*/

.d-bg {
    background-color: #06b4ea;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.d-bg:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/d-bg.png);
    z-index: -1;
}

.d-section {
    display: flex;
    justify-content: space-between;
    max-width: 83.333333%;
    margin: 0 auto;
    align-items: center;
}

.d-img {
    margin-bottom: -60px;
}

.d-detail .term-heading {
    margin: 0 0 50px 0;
}

.tour-phone-detail p {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #161b1c;
}

/*-*-* TAKE A TOUR PAGE CSS OVER *-*-*/




/*-*-* WHAT UCPLACE IS PAGE CSS START *-*-*/

.whatUcplacesection,
.take-tour,
.tour-vid {
    position: relative;
    z-index: 0;
}

.whatUcplacesection:after,
.take-tour:after,
.tour-vid:after {
    position: absolute;
    z-index: -1;
    width: 100%;
    min-height: 500px;
    background-image: -moz-linear-gradient(90deg, rgba(6, 180, 234, 0) 0%, rgb(6, 180, 234) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(6, 180, 234, 0) 0%, rgb(6, 180, 234) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(6, 180, 234, 0) 0%, rgb(6, 180, 234) 100%);
    opacity: 0.102;
    content: "";
    top: 50%;
}

.whatUcplace,
.take-tour-vid,
.tour-vid-img {
    max-height: 550px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.whatUcplace:after,
.take-tour-vid:after,
.tour-vid-img:after {
    content: "";
    background-image: url(../images/play.svg);
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}

.whatUcplace img,
.take-tour-vid img,
.tour-vid-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/*-*-* WHAT UCPLACE IS PAGE CSS OVER *-*-*/




/*-*-* TERMS OF SERVICE & PRIVACY POLICY PAGE CSS OVER *-*-*/

.text-center.term-heading {
    margin: 100px 0;
    font-size: 40px;
    font-weight: 600;
}

.terms h5,
.privacy h5 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 40px;
}

.terms ul,
.privacy ul {
    list-style: none;
    padding: 0;
}

.terms ul li,
.privacy ul li {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #161b1c;
}

.terms ul li:before,
.privacy ul li:before {
    width: 10px;
    height: 10px;
    background: #07bcef;
    content: "";
    display: inline-block;
    margin-right: 15px;
    border-radius: 100%;
}

.terms p,
.privacy p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #161b1c;
    margin-bottom: 25px;
    text-align: justify;
}

.terms p a,
.privacy p a {
    color: #06b8ed;
    text-decoration: underline;
}

.t-copyright {
    margin-top: 50px;
}


.t-copyright p {
    margin-bottom: 4px;
    color: rgba(22, 27, 28, 0.6);
}

.t-address address {
    font-size: 20px;
}

.t-address address i {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    display: block;
    margin: 8px 0;
}

.t-address a {
    font-weight: 600;
    color: #06b8ed;
}

.t-address p {
    margin-top: 60px;
    font-size: 18px;
    color: rgba(22, 27, 21, 0.50);
    font-weight: 500;
}

/*-*-* TERMS OF SERVICE & PRIVACY POLICY PAGE CSS OVER *-*-*/




/*-*-* TOUR GUIDE & TOUR GUIDE USER PANEL PAGE CSS START *-*-*/



/*-*-* TOUR GUIDE & TOUR GUIDE USER PANEL PAGE CSS OVER *-*-*/




/*-*-* CREATE TOUR PAGE CSS START *-*-*/

.expert_create_tour,
.tour_guide {
    height: 100vh;
    padding-top: 76px;
}

.create_tour_left_panel,
.tour_guide_left_panel {
    position: relative;
    background-color: transparent;
}

.side-toggler {
    display: none;
}

.tour-number-label {
    font-size: 14px;
    font-weight: 500;
    position: fixed;
    top: 76px;
    background-color: #06baed;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 7px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*    left: calc(25% + 10px);*/
    left: 500px;
    z-index: 1003;
}

.md-inside-sidebar {
    display: none;
}

.left_sidebar,
.guide_left_sidebar {
    position: fixed;
    top: 76px;
    left: 0;
    bottom: 0;
    background-color: #fff;
    height: 100%;
    width: 530px;
    box-shadow: 7px 19px 20px 0 #b5b5b5b0;
    padding: 10px 30px;
    overflow-y: auto;
    z-index: 1001;
    overflow-y: auto;
    height: calc(100vh - 232px);
}

/* width */
.left_sidebar::-webkit-scrollbar,
.guide_left_sidebar::-webkit-scrollbar,
.list_load::-webkit-scrollbar {
    width: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Track */
.left_sidebar::-webkit-scrollbar-track,
.guide_left_sidebar::-webkit-scrollbar-track,
.list_load::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.left_sidebar::-webkit-scrollbar-thumb,
.guide_left_sidebar::-webkit-scrollbar-thumb,
.list_load::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
.left_sidebar::-webkit-scrollbar-thumb:hover,
.guide_left_sidebar::-webkit-scrollbar-thumb:hover,
.list_load::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.ic_clock{
    background: url(../images/ic_clock.png) no-repeat center center;
    display: inline-block;
    background-size:contain;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.ic_locs{
    background: url(../images/ic_loc_double.png) no-repeat center center;
    display: inline-block;
    background-size:contain;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.ic_ucp_loc{
    background: url(../images/ic_ucp_loc.png) no-repeat center center;
    display: inline-block;
    background-size:contain;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.ic_ucp_loc_w{
    background: url(../images/ic_ucp_loc_w.png) no-repeat center center;
    display: inline-block;
    background-size:contain;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.ic_lang{
    background: url(../images/ic_lang.png) no-repeat center center;
    display: inline-block;
    background-size:contain;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}



.car-icon-wrapper,
.tour-car-icon-wrapper {
    background-color: #06baed;
    padding: 18px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.tour-car-icon-wrapper {
    padding: 10px;
}

.car-icon-wrapper img,
.tour-car-icon-wrapper img {
    width: 90%;
}

.tour-title input {
    font-size: 30px;
    font-weight: 700;
    border: none;
    color: #3e4152;
    border-radius: 0;
    padding: 0;
    padding-right: 10px;
    line-height: normal;
    height: auto;
}

.tour-title input::placeholder {
    color: #ccc;
}

.max-w-guide {
    max-width: 370px;
}

.tour-guide-title label {
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 340px;
}

.small-details,
.small-details-info {
    font-size: 14px;
    font-weight: 500;
    color: #828282;
    width: 100%;
}

.small-details input {
    max-width: 50px;
    padding: 5px;
    font-size: 14px;
    border: none;
    /*    border-bottom: 1px solid #ccc;*/
    border-radius: 0;
    display: inline-block;
    color: #000;
    padding-top: 0;
    padding-bottom: 0;
}

.small-details div:last-child input {
    max-width: 70px;
}

.small-details-info span {
    color: #5d5d5d;
    font-weight: 600;
}

.tour_guidance .review .badge-orange {
    font-size: 12px;
    font-weight: normal;
    padding: 7px;
}

.review label {
    font-size: 13px;
    color: gray;
    font-weight: 500;
}

.tour-icon-info {
    background-color: #e4e4e4;
    color: #3e4152;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 9px;
    display: inline-block;
    margin-right: 5px;
}

.location-info,
.tour-location-info {
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 500;
    margin-right: 25px;
}

.image-drop-area {
    position: relative;
    border: .125rem dashed #ccc;
    border-radius: 5px;
    min-height: 250px;
}


.image-drop-area input[type="file"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: gray;
    transition: background .3s;
    width: 100%;
    height: 100%;
    min-height: 180px;
    text-align: center;
    opacity: 0;
}

.tour_cover_label {
    position: absolute;
    font-size: 14px;
    width: 100%;
    height: 100%;
    color: gray;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tour_cover_label span {
    font-size: 30px;
}

.location-view-area img {
    border-radius: 12px;
    max-height: 250px;
    width: fit-content;
    width: -moz-fit-content;
    object-fit: cover;
}

.wheelchair label {
    font-size: 15px;
    font-weight: 500;
    color: gray;
    margin: 0;
    margin-left: 25px;
    line-height: 1.2;
}

.fill-details input,
.fill-details select,
.fill-details textarea,
.fill-details .nice-select {
    min-height: 54px;
    border: none;
    border-bottom: 1px solid #ccd4da;
    border-radius: unset;
    padding-left: 0;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    padding-left: 10px;
}

.fill-details textarea {
    resize: none;
}

.fill-details .nice-select {
    width: 100%;
}

.fill-details .nice-select:after {
    top: 45%;
    width: 9px;
    height: 9px;
}

.tour-detailer label {
    font-size: 14px;
    font-weight: 500;
    color: #5d5d5d;
}

.tour-detailer p {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.tour-detailer p.desc-expand {
    font-size: 14px;
}

.tour-detailer p a {
    cursor: pointer;
    color: #06baed;
}

.bottom-action-fixed-tour {
    position: fixed;
    bottom: 0;
    left: 0;
    width: inherit;
    box-shadow: 1px -2px 10px 0 #7b7b7b6b;
    box-shadow: 1px -2px 10px 0 #7b7b7b6b, -1px 12px 20px 3px #7b7b7b6b;
    z-index: 9999;
    background-color: #fff;
    padding: 25px 30px;
    height: 156px;
    max-height: 156px;
}


.record-session button {
    background-color: #e4e4e4;
    color: #212529;
}

.btn-mic {
    border: none;
    border-radius: 100px;
}

#controls {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#controls button {
    margin-right: 10px;
}

#controls > div > span {
    font-weight: 500;
}

.bottom-action-fixed-tour .btn:hover {
    color: #fff;
}

.btn-tour-upload {
    font-size: 15px;
    font-weight: 600;
}

.btn-review {
    background-color: #06baed;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 500;
    width: 155px;
    text-align: center;
}

.toggle-publish span {
    font-size: 14px;
    font-weight: normal;
    font-weight: 500;
}

.toggle-publish input:checked + label + span {
    color: #00a45b;
}

.toggle-publish input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.toggle-publish label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0;
}

.toggle-publish label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.toggle-publish input:checked + label {
    background: #00a45b;
}

.toggle-publish input:checked + label:after {
    left: calc(100% - 3px);
    transform: translateX(-100%);
}

.toggle-publish label:active:after {
    width: 30px;
}


.btn-tr {
    border: none;
    padding: 10px 18px;
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: 15px;
}

.btn-tr-save {
    background-color: #06baed;
}

.btn-tr-delete {
    background-color: #f8404c;
}

.guide-detail img {
    width: auto;
    max-width: 40px;
    margin-right: 7px;
}

.guide-detail label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}

.guide-detail span {
    font-size: 12px;
    font-weight: 500;
    color: #bbb;
}

.map-sidepanel {
    position: fixed;
    top: 78px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    height: 100%;
    width: 10px;
    z-index: 10;
    height: calc(100vh - 78px);
    background-color: #d5d5d5;
}

.user-panel {
    position: absolute;
    width: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: calc(50% - 70px);
    right: -30px;
    background-color: #d5d5d5;
    padding: 5px 10px;
    border-radius: 10px;
    transform: rotate(-90deg);
}

.user-panel i {
    transform: rotate(90deg);
    font-size: 26px;
}

.side-toggler {
    display: none;
}

.tour-info .tour-audio {
    margin-left: 10px;
    width: 40%;
}

.tourplacesleft{display:inline-block;width:8%;vertical-align:top;}

.tourplacesright{display:inline-block;width:80%;vertical-align:top;font-weight:600;margin-left:5px;}

/* Vertical Points */

.vertical-points {
    position: fixed;
    top: 0;
    left: 530px;
    z-index: 111111;
    margin-top: 76px;
    height: calc(100vh - 76px);
    display: flex;
    align-items: start;
    margin-top: 180px;
}

.vertical-points ul {
    text-decoration: none;
    list-style: none;
    padding: 0;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
    height: 365px;
}

/* width */
.vertical-points ul::-webkit-scrollbar {
    width: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Track */
.vertical-points ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.vertical-points ul::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
.vertical-points ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.vertical-points li {
    background-color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
    position: relative;
    overflow: visible;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.vertical-points li a {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #06baed;
    color: #fff;
    box-shadow: 4px 0 6px 0 #6666667d;
    box-shadow: 2px 5px 6px 0 #666666d4;
}

.vertical-points li a.active,
.vertical-points li a:hover {
    background-color: #fff;
    color: #000;
}

.vertical-points .nav-tabs {
    border-bottom: unset;
}

.vertical-points li i {
    font-size: 13px;
    position: absolute;
    left: 30px;
    bottom: -2px;
    color: #212529;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    visibility: hidden;
}

.vertical-points li:hover i {
    visibility: visible;
}

/* Vertical Points */

/*-*-* CREATE TOUR PAGE CSS OVER *-*-*/




/*-*-* TOUR INFO PAGE CSS START *-*-*/

.tour-info-img {
    max-height: 500px;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}
.tour-info-img img{
   transform: translate(-0%, -30%);
}

.tour_info-main {
    width: 94%;
    margin: -55px auto 0;
    min-height: 110px;
    border-radius: 10px;
    padding: 15px 30px;
    position: relative;
    background: rgba(254, 254, 254, .96);
    box-shadow: 0px 20px 90px 0px rgba(48, 83, 94, 0.1);
    display: flex;
    align-items: center;
}

.tour_info-main .media {
    width: 50%;
}

.media-img {
    width: 65px;
    height: 65px;
    border-radius: 10px;
    line-height: 60px;
    text-align: center;
    margin-right: 18px;
    background-color: #06b4ea;
}

.media-img img {
    width: 35px;
    height: 35px;
}

.star {
    background-color: #f6650e;
    color: #fff;
    min-width: 57px;
    min-height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.media-body h4 {
    font-size: 30px;
    color: #161b1c;
    margin-bottom: 10px;
}

.media-m-body {
    display: flex;
    align-items: center;
}

.media-body .media-sub-detail {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.media-body .media-sub-detail li {
    font-size: 18px;
    color: rgba(22, 27, 28, 0.60);
    font-weight: 500;
}

.media-body .media-sub-detail li span {
    color: var(--gray-dark);
}

.tour-audio {
    margin: 0 auto;
}

.tour-tag {
    position: absolute;
    top: 0;
    right: 30px;
    text-align: center;
    background: #06b4ea;
    width: 60px;
    height: 45px;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff
}

.tour-tag span {
    font-size: 14px;
}

.tour-tag p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.t-width {
    width: 94%;
    margin: 30px auto 0;
}

.tour-detail h4 {
    color: #161b1c;
    font-size: 24px;
    font-weight: 700;
}

.tour-detail p {
    font-size: 18px;
    font-weight: 500;
    color: rgba(22, 27, 28, 0.70);
}

.tour-detail ul {
    list-style: none;
    padding: 0;
    margin-top: 15px;
    display: flex;
}

.tour-detail ul li {
    width: calc(100% / 3);
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 4px;
    margin-right: 5px;
}

.tour-detail ul li span {
    font-size: 18px;
    color: rgba(22, 27, 28, 0.60);
    font-weight: 600;
    margin: 0;
}

.tour-detail ul li p {
    color: #222;
    font-weight: 600;
    margin-top: 8px;
}

.tour-detail ul li a{
    color: #222;
    font-weight: 600;
    font-size:inherit;
    text-decoration: underline;
}

.tour-detail ul:nth-last-child(4) {
    margin-top: 26px;
}

.tour-detail span {
    display: block;
    font-size: 18px;
    color: rgba(22, 27, 28, 0.60);
    font-weight: 600;
    margin-top: 30px;
}

.tour-detail a {
    color: #06baed;
    font-size: 0.8em;
    font-weight: normal;
}

.tour-info-profile {
    box-shadow: 0px 20px 90px 0px rgba(48, 83, 94, 0.1);
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px;
}

.tour-info-profile .media-img {
    border-radius: 100%;
    padding: 0;
    overflow: hidden;
    width: 45px;
    height: 45px;
    line-height: 0;
}

.tour-info-profile .media-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-info-profile .media-body h5 {
    font-size: 18px;
    font-weight: 600;
    color: #12182c;
    margin-bottom: 2px;
}

.tour-info-profile .media-body p {
    font-size: 16px;
    color: rgba(18, 24, 44, 0.60);
    font-weight: 600;
    margin-bottom: 2px;
}

.tour-info-profile .media-body a {
    font-weight: 600;
    color: #06baed;
}


.tour-info-map {
    height: 100%;
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid #f1f1f1;
    box-shadow: 0px 20px 90px 0px rgba(48, 83, 94, 0.1);
    position: relative;
}

.tour-info-map iframe {
    height: 100%;
    width: 100%;
}

.map-btn {
    position: absolute;
    left: 0;
    width: 96%;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
}

.tour-info-heading {
    font-size: 48px;
    font-weight: 700;
    color: #161b1c;
    text-align: center;
}

.points-img-info h5 {
    font-size: 30px;
    color: #06baed;
    font-weight: 700;
    margin-bottom: 15px;
}

.points-img-info h6 {
    font-size: 24px;
    font-weight: 600;
    color: #161b1c;
    margin-bottom: 8px;
}

.points-img-info p {
    font-size: 16px;
    font-weight: 600;
    color: rgba(22, 27, 28, 0.80);
    text-align: center;
}

.points-img-info p img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.points-img {
    border-radius: 5px;
    overflow: hidden;
    background-color: #06baed;
    min-height: 400px;
    height: 400px;
    margin-top: 30px;
}

.points-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.tour-audio1 {
    /*display: flex;
    justify-content: flex-end;
    height: 110px;
    align-items: center;*/
}

.poi-audio-panel{
    height:60px;
    margin-top:-56px;
    opacity:0.9;
}
.tour-audio1 .mejs__container {
    box-shadow: 0 10px 30px 0 rgba(48,83,94,.15);
    border-radius: 5px;
    background-color: #fff;
    height: auto !important;
}

.tour-audio1 .mejs__controls {
    position: unset;
    height: unset;
    padding: 8px;
    border-radius: 0 0 5px;
}

section.interested-points {
    padding-top: 20px;
    padding-bottom: 20px;
}

.points-info {
    margin-top: 40px;
    transition: all 2s;
}

.points-info ul {
    display: flex;
    padding: 0;
    list-style: none;
}

.points-info ul li {
    margin-right: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #161b1c;
}

.points-info ul li:first-child {
    width: 180px;
}

.points-info a {
    font-size: 18px;
    color: #07bcef;
    font-weight: 600;
}

.points-info p {
    font-size: 18px;
    font-weight: 500;
    margin: 12px 0;
    color: rgba(22, 28, 27, 0.80);
    display: inline-block;
}

#more {
    display: none;
}

/*-*-* TOUR INFO PAGE CSS OVER *-*-*/




/*-*-* PROFILE PAGE & PROFILE EDIT CSS START *-*-*/

.profile-box {
    min-height: 720px;
    width: 93%;
    background-color: #fff;
    box-shadow: 0px 8px 60px 0px rgba(1, 53, 69, 0.05);
    margin: 30px auto 0;
    border-radius: 20px;
    overflow: hidden;
}

.profile-back {
    max-height: 350px;
    overflow: hidden;
}

.profile-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile {
    display: flex;
    align-items: center;
    margin: -100px 45px 0;
}

.profile-photo {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    border: 6px solid #fff;
    background: #fff;
}

.profile-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.profile-detail {
    align-self: flex-start;
    margin-left: 30px;
}

.profile-detail h4 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
}

.profile-detail h3 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
}

.p-contact a {
    color: rgba(255, 255, 255, 0.60);
    font-size: 17px;
    font-weight: 500;
    margin-right: 30px;
}

.p-contact a i {
    margin-right: 8px;
}

.profile-detail .nav {
    margin-top: 30px;
}

.profile-detail .nav .nav-item {
    margin-right: 20px;
}

.profile-detail .nav .nav-item .nav-link {
    font-size: 17px;
    font-weight: 500;
    padding: 12px 20px;
    color: rgba(22, 27, 28, 0.70);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    border-bottom: 3px solid #06baed;
    background-color: transparent;
    border-radius: 0;
    color: #06baed !important;
    font-weight: 600 !important;
}

.profile-tag {
    margin-left: auto;
    margin-top: 58px;
    position: relative;
}

.profile-tag1 {
    clip-path: polygon(0 0, 0 100%, 50% 79%, 100% 100%, 100% 0);
    background-color: #06baed;
    width: 53px;
    height: 60px;
    display: block;
    text-align: center;
    padding: 5px;
}

.profile-tag2 {
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    width: 10px;
    height: 15px;
    background-color: #045f79;
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
}

.profile-tag1 img {
    width: 18px;
}

.profile-tag1 p {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.profile-tab-detail {
    margin: 20px 50px 0 50px;
}

.profile-tab p {
    line-height: 1.6;
    color: rgba(22, 27, 28, 0.80);
    font-weight: 500;
}

.profile-tab h4 {
    margin: 40px 0 15px;
    font-size: 25px;
    color: #161b1c;
}

.profile-social {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.profile-social li {
    width: calc(100% / 2 - 15px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-social li span {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    font-size: 22px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
}

.p-web {
    background-color: #06baed;
}

.p-linkdin {
    background-color: #0288d1;
}

.p-yt {
    background-color: #ff3d00;
}

.p-insta {
    background-image: -moz-linear-gradient(90deg, rgb(255, 190, 7) 0%, rgb(216, 27, 96) 49%, rgb(94, 7, 236) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 190, 7) 0%, rgb(216, 27, 96) 49%, rgb(94, 7, 236) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 190, 7) 0%, rgb(216, 27, 96) 49%, rgb(94, 7, 236) 100%);
}

.profile-social a {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}


.profile-back1 {
    position: relative;
}

.profile-detail1 .nav {
    margin-top: 111px;
}

.avatar-upload {
    position: relative;
}

.profile-box .avatar-upload {
    margin-top: 30px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 10px;
    z-index: 2;
    top: 75%;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:hover {
    background: #ffffff;
    border-color: #ffffff;
}

.avatar-upload .avatar-edit input + label:after {
    content: "";
    background-image: url(../images/add-img.svg);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    box-shadow: 0px 0px 18px 0px rgba(1, 53, 69, 0.2);
    text-align: center;
    margin: auto;
    background-repeat: no-repeat;
}

.avatar-upload .avatar-preview {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    border: 6px solid #fff;
    background: #fff;
}

.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.avatar-upload .avatar-preview > img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wallimage-edit2 {
    position: absolute;
    right: 10px;
    bottom: 2px;
    z-index: 2;
}

.wallimage-edit2 input {
    display: none;
}

.wallimage-edit2 input + label {
    display: inline-block;
    width: 90px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: 600;
    color: #fff;
    line-height: 35px;
    text-align: center;
}

.wallimage-edit2 label img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.wallimage-preview2 div {
    min-height: 350px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.wallimage-preview2 h4 {
    position: absolute;
    bottom: 20px;
    left: 230px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

/*-*-* PROFILE PAGE & PROFILE EDIT CSS OVER *-*-*/


/* PEN STYLES ========== */
a,
.side_menu {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}


/* MENU CONTAINER ----- */


.side_menu {
    /*    background: rgba(0, 20, 60, .9);*/
    background-color: #fff;
    height: 100vh;
    right: -380px;
    position: fixed;
    top: 100px;
    width: 390px;
    padding: 15px;
    box-shadow: -8px 7px 10px 0px #84848478;
    z-index: 9999;
}

.side_menu .container {
    padding: 0 1em;
}

/* HAMBURGER STYLES ----- */
.burger_box {
    display: block;
    float: left;
    margin-left: -45px;
    position: absolute;
    top: calc(50% - 78px);
}

.menu-icon_box:before {
    content: url('../images/inner-round.png');
    position: absolute;
    bottom: -3px;
    left: -29px;
}

.menu-icon_box:after {
    content: url('../images/inner-round.png');
    position: absolute;
    bottom: -1px;
    right: -27px;
    transform: rotate(90deg);
}

.burger_box .menu-icon_box {
    background-color: #fff;
    position: absolute;
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: calc(50% - 20px);
    right: -98px;
    padding: 5px 10px 0;
    transform: rotate(-90deg);
    height: auto;
    text-align: center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    /*
    box-shadow: -2px -5px 20px 10px #75757573;
    box-shadow: -2px -5px 20px 10px #84848478;
*/
    /*    box-shadow: -2px -11px 20px 10px #ababab57;*/
}

.burger_box .menu-icon_box label {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.burger_box .menu-icon_box i {
    transform: rotate(90deg);
    font-size: 30px;
}


.border-button {
    border: 1px solid #06baed;
    border-radius: 5px;
    padding: 10px;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #06baed;
    background-color: #fff;
    line-height: 1;
}

.bg-button {
    border: none;
    border-radius: 10px;
    padding: 18px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #06baed;
    line-height: 1;
}

.tour_create_number label {
    font-size: 30px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-bottom: .3rem;
}

.tour_create_number span {
    font-size: 15px;
    font-weight: 500;
}

.side_menu .nav-pills .nav-link {
    /*font-size: 14px;*/
    font-size: 12px;
    font-weight: 500;
    padding: 10px 8px;
}

.side_menu .nav-pills {
    width: 100%;
    overflow-y: auto;
    flex-wrap: nowrap;
    padding-bottom: 10px;
}

.panel-card {
    border-radius: 10px;
    color: #000;
    margin-bottom: 5px;
    background-color: #fff;
    max-height: 70px;
    overflow: hidden;
    box-shadow: 2px 3px 10px 0 #6c757d52;
}

.panel-card .w-90 {
    width: 90%;
}

.panel-card .w-10 {
    width: 10%;
}

.panel-card img {
    max-width: 70px;
    height: 70px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    object-fit: cover;
}

.panel-card span,
.panel-card label {
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.panel-card span {
    color: #06baed;
}

.panel-card i {
    color: gray;
    padding-left: 5px;
}

/* STAGGER LIST ----- */
.list_load {
    display: none;
    list-style: none;
    padding: 0;
}

.list_item {
    margin-left: -20px;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    padding: 5px 0;
}

.list_item a {
    color: #000;
    display: block;
    text-decoration: none;
}

.list_load {
    display: block;
    padding: 0;
}

.side_menu .tour-blog-detail .tab-pane {
    overflow-x: auto;
    height: calc(100vh - 295px);
    padding-right: 10px;
}

.shadow {
    box-shadow: 1px 0 11px 1px #6c757d8f;
}

.map-wrapper {
    height: calc(100vh - 76px);
    width: 100%;
}

#map {
    height: 100%;
}

/*
.place-counter {
    display: -webkit-box;
    flex-direction: row;
    align-items: flex-start;
    padding: 15px 0;
    width: 100%;
    overflow-x: auto;
    flex-wrap: unset;
}

.place-counter li {
    position: relative;
    width: 40px;
    height: 40px;
    border: 2px solid #acd9e4;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.place-counter li:not(:last-child) {
    margin-right: 10px;
}

.place-counter li a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: inherit;
    width: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.place-counter li i {
    position: absolute;
    right: -4px;
    bottom: -4px;
    color: #ccc;
    background-color: #fff;
    border-radius: 25px;
}

.place-counter li:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 38px;
    width: 30%;
    height: .1em;
    background: #acd9e4;
    z-index: -1;
}

.place-counter::after,
.place-counter li::after,
.place-counter li:last-child::after,
.price-choice ul::after,
.price-choice ul li:last-child::after {
    display: none;
}

.place-counter li.active {
    background-color: #06baed;
    border: 2px solid #06baed;
}

.place-counter li.active a {
    color: #fff;
}
*/


.place-counter {
    padding: 10px 0;
    align-items: flex-start;
    border-bottom: 1px solid #06baed;
    border-bottom: none;
    overflow-x: auto;
    flex-wrap: nowrap;
}

/* width */
.place-counter::-webkit-scrollbar {
    height: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Track */
.place-counter::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.place-counter::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
.place-counter::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.place-counter li {
    position: relative;
    width: 40px;
    height: 40px;
    display: -webkit-box;
}

.place-counter li:not(:last-child) {
    margin-right: 10px;
}

.place-counter li a {
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid #acd9e4;
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.place-counter li i {
    position: absolute;
    right: -3px;
    bottom: -2px;
    color: #ccc;
    background-color: #fff;
    border-radius: 25px;
    visibility: hidden;
}

.place-counter li:hover i {
    visibility: visible;
}

.place-counter li:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 19px;
    left: 39px;
    width: 32%;
    height: .1em;
    background: #acd9e4;
    z-index: -1;
}

.place-counter::after,
.place-counter li::after,
.place-counter li:last-child::after,
.price-choice ul::after,
.price-choice ul li:last-child::after {
    display: none;
}

.place-counter li a.active {
    background-color: #06baed;
    border: 2px solid #06baed;
    color: #fff;
}

.price-choice ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.price-choice ul li {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 30px;
}

.price-choice li:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 12px;
    width: 100%;
    height: .225em;
    background: #cfe0e7;
    z-index: -1;
}

.price-choice ul li label,
.price-choice h6 {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
}

.price-choice ul li input[type=radio] {
    opacity: 0;
    cursor: pointer;
}

.price-choice ul li .check {
    display: block;
    position: absolute;
    border: 2px solid #cfe0e7;
    background-color: #cfe0e7;
    border-radius: 100%;
    height: 17px;
    width: 17px;
    top: -2px;
    left: -2px;
    z-index: -1;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.price-choice input[type=radio]:checked ~ .check {
    border: 4px solid #06baed;
    background-color: #fff;
}

.price-choice input[type=radio]:checked ~ .check::before {
    background: #fff;
}


.wheelchair {
    position: relative;
}


.wheelchair input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 2px solid #06baed;
    border-radius: 3px;
    z-index: -1;
}

.wheelchair input:checked ~ .checkmark {
    background-color: #fff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.wheelchair input:checked ~ .checkmark:after {
    display: block;
}

.wheelchair .checkmark:after {
    left: 5px;
    top: .5px;
    width: 6px;
    height: 12px;
    border: solid #06baed;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Dropzpne CSS */

.dropzone,
.dropzone * {
    box-sizing: border-box;
}

.dropzone {
    background: white;
    padding: 0;
    position: relative;
    border-radius: 5px;
    min-height: 250px;
    max-height: 250px;
}

.dropzone.dz-clickable {
    cursor: pointer;
}

.dropzone.dz-clickable * {
    cursor: default;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone.dz-drag-hover {
    border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.dropzone .dz-message {
    text-align: center;
    position: absolute;
    font-size: 14px;
    width: 100%;
    height: 100%;
    color: gray;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dropzone .dz-preview {
    position: relative;
    display: block;
    vertical-align: top;
    margin: 0;
    min-height: 100px;
}

.dropzone .dz-preview:hover {
    z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
    background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    background: #bdbdbd;
    max-width: 150px;
    padding: 12px 15px;
    border-radius: 10px;
    text-decoration: none;
    color: #000;
    position: absolute;
    margin: 10px 0;
    bottom: 5%;
    left: 39%;
    z-index: 21;
    opacity: 0;
}

.dropzone .dz-preview:hover .dz-remove {
    opacity: 1;
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
    display: none;
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 250px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzone .dz-preview .dz-image img {
    display: block;
    width: inherit;
    object-fit: cover;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}

.getlabelico {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    font-size: 22px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
}
.l-web{
    background-color: #06baed;
}

.l-linkdin {
    background-color: #0288d1;
}

.l-yt {
    background-color: #ff3d00;
}
.icoinput .getlabelico.l-web {
    position: absolute;
    right: 16px;
    top: 7px;
}
.icoinput .getlabelico.l-linkdin {
    position: absolute;
    right: 16px;
    top: 7px;
}
.icoinput .getlabelico.l-yt {
    position: absolute;
    right: 16px;
    top: 7px;
}
/***image zoom in out***/
.buttons {
    position: absolute;
    bottom: 0px;
    left: 500px;
    padding: 0;
    z-index: 999999;
}
.buttons .zoom-range {
    width: 100px;
}
/*.profile-zoomin-out {
    position: relative;
}
.profile-zoomin-out .p-buttons {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    z-index: 999999;
}
.profile-zoomin-out .p-buttons .p-zoom-range {
    width: 100px;
}*/

.p-buttons {
    position: absolute;
    right: 20px;
    padding: 0;
    z-index: 999999;
}
.p-buttons .p-zoom-range {
    width: 100px;
}

.tour-category.bg-white .owl-carousel .owl-nav {
    position: absolute;
    bottom: 55%;
    left: 0;
    width: 100%;
}
.tour-category.bg-white .owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: 0;
}
.latest-tour-wrapper {
    background-color: transparent;
    height: 500px;
    border-radius: 20px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
}
.latest-tour-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.payinfo {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.payinfo li span {
    text-align: center;
    line-height: 41px;
    font-size: 18px;
    color: #121111;
    margin-right: 5px;
}
.payinfo li label {
    color: black;
}

.contact-tab h4 {
    margin: 40px 0 15px;
    font-size: 25px;
    color: #161b1c;
}
.cookiebox {
    position: fixed;
    bottom: 1px;
    background-color: white;
    margin: 0px;
    padding: 10px;
    width: 100%;
    opacity: 0.85;
    z-index: 10000000000;
}
.downloadlink {
    display: none;
}

.search-box-home{
    max-width: 100%;
}


.after-header-img{
    background-image: url('../images/header-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;  
    margin-top: 80px
}

.search-destination h1 {
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 50px;
    margin-top: 60px;
    margin-bottom: 10px !important;
    text-align: left !important;
    color: #FFF;
}
.search-submit button {
    width: 90px;
}
.search-box .nice-select{
    min-width: 145px;
}

.search-box-home .nice-select {
    min-width: 190px;
}
.search-box-home .search-input  {
    width: 70%;
}

.search-destination h2 {
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #FFF;
}
.search-destination h2 span{
    margin-bottom: 0px;
    margin-top: 0px;
    color: #06B4E9;
}
.search-destination h3{
    font-size: 50px;
    color: #FFF;
    margin-bottom: 0px;
}


/* smart phone css */


/* smart phone css */

/* smart phone css */


/* smart phone css */


/* The device with borders */
.smartphone {
  position: absolute;
  width: 300px;
  height: 626px;
  margin: auto;
  border: 16px #06B4E9 solid;
  border-top-width: 60px;
  border-bottom-width: 60px;
  border-radius: 36px;
  z-index: 99;
  top: -80px;
  /*border-radius: 36px;
  background-image: url('../images/iphone-frame.png');
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 99;*/
  }

/* The horizontal line on the top of the device */
.smartphone:before {
  content: '';
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #333;
  border-radius: 10px;
}

 /*The circle on the bottom of the device */
.smartphone:after {
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: -65px;
  transform: translate(-50%, -50%);
  background: #0c6784;
  border-radius: 50%;
}

 /*The screen (or content) of the device */
.smartphone .content {width: 268px;height: 506px;background: white;position: absolute;/* left: 35px; *//* top: 30px; */z-index: 9;border-radius: 0;overflow: hidden;}
.smartphone-img {
   position: absolute;
    width: 275px;
    z-index: 9;
    left: 230px;
    top: 40px;
}
/*.content {
    width: 279px;
    height: 594px;
    position: absolute;
    left: 50px;
    top: 30px;
}*/

.mobile-video {
    position: relative;
    left: 30px;
    top: 30px;
}
.header-title-center {
    margin-top: 2.2rem;
    text-align: center !important;
}
.head-wrapper.header-title-center label{
    font-size: 17px;
}
.head-wrapper.header-title-center h2 span{
    font-weight: 700;
    color: #06B4E9;
}

.abs-img img{
    margin-bottom: unset;
}

.sub-detail{
    width: 100%;
    margin-top: 10px;
}
.sub-detail .profile-social{
    width: 100%;
}

.sub-detail .profile-social li{
    width:100%;
}

.next-sub-detail{
    margin-top: 10px;
}
.next-sub-detail .plan-box{
    cursor: default;
}
.next-sub-detail .plan-box .box1{
    width:100%;
    border:none !important;
}
.next-sub-detail h6{
    font-size:16px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.next-sub-detail p{
    font-size:16px !important;
    margin-bottom :10px;    
    border:none !important;
}
.next-sub-detail span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}

.next-sub-detail .plan-box div p:first-child {
    font-size: 22px !important;
}

.next-sub-detail .plan-price.checked-none {
    justify-content: flex-end;
}
.txt-blue, .txt-blue:hover {
    color: #08b7ec;
}
.next-sub-detail .plan-box div p:first-child{
    font-size: 22px;
}

.next-sub-detail .cancel-link{
    font-size: 16px;
    margin-bottom: 10px;
}

.plan-inclue h6{
    color: #FFF;
    font-size: 16px;
}
.plan-inclue p{
    margin: 0px;
    color: #FFF;
    font-size: 14px;
}

@media  (max-width: 1599px){
.padl100{
    padding-left: 100px;
}
}
@media  (max-width: 1199px){
    .mobile-video {
        left: 0px;
    }
    .smartphone {
        width: 290px;
        height: 630px;
    }
    .smartphone .content {
        width: 258px;
        height: 510px;
    }
    .smartphone-img {
        width: 265px;
        left: 190px;
        top: 50px;
    }
    .app-visit-area a img{
        width: unset !important;
    }
    .search-box-home .nice-select {
        min-width: 175px;
    }
}



@media (max-width: 991px){
    .padl100{
        padding-left: 15px;
    }
    .search-destination h1{
        font-size: 22px;
        padding-top: 40px;
    }
    .toggler{
        height: unset !important; 
    }
    .navbar {
        height: 80px !important;
    }
    /*.mobile-video {
        left: -30px;
    }*/
    .search-destination h2 {
        font-size: 32px;
    }
    .header-title-center{
        margin-top: 0px;
        margin-bottom: 30px;
        text-align: center !important;
    }
    .smartphone{
        position: relative;
    }
    .smartphone-img {
        width: 265px;
        left: unset;
        top: 50px;
        right: 20px;
    }
 .search-destination {
    background-size: cover !important;
    background-position: top center !important;
}
.search-destination h3{
    font-size: 36px;
    text-align: center;
}
.search-destination h1{
    text-align: center !important;
}
.search-destination h2{
    text-align: center !important;
}
.app-visit-area.mt-2{
        text-align: center;
    }
}
.content video::-webkit-media-controls {
  display: none;
}

@media (max-width: 576px){
    /*.mobile-video {
        left: 0px;
    }*/
    .tour-data-field{display:inline-block;padding:8px 5px;}
    .smartphone-img {
        width: 195px;
        left: unset;
        top: 40px;
        right: 5px;
    }
    .smartphone {
        width: 270px;
        height: 570px;
        border-radius: 22px;
        top: -88px;
    }
    .smartphone .content {
        width: 238px;
        height: 450px;
    }
    .smartphone-img{
        right: -25px;
    }
    .search-destination h1 {
        font-size: 18px !important;
        padding-top: 20px !important;
        margin-top: 0px !important;
    }
    
    .search-destination h3{
        font-size: 26px;
        text-align: center;
    }
    .toggler{
        height: unset !important; 
    }
    .navbar {
        height: 60px !important;
    }
    
    .header-title-center {
        margin-top: 0px;
        margin-bottom: 60px !important;
        text-align: center !important;
    }
    .after-header-img{
        margin-top: 70px;
    }
    .mt-40{
            margin-top: -40px;
    }
    .expert-spac .expert-info-row .expert-info-card{
        width: 150px !important;
    }
    .tour-info-img img{
        transform: translate(-0%, -10%);
    }
    .tour_info-main {
        width: 98%;
        background: rgba(254, 254, 254, .93);
        padding: 15px 10px !important;
    }
    .t-width {
        width: 96%;
        margin: 30px auto 0;
    }
    .tourplacesleft{display:inline-block;width:27%;vertical-align:top;}
    .tourplacesright{display:inline-block;width:69%;vertical-align:top;font-weight:600;margin-left:5px;}
}





/* THANK YOU FOR SUBSCRIBING!*/

.text-center.term-heading.ttl{
    font-family: 'Gilroy', sans-serif;
    line-height: 120%;    
    color: #000;
    letter-spacing: 0.5px;
    margin: 100px 0 20px 0;
    font-size: 40px;
    font-weight: 900;
}
.text-center.term-heading.ttl span{
    color: #07baef;
}
.links-area{
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    margin-top: 50px;
}
.links-area p{
    margin-bottom: 0px;
    font-weight: 600;
    color: #000;
    line-height: unset;
    flex: 1;
}
.btn-border{
    border:1px solid #CCC;
    width: 120px;
}
.btn-border:hover{
    border:1px solid #06b4e9;
    background-color: #06b4e9;
    color: #fff;
}


.search-destination h6,
.search-tour h6 {
    text-align: left;
}



.term-heading2 {
  font-size: 32px;
  margin-bottom: 40px !important;
}

.term-heading3 {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
}

.term-heading4 {
  font-size: 28px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
}

.plan-box {
  border-radius: 5px;
  width: 100%;
 min-height: 180px;
  background-color: #e1e1e1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 5px;
  /* margin-right: 15px; */
}

.active-plan-box {
  background-color: #08b7ec;
}

.active-plan-box p {
  color: #fff;
}

.plan-box div p {
  font-size: 22px;
  font-weight: 600;
}
.plan-box div p:first-child {
  margin-bottom: 0;
}
.plan-box .box1 {
  border-bottom: 1px solid grey;
  width: 130px;
}

.active-plan-box .box1 p:nth-child(2) {
  border-bottom: 1px solid #fff;
}
.plan-price {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

/* .price-none .price-para {
  display: none;
} */

.fa-check-circle {
  font-size: 30px;
}
.checked-none .active-tick {
  background-color: transparent;
  color: #fff;
}
.fa-check-circle {
  visibility: hidden;
}

.checked-none .fa-check-circle {
  visibility: visible;
}
.state-box input {
  background-color: #e1e1e1;
  border: none;
  outline: none;
  padding: 10px;
  min-width: 230px;
  border-radius: 6px;
}
.backto_planlink, .backto_planlink:hover {
    font-size: 18px;
    font-weight: 500;
    color: #08b7ec;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}
.c-checkboc-main{
    width: 100%;
    display:flex;
}
.c-checkboc{
    width: 80px;
    margin-left: -5px;
    margin-top: -3px;
}
.c-checkboc #terms_and_policy{
    height: 20px;
}
.c-checkboc-main .terms-txt a {
    font-size: 18px;
    font-weight: 500;
    color: #08b7ec;
}
.creditCardForm .payment {
    padding: 10px 0px;
}
.next-btn button {
  padding: 13px 35px;
  border-radius: 5px;
  outline: none;
  border: none;
  background-color: #08b7ec;
  color: #fff;
  font-size: 16px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
}

.para-content h4 {
  font-size: 22px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 900;
}

.para-content p:first-child {
  font-size: 16px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  margin-bottom: 0;
}

.para-content div {
  margin-bottom: 30px;
}

.state-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: flex-end;
}

.plan-container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.planbox {
  display: flex;
  justify-content: space-between;
}


.plan-box.js-plan-box i{
    visibility: hidden;
}
.plan-box.js-plan-box.active-plan-box i{
    visibility: visible;
    color: #fff;
}

@media (max-width: 1200px){
    .state-box input {
        margin-top: 5px;
    }
}

@media (max-width: 992px){
    .search-destination h6,
    .search-tour h6 {
        text-align: center;
    }
    .state-box input {
        margin-top: 5px;
    }
    h1.plan-title {
      text-align: center;
    }
    h1.plantitle {
      text-align: center;
    }
}

@media (max-width: 768px) {
    .state-box input {
        width: 100%;
        margin-top: 5px;
    }
}

@media (min-width: 568px) and (max-width:768px) {
    h1.plantitle {
      font-size: 28px;
      text-align: center;
    }
    h1.plan-title {
      font-size: 28px;
      text-align: center;
    }
}

@media (max-width: 567px) {
  .plan-container {
    width: 80%;
    margin: 0 auto;
  }

  .plan-box {
    width: 100%;
  }

  .state-container {
    margin: 20px 0;
    display: flex;
    align-items: flex-end;
  }
  h1.mx-auto.plantitle {
    text-align: center;
    font-size: 18px;
    white-space: pre-line;
}
.state-box {
    width: 100%;
}
.state-container {
    flex-direction: column;
    width: 100%;
}
.next-btn {
    width: 100%;
}
.state-box input{
    width: 100%;
}
.next-btn button {
    width: 100%;
    margin-top: 10px;
}
.state-box input {
    min-width: 100%;
    height: 44px;
    margin-top: 10px;
}
.term-heading3{
    margin-bottom: 5px;
}
}

.tour-info-profile.agent-info{
    background: #fcfdfd;
    border-radius: 10px;
    padding: 20px 30px;
    padding-bottom: 5px
}
.register-form.agent-register {
    margin-bottom: 1rem;
}
.register-form.agent-register h3 {
    font-size: 19px;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
.f-width {
    width: 100%;
}
.f-width label {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 13px;
}
.f-width input {
    padding-left: 10px;
    font-size: 15px;
    background-color: unset;
    min-height: 34px;
    border: 1px solid #ccd4da;
}
.btn-blue.btn-enter.agent-btn {
    padding: 5px 0;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    border-radius: 0;
    margin-top: 5px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    background-size: 30px 30px !important;
    background: url(../images/loading.gif) no-repeat 50% 50%;
    background-color: #fff;
}
.loader {
    color: #000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 430px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 98%;
    border-radius: 8px;
}
.loadtext {
    position: absolute;
    top: 30px;
    left: 40%;
}
  

.successmsg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    background-size: 30px 30px !important;
    background: url(../images/right.png) no-repeat 50% 50%;
    background-color: #fff;
}
.successmsg {
    color: #000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 430px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 98%;
    border-radius: 8px;
}
.successloadtext {
    position: absolute;
    top: 30px;
    left:30%;
}

.tour-audio.latest-tour-wrapper {
    width: 100%;
    margin: 0;
    border-radius: 0;
    height: unset;
}
.tour-audio.latest-tour-wrapper .mejs__container {
    width: unset !important;
}
.profile-back {
    position: relative;
}
.profile-back::before {
    content: ' ';
    background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 90%));
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: absolute;
    bottom: 0;
}
/*.profile-back::before {
    content: ' ';
    background: linear-gradient(to bottom, transparent, black);
    display: flex;
    width: 100%;
    height: 100px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    padding: 5px 15px;
    letter-spacing: 1.5px;
    margin-bottom: 0;
}*/
.profile {
    position: relative;
    z-index: 1;
}
.smartphone .mejs__controls{
    display: none;
}
.item-details .mejs__controls{
    position: static;
}
.mejs__container.mejs__container-keyboard-inactive.mejs__video {
    background: #fff;
}
#video-remove_html5 {
    position: relative;
    right: -2px;
}
.video-in{
    width:101% !important;
    border:none;
    height:100% !important;
}

.yellow-lab{
    background-color: #eff337;
    color: #23baca;
    font-size: 16px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 70px;
    font-weight: bold;
    padding: 10px 0;
}
.yellow-lab-search{
    background-color: #eff337;
    color: #23baca;
    font-size: 16px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 140px;
    font-weight: bold;
    padding: 10px 0;
    opacity: 0.9;
}


/*-----------------story tellers css 18/10/2021---------------------*/
@media only screen and (max-width:480px) {
    .buttons {
        position: absolute;
        top: 10px;
        right: unset;
        padding: 0;
        z-index: 9;
        left: 10px;
    }
    .nav-clicker {
        padding: 0px 0px;
        margin-left: -10px;
    }
    .more button {
        padding: 12px 10px;
        font-size: 16px;
    }
    .latest-tour-wrapper {
        background-color: transparent;
        height: 250px;
        border-radius: 20px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 5px;
        padding-right: 5px;
        overflow: hidden;
        position: relative;
        display: block;
        width: 100%;
    }

    .latest-tour-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}


.p-buttons {
    position: absolute;
    right: 20px;
    padding: 0;
    z-index: 999999;
}
.p-buttons .p-zoom-range {
    width: 100px;
}

.tour-category.bg-white .owl-carousel .owl-nav {
    position: absolute;
    bottom: 55%;
    left: 0;
    width: 100%;
}
.tour-category.bg-white .owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: 0;
}

#report-header, #report-switch {
    display: inline;
    vertical-align: top;
}

#report-header {
    border-right: 2px solid black;
    margin-right: 10px;
    padding-right: 10px;
}

.payments-table {
    font-size: 18px;
    margin-bottom: 20px;
}

.payments-table th, .payments-table td {
    padding: 12px;
}

.payments-table tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.date-option {
    border: 5px solid #06baed !important;
    border-right: none !important;
    width: 20%;
    text-align: center;
    font-weight: 600;
}

.date-list-last {
    border-right: 5px solid #06baed !important;
}

.date-option:hover {
    background-color: #a7e4fa;
    cursor: pointer;
}

li.selected {
    background-color: #06baed !important;
}

.recommenced-row a .img-location {
    border-radius: 30px;
    max-width: 750px;
    max-height: 100%;
    height: 500px;
    width: 610px;
    object-fit: cover;
}

@media only screen and (max-width: 480px){

   .recommenced-row a .img-location {
    border-radius: 30px;
    max-width: 300px;
    object-fit: cover; 
    max-height: 250px;
    height: 250px;
    width: 300px;
    padding: 0px 
    }
    .recommenced-row {
    margin-right: 15px;
    margin-left: 15px;
    display: flex;
   }
}
.off {
    background: url("../images/blog-walking.png") no-repeat center center;
}

.switch-field input:checked + label .off {
    background: url("../images/icon-mode-offroad-walk.png") no-repeat center center;
}
.side_menu {
    top: 82px !important;
}
.tour-cat-wrapper img {
    margin: 0 auto;
    border-radius: 5px;
    height: 275px !important;
    width: auto;
    height: auto;
}




.r-container{
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}
.lead-section{
    
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    margin-bottom: 80px;
}
.lead-list{

}
.lead-list h4{
    font-size: 32px;
    color: #000;
}
.lead-list ul{
    padding: 0;
    margin:0;
}

.lead-list ul li{
    list-style-type: none;
    background-image: url(../images/ic_tick.svg);
    background-repeat: no-repeat;
    background-position: left top 13px;
    font-size: 19px;
    line-height: 38px;
    padding-left: 28px;
    background-size: 18px;
}


.lead-section .list-btns{
    margin-left: 30px;
    margin-top: 20px;
}

.lead-section .list-btns a.btn.btn-blue.btn-enter{
    color: #FFF;
    margin-right: 10px;
    font-weight: normal;
}
.steps{
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 0 15px;
}
.steps p{
    margin: 15px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
}
.steps-box .insider{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.steps-box span.text-bold{
    font-size: 22px;
    font-weight: bold;
}
.indeder-box-name{
    font-size: 16px;
    white-space: break-spaces;
    line-height: 10px;
}
.steps-box {
  width: 20%;
  height: 80px;
  background-color: #B1B1B1;
  color: #000000;
  padding: 20px;
  position: relative;
  float: left;
  padding-left: 30px;
  min-height: 110px;
}

.steps-box.arrow-top {
  margin-top: 40px;
}

.steps-box.arrow-right:after {
    content: " ";
    position: absolute;
    right: -25px;
    top: 0px;
    bottom: 0px;
    border-top: 60px solid transparent;
    border-right: none;
    border-left: 25px solid #B1B1B1;
    border-bottom: 50px solid transparent;
}
#steps-box2{
  background:#E1E1E1;
  z-index: -1;
}
#steps-box2:after{
    bottom: 0px;
    border-top: 60px solid transparent;
    border-right: none;
    border-left: 25px solid #E1E1E1;
    border-bottom: 50px solid transparent;
}
#steps-box3{
  background:#B1B1B1;
  z-index: -3;
}
#steps-box3:after{
    bottom: 0px;
    border-top: 60px solid transparent;
    border-right: none;
    border-left: 25px solid #B1B1B1;
    border-bottom: 50px solid transparent;
}

#steps-box4{
  background:#E1E1E1;
  z-index: -4;
}
#steps-box4:after{
    bottom: 0px;
    border-top: 60px solid transparent;
    border-right: none;
    border-left: 25px solid #E1E1E1;
    border-bottom: 50px solid transparent;
}
#steps-box5{
  background:#B1B1B1;
  z-index: -5;
}
#steps-box5:after{
    bottom: 0px;
    border-top: 0px solid transparent;
    border-right: none;
    border-left: 0px solid #E1E1E1;
    border-bottom: 0px solid transparent;
}
.realtor-feature{
    width: 100%;
    display: inline-block;
    margin-top: 50px;
}
.realtor-feature .feature-icon{
    text-align: center;
}
.realtor-feature h4{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #06b4e9;
    margin-bottom: 5px;
    margin-top: 10px;
}
.realtor-feature p{
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #000;
    min-height: 140px;
}
footer .cities{
    background-repeat: no-repeat;
}
@media (max-width: 991px){

    .lead-section .smartphone {
        top: -50px;
    }

    .steps{
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .steps-box{
        width: 100%;
        height: unset;
        min-height: unset;
        padding: 10px;
        padding-left: 10px;
    }
    .steps-box .insider{
        flex-direction: row;
        align-items: center;
    }
    .steps-box.arrow-right:after, #steps-box:after, #steps-box2:after, #steps-box3:after, #steps-box4:after, #steps-box5:after{
        display: none;
    }
    .indeder-box-name{
        white-space: normal;
    }
    .lead-section {
        display: flex;
        flex-wrap: wrap-reverse;
        margin-top: 0px;
        margin-bottom: 80px;
    }
    .steps-box:nth-child(1) {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }
    .steps-box:nth-child(5) {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }
}

@media (max-width: 576px){
    .lead-section{
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .lead-list h4{
        font-size: 16px;
    }
    .lead-list ul li {
        background-position: left top 6px;
        font-size: 14px;
        line-height: 20px;
        padding-left: 22px;
        background-size: 14px;
        margin-bottom: 10px;
    }
    .realtor-feature p {
        min-height: unset;
    }
    .feature-icon{
        margin-top: 20px !important;
    }
    .steps{
        padding: 0px;
    }
    .lead-section .list-btns {
        margin-left: 0px;
        margin-top: 20px;
    }
    .lead-section .list-btns a.btn.btn-blue.btn-enter {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .lead-section .smartphone{
        top: -48px;
    }
    .realtor-feature {
        margin-top: 10px;
    }
}

.story-teller-main{
    display: inline-block;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px !important;
}
.story-teller-center-text{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #06B4E9;
    font-size: 32px;
    margin-bottom: 30px;
}
.story-teller-main .lead-section .list-btns {
    margin-left: 0;
    margin-top: 20px;
}
.story-teller-main .lead-list h4 {
    font-size: 22px;
    color: #000;
    font-weight: 500;
}
.story-teller-main span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
    width: 80%;
    color: #060606;
}
.story-teller-main span a{
    color: #06B4E9;
}
.story-teller-main .lead-list ul li {
    list-style-type: none;
    background-image: url(../images/ic_tick.svg);
    background-repeat: no-repeat;
    background-position: left top 7px;
    font-size: 16px;
    line-height: 25px;
    padding-left: 28px;
    background-size: 18px;
    margin-bottom: 10px;
}
.story-teller-main p {
    font-size: 12px;
    color: #050003;
    font-weight: 500;
}
.worthy-adventure{
    margin-bottom: 50px;
}
.story-teller-main .btn.btn-blue.btn-enter {
    font-size: 16px;
    font-weight: 500;
}
.lazy {
    max-width: 100%;
}
/*----------------------29-10-21---------------------------------*/

.video-container {
position: relative;
}
/*.touch .video-container {
  background: url(http://xtianmiller.com/dist/videos/winter_creek.jpg) no-repeat center;
  background-size: cover;
}*/

.video-container video {
  width: 100%;
  height: 100%;
}

.touch video {
  display: none;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.6);
}
.overlay__inner {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(100%);
    padding-right: 20px;
}
.overlay h1{
    color: #fff;
    font-size: 33px;
    font-weight: 800;
}
.overlay h1 span{
    color: #08B7EC !important;
}

.overlay h2 {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  position: relative;
}
.overlay h2::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #08B7EC;
    width: 131px;
    height: 3px;
}
.overlay p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 30px 0;
}
.airlines-banner {
    margin-top: 40px;
    width: 100%;
    position: relative;
    height: 90vh;
    overflow: hidden;
}
.airlines-main {
    display: inline-block;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 0;
}
.airline-list h4{
    font-size: 26px;
    color: #000;
}
.airline-list h4 span{
    color: #06B4E9;
}
.airline-img{
position: relative;
background: url('../images/black-bg.jpg') no-repeat;
background-size: 97%;
}
.a-second-img {
    padding: 25px 0 0 25px;
    width: 100%;
}
.airline-d-section {
    margin: 50px 0;
}
.lead-list.airline-list ul li{
    font-size: 18px;
    line-height: 30px;
}
.lead-section .airline-list .list-btns {
    margin-left: 0;
    margin-top: 20px;
}
.per-month-offer {
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}
.state-container.town-city-state {
    flex-direction: column;
    gap: 15px;
}
.state-container.town-city-state .state-box {
    width: 100%;
}
.state-container.town-city-state #js-location-html {
    display: flex;
}
.state-container.town-city-state .state-box input {
    max-width: 260px;
    min-width: unset;
    width: 100%;
    margin-right: 23px;
}
.state-container.town-city-state .state-box input:last-child {
    margin-right: 0
}
.plan-price.plan-same-line.checked-none {
    flex-direction: column;
}
.plan-price.checked-none {
    flex-direction: unset;
}
.plan-price.checked-none .pricemo {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.check-right{
    flex-direction: unset !important;  
}
.price-text{
    font-size: 31px;
}
.city-state-sec input {
    width: 100%;
    background-color: #e1e1e1;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 6px;
}
.next-btn {
    text-align: right;
    margin-top: 20px;
}
.setup-fee{
    font-size: 16px;
}
.mainbutton{
    position: relative;
    top: 30px;
}
.maintext-sec{
    color: #FFF;
    margin-top: 10px;
    position: relative;
    top: 70px;
}
/*27-11-21*/

.about-uc-sec .text-center.term-heading {
    margin: 0 0 20px 0;
    font-size: 34px;
    font-weight: 700;
}
 .about-uc-btm .text-center.term-heading {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
 }
 .about-uc-btm span {
    display: block;
    margin: 0 0 50px 0;
    font-size: 18px;
    font-weight: 600;
 }
 .lead-list.airline-list.about-uc-btm {
    text-align: center;
}
.about-uc-btm .btn-blue {
    padding: 10px 40px;
    margin: 20px 0;
}
/*07-12-21*/
.uc-relators-calltoaction .text-center.term-heading {
    font-weight: 600;
    margin: 0;
    display: block;
    font-size: 28px;
    margin-bottom: 40px;
}
.uc-relators-calltoaction .text-center.term-heading span {
    color: #08B7EC !important;
    
}
.realtor-agent-copmpany{
    margin-top: 40px;
}
.r-agents-images {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.r-agents-images span {
    padding: 5px 30px;
}
.r-agents-images .a-second-img {
    padding: 0;
    width: 100%;
}
.grecaptcha-badge{
    z-index: 21 !important;
}