@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900');
@import url('https://use.fontawesome.com/releases/v5.4.1/css/all.css');
@import url(glyficons.css);
html {
    min-height: 100%;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #525252;
    /*background-color: #E5E5E5;*/
    background: linear-gradient(149.86deg, rgba(220, 220, 220, 0) 0%, #E4F8F9 100%);
}

a,
img {
    text-decoration: none;
    outline: none;
    border: none;
}

:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

a,
a:hover,
a:focus,
a:active {
    color: #333;
    text-decoration: none;
    outline: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
}

.btn {
    transition: none !important;
}

.btn-transparent {
    background-color: transparent;
    color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: .70rem 1.25rem;
    letter-spacing: 0.6px;
}

.btn-transparent:hover {
    background: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
}

.btn-white {
    background-color: #ffffff;
    color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1.85rem 3.25rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.2em;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.7) !important;
}

.btn-white:hover {
    background-image: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
    border-left: 1px solid #f7b618;
}

.btn-green {
    background: linear-gradient(136deg, #def3b3 0%, #22c9a1 100%);
    color: #222222;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1.85rem 1.25rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.2em;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.7) !important;
    /*border-right: 1px solid #22c9a1;*/
}

.btn-green:hover {
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%) !important;
    border-right: 1px solid transparent;
}

.text-based-link {
    color: #000000;
}

.text-based-link:hover {
    color: #f7b618;
}

section {
    position: relative;
}

.container-fluid {
    padding: 0 40px;
}


/* Main Headeing All */

.section-heading {
    margin: 50px 0;
}

.section-heading h2 {
    font-weight: 300;
    line-height: 52px;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.section-heading h1 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 52px;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
}

.section-content {
    padding: 50px 0;
}


/* Main Header */

header {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 1002;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.25);
    transition: all 0.5s linear;
}

header .navbar {
    background-color: transparent;
}

.aftr-scroll-header {
    background-color: rgba(255, 255, 255, 1);
    transition: all 0.5s linear;
}

.discover-city-main-header {
    /*background-color: rgba(255,255,255,1);*/
}

.navbar-brand img {
    max-height: 56px;
}

header .navbar-light .navbar-nav {
    /*margin-top: 10px;*/
}

header .navbar-light .navbar-nav .nav-link,
header .navbar-light .navbar-nav .nav-link:focus {
    color: #000000;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.2em;
    padding: 15px;
    text-transform: uppercase;
}

header .navbar-light .navbar-nav li:last-child .nav-link {
    border: 0;
    padding-right: 0;
}

header .navbar-light .navbar-nav .nav-link:hover,
header .navbar-light .navbar-nav .nav-link.show,
header .navbar-light .navbar-nav .show>.nav-link {
    color: #f7b618;
}

header .navbar-light .navbar-nav .active>.nav-link,
header .navbar-light .navbar-nav .nav-link.active {
    color: #000000;
    font-weight: bold;
}

header .navbar-light .navbar-nav .nav-link:hover {
    color: #f7b618;
}

header .navbar-light .navbar-nav li .btn {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-top: 5px;
    margin-left: 10px;
}

header .navbar-light .navbar-nav .dropdown .nav-link,
header .navbar-light .navbar-nav .dropdown .nav-link:focus {
    /*padding-top: 7px;
	padding-bottom: 7px;*/
}

header .navbar-light .navbar-nav .dropdown img {
    width: 40px;
    height: 40px;
}


/* Slider Section */

.wow {
    visibility: hidden;
}

.slider-wrapper .carousel-caption {
    top: 30%;
    right: 39%;
    left: 185px;
}

.slider-wrapper .carousel-caption h1 {
    font-weight: 300;
    line-height: 68px;
    font-size: 54px;
    color: #FFFFFF;
    text-shadow: 0px 5px 50px rgba(0, 0, 0, 0.7);
}


/* Welcome-wrapper */

