@import url("https://fonts.googleapis.com/css?family=Lora&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700&display=swap");

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* 添加响应式图片通用样式 */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 确保所有图片容器也能正确显示 */
figure img,
.tour-box figure img,
.tour-box-list figure img,
.blog-posts .blog-post-grid .post-image img,
.blog-posts .blog-post-list .post-image img,
.popular-destinations .destinations-box figure img,
.adventure-activities .activities-carousel .activity-box img,
.attractions-box img,
.our-team .team-member figure img,
.our-guides .guide-list li figure img,
.our-offices .office-box figure img,
.contact .contact-box figure img,
.reviews .review figure img,
.recent-blog .blog-post .post-image img,
.related-blog .blog-post .post-image img,
.tour-attraction .attraction-carousel .attraction-box img,
.tour-features .feature-box figure img,
.tour-overview ul li figure img,
.tour-information ul li figure img,
.attractions-header img,
.things-todo ul li img,
.quote img,
.milestones figure img,
.welcome-intro figure img,
.our-history .wrapper figure img,
.our-history .wrapper .content .inner img,
.subscribe .inner img,
.section-title img,
.blog-content .inner .about-author figure img,
.blog-comments .comments .comment figure img,
.checkout .summary .summary-head figure img,
.swiper-blog-carousel img,
.header-maireji .swiper-slide .link img,
.header-norway .inner .content .link img,
.header-finland .inner .content .link img,
.header-sweden .inner .content .link img,
.header-iceland .swiper-slide .link img,
.navbar .navbar-brand img {
    max-width: 100%;
    height: auto;
    display: block;
}

body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    letter-spacing: .25px;
    margin: 0;
    font-family: Barlow;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}

html {
    height: 100%;
    overflow-x: hidden;
}

a {
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.site-btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background: #c5050c;
    color: #fff;
    padding: 0 104px;
    border-radius: 6px;
    font-weight: 600;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    font-size: 18px
}

.site-btn:hover {
    color: #c5050c;
    background-color: white;
    text-decoration: none;
    -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2)
}

h1 {
    font-family: 'Lora', serif;
    margin: 0
}

.bg-light-blue {
    background: #ecf4f8 !important
}