.welcome-wrapper {
    background: linear-gradient(136.05deg, rgba(220, 220, 220, 0) 0%, #E4F8F9 100%);
    /*padding-bottom: 60px;*/
}

.welcome-wrapper .arrow-img-content {
    position: relative;
}

.welcome-wrapper .arrow-img-content img.arrow-img {
    position: absolute;
    top: 0;
    bottom: 100px;
    margin: auto;
    right: 3%;
    width: 100%;
}

.single-plan {
    width: 210px;
    height: 210px;
    line-height: 210px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 15px 70px rgba(0, 0, 0, 0.2);
    position: relative;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.single-plan:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    line-height: 120px;
    color: #ffffff;
}

.single-plan-1:before {
    background-image: url(../images/plan-img-1.svg);
    background-size: 51px auto;
}

.single-plan-2:before {
    background-image: url(../images/plan-img-2.svg);
}

.single-plan-3:before {
    background-image: url(../images/plan-img-3.svg);
}

.single-plan-4:before {
    background-image: url(../images/plan-img-4.svg);
}

.single-plan-5:before {
    background-image: url(../images/plan-img-5.svg);
}

.single-plan-6:before {
    background-image: url(../images/plan-img-6.svg);
}

.single-plan-7:before {
    background-image: url(../images/plan-img-7.svg);
}

.single-plan-market:before {
    background-image: url(../images/market-icon.png);
}

.single-plan-park:before {
    background-image: url(../images/park-icon.png);
}

.single-plan-art-gallery:before {
    background-image: url(../images/art-galleries-icon.png);
}

.single-plan-text {
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 29px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    height: 70px;
}

.single-plan-text:hover,
.single-plan-text:hover a {
    color: #3daab2;
}

.single-plan-link {
    cursor: default;
}

.single-plan-link:hover .single-plan {
    background: linear-gradient(136deg, #9EF1F7 0%, #33a2ab 100%);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.single-plan-link:hover .single-plan.single-plan-1:before {
    background-image: url(../images/plan-img-1-hover.svg);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-2:before {
    background-image: url(../images/plan-img-2-hover.svg);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-3:before {
    background-image: url(../images/plan-img-3-hover.svg);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-4:before {
    /*content: '10';*/
    font-size: 55px;
    color: #fff;
    line-height: 120px;
    background-image: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-5:before {
    /*content: '8';*/
    font-size: 55px;
    color: #fff;
    line-height: 120px;
    background-image: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-6:before {
    /*content: '12';*/
    font-size: 55px;
    color: #fff;
    line-height: 120px;
    background-image: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-7:before {
    /*content: '15';*/
    font-size: 55px;
    color: #fff;
    line-height: 120px;
    background-image: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link .single-plan span {
    display: block;
    opacity: 0;
    font-size: 55px;
    color: #fff;
    line-height: 120px;
}

.single-plan-link:hover .single-plan span {
    opacity: 1;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-market:before {
    /*content: '12';*/
    font-size: 55px;
    color: #fff;
    line-height: 120px;
    background-image: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-park:before {
    /*content: '15';*/
    font-size: 55px;
    color: #fff;
    line-height: 120px;
    background-image: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan.single-plan-art-gallery:before {
    /*content: '8';*/
    font-size: 55px;
    color: #fff;
    line-height: 120px;
    background-image: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.single-plan-link:hover .single-plan-text {
    color: #3daab2;
}

.single-plan-link .hover-d-b {
    display: block;
    opacity: 0;
    transition: all 1s;
}

.single-plan-link:hover .hover-d-n {
    display: none;
    transition: all 1s;
}

.single-plan-link:hover .hover-d-b {
    /*display: block;*/
    opacity: 1;
    transition: all 1s;
}


/*.welcome-wrapper .single-plan:hover .single-plan-text {
	color: #3daab2;
}*/

.how-we-work {
    margin-top: 100px;
    margin-bottom: 150px;
}

.how-we-work h3 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 29px;
    font-size: 20px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 10px;
}

.how-we-work p {
    font-weight: 300;
    line-height: 40px;
    font-size: 30px;
    letter-spacing: 0.02em;
    color: #000000;
}

.testimonials {
    min-height: 700px;
    position: relative;
    padding-bottom: 50px;
}

.testimonials h2.testimonials-heading {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 65px;
    font-size: 36px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
    text-shadow: 0px 5px 20px #FFFFFF;
    margin-top: -100px;
}

.testimonials .carousel {
    margin: 0 auto;
    margin-top: -50px;
    max-width: 800px;
}

.testimonials .carousel-inner {
    box-shadow: 0px 15px 70px rgba(0, 0, 0, 0.2);
    width: auto;
}

.testimonials .carousel-caption {
    top: 12%;
    bottom: 12%;
    right: 0;
    left: 50%;
    margin: auto;
    padding: 30px 30px 10px 30px;
    background: rgba(255, 255, 255, 0.6);
}

.testimonials .carousel-caption h2 {
    font-weight: bold;
    line-height: 29px;
    font-size: 20px;
    letter-spacing: 0.2em;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.testimonials .carousel-caption h3 {
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.testimonials .carousel-caption p {
    font-weight: 300;
    line-height: 32px;
    font-size: 20px;
    letter-spacing: 0.02em;
    color: #000000;
    text-shadow: 0px 3px 20px #FFFFFF;
    margin-bottom: 0;
}

.testimonials .carousel-control-prev {
    left: -150px;
    opacity: 1;
    color: #000000;
}

.testimonials .carousel-control-next {
    right: -150px;
    opacity: 1;
    color: #000000;
}

.testimonials .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.testimonials .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

#showcase {
    height: 700px;
    /*overflow: visible !important;*/
}

.testimonials .card {
    border: 0;
    border-radius: 0;
}

.testimonials .nav {
    color: #000;
    font: bold 2.5em "Lucida Grande";
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    position: absolute;
    top: 33%;
    z-index: 101;
}

.testimonials .nav.left {
    left: 100px;
}

.testimonials .nav.right {
    right: 100px;
}


/* Get Started */

.get-started {
    padding-bottom: 50px;
}

.single-get-start {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-get-start img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-get-start-hover-content {
    position: absolute;
    bottom: 20px;
    left: 25px;
}

.single-get-start h3 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
    font-size: 24px;
    letter-spacing: 0.2em;
    color: #000000;
    text-shadow: 0px 4px 20px #FFFFFF;
}

.single-get-start h4 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #000000;
    text-shadow: 0px 4px 20px #FFFFFF;
}

.single-get-start-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    right: -1px;
    background-image: -webkit-gradient(linear, 0.16deg, #FFFFFF -14.28%, rgba(255, 255, 255, 0) 55.36%);
    /*background-image: -webkit-linear-gradient(0.16deg, #FFFFFF -14.28%, rgba(255, 255, 255, 0) 55.36%);
    background-image: -moz-linear-gradient(0.16deg, #FFFFFF -14.28%, rgba(255, 255, 255, 0) 55.36%);*/
    background-image: linear-gradient(0.16deg, #FFFFFF -14.28%, rgba(255, 255, 255, 0) 55.36%);
}

.single-get-start:hover {
    -webkit-appearance: none;
    -moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.7) !important;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.7) !important;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.7) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-get-start:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-get-start:hover .single-get-start-hover {
    /*background: linear-gradient(0.16deg, #000000 -14.28%, rgba(0, 0, 0, 0) 75.36%);*/
}

.single-get-start:hover h3,
.single-get-start:hover h4 {
    /*color: #ffffff;*/
    /*text-shadow: 0px 4px 20px #dddddd;*/
}

.get-started-para {
    font-weight: 300;
    line-height: 33px;
    font-size: 24px;
    letter-spacing: 0.02em;
    color: #000000;
    text-shadow: 0px 3px 20px #FFFFFF;
}

.call-to-action {
    padding: 30px 0;
    background-color: #444444;
    color: #ffffff;
    font-weight: 300;
    line-height: 33px;
    font-size: 24px;
    letter-spacing: 0.02em;
    text-shadow: 0px 1px 10px #bbbbbb;
}

.call-to-action .btn {
    border-color: #959595;
    color: #ffffff;
}

.call-to-action .btn:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}

.profile-pic {
    position: absolute;
    top: 0;
    right: 10px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
}


/* Footer */

footer {
    /*	background-color: #252420;*/
    background-color: #f8f8f8;
    padding-top: 50px;
    color: #bbbbbb;
    font-size: 14px;
    /*font-weight: lighter;*/
    letter-spacing: 1.5px;
}

.footer-social-icon {
    padding: 0;
}

.footer-social-icon li {
    /*    display: inline-block;*/
    float: left;
    list-style: none;
    margin-right: 5px;
    background: #000;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    line-height: normal;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 10px;
}

@-moz-document url-prefix() {
    .footer-social-icon li {
        line-height: inherit;
    }
}


/* only for IE10 and IE11 */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .footer-social-icon li {
        padding: 13px 10px;
    }
}


/* only for IE10 and IE11 */

.footer-social-icon li:hover {
    background: #f7b618;
}

.footer-social-icon li a:hover,
.footer-social-icon li a {
    color: #ffffff;
}

.footer-bttm-text p {
    font-size: 18px;
    color: #000;
    font-weight: 300;
}

.footer-content {
    margin-top: 20px;
}

.footer-content h4 {
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: bold;
    width: 100%
}

.footer-content ul li {
    margin-bottom: 5px;
}

.footer-content,
.footer-content a {
    color: #000000;
    font-weight: 400;
}

.footer-content a:hover {
    color: #f7b618;
}

.footer-social a {
    display: inline-block;
    height: 42px;
    width: 42px;
    line-height: 42px;
    padding: 0;
    border: 1px solid #B8B8B8;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #B8B8B8;
    text-align: center;
    font-size: 14px;
}

.footer-social a:hover {
    color: #ffffff;
    background: #ED8322;
    border-color: #ED8322;
}

.copy-right {
    text-align: center;
    /*	background-color: #131217;*/
    background: linear-gradient(136deg, #33a2ab 0%, #9EF1F7 100%);
    color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.copy-right p,
.copy-right a {
    margin: 0;
    color: #FFFFFF;
}

.copy-right span,
.copy-right a:hover {
    /*	color: #EC8321;*/
    color: #fff;
}

.scrollToTop {
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    bottom: 45px;
    z-index: 9999999999999999;
    display: none;
}


/* After Login Page */

.your-trip-wrapper {
    margin: 0 145px;
    margin-top: -100px;
}

.your-trip-box {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 15px 0px rgba(136, 136, 136, 0.75);
    padding: 0 15px 50px 15px;
    display: inline-block;
    width: 100%;
}

.single-trip-visit {
    text-align: center;
    margin-bottom: 30px;
}

.single-trip-visit a {
    display: inline-block;
    position: relative;
}

.single-trip-img {
    position: relative;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
    transform: scale(1);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    height: 120px;
    width: 120px;
}

.single-trip-visit:hover .single-trip-img img {
    /*transform: scale(1.2);
	-webkit-transition: 0.6s;
	transition: 0.6s;*/
}

.single-trip-visit h3 {
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 29px;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
    /*word-break: break-all;*/
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.single-trip-visit:hover h3 {
    color: #3daab2;
}

.trip-content p {
    font-weight: 300;
    line-height: 36px;
    font-size: 28px;
    letter-spacing: 0.02em;
    color: #000000;
}

.trip-content h4 a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    /*color: #1D7A82;*/
}

.single-trip-hover {
    opacity: 1;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0;
}

.single-trip-hover img {
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    width: 70px;
}

.single-trip-notification {
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #1D7A82;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    position: absolute;
    right: 0px;
    top: 0px;
}


/* Destination Page */

.destination-wrapper {
    /*margin-bottom: -84px;*/
    padding-top: 82px;
    background: rgba(228, 248, 249, 1);
    background: -moz-linear-gradient(left, rgba(228, 248, 249, 1) 0%, rgba(220, 220, 220, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228, 248, 249, 1)), color-stop(100%, rgba(220, 220, 220, 1)));
    background: -webkit-linear-gradient(left, rgba(228, 248, 249, 1) 0%, rgba(220, 220, 220, 1) 100%);
    background: -o-linear-gradient(left, rgba(228, 248, 249, 1) 0%, rgba(220, 220, 220, 1) 100%);
    background: -ms-linear-gradient(left, rgba(228, 248, 249, 1) 0%, rgba(220, 220, 220, 1) 100%);
    background: linear-gradient(to right, rgba(228, 248, 249, 1) 0%, rgba(220, 220, 220, 1) 100%);
}

.destination-wrapper .card {
    display: flex;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0 10px;
}

.destination-text h3 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 29px;
    font-size: 20px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 10px;
}

.destination-text p {
    font-weight: 300;
    line-height: 40px;
    font-size: 30px;
    letter-spacing: 0.02em;
    color: #000000;
}

.destination-text a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #1D7A82;
}

.destination-text a.down-arrow span {
    height: 50px;
    width: 30px;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #000000;
    line-height: 50px;
    text-align: center;
    margin-left: 10px;
}

.destination-text a.down-arrow:hover span {
    /*background-color: #ee8323;
	border: 1px solid #ee8323;*/
}

.single-destination {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*min-height: 700px;*/
    padding: 80px 0 100px 0;
}

.single-destination .single-plan-link {
    display: inline-block;
}

.single-destination .single-plan-text {
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 29px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
    height: auto;
}

.single-destination h3 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    font-size: 35px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 10px;
}

.single-destination a:hover .single-plan-text {
    color: #3daab2;
}

.single-destination p {
    font-weight: 300;
    line-height: 40px;
    font-size: 24px;
    letter-spacing: 0.02em;
    color: #000000;
}

.single-destination .single-plan {
    height: 120px;
    width: 120px;
}

.single-destination.sydney {
    background-image: url(../images/sydney-bg.jpg);
}

.single-destination.brisbane {
    background-image: url(../images/brisbane-bg.jpg);
}

.single-destination.london {
    background-image: url(../images/london-bg.jpg);
}

.single-destination.melbourne {
    background-image: url(../images/melbourne-bg.jpg);
}

.single-destination.goldcoast {
    background-image: url(../images/gold-coast-destination-bg.jpg);
}

.single-destination-gradient-left {
    background: linear-gradient(90deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.single-destination-gradient-right {
    background: linear-gradient(-90deg, #FFFFFF 35%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}


/* Discover City */

.welcome-wrapper-discover-city {
    margin-top: 50px;
}

.discover-city-header {
    position: fixed;
    top: 0px !important;
    width: 100%;
    z-index: 1001;
    transition: all 0.5s linear;
}

.discover-city-header .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.your-trip-left-16 {
    //background-image: url(../images/sydney-trip.jpg)!important;
    background-image: url(../images/your-trip-bg.jpg)!important;
}

.your-trip-left-31 {
    background-image: url(../images/melbourne-trip.jpg)!important;
}

.your-trip-left-28 {
    background-image: url(../images/brisbane-trip.jpg)!important;
}

.your-trip-left-1 {
    background-image: url(../images/london-trip.jpg)!important;
}

.your-trip-left {
    padding: 19px 20px 18px 20px;
    color: #222;
}

.your-trip-left h3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    /*margin-bottom: 10px;*/
    color: #222;
    /*display: table;
	margin: auto;*/
}

.your-trip-left p {
    float: left;
    margin-right: 15px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}


/*.your-trip-left p > span*/

#no_of_selected_attractions {
    display: inline-block;
    text-align: center;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #222;
    font-size: 24px;
    font-weight: 700;
    margin-right: 5px;
    text-shadow: none;
    vertical-align: -3px;
}

.no_of_selected_attractions {
    display: inline-block;
    text-align: center;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #222;
    font-size: 24px;
    font-weight: 700;
    margin-right: 5px;
    text-shadow: none;
    vertical-align: -3px;
}

.your-trip-right ul li {
    /*height: 74px;
	padding: 18px 10px;
	color: #000000;
	font-size: 15.5px;
	font-weight: bold;
	float: left;
	margin-right: 0 !important;
	letter-spacing: 2px;*/
}

.your-trip-right ul li .fa-angle-down {
    margin-top: 11px;
    margin-left: -10px;
    margin-right: 10px;
    font-size: 15px;
    color: #000;
}

.your-trip-right ul li .form-control {
    background-color: transparent;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #222222;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.your-trip-right ul li .input-group-addon {
    margin-top: 5px;
    text-transform: uppercase;
    color: #909090;
}

.custom-select {
    background: #fff url(../images/custom-arrow.svg) no-repeat right .75rem top 14px;
    background-size: 10px;
}

.btn-gradient {
    background: rgba(194, 248, 233, 1);
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%);
    box-shadow: 0px 2px 0px #000000;
    border-radius: 5px;
    border: 0;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    letter-spacing: 0.1em;
    min-width: 180px;
    text-align: center;
    transition: all 0.1s linear;
}

.btn-gradient:hover {
    background: #000000;
    color: #F7B618;
    transition: all 0.1s linear;
}


/*#datepicker {
  	width: 340px;
}*/

.discover-city-header .input-daterange,
.add-attraction-main-content .input-daterange {
    width: 340px;
}

.your-trip-right .progress {
    background-color: #F3F3F3;
    height: 28px;
    border-radius: 0;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
}

.progress .tooltip {
    line-height: 17px;
}

.progress-bar {
    background: linear-gradient(90deg, #F2E03E 0%, #F7B618 100%), #E9E9E9;
    border-radius: 3px;
    /*background: linear-gradient(136deg, #9EF1F7 0%, #68C7CF 100%);*/
    /*	color: #ffffff;*/
    color: #000;
    font-size: 14px;
    /*justify-content: flex-end;*/
    text-align: center;
    /*padding-right: 30px;*/
}

.bg-50 {
    /*background: linear-gradient(136deg, #60E5C5 0%, #76C115 100%);*/
    background: linear-gradient(90deg, #F2E03E 0%, #EC930F 100%), #E9E9E9;
}


/*.bg-75 {
	background: linear-gradient(136deg, #DEF3B3 0%, #ECA110 100%);
}
*/

.bg-100 {
    /*background: linear-gradient(136deg, #EE8323 0%, #CF2D2D 100%);*/
    background: linear-gradient(90deg, #F7B618 0%, #E35D32 100%);
}

.discover-city-intro {
    padding: 90px 0 30px 0;
}

.discover-city-intro h3, .booking-content h3 {
    font-weight: bold;
    line-height: 36px;
    font-size: 30px;
    color: #222;
    margin-bottom: 15px;
}

.discover-city-intro p,
.discover-city-heading p,
.booking-content p {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
}

.discover-city-heading h2 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 29px;
    font-size: 25px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 10px;
}


/*.loader1 {
     box-shadow : 0px 3px 12px 8px #888888 !important;
}*/

.single-discovery-trip {
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-discovery-trip:hover {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.discovery-trip-img {
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    overflow: hidden;
    height: 181px;
    /*-webkit-mask-image: -webkit-radial-gradient(white, black);*/
    /*15 02 2019*/
}

.discovery-trip-img>img {
    min-height: 181px;
}


/* Safari 7.1+ */

_::-webkit-full-page-media,
_:future,
 :root .discovery-trip-img {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.discovery-trip-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.discovery-trip-info p.trip-img-info {
    background: #525252;
    border-radius: 5px;
    padding: 0px 7px 2px;
    color: #fff;
    display: inline-block;
    line-height: 16px
}

.discovery-trip-info p.trip-img-info img {
    /*padding: 3px;*/
    margin-right: 7px;
    display: inline-block;
    height: 14px;
}

.discovery-trip-info p.trip-img-info span {
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    display: inline-block;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.added-trip-info {
    position: absolute;
    top: 0;
    left: 0;
    right: -1px;
    background: linear-gradient(136deg, #def3b3 0%, #22c9a1 100%);
    text-align: center;
    padding: 5px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.4px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    display: none !important;
}

.added-trip-info img {
    display: inline-block;
}

.discovery-trip-info {
    padding: 15px 20px;
}

.single-discovery-trip h2 {
    /* text-transform: uppercase; */
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #222222;
    margin-top: 10px;
    margin-bottom: 15px;
    min-height: 50px;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.trip-time,
.trip-rate {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    /*text-transform: uppercase;*/
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.single-discovery-trip .btn-green {
    background: #D1F1F3;
    border-radius: 0px 0px 10px 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.1em;
    color: #000000;
    height: 60px;
    padding: 15px 20px;
    border: none;
    box-shadow: none !important;
}

.added-trip .btn-green {
    background: #CEF39F;
    /*background: linear-gradient(136deg, #f3a76a 0%, #ffd1aa 100%);*/
    /*border-right: 1px solid transparent;*/
}

.added-trip .btn-green:hover {
    background: linear-gradient(90deg, #FB6E4F 0%, #F3A76A 100%) !important;
}

.added-trip .btn-green:before {
    content: "";
    background: url(../images/added-icon.svg) no-repeat;
    display: inline-block;
    width: 18px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}

.added-trip .btn-green:hover:before {
    background: url(../images/remove-icon.svg) no-repeat;
    height: 14px;
}

.btn-green.remove-btn {
    background: linear-gradient(90deg, #FB6E4F 0%, #F3A76A 100%) !important;
}

.btn-green.remove-btn:before {
    background: url(../images/remove-icon.svg) no-repeat;
    height: 32px;
}

.trip-details-modal .added-trip .added-trip .btn-green:hover:before {
    background: url(../images/remove-icon.svg) no-repeat;
    height: 14px;
}

.trip-details-modal .added-trip .btn-green .remove-btn {
    background: linear-gradient(90deg, #FB6E4F 0%, #F3A76A 100%) !important;
}

.trip-details-modal .added-trip .btn-green .remove-btn:before {
    background: url(../images/remove-icon.svg) no-repeat;
    height: 32px;
}

#discovery_trip .jcarousel-wrapper {
    padding: 0;
}

#discovery_trip .jcarousel {
    padding-top: 15px;
}

#discovery_trip .jcarousel-control-prev,
.jcarousel-control-next {
    top: 35%;
    margin: 30px auto 0px auto;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    border: 0px solid #9EF1F7;
    color: #000000;
    text-decoration: none;
    font: 38px/35px Arial, sans-serif;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5) !important;
}

#discovery_trip .jcarousel-control-prev {
    margin-right: 3px;
}

#discovery_trip .jcarousel-control-next {
    margin-left: 3px;
}

#discovery_trip .jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background-color: #ee8323;
    border-color: #ee8323;
    color: #ffffff;
}


/* About trip */

.about-trip h3 {
    font-weight: 300;
    line-height: 60px;
    font-size: 42px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 20px;
}

.about-trip p {
    font-size: 25px;
    font-weight: 300;
    padding-right: 50px;
    line-height: 40px;
}

.about-trip label {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0.02em;
}

.about-trip .form-control {
    margin-bottom: 20px;
    height: 60px !important;
    color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 0.2em;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.4) !important;
}

.about-trip .custom-select {
    background-size: 20px;
    cursor: pointer;
}

.about-trip .form-control::placeholder {
    color: #000000;
}

#datepicker_new .form-control {
    text-align: left;
    position: relative;
}

#datepicker_new.input-group::before {
    content: '';
    background-image: url(../images/cal-icon.png);
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 22px;
    height: 22px;
    z-index: 4;
}

.trip-city-info-collapse {
    /*margin-top: -50px;	*/
}

.trip-city-info-collapse .card {
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5) !important;
}

.info_toggle {
    text-align: center;
    padding: 5px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.4px;
    transform: rotate(-90deg);
    transform-origin: 0% 0%;
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 100%;
}

.added-trip-info-vertical {
    /*background-color: #00A1B0;*/
    text-align: center;
    padding: 5px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.4px;
    transform: rotate(-90deg);
    transform-origin: 0% 0%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.trip-img-info-top {
    position: absolute;
    top: 30px;
    left: 30px;
    background: linear-gradient(136deg, #33a2ab 0%, #9EF1F7 100%);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 1;
    overflow: hidden;
}

p.trip-img-info-top img {
    padding: 3px;
    display: inline-block;
    height: 25px!important;
}

p.trip-img-info-top span {
    /*background-color: #ffffff;*/
    padding: 8px 5px;
    font-weight: 800;
    font-size: 10px;
    color: #000000;
    letter-spacing: 1.5px;
}

.trip-img-info-top-2 {
    top: 70px;
}

.trip-img-info-top-3 {
    top: 110px;
}

.trip-info-collapse-left {
    position: relative;
    background: linear-gradient(160deg, #def3b3 0%, #22c9a1 100%);
    padding-left: 30px;
    /*max-height: 590px;*/
    overflow: hidden;
}

.trip-info-collapse-left img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.trip-info-collapse-left:hover img {
    /*-webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
    /*padding-left: 30px;*/
}

.trip-info-collapse-right h2 {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.trip-info-collapse-right p {
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 20px;
    letter-spacing: 0.7px;
}

.trip-info-collapse-right ul li {
    margin-right: 1.5rem !important;
}

.trip-info-collapse-right ul li:first-child {
    margin-right: 2rem !important;
}

.trip-info-collapse-right label {
    margin-bottom: 3px;
    font-size: 12px;
    color: #000000;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.trip-info-collapse-right h3 {
    font-size: 24px;
    color: #000000;
}

.trip-info-collapse-right h3 span {
    font-size: 18px;
    margin-right: 3px;
}

.trip-info-collapse-right span {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 10px;
    color: #000000;
    letter-spacing: 2px;
}

.trip-location-info {
    margin-top: 24px;
}

.trip-location-info label {
    margin-bottom: 10px;
}

.trip-location-info p {
    font-size: 15px;
}

.trip-location-info h5 {
    margin-top: 10px;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.nearby-attraction {
    padding: 30px 30px 30px 15px;
    background-color: #EEEEEE;
}

.nearby-attraction .btn-green {
    padding: 1.45rem 10px;
    margin-top: 50px;
    letter-spacing: 0;
}

.nearby-attraction .btn-white {
    padding: 1.45rem 2.25rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 10px;
}

.nearby-attraction h3 {
    font-size: 12px;
    font-weight: 800;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.single-nearby-place {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5) !important;
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-nearby-place:hover {
    top: -4px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-nearby-place p {
    margin: 0 10px;
    font-size: 12px;
    font-weight: 800;
    color: #000000;
    letter-spacing: 2px;
}

.trip-info-collapse-right .btn-transparent {
    padding: 0.85rem 3.5rem;
}

.opening-hours {
    /*margin-top: 30px;*/
}


/*.opening-hours label {
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}*/

.opening-hours label,
.go-to-website label {
    margin-bottom: 8px;
    font-size: 12px;
    color: #000000;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
}

.opening-hours h4 {
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.opening-hours p {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.1px;
}

.go-to-website {
    margin-top: 25px;
}

.go-to-website a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.close-collapse {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: 0px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-collapse:hover {
    background-color: #ffffff;
}

.close-collapse img {
    height: 10px;
}

.up-arrow::before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 45%;
    display: inline-block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-top: 0;
    z-index: 1;
}

.jcarousel ul {
    display: flex;
}

.jcarousel li {
    /*float: none !important;*/
    padding: 0 15px 30px;
    padding-bottom: 0;
}

.mb-30 {
    margin-bottom: 30px;
}

.inner-pg-header {
    background: rgb(255, 255, 255);
}

.js_collapse {
    cursor: pointer;
}

.trip-info-collapse-right {
    /*padding: 0 20px 0 0;
	height: 500px;
	overflow: auto;*/
    margin: 10px 0;
}

.trip-info-collapse-right .mCSB_inside>.mCSB_container {
    margin-right: 0px !important;
    padding: 0px 15px 0px 0px;
}

.trip-info-collapse-right .btn-transparent {
    min-width: 324px;
    letter-spacing: 2px;
}

.p-l-5 {
    padding-left: 5px;
}

.single-discovery-trip:hover .discovery-trip-img img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-discovery-trip:hover .discovery-trip-img p.trip-img-info img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

ul#rotator {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}

ul#rotator li {
    width: 240px;
    position: relative;
}

ul#rotator li.list-inline-item:not(:last-child) {
    /*margin-right: 7rem;*/
}

.rotator-image {
    position: absolute;
    display: none;
    width: 220px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
}

.img1 {
    background-image: url(../images/logo1.png);
}

.img2 {
    background-image: url(../images/logo2.png);
}

.img3 {
    background-image: url(../images/logo3.png);
}

.img4 {
    background-image: url(../images/logo4.png);
}

.img5 {
    background-image: url(../images/logo5.png);
}

.img6 {
    background-image: url(../images/logo6.png);
}

.img7 {
    background-image: url(../images/logo7.png);
}

.img8 {
    background-image: url(../images/logo8.png);
}

.img9 {
    background-image: url(../images/logo9.png);
}


/* Filter Section */

.search-trip .form-control {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
    border-radius: 3px;
    height: 35px;
    border: 1px solid transparent;
    padding-left: 40px;
    font-size: 14px;
}

.search-trip .form-control:focus {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid #FFDE33;
    ;
}

.search-trip .form-control.search-filled {
    border: 1px solid #525252;
}

.search-trip .form-control::placeholder {
    color: #909090!important;
}

.filter-trip {
    display: inline-block;
    text-align: left;
    /*cursor: pointer;*/
}

.chosen-choices,
.chosen-search-input {
    cursor: pointer !important;
}

.filter-trip .select2-container--default .select2-selection--multiple .select2-selection__choice {
    /*margin-top: 8px;*/
    margin-bottom: 8px;
}

.filter-trip form {
    min-height: 35px;
    position: relative;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35) !important;
    display: inline-block;
    padding: 0 20px 0 10px;
    font-size: 14px;
    color: #525252;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
    /*display: -ms-flexbox;
    display: flex;*/
    padding-left: 90px;
}

.filter-trip-grey form {
    background-color: #ddd !important;
}

.filter-trip form::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 8px;
    height: 14px;
    width: 14px;
    background: url(../images/custom-arrow-blue.svg) no-repeat right center;
    background-size: 14px;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
}

.select2-selection__clear {
    text-indent: -99999px;
    display: none;
}

.filter-trip form h4 {
    margin-top: 8px;
    font-size: 14px;
    color: #0063BE;
    position: absolute;
    left: 10px;
}

.filter-trip form h4:before {
    content: "";
    display: inline-block;
    background: url(../images/filter-icon.svg) no-repeat;
    width: 18px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    background-size: 17px;
}

.select2-container {
    width: auto !important;
    /*left: 40px !important;*/
    left: auto !important;
    right: 280px;
}

.filter-trip .select2-container {
    left: 0 !important;
}

.chosen-container {
    width: auto !important;
    min-width: 50px !important;
    float: left;
    cursor: pointer;
}

.chosen-container .chosen-results {
    max-height: 0 !important;
}

.chosen-container.chosen-with-drop .chosen-results {
    max-height: 400px !important;
}

.chosen-container-multi .chosen-choices {
    border: 0 !important;
    background-image: none !important;
}

.chosen-container-active .chosen-choices {
    box-shadow: none !important;
}

.chosen-search-input {
    text-transform: uppercase;
    font-size: 1rem;
    color: #495057;
}

.chosen-container .chosen-drop {
    min-width: 200px;
    left: 0 !important;
    right: 0 !important;
    border: 0 !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 8px 5px 3px 0 !important;
    padding: 6px 25px 6px 10px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    letter-spacing: 1.2px !important;
    color: #000000 !important;
    background-color: #C4C4C4 !important;
    background-image: none !important;
    background: linear-gradient(136deg, #68C7CF 0%, #9EF1F7 100%) !important;
    border: 0 !important;
    text-transform: uppercase;
}

.chosen-container .chosen-results li {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 10px;
}

.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li.highlighted {
    color: #000000;
    background-color: #f5f5f5;
    background-image: none;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 7px;
    right: 4px;
}

.search-trip::after {
    content: '';
    position: absolute;
    left: 15px;
    top: 10px;
    height: 16px;
    width: 16px;
    background: #fff url(../images/search-icon-blue.svg) no-repeat center center;
    background-size: 16px;
    cursor: pointer;
}

.active-result {
    padding-left: 50px;
}

.active-result:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}

.result-selected:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url(../images/check-icon.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}

.select2-results__option:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}


/*.select2-results__options li:first-child:before,
.select2-results__options li[aria-selected=true]:first-child:before {
	display: none;
}*/

.select2-container--default .select2-results__option[aria-selected=true]:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url(../images/check-icon.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000000;
    background-color: #f5f5f5;
    background-image: none;
}

.select2-results__option {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 10px;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    width: 280px !important;
    /*left: -125px;*/
    /*top: 7px;*/
}

.select2-selection__choice {
    /*margin: 8px 5px 3px 0 !important;
    padding: 6px 25px 6px 10px !important;*/
    font-size: 10px !important;
    /*letter-spacing: 1.2px !important;*/
    color: #fff !important;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    background-color: #525252 !important;
    border-radius: 5px;
    /*background-image: none !important;
	background: linear-gradient(136deg, #68C7CF 0%, #9EF1F7 100%) !important;*/
    border: 0 !important;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 5px !important;
    line-height: 17px;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff !important;
}

.add-attraction-info .select2-selection__choice {
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 5px !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0px;
    /*line-height: 28px !important;*/
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-left: 5px;
    line-height: 15px;
    padding-bottom: 2px;
    vertical-align: -1px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 360px !important;
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple {
    cursor: pointer !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    visibility: hidden;
    width: .5em !important;
}


/* SCHEDULAR PAGE */

.scheduler-wrapper {
    margin-top: 78px;
    overflow: hidden;
}

.scheduler-left {
    height: calc(100vh - 80px);
    /*padding: 30px;*/
    /*padding-top: 3px;*/
    background: linear-gradient(126.2deg, #FFFFFF 0%, #E4F8F9 100%);
}

.mCSB_inside>.mCSB_container {
    margin-right: 0px;
    padding: 20px 20px 15px 20px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #bbbbbb !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #666666 !important;
}

.back-to-attraction {
    display: inline-block;
    /*margin-bottom: 25px;*/
    padding-left: 25px;
}

.back-to-attraction a {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    position: relative;
    padding-left: 25px;
}

.back-to-attraction a::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    width: 12px;
    background-image: url(../images/back-to-attraction-img.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
}

.back-to-attraction a:hover::before {
    background-image: url(../images/back-to-attraction-img-yellow.svg);
}

.back-to-attraction a img {
    margin-top: -5px;
}

.back-to-attraction a:hover {
    color: #f7b618;
}

.scheduler-trip-info-16 {
    //background-image: url(../images/sydney-trip.jpg)!important;
    background-image: url(../images/sydney-trip-lg.jpg)!important;
}

.scheduler-trip-info-31 {
    background-image: url(../images/melbourne-trip-lg.jpg)!important;
}

.scheduler-trip-info-28 {
    background-image: url(../images/brisbane-trip-lg.jpg)!important;
}

.scheduler-trip-info-1 {
    background-image: url(../images/london-trip-lg.jpg)!important;
}

.scheduler-trip-info {
    /*margin: 0 -30px;*/
    position: relative;
    background-image: url(../images/your-trip-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 20px 30px;
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}

.scheduler-trip-info::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
}

.scheduler-trip-info h3 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.scheduler-trip-info p {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.scheduler-trip-info p.scheduler-trip-price {
    /*font-size: 14px;*/
    display: flex;
    /*float: right;*/
    /*margin-right: -8px;*/
}

.scheduler-trip-info p.scheduler-trip-price span {
    display: inline-block;
    text-align: center;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: #ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    text-shadow: none;
    margin-right: 5px;
    margin-top: 3px;
}

.scheduler-trip-info p.scheduler-trip-price a {
    color: #ffffff;
    font-size: 20px;
    line-height: 0.8;
    display: inline-block;
    padding-right: 8px;
    margin-left: 5px;
}

.scheduler-trip-info .btn-white {
    padding: 18px 25px;
    text-shadow: none;
}

.tooltip .arrow::before {
    border-right-color: #4c6172;
    border-left-color: #4c6172;
}

.tooltip-inner {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #fff;
    background-color: #4c6172 !important;
    background: #4c6172 !important;
    opacity: 1;
}

.scheduler-trip-schedule {
    /*margin-top: 40px;*/
    height: calc(100vh - 80px);
    /*margin: -30px;
	margin-top: -3px;*/
}

.scheduler-trip-schedule .accordion {
    position: relative;
}

.scheduler-trip-schedule .accordion::before {
    content: '';
    width: 1px;
    background-color: #0A6C74;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.scheduler-trip-schedule .card {
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px !important;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
    border: 0px;
}

.scheduler-trip-schedule .card-header {
    /*position: relative;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px !important;
	padding: .60rem 1.25rem;
	padding-left: 50px;
	border: 0px;*/
}


/*.scheduler-trip-schedule .card-header a.collapsed::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	height: 15px;
	width: 15px;
	background-image: url(../images/down-arrow.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
}

.scheduler-trip-schedule .card-header a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	height: 15px;
	width: 15px;
	background-image: url(../images/up-arrow.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
}*/

.scheduler-trip-schedule .card-header a h3 {
    font-size: 16px;
    line-height: 19px;
    color: #222222;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}


/*.scheduler-trip-schedule .card-header a p {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 5px;
	color: #000000;
}*/

.scheduler-trip-schedule .card-body {
    /*border-top: 1px solid #68c7cf;*/
}

.scheduler-trip-schedule .btn-green {
    /*margin-top: 20px;*/
}

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

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

.scheduler-export-btn {
    position: absolute;
    left: 0;
    bottom: 60px;
}

.scheduler-export-btn .btn-dark-green {
    background: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
    padding: 1.85rem 1rem;
    padding-right: 30px;
    box-shadow: 10px 4px 30px rgba(0, 0, 0, 0.7) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
}

.scheduler-export-btn .btn-dark-green::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    width: 12px;
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
}

.scheduler-export-btn .btn-dark-green:hover {
    background: #000000 !important;
    color: #F7B618;
}

.scheduler-export-btn .btn-dark-green:hover:after {
    background-image: url(../images/right-arrow-white.svg);
}


/* Add Attraction */

.add-attraction-info {
    /*margin-top: 15px;*/
}

.add-attraction-info .chosen-container {
    /*min-width: 200px !important;*/
}

.add-attraction-info .select2-container {
    width: auto !important;
    left: 0 !important;
}

.attraction-search {
    cursor: pointer;
}

.attraction-search input {
    width: 42px;
    height: 42px !important;
    float: right;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
    padding-left: 15px !important;
    transition: all 0.5s;
    box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.5) !important;
}

.attraction-search .big-input {
    width: 100%;
    border-radius: 0.25rem !important;
    padding-left: 15px;
}

.attraction-search.search-trip::after {
    content: '';
    position: absolute;
    right: 10px;
    left: auto;
    top: 9px;
    height: 23px;
    width: 23px;
    background-size: 23px;
    transition: all 0.5s;
}

.attraction-search:focus input,
.attraction-search input:focus {
    /*	width: 100%;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	transition: all 0.5s;*/
}

.add-attraction-list {
    height: calc(100vh - 80px);
    position: relative;
    padding-top: 45px;
}

.add-attraction-list .card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    background: #FFFFFF;
    border: 0px;
    transition: all .4s;
}

.add-attraction-list .card:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.add-attraction-list .card-header {
    position: relative;
    border: 0px;
    background-color: #fff;
    padding: 0;
    height: 85px;
    border-radius: 10px;
    cursor: pointer;
}

.orange-strip {
    position: absolute;
    width: 26px;
    left: -1;
    top: 0;
    bottom: 0;
    text-align: center;
    background-color: #68C7CF;
    background: linear-gradient(136deg, #9EF1F7 0%, #68C7CF 100%);
    padding: 0 3px;
    z-index: 1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.orange-strip img {
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 20px;
    right: 0;
}

.add-attraction-head-img {
    min-width: 60px;
    max-width: 60px;
    position: relative;
    overflow: hidden;
}

.add-attraction-head-img img {
    height: 85px;
    object-fit: cover;
    border-radius: 10px 0px 0px 10px;
}

.add-attraction-head-img .dark-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    background: linear-gradient(136deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.add-attraction-head-txt {
    /*position: relative;
	z-index: 2;
	color: #ffffff;*/
    font-size: 12px;
    line-height: 14px;
    color: #525252;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    padding: 10px 60px 10px 10px;
}

.add-attraction-head-txt h4 {
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #222222;
}

.add-attraction-head-txt p {
    /*font-size: 14px;
	letter-spacing: 1px;*/
}

.add-attraction-list .card-body {
    padding-left: 40px;
}

.add-attraction-list .card-body .attraction-detail-para p {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #000000;
}

.attraction-time label {
    margin-bottom: 3px;
    font-size: 12px;
    color: #000000;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.attraction-time h3 {
    font-size: 24px;
    color: #000000;
}

.attraction-time h3 span {
    font-size: 22px;
    font-weight: 500;
    margin-right: 3px;
}

.attraction-time span {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 10px;
    color: #000000;
    letter-spacing: 2px;
}

.attraction-time p {
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    margin-bottom: 0;
}

.attraction-time ul li {
    margin-right: 1.5rem !important;
    vertical-align: top;
}

.attraction-time ul li:nth-child(2) {
    margin-right: .5rem !important;
}

.attraction-time p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
}

.add-attraction-btn {
    margin: 10px -20px -20px -40px;
    z-index: 1;
    position: relative;
}

.add-attraction-btn .btn {
    box-shadow: none !important;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #D1F1F3;
    border-radius: 0px 0px 5px 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #000000;
    padding: 1.3rem 1rem;
}

.scheduler-trip-schedule .fa-angle-down {
    margin-top: 4px;
    margin-right: 25px;
    margin-left: -10px;
    font-size: 15px;
    color: #000000;
}

.add-attraction-main-content {
    position: relative;
    display: inline-block;
    width: 100%;
    /*padding-bottom: 20px;*/
    padding-left: 40px;
}

.add-attraction-main-content .form-control {
    background-color: transparent;
    border: 0;
    font-size: 12px;
    line-height: 14px;
    color: #0063BE !important;
    padding: 7px 10px;
    margin-top: -2px;
}

.add-attraction-main-content .input-group-addon {
    text-transform: uppercase;
    color: #909090;
    margin-left: -10px;
    margin-right: 10px;
}

.single-attraction {
    position: relative;
    margin-top: 10px;
    /*padding: 15px 1.25rem;*/
    height: 102px;
    background: #FFFFFF;
    border-radius: 5px;
    /*overflow: hidden;*/
}

.single-attraction-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    cursor: move;
}

.single-attraction-img .dark-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    background: linear-gradient(136deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.single-attraction-content {
    position: relative;
    /*z-index: 2;*/
    cursor: move;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    transition: all .4s;
}

.single-attraction-content:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.single-attraction-content h4 {
    margin-bottom: 5px;
    /*text-overflow: ellipsis;
	overflow: hidden;*/
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    color: #222222;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.single-attraction-content p {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
    color: #828282;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.close-attracion {
    display: inline-block;
    background-color: #ffffff;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 5px;
    text-align: center;
    font-size: 10px;
    color: #000000;
    letter-spacing: 1px;
}

.remove-attraction {
    width: 100%;
    background-color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .4s;
}

.remove-attraction:hover {
    background: linear-gradient(126.87deg, #FB6E4F 0%, #F3A76A 54.35%);
    border-radius: 0px 5px 5px 0px;
}

.remove-icon {
    /*margin-top: 15px;*/
    /*height: 72px;*/
    display: block;
    /*padding: 25px 15px 10px;*/
    line-height: 72px;
    cursor: pointer;
}

.remove-icon a {
    /*padding: 25px 15px 10px;*/
    width: 50px;
}

.remove-icon a img {
    width: 20px;
    margin: 0px 15px;
}

.remove-txt {
    display: none;
    padding: 10px 15px;
}

.remove-txt ul li {
    text-align: center;
    width: 100px;
    margin-top: 6px;
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.remove-txt ul li:first-child {
    border-right: 1px solid #f6f6f6;
    margin-right: 0;
}

.sortable-list .remove-txt li:last-child {
    margin-bottom: 0px !important;
}

.remove-txt ul li a {
    text-transform: uppercase;
    color: #000000;
    display: block;
}

.transport-selection {
    margin-top: 20px;
    margin-left: -38px;
    /*position: relative;
	z-index: 1;*/
}

.transport-list {
    position: relative;
    display: inline-block;
}

.transport-list .dropdown {
    float: left;
    margin-top: -5px;
}

.transport-list .en-route {
    margin-top: 2px;
    margin-bottom: 10px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #a6a6a6;
    text-transform: uppercase;
}

.transport-list .en-route p {
    margin-bottom: 0;
    letter-spacing: 1.2px;
}

.transport-time {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    font-size: 12px;
    color: #828282;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.transport-selection .dropdown .btn {
    background-color: transparent;
    /*border: 0;
	color: #000000;
	position: relative;
	padding-top: 2px;*/
}

.transport-selection .dropdown .btn::after {
    display: none;
}

.transport-list .dropdown img {
    height: auto;
    margin-right: 5px;
    top: 10px;
}

.transport-list .dropdown .btn,
.transport-list .dropdown .btn:focus {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) !important;
    border-radius: 3px;
    font-size: 12px;
    line-height: 144%;
    display: flex;
    align-items: center;
    color: #0063BE;
    padding: 6px 30px 5px 10px;
    height: 30px;
    transition: all .4s !important;
}

.transport-list .dropdown .btn:hover,
.transport-list .dropdown .btn:focus {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3) !important;
}

.en_route_div .transport-list .dropdown .btn,
.en_route_div .transport-list .dropdown .btn:focus {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
}

.en_route_div .transport-list .dropdown .btn:hover,
.en_route_div .transport-list .dropdown .btn:focus {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
}

.transport-list .dropdown .btn span {
    position: relative;
    top: 0px;
}

.transport-list .dropdown .dropdown-menu {
    min-width: 16rem;
}

.transport-list .dropdown-item {
    padding: 5px 15px;
    font-size: 14px;
}

.transport-list .dropdown .dropdown-menu img {
    margin-right: 5px;
}

.attraction-number {
    position: absolute;
    left: -38px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: linear-gradient(136deg, #9EF1F7 0%, #68C7CF 100%);
    color: #ffffff;
    z-index: 1;
    font-size: 10px;
    text-align: center;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.attraction-route {
    position: absolute;
    left: -40px;
    top: -5px;
    bottom: 0;
    margin: auto;
    height: 24px;
    width: 24px;
    line-height: 14px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #ffffff;
    box-shadow: 2px 6px 12px #bbbbbb;
    color: #ffffff;
    padding: 4px;
    z-index: 1;
}

.attraction-route img {
    width: 16px;
}

.add-attraction-main-content:first-child::before {
    top: 140px;
}

.add-attraction-main-content:nth-last-child(2)::before {
    bottom: 90px;
}

.add-attraction-main-content::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0px;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 1px;
    background-color: #68C5CD;
    z-index: -1;
}


/* Sign Up PopUp */

.modal-open header,
.modal-open section,
.modal-open footer {
    /*-o-filter: blur(6px);
	-ms-filter: blur(6px);
	-moz-filter: blur(6px);
	-webkit-filter: blur(6px);
	filter: blur(6px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='9');*/
}

.modal-backdrop {
    background-color: #ffffff !important;
}

.modal-content {
    border: 1px solid #000000;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.7) !important;
}

#signUpModal .modal-content,
{
    /*height: 810px;*/
}

#signUpModal .signup-form,
#signUpModal .signup_button {
    /*height: 385px;*/
}

.modal-content .close,
.modal-content .close:hover {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 40px;
    width: 40px;
    border-radius: 100px;
    background-color: #000;
    color: #fff !important;
    line-height: 40px;
    text-align: center;
    opacity: 1 !important;
    display: inline-block;
    z-index: 1051;
}

.modal-body {
    color: #000000;
}

#thankYouModal .modal-body,
#signUpModal .modal-body,
#thankYouDownloadModal .modal-body {
    padding: 50px 30px 40px 30px;
    text-align: center;
}

#thankYouModal .modal-body h3,
#thankYouDownloadModal .modal-body h3 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#signUpModal .modal-body h3 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#signUpModal .modal-body h4,
#thankYouDownloadModal .modal-body h4 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

#thankYouModal .modal-body p,
#signUpModal .modal-body p,
#thankYouDownloadModal .modal-body p {
    font-size: 18px;
}

#signUpModal .signup_button {
    margin: 40px 0;
}

#signUpModal .modal-body .signup_button .btn-white {
    width: 410px;
    height: 92px;
    line-height: 92px;
    padding: 0 30px;
}

#signUpModal .modal-body .signup_button .btn-white span {
    float: left;
    /*padding-top: 4px;*/
}

#signUpModal .modal-body .signup_button .btn-white img {
    float: right;
    margin-top: 30px;
}


/*#signUpModal .modal-body .login-form .btn-white {
	width: 410px;
	height: 92px;
	line-height: 92px;
	padding: 0 30px;
}*/

#signUpModal .modal-body .login-form .btn-white span {
    float: left;
    /*padding-top: 4px;*/
}

#signUpModal .modal-body .login-form .btn-white img {
    /*float: right;
	margin-top: 30px;*/
}

#signUpModal .forgot-password-form .btn {
    /*padding: 35px 30px;*/
}

#signUpModal .modal-body .signup_button span.or {
    text-transform: uppercase;
    color: #909090;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0;
}

#signUpModal .modal-body .text-based-link {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

#signUpModal .signup-form {
    display: none;
    text-align: left;
    max-width: 410px;
    margin: 30px auto;
}

#signUpModal .signup-form label {
    font-size: 14px;
    margin-bottom: 3px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

#signUpModal .signup-form .form-control {
    height: 48px;
    border-color: #ccc;
    /*box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4) !important;*/
}

#signUpModal .signup-form input::placeholder {
    color: #AAAAAA!important;
}

#signUpModal .signup-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

#signUpModal .view-pw {
    position: absolute;
    top: 33px;
    right: 15px;
    font-size: 20px;
}

#signUpModal .signup-form .btn {
    margin-top: 50px;
    width: 100%;
}

#signUpModal .btn-white {
    padding: 1.2rem 1.3rem;
}

#signUpModal .popup-btn-right .btn-white {
    box-shadow: none !important;
    border: 1px solid #000;
    height: 54px;
    padding: 1.1rem 1.3rem;
    cursor: pointer;
}

#signUpModal .popup-btn-right .btn-white img {
    margin-top: -3px;
}

#thankYouModal .modal-body .btn {
    width: 100%;
    max-width: 410px;
    min-width: 220px;
}

#thankYouDownloadModal .modal-body h4 {
    margin-bottom: 5px;
    font-weight: bold;
}

.collapsed .scheduler-trip-schedule-day {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.scheduler-trip-schedule-day {
    background: linear-gradient(136deg, #9EF1F7 0%, #68C7CF 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-bottom-left-radius: 0px;
    padding-top: 18px;
    text-transform: uppercase;
}

.add-attraction-btn-mrg {
    margin: 0px -5px -20px -5px;
}

.scheduler-trip-schedule .btn-transparent {
    font-size: 18px;
    padding: 1.1rem;
}

.input-timerange {
    display: inline-block;
    /*margin-bottom: -15px;*/
    margin-top: 7px;
}

.input-timerange .right-inner-addon {
    width: 99px;
    height: 30px;
    position: relative;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    transition: all .4s;
}

.input-timerange .right-inner-addon:hover {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.input-timerange span {
    padding: 7px 10px 0;
    font-size: 12px;
    line-height: 14px;
    color: #828282;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.input-timerange .fa-angle-down {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: auto !important;
}

.input-timerange .form-control {
    /*padding-left: 0;*/
    cursor: pointer;
}

.bootstrap-timepicker-widget table td input {
    width: 32px;
}


/* Booking Page */

.booking-wrapeer {
    margin-top: 145px;
    padding-bottom: 50px;
}

.booking-header {
    /*background-image: url(../images/your-trip-bg.jpg);
	background-size: cover;
	background-position: center;*/
    padding: 30px;
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.booking-heading-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.booking-heading-img img {
    min-height: 100%;
}

.booking-heading-img-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.booking-heading-txt {
    z-index: 2;
    position: relative;
}

.booking-header h3 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.booking-header p {
    font-size: 16px;
    letter-spacing: 0.2em;
}

.booking-content {
    padding-top: 50px;
}

.booking-content p {
    color: #000000;
    line-height: 26px;
    font-size: 18px;
    letter-spacing: 0.05em;
}

.booking-content p span {
    font-weight: 600;
}

.p-dollar {
    font-size: 16px;
}

.p-num {
    font-size: 24px;
}

/*.booking-content .btn {
    width: 700px;
    letter-spacing: 1.5px;
    padding: 1.00rem 1.25rem;
    text-align: center;
}*/

.add-attraction-info {
    position: relative;
}

.attraction-filter-search {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: auto;
    right: 30px;
    text-align: right;
}


/*.add-attraction-list {
	position: relative;
	padding-top: 65px;
}*/


/* Booking Page acordian */

/*.booking-page-accordian {
    margin-top: 40px;
}*/

.booking-page-accordian .card {
    border: 0;
    background-color: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px !important;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
    border: 0px;
    overflow: hidden;
}

.booking-page-header.card-header {
    padding: 0;
    /*border-radius: 10px !important;*/
    background-color: #ffffff;
    position: relative;
    border-bottom: 0px;
}

.booking-page-accordian .card-body {
    border-top: 1px solid rgba(0, 0, 0, .125);
    background-color: #ffffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 14px;
}

.booking-accordian-heading-txt h3 {
    font-weight: bold;
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 0;
}

.booking-accordian-heading-txt p {
    font-weight: bold;
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 15px;
}

.booking-accordian-heading-txt {
    /*padding: 10px 0;*/
    margin-left: 65px;
}

.booking-accordian-heading-logo {
    background-color: #f8f8f8;
    height: 100%;
    padding: 10px 15px;
}

.booking-accordian-heading-logo img {
    width: 60px;
}

.booking-accordian-heading-logo .media-body {
    margin-left: 10px;
    padding-top: 10px;
}

.booking-accordian-heading-logo p {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #000000;
    margin: 0;
}

.booking-accordian-heading-cost p {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    text-align: right;
    letter-spacing: 0.2em;
    color: #000000;
    margin-right: 60px;
    margin-bottom: 0;
}

.booking-page-schedule-day {
    background: linear-gradient(136deg, #9EF1F7 0%, #68C7CF 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0px;
    padding-top: 20px;
    text-transform: uppercase;
}

.collapsed .booking-page-schedule-day {
    border-bottom-left-radius: 4px;
}

.booking-page-header.card-header a.collapsed::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    height: 15px;
    width: 15px;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
}

.booking-page-header.card-header a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    height: 15px;
    width: 15px;
    background-image: url(../images/up-arrow.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
}

.booking-single-place {
    border: 1px solid #000000;
    border-radius: 4px;
    overflow: hidden;
}

.booking-num-time {
    display: table;
    text-align: center;
    vertical-align: middle;
}

.booking-place-num {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
}

.booking-place-num span {
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 23px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: linear-gradient(136deg, #9EF1F7 0%, #68C7CF 100%);
    color: #ffffff;
}

.booking-place-time {
    /*float: left;*/
    /*margin-left: 30px;*/
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}

.booking-place-time p {
    font-weight: bold;
    line-height: 1.8;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: #000000;
}

.booking-place-time p img {
    height: 12px;
}

.booking-single-place-right {
    position: relative;
    padding: 0px 0px 0px 25px;
    color: #ffffff;
}

.booking-single-place-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 30%;
    overflow: hidden;
}

.booking-single-place-img img {
    min-height: 100%;
}

.booking-single-place-img .dark-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    background: linear-gradient(136deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.booking-single-place-right h3 {
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #FFFFFF;
}

.booking-place-cost {
    text-align: center;
    /*margin-left: -90px;*/
}

.booking-place-cost p {
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #000000;
    text-shadow: 0px 0px 6px #ffffff;
}

.booking-place-cost span {
    margin-top: 5px;
    padding: 3px 10px;
    background: linear-gradient(136deg, #9EF1F7 0%, #68C7CF 100%);
    border-radius: 15px;
    display: inline-block;
    font-weight: bold;
    line-height: 14px;
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

.booking-place-ticket {
    text-align: center;
}

.booking-place-ticket p {
    font-weight: normal;
    line-height: 17px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #000000;
    text-transform: uppercase;
    /*text-shadow: 0px 0px 6px #000000, 0px 0px 6px #000000;*/
}

.booking-single-place-right_right {
    position: relative;
    width: 100%;
    padding: 15px;
    overflow: hidden;
}

.blur-bg {
    /*background-color: rgba(185,185,185,0.7);*/
    /*    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);*/
    /*    background: linear-gradient(to right, rgba(229,229,229,0) 0%, rgba(229,229,229,1) 20%);*/
    background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 20%);
    /*-o-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    -webkit-filter: blur(0px);
    filter: blur(0px);*/
    position: absolute;
    top: 0;
    left: 0;
    right: -1px;
    bottom: 0;
}


/*.booking-single-place-right_right .blur-bg {
    background-image:inherit;
    background-position: inherit;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}

.booking-single-place-right_right .blur-bg:before {
    background-image:inherit;
    background-position: inherit;
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
    content: " ";
    width : 100%;
    height : 100%;
    position: absolute;
    left:0;
    top:0;
}

.booking-single-place-right_right .blur-bg .content {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
    color:white;
    padding:10px;
    background-color : rgba(0, 0, 0, 0.4);
}*/

.booking-transport-info {
    margin: 15px 0;
}

.booking-transport-info p {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-left: 25px;
}

.booking-day-essential {
    margin-top: 20px;
    margin-left: 60px;
}

.booking-day-essential h3 {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 15px;
}

.booking-day-essential ul li {
    margin-right: 25px !important;
}

.booking-day-essential p {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #000000;
    text-transform: uppercase;
}

.booking-day-essential p img {
    margin-right: 10px;
    height: 30px;
}

.mrg-top-btm {
    margin-top: 70px !important;
    margin-bottom: 50px !important;
}


/* Forget Password */

.forget-pw-wrapper,
.setting-pg-wrapper {
    margin-top: 140px;
    margin-bottom: 50px;
}

.forget-pw-wrapper h3,
.setting-pg-wrapper h3 {
    font-weight: bold;
    line-height: 35px;
    font-size: 24px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.setting-pg-wrapper h3 {
    margin-bottom: 50px;
}

.forget-pw-wrapper p {
    line-height: 26px;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 50px;
}

.forget-pw-wrapper label {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
}

.forget-pw-wrapper input {
    height: 60px;
    width: 500px;
}

.forget-pw-wrapper span {
    text-transform: uppercase;
    line-height: 17px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #000000;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.forget-pw-wrapper .btn {
    margin-top: 20px;
    padding: .70rem 2.75rem;
}

.setting-pg-content {
    margin-bottom: 150px;
}

.setting-pg-content .form-group {
    margin-bottom: 40px;
}

.setting-pg-content label {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #000000;
}

.setting-pg-content span {
    display: block;
    font-weight: 300;
    line-height: 40px;
    font-size: 30px;
    letter-spacing: 0.02em;
    color: #000000;
}

.setting-pg-content p {
    font-weight: 300;
    line-height: 32px;
    font-size: 24px;
    letter-spacing: 0.02em;
    color: #000000;
}

.setting-pg-content .btn {
    width: 300px;
}

.setting-pg-content .text-based-link {
    font-weight: bold;
    text-decoration: underline;
}

.change-pw-after .form-group {
    margin-bottom: 30px;
}

.change-pw-after .small-label {
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 5px;
}

.change-pw-after {
    display: none;
}

.change-pw-after a {
    margin-top: 5px;
    display: inline-block;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #000000;
}

.change-pw-after span {
    text-transform: uppercase;
    line-height: 17px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #868686;
    display: inline-block;
    /*margin-top: 7px;
    margin-bottom: 10px;*/
}

.change-pw-after input {
    height: 60px;
    width: 500px;
}

.change-pw-after .btn {
    margin-top: 30px;
}


/* Your Trip */

.user-trip-wrapper {
    margin-top: 140px;
    margin-bottom: 50px;
}

.user-trip-heading {
    text-align: center;
    margin-bottom: 35px;
}

.user-trip-heading h3 {
    font-weight: bold;
    line-height: 35px;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.user-trip-heading p {
    font-weight: 300;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.user-trip-user-detail {
    text-align: center;
    background: linear-gradient(90deg, #9EF1F7 0.63%, #33A2AB 100%);
    width: 100%;
    padding-top: 100px;
    padding-bottom: 20px;
}

.trip-user-img {
    width: 180px;
    height: 180px;
    display: inline-block;
    background-color: #ffffff;
    line-height: 180px;
    text-align: center;
    border-radius: 100px;
    position: relative;
    margin-bottom: -80px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.trip-user-img img {
    border-radius: 100px;
}

.trip-user-img-inner {
    width: 180px;
    overflow: hidden;
    height: 180px;
    border-radius: 100px;
    margin-bottom: -80px;
}

.trip-user-img-inner img {
    min-width: 180px;
    min-height: 180px;
}

.trip-user-img:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.trip-user-img span {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%);
    line-height: 36px;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    top: 5px;
    right: 10px;
}

.trip-user-img span img {
    width: 15px;
    margin-top: -1px;
    margin-left: 1px;
}

.user-trip-user-detail h3 {
    font-weight: bold;
    line-height: 32px;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.user-trip-user-detail span {
    line-height: 21px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
}

.user-trip-user-detail p {
    margin-top: 20px;
    line-height: 21px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
    text-transform: uppercase;
}

.user-single-options {
    line-height: 60px;
    text-align: center;
    height: 60px;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin: 0 1.5px;
}

.user-single-options a {
    display: inline-block;
    width: 100%;
}

.user-single-options a:hover {
    background-image: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
}

.user-single-options img {
    margin-top: -4px;
}

.user-single-options span {
    font-weight: 600;
    line-height: 21px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
}

.user-trip-content {
    margin-top: 50px;
}

.user-trip-content-heading h4 {
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 15px;
    margin-left: 55px;
}

.single-user-trip {
    background-color: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.user-trip-img {
    position: -moz-sticky;
    position: -webkit-sticky;
    position: sticky;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.user-trip-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-user-trip:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.6);
}

.single-user-trip:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-user-heading {
    background: linear-gradient(180deg, #FFFFFF 7.62%, rgba(255, 255, 255, 0) 80%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.single-user-heading h3 {
    font-weight: bold;
    line-height: 35px;
    font-size: 24px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
    white-space: normal;
}

.single-user-heading p {
    font-weight: 600;
    line-height: 27px;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
}

.single-user-footer {
    padding: 15px 20px;
}

.single-user-footer h4 {
    font-weight: 600;
    line-height: 30px;
    font-size: 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #444444;
}

.single-user-footer p {
    font-weight: 600;
    line-height: 33px;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #444444;
    margin-bottom: 0;
}

.single-user-footer .dropdown>a {
    padding: 0 7px;
    display: inline-block;
}

.single-user-footer .dropdown-menu {
    transform: none !important;
    top: 25px !important;
    right: 0;
    left: auto !important;
    padding: 0;
    min-width: 240px;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    overflow: hidden;
}

.single-user-footer .dropdown-menu a {
    height: 60px;
    display: grid;
    align-items: center;
    line-height: normal;
    border-bottom: 1px solid #DCDCDC;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
    padding: 20px 15px;
}

.single-user-footer .dropdown-menu a:last-child {
    border: 0;
}

.single-user-footer .dropdown-menu a:hover {
    background-image: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
}

.single-user-trip:hover .single-user-footer .dropdown img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}


/* Dhrumil Css Start */

.contact-us-toptext {
    margin-bottom: 80px;
}

.contact-us-toptext {
    text-align: center;
}

.contact-us-toptext h3 {
    margin-bottom: 5px;
}

.contact-us-toptext h4 {
    display: block;
    font-weight: 300;
    line-height: 45px;
    font-size: 36px;
    letter-spacing: 0.02em;
    color: #000000;
}

.contact-us-area .forget-pw-wrapper input {
    width: 100%;
}

.contact-us-area .forget-pw-wrapper label {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #000000;
}

.contact-us-area textarea {
    height: 210px;
    resize: none;
}

.contact-us-area .forget-pw-wrapper .btn {
    box-shadow: 0px 15px 70px rgba(0, 0, 0, 0.5);
    padding: 24px 140px;
}

.contact-us-area .btn-transparent {
    border: 0;
}


/*.select-box-drop {margin-bottom: 1rem;}*/

.contact-us-area .form-group,
.select-box-drop {
    margin-bottom: 1.5rem;
}

.contact-us-area {
    margin-bottom: 150px;
}

.select-box-drop select {
    height: 60px!important;
}

.select-box-drop label {
    display: block;
    width: 100%;
}

.select-box-drop .custom-select {
    background: url(../images/down_arrow.png) no-repeat 98% center #fff;
    cursor: pointer;
}

.next-adventure-area {
    position: relative;
}

.adventure-img {
    position: relative;
    z-index: 1;
}

.next-advenure-row-area .row {
    display: block;
}

.adventure-img img {
    width: 100%;
}

.adventure-text {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 70px;
    width: 100%;
    text-align: center;
}

.adventure-text h1 {
    font-style: normal;
    font-weight: 900;
    line-height: 58px;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    text-shadow: 0px 2px 8px #000000, 0px 4px 4px #000000;
    margin-bottom: 33px;
}

.adventure-text p {
    font-style: normal;
    font-weight: normal;
    line-height: 35px;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.adventure-text p:last-child {
    margin-bottom: 0;
}

.marg-bttm {
    margin-bottom: 110px;
}

.remove-btn-trip .mb-4 {
    margin-bottom: 2.5rem!important;
}

.edit-button {
    margin-left: 10px;
    vertical-align: text-top;
    line-height: 0;
}

.setting-name input[type="text"] {
    height: 60px;
}


/* Dhrumil Css End */

.d-t-area .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 200px!important;
}

.d-t-area .bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
}

.d-t-area .bootstrap-datetimepicker-widget table td span {
    height: 30px;
    line-height: 30px;
    width: 30px;
    padding-top: 0;
}

.d-t-area .bootstrap-datetimepicker-widget table td {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.d-t-area .bootstrap-datetimepicker-widget table td.separator {
    height: 10px;
    width: 10px;
    line-height: 24px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: 10px;
}


/* blog */

.p-l-30 {
    padding-left: 30px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-45 {
    margin-top: 45px;
}

.blog-trip-box h2 {
    font-size: 20px;
    text-transform: none;
}

.blog-trip-box h2 span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
}

.guide-img {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}

.guide-img img {
    margin-right: 20px;
}

.date-day-text span {
    display: block;
}

.blog-img-text {
    position: relative;
}

.blog-img-text .single-discovery-trip {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4) !important
}

.blog-trip-box {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.date-day-text {
    position: absolute;
    z-index: 2;
    top: -15px;
    bottom: inherit;
    left: 15px;
    width: 80px;
    text-align: center;
    background: #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    /*border-top: linear-gradient(to top, #f7b618, #ffde33);
    */
    border-radius: 5px;
}

.date-day-text::before {
    content: '';
    /*    background: linear-gradient(to top, #f7b618, #ffde33);*/
    background: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.blog-trip-box .discovery-trip-img p.trip-img-info {
    top: -15px;
    bottom: inherit;
    left: 15px;
    width: 80px;
    text-align: center;
    background: #fff;
    padding: 15px;
    font-weight: bold;
    font-size: 14px;
    /*border-top: linear-gradient(to top, #f7b618, #ffde33);
    */
    border-top: 2px solid #f7b618;
    border-radius: 5px;
}

.blog-trip-box:hover {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-trip-box .discovery-trip-img p.trip-img-info span {
    font-size: 14px;
}

.recent-blog-area ul {
    padding: 0;
}

.recent-blog-area ul li {
    list-style: none;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    cursor: pointer;
    overflow: hidden;
}

.recent-blog-area ul li:hover {
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
}

.recent-blog-area ul li:hover span {
    color: #F7B618;
}

.recent-blog-area ul li:hover img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.recent-blog-area ul li img {
    height: 50px;
    width: 80px;
    overflow: hidden;
}

.recent-blog-area ul li span {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    padding-left: 20px;
}

.recent-blog-area h3 {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    padding-bottom: 10px!important;
    margin-bottom: 10px!important;
}

.subscribe-here-text,
.categories-text {
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
    margin-bottom: 30px;
}

.subscribe-categories-text h3 {
    font-size: 16px;
    color: #000000;
    border-bottom: 1px solid #E6E6E6;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.categories-text ul {
    padding: 0
}

.categories-text ul li {
    list-style: none;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 15px;
}

.categories-text ul li:last-child {
    margin-bottom: 0;
}

.categories-text ul li:hover a {
    color: #F7B618;
}

.blog-banner-area {
    background: url(../images/blog-banner.jpg) no-repeat center center;
    width: 100%;
    min-height: 300px;
    position: relative;
    display: flex;
    align-items: flex-end;
    background-size: cover;
}

.blog-banner-area h1 {
    font-size: 54px;
    color: #FFFFFF;
    font-weight: 200;
    letter-spacing: 7px;
    padding-left: 30px;
    padding-bottom: 20px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.75);
}

.subscribe-here-text input[type="text"] {
    height: 40px;
    margin-bottom: 20px;
}

.btn-subscribe {
    padding: 10px 30px;
    background: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
    font-weight: 600;
    letter-spacing: 1.2px;
}

.btn-subscribe:hover {
    background: #fff;
    border: 1px solid #000;
}

.pagination-area {
    border-top: 2px solid #D6D6D6;
    border-bottom: 2px solid #D6D6D6;
    padding: 10px 0;
}

.pagination-area .pagination {
    margin-bottom: 0;
    float: right;
}

.pagination-area .pagination .page-item {
    margin-right: 10px;
}

.pagination-area .page-link {
    background: none;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.pagination-area .page-link.active,
.pagination-area .page-link:hover {
    background: linear-gradient(136deg, #D7F1B2 0%, #29CAA1 100%);
    border-radius: 50%;
}

.pagination-area .page-link.prev {
    color: #888888;
}

.pagination-area .page-link.next {
    color: #000000;
}

.pagination-area .page-link.prev:hover,
.pagination-area .page-link.next:hover {
    background: none;
}

.clear {
    clear: both;
}

.blog-contact-area {
    background: #444444;
    height: 128px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 200;
    padding-top: 40px;
}

.blog-con-btn {
    width: 205px;
    height: 50px;
    border: 1px solid #959595;
    background: none;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
}

.blog-con-btn:hover {
    background: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
    color: #000000;
}


/*.blog-trip-box .js_collapse {overflow: hidden;}*/


/* Blog Deatil */

.blog-detail-box {
    margin-bottom: 35px;
}

.blog-detail-box img {
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}

.blog-detail-box:hover {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0;
    transition: none;
}

.icon-social-icon {
    border-bottom: 2px solid #D6D6D6;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.blog-detail-breadcrumb .breadcrumb {
    border-top: 2px solid #D6D6D6;
    border-bottom: 2px solid #D6D6D6;
    background: none;
    padding-left: 0;
}

.blog-detail-breadcrumb .breadcrumb li {
    font-size: 16px;
}

.blog-detail-breadcrumb .breadcrumb li a {
    color: #000000;
}

.blog-detail-breadcrumb .breadcrumb a:hover {
    color: #F7B618;
}

.blog-detail-breadcrumb .breadcrumb .active {
    color: #6ECCD3;
}

.new-york-inside-area h2 {
    font-size: 24px;
    color: #000000;
    font-weight: 200;
    margin-bottom: 36px;
    letter-spacing: 2px;
    margin-top: 2px;
    display: inline-block;
}

.blog-text-area h3 {
    font-size: 13px;
    color: #000000;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
}

.blog-text-area p {
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    line-height: 24px;
}

.blog-text-area p:last-child {
    padding-bottom: 26px;
}

.icon-text {
    padding: 0;
}

.icon-text li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    padding-left: 25px;
    font-size: 12px;
}

.icon-text li a:hover {
    color: #F7B618;
}

.icon-text li a:after {
    content: '/';
    padding-left: 10px;
}

.icon-text li:last-child a:after {
    content: none;
}

.icon-text span {
    background: url(../images/user-icon.png) no-repeat center center;
    width: 15px;
    height: 20px;
    position: absolute;
    left: 0;
}

.icon-text li:hover span {
    background: url(../images/user-icon-hover.png) no-repeat center center;
}

.icon-text span.insider-icon {
    background: url(../images/new-year-insider-icon.png) no-repeat center center;
    width: 20px;
    height: 16px;
    position: absolute;
    left: 0;
}

.icon-text li:hover span.insider-icon {
    background: url(../images/new-year-insider-icon-hover.png) no-repeat center center;
}

.icon-text span.travel-interview-icon {
    background: url(../images/travel-interview-icon.png) no-repeat center center;
    width: 20px;
    height: 16px;
    position: absolute;
    left: 0;
}

.icon-text li:hover span.travel-interview-icon {
    background: url(../images/travel-interview-icon-hover.png) no-repeat center center;
}

.social-icon {
    float: right;
    margin-top: -10px;
}

.social-icon .fas {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: #000;
    line-height: 35px;
    text-align: center;
    background: #fff;
}

.social-icon .fab {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: #fff;
    line-height: 35px;
    text-align: center;
}

.social-icon .fab:hover {
    background: #fff;
    color: #000;
}

.social-icon .fa-facebook-f {
    background: #4470cf;
}

.social-icon .fa-twitter {
    background: #5daed5;
}

.social-icon .fa-google-plus-g {
    background: #c53942;
}

.social-icon .fa-linkedin {
    background: #099fc7;
}

.m-l-30 {
    margin-left: 30px;
}

.posted-area h4 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 2px solid #D6D6D6;
    border-bottom: 2px solid #D6D6D6;
    padding: 20px 0;
    margin-bottom: 20px;
}

.posted-area h4 span {
    color: #f7c342;
}

.leave-reply-area {
    margin-top: 40px;
    margin-bottom: 50px;
}

.leave-form-area {
    max-width: 772px;
    margin-bottom: 50px;
}

.leave-form-area .form-control {
    height: 40px;
}

.leave-form-area textarea {
    height: 80px!important;
    resize: none;
}

.leave-reply-area h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.leave-reply-area p {
    font-size: 15px;
    font-weight: 200;
    color: #000000;
}


/* About Us */

.vetted-left-text-img {
    margin-top: 0px!important;
    margin-bottom: 10px!important;
}

.media-img,
.owl-carasoul {
    padding: 0;
}

.owl-carasoul li {
    display: inline-block;
}

.media-img li {
    display: inline-block;
}

.produly-aussie-text p:last-child {
    padding-bottom: 42px!important;
}

.give-back-right-text {
    margin-top: 50px;
}

.partner-img {
    padding: 0;
}

.partner-img li {
    display: inline-block;
}

.ourpartner-maxwidth {
    max-width: 899px;
    margin: 0 auto;
}

.our-partner-area {
    margin-top: 0;
}

.our-partner-area ul#rotator {
    margin-bottom: 0;
}

.media-carasoul .owl-item img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.media-carasoul .owl-item {
    background: #fff;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

.media-main-area {
    margin-bottom: 99px;
    margin-top: 0;
}

.media-main-area .media-img {
    background: #fff;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    cursor: pointer;
}

.media-main-area .media-img:hover,
.media-main-area .media-img:focus {
    box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.7) !important;
    display: flex;
}

.media-img-li {
    margin-top: 30px;
}

.media-main-area .owl-carousel .owl-stage-outer {
    padding: 30px 10px;
}

.giving-back-area {
    margin-bottom: 0;
    margin-top: 70px;
}

.produly-aussie-area {
    margin-bottom: 105px;
}

.abt-c-btn {
    width: 440px!important;
}

.logout-btn {
    height: 24px;
    width: 24px;
}

.give-bak-img,
.produly-right-img-shadw {
    /*box-shadow: 0 0px 50px rgba(0,0,0,0.2)*/
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.buy-now {
    background: #fff;
}

.select2-results__option:first-child {
    text-align: right;
    border-bottom: 1px solid #ddd;
    text-decoration: underline;
}

.select2-results__option:first-child:before {
    display: none !important;
}

.m-t-0 {
    margin-top: 0!important;
}

.person-img-area {
    padding: 0;
}

.person-img-area li {
    display: inline-block;
    width: 33%;
    padding: 0 10px 10px 0;
}

.person-img-area li:nth-child(3n+3) {
    padding-right: 0;
}

.m-r-20 {
    margin-right: 20px;
}


/* only for IE10 and IE11 */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .popup-btn-width .m-r-20,
    .popup-btn-width .mr-2 {
        margin-right: 0px !important;
    }
}


/* only for IE10 and IE11 */

input,
select {
    color: #212121 !important;
}


/*#datepicker{
	width: 290px !important;
}
#datepicker .form-control{
	padding: .375rem 10px !important;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	min-width: 140px;
} */

.datepicker-range {
    float: left;
    width: 130px !important;
    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    height: 36px;
    transition: all .4s;
}

.datepicker-range:hover,
.select-travellors .form-group:hover {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.your-trip-right ul li .datepicker-range .form-control,
.select-travellors .form-group,
.select-travellors .form-group select {
    color: #525252 !important;
}

.your-trip-right ul li .datepicker-range:hover .form-control,
.select-travellors .form-group:hover,
.select-travellors .form-group select:hover {
    color: #222222 !important;
}

.datepicker-range img {
    opacity: 0.8;
    transition: all .4s;
}

.datepicker-range:hover img {
    opacity: 1;
    transition: all .4s;
}

#open_from_date {
    margin-right: 15px;
}

.datepicker-range .form-control {
    padding: 0px !important;
    font-size: 14px !important;
    /*margin-top: 0px;*/
}

.datepicker-range .input-group-text {
    padding: 0 0 0 5px;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.datepicker-range .input-group-append {
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 10px;
}

.datepicker-range .input-group-append img {
    max-width: 16px;
}

.tooltip-inner {
    background: linear-gradient(136deg, #33a2ab 0%, #9EF1F7 100%)!important;
    padding: 10px!important;
    font-weight: 600!important;
    color: #000!important;
    font-size: 15px;
    text-transform: none;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.tooltip .arrow:before {
    display: block;
    width: 10;
    height: 10;
    position: absolute;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    /*    border-right:8px solid #f00;*/
    border-right: 8px solid #22c9a1;
    transform: rotate(90deg);
    left: 0px;
    top: -4px;
}

#preview_select_child,
#preview_select_adult {
    margin-top: -2px;
}

.height-none img {
    height: inherit!important;
}

.padd-l-0 {
    left: 0!important;
}

.div-none {
    display: none;
}

button.btn-tool {
    padding: 10px;
    background: green;
    color: #fff;
}

.tooltip {
    opacity: 1;
    position: inherit;
    text-align: right;
    padding-right: 30px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background: linear-gradient(136deg, #def3b3 0%, #22c9a1 100%)!important;
    padding: 10px!important;
    font-weight: 600!important;
    color: #000!important;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    top: 110px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltiptext:after {
    content: "";
    display: block;
    width: 10;
    height: 10;
    position: absolute;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    /* border-right: 8px solid #f00; */
    border-right: 8px solid #22c9a1;
    transform: rotate(90deg);
    left: 0;
    top: -11px;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

button.btn-tool {
    padding: 5px 20px;
    color: #000;
    font-weight: 600;
    display: block;
    margin: 0px auto;
    border: 0;
    margin-top: 10px;
    text-transform: uppercase;
    background: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
}

button.btn-tool:hover {
    background: #000;
    color: #fff;
}

.datepicker-dropdown.dropdown-menu {
    /*position: fixed;
    top: 5px !important;    
    left: 0;*/
    margin-top: 40px;
}


/* only for IE10 and IE11 */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .datepicker-dropdown.dropdown-menu {
        margin-top: 0px;
    }
}


/* only for IE10 and IE11 */

#warningModal h4 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}

#warningModal .about-trip label {
    font-size: 16px;
    letter-spacing: 2.5px;
}

.maxwidth-450 {
    max-width: 450px;
    margin: 0 auto;
}

.select-adult {
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 20px;
    height: 60px !important;
    padding: 4px 15px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.select-adult #preview_select_adult,
.select-adult #preview_select_child {
    margin-top: -5px;
}

.select-adult .form-control {
    box-shadow: none!important;
    margin-bottom: 0!important;
    border: 0!important;
}

.select-adult label {
    margin-top: 13px;
}

.select-adult select {
    position: absolute;
    right: 20px
}

.select-adult .custom-select {
    background: url(../images/custom-arrow.svg) no-repeat 70% 46%;
    background-size: 15px;
    margin-top: -6px;
}

.cancel-text {
    border-bottom: 2px solid #333;
    padding-bottom: 2px;
}

#warningModal .btn {
    max-width: 325px!important;
}

#ex_from_date_popup,
#ex_to_date_popup,
#ex_to_date,
#ex_from_date {
    background: #fff url(../images/cal-icon.png) no-repeat 95% center;
    width: 22px;
    height: 22px;
    padding-left: 10px;
    cursor: pointer;
}


/*
.custom-arrow-bg .fa-angle-down {
    margin-top: 2px!important;
    margin-left: -30px!important;
    margin-right: 10px!important;
    font-size: 15px!important;
    color: #000!important;
}
*/


/*.custom-arrow-bg .custom-select {
    background: url(../images/select-arrow.png) no-repeat right .75rem center;
    background-size: 10px;
}*/


/* UI accordion for scheduler page drop down */

#accordion ul {
    list-style: none;
    position: relative;
    z-index: 2;
}

#accordion ul.ui-sortable {
    min-height: 90px;
}

.scheduler-trip-schedule .accordion-header,
.scheduler-trip-schedule .accordion-header:focus {
    background-color: #ffffff;
    background-image: none;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    margin-top: 15px;
    position: relative;
    z-index: 1;
    padding: 13px 55px 13px 15px;
    height: 48px;
    border-radius: 5px;
    border: 0;
    transition: all .4s;
}

.scheduler-trip-schedule .accordion-header:hover,
.scheduler-trip-schedule .accordion-header:focus {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;
}

.scheduler-trip-schedule .accordion-header:focus {
    transition: none;
}

.scheduler-trip-schedule .accordion-header.ui-accordion-header-active:hover,
.scheduler-trip-schedule .accordion-header.ui-accordion-header-active:focus {
    /*box-shadow: none !important;*/
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2) !important;
    transition: none;
}

.scheduler-trip-schedule .card-body {
    position: relative;
    /*background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px !important;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);*/
    margin-bottom: 20px;
    background: #F9F9F9;
    border: 1px solid #68C6CE;
    border-top: 0;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-widget-content {
    border: none;
}

.ui-accordion .ui-accordion-content {
    padding: 0px 5px 1.25rem;
}

.sortable-list {
    list-style: none;
    padding: 10px;
    margin: 0;
}

.scheduler-trip-schedule .accordion-header.ui-accordion-header-active {
    /*margin-bottom: 0px;*/
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /*box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);*/
    margin-bottom: 0;
    border: 1px solid #68C6CE;
    border-bottom: 1px solid #DCDCDC !important;
}

.scheduler-trip-schedule .accordion-header.ui-accordion-header-active:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    height: 8px;
    background-color: #f9f9f9;
    left: 0;
    pointer-events: none;
}

.scheduler-trip-schedule .accordion-header.ui-accordion-header-active+.card-body {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#accordion .scheduler-trip-schedule-day {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#accordion .ui-accordion-header-active .scheduler-trip-schedule-day {
    border-bottom-left-radius: 0px;
}

.scheduler-trip-schedule #accordion {
    position: relative;
    z-index: 1;
}

ul.sortable-list li:nth-last-child(1) .add-attraction-main-content::before {
    bottom: 90px;
    top: 0;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget {
    font-family: 'Lato', sans-serif;
}


/*.scheduler-trip-schedule .card-header::before,*/

.scheduler-trip-schedule .card-header>a::before {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    color: #0063BE;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 5px 5px;
}


/*.scheduler-trip-schedule .card-header.ui-accordion-header-active::before,*/

.scheduler-trip-schedule .card-header.ui-accordion-header-active>a::before {
    content: '\f077';
    padding: 4px 5px;
}

#save_trip h3 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px;
}

#save_trip h4 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 35px;
}

#save_trip .border-bottom {
    border-color: #000 !important;
}

#save_trip .form-control {
    max-width: 440px;
    height: 48px;
    border-color: #33A2AB;
}

#save_trip .btn-white {
    max-width: 330px;
    width: 100%;
}

.odometer {
    /*background: linear-gradient(to bottom, #c0463a 0%, #f0a653 100%);*/
}


/*
div#single-parent-column-5774 {
    margin-bottom: 430px!important;
}*/

.back-to-itinerary-text {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: underline;
}

.currency-selector {
    float: left;
    margin-left: 40px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.currency-selector .btn-secondary,
.currency-selector .show>.btn-secondary.dropdown-toggle,
.currency-selector .btn-secondary:not(:disabled):not(.disabled):active {
    font-weight: bold;
    color: #222;
    text-align: left;
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
    width: 73px;
    font-size: 12px;
    height: 26px;
    padding: 0 5px;
    z-index: 1001;
    position: relative;
    transition: all .4s !important;
}

.currency-selector .btn-secondary:hover {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.currency-selector .show .btn-secondary:hover {
    box-shadow: none;
}

.currency-selector .dropdown-menu {
    min-width: 73px;
    padding-top: 13px;
    padding-bottom: 0px;
    margin-top: -12px;
    font-size: 12px;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: none;
    border-radius: 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
    overflow: hidden;
}

.currency-selector .dropdown-item {
    padding: 4px 6px;
    font-weight: bold;
    color: #000;
    text-shadow: none;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #000;
    text-decoration: none;
    background-color: #F5F5F5;
}

.currency-sign {
    background: #525252;
    width: 16px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    line-height: 15px;
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    margin-right: 4px;
}

.currency-selector .dropdown-toggle:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 4px;
    height: 12px;
    width: 12px;
    background: #ffffff url(../images/custom-arrow.svg) no-repeat right center;
    background-size: 12px;
    cursor: pointer;
    border: 0;
    transition: all .4s;
}

.currency-selector .show .dropdown-toggle:after {
    transform: rotate(180deg);
    top: 9px;
}

.currency-selector .dropdown-menu:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    height: 1px;
    background: linear-gradient(136deg, #33A2AB 0%, #9EF1F7 100%) !important;
}

.progress-bar .odometer-inside:after {
    content: "%";
    font-size: 14px;
    color: #000;
    position: relative;
    margin-left: 1px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 600;
}

.progress-bar.odometer.odometer-auto-theme .odometer-digit,
.progress-bar.odometer.odometer-theme-plaza .odometer-digit {
    color: #000 !important;
    font-weight: 600;
    font-size: 14px;
}

.sroll-hidden {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.transport-selection-hidden .transport-selection {
    display: none;
}

.title-txt {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    color: #27c324;
}

.error-txt {
    color: #EF9947;
    text-align: center;
    font-size: 18px;
}

.user-img-height img {
    max-height: 184px;
    min-height: 184px;
}

.trip-detail-area {
    position: absolute;
    top: 30px;
    left: 0;
}

.trip-detail-area .trip-img-info-top {
    position: relative;
    margin-bottom: 10px!important;
    top: 0;
}

.trip-detail-area .trip-img-info-top-3,
.trip-detail-area .trip-img-info-top-2 {
    top: 0!important;
}

.setting-back {
    position: absolute;
    top: 5px;
    font-size: 16px;
}

.relative {
    position: relative;
}

.arrow-top {
    display: inline-flex!important;
}

.arrow-top .edit-button {
    top: 0;
    position: relative;
}

.custom-attr-box .mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 30px !important;
    top: 30px!important;
}

.custom-attr-box #dateChangeModel .modal-content {
    height: 90vh;
}

.custom-attr-box .mCustomScrollbar {
    height: inherit;
}

.map-img img {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.search-loader {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 30px;
    background-color: #fff;
    z-index: 1;
}

.nearattrc-area {
    padding: 15px 20px 20px 15px;
}

.nearattrc-area .opening-hours {
    position: relative;
    top: 0px;
}

.nearattrc-area .opening-hours p {
    margin-bottom: 15px;
}

.nearattrc-area .opening-hours label {
    margin-bottom: 0;
}

.nearattrc-area .go-to-website {
    margin-top: 5px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 0;
    right: 0;
}

.nearattrc-area .btn-green {
    bottom: 20px!important;
}

.nearattrc-area .single-nearby-place {
    margin-bottom: 15px;
}

.abcRioButtonLightBlue {
    background-color: transparent !important;
    color: inherit !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
}

.abcRioButtonIcon {
    float: right !important;
    padding: 0 !important;
    margin-right: 10px;
}

.abcRioButtonContents {
    font-family: 'Lato', sans-serif !important;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: top;
    font-size: 16px !important;
    line-height: normal !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
}

.add-attraction-info .select2-selection__rendered {
    margin-right: 8px !important;
}

.counter {
    float: none !important;
    float: right !important;
    width: 24px !important;
    height: 24px !important;
    padding: 3px !important;
    font-size: 14px;
    margin: 5px 25px 0 -20px;
}


/* days colors */

.color-day-1 {
    /*background: linear-gradient(136deg, #68C7CF 0%, #9EF1F7 100%);*/
    background-color: #68C5CD;
}

.color-day-2 {
    background: linear-gradient(136deg, #75C922 0%, #D8E729 100%);
}

.color-day-3 {
    background: linear-gradient(136deg, #EB8221 0%, #F3C999 100%);
}

.color-day-4 {
    background: linear-gradient(136deg, #B1637F 0%, #EA9DC7 100%);
}

.color-day-5 {
    background: linear-gradient(136deg, #14AC99 0%, #5BF6E3 100%);
}

.color-day-6 {
    background: linear-gradient(136deg, #B04BEE 0%, #E5B5FC 100%);
}

.color-day-7 {
    background: linear-gradient(136deg, #1C8991 0%, #68C7CF 100%);
}

.color-day-8 {
    background: linear-gradient(136deg, #57850D 0%, #75C922 100%);
}

.color-day-9 {
    background: linear-gradient(136deg, #984E09 0%, #EB8221 100%);
}

.color-day-10 {
    background: linear-gradient(136deg, #961342 0%, #D47F9E 100%);
}

.color-day-11 {
    background: linear-gradient(136deg, #03665A 0%, #26C5B1 100%);
}

.color-day-12 {
    background: linear-gradient(136deg, #4D0D9E 0%, #B04BEE 100%);
}

.color-day-13 {
    background: linear-gradient(136deg, #04474D 0%, #3BA2AA 100%);
}

.color-day-14 {
    background: linear-gradient(136deg, #174302 0%, #57850D 100%);
}

.color-day-15 {
    background: linear-gradient(136deg, #471702 0%, #984E09 100%);
}

.color-day-16 {
    background: linear-gradient(136deg, #45030F 0%, #B04A6F 100%);
}

.color-day-17 {
    background: linear-gradient(136deg, #012929 0%, #228579 100%);
}

.color-day-18 {
    background: linear-gradient(136deg, #220660 0%, #8A5FC0 100%);
}

.connect-day-1::before {
    background-color: #68C5CD;
}

.connect-day-2::before {
    background-color: #75C922;
}

.connect-day-3::before {
    background-color: #EB8221;
}

.connect-day-4::before {
    background-color: #B1637F;
}

.connect-day-5::before {
    background-color: #14AC99;
}

.connect-day-6::before {
    background-color: #B04BEE;
}

.connect-day-7::before {
    background-color: #1C8991;
}

.connect-day-8::before {
    background-color: #57850D;
}

.connect-day-9::before {
    background-color: #984E09;
}

.connect-day-10::before {
    background-color: #961342;
}

.connect-day-11::before {
    background-color: #03665A;
}

.connect-day-12::before {
    background-color: #4D0D9E;
}

.connect-day-13::before {
    background-color: #04474D;
}

.connect-day-14::before {
    background-color: #174302;
}

.connect-day-15::before {
    background-color: #471702;
}

.connect-day-16::before {
    background-color: #45030F;
}

.connect-day-17::before {
    background-color: #012929;
}

.connect-day-18::before {
    background-color: #220660;
}

.day-border-1 {
    border-color: #68C7CF !important;
}

.day-border-2 {
    border-color: #75C922 !important;
}

.day-border-3 {
    border-color: #EB8221 !important;
}

.day-border-4 {
    border-color: #B1637F !important;
}

.day-border-5 {
    border-color: #14AC99 !important;
}

.day-border-6 {
    border-color: #B04BEE !important;
}

.day-border-7 {
    border-color: #1C8991 !important;
}

.day-border-8 {
    border-color: #57850D !important;
}

.day-border-9 {
    border-color: #984E09 !important;
}

.day-border-10 {
    border-color: #961342 !important;
}

.day-border-11 {
    border-color: #03665A !important;
}

.day-border-12 {
    border-color: #4D0D9E !important;
}

.day-border-13 {
    border-color: #04474D !important;
}

.day-border-14 {
    border-color: #174302 !important;
}

.day-border-15 {
    border-color: #471702 !important;
}

.day-border-16 {
    border-color: #45030F !important;
}

.day-border-17 {
    border-color: #012929 !important;
}

.day-border-18 {
    border-color: #220660 !important;
}


/* gradiant day map tooltip*/

.gradiant-color-day-1 {
    background: linear-gradient(to left, #68C7CF 0%, #9EF1F7 100%);
}

.gradiant-color-day-2 {
    background: linear-gradient(to left, #75C922 0%, #D8E729 100%);
}

.gradiant-color-day-3 {
    background: linear-gradient(to left, #EB8221 0%, #F3C999 100%);
}

.gradiant-color-day-4 {
    background: linear-gradient(to left, #B1637F 0%, #EA9DC7 100%);
}

.gradiant-color-day-5 {
    background: linear-gradient(to left, #14AC99 0%, #5BF6E3 100%);
}

.gradiant-color-day-6 {
    background: linear-gradient(to left, #B04BEE 0%, #E5B5FC 100%);
}

.gradiant-color-day-7 {
    background: linear-gradient(to left, #1C8991 0%, #68C7CF 100%);
}

.gradiant-color-day-8 {
    background: linear-gradient(to left, #57850D 0%, #75C922 100%);
}

.gradiant-color-day-9 {
    background: linear-gradient(to left, #984E09 0%, #EB8221 100%);
}

.gradiant-color-day-10 {
    background: linear-gradient(to left, #961342 0%, #D47F9E 100%);
}

.gradiant-color-day-11 {
    background: linear-gradient(to left, #03665A 0%, #26C5B1 100%);
}

.gradiant-color-day-12 {
    background: linear-gradient(to left, #4D0D9E 0%, #B04BEE 100%);
}

.gradiant-color-day-13 {
    background: linear-gradient(to left, #04474D 0%, #3BA2AA 100%);
}

.gradiant-color-day-14 {
    background: linear-gradient(to left, #174302 0%, #57850D 100%);
}

.gradiant-color-day-15 {
    background: linear-gradient(to left, #471702 0%, #984E09 100%);
}

.gradiant-color-day-16 {
    background: linear-gradient(to left, #45030F 0%, #B04A6F 100%);
}

.gradiant-color-day-17 {
    background: linear-gradient(to left, #012929 0%, #228579 100%);
}

.gradiant-color-day-18 {
    background: linear-gradient(to left, #220660 0%, #8A5FC0 100%);
}

.scheduler-trip-schedule .mCustomScrollBox,
.scheduler-trip-schedule .mCSB_container {
    overflow: inherit;
}

.scheduler-wrapper>.no-gutters:first-child {
    position: relative;
    /*z-index: 2;*/
    background-color: #e5e5e5;
}

.scheduler-trip-schedule .mCSB_scrollTools .mCSB_dragger {
    z-index: inherit;
}

.sortable-list-width {
    margin-left: 250px;
}

.sortable-list-position {
    /*position: fixed;
    left: 550px;*/
    height: 50px;
}

#loader_img {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    text-align: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

#loader_img img {
    max-width: 60px;
}


/* trip planner new page */

form {
    padding: 0;
    margin: 0;
}

.trip-top-header {
    background-color: #8AE1E8;
    height: 78px;
    color: #525252;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}


/*.trip-top-header .col-xl-2 {
	-ms-flex: 0 0 14.333%;
	flex: 0 0 14.333%;
    max-width: 14.333%;    
}
.trip-top-header .col-xl-6 {
	-ms-flex: 0 0 46.333%;
	flex: 0 0 46.333%;
    max-width: 46.333%;    
}
.trip-top-header .col-xl-4 {
	-ms-flex: 0 0 39.333%;
	flex: 0 0 39.333%;
    max-width: 39.333%;
}*/

.trip-top-header+.progress {
    position: relative;
    z-index: 0;
    background: #E9E9E9;
    height: 24px;
    padding: 3px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: inherit;
}

.label-text {
    font-weight: normal;
    font-size: 14px;
    color: #525252;
    display: block;
    text-transform: capitalize;
}

.your-trip-right {
    padding: 15px 20px 0;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.your-trip-right .date-drop-width {
    display: table;
    margin: auto;
}

.select-travellors {
    margin-right: 30px !important;
}

.select-travellors .form-group {
    position: relative;
    background-color: #fff;
    float: left;
    min-width: 85px;
    height: 36px;
    margin-bottom: 0;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    transition: all .4s;
}

.select-travellors .form-group:nth-of-type(1) {
    min-width: 110px;
    margin-right: 15px;
}

.select-travellors .form-group label {
    position: absolute;
    right: 30px;
    top: 6px;
    pointer-events: none;
}

.preview-trip-col {
    padding: 0 20px;
    margin: auto;
}

.attraction-detail-list .list-inline-item {
    vertical-align: middle;
    margin-right: 0;
}

.attraction-detail-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.preview-tool-tip {
    margin-left: auto;
}

.attraction-detail-list .list-inline-item p {
    margin-bottom: 0;
}

#preview_trip.disabled,
#preview_trip.btn:disabled {
    background: linear-gradient(90deg, #CCCCCC 0%, #F8F8F8 100%);
    box-shadow: 0px 2px 0px #909090;
    border-radius: 5px;
    opacity: 1;
}

#attractions_list.row {
    margin-right: -10px;
    margin-left: -10px;
}

#attractions_list.row .single-parent-column {
    padding-right: 10px;
    padding-left: 10px;
}

.search-clear-icon {
    position: absolute;
    right: 25px;
    top: 10px;
    cursor: pointer;
}

.search-filter-main {
    margin-bottom: 5px;
    position: relative;
    top: 0;
    transition: all .5s;
}

.fixed-search-filter-main {
    position: fixed;
    z-index: 3;
    left: 30px;
    right: 30px;
    top: 130px;
}

.fixed-search-filter-main .search-trip .form-control,
.fixed-search-filter-main .filter-trip form,
.attraction-filter-search .filter-trip form {
    box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.5) !important;
    width: 42px;
    /*min-height: 42px;*/
    height: 42px;
    border-radius: 100%;
    padding: 0;
}

.attraction-filter-search .filter-trip form {
    margin-top: 10px;
}

.fixed-search-filter-main .search-trip .form-control {
    transition: all .4s;
}

.fixed-search-filter-main .search-trip .form-control::placeholder {
    color: #fff !important;
}

.fixed-search-filter-main .search-trip-open .form-control::placeholder {
    color: #909090 !important;
}

.fixed-search-filter-main .search-trip:after {
    left: 8px;
    top: 9px;
    height: 23px;
    width: 23px;
    background-size: 23px;
}

.fixed-search-filter-main .filter-trip form h4,
.attraction-filter-search .filter-trip form h4 {
    margin-top: 11px;
    left: 9px;
    padding: 0;
}

.fixed-search-filter-main .filter-trip form h4:before,
.attraction-filter-search .filter-trip form h4:before {
    width: 25px;
    height: 20px;
    background-size: 25px;
}

.fixed-search-filter-main .filter-trip form:after,
.fixed-search-filter-main .filter-trip form h4 span,
.fixed-search-filter-main .filter-trip .select2-container,
.attraction-filter-search .filter-trip form h4 span,
.attraction-filter-search .filter-trip form:after {
    display: none;
}

.filter-trip .notification {
    display: none;
}

.fixed-search-filter-main .filter-trip .notification,
.attraction-filter-search .filter-trip .notification {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    width: 18px;
    height: 18px;
    background-color: #8AE1E8;
    border-radius: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}


/*.fixed-search-filter-main .search-trip-open .form-control {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35) !important;    
    height: 35px;
    width: 100%;
    padding-left: 40px;
    font-size: 14px;
}*/

.fixed-search-filter-main .search-trip-open .form-control {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35) !important;
    border-radius: 3px;
    height: 35px;
    width: 100%;
    border: 1px solid transparent;
    padding-left: 40px;
    font-size: 14px;
}

.fixed-search-filter-main .search-trip-open:after {
    left: 15px;
    top: 10px;
    height: 16px;
    width: 16px;
    background-size: 16px;
}

.fixed-search-filter-main .filter-trip-open form,
.attraction-filter-search .filter-trip-open form {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35) !important;
    width: 100%;
    min-height: 35px;
    height: 35px;
    border-radius: 3px;
    padding: 0 20px 0 10px;
    padding-left: 90px;
}

.fixed-search-filter-main .filter-trip-open .notification,
.attraction-filter-search .filter-trip-open .notification {
    display: none;
}

.fixed-search-filter-main .filter-trip-open form h4,
.attraction-filter-search .filter-trip-open form h4 {
    left: 10px;
}

.fixed-search-filter-main .filter-trip-open form:after,
.fixed-search-filter-main .filter-trip-open form h4 span,
.fixed-search-filter-main .filter-trip-open .select2-container,
.attraction-filter-search .filter-trip-open form:after,
.attraction-filter-search .filter-trip-open form h4 span {
    display: inline-block;
}

.select2-selection__choice__remove {
    float: right;
}

.discover-city-intro p:last-child {
    margin-bottom: 0;
}

.filter-trip .select2-container--default .select2-selection--multiple .select2-selection__choice img {
    width: auto;
    height: 13px;
    margin-right: 5px;
    margin-top: -2px;
}

#getAttractionID.btn-green:before {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: 20px;
}

#getAttractionID.btn-green:hover:before {
    height: 20px;
    vertical-align: middle;
    background-size: 20px;
}

.schedular-body-hide .select2-container {
    left: 30px !important;
    /*right: auto;*/
}

.schedular-body-hide .select2 {
    left: 0px !important;
}

.schedular-body-hide .select2-container--open .select2-dropdown--below,
.schedular-body-hide .select2-container--open .select2-dropdown--above {
    top: 4px;
}

.schedular-body-hide .filter-trip .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 8px;
    margin-bottom: 0px;
}

.loader1 {
    /*background-color: #fff;*/
    background: linear-gradient(136.05deg, rgba(220, 220, 220, 1) 0%, #E4F8F9 100%);
    position: absolute;
    left: -8px;
    top: -7px;
    right: -8px;
    bottom: 0;
    z-index: 2;
    /*width: 100%;*/
    height: 100%;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 10px;
}

.loader1 span {
    background: url('../images/loader1.svg');
    /*background-size: cover;*/
    background-size: 100% auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    transition: all .4s;
    /*box-shadow : 4px 3px 16px 8px #888888 !important*/
}

.loader1-onload {
    /*top: 0px;  */
    height: 100vh;
}

#open_ex_to_date .datepicker-dropdown.dropdown-menu,
#open_ex_from_date .datepicker-dropdown.dropdown-menu {
    margin-top: 0;
}

#select2dropdownParent .select2-container--open {
    left: auto !important;
}

#select2dropdownParent .select2-container--below {
    left: 0 !important;
}

#select2dropdownParent {
    padding-top: 3px;
}

#select2dropdownParent .select2-container--below+.select2-container--open {
    top: 36px !important;
}

#attraction_list_loader {
    text-align: center;
}

#attraction_list_loader img {
    max-width: 60px;
}

.sortable-list li:last-child {
    margin-bottom: 20px !important;
}


/*.sortable-list li.last_li_margin + .highlight {
	margin-top: 35px !important;
}
.highlight, .sortable-list li:last-child.highlight {
    margin-top: -25px;
}*/

.sortable-list li.last-mrg-0 {
    margin-top: 0px !important;
}

#accordion ul.ui-sortable>li {
    min-height: 160px;
}

#accordion ul.ui-sortable>li:last-child {
    min-height: 110px;
    max-height: 110px;
}

#accordion ul.ui-sortable>li.highlight {
    /*max-height: 90px !important;*/
    min-height: 77px;
    margin-top: 34px;
    margin-bottom: 63px;
}

.body-overlay header,
.body-overlay section,
.body-overlay footer {
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    -moz-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='9');
}

.overlay-layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff !important;
    display: none;
}

.body-overlay .overlay-layer {
    display: block;
    opacity: .4;
}


/* tooltip */

.discover-city-header .tooltip {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0;
    width: 100% !important;
    text-align: left;
}

.discover-city-header .tooltip .tooltiptext {
    visibility: hidden;
    min-width: 210px;
    min-height: 100px;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 50%;
    margin-left: -105px;
}

.discover-city-header .tooltip .tooltiptext:after,
.tooltip-close.tooltip .tooltiptext:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 15px;
    right: auto;
    margin-top: -5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid #fff;
    border-top: 0 !important;
    transform: rotate(0deg);
}

.discover-city-header .tooltip:hover .tooltiptext {
    visibility: visible;
}

.discover-city-header .tooltip .tooltiptext,
.schedular-attraction-info .tooltip .tooltiptext {
    font-weight: 400 !important;
    color: #222 !important;
    text-transform: inherit !important;
    text-align: left;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background: #fff !important;
    padding: 10px 10px 15px 20px !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45), inset 0px -5px 0px #FB6E4F;
    font-size: 16px;
    line-height: 19px;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.discover-city-header .tooltip02 .tooltiptext {
    width: 245px;
    height: 120px;
    top: 36px;
    right: 100%;
    left: auto;
    margin: 8px -40px 0 0;
}

.discover-city-header .tooltip02 .tooltiptext:after {
    left: auto;
    right: 15px;
}

.discover-city-header .tooltip03 .tooltiptext {
    top: 0px;
    right: 100%;
    left: auto;
    margin-right: 15px;
}

.discover-city-header .tooltip03 .tooltiptext:after {
    top: 15px;
    left: auto;
    right: -14px;
    margin-top: -5px;
    border-top: 6px solid transparent !important;
    border-bottom: 6px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 !important;
}

.discover-city-header .tooltip01 .tooltiptext {
    top: 30px;
    width: 235px;
    height: 107px;
    left: 10px;
    margin: 0;
}

.discover-city-header .preview-tool-tip .tooltip .tooltiptext {
    display: none;
}

.discover-city-header .preview-tool-tip .tooltip .disabled-trip-btn+.tooltiptext {
    display: flex;
}


/*.discover-city-header .tooltip01-right .tooltiptext {
    right: 0px !important;
    left: 0px !important;
    margin: auto !important;
}
.discover-city-header .tooltip01-right .tooltiptext:after {
    left: auto !important;
    right: 15px;
}*/

.progress-bar.relaxed .odometer-inside:after {
    content: "% - Relaxed" !important;
}

.progress-bar.balanced .odometer-inside:after {
    content: "% - Balanced" !important;
}

.progress-bar.action-packed .odometer-inside:after {
    content: "% - Action Packed" !important;
}

.small-logo {
    min-width: 46px;
    margin-right: 20px;
}

.current-trip {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.added-trip .btn-green-first:hover {
    background: #CEF39F !important;
    ;
}

.added-trip .btn-green-first:before {
    background: url(../images/added-icon.svg) no-repeat !important;
    height: 16px;
}

.added-trip .btn-green.btn-remove-first:hover {
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%) !important;
}

.added-trip .btn-green.btn-remove-first {
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%) !important;
}


/* modal */


/*.trip-details-modal, .trip-details-modal .modal-body {
	color: #222222;
}*/

.trip-left-img img {
    object-fit: cover;
    min-height: 600px;
}

.trip-details-modal .modal-content {
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45);
    border-radius: 5px;
    border: none;
}

.trip-details-modal .modal-body {
    padding: 0 15px;
    font-size: 16px;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
}

.trip-right-content {
    padding: 25px 15px;
    padding-right: 0;
    max-height: 560px;
}

.trip-details-modal h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
    color: #222222;
}

.trip-visit-time {
    line-height: 20px;
    color: #222222;
}

.trip-visit-time span {
    display: block;
    font-weight: bold;
}

.trip-details-modal .list-inline {
    margin-bottom: 0;
}

.trip-details-modal .list-inline li {
    vertical-align: top;
}

.trip-details-modal .go-to-website {
    margin-top: 0px;
}

.trip-details-modal .go-to-website a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    color: #04717A;
}

.trip-details-modal .go-to-website a:hover {
    text-decoration: none;
}

.opening-hours {
    line-height: 20px;
    color: #222;
}

.location-tip-info {
    background: #FFFFFF;
    border: 1px solid #8AE1E8;
    border-radius: 10px;
    position: relative;
    padding: 15px;
    box-shadow: 3px 3px 0px #8AE1E8;
    margin-top: 45px;
}

.location-tip-info::before {
    content: "";
    position: absolute;
    left: 14px;
    bottom: -7px;
    border-top: 7px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    z-index: 1;
}

.location-tip-info:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: -14px;
    border-top: 10px solid #8AE1E8;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.local-tip-img {
    max-width: 40px;
    border-radius: 100%;
    max-height: 40px;
    min-height: 40px;
    border: 1px solid #EDEDED;
    margin-right: 15px;
}

.location-tip-info label {
    background-color: #8AE1E8;
    border-top-left-radius: 5px;
    border-top-right-radius: 10px;
    font-size: 10px;
    line-height: 12px;
    color: #525252;
    width: 56px;
    height: 15px;
    position: absolute;
    left: 15px;
    top: -15px;
    text-align: center;
}

.local-tip-name {
    font-size: 12px;
    line-height: 14px;
    color: #525252;
    margin-bottom: 8px;
}

.location-tip-info {
    font-size: 14px;
    line-height: 17px;
    color: #222222;
}

.trip-filter {
    margin-top: 40px;
}

.trip-filter li {
    vertical-align: middle;
    background-color: #525252;
    color: #fff;
    padding: 3px 5px;
    height: 19px;
    background: #525252;
    border-radius: 5px;
    font-size: 10px;
    line-height: 12px;
    margin-right: 5px !important;
    text-transform: uppercase;
}

.trip-filter li img {
    max-height: 13px;
    margin-right: 5px;
}

.trip-details-modal .btn-green {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25) !important;
    background: #D1F1F3;
    border-radius: 0px 0px 5px 0px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0;
    border-right: 0;
    padding-top: 18px;
    margin-bottom: 0 !important;
    z-index: 1;
}

.trip-details-modal .added-trip .btn-green {
    background: #CEF39F;
}

.trip-details-modal .mCSB_inside>.mCSB_container {
    margin-right: 0;
    padding: 0 25px 0 0;
}


/*.trip-details-modal*/

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #C3C3C3 !important;
}


/*.trip-details-modal*/

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent !important;
}

.trip-details-modal .modal-content .close,
.trip-details-modal .modal-content .close:hover {
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 1;
    border-radius: 100px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid #F7B618;
    cursor: pointer;
    color: #222 !important;
    line-height: 20px;
    text-align: center;
}

.trip-details-modal .modal-dialog {
    pointer-events: auto;
    position: relative;
}

.tooltip02.tooltip {
    margin-top: 15px;
    padding-left: 10px;
    font-size: 24px;
    color: #222 !important;
    font-weight: 600;
}

.text-16 {
    font-size: 16px;
    color: #222;
}

.trip-back-arrow {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 100px;
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%);
    box-shadow: 0px 1px 3px rgba(34, 34, 34, 0.15);
    margin-right: 25px;
    transition: all .4s;
}

.trip-back-arrow a {
    background-color: #fff;
    border-radius: 100px;
    padding: 5px;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.trip-back-arrow:hover {
    box-shadow: 0px 1px 10px rgba(34, 34, 34, 0.35);
}

.schedular-left-text {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}

.scheduler-trip-schedule .accordion-header>a {
    font-size: 14px;
    line-height: 17px;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.attraction-date {
    font-size: 16px;
    line-height: 19px;
    color: #222222;
    font-weight: bold;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    margin-right: 25px;
}

.attraction-day {
    margin-right: 20px;
}

.scheduler-trip-schedule .card-header::before,
.scheduler-trip-schedule .card-header.color-day-1::before {
    content: "";
    box-shadow: inset 0px -3px 0px #68C6CE;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 5px;
}


/*.scheduler-trip-schedule .accordion-header.ui-accordion-header-active::before {
	box-shadow: none;
}*/

.scheduler-trip-schedule .accordion-header.card-header-shadow-hide::before {
    box-shadow: none;
}

.scheduler-trip-schedule .color-day-2::before {
    box-shadow: inset 0px -3px 0px #75C922;
}

.scheduler-trip-schedule .color-day-3::before {
    box-shadow: inset 0px -3px 0px #EB8221;
}

.scheduler-trip-schedule .color-day-4::before {
    box-shadow: inset 0px -3px 0px #B1637F;
}

.scheduler-trip-schedule .color-day-5::before {
    box-shadow: inset 0px -3px 0px #14AC99;
}

.scheduler-trip-schedule .color-day-6::before {
    box-shadow: inset 0px -3px 0px #B04BEE;
}

.scheduler-trip-schedule .color-day-7::before {
    box-shadow: inset 0px -3px 0px #1C8991;
}

.scheduler-trip-schedule .color-day-8::before {
    box-shadow: inset 0px -3px 0px #57850D;
}

.scheduler-trip-schedule .color-day-9::before {
    box-shadow: inset 0px -3px 0px #984E09;
}

.scheduler-trip-schedule .color-day-10::before {
    box-shadow: inset 0px -3px 0px #961342;
}

.scheduler-trip-schedule .color-day-11::before {
    box-shadow: inset 0px -3px 0px #03665A;
}

.scheduler-trip-schedule .color-day-12::before {
    box-shadow: inset 0px -3px 0px #4D0D9E;
}

.scheduler-trip-schedule .color-day-13::before {
    box-shadow: inset 0px -3px 0px #04474D;
}

.scheduler-trip-schedule .color-day-14::before {
    box-shadow: inset 0px -3px 0px #174302;
}

.scheduler-trip-schedule .color-day-15::before {
    box-shadow: inset 0px -3px 0px #471702;
}

.scheduler-trip-schedule .color-day-16::before {
    box-shadow: inset 0px -3px 0px #45030F;
}

.scheduler-trip-schedule .color-day-17::before {
    box-shadow: inset 0px -3px 0px #012929;
}

.scheduler-trip-schedule .color-day-18::before {
    box-shadow: inset 0px -3px 0px #220660;
}

.schedular-attraction-info {
    padding: 10px 15px 10px !important;
}

.single-attraction-content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    height: 8px;
    border-radius: 5px;
}

.scheduler-trip-schedule .day-border-1 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-2 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #75C922;
}

.scheduler-trip-schedule .day-border-3 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #EB8221;
}

.scheduler-trip-schedule .day-border-4 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #B1637F;
}

.scheduler-trip-schedule .day-border-5 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #14AC99;
}

.scheduler-trip-schedule .day-border-6 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #B04BEE;
}

.scheduler-trip-schedule .day-border-7 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #1C8991;
}

.scheduler-trip-schedule .day-border-8 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #57850D;
}

.scheduler-trip-schedule .day-border-9 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #984E09;
}

.scheduler-trip-schedule .day-border-10 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #961342;
}

.scheduler-trip-schedule .day-border-11 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #03665A;
}

.scheduler-trip-schedule .day-border-12 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #4D0D9E;
}

.scheduler-trip-schedule .day-border-13 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #04474D;
}