.bg-ice-blue {
    background: #f4fbff !important
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    background: #C5050C;
    /*background:*/
    /*        radial-gradient(circle, white 1px, transparent 1px) #5BA0C8;*/
    /*background-size: 20px 20px;*/
    /*animation: grain 0.5s steps(6) infinite;*/
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-transition-delay: 1s;
    transition-delay: 0ms;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-loaded .preloader {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
/*.wavy-text {*/
/*    font-size: 90px;*/
/*    font-weight: bold;*/
/*    color: white;*/
/*    letter-spacing: 2px;*/
/*    display: inline-block;*/
/*    animation: wave 1.5s ease-in-out infinite;*/
/*  }*/

/*  @keyframes wave {*/
/*    0%, 100% { transform: translateY(0); }*/
/*    50% { transform: translateY(-10px); }*/
/*  }*/
.static {
    position: relative;
    color: white;
    font-size: 90px;
}
.static::after {
    content: attr(data-text);
    position: absolute;
    bottom: -75px;
    left: 0;
    color: rgba(255, 255, 255, 0.3);
    transform: scaleY(-1);
    mask-image: linear-gradient(to bottom, transparent 10%, white 50%);
    animation: waterRipple 3s ease-in-out infinite;
}
@keyframes waterRipple {
    0%, 100% { mask-position: 0 0; }
    50% { mask-position: 0 20px; }
}
/* .spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 30px;
    height: 30px
}

.spinner .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
} */


.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    padding: 0
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    left: 0
}

.white-color{
    color: white;
    margin: 0;
}

.frosted-bg {
    background: rgba(10,10,10,0.4); /* 半透明白色 */
    backdrop-filter: blur(8px);         /* 毛玻璃模糊 */
    -webkit-backdrop-filter: blur(8px); /* 兼容Safari */
    border-radius: 12px;                /* 可选：圆角 */
    padding: 24px 32px;                 /* 可选：内边距 */
    display: inline-block;              /* 只包裹内容 */
  }

.frosted-bg-index{
    /* background: rgba(0,0,0,0.1); */
    backdrop-filter: blur(6px);         /* 毛玻璃模糊 */
    -webkit-backdrop-filter: blur(8px); /* 兼容Safari */
    border-radius: 30px;                /* 可选：圆角 */
    padding: 0px 5px;                 /* 可选：内边距 */
    display: inline-block;;              /* 只包裹内容 */
    font-size: 70px;
    /* white-space: nowrap; */
}

.slide-watermark {
    position: relative;
    overflow: hidden;
  }
  
.slide-watermark::after {
content: attr(data-watermark);
position: absolute;
left: 90%;
top: 100%;
transform: translate(-50%, -50%);
font-size: 1vw;
color: rgba(0,0,0,0.15); /* 白色半透明 */
font-weight: bold;
pointer-events: none;
z-index: 2;
white-space: nowrap;
user-select: none;
}

.menu-btn {
    width: 44px;
    height: 44px;
    float: right;
    cursor: pointer;
    position: relative;
    display: none
}

.menu-btn .menu-circle-wrap {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.menu-btn .menu-circle {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 0;
    top: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}

.menu-btn .menu-circle path {
    fill: none;
    stroke-width: 2px;
    stroke: #dad9e0;
    stroke-dashoffset: 157;
    stroke-dasharray: 157;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}

.menu-btn.active .menu-circle {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.menu-btn.active .menu-circle path {
    stroke-dashoffset: 0
}

.menu-btn.active:hover .menu-circle-wrap {
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

.menu-btn .menu-circle-wrap .wave {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0px 0px 0px 0px #5f6a72;
    box-shadow: 0px 0px 0px 0px #5f6a72;
    opacity: 0
}

.menu-btn .bars {
    position: absolute;
    width: 28px;
    height: 24px;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    margin: auto
}

.menu-btn .bar {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #c5050c;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.menu-btn .b1 {
    top: 2px
}

.menu-btn .b2 {
    top: 11px
}

.menu-btn .b3 {
    top: 20px
}

.menu-btn .b1,
.header .menu-btn .b3 {
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.menu-btn.active .b1.rotated {
    -webkit-transform: translateY(9px) rotate(-135deg);
    transform: translateY(9px) rotate(-135deg);
    background: #c5050c
}

.menu-btn.active .b2 {
    opacity: 0
}

.menu-btn.active .b3.rotated {
    -webkit-transform: translateY(-9px) rotate(-225deg);
    transform: translateY(-9px) rotate(-225deg);
    background: #c5050c
}

.accordion {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.accordion .card {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: none;
    border-radius: 0;
    margin-bottom: 10px;
    border: none
}

.accordion .card .card-header {
    background: none;
    padding: 0;
    border-bottom: none;
    background: #fff
}

.accordion .card .card-header a {
    width: 100%;
    float: left;
    line-height: 38px;
    padding: 20px 25px;
    position: relative;
    color: #393c3f;
    font-size: 18px
}

.accordion .card .card-header a:before {
    content: "-";
    padding: -10px;
    width: 38px;
    height: 38px;
    line-height: 34px;
    float: left;
    margin-right: 15px;
    color: #c5050c;
    border: 1px solid #edeeef;
    border-radius: 50%;
    text-align: center;
    font-size: 18px
}

.accordion .card .card-header a:hover {
    color: #c5050c;
    text-decoration: none
}

.accordion .card [aria-expanded="true"] {
    color: #393c3f
}

.accordion .card [aria-expanded="true"]:before {
    content: "+" !important
}

.accordion .card .card-body {
    width: 100%;
    line-height: 20px;
    font-size: 13px;
    background: #fff
}

.search-box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    padding: 90px 0;
    z-index: 3;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    opacity: 0;
    visibility: hidden;
    top: -20px
}

.search-box.active {
    opacity: 1;
    visibility: visible;
    top: 0
}

.search-box .search-close-btn {
    float: right;
    margin-bottom: -35px;
    margin-top: 35px;
    color: #7c838b;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.search-box h3 {
    width: 100%;
    float: left;
    font-family: 'Lora', serif;
    font-size: 40px;
    color: #000;
    margin-bottom: 20px
}

.search-box form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.search-box form .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    position: relative
}

.search-box form .form-group i {
    position: absolute;
    left: 20px;
    top: 25px;
    color: #c5050c
}

.search-box form .form-group input[type="text"] {
    width: 100%;
    height: 66px;
    padding: 0 20px;
    padding-left: 50px;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    color: #7c838b
}

.search-box form button[type="submit"] {
    height: 66px;
    padding: 0 91px;
    background: #c5050c;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px #eee;
    box-shadow: 4px 4px 10px #eee;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.search-box form button[type="submit"]:hover {
    background-color: white;
    color: #c5050c
}

.search-box dl {
    width: 100%;
    float: left;
    font-size: 14px
}

.search-box dl dt {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    color: #393c3f
}

.search-box dl dt i {
    margin-left: 10px;
    color: #c5050c
}

.search-box dl dd {
    float: left;
    margin-right: 15px
}

.search-box dl dd a {
    float: left;
    color: #7c838b
}

.section-title {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 80px;
}

.section-title h2 {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 60px;
    font-family: 'Lora', serif;
}

.section-title img {
    height: 11px;
    display: inline-block
}

.section-title p {
    font-weight: 300;
    font-size: 18px;
    line-height: 34px;
    margin-top: 30px;
    margin-bottom: 0
}

.page-title h2 {
    font-size: 70px !important
}

.navbar {
    /* background: rgba(255,255,255,0.25);  刪除掉了背景色似乎更自然了*/ 
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(8px);    
    height: 100px;
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    position: relative;
    z-index: 100
}

/* 修正navbar button黑边问题 */
.navbar .nav-link {
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
}
.navbar .nav-link:focus {
    outline: none;
    box-shadow: none;
}

.navbar.dark .navbar-nav .nav-item {
    position: relative
}

.navbar.dark .navbar-nav .nav-item .dropdown-menu {
    background: #fff
}

.navbar.dark .navbar-nav .nav-item .nav-link {
    color: #393c3f
}

.navbar .navbar-brand {
    float: left;
    margin: 0px;
    padding: 0;
}

.navbar .navbar-brand img {
    height: auto;
    width: auto;
    display: block;
}

.navbar .search-btn {
    float: right;
    font-size:30px;
    padding: 10px;
    margin-left: 40px;
    color: white;
    cursor: pointer;
}

.navbar .navbar-nav {
    float: right;
    display: block
}

.navbar .navbar-nav .nav-item {
    float: left;
    margin-left: 20px;
    position: relative
}

.navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.navbar .navbar-nav .nav-item .nav-link {
    float: left;
    font-size: 16px;
    color: #fff;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer
}

.navbar .navbar-nav .nav-item .dropdown-menu {
    display: block;
    min-width: 236px;
    position: absolute;
    left: 0;
    top: calc(100% + 20px);
    border: 1px solid #dee0e2;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    padding: 14px 0 14px 0;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1)
}

.navbar .navbar-nav .nav-item .dropdown-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: 25px;
    background: url("../images/caret.png") no-repeat;
    width: 20px;
    height: 10px
}

.navbar .navbar-nav .nav-item .dropdown-menu li {
    width: 100%;
    float: left;
    white-space: nowrap;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin: 0
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover {
    background-color: #f4fbff
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover .sub-dropdown-menu {
    opacity: 1;
    visibility: visible
}

.navbar .navbar-nav .nav-item .dropdown-menu li a {
    cursor: pointer;
    float: left;
    line-height: 48px;
    width: 100%;
    height: 48px;
    padding-left: 30px;
    color: #2c2f32;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
    color: #c5050c;
    text-decoration: none
}

.navbar .navbar-nav .nav-item .dropdown-menu li .sub-dropdown-menu {
    width: 236px;
    background: #f4fbff;
    margin: 0;
    padding: 14px 0 14px 0;
    position: absolute;
    left: 100%;
    top: -1px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border: 1px solid #dee0e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.navbar .navbar-nav .nav-item .dropdown-menu li .sub-dropdown-menu li {
    width: 100%;
    height: 48px;
    margin: 0;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.navbar .navbar-nav .nav-item .dropdown-menu li .sub-dropdown-menu li:hover {
    background-color: white
}

.navbar .navbar-nav .nav-item .dropdown-menu li .sub-dropdown-menu li a {
    float: left;
    color: #2c2f32;
    padding-left: 30px
}

.navbar .navbar-nav .nav-item .dropdown-menu li .sub-dropdown-menu li a:hover {
    color: #c5050c
}

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

.header-maireji {
    /* width: 100%;
    position: relative; 
    z-index: 1000;
    background: rgba(30, 30, 30, 0.65);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); */
    width: 100%;
    /* height: 100%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 100vh;
}

.header-maireji .swiper-slide {
    overflow: hidden;
}

.header-maireji .swiper-slide h2 {
    font-size: 80px;
    color: #fff;
    font-family: 'Lora', serif;
    padding-right: 40%;
    margin-top: 0;
    margin-bottom: 70px
}

.header-maireji .swiper-slide .link {
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.header-maireji .swiper-slide .link img {
    height: 46px;
    margin-right: 15px
}

.header-maireji .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
    /* position: absolute;  // ← 删除或注释掉这一行 */
    /* top: 0;              // ← 删除或注释掉这一行 */
    /* left: 0;             // ← 删除或注释掉这一行 */
    /* height: 100%;        // ← 删除或注释掉这一行 */
    /* 让swiper跟随header流动 */
}

.header-maireji .swiper-custom-pagination {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 50%;
    /* margin-left: -555px; */
    transform: translateX(-50%);
    z-index: 2;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -ms-flex-wrap: wrap;
    padding: 0 16px; 
    flex-wrap: wrap;
    /* overflow-x: hidden; */
    min-width: 0;
}

.header-maireji .swiper-pagination-bullet {
    width: auto;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: transparent;
    font-size: 14px;
    opacity: 0.8;
    border-radius: 0;
    margin: 0 !important;
    padding: 0;
    padding-left: 20px;
    padding-bottom: 30px;
    color: #fff;
    border-left: 1px solid #fff;
    min-width: 0;
    word-wrap: break-word;
}

.header-maireji .swiper-pagination-bullet span {
    font-weight: 500;
    font-size: 20px;
    width: 100%;
    float: left
}

.header-maireji .swiper-pagination-bullet-active {
    opacity: 1
}

.slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-norway {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background: url(../images/slide02.jpg) center;
    background-size: cover
}

.header-norway .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-norway .inner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center
}

.header-norway .inner .content h5 {
    font-size: 40px;
    font-family: 'Lora', serif;
    color: #fff
}

.header-norway .inner .content h1 {
    font-size: 80px;
    font-family: 'Lora', serif;
    color: #fff
}

.header-norway .inner .content p {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    margin: 25px 0
}

.header-norway .inner .content .link {
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.header-norway .inner .content .link img {
    height: 46px;
    margin-right: 15px
}

.header-norway .inner .content .hero-search {
    width: 1110px;
    margin: 0 auto;
    margin-top: 10vh
}

.header-norway .inner .content .hero-search form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.header-norway .inner .content .hero-search form .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    position: relative
}

.header-norway .inner .content .hero-search form .form-group i {
    position: absolute;
    left: 20px;
    top: 25px;
    color: #c5050c
}

.header-norway .inner .content .hero-search form .form-group input[type="text"] {
    width: 100%;
    height: 66px;
    padding: 0 20px;
    padding-left: 50px;
    border: none;
    border-radius: 6px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

.header-norway .inner .content .hero-search form input[type="text"]::-webkit-input-placeholder {
    color: #fff
}

.header-norway .inner .content .hero-search form input[type="text"]:-ms-input-placeholder {
    color: #fff
}

.header-norway .inner .content .hero-search form input[type="text"]::-ms-input-placeholder {
    color: #fff
}

.header-norway .inner .content .hero-search form input[type="text"]::placeholder {
    color: #fff
}

.header-norway .inner .content .hero-search form button[type="submit"] {
    height: 66px;
    padding: 0 50px;
    cursor: pointer;
    background: #c5050c;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.header-norway .inner .content .hero-search form button[type="submit"]:hover {
    background-color: white;
    color: #c5050c
}

.header-norway .inner .content .hero-search dl {
    width: 100%;
    float: left;
    font-size: 14px
}

.header-norway .inner .content .hero-search dl dt {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    color: #fff
}

.header-norway .inner .content .hero-search dl dt i {
    margin-left: 10px;
    color: #c5050c
}

.header-norway .inner .content .hero-search dl dd {
    float: left;
    margin-right: 15px
}

.header-norway .inner .content .hero-search dl dd a {
    float: left;
    color: #fff
}

.header-finland {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background: url(../images/slide03.jpg) center;
    background-size: cover
}

.header-finland .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-finland .inner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0 10%
}

.header-finland .inner .content h1 {
    font-size: 80px;
    font-family: 'Lora', serif;
    color: #fff;
    margin-bottom: 70px;
    padding-right: 40%
}

.header-finland .inner .content .link {
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.header-finland .inner .content .link img {
    height: 46px;
    margin-right: 15px
}

.header-finland .inner .content .hero-search {
    width: 1110px;
    margin: 0 auto;
    margin-top: 10vh
}

.header-finland .inner .content .hero-search form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.header-finland .inner .content .hero-search form .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    position: relative
}

.header-finland .inner .content .hero-search form .form-group i {
    position: absolute;
    left: 20px;
    top: 25px;
    color: #c5050c
}

.header-finland .inner .content .hero-search form .form-group input[type="text"] {
    width: 100%;
    height: 66px;
    padding: 0 20px;
    padding-left: 50px;
    border: none;
    border-radius: 6px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

.header-finland .inner .content .hero-search form input[type="text"]::-webkit-input-placeholder {
    color: #fff
}

.header-finland .inner .content .hero-search form input[type="text"]:-ms-input-placeholder {
    color: #fff
}

.header-finland .inner .content .hero-search form input[type="text"]::-ms-input-placeholder {
    color: #fff
}

.header-finland .inner .content .hero-search form input[type="text"]::placeholder {
    color: #fff
}

.header-finland .inner .content .hero-search form button[type="submit"] {
    height: 66px;
    padding: 0 50px;
    cursor: pointer;
    background: #c5050c;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.header-finland .inner .content .hero-search form button[type="submit"]:hover {
    background-color: white;
    color: #c5050c
}

.header-finland .inner .content .hero-search dl {
    width: 100%;
    float: left;
    font-size: 14px
}

.header-finland .inner .content .hero-search dl dt {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    color: #fff
}

.header-finland .inner .content .hero-search dl dt i {
    margin-left: 10px;
    color: #c5050c
}

.header-finland .inner .content .hero-search dl dd {
    float: left;
    margin-right: 15px
}

.header-finland .inner .content .hero-search dl dd a {
    float: left;
    color: #fff
}

.tours-list-section .section-title {
    width: 90%;
    display: inline-block
}

.tours-list-section .view-type {
    display: inline-block;
    float: none;
    margin-top: 50px
}

.header-sweden {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background: url(../images/slide04.jpg) center;
    background-size: cover
}

.header-sweden .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-sweden .inner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0 10%
}

.header-sweden .inner .content h1 {
    font-size: 80px;
    font-family: 'Lora', serif;
    color: #fff;
    padding-right: 40%;
    margin-bottom: 70px
}

.header-sweden .inner .content .link {
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.header-sweden .inner .content .link img {
    height: 46px;
    margin-right: 15px
}

.header-sweden .inner .content .hero-search {
    width: 1110px;
    margin: 0 auto;
    margin-top: 10vh
}

.header-sweden .inner .content .hero-search form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.header-sweden .inner .content .hero-search form .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    position: relative
}

.header-sweden .inner .content .hero-search form .form-group i {
    position: absolute;
    left: 20px;
    top: 25px;
    color: #c5050c
}

.header-sweden .inner .content .hero-search form .form-group input[type="text"] {
    width: 100%;
    height: 66px;
    padding: 0 20px;
    padding-left: 50px;
    border: none;
    border-radius: 6px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

.header-sweden .inner .content .hero-search form input[type="text"]::-webkit-input-placeholder {
    color: #fff
}

.header-sweden .inner .content .hero-search form input[type="text"]:-ms-input-placeholder {
    color: #fff
}

.header-sweden .inner .content .hero-search form input[type="text"]::-ms-input-placeholder {
    color: #fff
}

.header-sweden .inner .content .hero-search form input[type="text"]::placeholder {
    color: #fff
}

.header-sweden .inner .content .hero-search form button[type="submit"] {
    height: 66px;
    padding: 0 50px;
    cursor: pointer;
    background: #c5050c;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out；
}

.header-sweden .inner .content .hero-search form button[type="submit"]:hover {
    background-color: white;
    color: #c5050c
}

.header-sweden .inner .content .hero-search dl {
    width: 100%;
    float: left;
    font-size: 14px
}

.header-sweden .inner .content .hero-search dl dt {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    color: #fff
}

.header-sweden .inner .content .hero-search dl dt i {
    margin-left: 10px;
    color: #c5050c
}

.header-sweden .inner .content .hero-search dl dd {
    float: left;
    margin-right: 15px
}

.header-sweden .inner .content .hero-search dl dd a {
    float: left;
    color: #fff
}

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

.header-iceland .swiper-slide {
    overflow: hidden
}

.header-iceland .swiper-slide h2 {
    font-size: 80px;
    color: #fff;
    font-family: 'Lora', serif;
    padding-right: 40%;
    margin-top: 0;
    margin-bottom: 70px
}

.header-iceland .swiper-slide .link {
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.header-iceland .swiper-slide .link img {
    height: 46px;
    margin-right: 15px
}

.header-iceland .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.header-iceland .swiper-custom-pagination {
    width: 100%;
    max-width: 1110px;
    position: absolute;
    bottom: 0;
    left: 50%;
    /* margin-left: -555px; */
    transform: translateX(-50%);
    z-index: 2;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -ms-flex-wrap: wrap;
    padding: 0 16px; 
    
    flex-wrap: wrap
}

.header-iceland .swiper-pagination-bullet {
    width: auto;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: transparent;
    opacity: 0.7;
    border-radius: 0;
    margin: 0 !important;
    padding: 0;
    padding-left: 20px;
    padding-bottom: 30px;
    color: #fff;
    border-left: 1px solid #fff;
    line-height: 1
}

.header-iceland .swiper-pagination-bullet span {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    float: left
}

.header-iceland .swiper-pagination-bullet-active {
    opacity: 1
}

.slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.find-adventure {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.find-adventure h3 {
    width: 100%;
    float: left;
    font-family: 'Lora', serif;
    font-size: 40px;
    color: #000;
    margin-bottom: 50px
}

.find-adventure form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.find-adventure form .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    position: relative
}

.find-adventure form .form-group i {
    position: absolute;
    left: 20px;
    top: 25px;
    color: #c5050c
}

.find-adventure form .form-group input[type="text"] {
    font-weight: 300;
    font-size: 20px;
    width: 100%;
    height: 66px;
    padding: 0 20px;
    padding-left: 50px;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    color: #80868e
}

.find-adventure form button[type="submit"] {
    height: 66px;
    padding: 0 91px;
    background: #c5050c;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px #eee;
    box-shadow: 4px 4px 10px #eee;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.find-adventure form button[type="submit"]:hover {
    background-color: white;
    color: #c5050c
}

.find-adventure dl {
    width: 100%;
    float: left;
    font-size: 14px
}

.find-adventure dl dt {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    color: #393c3f
}

.find-adventure dl dt i {
    margin-left: 10px;
    color: #c5050c
}

.find-adventure dl dd {
    float: left;
    margin-right: 15px
}

.find-adventure dl dd a {
    float: left;
    color: #7c838b
}

.welcome-intro {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.welcome-intro h4 {
    display: block;
    margin-top: 30px;
    font-family: 'Lora';
    font-size: 30px
}

.welcome-intro figure {
    width: 148px;
    display: inline-block;
    margin-bottom: 20px
}

.welcome-intro figure div {
    position: relative;
    width: 147px;
    height: 147px;
    background-color: #f4fbff;
    border-radius: 50%
}

.welcome-intro figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.welcome-intro h5 {
    font-size: 13px;
    color: #7c838b
}

.welcome-intro .odometer {
    font-size: 36px;
    font-family: 'Lora', serif;
    margin-bottom: 10px;
    display: block
}

.read-more {
    display: inline-block;
    font-size: 14px;
    color: #393c3f;
    font-weight: 500;
    text-decoration: none;
    margin-left: 10px
}

.read-more:hover {
    text-decoration: none;
    color: #c5050c
}

.read-more:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 9px;
    left: -10px;
    width: 30px;
    height: 30px;
    background-image: url("../images/arrow-link.png");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.read-more:hover:before {
    background-image: url("../images/arrow-link-hover.png")
}

.about-us-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0
}

.about-us-header .section-title {
    margin-bottom: 0
}

.about-us-desc {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0
}

.about-us-desc .section-title {
    padding: 0
}

.about-us-desc p {
    font-size: 20px;
    line-height: 34px;
    font-weight: 300;
    color: #393c3f
}

.about-us-desc p a {
    -webkit-text-decoration: underline solid #d4e7fb;
    text-decoration: underline solid #d4e7fb;
    color: #53a0ef
}

.about-us-video {
    width: 100%;
    height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background: url(../images/video-bg.jpg) center;
    background-size: cover;
    position: relative
}

.about-us-video a {
    display: block;
    width: 180px;
    height: 180px;
    border: 8px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.about-us-video a .video-play-circle {
    stroke-dasharray: 315;
    stroke-dashoffset: 315;
    -webkit-transition: stroke-dashoffset .5s;
    transition: stroke-dashoffset .5s
}

.about-us-video a svg {
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.about-us-video a:hover .video-play-circle {
    stroke-dashoffset: 0
}

.about-us-video a:active .video-play-outline {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.about-us-video a:active svg {
    -webkit-transform: rotate(-90deg) scale(0.95);
    transform: rotate(-90deg) scale(0.95)
}

.our-history {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.our-history .section-desc {
    color: #393c3f;
    padding-left: 10%;
    font-weight: 300;
    font-size: 20px;
    line-height: 34px
}

.our-history .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.our-history .wrapper figure {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0
}

.our-history .wrapper figure img {
    width: 100%;
    float: left
}

.our-history .wrapper .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 72px;
    background: #fff
}

.our-history .wrapper .content .inner {
    display: block
}

.our-history .wrapper .content .inner h4 {
    font-size: 40px;
    line-height: 54px;
    font-family: 'Lora', serif;
    margin-bottom: 10px
}

.our-history .wrapper .content .inner img {
    height: 11px;
    display: block;
    margin-bottom: 40px
}

.our-history .wrapper .content .inner p {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 36px;
    font-weight: 300;
    color: #393c3f
}

.our-history .wrapper .content .inner a {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    padding-left: 46px
}

.our-history .wrapper .content .inner a span {
    -webkit-transform: translateY(-30px) !important
}

.our-history .wrapper .content .inner a:before {
    width: 46px;
    height: 46px;
    background: url("../images/arrow-link-2x.png") no-repeat;
    position: absolute;
    top: -9px
}

.our-history .wrapper .content .inner a:hover:before {
    background: url("../images/arrow-link-2x-hover.png") no-repeat
}

.milestones {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #ecf4f8;
    text-align: center
}

.milestones .section-title {
    text-align: left
}

.milestones figure {
    width: 148px;
    display: inline-block;
    margin-bottom: 20px
}

.milestones figure img {
    width: 100%;
    float: left
}

.milestones h5 {
    font-size: 13px;
    color: #7c838b
}

.milestones .odometer {
    font-size: 36px;
    font-family: 'Lora', serif
}

.team-hero-image {
    width: 100%;
    height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover
}

.our-team {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 150px
}

.our-team.homepage {
    padding-top: 150px;
    background: #f4fbff
}

.our-team.homepage .team-list:before {
    border-color: #f4fbff
}

.our-team .team-list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

.our-team .team-list:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #fff
}

.our-team .team-list>li {
    width: 25%;
    float: left;
    margin: 0;
    padding: 30px 0;
    list-style: none;
    border-right: 1px solid #dee0e2;
    border-bottom: 1px solid #dee0e2;
    position: relative
}

.our-team .team-list>li:nth-last-child(-n+4) {
    border-bottom: none
}

.our-team .team-list>li:nth-last-child(-n+4):before {
    content: "";
    width: 1px;
    height: calc(100% + 180px);
    background-color: #dee0e2;
    display: block;
    position: absolute;
    top: -30px;
    right: 0
}

.our-team .team-list>li:last-child {
    border-right: none
}

.our-team .team-list>li:last-child:before {
    display: none
}

.our-team .team-list>li:nth-child(n+4) {
    border-right: none
}

.our-team .team-member {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    z-index: 2
}

.our-team .team-member figure {
    width: 100%;
    float: left;
    margin: 0
}

.our-team .team-member figure img {
    width: 210px;
    height: 210px;
    display: inline-block;
    margin-bottom: 30px;
    border-radius: 50%
}

.our-team .team-member figure figcaption {
    width: 100%;
    float: left
}

.our-team .team-member figure figcaption h6 {
    font-size: 20px;
    margin: 0 0 6px 0;
    color: #393c3f;
    font-weight: 600
}

.our-team .team-member figure figcaption span {
    font-size: 14px;
    color: #7c838b;
    display: block;
    margin-bottom: 20px;
    font-weight: 500
}

.our-team .team-member figure figcaption .social-media {
    width: 100%;
    margin: 0;
    padding: 0
}

.our-team .team-member figure figcaption .social-media:before {
    display: none
}

.our-team .team-member figure figcaption .social-media li {
    width: auto;
    float: none;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    list-style: none;
    border: none
}

.our-team .team-member figure figcaption .social-media li a {
    float: left;
    color: #bdc1c5;
    font-size: 20px
}

.our-team .team-member figure figcaption .social-media li a i {
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.our-team .team-member figure figcaption .social-media li a:hover i[class='fa fa-facebook'] {
    color: #3b5998
}

.our-team .team-member figure figcaption .social-media li a:hover i[class='fa fa-twitter'] {
    color: #00acee
}

.our-team .team-member figure figcaption .social-media li a:hover i[class='fa fa-instagram'] {
    color: #3f729b
}

.our-team .team-member figure figcaption .social-media li a:hover i[class='fa fa-linkedin'] {
    color: #0e76a8
}

.our-team .team-member figure figcaption .social-media li a:hover i[class='fa fa-youtube-play'] {
    color: #c4302b
}

.our-team .team-member figure figcaption .social-media li a:hover i[class='fa fa-tripadvisor'] {
    color: #00af87
}

.our-guides {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.our-guides .guide-list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

.our-guides .guide-list:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #f4fbff
}

.our-guides .guide-list li {
    width: 25%;
    float: left;
    margin: 0;
    padding: 30px 0;
    text-align: center;
    list-style: none;
    border-right: 1px solid #dee0e2;
    border-bottom: 1px solid #dee0e2
}

.our-guides .guide-list li figure {
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
    z-index: 2
}

.our-guides .guide-list li figure img {
    width: 114px;
    height: 114px;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 20px
}

.our-guides .guide-list li figure figcaption {
    width: 100%;
    float: left;
    margin: 0
}

.our-guides .guide-list li figure figcaption h6 {
    font-size: 18px;
    display: block;
    margin: 0;
    color: #393c3f;
    text-transform: uppercase
}

.our-guides .guide-list li figure figcaption span {
    display: block;
    font-size: 14px;
    color: #7c838b;
    margin-top: 7px;
    text-transform: uppercase
}

.blog-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0
}

.blog-header small {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    color: #7c838b
}

.blog-header small span:first-child {
    color: #53a0ef
}

.blog-header small span:last-child {
    margin: 0 14px
}

.blog-header h2 {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 70px;
    line-height: 80px;
    font-family: 'Lora', serif
}

.blog-header .filter {
    float: left;
    margin-right: 40px
}

.blog-header .filter a {
    line-height: 38px;
    color: #393c3f;
    font-size: 20px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer;
    text-decoration: none
}

.blog-header .filter a:hover i {
    background-color: #c5050c;
    border: 1px solid #c5050c;
    color: white
}

.blog-header .filter a i {
    width: 38px;
    height: 38px;
    line-height: 38px;
    float: right;
    margin-left: 10px;
    border: 1px solid #dee0e2;
    border-radius: 50%;
    text-align: center;
    color: #c5050c;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.blog-header .filter .dropdown-menu {
    margin-top: 15px;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #dee0e2
}

.blog-header .view-type {
    float: right;
    margin: 0;
    padding: 0
}

.blog-header .view-type li {
    float: left;
    margin-left: 10px;
    list-style: none;
    position: relative
}

.blog-header .view-type li:first-child:before {
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    color: #c5050c;
    display: block;
    position: absolute;
    top: 11px;
    left: 18px
}

.blog-header .view-type li input {
    width: 249px;
    height: 47px;
    border-radius: 4px;
    border: 1px solid #dee0e2;
    padding-left: 40px;
    font-size: 16px;
    color: #393c3f;
    font-weight: 300
}

.blog-header .view-type li input::-webkit-input-placeholder {
    font-size: 16px;
    color: #393c3f;
    font-weight: 300
}

.blog-header .view-type li input:-ms-input-placeholder {
    font-size: 16px;
    color: #393c3f;
    font-weight: 300
}

.blog-header .view-type li input::-ms-input-placeholder {
    font-size: 16px;
    color: #393c3f;
    font-weight: 300
}

.blog-header .view-type li input::placeholder {
    font-size: 16px;
    color: #393c3f;
    font-weight: 300
}

.blog-header .view-type li a {
    float: left;
    padding: 7px 10px;
    border: 1px solid #dee0e2;
    border-radius: 4px;
    color: #bdc1c5;
    font-size: 20px
}

.blog-picker .drp-calendar.right {
    display: none !important
}

.blog-hero-image {
    width: 100%;
    height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover
}

.blog-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 44px 0 95px 0
}

.blog-content .inner {
    width: 100%;
    float: left;
    padding: 0 15%;
    position: relative
}

.blog-content .inner .social-share {
    width: 56px;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
    padding: 0
}

.blog-content .inner .social-share li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    list-style: none
}

.blog-content .inner .social-share li a {
    width: 56px;
    height: 56px;
    float: left;
    line-height: 56px;
    color: #bdc1c5;
    border: 1px solid #bdc1c5;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.blog-content .inner .social-share li a.facebook-ico:hover {
    border: 1px solid #3b5998;
    background-color: #3b5998;
    color: white
}

.blog-content .inner .social-share li a.twitter-ico:hover {
    border: 1px solid #1da1f2;
    background-color: #1da1f2;
    color: white
}

.blog-content .inner .social-share li a.instagram-ico:hover {
    border: 1px solid #405de6;
    background-color: #405de6;
    color: white
}

.blog-content .inner .social-share li a.googleplus-ico:hover {
    border: 1px solid #dd4b39;
    background-color: #dd4b39;
    color: white
}

.blog-content .inner .about-author {
    display: block;
    margin-top: 100px;
    padding-top: 100px;
    border-top: 1px solid #e3e8ef;
    text-align: center
}

.blog-content .inner .about-author figure {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-bottom: 18px
}

.blog-content .inner .about-author figure img {
    width: 100%;
    float: left;
    border-radius: 50%
}

.blog-content .inner .about-author small {
    display: block;
    color: #7c838b;
    font-size: 16px;
    font-weight: 500
}

.blog-content .inner .about-author h5 {
    font-family: 'Lora', serif;
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 11px
}

.blog-content .inner .about-author .title-seperator {
    display: inline-block;
    height: 11px;
    margin-bottom: 40px
}

.blog-content .inner .about-author p {
    display: block
}

.blog-content .inner h3 {
    font-family: 'Lora', serif;
    font-size: 30px;
    margin: 50px 0
}

.blog-content .inner p {
    display: block;
    font-size: 20px;
    line-height: 34px;
    color: #393c3f;
    font-weight: 300
}

.blog-content .inner p:last-child {
    margin-bottom: 0
}

.blog-content .inner p a {
    -webkit-text-decoration: underline solid #ffe0bf;
    text-decoration: underline solid #ffe0bf;
    color: #c5050c
}

.swiper-blog-carousel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.swiper-blog-carousel .swiper-slide {
    opacity: 0.5
}

.swiper-blog-carousel .swiper-slide-active {
    opacity: 1
}

.swiper-blog-carousel img {
    width: 100%
}

.swiper-blog-carousel .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    left: 19%;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.swiper-blog-carousel .swiper-button-prev:hover .arrow-left:before {
    background: url("../images/arrow-left-hover.png") no-repeat
}

.swiper-blog-carousel .swiper-button-prev .arrow-left:before {
    content: "";
    width: 22px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: url("../images/arrow-left.png") no-repeat;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.swiper-blog-carousel .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper-blog-carousel .swiper-button-next {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    right: 19%;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.swiper-blog-carousel .swiper-button-next:hover .arrow-right:before {
    background: url("../images/arrow-right-hover.png") no-repeat
}

.swiper-blog-carousel .swiper-button-next .arrow-right:before {
    content: "";
    width: 22px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: url("../images/arrow-right.png") no-repeat;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.swiper-blog-carousel .swiper-button-next.swiper-button-disabled {
    opacity: 0
}

.blog-comments {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.blog-comments h5 {
    font-family: 'Lora', serif;
    font-size: 30px;
    margin-bottom: 10px
}

.blog-comments .title-seperator {
    display: block;
    height: 11px;
    margin-bottom: 50px
}

.blog-comments .comments {
    width: 100%;
    float: left
}

.blog-comments .comments .comment {
    position: relative;
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e8ef;
    padding-right: 5%
}

.blog-comments .comments .comment:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0
}

.blog-comments .comments .comment.related {
    padding-left: 10%
}

.blog-comments .comments .comment figure {
    width: 80px;
    float: left;
    margin-bottom: 0;
    margin-right: 20px
}

.blog-comments .comments .comment figure img {
    width: 100%;
    float: left;
    border-radius: 50%
}

.blog-comments .comments .comment .info {
    width: calc(100% - 100px);
    float: left
}

.blog-comments .comments .comment .info a {
    width: 75px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    float: right;
    position: absolute;
    right: 0;
    border: 1px solid #dee0e2;
    border-radius: 4px;
    font-size: 12px;
    color: #7c838b;
    padding: 0 10px;
    font-weight: 700;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    text-decoration: none
}

.blog-comments .comments .comment .info a:hover {
    background-color: #c5050c;
    border: 1px sollid #c5050c;
    color: white
}

.blog-comments .comments .comment .info h6 {
    display: block;
    font-size: 16px;
    margin: 0
}

.blog-comments .comments .comment .info small {
    font-size: 12px;
    color: #7c838b;
    display: block;
    margin-bottom: 10px
}

.blog-comments .comments .comment .info p {
    margin: 0;
    font-size: 18px;
    color: #393c3f;
    font-weight: 300
}

.blog-comments form {
    height: auto;
    padding-left: 5%
}

.blog-comments form input[type="text"] {
    width: 100%;
    height: 46px;
    line-height: 44px;
    float: left;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    padding: 0 15px
}

.blog-comments form textarea {
    width: 100%;
    height: 120px;
    float: left;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    padding: 15px
}

.blog-comments form button[type="submit"] {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background: #c5050c;
    color: #fff;
    padding: 0 50px;
    border-radius: 6px;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    border: none
}

.blog-comments form button[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2)
}

.blog-posts {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.blog-posts .blog-post-grid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.blog-posts .blog-post-grid p {
    display: none
}

.blog-posts .blog-post-grid:hover {
    -webkit-box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2)
}

.blog-posts .blog-post-grid:hover .post-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.blog-posts .blog-post-grid .post-image {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden
}

.blog-posts .blog-post-grid .post-image img {
    width: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.blog-posts .blog-post-grid .post-content {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 40px 0
}

.blog-posts .blog-post-grid .post-content small {
    font-size: 12px;
    display: block;
    color: #7c838b;
    margin-bottom: 10px
}

.blog-posts .blog-post-grid .post-content small span {
    margin: 0 14px
}

.blog-posts .blog-post-grid .post-content h3 {
    font-family: 'Lora', serif;
    font-size: 26px;
    line-height: 40px;
    padding: 0 6%;
    margin-bottom: 20px
}

.blog-posts .blog-post-grid .post-content a {
    display: inline-block;
    font-size: 14px;
    color: #393c3f;
    font-weight: 600;
    letter-spacing: 0
}

.blog-posts .blog-post-grid .post-content a:hover {
    color: #c5050c;
    text-decoration: none
}

.blog-posts .blog-post-grid .post-content a img {
    width: 30px;
    margin-right: 8px
}

.blog-posts .blog-post-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.blog-posts .blog-post-list:hover {
    -webkit-box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2)
}

.blog-posts .blog-post-list:hover .post-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.blog-posts .blog-post-list .post-image {
    -ms-flex-preferred-size: 370px;
    flex-basis: 370px;
    margin: 0;
    position: relative;
    overflow: hidden
}

.blog-posts .blog-post-list .post-image img {
    width: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.blog-posts .blog-post-list .post-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    background: #fff
}

.blog-posts .blog-post-list .post-content small {
    font-size: 12px;
    display: block;
    color: #7c838b;
    margin-bottom: 10px
}

.blog-posts .blog-post-list .post-content small span {
    margin: 0 14px
}

.blog-posts .blog-post-list .post-content h3 {
    font-family: 'Lora', serif;
    font-size: 24px;
    margin-bottom: 20px;
    color: black
}

.blog-posts .blog-post-list .post-content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #393c3f;
    font-weight: 300
}

.blog-posts .blog-post-list .post-content a {
    text-decoration: none
}

.blog-posts .blog-post-list .post-content a h3 {
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.blog-posts .blog-post-list .post-content a:hover h3 {
    color: #c5050c
}

.blog-posts .blog-post-list .post-content a.read-more {
    display: inline-block;
    font-size: 14px;
    color: #393c3f;
    font-weight: 600;
    margin-left: 10px
}

.blog-posts .blog-post-list .post-content a.read-more:hover {
    color: #c5050c;
    text-decoration: none
}

.blog-posts .blog-post-list .post-content a.read-more img {
    width: 30px;
    margin-right: 8px
}

.subscribe {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 150px;
    padding-bottom: 450px;
    background-position: center;
    background: url(../images/newsletter-bg01.jpg) center no-repeat;
    background-size: cover;
    text-align: center
}

.subscribe .inner {
    width: 100%;
    float: left;
    padding: 0 10%
}

.subscribe .inner h2 {
    font-family: 'Lora', serif;
    font-size: 55px;
    margin-bottom: 20px
}

.subscribe .inner img {
    height: 11px;
    display: inline-block;
    margin-bottom: 50px
}

.subscribe .inner p {
    padding: 0 8%;
    font-size: 20px;
    line-height: 34px;
    color: #393c3f;
    margin-bottom: 50px
}

.subscribe .inner form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10%
}

.subscribe .inner form input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 60%;
    height: 56px;
    border: 1px solid #dee0e2;
    font-size: 16px;
    color: #393c3f;
    padding: 0 25px;
    border-radius: 6px;
    margin-right: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1)
}

.subscribe .inner form button {
    width: 40%;
    height: 56px;
    border: none;
    background: #c5050c;
    color: #fff;
    padding: 0 50px;
    border-radius: 4px;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer
}

.subscribe .inner form button:hover {
    background-color: white;
    color: #c5050c
}

.popular-tours {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.popular-tours .section-desc {
    color: #393c3f;
    padding-left: 10%;
    font-weight: 300;
    font-size: 20px;
    line-height: 34px
}

.popular-destinations {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.popular-destinations .col-lg-6 {
    padding: 0
}

.popular-destinations .col-lg-6:nth-child(odd) {
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

.popular-destinations .destinations-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.popular-destinations .destinations-box figure {
    -webkit-box-flex: 300px;
    -ms-flex: 300px;
    flex: 300px;
    height: 300px;
    margin: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.popular-destinations .destinations-box figure img {
    width: 100%
}

.popular-destinations .destinations-box .destinations-content {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%;
    height: 300px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    background: #fff
}

.popular-destinations .destinations-box .destinations-content .inner {
    width: 100%
}

.popular-destinations .destinations-box .destinations-content .inner img {
    float: right;
    height: 36px;
    margin-right: -50px;
    position: relative
}

.popular-destinations .destinations-box .destinations-content .inner h5 {
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #393c3f
}

.popular-destinations .destinations-box .destinations-content .inner ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.popular-destinations .destinations-box .destinations-content .inner ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    color: #41454c
}

.popular-destinations .destinations-box .destinations-content .inner ul li:before {
    content: "\f0da";
    float: left;
    font-family: FontAwesome;
    color: #c5050c;
    margin-right: 10px
}

.tour-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-box:hover {
    -webkit-box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2)
}

.tour-box:hover figure img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.tour-box figure {
    width: 100%;
    position: relative;
    margin: 0;
    overflow: hidden
}

.tour-box figure img {
    width: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-box figure .tag {
    height: 38px;
    line-height: 38px;
    padding: 0 30px;
    position: absolute;
    right: 0;
    top: 40px;
    background: #c5050c;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.tour-box figure .tag:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 19px 19px;
    border-color: transparent transparent #c5050c transparent;
    position: absolute;
    left: -19px;
    bottom: 0
}

.tour-box figure .tag:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 19px 19px 0;
    border-color: transparent #c5050c transparent transparent;
    position: absolute;
    left: -19px;
    top: 0
}

.tour-box .tour-content {
    width: 100%;
    background: #fff;
    padding: 40px
}

.tour-box .tour-content .tag {
    display: none
}

.tour-box .tour-content p {
    display: none
}

.tour-box .tour-content small {
    font-weight: 500;
    font-size: 12px;
    color: #7c838b;
    display: block
}

.tour-box .tour-content h3 {
    display: block;
    font-size: 27px;
    font-family: 'Lora', serif;
    margin: 9px 0 0 0
}

.tour-box .tour-content ul {
    width: 100%;
    float: left;
    padding: 27px 0 27px 0;
    margin-bottom: 0
}

.tour-box .tour-content ul li {
    width: 31%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.tour-box .tour-content ul li:nth-child(2) {
    width: 38%;
    border-left: 1px solid #dee0e2;
    border-right: 1px solid #dee0e2
}

.tour-box .tour-content ul li:first-child div {
    float: left
}

.tour-box .tour-content ul li:last-child div {
    float: right
}

.tour-box .tour-content ul li:last-child {
    border-right: 0
}

.tour-box .tour-content ul li img {
    height: 40px;
    margin-bottom: 10px
}

.tour-box .tour-content ul li span {
    font-weight: 600;
    font-size: 14px;
    display: block;
    color: #393c3f
}

.tour-box .tour-content ul li small {
    font-size: 10px;
    color: #7c838b
}

.tour-box a {
    width: 100%;
    height: 46px;
    line-height: 44px;
    float: left;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    text-align: center;
    color: #7c838b;
    font-weight: 700
}

.tour-box a:hover {
    background: #c5050c;
    border-color: #c5050c;
    color: #fff;
    text-decoration: none
}

.tour-box-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.tour-box-list figure {
    -ms-flex-preferred-size: 370px;
    flex-basis: 370px;
    margin: 0
}

.tour-box-list figure .tag {
    display: none
}

.tour-box-list figure img {
    width: 100%;
    float: left
}

.tour-box-list .tour-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 43px;
    background: #fff;
    position: relative
}

.tour-box-list .tour-content .tag {
    height: 38px;
    line-height: 38px;
    padding: 0 30px;
    position: absolute;
    right: 0;
    top: 40px;
    background: #c5050c;
    color: #fff
}

.tour-box-list .tour-content .tag:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 19px 19px;
    border-color: transparent transparent #c5050c transparent;
    position: absolute;
    left: -19px;
    bottom: 0
}

.tour-box-list .tour-content .tag:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 19px 19px 0;
    border-color: transparent #c5050c transparent transparent;
    position: absolute;
    left: -19px;
    top: 0
}

.tour-box-list .tour-content small {
    font-weight: 500;
    font-size: 12px;
    color: #7c838b;
    display: block
}

.tour-box-list .tour-content h3 {
    display: block;
    font-size: 26px;
    font-family: 'Lora', serif;
    margin: 10px 0 0 0
}

.tour-box-list .tour-content p {
    font-weight: 300;
    font-size: 17px;
    line-height: 30px;
    padding: 17px 0 20px 0
}

.tour-box-list .tour-content .inner {
    width: 100%;
    display: block
}

.tour-box-list .tour-content ul {
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 0
}

.tour-box-list .tour-content ul li {
    float: left;
    border-right: 1px solid #dee0e2;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    list-style: none
}

.tour-box-list .tour-content ul li:last-child {
    border-right: 0
}

.tour-box-list .tour-content ul li:nth-child(n+2) {
    padding-left: 20px
}

.tour-box-list .tour-content ul li img {
    height: 40px;
    float: left;
    margin-right: 10px
}

.tour-box-list .tour-content ul li small {
    display: block;
    font-weight: 300
}

.tour-box-list .tour-content ul li span {
    width: 125px;
    display: block;
    color: #393c3f;
    font-weight: 500
}

.tour-box-list .tour-content a {
    height: 46px;
    line-height: 44px;
    float: right;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    text-align: center;
    color: #7c838b;
    font-weight: 700;
    padding: 0 46px
}

.tour-box-list .tour-content a:hover {
    background: #c5050c;
    border-color: #c5050c;
    color: #fff;
    text-decoration: none
}

.adventure-activities {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    overflow: hidden
}

.adventure-activities .container {
    overflow: visible !important
}

.adventure-activities .section-desc {
    color: #393c3f;
    padding-left: 10%;
    font-weight: 300;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 40px
}

.adventure-activities .activities-carousel {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px
}

.adventure-activities .activities-carousel .activity-box {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden
}

.adventure-activities .activities-carousel .activity-box:hover figcaption:after {
    width: calc(100% - 60px)
}

.adventure-activities .activities-carousel .activity-box:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    webkit-filter: blur(4px);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.adventure-activities .activities-carousel .activity-box:hover:after {
    opacity: 0.9
}

.adventure-activities .activities-carousel .activity-box:after {
    content: "";
    width: 100%;
    height: 150px;
    opacity: 0.8;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#131314));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#131314', GradientType=0)
}

.adventure-activities .activities-carousel .activity-box img {
    width: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.adventure-activities .activities-carousel .activity-box figcaption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    font-family: 'Lora', serif;
    font-size: 24px;
    color: #fff;
    padding: 30px
}

.adventure-activities .activities-carousel .activity-box figcaption:after {
    content: "";
    width: 55px;
    height: 1px;
    background: #c5050c;
    position: absolute;
    left: 30px;
    bottom: 25px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.adventure-activities .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 4px
}

.adventure-activities .swiper-button-prev:hover .arrow-left:before {
    background: url("../images/arrow-left-hover.png") no-repeat
}

.adventure-activities .swiper-button-prev .arrow-left:before {
    content: "";
    width: 22px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: url("../images/arrow-left.png") no-repeat;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.adventure-activities .swiper-button-prev img {
    width: 42px
}

.adventure-activities .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.adventure-activities .swiper-button-next {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 4px
}

.adventure-activities .swiper-button-next:hover .arrow-right:before {
    background: url("../images/arrow-right-hover.png") no-repeat
}

.adventure-activities .swiper-button-next .arrow-right:before {
    content: "";
    width: 22px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: url("../images/arrow-right.png") no-repeat;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.adventure-activities .swiper-button-next img {
    width: 42px
}

.adventure-activities .swiper-button-next.swiper-button-disabled {
    opacity: 0
}

.reviews {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff;
}

.reviews .container {
    padding: 0
}

.reviews .swiper-pagination {
    bottom: -30px
}

.reviews .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #dee0e2
}

.reviews .swiper-pagination-bullet-active {
    background-color: #53a0ef
}

.reviews .swiper-reviews {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 50px
}

.reviews .review {
    width: 100%;
    float: left;
    background: #fff;
    padding: 50px 65px;
    text-align: center;
    position: relative;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.reviews .review:hover {
    -webkit-box-shadow: 0px 10px 10px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 0px 10px 10px 5px rgba(153, 153, 153, 0.2);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.reviews .review:before {
    content: "";
    display: block;
    background: url("../images/quote.png") no-repeat;
    width: 119px;
    height: 96px;
    position: absolute;
    left: 15px;
    top: -10px;
    color: #f4fbff;
    z-index: 0
}

.reviews .review i {
    color: #c5050c;
    display: inline-block;
    font-size: 20px;
    position: relative;
    z-index: 100
}

.reviews .review h4 {
    font-family: 'Lora';
    font-size: 24px;
    display: block;
    margin: 20px 0;
    position: relative;
    color: #393c3f;
    z-index: 100
}

.reviews .review p {
    font-weight: 300;
    line-height: 30px;
    color: #393c3f;
    font-size: 18px;
    margin-bottom: 30px;
    z-index: 100
}

.reviews .review figure {
    display: block
}

.reviews .review figure img {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%
}

.reviews .review small {
    font-weight: 500;
    display: block;
    color: #393c3f;
    font-size: 14px
}

.recent-blog {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #ecf4f8
}

.recent-blog .blog-post {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.recent-blog .blog-post:hover {
    -webkit-box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.recent-blog .blog-post .post-image {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden
}

.recent-blog .blog-post .post-image img {
    width: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.recent-blog .blog-post .post-content {
    width: 100%;
    padding: 30px;
    background: #fff;
    text-align: center
}

.recent-blog .blog-post .post-content small {
    font-weight: 500;
    font-size: 12px;
    display: block;
    color: #7c838b;
    margin-bottom: 10px
}

.recent-blog .blog-post .post-content small span {
    margin: 0 14px
}

.recent-blog .blog-post .post-content h3 {
    font-family: 'Lora';
    font-size: 23px;
    margin-bottom: 20px;
    line-height: 40px
}

.recent-blog .blog-post .post-content a {
    display: inline-block;
    font-size: 14px;
    color: #393c3f;
    font-weight: 700;
    letter-spacing: 0
}

.recent-blog .blog-post .post-content a:hover {
    color: #c5050c;
    text-decoration: none
}

.recent-blog .blog-post .post-content a img {
    width: 30px;
    margin-right: 8px
}

.related-blog {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #ecf4f8
}

.related-blog .section-title {
    margin-bottom: 50px
}

.related-blog .blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.related-blog .blog-post:hover {
    -webkit-box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2)
}

.related-blog .blog-post:hover .post-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.related-blog .blog-post .post-image {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    height: 223px;
    margin: 0;
    position: relative;
    overflow: hidden
}

.related-blog .blog-post .post-image img {
    width: 100%;
    height: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.related-blog .blog-post .post-content {
    padding: 0 30px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.related-blog .blog-post .post-content small {
    font-size: 12px;
    display: block;
    color: #7c838b;
    margin-bottom: 10px
}

.related-blog .blog-post .post-content small span {
    margin: 0 14px
}

.related-blog .blog-post .post-content h3 {
    font-family: 'Lora', serif;
    font-size: 24px;
    margin-bottom: 15px;
    color: black;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.related-blog .blog-post .post-content a {
    text-decoration: none
}

.related-blog .blog-post .post-content a:hover h3 {
    color: #c5050c
}

.related-blog .blog-post .post-content a.read-more {
    display: inline-block;
    font-size: 13px;
    color: #393c3f;
    font-weight: 700;
    margin-left: 10px
}

.related-blog .blog-post .post-content a.read-more:before {
    border-radius: 50%
}

.related-blog .blog-post .post-content a.read-more:hover:before {
    color: white;
    background-color: #c5050c
}

.related-blog .blog-post .post-content a.read-more:hover {
    color: #c5050c;
    text-decoration: none
}

.related-blog .blog-post .post-content a.read-more img {
    width: 30px;
    margin-right: 8px
}

.checkout-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0
}

.checkout-header small {
    color: #7c838b;
    font-size: 16px;
    font-weight: 600
}

.checkout-header h2 {
    font-size: 70px;
    color: #000;
    font-family: 'Lora', serif;
    margin-bottom: 50px;
    margin-top: 7px
}

.checkout-header p {
    font-size: 20px;
    line-height: 34px;
    margin: 20px 0;
    float: right;
    width: 90%
}

.checkout-header p strong {
    font-weight: 500
}

.checkout-header .info-box {
    float: left;
    margin-right: 40px;
    font-size: 20px;
    line-height: 38px;
    font-weight: 400;
    color: #393c3f
}

.checkout-header .info-box strong {
    font-weight: 600
}

.checkout-header .info-box i {
    width: 38px;
    height: 38px;
    float: right;
    line-height: 38px;
    margin-left: 10px;
    color: #c5050c;
    border: 1px solid #edeeef;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer
}

.checkout-header .info-box i:hover {
    background: #c5050c;
    border: 1px solid #c5050c;
    color: white
}

.bs-tooltip-bottom {
    margin-top: 10px !important
}

.steps {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.steps small {
    font-size: 14px;
    color: #c5050c;
    font-weight: 500
}

.steps h5 {
    font-family: 'Lora', serif;
    font-size: 30px;
    color: #000;
    margin-bottom: 36px
}

.steps p {
    font-size: 20px;
    color: #7c838b;
    margin-bottom: 46px
}

.steps span {
    font-size: 14px;
    color: #7c838b;
    font-weight: 600
}

.steps b {
    font-weight: 700;
    font-size: 18px;
    color: #393c3f
}

.checkout {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.checkout .site-btn {
    padding: 0 50px;
    height: 57px;
    margin: 20px 0 0 auto
}

.checkout button {
    border: none;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer
}

.checkout .passengers {
    width: 100%
}

.checkout .passengers .accordion>.card {
    overflow: visible
}

.checkout .passengers form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkout .passengers form .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    margin-bottom: 25px
}

.checkout .passengers form .form-group input[type="text"] {
    width: 100%;
    height: 46px;
    line-height: 56px;
    font-size: 18px;
    float: left;
    position: relative;
    border: 1px solid #dee0e2;
    border-radius: 4px;
    padding: 0 15px;
    color: #7c838b
}

.checkout .passengers .extras {
    background: #ecf4f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    padding: 50px
}

.checkout .passengers .extras h5 {
    width: 100%;
    float: left;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    color: #393c3f
}

.checkout .passengers .extras .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.checkout .passengers .extras .left-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 6px
}

.checkout .passengers .extras .left-side .extra-box {
    width: 100%;
    float: left;
    padding: 20px;
    border-radius: 4px;
    background: #fff
}

.checkout .passengers .extras .left-side .extra-box:first-child {
    margin-bottom: 6px
}

.checkout .passengers .extras .left-side .extra-box h6 {
    display: block;
    font-size: 18px;
    color: #393c3f
}

.checkout .passengers .extras .left-side .extra-box span {
    float: left;
    font-weight: 700;
    font-size: 18px;
    color: #393c3f
}

.checkout .passengers .extras .left-side .extra-box a {
    float: right;
    height: 46px;
    line-height: 47px;
    padding: 0 31px;
    border-radius: 6px;
    background: #53a0ef;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    font-size: 14px
}

.checkout .passengers .extras .left-side .extra-box a:hover {
    text-decoration: none;
    background: #3692f1
}

.checkout .passengers .extras .right-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.checkout .passengers .extras .right-side .extra-detail-box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    border-radius: 4px;
    background: #fff;
    position: relative
}

.checkout .passengers .extras .right-side .extra-detail-box .remove {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    color: #b8bfc5;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    font-size: 12px
}

.checkout .passengers .extras .right-side .extra-detail-box .remove:hover {
    color: #393c3f
}

.checkout .passengers .extras .right-side .extra-detail-box h6 {
    display: block
}

.checkout .passengers .extras .right-side .extra-detail-box span {
    display: block;
    font-weight: 700;
    font-size: 18px
}

.checkout .passengers .extras .right-side .extra-detail-box .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: auto
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .dropdown {
    width: 100%;
    height: 46px;
    line-height: 44px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    border-radius: 6px
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .dropdown .dropdown-menu {
    width: 100%;
    will-change: unset !important;
    top: 100% !important;
    -webkit-animation-name: "dropdown-fade";
    -webkit-animation-duration: .25s;
    -webkit-transform: translate3d(0, 0px, 0) !important;
    transform: translate3d(0, 0px, 0) !important;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1)
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .dropdown .dropdown-menu li {
    height: 48px;
    width: 100%;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .dropdown .dropdown-menu li:hover {
    background-color: #f4fbff
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .dropdown .dropdown-menu a {
    width: 100%;
    display: block;
    height: 100%;
    line-height: 48px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .dropdown .dropdown-menu a:hover {
    color: #c5050c
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .selectdrop a {
    float: none;
    background: none;
    color: #7c838b;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
    font-weight: normal;
    cursor: pointer
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .selectdrop a:before {
    display: none
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .arrow {
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #dee0e2;
    padding: 0 15px;
    color: #c5050c;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.checkout .passengers .extras .right-side .extra-detail-box .inner .arrow:hover {
    background: #c5050c;
    color: white
}

.checkout .passengers .extras .right-side .extra-detail-box .form-group {
    width: 100%;
    height: 46px;
    line-height: 44px;
    float: left;
    position: relative;
    border: 1px solid #dee0e2;
    margin: 0;
    border-radius: 6px
}

.checkout .passengers .extras .right-side .extra-detail-box a {
    float: right;
    height: 46px;
    line-height: 47px;
    padding: 0 31px;
    border-radius: 6px;
    background: #53a0ef;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    margin-left: 6px;
    font-size: 14px
}

.checkout .passengers .extras .right-side .extra-detail-box a:hover {
    text-decoration: none;
    background: #3692f1
}

.checkout .passengers-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkout .passengers-info .form-group.select-group:before {
    height: 57px;
    line-height: 57px;
    right: 7px
}

.checkout .passengers-info form {
    width: 100%
}

.checkout .passengers-info form .inner {
    width: 100%;
    float: left;
    background: #fff;
    padding: 50px;
    padding-bottom: 40px;
    margin-bottom: 20px
}

.checkout .passengers-info form .inner .dropdown {
    width: 100%;
    height: 57px;
    line-height: 57px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    border-radius: 6px;
    border: 1px solid #dee0e2
}

.checkout .passengers-info form .inner .dropdown a {
    text-decoration: none
}

.checkout .passengers-info form .inner .dropdown .dropdown-menu {
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    will-change: unset !important;
    top: 100% !important;
    -webkit-animation-name: "dropdown-fade";
    -webkit-animation-duration: .25s;
    -webkit-transform: translate3d(0, 0px, 0) !important;
    transform: translate3d(0, 0px, 0) !important;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1)
}

.checkout .passengers-info form .inner .dropdown .dropdown-menu li {
    height: 48px;
    width: 100%;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.checkout .passengers-info form .inner .dropdown .dropdown-menu li:hover {
    background-color: #f4fbff
}

.checkout .passengers-info form .inner .dropdown .dropdown-menu a {
    width: 100%;
    display: block;
    height: 100%;
    line-height: 48px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.checkout .passengers-info form .inner .dropdown .dropdown-menu a:hover {
    color: #c5050c
}

.checkout .passengers-info form .inner .selectdrop a {
    float: none;
    background: none;
    color: #7c838b;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
    font-weight: normal;
    cursor: pointer
}

.checkout .passengers-info form .inner .selectdrop a:before {
    display: none
}

.checkout .passengers-info form .inner .arrow {
    height: 57px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #dee0e2;
    padding: 0 15px;
    color: #c5050c;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.checkout .passengers-info form .inner .arrow:hover {
    background: #c5050c;
    color: white
}

.checkout .passengers-info form .inner h6 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 30px
}

.checkout .passengers-info form .inner .form-group {
    width: 50%;
    float: left;
    padding-right: 6px;
    position: relative
}

.checkout .passengers-info form .inner .form-group input[type="text"] {
    width: 100%;
    height: 57px;
    float: left;
    position: relative;
    border: 1px solid #dee0e2;
    border-radius: 4px;
    padding: 0 15px
}

.checkout .passengers-info form label {
    line-height: 30px;
    font-size: 18px;
    color: #393c3f;
    cursor: text;
    font-weight: 400;
    width: 90%
}

.checkout .passengers-info form label a {
    color: #53a0ef;
    -webkit-text-decoration: underline solid #cce4fb;
    text-decoration: underline solid #cce4fb;
    font-weight: 500
}

.checkout .passengers-info form input[type="checkbox"] {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #c5050c;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.checkout .passengers-info form input[type="checkbox"]:checked {
    background: url(../images/icon-check.svg) center no-repeat;
    background-size: 18px auto
}

.checkout .summary {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.checkout .summary .summary-head {
    width: 100%;
    padding: 30px 50px;
    background: #fff
}

.checkout .summary .summary-head h3 {
    font-size: 30px;
    font-family: 'Lora', serif;
    margin-top: 35px
}

.checkout .summary .summary-head span {
    color: #7c838b
}

.checkout .summary .summary-head figure {
    float: right;
    margin: 0
}

.checkout .summary .summary-head figure img {
    width: 146px;
    float: left;
    border-radius: 50%
}

.checkout .summary .summary-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ecf4f8;
    padding: 20px 50px
}

.checkout .summary .summary-body .summery-row:first-child {
    color: #7c838b
}

.checkout .summary .summary-body .summery-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 20px;
    color: #393c3f;
    font-size: 14px;
    font-weight: 600
}

.checkout .summary .summary-body .summery-row pre {
    display: inline
}

.checkout .summary .summary-body .summery-row .total {
    color: #7c838b;
    font-size: 14px;
    font-weight: 600
}

.checkout .summary .summary-body .summery-row span {
    color: #7c838b
}

.checkout .summary .summary-body .summery-row.white-bg {
    background: #fff;
    margin-bottom: 10px;
    color: #393c3f;
    font-size: 16px;
    padding: 20px
}

.checkout .summary .summary-body .summery-row div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.checkout .summary .summary-body .summery-row div strong {
    color: #393c3f;
    font-size: 24px;
    font-weight: 600
}

.checkout .summary .summary-body .summery-row div:nth-child(1) {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.checkout .summary .summary-body .summery-row div:last-child {
    text-align: right
}

.checkout .payment {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkout .payment form {
    width: 100%
}

.checkout .payment form .inner {
    width: 100%;
    float: left;
    background: #fff;
    padding: 50px;
    padding-bottom: 40px;
    margin-bottom: 20px
}

.checkout .payment form .inner h6 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 30px
}

.checkout .payment form .inner .coupon-field {
    position: relative
}

.checkout .payment form .inner .coupon-field button {
    width: 86px;
    height: 57px;
    position: absolute;
    right: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: transparent;
    border-left: 1px solid #dee0e2;
    font-weight: 700;
    font-size: 14px;
    color: #7c838b;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.checkout .payment form .inner .coupon-field button:hover {
    background-color: #c5050c;
    color: white
}

.checkout .payment form .inner .form-group {
    width: 33.33333%;
    float: left;
    padding-right: 6px;
    position: relative
}

.checkout .payment form .inner .form-group.big {
    width: 50%
}

.checkout .payment form .inner .form-group .select-box {
    width: 100%;
    height: 46px;
    line-height: 44px;
    float: left;
    position: relative;
    border: 1px solid #dee0e2;
    margin: 0;
    border-radius: 6px
}

.checkout .payment form .inner .form-group .select-box select {
    width: 100%;
    height: 46px;
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: transparent;
    padding: 0 15px
}

.checkout .payment form .inner .form-group .select-box .arrow {
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #dee0e2;
    padding: 0 15px;
    color: #c5050c
}

.checkout .payment form .inner .form-group input[type="text"] {
    width: 100%;
    height: 57px;
    float: left;
    position: relative;
    border: 1px solid #dee0e2;
    border-radius: 4px;
    padding: 0 15px
}

.select-group {
    cursor: pointer
}

.form-group.select-group:before {
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #c5050c;
    width: 50px;
    height: 46px;
    line-height: 46px;
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    border-left: 1px solid #dee0e2;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.form-group.select-group:hover:before {
    background-color: #c5050c;
    color: white
}

.form-group select {
    width: 100%;
    height: 46px;
    border: 1px solid #dee0e2 !important;
    position: relative;
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: transparent;
    padding: 0 15px;
    cursor: pointer
}

.form-group select option {
    font-size: 14px;
    color: #7c838b
}

.tours-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0
}

.tours-header h6 {
    color: #53a0ef;
    font-size: 16px
}

.tours-header h2 {
    font-family: 'Lora', serif;
    font-size: 70px;
    margin-bottom: 30px
}

.tours-header p {
    display: block;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 300;
    color: #393c3f
}

.tours-header p strong {
    font-weight: 500
}

.tours-header .filter {
    float: left;
    margin-right: 40px
}

.tours-header .filter a {
    line-height: 38px;
    color: #393c3f;
    font-size: 20px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    text-decoration: none;
    cursor: pointer
}

.tours-header .filter a:hover i {
    background-color: #c5050c;
    border: 1px solid #c5050c;
    color: white
}

.tours-header .filter a i {
    width: 38px;
    height: 38px;
    line-height: 38px;
    float: right;
    margin-left: 10px;
    border: 1px solid #dee0e2;
    border-radius: 50%;
    text-align: center;
    color: #c5050c;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tours-header .filter .dropdown-menu {
    margin-top: 15px;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #dee0e2
}

.view-type {
    float: right;
    margin: 0;
    padding: 0
}

.view-type li {
    float: left;
    margin-left: 10px;
    list-style: none;
    position: relative
}

.view-type li a {
    float: left;
    padding: 7px 10px;
    border: 1px solid #dee0e2;
    border-radius: 4px;
    color: #bdc1c5;
    font-size: 20px
}

.filter.dropdown {
    position: relative !important
}

.filter .dropdown-menu {
    will-change: unset !important;
    -webkit-transform: translate3d(0, 10px, 0) !important;
    transform: translate3d(0, 10px, 0) !important;
    padding: 29px !important;
    min-width: 310px !important;
    max-width: 500px;
    position: absolute;
    top: 100% !important;
    left: calc(100% - 80px) !important;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-animation-name: "dropdown-fade";
    animation-name: "dropdown-fade";
    -webkit-animation-duration: .25s
}

.filter .dropdown-check li:not(:last-child) span {
    font-size: 16px;
    color: #2c2f32;
    margin: 0 0 0 9px;
    float: left;
    color: #2c2f32
}

.filter .dropdown-check li:not(:last-child) {
    margin: 12px 0
}

.filter .dropdown-check li:not(:last-child):after {
    content: "";
    display: table;
    clear: both
}

.filter .dropdown-check li:not(:last-child):first-child {
    margin: 0
}

.filter .dropdown-check input[type="checkbox"] {
    margin: 0;
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e0e2e4;
    position: relative;
    cursor: pointer
}

.filter .dropdown-check input[type="checkbox"]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #c5050c;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.filter .dropdown-check:before {
    content: "";
    display: block;
    background: url("../images/caret.png") no-repeat;
    width: 20px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 50px
}

.filter .dropdown-check li>div:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ecf4f8;
    margin: 20px 0
}

.filter .dropdown-check li>div span {
    font-size: 14px;
    color: #7c838b;
    cursor: pointer;
    font-weight: 500
}

.filter .dropdown-check li>div span i {
    margin-right: 10px
}

.filter .dropdown-check li>div span:last-child {
    float: right;
    color: #c5050c
}

@-webkit-keyframes dropdown-fade {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        visibility: none
    }

    100% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 1;
        visibility: visible
    }
}

@keyframes dropdown-fade {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        visibility: none
    }

    100% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes rangerpicker-fade {
    0% {
        -webkit-transform: translate(19px, 80px);
        transform: translate(19px, 80px);
        opacity: 0;
        visibility: none
    }

    100% {
        -webkit-transform: translate(19px, 20px);
        transform: translate(19px, 20px);
        opacity: 1;
        visibility: visible
    }
}

@keyframes rangerpicker-fade {
    0% {
        -webkit-transform: translate(19px, 80px);
        transform: translate(19px, 80px);
        opacity: 0;
        visibility: none
    }

    100% {
        -webkit-transform: translate(19px, 20px);
        transform: translate(19px, 20px);
        opacity: 1;
        visibility: visible
    }
}

.related-tours {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.related-tours .section-title {
    margin-bottom: 32px
}

.tours-grid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.tours-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.tour-single-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0
}

.tour-single-header h6 {
    color: #53a0ef;
    font-size: 16px
}

.tour-single-header h2 {
    font-family: 'Lora', serif;
    font-size: 70px;
    margin-bottom: 60px
}

.tour-single-header p {
    display: block;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 300;
    color: #393c3f
}

.tour-single-header p strong {
    font-weight: 500
}

.tour-single-header .price {
    float: left;
    line-height: 38px;
    font-size: 20px
}

.tour-single-header .filter {
    float: left;
    margin-right: 40px
}

.tour-single-header .filter a {
    line-height: 38px;
    color: #393c3f;
    font-size: 20px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer;
    text-decoration: none
}

.tour-single-header .filter a:hover i {
    background-color: #c5050c;
    border: 1px solid #c5050c;
    color: white
}

.tour-single-header .filter a i {
    width: 38px;
    height: 38px;
    line-height: 38px;
    float: right;
    margin-left: 10px;
    border: 1px solid #dee0e2;
    border-radius: 50%;
    text-align: center;
    color: #c5050c;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-single-header .filter .dropdown-menu {
    margin-top: 15px;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #dee0e2
}

.tour-single-header .filter .available-dropdown {
    min-width: 330px !important
}

.tour-single-header .filter .dropdown-check li span:nth-of-type(1) {
    font-weight: 600
}

.tour-single-header .filter .dropdown-check li input[disabled="disabled"] {
    background-color: #f4fbff
}

.tour-single-header .filter .dropdown-check li span.not-available {
    text-decoration: line-through;
    color: #7c838b
}

.tour-single-header .filter .dropdown-check li .available {
    text-align: right;
    float: right;
    margin: 0;
    margin-left: 70px;
    color: #7c838b
}

.tour-single-header .passenger-dropdown {
    min-width: 360px !important
}

.tour-single-header .passenger-dropdown li:not(:last-child) div {
    width: 50%;
    display: inline-block;
    float: left;
    margin-top: 26px
}

.tour-single-header .passenger-dropdown li:not(:last-child) div:before {
    display: none
}

.tour-single-header .passenger-dropdown li:not(:last-child) div h6 {
    margin: 0;
    color: #2c2f32;
    font-size: 16px;
    font-weight: 900
}

.tour-single-header .passenger-dropdown li:not(:last-child) div h6 span {
    font-weight: 300
}

.tour-single-header .passenger-dropdown li:not(:last-child) div span {
    float: none;
    margin: 0
}

.tour-single-header .passenger-dropdown li:not(:last-child) div>span {
    font-size: 14px;
    color: #2c2f32
}

.tour-single-header .passenger-dropdown li:not(:last-child) div li {
    list-style: none;
    display: inline-block
}

.tour-single-header .passenger-dropdown li:not(:last-child) div li:first-child,
.tour-single-header .passenger-dropdown li:not(:last-child) div li:last-child {
    width: 37px;
    height: 37px;
    border: 1px solid #bdc1c5;
    color: #bdc1c5;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-single-header .passenger-dropdown li:not(:last-child) div li:first-child:hover,
.tour-single-header .passenger-dropdown li:not(:last-child) div li:last-child:hover {
    color: #c5050c
}

.tour-single-header .passenger-dropdown li:not(:last-child) div li:nth-child(2) {
    font-size: 20px;
    color: #393c3f;
    margin: 0 8px
}

.tour-single-header .passenger-dropdown li:first-child div {
    margin-top: 0
}

.tour-hero-image {
    width: 100%;
    height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover
}

.tour-desc {
    width: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    font-weight: 300
}

.tour-desc .section-title {
    padding: 0 15%
}

.tour-desc p {
    font-size: 20px;
    line-height: 34px;
    font-weight: 300
}

.tour-desc p a {
    text-decoration: underline;
    color: #53a0ef
}

.tour-overview {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 150px
}

.tour-overview ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.tour-overview ul li {
    width: 33.33333%;
    float: left;
    margin-bottom: 15px;
    padding: 0;
    list-style: none
}

.tour-overview ul li figure {
    width: 70px;
    float: left;
    margin-right: 10px
}

.tour-overview ul li figure img {
    width: 100%
}

.tour-overview ul li small {
    display: block;
    color: #7c838b;
    font-size: 12px;
    font-weight: 500;
    margin-top: 12px
}

.tour-overview ul li h6 {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #393c3f
}

.tour-attraction {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.tour-attraction .attraction-carousel {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative
}

.tour-attraction .attraction-carousel .attraction-box {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden
}

.tour-attraction .attraction-carousel .attraction-box:hover figcaption:after {
    width: calc(100% - 60px)
}

.tour-attraction .attraction-carousel .attraction-box:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    webkit-filter: blur(4px);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.tour-attraction .attraction-carousel .attraction-box:hover:after {
    opacity: 0.9
}

.tour-attraction .attraction-carousel .attraction-box:after {
    content: "";
    width: 100%;
    height: 150px;
    opacity: 0.8;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#131314));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#131314', GradientType=0)
}

.tour-attraction .attraction-carousel .attraction-box img {
    width: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-attraction .attraction-carousel .attraction-box figcaption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    font-family: 'Lora', serif;
    font-size: 24px;
    color: #fff;
    padding: 30px
}

.tour-attraction .attraction-carousel .attraction-box figcaption:after {
    content: "";
    width: 55px;
    height: 1px;
    background: #c5050c;
    position: absolute;
    left: 30px;
    bottom: 25px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-attraction .attraction-carousel .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    left: 19%
}

.tour-attraction .attraction-carousel .swiper-button-prev:hover .arrow-left:before {
    background: url("../images/arrow-left-hover.png") no-repeat
}

.tour-attraction .attraction-carousel .swiper-button-prev .arrow-left:before {
    content: "";
    width: 22px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: url("../images/arrow-left.png") no-repeat;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-attraction .attraction-carousel .swiper-button-prev img {
    width: 42px
}

.tour-attraction .attraction-carousel .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.tour-attraction .attraction-carousel .swiper-button-next {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    right: 19%
}

.tour-attraction .attraction-carousel .swiper-button-next:hover .arrow-right:before {
    background: url("../images/arrow-right-hover.png") no-repeat
}

.tour-attraction .attraction-carousel .swiper-button-next .arrow-right:before {
    content: "";
    width: 22px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: url("../images/arrow-right.png") no-repeat;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.tour-attraction .attraction-carousel .swiper-button-next img {
    width: 42px
}

.tour-attraction .attraction-carousel .swiper-button-next.swiper-button-disabled {
    opacity: 0
}

.tour-features {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 150px 0
}

.tour-features .feature-box {
    width: 33.33333%;
    float: left;
    border-left: 1px solid #dee0e2;
    padding: 0 5%
}

.tour-features .feature-box:first-child {
    border: none
}

.tour-features .feature-box figure {
    width: 60px;
    float: right;
    margin: 0
}

.tour-features .feature-box figure img {
    width: 100%
}

.tour-features .feature-box h4 {
    font-family: 'Lora', serif;
    font-size: 30px;
    margin-bottom: 40px
}

.tour-features .feature-box .seperator {
    height: 11px;
    display: block;
    margin-bottom: 20px
}

.tour-features .feature-box ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.tour-features .feature-box ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    font-weight: 300;
    font-size: 18px;
    color: #393c3f
}

.tour-features .feature-box ul li i {
    color: #53a0ef;
    margin-right: 10px
}

.feature-box:nth-child(2) ul li i {
    color: #c5050c
}

.feature-box:nth-child(3) ul li i {
    color: #a1d156
}

.tour-location {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.tour-location .inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tour-location .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px
}

.tour-location .map-style {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f4fbff
}

.tour-location h6 {
    font-size: 12px;
    font-weight: 700;
    color: #7c838b;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    font-weight: 500
}

.tour-location h3 {
    font-family: 'Lora', serif;
    font-size: 40px;
    margin: 10px 0 20px 0
}

.tour-location p {
    font-weight: 300;
    font-size: 20px;
    line-height: 34px
}

.tour-location .title-seperator {
    display: block;
    margin-bottom: 40px
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.upcoming-departure {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #ecf4f8;
    position: relative
}

.upcoming-departure .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.upcoming-departure .col-lg-4:nth-child(n+5) .wrapper {
    -webkit-transform: translateY(-83px)
}

.upcoming-departure .departure-box {
    background-color: white;
    padding: 40px 30px 10px 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    z-index: 10;
    position: relative;
    margin-top: 30px;
    width: 100%;
    height: 74%
}

.upcoming-departure .departure-box:hover {
    -webkit-box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    z-index: 100;
    position: absolute;
    height: 100%
}

.upcoming-departure .departure-box:hover .timing {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.upcoming-departure .departure-box:hover .departure .plane {
    background-image: url("../images/plane-blue.png")
}

.upcoming-departure .departure-box:hover .return .plane {
    background-image: url("../images/plane-orange.png")
}

.upcoming-departure .departure-box:hover a {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.upcoming-departure .departure-box a {
    width: 100%;
    -webkit-transform: translateY(-108px);
    transform: translateY(-108px);
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin: 0;
    background: transparent;
    border: 1px solid #dee0e2;
    color: #7c838b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.upcoming-departure .departure-box a:hover {
    color: white;
    background-color: #c5050c;
    border: 1px solid #c5050c;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1)
}

.upcoming-departure .departure-box:after {
    content: "";
    clear: both;
    display: table
}

.upcoming-departure .departure-box .timing {
    border-top: 1px solid #dee0e2;
    float: left;
    width: 100%;
    padding: 30px 0 30px 0;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    opacity: 0;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.upcoming-departure .departure-box .timing small {
    display: block;
    margin-bottom: 10px
}

.upcoming-departure .departure-box .timing h6 {
    width: 50%;
    display: inline
}

.upcoming-departure .departure-box .timing span {
    text-align: right;
    width: 50%;
    float: right
}

.upcoming-departure .departure-box .plane {
    width: 57px;
    height: 32px;
    background-image: url("../images/plane.png");
    margin: 35px auto;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.upcoming-departure .departure-box .departure {
    width: 50%;
    text-align: center;
    display: inline-block;
    float: left;
    border-right: 1px solid #dee0e2;
    margin-bottom: 30px
}

.upcoming-departure .departure-box .return {
    width: 50%;
    text-align: center;
    display: inline-block;
    float: left;
    margin-bottom: 30px
}

.upcoming-departure .departure-box .return .plane {
    background-image: url("../images/plane-left.png")
}

.upcoming-departure .departure-box .small {
    font-weight: 500;
    font-size: 12px;
    color: #7c838b
}

.upcoming-departure .departure-box h6 {
    font-weight: 500;
    font-size: 16px;
    color: #393c3f;
    margin: 0
}

.tour-information {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.tour-information div[class="col-lg-5"]:before {
    content: "";
    display: block;
    position: absolute;
    left: -10%;
    width: 1px;
    height: 100%;
    background-color: #dee0e2
}

.tour-information h3 {
    display: block;
    margin-bottom: 20px;
    font-family: 'Lora', serif;
    font-size: 30px
}

.tour-information p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
    color: #393c3f
}

.tour-information .accordion {
    padding-right: 10%
}

.tour-information .accordion .card {
    text-align: left
}

.tour-information .accordion .card .card-body {
    padding-left: 80px
}

.tour-information .accordion .card .card-header {
    border-top: 1px solid #eee
}

.tour-information .accordion .card .card-header a {
    font-size: 20px;
    color: #393c3f
}

.tour-information .accordion .card .card-header.no-border {
    border: none
}

.tour-information ul {
    width: 90%;
    display: inline-block;
    margin: 0;
    padding: 0
}

.tour-information ul li {
    width: 100%;
    float: left;
    line-height: 50px;
    font-size: 18px;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #dee0e2;
    list-style: none
}

.tour-information ul li figure {
    height: 50px;
    float: left;
    margin-right: 20px;
    margin-bottom: 0
}

.tour-information ul li figure img {
    height: 50px
}

.tour-information ul li:last-child {
    border-bottom: none
}

.tabs {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.tabs .in {
    opacity: 1
}

.tabs .nav-tabs {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    border-bottom: none;
    position: relative
}

.tabs .nav-tabs li {
    float: left;
    margin-right: 6px
}

.tabs .nav-tabs li a {
    float: left;
    border-radius: 0;
    padding: 20px 30px;
    font-weight: 600;
    border: none;
    background: #ecf4f8;
    color: #7c838b
}

.tabs .nav-tabs li a:hover {
    text-decoration: none;
    color: #c5050c
}

.tabs .nav-tabs li .active {
    border: none;
    color: #393c3f;
    background: #fff
}

.tabs .nav-tabs li .active:focus {
    border: none;
    color: #393c3f;
    background: #fff
}

.tabs .nav-tabs li .active:hover {
    border: none;
    color: #393c3f;
    background: #fff
}

.tabs .tab-content {
    width: 100%;
    float: left;
    border: none;
    background: #fff;
    padding: 30px
}

.tabs .tab-content p:last-child {
    margin-bottom: 0
}

.attractions-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0
}

.attractions-header h2 {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 70px;
    font-family: 'Lora', serif
}

.attractions-header img {
    height: 11px;
    display: block;
    margin-bottom: 50px
}

.attractions-header p {
    display: block;
    font-size: 20px;
    line-height: 34px;
    color: #393c3f
}

.attractions-hero-image {
    width: 100%;
    height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover
}

.attractions-desc {
    width: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.attractions-desc p {
    font-size: 20px;
    line-height: 34px;
    color: #393c3f;
    margin-bottom: 30px
}

.attractions-desc p:last-child {
    margin-bottom: 0
}

.attractions-desc p a {
    text-decoration: underline;
    color: #53a0ef
}

.things-todo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    border-right: 1px solid #dee0e2
}

.things-todo .section-title {
    margin-bottom: 18px
}

.things-todo ul {
    width: 90%;
    display: inline-block;
    margin: 0;
    padding: 0
}

.things-todo ul li {
    font-weight: 300;
    width: 100%;
    float: left;
    line-height: 50px;
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #dee0e2;
    list-style: none;
    color: #393c3f
}

.things-todo ul li:last-child {
    border-bottom: none
}

.things-todo ul li img {
    height: 50px;
    float: left;
    margin-right: 20px
}

.attractions {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.attractions .section-title {
    text-align: left
}

.attractions-box {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    overflow: hidden
}

.attractions-box:hover figcaption:after {
    width: calc(100% - 60px)
}

.attractions-box:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    webkit-: blur(4px);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.attractions-box:hover:after {
    opacity: 0.9
}

.attractions-box:after {
    content: "";
    width: 100%;
    height: 150px;
    opacity: 0.8;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#131314));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#131314', GradientType=0)
}

.attractions-box img {
    width: 100%;
    float: left;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.attractions-box figcaption {
    width: calc(100% - 1px);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    font-family: 'Lora', serif;
    font-size: 24px;
    color: #fff;
    text-decoration: none
}

.attractions-box figcaption:after {
    content: "";
    width: 55px;
    height: 1px;
    background: #c5050c;
    position: absolute;
    left: 30px;
    bottom: 25px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.quote {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 150px;
    padding-bottom: 430px;
    background-size: cover;
    background-position: center;
    text-align: center
}

.quote h2 {
    font-family: 'Lora';
    font-size: 55px;
    margin-bottom: 27px
}

.quote img {
    height: 11px;
    display: inline-block;
    margin-bottom: 50px
}

.quote p {
    font-weight: 300;
    padding: 0 15%;
    font-size: 20px;
    line-height: 34px;
    color: #393c3f
}

.contact {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0
}

.contact .contact-hero-image {
    width: 100%;
    height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    margin-bottom: 150px
}

.contact .section-title {
    margin-bottom: 40px
}

.contact p {
    font-weight: 300;
    font-size: 20px;
    color: #393c3f;
    margin-bottom: 72px
}

.contact .content {
    width: 100%
}

.contact .map-style {
    width: 100%;
    height: 80vh;
    background: #c5050c;
    margin-bottom: 80px
}

.contact .contact-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 20px
}

.contact .contact-box:after {
    content: "";
    width: 1px;
    height: calc(100% + 37px);
    background-color: #dee0e2;
    display: block;
    position: absolute;
    right: 0
}

.contact .contact-box.no-border:after {
    display: none
}

.contact .contact-box figure {
    width: 100%
}

.contact .contact-box figure img {
    width: 98px
}

.contact .contact-box h5 {
    width: 100%;
    color: #7c838b;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 5px
}

.contact .contact-box span {
    width: 100%;
    color: #393c3f;
    font-size: 20px;
    font-weight: 450
}

.contact .contact-box span a {
    color: #393c3f;
    text-decoration: none;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.contact .contact-box span a:hover {
    color: #c5050c
}

.contact .contact-box ul {
    width: 100%;
    margin: 0;
    padding: 0
}

.contact .contact-box ul li {
    display: inline-block;
    margin: 0 6px;
    padding: 0;
    list-style: none
}

.contact .contact-box ul li a {
    color: #bdc1c5;
    font-size: 20px
}

.contact .contact-box ul li a i {
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.contact .contact-box ul li a:hover i[class='fa fa-facebook'] {
    color: #3b5998
}

.contact .contact-box ul li a:hover i[class='fa fa-twitter'] {
    color: #00acee
}

.contact .contact-box ul li a:hover i[class='fa fa-linkedin'] {
    color: #0e76a8
}

.contact .contact-box ul li a:hover i[class='fa fa-tripadvisor'] {
    color: #00af87
}

.our-offices {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #f4fbff
}

.our-offices .col-lg-6 {
    padding: 0 !important
}

.our-offices .col-lg-6:nth-child(even) {
    padding-left: 30px !important
}

.our-offices .office-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.our-offices .office-box:hover {
    -webkit-box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2)
}

.our-offices .office-box figure {
    -ms-flex-preferred-size: 270px;
    flex-basis: 270px;
    margin: 0
}

.our-offices .office-box figure img {
    width: 100%
}

.our-offices .office-box .office-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding: 50px 60px
}

.our-offices .office-box .office-content h5 {
    display: block;
    margin-bottom: 17px
}

.our-offices .office-box .office-content address {
    width: 100%;
    font-size: 16px;
    color: #393c3f;
    line-height: 31px;
    margin: 0
}

.our-offices .office-box .office-content address a {
    color: #393c3f;
    text-decoration: none
}

.our-offices .office-box .office-content address a:hover {
    color: #c5050c
}

.contact-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0;
    background: #ecf4f8
}

.contact-form form {
    text-align: left
}

.contact-form form input[type="text"] {
    width: 100%;
    height: 46px;
    line-height: 44px;
    float: left;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    padding: 0 15px;
    font-size: 16px;
    color: #393c3f
}

.contact-form form input[type="text"]:placeholder {
    color: #393c3f
}

.contact-form form textarea {
    width: 100%;
    min-height: 140px;
    float: left;
    border: 1px solid #dee0e2;
    border-radius: 6px;
    padding: 15px
}

.contact-form form button[type="submit"] {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background: #c5050c;
    color: #fff;
    padding: 0 70px;
    border-radius: 6px;
    font-weight: 700;
    margin-top: 30px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border: none;
    cursor: pointer
}

.contact-form form button[type="submit"]:hover {
    color: #c5050c;
    background: white;
    text-decoration: none;
    -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2)
}

.footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 150px 0
}

.footer h5 {
    display: block;
    color: #393c3f;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 47px
}

.footer address {
    width: 100%;
    float: left;
    color: #7c838b;
    line-height: 31px
}

.footer address a {
    color: #7c838b;
    text-decoration: none
}

.footer address a:hover {
    color: #c5050c
}

.footer .footer-menu {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.footer .footer-menu li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.footer .footer-menu li a {
    width: 100%;
    float: left;
    padding: 6px 0;
    color: #7c838b;
    text-decoration: none
}

.footer .footer-menu li a:hover {
    color: #c5050c
}

.footer .dropdown {
    width: 100%;
    height: 46px;
    line-height: 44px;
    float: left;
    position: relative;
    border: 1px solid #dee0e2;
    margin-bottom: 15px;
    border-radius: 6px
}

.footer .dropdown a {
    text-decoration: none
}

.footer .dropdown .dropdown-menu {
    width: 100%;
    will-change: unset !important;
    top: 100% !important;
    -webkit-animation-name: "dropdown-fade";
    -webkit-animation-duration: .25s;
    -webkit-transform: translate3d(0, 0px, 0) !important;
    transform: translate3d(0, 0px, 0) !important;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1)
}

.footer .dropdown .dropdown-menu a {
    font-weight: 400;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.footer .dropdown .dropdown-menu a:hover {
    background-color: #f4fbff;
    color: #c5050c
}

.footer .dropdown .dropdown-menu a:hover span {
    color: #c5050c
}

.footer .dropdown .dropdown-menu:hover {
    top: 100%
}

.footer .dropdown .arrow {
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #dee0e2;
    padding: 0 15px;
    color: #c5050c;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.footer .dropdown .arrow:hover {
    background: #c5050c;
    color: white
}

.footer .dropdown a {
    width: 100%;
    float: left;
    color: #6e7072;
    font-weight: 500;
    padding-left: 15px
}

.footer .dropdown a span {
    font-weight: 300;
    color: #7c838b;
    font-weight: 400
}

.footer .social-media {
    width: 100%;
    float: left;
    margin-top: 50px;
    padding: 0;
    position: relative
}

.footer .social-media:before {
    content: '';
    width: 75%;
    height: 1px;
    background: #ecf4f8;
    position: absolute;
    top: 15px
}

.footer .social-media li {
    float: right;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    background: #fff;
    margin-top: -10px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.footer .social-media li:last-child {
    padding-left: 50px
}

.footer .social-media li a {
    float: left;
    color: #afb4b9;
    font-size: 30px
}

.footer .social-media li a i {
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.footer .social-media li a:hover i[class='fa fa-facebook'] {
    color: #3b5998
}

.footer .social-media li a:hover i[class='fa fa-twitter'] {
    color: #00acee
}

.footer .social-media li a:hover i[class='fa fa-instagram'] {
    color: #3f729b
}

.footer .social-media li a:hover i[class='fa fa-youtube-play'] {
    color: #c4302b
}

.footer .social-media li a:hover i[class='fa fa-tripadvisor'] {
    color: #00af87
}

.footer .copyright {
    width: 100%;
    float: left;
    color: #7c838b;
    font-size: 14px
}

@media only screen and (min-width: 992px) {
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 确保所有图片容器在中等屏幕正确显示 */
    .navbar .navbar-brand img {
        max-width: 60% !important;
        height: auto !important;
        width: auto;
    }

    .popular-tours .section-desc {
        padding-left: 0;
        margin-top: 15px
    }

    .adventure-activities .section-desc {
        padding-left: 0;
        margin-top: 15px
    }

    .footer .dropdown a span {
        font-size: 14px
    }

    .tour-box-list .tour-content {
        padding: 10px 20px
    }

    .tour-box-list a {
        width: 100%;
        margin-top: 10px
    }

    .tour-box-list .inner {
        margin-top: -30px
    }

    .our-history .wrapper .content {
        padding: 35px
    }

    .our-history .wrapper .content .inner h4 {
        font-size: 25px
    }

    .our-history .wrapper .content .inner p {
        font-size: 16px
    }

    .tour-box .tour-content li div span {
        font-size: 12px
    }

    .our-offices .office-box figure {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .our-offices .office-box .office-content {
        padding: 30px
    }

    .contact .contact-box:after {
        display: none
    }

    .popular-destinations figure {
        -webkit-box-flex: 60% !important;
        -ms-flex: 60% !important;
        flex: 60% !important;
        height: 258px !important
    }

    .popular-destinations .destinations-content {
        -webkit-box-flex: 60% !important;
        -ms-flex: 60% !important;
        flex: 60% !important;
        height: 258px !important
    }

    /* 大屏幕下的 swiper-custom-pagination 等宽布局 */
    .header-maireji .swiper-custom-pagination {
        max-width: 1110px;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 0;
    }
    
    .header-maireji .swiper-pagination-bullet {
        flex: 1;
        min-width: 0;
        max-width: none;
        text-align: center;
        padding: 15px 15px;
        border-left: 1px solid #fff;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .header-maireji .swiper-pagination-bullet:first-child {
        border-left: none;
    }
    
    .header-maireji .swiper-pagination-bullet span {
        font-size: 18px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    .navbar .navbar-brand img {
        max-width: 60% !important;
        height: auto !important;
        width: auto;
    }

    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .navbar-collapse {
        display: flex !important;
        flex: 1;
        justify-content: flex-end;
    }
    
    /* 修复中等屏幕下的 swiper-custom-pagination 布局 */
    .header-maireji .swiper-custom-pagination {
        max-width: calc(100vw - 32px);
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }
    
    .header-maireji .swiper-custom-pagination::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    
    .header-maireji .swiper-pagination-bullet {
        flex: 0 0 auto;
        min-width: 120px;
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 15px 15px;
    }
    
    .header-maireji .swiper-pagination-bullet span {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 767px), 
only screen and (max-device-width: 767px) {
    .menu-btn {
        display: flex;
    }
    
    /* 修复 navbar 布局，确保搜索按钮位置正确 */
    .navbar {
        position: relative;
    }
    
    .navbar .search-btn {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0;
        z-index: 10;
    }
    
    .navbar .navbar-brand {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }
    
    .navbar .menu-btn {
        position: absolute;
        right: 80px; /* 为搜索按钮留出空间 */
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }
    
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        backdrop-filter: blur(10px);
        margin-top: 20px;
        border-radius: 8px;
        padding: 20px;
        z-index: 9;
    }
    
    /* 修复移动端 swiper-custom-pagination 的白线问题 */
    .header-maireji .swiper-custom-pagination {
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    
    .swiper-custom-pagination span span{ /* 二级 <span>：文字 */
        display:none !important;
    }
    
    .swiper-custom-pagination span + span {
        border-left: none !important;
    }
    
    .swiper-custom-pagination span{       /* 外层 bullet */
        width: 10px; 
        height: 10px;
        background: #fff; 
        border-radius: 50%;
        text-indent: -9999px; /* 彻底把文字推走 */
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    /* background: rgba(0, 0, 0, 1.0); */
    /* .navbar-collapse {
        background: white;
        backdrop-filter: blur(10px);
        margin-top: 20px;
        border-radius: 8px;
        padding: 20px;
    } */
    
    .navbar-nav .nav-item {
        margin: 10px 0;
    }

    .navbar .navbar-brand img {
        height: 100px;
        width: auto;
        display: inline-block;
        margin: 0 auto;
    }

    .navbar-nav .nav-link {
        color: black !important;
        font-weight: 600;
        padding: 10px 15px;
        transition: color 0.3s ease;
    }
    
    .navbar-nav .dropdown-menu {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0;
        margin: 0;
    }
    
    .navbar-nav .dropdown-menu .dropdown-item {
        /* color: rgba(255,255,255,0.8) !important; */
        color: white;
        background-color: white;
        padding: 8px 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: black !important;
        background: rgba(255,255,255,0.6) !important;
    }
    
    /* 隐藏默认的Bootstrap下拉箭头 */
    .navbar-nav .dropdown-toggle::after {
        display: none;
    }
}


.datepicker {
    position: relative
}

.datepicker__input:focus~.date {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s 0s, opacity 0s 0s;
    transition: visibility 0s 0s, opacity 0s 0s
}

.date {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
    -webkit-transition: visibility 0s .4s, opacity .1s .2s;
    transition: visibility 0s .4s, opacity .1s .2s;
    z-index: 10;
    -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1)
}

.date__container {
    display: none;
    width: 280px;
    max-width: 100%;
    background: #fff
}

.date__header {
    position: relative;
    font-size: 18px;
    color: white;
    text-align: center;
    background: #c5050c;
    padding: 12px 5px
}

.date__day-container {
    padding: 0;
    margin: 0;
    border: 1px solid #dee0e2;
    border-top: none
}

.date__day-name {
    border-bottom: 1px solid #dee0e2
}

.date__day {
    cursor: pointer
}

.date__right-arrow,
.date__left-arrow {
    position: absolute;
    display: inline-block;
    top: 0;
    width: 40px;
    height: 100%;
    cursor: pointer
}

.date__right-arrow::before,
.date__right-arrow::after,
.date__left-arrow::before,
.date__left-arrow::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: white
}

.date__right-arrow {
    right: 0
}

.date__right-arrow::before,
.date__right-arrow::after {
    -webkit-transform-origin: right;
    transform-origin: right
}

.date__right-arrow::before {
    -webkit-transform: translate(-50%, -70%) rotate(-45deg);
    transform: translate(-50%, -70%) rotate(-45deg)
}

.date__right-arrow::after {
    -webkit-transform: translate(-50%, -30%) rotate(45deg);
    transform: translate(-50%, -30%) rotate(45deg)
}

.date__left-arrow {
    left: 0
}

.date__left-arrow::before,
.date__left-arrow::after {
    -webkit-transform-origin: left;
    transform-origin: left
}

.date__left-arrow::before {
    -webkit-transform: translate(-50%, -30%) rotate(-45deg);
    transform: translate(-50%, -30%) rotate(-45deg)
}

.date__left-arrow::after {
    -webkit-transform: translate(-50%, -70%) rotate(45deg);
    transform: translate(-50%, -70%) rotate(45deg)
}

.date--col {
    display: inline-block;
    text-align: center;
    width: calc(100% / 7);
    font-size: 14px;
    padding: 8px 0;
    list-style-type: none;
    color: #333333
}

.date--active {
    color: white;
    background: #c5050c
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@-webkit-keyframes show-img-1 {

    0%,
    66.6% {
        visibility: hidden
    }

    100%,
    66.7% {
        visibility: visible
    }
}

@keyframes show-img-1 {

    0%,
    66.6% {
        visibility: hidden
    }

    100%,
    66.7% {
        visibility: visible
    }
}

@-webkit-keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.05, 1);
        transform: scale(0.05, 1)
    }

    66.6% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    66.7% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.05, 1);
        transform: scale(0.05, 1)
    }

    66.6% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    66.7% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

/*# sourceMappingURL=style.css.map */

/* 改善导航栏在手机端的表现 */