.scheduler-trip-schedule .day-border-14 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #174302;
}

.scheduler-trip-schedule .day-border-15 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #471702;
}

.scheduler-trip-schedule .day-border-16 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #45030F;
}

.scheduler-trip-schedule .day-border-17 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #012929;
}

.scheduler-trip-schedule .day-border-18 .single-attraction-content:after {
    box-shadow: inset 0px -2px 0px #220660;
}

.dropdown-arrows {
    position: absolute;
    top: 7px;
    right: 10px;
    margin: auto !important;
    pointer-events: none;
    font-size: 11px;
}

.schedular-day-img img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 102px;
    overflow: hidden;
    object-fit: cover;
}

.attraction-header-time {
    display: none !important;
}

.scheduler-trip-schedule .accordion-header.ui-accordion-header-active .attraction-header-time {
    display: inline-block !important;
}

.scheduler-trip-schedule .card-body:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 8px;
    border-radius: 5px;
}

.scheduler-trip-schedule .card-body::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #f9f9f9;
    width: 100%;
    height: 15px;
    z-index: 1;
}

.scheduler-trip-schedule .day-border-1.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-2.card-body:after {
    box-shadow: inset 0px -3px 0px #75C922;
}

.scheduler-trip-schedule .day-border-3.card-body:after {
    box-shadow: inset 0px -3px 0px #EB8221;
}

.scheduler-trip-schedule .day-border-4.card-body:after {
    box-shadow: inset 0px -3px 0px #B1637F;
}

.scheduler-trip-schedule .day-border-5.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-6.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-7.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-8.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-9.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-10.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-11.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-12.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-13.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-14.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-15.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-16.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-17.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.scheduler-trip-schedule .day-border-18.card-body:after {
    box-shadow: inset 0px -3px 0px #68C6CE;
}

.card-header .media {
    height: 85px;
}

.add-attraction-in-day {
    background: #D1F1F3;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .4s;
}

.add-attraction-in-day:hover {
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%), #D1F1F3;
}

.add-attraction-head-txt p.trip-img-info {
    background: #525252;
    border-radius: 5px;
    padding: 3px 7px 3px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
}

.add-attraction-head-txt p.trip-img-info img {
    margin-right: 7px;
    display: inline-block;
    height: 14px;
    vertical-align: top;
}

.add-attraction-head-txt .list-inline-item:not(:last-child) {
    margin-right: 50px;
}

.search-trip-open.attraction-search .big-input {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35) !important;
    border-radius: 3px;
    height: 35px !important;
    width: 100%;
    border: 1px solid transparent;
    padding-left: 40px;
    font-size: 14px;
}

.search-trip-open.attraction-search.search-trip:after {
    height: 16px;
    width: 16px;
    background-size: 16px;
}

.attraction-filter-search .filter-trip.filter-trip-open form h4 {
    margin-top: 8px;
    left: 9px;
}

.attraction-filter-search .filter-trip.filter-trip-open form h4::before {
    width: 18px;
    height: 14px;
    background-size: 17px;
}

.add-attraction-detail-schedular {
    font-size: 16px;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    /*display: none;*/
}

.add-attraction-detail-cover {
    position: relative;
    margin: -20px -20px 20px;
}

.add-attraction-detail-cover img {
    height: 180px;
    object-fit: cover;
}

.add-attraction-detail-cover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #000000 100%);
}

.back-to-schedular {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 1;
    border-radius: 100px;
    display: block;
    text-align: center;
    padding: 1px;
}

.back-to-schedular img {
    max-width: 100%;
    height: auto;
    width: 14px;
    transform: rotate(90deg);
}

.back-to-schedular:hover {
    box-shadow: 0px 1px 10px rgba(34, 34, 34, 0.35);
}

.add-attraction-detail-cover h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: flex-end;
    color: #FFFFFF;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.add-attraction-detail-schedular .list-inline li {
    vertical-align: top;
}

.add-attraction-detail-schedular .go-to-website {
    margin-top: 0px;
}

.add-attraction-detail-schedular .go-to-website a, a.book-now {
    font-weight: 600;
    text-decoration: underline;
    color: #0063BE;
}

.add-attraction-detail-schedular .go-to-website a:hover, a.book-now:hover {
    text-decoration: none;
}

.add-attraction-detail-schedular .location-tip-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.add-attraction-detail-schedular .add-attraction-btn {
    position: absolute;
    width: 100%;
    left: 0;
    height: 60px;
    bottom: 0px;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25) !important;
    margin: 0;
    z-index: 1;
}

.add-attraction-detail-schedular .add-attraction-btn .btn {
    border-radius: 0;
    border-right: 0;
}

.add-attraction-btn .btn .align-text-bottom {
    vertical-align: 0px !important;
    max-width: 10px
}

.add-attraction-detail-schedular .mCustomScrollbar {
    height: calc(100vh - 80px);
    padding-bottom: 65px;
}

.mCSB_scrollTools {
    width: 10px;
}

.attraction-filter-search .search-trip {
    height: 42px;
    display: table;
    margin-left: auto;
}

.ui-accordion-header-icon {
    display: none;
}

.ui-accordion .ui-accordion-content {
    overflow: inherit;
}


/*.transport-selection.en_route_div {
    margin-left: 0;
}*/

.transport-list .dropdown .svg-inline--fa {
    margin-right: 5px;
    color: #0063BE;
}

.transport-list .dropdown .dropdown-toggle .svg-inline--fa {
    margin-right: 5px;
    color: #0063BE;
}

.schedular-body-hide #select2dropdownParent .select2-container--below+.select2-container--open {
    top: 32px !important;
}

.attraction-filter-search .filter-trip {
    position: relative;
}

.attraction-filter-search .filter-trip .notification {
    right: -5px;
    top: 5px;
    text-align: center;
}

.schedular-attraction-info .tooltip .tooltiptext {
    padding: 10px 10px 15px 15px !important;
}

.tooltip-close {
    display: inline-block;
    margin-left: 15px;
    padding-right: 0;
}

.close-label {
    /*width: 61px;*/
    height: 18px;
    background: #828282;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 5px;
}

.close-label img {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 2px;
}

.tooltip-close .tooltiptext {
    width: 300px;
    height: 118px;
    top: 40px;
    z-index: 2;
    margin-left: 15px;
}

.tooltip-close .tooltiptext p {
    font-size: 16px;
    line-height: 19px;
    color: #222222;
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
}

.single-attraction-content h4 span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*max-width: 75%;*/
    display: inline-block;
}

.en_route_div .transport-list .dropdown .btn,
.en_route_div .transport-list .dropdown .btn:focus,
.en_route_div .transport-list .dropdown .dropdown-toggle .svg-inline--fa {
    color: #828282 !important;
}


/* resgister / login */

.mt-30 {
    margin-top: 30px;
}

.messagemodal .modal-dialog {
    max-width: 440px;
}

.messagemodal .modal-content {
    border: 0;
    text-align: center;
    padding: 30px 70px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45) !important;
    border-radius: 10px;
}

.messagemodal .modal-body {
    padding: 0;
}

.messagemodal .travelorislogo {
    margin-bottom: 30px;
}

.messagemodal h1 {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    /* identical to box height */
    text-align: center;
    color: #222222;
    margin-bottom: 7px;
}

.messagemodal p {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #525252;
    margin-bottom: 0;
    margin-right: 0;
    text-align: center;
    float: none;
}

.sm-btn {
    width: auto !important;
    margin-top: 30px;
    padding: 15px 60px !important;
    margin-bottom: 0;
    text-transform: uppercase;
}

.textgreen {
    color: #21AA37 !important;
}

.textred {
    color: #EC3F19 !important;
}

.listli li svg {
    color: #868686;
}


/*.modal-backdrop.show {
    opacity: 1 !important;
    position: relative !important;
}*/

.side-img {
    min-height: 564px;
    background-size: cover !important;
    border-radius: 5px;
}

.planyourholiday .modal-dialog {
    max-width: 899px;
}

.sideimg-text {
    position: relative;
}

.sideimg-text h2 {
    position: absolute;
    font-family: Lato;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 132%;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    right: 0;
    left: 0;
}

.planyourholiday .modal-content {
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.45) !important;
    border-radius: 10px;
    border: 0 !important;
}

.planyourholiday h1 {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 8px;
}

.planyourholiday p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #525252;
    margin-bottom: 0;
}

.plan-holiday-text ul {
    padding: 0;
    margin: 20px 0;
}

.plan-holiday-text ul li {
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #424242;
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.or-text {
    position: relative;
    text-align: center;
}

.or-text p {
    margin-bottom: 0;
    text-align: center;
    display: block;
    float: none;
    color: #909090;
}

.or-text p:before {
    content: "";
    background: #ccc;
    height: 1px;
    position: absolute;
    left: 0;
    top: 7px;
    width: 45%;
    z-index: 1;
}

.or-text p::after {
    content: "";
    background: #ccc;
    height: 1px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 45%;
    z-index: 1;
}

.wrap div {
    position: relative;
    margin: 25px 0;
}

.wrap label {
    position: absolute;
    top: 5px;
    margin: 10px;
    padding: 0 10px;
    -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out;
    transition: top .2s ease-in-out, font-size .2s ease-in-out;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #909090;
    pointer-events: none;
    z-index: 1;
}

.wrap .active {
    top: -20px;
    font-size: 12px;
    color: #424242 !important;
    background: #fff !important;
}

.wrap input[type=text] {
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    line-height: 19px;
    color: #909090;
    background: #FFFFFF;
    border: 1px solid #909090;
    box-sizing: border-box;
    border-radius: 3px;
    height: 48px;
}

.wrap input[type=email] {
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    line-height: 19px;
    color: #909090;
    background: #FFFFFF;
    border: 1px solid #909090;
    box-sizing: border-box;
    border-radius: 3px;
    height: 48px;
}

.wrap input[type=password] {
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    line-height: 19px;
    color: #909090;
    background: #FFFFFF;
    border: 1px solid #909090;
    box-sizing: border-box;
    border-radius: 3px;
    height: 48px;
}

.wrap input[type=text]:focus {
    outline: none;
}

.register-btn {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #222222;
    background: linear-gradient(90deg, #F7B618 0%, #FFDE33 100%);
    box-shadow: 0px 2px 0px #222222;
    border-radius: 5px;
    width: 100%;
    padding: 14px 0;
    margin-bottom: 35px;
    border: 0;
    display: inline-block;
}

.textblue {
    font-family: Lato;
    font-style: normal;
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-decoration-line: underline;
    color: #0063BE !important;
}

.Form {
    width: 100%;
    max-width: 400px;
    margin: auto;
}

.Form-title {
    color: #00386a;
    margin: 0 0 15px;
}

.Form-description {
    color: #6d6665;
}

.Form-fields {
    background-color: #fff;
    /*display: -webkit-box;
    display: flex;*/
    margin-bottom: 0 !important;
}

.Control-requirements {
    background: pink;
    border-top: none;
    margin: -14px 0 15px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    padding: 0 9px;
}

.ControlInput--password {
    -webkit-box-ordinal-group: 1;
    order: 0;
    padding-right: 50px;
}

.Control-label--showPassword {
    width: 32px;
    right: 0;
    padding: 0;
    cursor: pointer;
    padding: 0 !important;
    top: 2px !important;
}

.show-password {
    display: none;
}

.show-password:checked~.ControlInput--password {
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}

.show-password:checked~.Control-label--showPassword .svg-toggle-password .closed-eye {
    opacity: 1;
    -webkit-transition: opacity 300ms ease, height 400ms ease;
    transition: opacity 300ms ease, height 400ms ease;
    width: 4px;
    height: 44px;
}

.svg-toggle-password {
    fill: #909090;
}

.svg-toggle-password .closed-eye {
    opacity: 0;
    height: 0;
}

.logo-footer {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.logo-footer h3 {
    font-family: Lato;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 132%;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-transform: none;
}

ul.listli {
    margin: 3px 0 30px !important;
    display: flex;
    align-items: center;
    padding: 0;
}

ul.listli li {
    display: inline-block;
    margin-right: 8px !important;
    font-size: 12px !important;
    color: #868686;
}

.listli li:last-child {
    margin-right: 0 !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.resetpassword .modal-content {
    padding: 21px;
}

.resetpassword .modal-dialog {
    max-width: 506px;
}

.text-back {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #0063BE;
    margin-bottom: 30px;
    display: inline-block;
}

.resetpassword h1 {
    margin-bottom: 5px;
}

.resetpassword .wrap div {
    margin: 30px 0;
}

.sucesspassword .sm-btn {
    padding: 15px 34px !important;
}

.text-back {
    position: relative;
    padding-left: 20px;
}

.text-back:before {
    content: "";
    background: url(../images/back.png);
    width: 16px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 6px;
}

.text-back:after {
    content: "";
    display: block;
    border-bottom: 1px solid #0063BE;
    margin-top: 2px;
    margin-left: -20px
}

.loginnextmodal .register-btn {
    margin-bottom: 25px;
}

.wrap .error {
    width: 100%;
    margin: 0 !important;
    font-size: 12px;
    color: #EC3F19;
    margin-right: 10px !important;
}

.wrap input.error {
    border-color: #EC3F19;
}

.signup-view-pw.view-pw {
    position: absolute;
    right: 20px;
    top: 12px;
    color: #909090;
    font-size: 16px;
}

.plan-holiday-text ul .abcRioButtonIcon {
    margin-right: 0px;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 6px !important;
    margin-left: 5px;
}

.plan-holiday-text ul .abcRioButton {
    overflow: inherit !important;
}

.plan-holiday-text ul .abcRioButtonContents {
    display: none !important;
}

#header-collapse-mobile.collapse:not(.show) {
    display: block;
}

.modal-backdrop-new {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    opacity: 0.5;
}

.plus-icon-add-attraction {
    vertical-align: -1px;
    display: inline-block;
    font-size: 19px;
}

#selected_attractions_cost .country_curreny {
    display: none;
}

ul.sortable-list li:nth-last-child(1) .single_attr.add-attraction-main-content::before {
    display: none;
}

#loginPopupModal.modal.fade,
#singupPopupModel.modal.fade,
#resetpassowrd.modal.fade,
#forgotPopupModal.modal.fade {
    opacity: 0;
    transition: all .2s linear;
}

#loginPopupModal.modal.fade.show,
#singupPopupModel.modal.fade.show,
#resetpassowrd.modal.fade.show,
#forgotPopupModal.modal.fade.show {
    opacity: 1;
}

#loginPopupModal.modal.fade .modal-dialog,
#singupPopupModel.modal.fade .modal-dialog,
#resetpassowrd.modal.fade .modal-dialog,
#forgotPopupModal.modal.fade .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}

.search-clear-icon-attraction-list {
    position: absolute;
    right: 28px;
    top: 21px;
    cursor: pointer;
}

/* booking page */
.scheduler-trip-schedule.booking-page-accordian {
    height: auto;
}
.booking-head {
    margin-top: 82px;
}
.location-col {
    padding: 15px 15px 0;
    border-left: 1px solid #FFFFFF;
}
.location-col .date-drop-width {
    display: table;
    margin: auto;
}
.porson-edit, .edit-attraction-name {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    width: 24px;
    height: 24px;
    border-radius: 100px;
    text-align: center;
    color: #555;
    display: inline-block;
}
.booking-head .edit-attraction-name img {
   margin-top: -3px;
}
.booking-head .preview-tool-tip .tooltip .tooltiptext {
    display: flex;
}
.discover-city-header.booking-head .tooltip .tooltiptext {
    min-width: 100%;   
    top: 60px;
    left: auto;
    margin-left: 0;
}
.booking-head .tooltip .tooltiptext::after {  
    top: -9px;
    left: auto;
    right: 15px;
}
.booking-head .tooltip04 .media img {
    max-width: 36px;
}
.booking-wrapeer .container {
    max-width: 1415px;
}
.booking-content h4 {
    font-weight: bold;
    font-size: 22px;
    color: #222;
}
.booking-wrapeer .btn-transparent {
    padding: .375rem .75rem;
    text-transform: capitalize;
    font-size: 16px;
}
.booking-page-accordian .btn-transparent {
    font-size: 16px;
    letter-spacing: 0;
    background-color: #8ae1e8;
    padding: .315rem .75rem .375rem;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    border-color: transparent;
}
.booking-page-accordian .single-attraction-content h4 span {
    max-width: 100%;
}
.booking-page-accordian .input-timerange .right-inner-addon {
    width: 75px;
    font-size: 12px;
    padding: 6px;
    text-align: center;
}
.booking-page-accordian .transport-list .dropdown .btn, .booking-page-accordian .transport-list .dropdown .btn:focus {
    color: #525252;
    padding-right: 12px;
}
.booking-page-accordian .input-timerange .right-inner-addon:hover,
.booking-page-accordian .transport-list .dropdown .btn:hover {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) !important;
}
.booking-page-accordian .btn-gradient {    
    height: auto;
    line-height: normal;
    padding: 6px 15px 8px;
    min-width: 140px;
}
.booking-price-col {
    padding: 10px 15px 10px 0 !important;
}
.booking-price-col ul {
    margin-bottom: 10px;
}
.booking-price-col li {    
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    /*color: #525252;*/
    text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    margin-bottom: 0;
    line-height: normal;
    padding: 2px 0;
}
.booking-price-col li span {    
    font-weight: 400;
    font-size: 13px;
}
.booking-price-col li:last-child {
    margin-bottom: 0px !important;
}
.booking-price-col li.price-free {
    font-size: 18px;
}
.things-pack {
    background-color: #fff;
    padding: 5px 20px 30px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin-top: 15px;
}
.things-pack h5 {
    background-color: #8AE1E8;
    padding: 15px;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    /*color: #000000;*/
    margin: 0 -15px 20px;
}
.things-pack li {
    font-size: 18px;
    line-height: 22px;
    /*color: #000000;*/
    margin-bottom: 15px;
}
.things-pack .custom-checkbox .custom-control-label::before {
    background: #FFFFFF;
    border: 2px solid #525252;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    top: 0;
    left: -35px;
}
.things-pack .custom-checkbox {
    padding-left: 35px;
}
.things-pack .custom-checkbox .custom-control-label::after {
    top: -1px;
    left: -36px;
    width: 1.6rem;
    height: 1.6rem;
}
.things-pack .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.things-pack .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #525252;
}
.btn-add-item {
    background: #D1F1F3;
    text-transform: uppercase;
    letter-spacing:0em;
    border-radius: 5px;
    border-right: 0 !important;
    display: block;
    padding: 14px 15px;
    text-transform: capitalize;
    box-shadow: none !important;
    margin: 25px 0 25px;
}
.attra-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    /*color: #000000;*/
    margin-bottom: 10px;
}
.text-18 {
    font-size: 18px;
    line-height: 22px;
    /*color: #000000;*/
}
.booking-page-attraction {
    margin-top: 50px;
}
.iventure-box {
    background-color: #fff;
    padding: 20px 20px 0px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
    border-radius: 5px;
    border: 2px solid #33a2ab;
}
.iventure-box h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}
.iventure-box hr {
    margin-right: -20px;
    margin-left: -20px;
}
.iventure-list {
    width: 100%;
    /*overflow: auto;*/
    margin-bottom: 25px;
}
.iventure-list ul {
    white-space: nowrap;
    margin-bottom: 0;
    margin-top: 20px;
}
.iventure-list li {
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    width: 122px;
    vertical-align: top;
    white-space: normal;
}
.iventure-list li:not(:last-child){
    margin-right: 15px;
}
.i-thumbs {
    background-color: #fff;
    width: 88px;
    height: 88px;
    border-radius: 100%;
    border: 4px solid #facf2a;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    margin: 0 auto 15px;
}
.i-thumbs img {
    object-fit: cover;    
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: block;
}
.iventure-list li:after {
    content: "+";
    position: absolute;
    top: 25px;
    right: -12px;
    display: inline-block;
    font-size: 29px;
}
.iventure-list li:last-child:after {
    display: none;
}
.price-footer {
    background-color: #8ae1e8;
    /*border-top: 1px solid #43b4be;*/
    margin: 0 -20px;
    padding: 12px 15px;
}
.main-price {
    font-size: 20px;
    line-height: 24px;
    text-decoration-line: line-through;
    margin-right: 20px;
}
.spe-price {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
}
.iventure-box .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 20px;
}
.iventure-box .mCSB_inside > .mCSB_container {
    padding: 0;
}
.booking-page-attraction .single-discovery-trip {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s ease-in-out;
}
.booking-page-attraction .single-discovery-trip:hover {    
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.4) !important;
}
.booking-page-attraction .single-discovery-trip h2 {
    font-weight: 200;
    line-height: 29px;
    letter-spacing: 1.4px;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 10px;
    min-height: 60px;
    /*margin-bottom: 30px;*/
}

.booking-page-attraction .discovery-trip-info {
    padding: 5px 20px 20px;
}
/*.booking-page-attraction .btn-transparent {   
    background-color: #d1f1f3;
    border: 0;
}*/
.read-more {
    font-weight: 600;
    font-size: 14px;
    color: #6ECCD3;
}
.read-more:hover {
    color: #6ECCD3;
}
.booking-page-accordian .booking-accordian-heading-logo {
    background-color: transparent;
    padding: 0;
}
.booking-page-accordian .booking-accordian-heading-logo .media {
    height: auto;
}
.booking-page-accordian .booking-accordian-heading-logo .media img {
    width: 40px;
}
.booking-page-accordian .booking-accordian-heading-logo .media-body {
    margin-left: 5px;
    padding: 0px;
}
.booking-page-accordian .booking-accordian-heading-logo p {
    text-transform: capitalize;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: 0;
}
.scheduler-trip-schedule.booking-page-accordian .accordion-header, .scheduler-trip-schedule.booking-page-accordian .accordion-header:focus {    
    padding: 6px 55px 6px 15px;
    height: 55px;
}
.scheduler-trip-schedule.booking-page-accordian .accordion-header.ui-accordion-header-active::before {
    box-shadow: none;
}
.booking-content .porson-edit {
    background: #f7f7f7;
    color: #fff;
}
.booking-content .porson-edit img {
    vertical-align: inherit;
}
a.book-now {
    display: block;
}

/* changes 31-08-2020 */
.schedular-body-hide footer {
    padding-top: 0;
    height: 0;
}
.closeAttractions.show {
    opacity: .92;
}

.your-trip-left.current-trip-edited {
    padding-top: 12px;
    padding-bottom: 11px;
}
.current-trip-edited .current-trip {
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.current-trip-edited h3 {
    padding-right: 5px;
    max-width: 80px !important;
    margin-left: 0;
    margin-right: auto;
}
.current-trip-edited h3, .current-trip-edited .input_text {
    flex-basis: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.input_text form#tripNameForm {
    display: -ms-flexbox;
    display: flex;
}
#tripname {
    max-width: 70%;
}
form#tripNameForm .btn-transparent {
    padding: .375rem .5rem;
    background-color: #f7b91b !important;
    margin-left: 5px;
}
#additemnewpack_6 {
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-right: 5px;
}
.save_field {
    background-color: #8ae1e8;
    padding: 6px 15px;
    border-radius: 4px;    
    display: inline-block;
}
.remove_field {
    border: 1px solid #8ae1e8;
    padding: 5px 15px;
    border-radius: 4px;
    display: inline-block;
}
.save_field:hover, .remove_field:hover {
    background: linear-gradient(136deg, #f7b618 0%, #ffde33 100%);
    border-color: transparent;
}

#contactus_message {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color: #019901;
}
.emailsendmodal p {
    font-size: 20px;
    color: #42880c;
    line-height: 1.5;
}
.name_hide.arrow-top .edit-button {
    line-height: 1.1;
}

.daterangepicker-new {
    width: 230px !important;
}
.daterangepicker.show-calendar .drp-buttons {
    display: none;
}
.daterangepicker td.in-range {
    background-color: #f7b618 !important;
    color: #fff !important;
}
.daterangepicker td.available:hover {
    background-color: #f7b618;
    color: #fff !important;
}

/* hide google recaptcha badge */
.grecaptcha-badge {
    /* visibility: hidden; */
    /* display: none; */
}