.copy-right a:hover, a, a:focus, a:hover { text-decoration: underline } body, p { font-weight: 500 } blockquote, p { line-height: 1.7 } .btn, blockquote footer { text-transform: uppercase } .btn-coffee, .font-star, blockquote, blockquote p { font-style: normal } html { overflow-y: scroll; -ms-overflow-style: scrollbar } body, html { height: 100%!important } body { margin: 0; padding: 0; font-family: myFont, Raleway, sans-serif; font-size: 16px; color: #5e6163; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .alt-font, .btn-read-more { font-family:Raleway, Arial, sans-serif; text-transform: uppercase; } @font-face { font-family: myFont; src: local("Arial"); unicode-range:U+30-39 } @font-face { font-family: myFont; unicode-range:U+0-2f, U+40-10FFFF } body ::-moz-selection { background:#00b2ca; color:#fff } body ::selection { background: #00b2ca; color: #fff } a, a:focus, a:hover { color: #80b157; outline: 0; cursor: pointer } ul { list-style-type: none } h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; line-height: 1.4; font-weight: 500; color: #444 } b { font-weight: 700 } .form textarea, .navbar-mobile, blockquote footer, span.hs { font-weight: 400 } blockquote { padding: 0; border: none; background: 0 0 } blockquote p { margin-bottom: 1em; font-size: 22px; line-height: 1.6 } blockquote footer { font-size: 11px; letter-spacing: 2px } .alt-font { letter-spacing: .2em } hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #eeeef7 } .clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: 0 0 } .nopadding, .one-third-height { padding: 0!important; margin: 0!important } img.resp { width: 100%; height: auto } .valign-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .valign-wrapper .valign { display: block } .relative { position: relative } .table { display: table } .table-cell { display: table-cell; vertical-align: middle; text-align: center } .right { float: right } .btn-home-wrap div, .btn-sidebar-hover, .btn-slider, .left { float: left } .margin-right-30 { margin-right: 30px } .margin-left-30 { margin-left: 30px } .info-message { margin: 25px 0 0 } .success { border-color: #a9e2c2; color: #36a367 } .error { border-color: #a94442; color: #a94442 } .black { color: #111!important } .grey { color: #acacac!important } .grey-2 { color: #ccc!important } .grey-3 { color: #444!important } .grey-4 { color: #5e6163!important } .white { color: #fff!important } .weight-color { color: #00b2ca!important; font-weight: 500 } .border-radius-top { font-weight: 500; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #bdbfbf; border: 1px solid #a4a8a7; color: #fff; padding: 6px 10px 4px } .search-box { border: 1px solid #ccc; padding: 10px } .search-box ul { margin: 0; padding: 0 } .display-none { display: none!important } .display-visible { visibility: visible!important } body.modal-open { overflow: visible } .animate-slider, .bg-img, .bg-slideshow-wrapper, .bg-slideshow-wrapper-home, .btn-icon, .btn-icon.btn-small, .btn-sidebar:hover, .menu-sub-multi, .small-section, section { overflow: hidden } video#videobg { background-size: cover; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: fixed; top: 50%; transform: translateX(-50%) translateY(-50%); width: auto; z-index: 99 } video#videobg.video-dest { background: rgba(0,0,0,0)!important; height: 450px!important; min-height: 0!important; top: 225px!important; width: auto; z-index: 99 } #imgbg { z-index: 9 } .modal-dialog { background: #fff } .bg-dark-10, .bg-dark-10 *, .bg-dark-50, .bg-dark-50 *, .bg-dark-70, .bg-dark-70 *, .bg-dark-80, .bg-dark-80 *, .bg-dark-90, .bg-dark-90 *, .bg-light-90, .bg-light-90 * { color: #fff } .bg-dark-10:before, .bg-dark-50:before, .bg-dark-70:before, .bg-dark-80:before, .bg-dark-90:before, .bg-light-90:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .hightlight-underline-grey-1:before, .menu-sub-effect1:before, .social-links a:before, .social-links-ad a:before, .social-links-mice a:before { content: "" } .bg-dark-10:before { background: rgba(0,0,0,.1) } .bg-dark-50:before { background: rgba(0,0,0,.5) } .bg-dark-70:before { background: rgba(0,0,0,.7) } .bg-dark-80:before { background: rgba(0,0,0,.8) } .bg-dark-90:before { background: rgba(0,0,0,.9) } .bg-light-90:before { background: rgba(255,255,255,.8) } .bg-dark-1 { background: #dbdbdb!important } .bg-brown { background: #ece6de } .bg-blue { background: #e9f0f4 } .bg-dark-blue { background: #004977 } .bg-light, .progress-box { background: #f0f0f0 } .bg-light-2 { background: #f8f8f8 } .bg-light-0, .bg-white { background: #fff } .bg-grey { background: #d2d5d3 } .bg-grey-2 { background: #efefef } .page, .page-2, .page-hidden, .small-section { background-color: #fff; position: relative } .bg-img { width: 100%; display: block; position: relative; background-position: center center!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; background-size: cover!important } section { position: relative; padding: 0; min-height: 100px } .page-hidden { overflow-x: hidden; width: 100% } .page { width: 100% } .page-2 { width: 100%; z-index: 999 } .small-section { padding: 60px 0 } .section-icon { text-align: center; font-size: 32px; position: relative; margin: 0 auto; width: 73px; bottom: 20px; z-index: 99 } .min-height { min-height: 400px } .one-third-height { width: 100%; min-height: 450px; background: #000 } .header-simple, .one-third-height-slim { padding: 0!important; margin: 0!important; width: 100%; min-height: 400px } .header-simple { background: #000 } .one-third-height-slim { height: 45vh; background-position: center center } .short-header, .short-header-2 { background-position: center center; min-height: 300px; padding: 0!important; margin: 0!important; width: 100% } .short-header { height: 30vh } .short-header-2 { height: 300px } .half-height { padding: 0!important; margin: 0!important; height: 90vh; width: 100% } .half-head { padding: 0!important; margin: 0!important; height: 50vh; width: 100% } .full-screen { height: 100vh; width: 100% } .img-header-overlay, .img-header-overlay-destination, .img-header-overlay-home { background: #000; display: block; height: 100%; left: 0; top: 0; position: absolute; width: 100% } .img-header-overlay-home { opacity: .2; z-index: 997 } .img-header-overlay-destination { opacity: .5; z-index: 997 } .img-header-overlay { opacity: .2; z-index: 9 } .img-overlay-black { background: #000!important; float: left } .parallax-hero, .parallax-hero-2 { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover } .img-overlay-black img { opacity: .5!important; width: 100% } .img-overlay-black.full-width.acitve { border: 3px solid #80b157 } .bg-slideshow-wrapper { position: absolute; width: 100%; height: auto } .bg-slideshow-wrapper-home, .slideshow { position: absolute; height: 100%; width: 100% } .slideshow { top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-animation: slideShow 24s linear infinite 0s; -moz-animation: slideShow 24s linear infinite 0s; -o-animation: slideShow 24s linear infinite 0s; -ms-animation: slideShow 24s linear infinite 0s; animation: slideShow 24s linear infinite 0s } .modal, .parallax-hero, .parallax-hero-2 { position: fixed; top: 0; left: 0 } .slide-1 { opacity: 1; -ms-filter: none; filter: none } .slide-2 { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; -o-animation-delay: 8s; -ms-animation-delay: 8s; animation-delay: 8s } .slide-3 { -webkit-animation-delay: 16s; -moz-animation-delay: 16s; -o-animation-delay: 16s; -ms-animation-delay: 16s; animation-delay: 16s } .slide-4 { -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s } .slide-5 { -webkit-animation-delay: 32s; -moz-animation-delay: 32s; -o-animation-delay: 32s; -ms-animation-delay: 32s; animation-delay: 32s } .modal { bottom: 0; display: none; outline: 0; overflow: hidden; right: 0; z-index: 99999; } .parallax-hero { background-position: 50% 50%; background-size: cover; z-index: 0!important } .parallax-hero-2 { background-position: 50% 50%; background-size: cover } .parallax-fixed, .parallax-section-bg { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover } .parallax-fixed { background-position: 50% 100%; background-size: cover; background-attachment: fixed } .parallax-section-bg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-position: 50% 50%; background-size: cover } .parallax-mobile, .parallax-section-bgslider { -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat } .parallax-section-bgslider { position: fixed; top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(0); background-position: 50% 50%; background-size: cover } .parallax-mobile { background-position: 50% 100%; background-size: cover; background-attachment: fixed } .mobile .parallax-section-bg { height: 100%!important } .bg-video-overlay, .bg-video-wrapper, .youtube-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .youtube-bg:before { z-index: 2 } .bg-video-wrapper { z-index: 0 } .bg-video-wrapper video { max-width: inherit; height: inherit; z-index: 0 } .animate-slider { position: relative; height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat } .animate-slider .slide { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0) } /* ============================== Page loaders ============================== */ .page-loader { display: block; background-color: #f0f0f0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000; } .loader { width: 60px; height: 60px; position: absolute; top: 47%; left: 49.6%; margin: -25px 0 10px -25px; font-size: 10px; text-indent: -12345px; display: inline; /*border-top: 1px solid rgba(0,0,0,0.08); border-right: 1px solid rgba(0,0,0,0.08); border-bottom: 1px solid rgba(0,0,0,0.08); border-left: 1px solid rgba(0,0,0,0.7); -webkit-border-radius: 50%; border-radius: 50%;*/ /*-webkit-animation: spinner 700ms infinite linear; -moz-animation: spinner 700ms infinite linear; -o-animation: spinner 700ms infinite linear; -ms-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear;*/ z-index: 100001; background: url("../../assets/img/tail-plane-small-new.gif") ,url("../../assets/img/exo-logo.svg")17px 16px no-repeat; background-size: 60px 60px, 25px 25px; margin-bottom: 10px; } .loader-text { position: absolute; top: 51%; left: 0; right: -11px; margin: 0 auto; width: 100px; height: 30px; text-align: center; font-size: 12px; letter-spacing: 6px; color: #777; display: inline; } #filter .loader-text{ display: none; } @media (max-height: 800px) { .loader-text { padding-top: 20px; bottom: 40%; } } .mfp-preloader { width: 50px!important; height: 50px!important; -webkit-border-radius: 50%; border-radius: 50%; top: 50%!important; left: 50%!important; right: 0; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 1px solid rgba(0,0,0,.4); border-right: 1px solid rgba(0,0,0,.4); border-bottom: 1px solid rgba(0,0,0,.4); border-left: 1px solid #fff; -webkit-animation: spinner .7s infinite linear; -moz-animation: spinner .7s infinite linear; -o-animation: spinner .7s infinite linear; -ms-animation: spinner .7s infinite linear; animation: spinner .7s infinite linear; z-index: 100001 } @-moz-keyframes spinner { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes spinner { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } @-o-keyframes spinner { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spinner { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } #search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate(0, -100%) scale(0, 0); -moz-transform: translate(0, -100%) scale(0, 0); -o-transform: translate(0, -100%) scale(0, 0); -ms-transform: translate(0, -100%) scale(0, 0); transform: translate(0, -100%) scale(0, 0); opacity: 0 } #search.open { -webkit-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1 } #search input[type=search] { position: absolute; top: 50%; width: 100%; color: #fff; background: rgba(0,0,0,0); font-size: 60px; font-weight: 300; text-align: center; border: 0; margin: -51px auto 0; padding-left: 30px; padding-right: 30px; outline: 0 } #search .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px } #search .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #428bca; border-color: #357ebd; opacity: 1; padding: 10px 17px; font-size: 27px } .social-links, .social-links-ad, .social-links-mice { font-size: 16px } .sub-nav a { color: #fff; text-decoration: none } .sub-nav { padding: 5px 0 } .social-links a { width: 35px; height: 35px; line-height: 35px!important; position: relative; margin: 0 6px; text-align: center; display: inline-block; color: #fff; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links a:before, .social-links-ad a { display: inline-block; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links a a i, .social-links a a span { position: relative; top: 0; left: 0 } .social-links a:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid #80b157; background: #80b157; -webkit-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .nav-tabs>li.active>a:focus, .wrap-adventure-tabs .nav-tabs>li.active>a, .wrap-adventure-tabs .nav-tabs>li>a, .wrap-adventure-tabs .nav-tabs>li>a:hover { border-radius: 0!important } .social-links a:hover { color: #80b157 } .social-links a:hover:before { background: #fff } .wrap-adventure-team .wrap-adventure-team-center { margin: 0 auto; width: 50%; text-align: center } .social-links-ad a, .social-links-mice a { line-height: 35px!important; margin: 0 6px; text-align: center } .bg-brown-socials { background: url(../img/top-page/adventure/bg-equipment.jpg) center bottom no-repeat; padding-bottom: 60px } .wrap-adventure-tabs .nav-tabs>li.active>a:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #564842!important; border-image: none; color: #fff; cursor: default; text-decoration: none; font-weight: 500; border: 1px solid transparent } .social-links-ad a { width: 35px; height: 35px; position: relative; color: #fff; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links-ad a:before, .social-links-mice a { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); display: inline-block } .social-links-ad a a i, .social-links-ad a a span { position: relative; top: 0; left: 0 } .social-links-ad a:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid #dd7026; background: #dd7026; -webkit-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links-ad a:hover { color: #dd7026 } .social-links-ad a:hover:before { background: #fff } .social-links-mice a { width: 35px; height: 35px; position: relative; color: #fff; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .map-section, .social-links-mice a:before { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links-ad a a span, .social-links-mice a a i { position: relative; top: 0; left: 0 } .social-links-mice a:before { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid #0f91c6; background: #0f91c6; -webkit-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links-mice a:hover { color: #0f91c6 } .social-links-mice a:hover:before { background: #fff } .btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { background: #7ab363 } .icon-big-round { display: block; width: 70px; height: 70px; margin: 0 auto 10px; border: 1px solid #fff; text-align: center; line-height: 70px; font-size: 32px; color: rgba(255,255,255,.97); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .icon-big-round .fa-play { position: relative; left: 4px } .btn { padding: 5px 24px; border: 0; letter-spacing: 1px; font-size: 12px } .btn.active:focus, .btn:active:focus, .btn:focus { outline: 0 } .btn-primary { color: #fff } .btn-primary.active, .btn-primary:active { box-shadow: none } .btn.btn-sub-nav { border-radius: 0; background: #8f9292; color: #fff } .btn-sub-nav:active, .btn.btn-sub-nav:hover { border-radius: 0; background: #7ab363; color: #fff } .btn.btn-sub-nav i { padding-right: 10px } .btn-read-more { border-bottom: 1px solid #111; -webkit-border-radius: 0; border-radius: 0; color: #555 } .btn-agent-login, .btn-coffee { font-family:Raleway, Arial, sans-serif -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #fff; text-transform: uppercase; letter-spacing: 2px } .btn-scroll-down { width: 30px; height: 18px; position: absolute; bottom: 10%; left: 0; right: 0; margin: auto; z-index: 997; -webkit-transition: display .5s easy-in-out; -moz-transition: display .5s easy-in-out; -o-transition: display .5s easy-in-out; -ms-transition: display .5s easy-in-out; transition: display .5s easy-in-out } .btn-scroll-down:after, .btn-scroll-down:before { display: block; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: auto; position: absolute; left: 0; right: 0 } .btn-scroll-down:before { bottom: 20px; width: 30px; height: 18px } .btn-scroll-down:after { width: 30px; height: 30px; bottom: 35px; -webkit-animation: sc-down-a .3s infinite alternate; -moz-animation: sc-down-a .3s infinite alternate; -o-animation: sc-down-a .3s infinite alternate; -ms-animation: sc-down-a .3s infinite alternate; animation: sc-down-a .3s infinite alternate } #hero.one-third-height .btn-scroll-down { width: 30px; height: 18px; position: absolute; bottom: 5%; left: 0; right: 0; margin: auto; z-index: 10; -webkit-transition: display .5s easy-in-out; -moz-transition: display .5s easy-in-out; -o-transition: display .5s easy-in-out; -ms-transition: display .5s easy-in-out; transition: display .5s easy-in-out } #hotels-rates .readmore-hotels-rates-close { font-size: 18px; font-weight: 500; text-decoration: none } #hotels-rates .readmore-hotels-rates-close i.icon-arrow-up { padding: 0; margin: 0 } .btn-agent-login i { margin-right: 10px } .btn-agent-login { box-sizing: border-box; padding: 7px 22px; background: #80b157; font-size: 11px; text-decoration: none; -webkit-box-shadow: none; box-shadow: none } .btn-coffee, .btn-coffee:focus, .btn-coffee:hover { font-weight: 700; text-decoration: none; -webkit-box-shadow: none } .btn-agent-login:hover { background: #004e43 } .btn-coffee i { padding-right: 0 } .btn-coffee i:hover { padding-right: 0; color: #fff } .btn-coffee { box-sizing: border-box; padding: 4px 13px; background: #bdbfbf; border: 1px solid #a4a8a7; font-size: 11px; -webkit-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) } .btn-coffee:focus, .btn-coffee:hover { color: rgba(255,255,255,.85)!important; background: #80b157; outline: 0; border-color: transparent; box-shadow: none } .btn-coffee:active { cursor: pointer!important; outline: 0!important } .btn-coffee.btn-small { height: auto; padding: 6px 17px; font-size: 11px; letter-spacing: 1px } .btn-coffee.btn-medium { font-size: 14px; height: 45px; padding: 0 17px } .btn-coffee.btn-medium-2 { font-size: 1em; height: auto; padding: 5px 40px; text-transform: capitalize } .btn-coffee.btn-large { height: auto; padding: 12px 45px; font-size: 13px } .btn-coffee.btn-glass { color: rgba(255,255,255,.75); background: rgba(0,0,0,.4) } .btn-coffee.btn-glass:focus, .btn-coffee.btn-glass:hover { color: #fff; background: #80b157 } .btn-coffee.btn-border { color: #80b157; border: 1px solid #80b157; background: 0 0 } .btn-coffee.btn-border:focus, .btn-coffee.btn-border:hover { color: #fff; border-color: #80b157; background: #80b157 } .btn-coffee.btn-color, .btn-coffee.btn-color-w { background: #00b2ca; color: #fff } .btn-coffee.btn-color:focus, .btn-coffee.btn-color:hover { color: #fff; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50) } .btn-coffee.btn-color-w { opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85) } .btn-coffee.btn-color-w:focus, .btn-coffee.btn-color-w:hover { color: #fff; background: #80b157 } .btn-coffee.btn-border-w { color: #fff; background: #b2b2b2 } .btn-coffee.btn-border-w:focus, .btn-coffee.btn-border-w:hover { color: #fff; background: #80b157 } .btn-coffee.btn-border-1px { border: 1px solid } .btn-coffee.btn-w { color: #111; background: rgba(255,255,255,.8) } .btn-coffee.btn-w:focus, .btn-coffee.btn-w:hover { color: #111; background: #fff } .btn-coffee.btn-gray { color: #777; background: #e5e5e5 } .btn-coffee.btn-gray:focus, .btn-coffee.btn-gray:hover { color: #444; background: #d5d5d5 } .btn-coffee.btn-circle { -webkit-border-radius: 30px; border-radius: 30px } .btn-coffee.btn-round { -webkit-border-radius: 4px; border-radius: 4px; transition: none } .btn-icon { position: relative; border: none } .btn-icon>span { width: 100%; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; left: 0; color: #777; font-size: 48px; opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) } .btn-icon:hover>span, .mobile-on .menu-sub { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .btn-icon:hover>span { filter: alpha(opacity=0); -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2) } .btn-icon>span.white { color: #fff } .btn-icon>span.black { color: #000 } .btn-full { width: 100%!important } .btn-submit { background: #fff!important; color: #5e6163!important } .btn-submit:hover { background: #80b157!important; color: #fff!important; transition: color .1s ease 0s, background .3s ease 0s, border-color .2s ease 0s } .btn-slider-wrap { margin: 0 auto } .btn-slider { color: #5e6163; font-weight: 500 } .btn-slider-ad { text-transform: uppercase; color: #de7026!important } .btn-slider-p, .btn-slider-p-ad { color: #fff; font-size: 16px; height: 45px; padding: 12px 15px 10px } .btn-slider-p { background: #a8abac; width: 180px } .btn-slider-p-ad { background: #564842; width: 200px; text-transform: uppercase } .btn-slider-arrow, .btn-slider-arrow-ad { width: 100%; padding: 10px 14px 14px; height: 45px } .btn-slider-arrow { background: #80b157; border: 1px solid #80b157 } .btn-slider-arrow-ad { background: #de7026; border: 1px solid #de7026 } . .fullwidth-slider .btn-slider-arrow i img { margin:5px 0 0 5px; width:10px!important; height:16px!important } .fullwidth-slider .one-third-height .btn-slider-p { height: 50px!important } .btn-noborder { background: #80b157; border: none!important } .btn-noborder:hover { background: #a8abac!important; cursor: pointer } .btn-sidebar { background: #80b157; border: none!important; font-size: 28px; border-radius: none!important; color: rgba(255,255,255,1); text-decoration: none; padding: 10px 10px 0; display: block; margin: 0 0 3px } .btn-sidebar:hover, a:focus.btn-sidebar { text-decoration: none; color: #fff; background: #444!important } .btn-sidebar:hover { cursor: pointer; border-radius: none!important; padding: 10px 10px 0; width: 150px; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out } .btn-sidebar-hover { font-size: 12px; display: inline-block } a.btn-sidebar { text-decoration: none } .btn-sidbar-top { position: fixed; top: 100px; width: 50px; height: 50px; z-index: 9999; left: 0; font-size: 24px } .body-payment-inside.fv-form.fv-form-bootstrap div.form-group div.checkbox label input, .btn-icon-green i, .inner-nav, .inner-nav ul li, .main-nav { position: relative } .btn-slider select { margin: 0; color: #79b562; border: 1px solid #a8abac; outline: 0; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; text-align: center; height: 45px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -khtml-border-radius: 0; font-size: 500 } .btn-slider.btn-slider-ad label select { color: #de7026!important } .btn-slider-arrow-ad a { text-decoration: none!important } .btn-appoint { font-weight: 500; margin: 20px 10px; padding: 5px 10px; text-decoration: none; width: 95%; font-size: 14px } .btn-home, .btn-home:hover { padding: 5px 20px 2px } .btn-appoint a:hover { color: #fff!important } .btn-home-wrap { margin: 0 auto } .btn-home { background: #a4a4a4; border: 1px solid #a4a4a4; color: #fff; font-weight: 700; height: 45px; margin: 0 3px 0 0 } .btn-home-search, .btn-home:hover { background: #80b157; border: 1px solid #80b157; color: #fff; font-weight: 700; height: 45px; margin: 0 3px 0 0 } .btn-home-search { padding: 0 0 0 17px } .btn-home img, .btn-home-search img { height: 26px; width: 33px; display: inline-block } .btn-home-search img { margin: 4px 8px 0 0 } .btn-home img { margin: 0 8px 0 0 } .btn-icon-green { color: #5d6162; background: #fff; border: 1px solid #80b157!important; padding: 3px 20px; margin: 0 10px 0 0; border-radius: 4px!important; cursor: pointer } .btn-icon-green:hover { color: #fff!important; background: #80b157; border-radius: 4px solid #80b157; cursor: pointer } .btn-icon-green-2 { color: #80b157; background: #fff; border: 1px solid #80b157!important; padding: 3px 20px; margin: 0 10px 0 0; border-radius: 4px!important; cursor: pointer } .btn-icon-green-2:hover, .btn-icon-green-3 { color: #fff!important; background: #80b157; cursor: pointer } .btn-icon-green-2:hover { border-radius: 4px solid #80b157 } .btn-icon-green-3 { border: 1px solid #80b157!important; padding: 3px 20px; margin: 0 10px 0 0; border-radius: 4px!important } .btn-icon-green-3:hover { color: #5d6162!important; background: #fff; border-radius: 4px solid #80b157; cursor: pointer } .btn-icon-green-3 i { color: #fff; margin: 0 10px 0 0; position: relative; top: 3px } .btn-icon-green i { color: #80b157; margin: 0 10px 0 0; top: 3px } .btn-icon-green:hover i { color: #fff!important; background: #80b157; border-radius: 4px solid #80b157 } .btn-icon-green-3:hover i { color: #80b157!important; background: #fff; border-radius: 4px solid #80b157 } .btn-reponsible { padding: 4px 30px } button.btn-icon-green-3.btn-green.btn-reponsible:hover { padding: 4px 30px; background: #bcbdbd!important; color: #fff!important; border: 1px solid #a3a6a5!important } @-moz-keyframes sc-down-a { 0% { -webkit-transform:translateY(0) rotate(45deg); -moz-transform:translateY(0) rotate(45deg); -o-transform:translateY(0) rotate(45deg); -ms-transform:translateY(0) rotate(45deg); transform:translateY(0) rotate(45deg) } 100% { -webkit-transform:translateY(2px) rotate(45deg); -moz-transform:translateY(2px) rotate(45deg); -o-transform:translateY(2px) rotate(45deg); -ms-transform:translateY(2px) rotate(45deg); transform:translateY(2px) rotate(45deg) } } @-webkit-keyframes sc-down-a { 0% { -webkit-transform:translateY(0) rotate(45deg); -moz-transform:translateY(0) rotate(45deg); -o-transform:translateY(0) rotate(45deg); -ms-transform:translateY(0) rotate(45deg); transform:translateY(0) rotate(45deg) } 100% { -webkit-transform:translateY(2px) rotate(45deg); -moz-transform:translateY(2px) rotate(45deg); -o-transform:translateY(2px) rotate(45deg); -ms-transform:translateY(2px) rotate(45deg); transform:translateY(2px) rotate(45deg) } } @-o-keyframes sc-down-a { 0% { -webkit-transform:translateY(0) rotate(45deg); -moz-transform:translateY(0) rotate(45deg); -o-transform:translateY(0) rotate(45deg); -ms-transform:translateY(0) rotate(45deg); transform:translateY(0) rotate(45deg) } 100% { -webkit-transform:translateY(2px) rotate(45deg); -moz-transform:translateY(2px) rotate(45deg); -o-transform:translateY(2px) rotate(45deg); -ms-transform:translateY(2px) rotate(45deg); transform:translateY(2px) rotate(45deg) } } @keyframes sc-down-a { 0% { -webkit-transform:translateY(0) rotate(45deg); -moz-transform:translateY(0) rotate(45deg); -o-transform:translateY(0) rotate(45deg); -ms-transform:translateY(0) rotate(45deg); transform:translateY(0) rotate(45deg) } 100% { -webkit-transform:translateY(2px) rotate(45deg); -moz-transform:translateY(2px) rotate(45deg); -o-transform:translateY(2px) rotate(45deg); -ms-transform:translateY(2px) rotate(45deg); transform:translateY(2px) rotate(45deg) } } .form input, .form select { display: inline-block; height: 27px; vertical-align: middle; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #777; border: 1px solid rgba(0,0,0,.1); padding-left: 7px; padding-right: 7px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) } .form select { font-size: 12px } .form select[multiple] { height: auto } .form input:hover, .form select:hover { border-color: rgba(0,0,0,.2) } .form input:focus, .form select:focus { color: #111; border-color: rgba(0,0,0,.7); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); outline: 0 } .form input.input-lg, .form select.input-lg { height: 46px; padding-left: 15px; padding-right: 15px; font-size: 13px } .form input.input-md, .form select.input-md { height: 37px; padding-left: 13px; padding-right: 13px; font-size: 12px } .form input.input-sm, .form select.input-md { height: 31px; padding-left: 10px; padding-right: 10px } .form textarea { font-size: 12px; text-transform: uppercase!important; letter-spacing: 1px; color: #777; border-color: rgba(0,0,0,.1); outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0 } .form textarea:hover { border-color: rgba(0,0,0,.2) } .form textarea:focus { color: #111; border-color: rgba(0,0,0,.7); -webkit-box-shadow: 0 0 3px rgba(21,21,21,.3); box-shadow: 0 0 3px rgba(21,21,21,.3) } .form-contact input { margin-bottom: 15px } .form-contact textarea { height: 90px } .form-contact button { margin-top: 15px; float: right } .nav-logo-wrap { float: left; margin-right: 20px; height: 50px } .nav-logo-wrap .logo { font-family: Dosis, Arial, sans-serif; display: table-cell; vertical-align: middle; font-size: 14px; letter-spacing: 5px; -webkit-transition: all .27s fade(0, 0, .58, 1); -moz-transition: all .27s fade(0, 0, .58, 1); -o-transition: all .27s fade0, 0, .58, 1); -ms-transition: all .27s fade(0, 0, .58, 1); transition: all .27s cfade(0, 0, .58, 1); text-transform: uppercase!important; color: #888 } .nav-logo-wrap .logo img { max-height: 100% } .nav-logo-wrap .logo span.higl { color: #00b2ca; display: inline-block; margin: 0; padding: 0; -webkit-animation: rotate-letter 15s infinite; -moz-animation: rotate-letter 15s infinite; -o-animation: rotate-letter 15s infinite; -ms-animation: rotate-letter 15s infinite; animation: rotate-letter 15s infinite } .nav-logo-wrap .logo:after, .nav-logo-wrap .logo:before { display: none } .logo, a.logo:hover { font-family: Dosis, arial, sans-serif; font-weight: 400!important; text-transform: uppercase; text-decoration: none; color: rgba(0,0,0,.9) } .hs-line-2, .hs-line-3, .hs-line-4, .hs-line-9 { font-family: Dosis, sans-serif } .exo-logo1 { background: url(../img/top-page/logo.png) 0 -22px no-repeat; width: 126px; height: 100px } .exo-logo2 { background: url(../img/top-page/logo-dark.svg) 0 10px no-repeat; width: 105px; height: 35px } .fadeInLoad { animation: fadeInLoad 4s } .container-payment { width: 650px; margin: 0 auto } @media only screen and (max-width:992px) { .container-payment { width: 85%; margin: 0 auto } #paymentForm-1>div:nth-child(8)>div:nth-child(3) { margin: 10px 0 0 } #paymentForm-1>div:nth-child(9)>div { text-align: center } } .header-payment { padding: 10px 20px; background: #f7f7f7 } .header-payment p { margin: 0 auto; font-weight: 600; color: #024f43 } .body-payment { padding: 20px } .body-payment-inside { margin: 0 auto; line-height: 1.9em } .form-horizontal .control-label { margin-bottom: 0; padding-top: 7px; text-align: left } @keyframes fadeInLoad { from { opacity:0 } to { opacity:1 } } .main-nav { width: 100%; height: 40px!important; top: 0; left: 0; text-align: left; background: rgba(255,255,255,.97); z-index: 9999; -webkit-transition: height .27s cubic-bezier(0, 0, .58, 1); -moz-transition: height .27s cubic-bezier(0, 0, .58, 1); -o-transition: height .27s cubic-bezier(0, 0, .58, 1); -ms-transition: height .27s cubic-bezier(0, 0, .58, 1); transition: height .27s cubic-bezier(0, 0, .58, 1) } .small-height { height: 55px!important } .inner-nav { display: inline-block; float: right; padding: 8px 0 0 } .inner-nav ul { float: right; margin: auto; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; text-align: center; line-height: 1.3; z-index: 999 } .inner-nav ul li { float: left; margin-left: 20px } .inner-nav ul li a { color: #777; letter-spacing: 2px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none } .inner-nav ul li a.active, .inner-nav ul li a:hover { color: #000; text-decoration: none } .menu-sub { display: none; width: 210px; position: absolute; top: 70px; left: -47%; padding: 0; background: #fff } .menu-sub-move { top: 50px } .main-nav-line { border-bottom: 1px solid #eee } .menu-sub-effect1 { -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777 } .menu-sub-effect1:before { border-bottom: 7px solid #939393; border-left: 7px solid transparent; border-right: 7px solid transparent; display: inline-block; left: 44%; position: absolute; top: -6px } .menu-sub-effect1:after { position: absolute; top: -5px; left: 45%; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; background-position: right 5px center } .menu-select a.menu-has-sub span { padding: 0 0 5px 5px; -webkit-transition: all .27s ease(0, 0, .58, 1); -moz-transition: all .27s ease(0, 0, .58, 1); -o-transition: all .27s ease(0, 0, .58, 1); -ms-transition: all .27s ease(0, 0, .58, 1); transition: all .27s ease(0, 0, .58, 1) } .main-nav.js-transparent, .navbar-mobile { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .menu-sub li { display: block; width: 100%; margin: 0!important } .mobile-on .menu-sub li { border-left: none!important; border-right: none!important } .mobile-on .menu-sub li:last-child { border-bottom: medium none!important } .mobile-on .navbar-desktop ul li.top-social-color a, .mobile-on .navbar-desktop ul li.top-social-gray a { float: left; width: 16px } .inner-nav ul li .menu-sub li a { display: block; width: 100%; height: auto!important; line-height: 1.3!important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 10px 0 15px 40px; text-align: left; border-left: none; border-right: none; letter-spacing: 0; color: #b0b0b0; cursor: pointer } .pricing-content, .progress-box .progress-bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .inner-nav ul li .menu-sub li a:hover, .menu-sub li a.active, .menu-sub li a:hover { background: #7ab363; color: #fff } .menu-sub li ul { left: 100%; right: auto; top: 0; border-left: 1px solid rgba(255,255,255,.07) } .inner-nav li .menu-sub.to-left, .inner-nav>ul>li:last-child .menu-sub { left: auto; right: 0 } .inner-nav li .menu-sub li ul.to-left, .inner-nav li:last-child .menu-sub li ul { left: auto; right: 100%; top: 0; border-left: none; border-right: 1px solid rgba(255,255,255,.07) } .mobile-on .inner-nav li:last-child .menu-sub li ul { left: auto; right: auto; top: 0 } .menu-wrap { padding: 8px } .menu-has-multi { width: auto!important; padding: 15px; text-align: left; white-space: nowrap } .menu-sub-multi { width: 190px!important; white-space: normal; float: none!important; display: inline-block!important; vertical-align: top } .menu-sub-multi>ul { width: auto; margin: 0; padding: 0; float: none } .menu-group-title { font-weight: 700; text-transform: uppercase; color: #fff!important } .menu-group-title:hover { background: 0 0!important } .mobile-on .menu-sub-multi>ul { left: auto; right: auto; border: none } .mobile-on .menu-sub-multi { display: block; width: 100%!important } .mobile-on .menu-sub-multi>ul>li:last-child>a, .mobile-on .menu-sub>li:last-child>a { border: none!important } .mobile-on .menu-sub-multi:last-child>ul { border-bottom: none!important } .mobile-on .navbar-desktop { display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 0 15px; z-index: 100 } .mobile-on .full-wrapper .navbar-desktop { padding: 0 } .mobile-on .navbar-desktop ul { width: 100%; float: none; background: rgba(255,255,255,1); position: relative; overflow-x: hidden } .mobile-on .navbar-desktop>ul { overflow-y: auto } .js-opened ul.clearlist.scroll.scroll-nav li.js-opened ul.menu-sub.menu-sub-effect1.top-nav-agent.wrap-sub-agent div#tour-styles.maintabs.resp-vtabs.hor_1 div.resp-tabs-container.wrap-sub-agent-bg.wrap-agenthub div.resp-tab-content-active.resp-tab-content ul li, .wrap-sub-agent-bg.wrap-agenthub div.resp-tab-content-active.resp-tab-content { background: #80b157!important } .mobile-on .navbar-desktop ul li ul { padding: 0; border-bottom: none!important; background: 0 0 } .mobile-on .navbar-desktop ul li a { display: block; width: 100%!important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: left; border-left: none; border-right: none; color: #999!important; letter-spacing: 1px; cursor: pointer } html.no-mobile.skrollr.skrollr-desktop.gr__ body.appear-animate nav.main-nav.white.transparent.stick-fixed.js-transparent.mobile-on div.full-wrapper.relative.clearfix div.inner-nav.navbar-desktop.mt-10.js-opened ul.clearlist.scroll.scroll-nav li.menu-select a.menu-has-sub span { margin-left: 10px } .mobile-on .navbar-desktop ul li { display: block; float: none!important; overflow: hidden; border-bottom: 1px solid #ccc } .mobile-on .navbar-desktop ul li a.active, .mobile-on .navbar-desktop ul li a:hover { background: #80b157; color: #fff!important } .mobile-on .menu-has-sub>.fa { display: block; width: 18px; height: 18px; font-size: 14px; line-height: 16px; position: absolute; top: 50%; right: 10px; margin-top: -8px; text-align: center; border: 1px solid rgba(255,255,255,.1); -webkit-border-radius: 50%; border-radius: 50% } .mobile-on .js-opened>.menu-has-sub>.fa { border-color: rgba(255,255,255,.4); line-height: 14px } .mobile-on div.full-wrapper.relative.clearfix div.inner-nav.navbar-desktop.js-opened ul.clearlist.scroll.scroll-nav li.menu-select.js-opened div.menu-sub.menu-sub-effect1.top-nav-dest div#destinations-tab.maintabs.resp-vtabs.hor_1 div.resp-tabs-container ul li { background: #f2f2f2!important; margin: 0!important; padding: 0!important } .mobile-on div.full-wrapper.relative.clearfix div.inner-nav.navbar-desktop.js-opened ul.clearlist.scroll.scroll-nav li.menu-select.js-opened div.menu-sub.menu-sub-effect1.top-nav-style div#tour-styles.maintabs.resp-vtabs.hor_1 div.resp-tabs-container.hor_1 div.resp-tab-content-active.resp-tab-content div.row.pt-20.pb-0 div.col-md-4.col-xs-4.col-sm-4 ul { background: #f2f2f2!important } .mobile-on .inner-nav li { margin: 0!important } .mobile-on .menu-sub { display: none; filter: alpha(opacity=0); left: 0!important; right: 0; top: 0; bottom: 0; border-left: none!important; border-right: none!important; border-top: none; z-index: 10 } .mobile-on .menu-sub li { padding-left: 10px; border-bottom: 1px solid #ccc } .inner-nav li.js-opened .menu-sub { opacity: 1; -ms-filter: none; filter: none; height: auto; max-height: 300px; overflow: scroll } .navbar-mobile { color: #777; display: none; float: right; vertical-align: middle; font-size: 11px; text-transform: uppercase; border-left: 1px solid rgba(0,0,0,.05); border-right: 1px solid rgba(0,0,0,.05); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .27s cubic-bezier(0, 0, .58, 1); -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; -ms-transition-property: background, color; transition-property: background, color } .navbar-mobile.active, .navbar-mobile:hover { background: #fff; color: #777 } .navbar-mobile:active { -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; box-shadow: 0 0 35px rgba(0,0,0,.05) inset } .no-js .navbar-mobile { width: 55px; height: 55px } .mobile-on .navbar-mobile { display: table } .navbar-mobile .fa { height: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 21px } .mobile-on .menu-has-multi { width: auto; padding: 0; text-align: left; white-space: normal } .about-icon, .hs-line-3, .menu-centered { text-align: center } .mobile-on .menu-sub { width: 100%; float: none; position: relative; overflow-x: hidden } .main-nav.dark { background-color: rgba(12,12,23,.9); -webkit-box-shadow: none; box-shadow: none } .main-nav.dark .inner-nav ul>li>a { color: rgba(255,255,255,.7) } .main-nav.dark .inner-nav ul>li>a.active, .main-nav.dark .inner-nav ul>li>a:hover { color: #fff } .main-nav.dark .navbar-mobile { background-color: transparent; border-color: transparent; color: #999 } .main-nav.dark .navbar-mobile.active, .main-nav.dark .navbar-mobile:hover { color: #999 } .main-nav.mobile-on.dark .inner-nav { border-top: 1px solid rgba(100,100,100,.4) } .main-nav.dark .logo, .main-nav.dark a.logo:hover { text-transform: uppercase; text-decoration: none; color: rgba(255,255,255,.9) } .main-nav.dark .menu-sub { -webkit-box-shadow: none; box-shadow: none } .main-nav.dark .btn { color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.7) } .main-nav.dark .btn:hover { background: #fff; color: #111; border-color: transparent } .main-nav.white.transparent .inner-nav ul>li>a { color: rgba(255,255,255,.7) } .main-nav.white.transparent .btn { color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.7) } .main-nav.white.transparent .btn:hover { background: #fff; color: #111; border-color: transparent } .main-nav.white.transparent .inner-nav ul>li>a.active, .main-nav.white.transparent .inner-nav ul>li>a:hover { color: #fff } .main-nav.white.transparent .navbar-mobile { background-color: transparent; border-color: transparent; color: rgba(255,255,255,.9) } .main-nav.white.transparent .navbar-mobile.active, .main-nav.white.transparent .navbar-mobile:hover { color: #fff } .main-nav.mobile-on.white.transparent .inner-nav { border-top: 1px solid rgba(100,100,100,.4) } .main-nav.white.transparent .logo, .main-nav.white.transparent a.logo:hover { text-transform: uppercase; text-decoration: none; color: rgba(255,255,255,.9) } .main-nav.white.transparent .menu-sub { -webkit-box-shadow: none; box-shadow: none } .main-nav.white .inner-nav ul>li>a.active, .main-nav.white .inner-nav ul>li>a:hover { color: #000 } .main-nav.transparent { background: 0 0!important } .main-nav.js-transparent { transition: all .27s cubic-bezier(0, 0, .58, 1) } .menu-centered .inner-nav { float: none } .menu-centered .inner-nav>ul { float: none; display: inline-block; margin-left: auto; margin-right: auto } .menu-centered .inner-nav>ul>li:first-child { margin-left: 0 } .menu-align-left .inner-nav>ul, .menu-centered .navbar-mobile { margin-left: auto; float: none; margin-right: auto } .menu-align-left .inner-nav { float: none; width: 100% } .menu-align-left .inner-nav>ul>li:first-child { margin-left: 0 } .menu-align-left .navbar-mobile { float: none; margin-left: auto; margin-right: auto } .stick-fixed { position: fixed!important; top: 0; left: 0 } .stick-fixed-agenthub { position: fixed!important; top: 35px; left: 0 } .hs-line-first, .hs-line-second { position: relative; margin-top: 0 } .full-wrapper { margin: 0 2% } .full-wrapper-sub { padding: 5px 2% 5px 0!important; background: rgba(255,255,255,.6) } @-moz-keyframes rotate-letter { 0%, 90% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes rotate-letter { 0%, 90% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } @-o-keyframes rotate-letter { 0%, 90% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotate-letter { 0%, 90% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } .hs-line-1, .hs-line-2, .hs-line-3, .hs-line-4, .hs-line-5, .hs-line-6, .hs-line-8, .hs-line-9, .hs-line-first, .hs-line-second { color: #fff } .hs-line-1 { font-size: 4em; font-weight: 700; margin-bottom: 20px; letter-spacing: 2px } .hs-line-2 { letter-spacing: 5px; text-transform: capitalize; margin-bottom: 40px } .hs-line-3 { font-size: 24px; letter-spacing: 2px; font-weight: 500; margin-bottom: 40px } .hs-line-4, .hs-line-5 { margin-bottom: 40px; letter-spacing: 5px } .hs-line-4 { text-transform: uppercase; font-size: 3.5em; font-weight: 400 } .hs-line-5 { text-transform: capitalize; font-size: 4em; font-weight: 100 } .hs-line-6, .hs-line-7 { text-transform: uppercase } .hs-line-6 { font-size: 4.5em; font-weight: 700; margin-bottom: 0; letter-spacing: 10px } .hs-line-7 { font-size: 2em; font-weight: 400; margin-top: 0; margin-bottom: 40px; letter-spacing: 15px } .hs-line-8 { font-size: 2.5em; font-weight: 100; margin-bottom: 10px; letter-spacing: 5px } .hs-line-9 { font-size: 1em; font-weight: 400; margin-bottom: 50px; letter-spacing: 2px } .hs-line-first { font-size: 30px; font-weight: 400; text-transform: uppercase; letter-spacing: .5em; line-height: 1.8; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90) } .breadcrumbs, .hs-line-second { font-size: 14px; font-weight: 400; text-transform: uppercase } .hs-line-second { letter-spacing: 3px; color: rgba(255,255,255,.85) } .breadcrumbs { margin-top: -5px; letter-spacing: .4em; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .breadcrumbs.breadcrumbs-white a { color: #fff } .breadcrumbs span { opacity: .65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65) } .breadcrumbs a, .breadcrumbs a:hover { text-decoration: none } .hero-content { position: absolute; left: 0; display: table-cell; height: 100%; width: 100%; color: #fff; padding: 0 } .hero-destination .hero-content .hero-content-inner { top: 30% } .hero-destination video#videobg { top: 20% } .hero-content-inner h1, .hero-content-inner h2 { line-height: 1.1; padding: 0 50px!important } .hero-content-inner { margin: 0 auto; position: relative; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; z-index: 998 } .hero-content-inner>div { display: inline-table; margin-left: auto; margin-right: auto } .hero-content div.hero-content-inner.mt-40 div.mt-20.pb-40 { display: inline-block; width: 100% } .about-item { margin: 60px 0 0; position: relative; padding-left: 55px; padding-top: 3px; font-size: 13px; font-weight: 300; color: #999; -webkit-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -moz-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -o-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -ms-transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: all .3s cubic-bezier(0, 0, .58, 1); -moz-transition: all .3s cubic-bezier(0, 0, .58, 1); -o-transition: all .3s cubic-bezier(0, 0, .58, 1); -ms-transition: all .3s cubic-bezier(0, 0, .58, 1); transition: all .3s cubic-bezier(0, 0, .58, 1) } .about-icon, .team-item figcaption small { color: #00b2ca } .about-icon, .widget-list li a { -webkit-transition: all .17s cubic-bezier(0, 0, .58, 1); -moz-transition: all .17s cubic-bezier(0, 0, .58, 1); -o-transition: all .17s cubic-bezier(0, 0, .58, 1); -ms-transition: all .17s cubic-bezier(0, 0, .58, 1) } .about-icon { width: 40px; height: 40px; position: absolute; top: 0; left: 0; line-height: 40px; font-size: 28px; transition: all .17s cubic-bezier(0, 0, .58, 1) } .about-item-title { margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: 400; color: #00b2ca } .about-quote h5 { font-weight: 400; color: #222 } .about-weather p { font-size: 18px } .progress-box { margin-top: 10px; margin-bottom: 50px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; overflow: visible; height: 2px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } .progress-box .progress-bar { padding-top: 3px; position: relative; overflow: visible; background-color: #00b2ca; font-size: 11px; color: #000; text-align: left; box-sizing: border-box; width: 30% } .about-exo, .comment-item, .highlight-section, .post-thumbnail, .pricing-content, .search-button, .widget-post-description, .wrap-mapbox { overflow: hidden } .progress-box .progress-bar>span { display: inline-block; min-width: 24px; height: 24px; padding: 0 3px; position: absolute; top: 0; right: -5px; text-align: center; line-height: 23px; letter-spacing: 0; -webkit-border-radius: 15px; border-radius: 15px } .fact-item i, .fact-item span { vertical-align: middle; font-size: 32px; margin-top: 10px } .fact-item .focus-number { font-size: 3em; margin-left: 15px; font-weight: 100 } .fact-item .fact-desc { margin-top: 25px } .service-item { width: 100%; height: 320px; margin: 10px 0; text-align: center; border: 1px solid #f2f2f2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease } .service-item i { position: relative; top: 100px; display: inline-block; margin-bottom: 40px; padding: 10px; background: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; font-size: 48px } .service-item h5 { color: #777; position: relative; top: 80px; -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); -moz-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); -ms-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) } .service-item .service-desc { width: 80%; margin: 0 auto; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); -moz-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); -ms-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); transition: all .5s cubic-bezier(.68, -.55, .265, 1.55); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .service-item:hover { border-color: #00b2ca } .service-item:hover h5, .service-item:hover i { top: -30px } .service-item:hover .service-desc { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .filter li { display: inline-block; margin: 0 10px } .filter li a { color: #555; font-size: .85em; padding: 10px; letter-spacing: 3px; -webkit-transition: all .37s cubic-bezier(0, 0, .58, 1); -moz-transition: all .37s cubic-bezier(0, 0, .58, 1); -o-transition: all .37s cubic-bezier(0, 0, .58, 1); -ms-transition: all .37s cubic-bezier(0, 0, .58, 1); transition: all .37s cubic-bezier(0, 0, .58, 1) } .filter li a:hover, .filter li.active a { border-bottom: 1px solid #00b2ca } .work-item { text-align: center; margin: 15px 0 } .work-item .figure { overflow: hidden; width: 100%; position: relative; cursor: pointer } .work-item .figure img { position: relative; display: block; width: 100%; height: auto } .work-item .figure .figcaption { color: #111; font-size: 1.25em; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .work-item .figure .figcaption::after, .work-item .figure .figcaption::before { pointer-events: none } .work-item .figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0) } .work-item .figure h5, .work-item .figure p { margin: 0 } .work-item .figure h5 { padding-top: 10px } .work-item .figure p { padding: 5px 0 } .figure.effect-hover img { -webkit-transition: -webkit-transform .35s, opacity .35s; -moz-transition: -moz-transform .35s, opacity .35s; -o-transition: -o-transform .35s, opacity .35s; -ms-transition: -ms-transform .35s, opacity .35s; transition: transform .35s, opacity .35s } .figure.effect-hover .figcaption { position: absolute; bottom: 0; right: 0; left: 0; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: opacity .35s, -webkit-transform .35s; -moz-transition: opacity .35s, -moz-transform .35s; -o-transition: opacity .35s, -o-transform .35s; -ms-transition: opacity .35s, -ms-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .figure.effect-hover .figcaption h5 { font-weight: 400; color: #111 } .figure.effect-hover .figcaption p { color: #555; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-weight: 400 } .figure.effect-hover:hover .figcaption { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } .figure.effect-hover:hover img { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50) } .call-to-action h5 { color: #777; letter-spacing: 1px; font-weight: 400; font-size: .8em } .work-detail { color: #777; letter-spacing: 1px; text-transform: uppercase } .work-detail p { font-size: 13px; padding: 4px 0; margin: 0; border-top: 1px solid rgba(0,0,0,.05) } .testimonial, .testimonial p { font-size: 18px } .work-detail p:last-child { border-bottom: 1px solid rgba(0,0,0,.05) } .team-item { position: relative; margin-bottom: 40px } .team-item .team-social { position: absolute; left: 195px; top: 80px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all .75s; -moz-transition: all .75s; -o-transition: all .75s; -ms-transition: all .75s; transition: all .75s } .team-item .team-social a { margin: 0 3px; -webkit-transition: all .75s; -moz-transition: all .75s; -o-transition: all .75s; -ms-transition: all .75s; transition: all .75s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .pricing-icon, .pricing-inner { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .team-item:hover .team-social { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .team-item:hover .team-social a { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .team-item figcaption { margin-left: 100px } .testimonial { margin: 0; padding: 0; background: 0 0; border: none; text-align: center; font-weight: 400; letter-spacing: 0; opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85) } .pricing-item { margin: 0 0 30px; position: relative; text-align: center } .pricing-inner { border: 1px solid #eaeaea; vertical-align: middle; transition: all .27s cubic-bezier(0, 0, .58, 1) } .pricing-inner:hover, .pricing-main .pricing-inner { border-color: #00b2ca } .pricing-button, .pricing-list li:first-child { border-top: 1px solid #f1f1f1 } .pricing-content { position: relative; box-sizing: border-box; padding: 30px 20px; text-align: center } .pricing-icon { padding-top: 10px; padding-bottom: 5px; position: relative; font-size: 32px; z-index: 1; transition: all .27s cubic-bezier(0, 0, .58, 1) } .pricing-title { position: relative; margin-bottom: 40px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; z-index: 1; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .contact-item a, .contact-item p, .pricing-list { letter-spacing: 2px } .pricing-list { margin: 0 -20px 30px; padding: 0; color: #777; font-size: 12px; font-weight: 400; text-transform: uppercase } .pricing-list li { padding: 12px 20px; list-style: none; border-bottom: 1px solid #f1f1f1 } .pricing-list li b { font-weight: 400; color: #000 } .pricing-cost { font-size: 40px; font-weight: 300; line-height: 1 } .pricing-cost sup { font-size: 18px; font-weight: 400; position: relative; top: -20px; left: -3px; margin-left: -7px } .pricing-button { margin: 30px -20px 0; padding-top: 30px } .pricing-period { color: #999; font-size: 12px } .pricing-main .pricing-icon, .pricing-main .pricing-title { color: #00b2ca } .pricing-main .pricing-button .btn { background: #00b2ca } .newsletter-res { margin-top: 30px } .form input.newsletter-input { font-family: Raleway, sans-serif; width: 293px; background: 0 0; color: #fff; border: 0; font-size: 13px; border-bottom: 1px solid #777 } .contact-item a, .contact-item p, .date-post, .post-title { font-family: Dosis } .google-map, .mapbox { background: #111; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; position: relative } .form input.newsletter-input:focus { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border-color: #f0f0f0 } .contact-item a, .contact-item h5 { color: #777 } .contact-item i, .contact-item span { font-size: 32px; display: block; margin-bottom: 20px; color: #00b2ca } .mapbox-planner .mapboxgl-map div.mapboxgl-control-container div.mapboxgl-ctrl-top-right div.mapboxgl-ctrl-group.mapboxgl-ctrl, .toggle-close { display: none } .form-contact input { border: 0; border-bottom: 1px solid #aeaeae } .form-contact input:focus, .form-contact textarea { border: 1px solid #aeaeae } .form-contact textarea { margin-top: 25px } .google-map { margin-top: 60px; height: 80px; transition: all 1s ease-out } .mapbox { margin-top: 26px; transition: all 1s ease-out } .mapbox-planner { position: relative; height: 200px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out } #map-canvas, .js-active { height: 410px } #map-canvas { position: relative; background-color: #ccc!important; z-index: 1 } .map-section, .map-toggle { position: absolute; left: 0 } .map-section { width: 100%; height: 80px; top: 0; padding: 0!important; background: rgba(11,11,18,.8); z-index: 2; cursor: pointer; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links-small a, .toggle-text { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .map-toggle { right: 0; margin: auto; top: 40%; color: #fff; text-align: center } .toggle-text { margin-left: 12px; font-size: 16px; text-transform: uppercase; letter-spacing: .3em; color: rgba(255,255,255,.75); transition: all .27s cubic-bezier(.3, .1, .58, 1) } .copy-right p, .date-post, .post-title { letter-spacing: 2px } .map-section:hover { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80) } .page-footer { background-color: #f5f5f5; position: relative; padding-top: 80px; padding-bottom: 60px } .copy-right a { color: #777; font-size: 10px } #careers .career-detail a, .comment-data a, .comment-data a:hover, .dropdown-wrap a, .footer-exo a, .sortby.dropdown-toggle.trigger, a.sortby, footer, footer a { text-decoration: none } .copy-right p { color: #777; margin-top: 10px; font-size: 12px; font-weight: 300 } a.scroll-to-top { position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: rgba(0,0,0,.2); font-size: 48px } .post-thumbnail, .search-wrap { position: relative } .about-exo-subscribe input { position: relative; right: -4px } footer .footer-menu ul li { display: inline; margin-right: 20px } .comment-author, .footer-exo input, .tags a { display: inline-block } footer { background-color: rgba(255,255,255,.1); color: #fff; padding: 20px 0 } .footer-exo input { color: #fff; background: rgba(255,255,255,.2); margin-bottom: 5px; vertical-align: top; border: none; padding: 7px; border-radius: 3px; width: 100%; font-size: 14px } .caret-list, .footer-logos div img.resp, span.icon-close { vertical-align: middle } .post-thumbnail img { -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s } .comment-data a, .post-meta a { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) } .post-title { margin-bottom: 5px; font-weight: 500; text-transform: uppercase } .date-post { font-size: 10px; color: #757a86; margin-bottom: 10px; text-transform: uppercase } .post-meta, .tags a { letter-spacing: 1px } .blog-post:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .blog-single img { -webkit-transform: scale(1)!important; -moz-transform: scale(1)!important; -o-transform: scale(1)!important; -ms-transform: scale(1)!important; transform: scale(1)!important } .btn-continue-reading { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #00b2ca } .btn-continue-reading i { opacity: 1; -ms-filter: none; filter: none } .btn-continue-reading:hover { color: #00b2ca } .btn-continue-reading:hover i { opacity: 1; -ms-filter: none; filter: none } .blog-single .post-title { font-size: 1.5em; font-weight: 300 } .blog-single .post-thumbnail { margin: 2em 0 } .blog-single .post-content img { margin: 20px 0 } .blog-single .post-content ul { list-style-type: disc } .blog-single .post-content ul li { font-size: 16px; line-height: 1.8; font-weight: 300; color: #777 } .blog-single .post-content>p { margin-bottom: 2em; font-size: 16px; line-height: 1.8 } .blog-single .post-meta { border: none } span.separator { margin-right: 8px } .post-meta { color: #737373; font-size: 12px; padding: 5px 0; margin-bottom: 10px } .post-meta i { margin-right: 5px } .post-meta a { color: #737373; transition: all .27s cubic-bezier(0, 0, .58, 1); padding: 5px 5px 5px 0 } .post-meta a:hover { color: #555 } ul.pagination li a { border: 1px solid #80b157; border-radius: 4px; background: #fff; color: #80b157; margin: 0 2px; font-size: 12px; font-weight: 700 } ul.pagination li.active a { border: 1px solid #80b157; border-radius: 4px; background: #80b157; color: #fff; margin: 0 2px } ul.pagination li a:hover, ul.pagination li.active a:hover, ul.pagination li.pagination-first a, ul.pagination li.pagination-next a, ul.pagination li.pagination-prev a { background: #80b157; color: #fff; border: 1px solid #80b157 } ul.pagination li a:focus { color: #fff!important; background: #80b157; border: 1px solid #80b157 } .experiences-details p { padding: 10px 0 } .comment-item { padding-top: 30px!important; border-top: 1px dotted #e9e9e9; font-size: 14px } .comment-item:first-child { padding-top: 0; border-top: none } .comment-avatar { width: 50px; margin-right: 10px } .comment-data { margin: 0 0 5px; text-transform: uppercase; font-size: 12px; color: #777 } .comment-data a { color: #777; transition: all .27s cubic-bezier(0, 0, .58, 1) } .comment-data a:hover { color: #000 } .comment-author { margin-right: 20px; font-size: 11px; font-weight: 700 } .features-title, .tags a, .widget-title { font-weight: 400; text-transform: uppercase } .comment-author a { color: #999 } .sidebar { margin-top: 10px } .widget { margin-bottom: 30px } .widget .img-left { margin: 0 10px 10px 0 } .widget .img-right { margin: 0 0 10px 10px } .widget-title { margin-bottom: 20px; padding-bottom: 5px; font-size: 14px; color: #777; border-bottom: 1px solid #ccc } .widget-body { font-size: 13px; color: #777 } .widget-text { line-height: 1.7 } .search-input { width: 100%!important; height: 40px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .search-button { width: 42px; height: 40px; line-height: 38px; margin-top: -20px; position: absolute; top: 50%; right: 1px; background: 0 0; border: none; outline: 0; color: #999; font-size: 14px } .search-button:hover { color: #111 } .search-button:hover+.search-field { border-color: #ccc } .tags a { margin: 0 2px 5px 0; padding: 5px 7px; border: 1px solid #e9e9e9; color: #777; font-size: 11px; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) } .tags a:hover { color: #111; border: 1px solid #111 } .widget-list li { font-size: 13px; padding: 8px 0 } .widget-list li a { color: #555; padding: 2px 0; transition: all .17s cubic-bezier(0, 0, .58, 1) } .widget-list li a:hover { color: #999 } .widget-post li { font-size: 13px; padding: 12px 0; border-bottom: 1px dotted #eaeaea } .widget-post li a { color: #555; -webkit-transition: all .17s cubic-bezier(0, 0, .58, 1); -moz-transition: all .17s cubic-bezier(0, 0, .58, 1); -o-transition: all .17s cubic-bezier(0, 0, .58, 1); -ms-transition: all .17s cubic-bezier(0, 0, .58, 1); transition: all .17s cubic-bezier(0, 0, .58, 1) } .widget-post li a:hover { color: #999 } .widget-post-thumb { float: left; height: 70px; width: 70px; margin: 0 7px 0 0 } .widget-post-description p { font-size: 13px } .first-letter::first-letter { display: block; float: left; text-align: center; margin: 5px 10px 8px 0; font-size: 30px; width: 30px; height: 30px; line-height: 30px } .post-navigation { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } .post-navigation .nav-prev { width: 33.3333%; float: left } .post-navigation .nav-close { width: 33.3333%; float: right; text-align: center } .post-navigation .nav-next { width: 33.3333%; float: right; text-align: right } .post-navigation p { font-family: Dosis, Arial; display: block; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; color: #000 } span.icon-close { display: inline-block; margin-top: -10px; font-size: 24px } .mfp-container { padding: 0!important } .mfp-move-horizontal .mfp-anim { -webkit-transition: all .75s; -moz-transition: all .75s; -o-transition: all .75s; -ms-transition: all .75s; transition: all .75s; opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .mfp-move-horizontal .mfp-opacity { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .mfp-move-horizontal.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80) } .mfp-move-horizontal.mfp-removing .mfp-anim { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 1; -ms-filter: none; filter: none } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0) } .overlay-left, .overlay-right { width: 50%; height: 100%; margin: 0!important; position: absolute; top: 0 } .features-icon img, .intro-box .intro-prev img { width: 100% } .overlay-left { left: 0; background: 0 0 } .overlay-left div, .overlay-left h1 { color: #777 } .overlay-right { right: 0; background: 0 0; color: #fff } .btn-scroll-alt:after, .btn-scroll-alt:before { border-bottom: 1px solid #777; border-right: 1px solid #fff } .features-item { margin-top: 70px } .features-icon { padding-top: 10px; font-size: 48px; line-height: 1.3; color: #00b2ca } .features-title { color: #777; margin-bottom: 21px; font-size: 14px; letter-spacing: .2em } .features-descr { color: #777; font-size: 14px; font-weight: 300; line-height: 1.86 } .service-quote p { font-size: 20px } .intro-box .intro-prev { margin-bottom: 25px } .intro-box .intro-prev a { -webkit-transition: all .2s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .2s cubic-bezier(.3, .1, .58, 1); -o-transition: all .2s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .2s cubic-bezier(.3, .1, .58, 1); transition: all .2s cubic-bezier(.3, .1, .58, 1) } .intro-box .intro-prev a:hover { opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85) } .intro-desc { text-align: center } @media only screen and (max-width:1200px) { .team-social { margin-top: -35px; margin-left: 5px } .team-social a { margin-top: 5px; display: block } .popup-gallery div.col-md-3 { width: auto } #trip-tour .popup-gallery>div { margin: 0 21px } #Modal-howto-book.modal.right.fade.in div.modal-dialog div.modal-content div.modal-body div.container.mt-100.mt-xs-60 div.row.mb-40 div.col-md-4 div.col-md-5, #Modal-howto-book.modal.right.fade.in div.modal-dialog div.modal-content div.modal-body div.container.mt-100.mt-xs-60 div.row.mb-40 div.col-md-4 div.col-md-7 { width: 100% } .btn-howtobook-signup { width: 100%!important; margin: 10px 0 0 } .btn-howtobook-login { width: 100%!important; margin: 10px 0 0!important } } @media only screen and (max-width:1187px) { .inner-nav ul li { margin-left: 10px!important } } @media only screen and (max-width:1030px) { .hero-destination .hero-content .hero-content-inner { top: 40% } .one-third-height { padding: 0!important; margin: 0!important; width: 100%; min-height: 570px; background: #000 } .btn-slider-p, .btn-slider-p-ad { color: #fff; font-size: 16px; padding: 12px 15px 10px; margin: 0 0 5px; height: 45px } .btn-slider-p { background: #a8abac; width: 250px } .btn-slider-p-ad { background: #564842; width: 250px; text-transform: uppercase } .btn-slider-arrow-ad { background: #de7026; width: 250px; padding: 10px 14px 14px; height: 45px; border: 1px solid #de7026 } .btn-slider { color: #5e6163; float: left; font-weight: 500; width: 250px; margin: 0 } #hero>div>div.one-third-height.bg-img>div>div>div { margin-top: 0 } .btn-slider-wrap, .btn-tour-submit { margin: 0 auto; width: 250px } .inner-nav ul li { float: left; margin-left: 15px; position: relative } .hs-line-1, .hs-line-4, .hs-line-5 { font-size: 3em } .hs-line-6 { font-size: 4em; letter-spacing: 8px } .hs-line-7 { font-size: 1.5em; letter-spacing: 12px } .hs-line-8 { font-size: 2.3em } .hs-line-first { font-size: 24px; letter-spacing: .4em } .hs-line-second { letter-spacing: 2px } .owl-pagination { bottom: 25px } } @media only screen and (max-width:992px) { .breadcrumbs:not(.align-center), .hs-line-first, .hs-line-second { text-align: center!important } .breadcrumbs { margin-top: 40px } .hs-line-first { margin-bottom: 10px } .service-item i { font-size: 36px } .service-item .service-desc p { font-size: 13px } #trip-tour .popup-gallery>div { margin: 0 -10px } } @media only screen and (max-width:768px) { .btn-slider-wrap { margin: 0 auto; width: auto } .hs-line-1, .hs-line-5 { font-size: 3em } .hs-line-2 { font-size: .9em } .hs-line-4 { font-size: 2.8em; letter-spacing: 4px } .hs-line-6 { font-size: 3em; letter-spacing: 6px } .hs-line-7 { font-size: 1em; letter-spacing: 12px } .hs-line-8 { font-size: 1.8em; letter-spacing: 4px } .filter li { display: block; margin: 20px 0 } .work-item figure { overflow: hidden } .overlay-left { width: 100%; background: #00b2ca } .overlay-left div, .overlay-left h1 { color: #fff } .overlay-right { display: none } .btn-scroll-alt:after, .btn-scroll-alt:before { border-bottom: 1px solid #fff; border-right: 1px solid #fff } .owl-pagination { bottom: 17px } .one-third-height { padding: 0!important; margin: 0!important; height: 85vh; width: 100%; background-position: center center } .btn-slider { float: none } #page>section:nth-child(2)>div:nth-child(1)>div>div.slider-nav.slick-initialized.slick-slider>div>div>div.slick-slide.slick-current.slick-active.slick-center>span { bottom: 32px; display: inline-block; margin: 0 -8px; position: absolute; text-align: left!important; transform: rotate(-90deg) translate(-50%, 50%); transform-origin: 0 50% 0; width: 50px } .container.timeline div.col-md-10.col-md-offset-1 { margin: 0 auto; overflow: hidden; padding: 0 20px 0 10px!important } } .hightlight-underline-grey-1, .space-h2-inner { position: relative } @media only screen and (max-width:767px) { .call-to-action h4, .call-to-action h5 { text-align: center } .service-item { margin: 60px 0; border: none; height: auto } .service-item h5, .service-item i { top: -30px; margin-bottom: 0 } .service-item:hover { border: none } .service-item i { font-size: 36px } .service-item .service-desc { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .service-item .service-desc p { font-size: 15px } } @media only screen and (max-width:760) { #videomain>div.hero-content>div>div>div>div:nth-child(3)>button { margin-top: 5px } } @media only screen and (max-width:480px) { .hero-destination .hero-content .hero-content-inner { top: 45% } #menu-top { width: 300px!important } .hs-line-1, .hs-line-5 { font-size: 2.5em } .hs-line-2 { font-size: .8em } .hs-line-4 { font-size: 2.2em; letter-spacing: 3px } .hs-line-6 { font-size: 2.5em; letter-spacing: 4px } .hs-line-7 { font-size: 1em; letter-spacing: 8px } .input.autocomplete-dynamic { width: 100% } .btn-coffee.btn-large { padding: 8px 15px; font-size: 13px } .form select.input-lg { height: 38px } .owl-pagination { bottom: 10px } .page-footer .col-md-9>div:nth-child(2), .page-footer .col-md-9>div:nth-child(3), .page-footer .col-md-9>div:nth-child(4) { width: 90%; margin: 10px auto } .footer-exo img.logo-footer { position: relative; top: 0 } } .hightlight-underline-blue, .hightlight-underline-brown, .hightlight-underline-grey, .hightlight-underline-grey-1, .hightlight-underline-white { padding-bottom: 10px; display: inline-block } @-moz-keyframes slideShow { 0%, 100% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1, 1, 1); -moz-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 33%, 5% { opacity:1; -ms-filter:none; filter:none } 41% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1.2, 1.2, 1); -moz-transform:scale3d(1.2, 1.2, 1); -o-transform:scale3d(1.2, 1.2, 1); -ms-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1) } } @-webkit-keyframes slideShow { 0%, 100% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1, 1, 1); -moz-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 33%, 5% { opacity:1; -ms-filter:none; filter:none } 41% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1.2, 1.2, 1); -moz-transform:scale3d(1.2, 1.2, 1); -o-transform:scale3d(1.2, 1.2, 1); -ms-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1) } } @-o-keyframes slideShow { 0%, 100% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1, 1, 1); -moz-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 33%, 5% { opacity:1; -ms-filter:none; filter:none } 41% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1.2, 1.2, 1); -moz-transform:scale3d(1.2, 1.2, 1); -o-transform:scale3d(1.2, 1.2, 1); -ms-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1) } } @keyframes slideShow { 0%, 100% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1, 1, 1); -moz-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 33%, 5% { opacity:1; -ms-filter:none; filter:none } 41% { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-transform:scale3d(1.2, 1.2, 1); -moz-transform:scale3d(1.2, 1.2, 1); -o-transform:scale3d(1.2, 1.2, 1); -ms-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1) } } .font-bold { font-weight: 700 } .green { color: #80b157 } .green-2 { color: #024f43 } .brown-2 { color: #554742 } .blue { color: #004977!important } .orange { color: #dd7026 } .dark-green { color: #004e42 } .font-46 { font-size: 46px!important } .font-40 { font-size: 40px!important } .font-30 { font-size: 30px!important } .font-28 { font-size: 28px!important } .font-22 { font-size: 22px!important } .font-23 { font-size: 23px!important } .font-24 { font-size: 24px!important } .font-20 { font-size: 20px!important } .font-18 { font-size: 18px!important } .font-16 { font-size: 16px!important } .font-14 { font-size: 14px!important } .font-12 { font-size: 12px!important } .col-md-12.text-center h2 { margin: 15px 0 30px } .space-h2-inner { top: -15px!important } .hightlight-underline-grey-1:before { position: absolute; bottom: 0; height: 1px; width: 100%; border-bottom: 3px solid #ccc; margin: 0 } .hightlight-underline-blue:before, .hightlight-underline-brown:before, .hightlight-underline-grey:before, .hightlight-underline-white:before { bottom: 0; height: 1px; width: 80%; margin: 0 10%; content: "" } .hightlight-underline-grey { position: relative } .hightlight-underline-grey:before { position: absolute; border-bottom: 3px solid #ccc } .hightlight-underline-white { position: relative } .hightlight-underline-white:before { position: absolute; border-bottom: 3px solid #fff } h2.hightlight-underline-brown, h2.hightlight-underline-grey, h2.hightlight-underline-white { text-transform: uppercase } .hightlight-underline-brown { position: relative } .hightlight-underline-brown:before { position: absolute; border-bottom: 3px solid #aaa3a0 } .hightlight-underline-blue { position: relative } .hightlight-underline-blue:before { position: absolute; border-bottom: 3px solid #7aa4bf } .about-exo { position: relative; text-align: center } .about-exo h2 { border-bottom: 2px solid #fff; font-weight: 600; bottom: 5px; color: #fff; left: 4%; position: absolute; right: 4%; text-align: center; width: 90%; z-index: 999 } .about-exo img { -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s } .about-exo:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .about-exo-icons-i { position: absolute; top: calc(10% - 10px); left: calc(45% - 5px); z-index: 999 } .social-links-small { font-size: 12px; position: relative; top: 5px } .social-links-small a { width: 22px; height: 22px; line-height: 17px!important; position: relative; margin: 0 2px; padding: 0 5px 2px; -webkit-padding-after: 0; -webkit-padding-before: 2px; -webkit-padding-start: 0; -webkit-padding-end: 0; text-align: center; display: inline-block; color: #fff; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links-small a:before, .weather-links-bg-white a { display: inline-block; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links a a span, .social-links-small a a i { position: relative; top: 0; left: 0 } .social-links-small a:before { content: ""; width: 100%; height: 100%; position: absolute; top: -2px; left: 0; background: #bcbebf; -webkit-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .social-links-small a:hover { color: #fff } .social-links-small a:hover:before { background: #80b157 } .social-links-top { font-size: 11px; color: #fff!important; display: inline-block; position: relative } .footer-exo, .weather-links { font-size: 16px } .social-links-top ul li { float: left; width: 16px; margin: 0!important; padding: 0!important } .top-agent-login { display: block; top: 10px } .footer-exo { color: #fff } .footer-exo ul { margin: 0; padding: 0 } .footer-logos div { height: 74px!important; float: left; margin-right: 20px } .top-social li { magin: 0 0!important } .weather-links-bg-grey, .weather-links-bg-white { float: left; height: 100px; margin: 8px 0 0 } .weather-links-bg-white a { width: 25px; height: 25px; line-height: 35px!important; position: relative; margin: 0 6px; text-align: center; color: #fff; transition: all .27s cubic-bezier(.3, .1, .58, 1); cursor: default!important } .weather-links-bg-green a, .weather-links-bg-white a::before { display: inline-block; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) } .weather-links-bg-white a a i, .weather-links-bg-white a a span { position: relative; top: 0; left: 0 } .weather-links-bg-white a i img { left: 7px; position: absolute; top: 7px; z-index: 9991 } .weather-links-bg-white a::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; border: 2px solid #80b157; z-index: 888; -webkit-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .weather-links-bg-green, .weather-links-bg-grey { float: left; height: 100px; margin: 8px 0 0 } .weather-links-bg-green a, .weather-links-bg-grey a { line-height: 35px!important; margin: 0 6px; color: #fff; text-align: center } .weather-links-bg-green a { width: 25px; height: 25px; position: relative; transition: all .27s cubic-bezier(.3, .1, .58, 1); cursor: default } .weather-links-bg-green a:before, .weather-links-bg-grey a { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); display: inline-block } .weather-links-bg-green a a i, .weather-links-bg-green a a span { position: relative; top: 0; left: 0 } .weather-links-bg-green a i img { left: 7px; position: absolute; top: 8px; z-index: 9999 } .weather-links-bg-green a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #80b157; border: 2px solid #80b157; z-index: 888; -webkit-border-radius: 50%; border-radius: 50%; transition: all .27s cubic-bezier(.3, .1, .58, 1) } div.weather-links-bg-grey { float: left } .weather-links-bg-grey a { width: 25px; height: 25px; position: relative; transition: all .27s cubic-bezier(.3, .1, .58, 1) } .weather-links-bg-grey a a i, .weather-links-bg-grey a a span { position: relative; top: 0; left: 0 } .weather-links-bg-grey a i img { left: 7px; position: absolute; top: 8px; z-index: 9999 } .weather-links-bg-grey a:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #d2d5d3; border: 2px solid #d2d5d3; z-index: 888; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) } div#timeline-weather { background-color: #a4a7a7; height: 8px; margin-top: 35px; position: relative; width: 100% } div#timeline-weather .inside { background-color: #88b7ae; height: 2px; left: 0; position: absolute; top: 3px; width: 0 } html.no-mobile.skrollr.skrollr-desktop body.appear-animate div#page.page section#when-to-go div.container div.col-md-10.col-md-offset-1 div#timeline-weather div#story-2008.dot::before { background: #0b7975; border: 4px solid #fff; border-radius: 50%; cursor: pointer; height: 20px; position: absolute; text-align: center; top: -3px; width: 20px; z-index: 99 } div#timeline-weather .dot { background: #0b7975; border: 4px solid #fff; border-radius: 50%; cursor: pointer; height: 16px; position: absolute; text-align: center; top: -3px; width: 16px; z-index: 99 } div#timeline-weather .dot.multi-border { border: 2px solid #fff; box-shadow: inset 0 0 0 4px #80b157, inset 0 0 0 8px #fff, inset 0 0 0 14px #23706a; width: 29px; height: 29px; position: absolute; border-radius: 50%; background: 0 0 } .dot-start-weather, .dot-stop-weather { background: #fff; height: 34px; width: 34px; z-index: 99; text-align: center; position: relative } .dot-start-weather { border: 8px solid #a4a7a7; border-radius: 50%; left: -2px; top: 55px } .dot-stop-weather { border: 8px solid #a4a7a7; border-radius: 50%; left: 99%; top: -20px } div#timeline-weather .dot:nth-child(1) { left: 11% } div#timeline-weather .dot:nth-child(2) { left: 18% } div#timeline-weather .dot:nth-child(3) { left: 25% } div#timeline-weather .dot:nth-child(4) { left: 32% } div#timeline-weather .dot:nth-child(5) { left: 39% } div#timeline-weather .dot:nth-child(6) { left: 46% } div#timeline-weather .dot:nth-child(7) { left: 53% } div#timeline-weather .dot:nth-child(8) { left: 60% } div#timeline-weather .dot:nth-child(9) { left: 67% } div#timeline-weather .dot:nth-child(10) { left: 74% } div#timeline-weather .dot:nth-child(11) { left: 81% } div#timeline-weather .dot:nth-child(12) { left: 88% } div#timeline-weather .dot span { font-size: 1.1rem; display: block; position: relative; top: -60px; text-align: center; left: -15px; cursor: default!important } div#timeline-weather .dot .weather-date { display: block; font-size: 14px; left: -5px; position: relative; text-align: center; top: -90px; color: #5d6162; cursor: default } .force-weather-date { left: -1px!important; top: -81px!important } .force-weather-links-circle { left: -7px!important; top: -51px!important } .force-multi-border { margin: 0 0 0 -6px!important; top: -10px!important } section#exo-info h4 { display: inline-block!important } section#exo-info p, section#exo-info span { color: #777!important } html.no-mobile.skrollr.skrollr-desktop body.appear-animate div#page.page section #highlight { line-height: 2.8em!important } #highlight i { display: inline-flex; margin: 0 10px 0 0; position: relative; top: 5px; float: left; width: 10px } #highlight h4 { color: #004e42; font-weight: 700; margin: 2px 2px 0 0 } #highlight p { color: #5d6162; font-size: 18px!important } .highlight-section { margin: 0 auto; padding: 10px 0 50px; position: relative; width: 1250px } #trip-tour ul { line-height: 1.74em; list-style-type: none; margin: 0; padding: 0 } @media only screen and (max-width:1230px) { .highlight-section { margin: 0 auto; overflow: hidden; padding: 10px 0 40px; position: relative; width: 1000px } .highlight-section-l { width: 100%; text-align: center } .highlight-section-r { width: 600px; margin: 0 auto; float: none } .highlight-picture img { width: 600px } .vertical-align { align-items: center; display: block!important } } @media only screen and (max-width:1020px) { .highlight-section { margin: 0 auto; overflow: hidden; padding: 10px 0 40px; position: relative; width: 900px } .highlight-section-l { width: 100%; text-align: center } .highlight-section-r { width: 600px; margin: 0 auto; float: none } .highlight-picture img { width: 600px } .vertical-align { align-items: center; display: block!important } } @media only screen and (max-width:900px) { .highlight-section { margin: 0 auto; overflow: hidden; padding: 10px 0 40px; position: relative; width: 100% } .highlight-section-l { width: 100%; text-align: center } .highlight-section-r { width: 600px; margin: 0 auto; float: none } .highlight-picture img { width: 600px } .vertical-align { align-items: center; display: block!important } } @media only screen and (max-width:600px) { .highlight-section { margin: 0 auto; overflow: hidden; padding: 10px 0 40px; position: relative; width: 100% } .highlight-section-l { width: 100%; text-align: center } .highlight-section-r { width: 100%; padding: 0 35px } .highlight-picture img, .highlight-section-r p { width: 100%; padding: 0 20px } .vertical-align { align-items: center; display: block!important } } .btn-useful, .btn-useful-2 { background: #fff; color: #80be6c; display: inline-block; font-size: 13px!important; font-weight: 700!important; margin: 0 auto; position: relative; text-align: left; width: 100%; cursor: pointer; outline: 0 } .btn-useful { border: 1px solid #80be6c!important; border-radius: 4px!important; padding: 9px 25px 9px 40px!important } .btn-useful-2 { border: 1px solid #80be6c!important; border-radius: 4px!important; padding: 9px 35px 9px 40px!important } .btn-useful:hover { background: #80be6c } .dropdown-wrap .dropdown-menu { z-index: 999999!important; min-width: 180px } .dropdown-wrap.view-list.open ul.dropdown-menu { width: 20px; top: 36px!important } .dropdown-wrap.view-list .dropdown-menu:after, .dropdown-wrap.view-list .dropdown-menu:before { border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: -6px; content: ''; display: inline-block } .dropdown-wrap.view-list .dropdown-menu:before { border-bottom: 6px solid #ccc; left: 26px } .dropdown-wrap.view-list .dropdown-menu:after { border-bottom: 6px solid #fff; left: 27px } .dropdown-wrap ul { width: 100%; border-radius: 0; top: 33px } .dropdown.open ul.dropdown-menu.dropdown-useful-style li:last-child { border-bottom: 1px solid #fff!important } .dropdown-wrap .dropdown-menu>li { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; border-bottom: 1px solid #ccc; margin: 0 10px!important } .dropdown-wrap .dropdown-menu:before { position: absolute; top: -7px; left: 44%; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,.2); content: '' } .dropdown-wrap .dropdown-menu:after { position: absolute; top: -6px; left: 45%; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; background: url(../../assets/img/top-page/useful-info/arrow-green-down.png) right 5px center no-repeat } .caret-list { background: url(../../assets/img/top-page/icon-view-list.png) no-repeat; display: inline-block; height: 6px; margin-left: 2px; width: 12px } .dropdown-caret:after { content: '\72'; display: block; font-family: exo-icon!important; line-height: 2; padding-right: 2px; position: absolute; right: 6px; top: -1px; font-size: 18px; font-style: normal!important } .dropdown-caret-num:after, .dropdown.open .dropdown-caret-num:after { font-family: exo-icon!important; padding-right: 2px; position: absolute; display: block; top: 10px!important } .dropdown.open .dropdown-caret:after { content: '\73'; font-family: exo-icon!important; padding-right: 2px; font-size: 18px } .dropdown-caret-num:after { content: '\72'; line-height: 2; right: 15px; font-size: 12px; font-style: normal!important } .dropdown.open .dropdown-caret-num:after { content: '\73' } .dropdown a.btn.btn-useful.dropdown-toggle.trigger.all-jobs { color: #fff!important; text-align: center!important; padding: 10px!important } .btn-useful.all-jobs, .btn-useful.all-jobs:hover, .dropdown.open a.btn.btn-useful.all-jobs.dropdown-toggle.trigger { color: #fff!important; background: #80b056 } .btn-useful.sortby { color: #80b056 } .sortby:hover { color: #fff!important; background: #80b056!important } .sortby.dropdown-toggle.trigger { color: #fff!important; background: #80b056 } #page.page section#careers.pt-0 div.container div.row.mt-40.mt-xs-20 div.col-md-12.text-center div.col-md-12.text-center.mb-40 h2.hightlight-underline-grey { margin: 0 } #careers div#useful-info div.row.useful-info-row { padding: 20px 20px 5px } #careers .dropdown-toggle.trigger.btn-career { font-size: 14px!important } #careers div.col-md-2 { width: 250px } #careers div.col-md-9 { margin-left: 30px } #careers .career-detail { font-size: 14px; font-weight: 600; margin: 5px 0 0 40px } #careers .career-detail a { font-weight: 500 } #careers .career-detail a:hover { font-weight: 500; text-decoration: underline } .career-banner { background: url(../img/top-page/pic-careers.jpg) 0 -20px/cover no-repeat; height: 255px; padding: 10px; width: 100% } .career-banner span { color: #fff; display: inline-block; font-size: 23px; padding: 20px 20px 15px; position: relative; text-align: center; text-transform: uppercase; width: 100% } .career-banner a, .career-banner a:hover { margin: 20px 0 0 5px; padding: 2px } .career-info { background: #ededec; font-size: 14px; font-weight: 500; padding: 20px; margin: 0 8px 0 20px } .btn-career:hover { color: #fff!important; background: #80b056!important } .btn-career.dropdown-toggle.trigger { color: #fff!important; text-align: center; background: #80b056; text-decoration: none } .btn-guide-download-wrap { color: #5d6162!important; display: inline-block; width: 175px!important; font-weight: 500!important } .dropdown-wrap.btn-guide-download-wrap div.dropdown.open ul.dropdown-menu.dropdown-useful-style { min-width: 165px!important; top: 36px; z-index: 999999!important } .dropdown-wrap.btn-guide-download-wrap .dropdown-menu:before { position: absolute; top: -7px; left: 44%; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,.2); content: '' } .dropdown-wrap.btn-guide-download-wrap .dropdown-menu:after { position: absolute; top: -6px; left: 45%; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; background: url(../../assets/img/top-page/useful-info/arrow-green-down.png) 12px center no-repeat } .btn-guide-download-t { left: 6px; position: relative; top: -5px } .btn-useful.btn-guide-download { color: #5d6162; background: url(../../assets/img/top-page/icon-download-green.png) 12px 5px no-repeat #fff!important; font-size: 19px!important; font-weight: 500!important; height: 36px; position: relative; top: 5px; border: 1px solid #80b157!important } .btn-useful.btn-guide-download:hover { color: #fff!important; background: url(../../assets/img/top-page/icon-download-white.png) 12px 5px no-repeat #80b056!important } .dropdown.open a.btn.btn-useful.btn-guide-download.dropdown-toggle.trigger { background: url(../../assets/img/top-page/icon-download-white.png) 8px 5px no-repeat #80b056!important; color: #fff!important } .btn-useful.map-guide { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-mapguide.png) 8px 5px no-repeat #fff!important } .btn-useful.map-guide:hover, .dropdown.open a.btn.btn-useful.map-guide.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-mapguide-w.png) 8px 5px no-repeat #80b056!important } .btn-useful.food-guide { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-foodguide-green.png) 8px 5px no-repeat #fff!important } .btn-useful.food-guide:hover, .dropdown.open a.btn.btn-useful.food-guide.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-foodguide-white.png) 8px 5px no-repeat #80b056!important } .btn-useful.travel-guide { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-travelguide-green.png) 8px 5px no-repeat #fff!important } .btn-useful.travel-guide:hover, .dropdown.open a.btn.btn-useful.travel-guide.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-travelguide-white.png) 8px 5px no-repeat #80b056!important } .btn-useful.hotel-guide { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-hotel-green.png) 10px 6px no-repeat #fff!important } .btn-useful.hotel-guide:hover, .dropdown.open a.btn.btn-useful.hotel-guide.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-hotel-white.png) 10px 6px no-repeat #80b056!important } .btn-useful.visa-info { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-visa-green.png) 8px 5px no-repeat #fff!important } .btn-useful.visa-info:hover, .dropdown.open a.btn.btn-useful.visa-info.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-visa-white.png) 8px 5px no-repeat #80b056!important } .btn-useful.public-holiday { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-holiday-green.png) 8px 5px no-repeat #fff!important } .btn-useful.public-holiday:hover, .dropdown.open a.btn.btn-useful.public-holiday.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-holiday-white.png) 8px 5px no-repeat #80b056!important } .btn-useful.reading-list { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-reading-list-green.png) 8px 5px no-repeat #fff!important } .btn-useful.reading-list:hover, .dropdown.open a.btn.btn-useful.reading-list.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-reading-list-white.png) 8px 5px no-repeat #80b056!important } .btn-useful.flight-tariff { color: #80b056; background: url(../../assets/img/top-page/useful-info/icon-flight-tariff-green.png) 8px 5px no-repeat #fff!important } .btn-useful.flight-tariff:hover, .dropdown.open a.btn.btn-useful.flight-tariff.dropdown-toggle.trigger { color: #fff!important; background: url(../../assets/img/top-page/useful-info/icon-flight-tariff-white.png) 8px 5px no-repeat #80b056!important } .btn-useful.focus, .btn-useful:focus, .btn-useful:hover { color: #80b056!important } .dropdown-wrap { margin: 0 0 10px } .dropdown-wrap.dropdown-menu.cat-view-num { min-width: 50px!important } .dropdown-wrap.dropdown-menu>li:last-child { border: none } #useful-info { color: #676767 } #useful-info div.media-box-container div.media-box-image div.media-box-thumbnail-container, div#useful-info div.media-box.media-box-loaded div.media-box-container div.media-box-image { height: 94px!important } div#useful-info div.media-box.media-box-loaded div.media-box-container div.media-box-image { width: 100%!important } #useful-info .media-boxes-container div.media-box div.media-box-container div.media-box-image div.thumbnail-overlay div.aligment div.aligment div.media-box-content { padding: 0 } #useful-info i.media-box-icon-country.icon-cambodia, #useful-info i.media-box-icon-country.icon-china, #useful-info i.media-box-icon-country.icon-indonesia, #useful-info i.media-box-icon-country.icon-japan, #useful-info i.media-box-icon-country.icon-laos, #useful-info i.media-box-icon-country.icon-malaysia, #useful-info i.media-box-icon-country.icon-myanmar, #useful-info i.media-box-icon-country.icon-thailand, #useful-info i.media-box-icon-country.icon-uk, #useful-info i.media-box-icon-country.icon-vietnam { box-sizing: border-box; display: inline-block; height: 15px; text-align: center; width: 24px; background-size: 24px 15px } .useful-info-row { padding: 25px 10px 10px } .useful-info-row-2 { padding: 5px 10px 10px } @media only screen and (max-width:1200px) { .useful-info-row-2, .useful-info-row-2 .col-md-offset-2, .useful-info-row-2 .useful-info-row-2 { width: 100%; margin: 0 } } @media only screen and (max-width:990px) { .useful-info-row-2 .col-md-3 { width: 100% } .career-info { margin: 0 } } .useful-info-row:nth-of-type(2n+1) { background: #ededec } .useful-info-pdf { display: inline-block; position: absolute; right: 5px } .dropdown-wrap.dropdown-menu .dropdown-useful-style { width: 100%!important; background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0,0,0,.15); border-radius: 0; box-shadow: 0 2px 3px rgba(0,0,0,.2); display: none; float: left; font-size: 14px; left: 0; list-style: none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 85%; z-index: 1000 } .dropdown-wrap.dropdown-menu .dropdown-useful-style ul { border-radius: 0 } .dropdown-wrap.dropdown-menu .dropdown-useful-style li a { padding: 3px 10px; font-size: 12px!important } #useful-info.container div.row.useful-info-row div.col-md-8 div.row div.col-md-3.dropdown-wrap, #useful-info.container div.row.useful-info-row-2 div.col-md-8 div.row div.col-md-3.dropdown-wrap { padding: 5px!important; margin: 0 } blockquote.about-quote { border: none } ul.typeahead.dropdown-menu { width: auto; border-radius: 0; border: 1px solid #fff; margin-top: 10px!important } input.autocomplete-dynamic { border: 1px solid #fff; color: #444; height: 45px; padding: 10px 20px; position: relative; width: 100%!important; -webkit-padding-start: 20px } ul.typeahead.dropdown-menu li:last-child { border-bottom: 1px solid #fff!important } ul.typeahead.dropdown-menu li { border-bottom: 1px solid #ccc; display: block; margin: 0 5px } ul.typeahead.dropdown-menu li.active a { background: #CCC; border-bottom: 1px solid #ccc } ul.typeahead.dropdown-menu li.active a:hover { background: #CCC } ul.typeahead.dropdown-menu:before { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 44%; position: absolute; top: -8px } @media screen and (-webkit-min-device-pixel-ratio:0) { input.autocomplete-dynamic { color: #444; padding: 5px; width: 100%; top: 0!important; border-top: 2px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-padding-start: 20px!important } } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { input.autocomplete-dynamic { color:#444; padding:5px; width:100%; top:1px!important; border-top:2px solid #fff; border-bottom:3px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff } } } .autocomplete-group strong, .autocomplete-suggestions strong { font-weight: 700; color: #000 } .autocomplete-group, .autocomplete-no-suggestion { padding: 2px 5px } ul.typeahead.dropdown-menu:after { position: absolute; top: -7px; left: 45%; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; background-position: right 5px center } .autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50,50,50,.64); -moz-box-shadow: 1px 4px 3px rgba(50,50,50,.64); box-shadow: 1px 4px 3px rgba(50,50,50,.64) } .pic:hover, span.rollover { cursor: pointer } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden } .autocomplete-selected { background: #F0F0F0 } .autocomplete-group strong { font-size: 16px; display: block; border-bottom: 1px solid #000 } .no-gutter [class*="-6"], .no-gutter-12 [class*="-12"] { padding-left: 0; padding-right: 0 } .full-width { width: 100%!important } .wrap-btn-slider { padding: 0 } .wrap-btn-slider-space { padding-right: 3px } .careers-page .owl-pagination { bottom: 50px; display: block; left: 0; position: absolute; text-align: center; width: 100% } #media-tours-container { height: 700px!important; overflow: hidden } div.step:first-child { display: block } .tours-wrap img { height: 320px; width: 100% } .tours-wrap div.carousel-caption { top: 0; padding: 20px 0 0!important; text-shadow: none } .tours-wrap div.media-box-place-period { border-top: 1px solid #fff; bottom: 55px; color: #fff; display: block; font-size: 16px!important; margin: 0 20px; padding: 15px 20px; position: relative; text-align: center } .tours-wrap div.row div.col-md-3, .tours-wrap div.row div.col-md-6 { height: 320px; margin-bottom: 30px } .bt-expand-collapse-1 { margin-right: 10px } .bt-expand-collapse-1, .bt-expand-collapse-2 { background: rgba(0,0,0,0)!important; border: none!important; color: #004e42!important; float: none; font-size: 18px!important; font-weight: 500; opacity: 1!important } .ui-accordion-content p { padding: 10px 0 } .ui-accordion-content h4 { margin: 0 } .ui-accordion-content i { margin: 0 5px 0 0 } #accordion.ui-accordion div.ui-accordion-content { padding: 20px 10px 10px; width: 100% } @media only screen and (max-width:990px) { .tab-icon-meals { float: none!important; margin: 10px 0 0!important } } .tab-icon-meals { float: right; margin: 0 50px 0 0; display: none } #accordion .ui-accordion-header-active.ui-state-active.ui-corner-top span.tab-icon-meals, .tab-icon-meals-show { display: block!important } .ui-accordion-header.ui-state-default.ui-accordion-icons.ui-icon-down.ui-corner-all span.tab-icon-meals.tab-icon-meals-show { display: none!important } .ui-accordion-header-active.ui-state-active.ui-corner-top span.tab-icon-meals i img { position: relative; top: -2px; left: -5px } .icon-expand-collapse { position: relative; padding: 0 7px 5px 0 } .ui-accordion .ui-accordion-header .ui-icon { left: 99%!important; margin-left: -30px; margin-top: -8px; position: absolute; top: 37%!important } .ui-accordion .ui-accordion-header { margin: 2px 0 0!important; padding: 1em!important; font-weight: 600; border-radius: 0!important; cursor: pointer; display: block; font-size: 100%; min-height: 0; position: relative; border: none!important } .ui-accordion-icons .ui-accordion-header a { padding-left: 1em } .ui-accordion .ui-accordion-icons { padding-left: 15px!important; text-transform: uppercase } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #004e42!important; border: none!important; color: #fff; font-weight: 400 } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: 0!important } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: 0!important } .ui-widget-content { background: #fff; border: none!important; color: #5e6163!important } .ui-icon.iconOpen { background: url(../../assets/img/top-page/icon-arrow-up.png) no-repeat!important; width: 29px; height: 29px } .ui-icon.iconClosed { background: url(../../assets/img/top-page/icon-arrow-down.png) no-repeat!important; width: 29px; height: 29px } .tabs-details h4 { margin: 15px 0; padding: 10ox 0 0 } .tabs-details-box { padding: 10px 30px 30px; background: #f0f0ef!important } .tabs-details-box h4 { margin: 10px 0 0 } .tabs-details-box ul { padding: 0 20px } .tabs-details-box li { list-style: circle; margin: 0 0 0 15px; padding: 5px 0 } .header-hotel-rate { padding: 20px 0 0!important; margin: 0 0 20px!important; text-transform: uppercase } .ui-tabs .ui-tabs-panel { background: rgba(0,0,0,0); border-width: 0; display: block; padding: 0!important } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: 0!important } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: 0!important } .ui-tabs .ui-tabs-nav { padding: 0!important; border-bottom: 7px solid #004e42!important } .ui-widget-header { border: 0!important; background: 0 0!important } .ui-tabs .ui-tabs-nav li { background: #7fb254!important; font-weight: 500!important } .ui-tabs .ui-tabs-nav li.ui-state-active { background: #004e42!important } .ui-widget-header a { color: #fff!important; padding: 14px 20px!important } .ui-widget { font-family: myFont, Raleway, sans-serif!important; font-size: 1em } .font-star { font-size: 28px; position: absolute; top: 5px } .td-div-grey, .td-div-white { vertical-align: middle; position: relative } .table-div { display: table; text-align: center; width: 100%; border-bottom: 2px solid #f0f0ef } .td-padding { padding: 10px } .tr-div-grey { display: table-row; background: #f0f0ef } .td-div-grey { display: table-cell } .tr-div-white { display: table-row; background: #fff } .td-div-white { display: table-cell } .td-border-r-w { border-right: 2px solid #fff } .td-border-b-w { border-bottom: 2px solid #fff } .td-border-r-g { border-right: 2px solid #f0f0ef } .td-border-b-g { border-bottom: 2px solid #f0f0ef } .pic { width: 267px; overflow: hidden } .popup-gallery .grow.pic { height: 150px } .grow img { width: 100%; background-size: cover } span.rollover { background: url(../img/top-page/icon-gallery-overlay.png) center center no-repeat #000; height: 150px; width: 267px; opacity: 0; position: absolute; transition-duration: .2s; z-index: 10 } span.rollover:hover { opacity: .4 } button.mfp-close { background: 0 0!important } .centered { text-align: center; font-size: 0 } .centered>div { float: none; display: inline-block; text-align: left; font-size: 13px } .vertical-align { display: flex; align-items: center } .accordion h2, .accordion-icon { display: table-cell; position: relative } #hotel-details .media-box-image { height: 300px!important } .modal-search { height: 100%; margin: 0 auto; width: 100%; text-align: center } .modal-search .modal-header { background: 0 0!important; border-bottom: none } #Modal-3 button.btn.btn-primary, .btn-x-close { border: 1px solid #fff!important; top: 60px; position: relative } .modal-search button.close { background: #7caf58; border-radius: 50%; color: #fff; float: none; font-size: 24px; font-weight: 400; height: 45px; opacity: 1; width: 45px } .modal-search .form-group input { background: #4a8950; border: 1px solid transparent; font-size: 26px; height: 60px; margin: 30px auto 20px; padding: 10px 12px!important; text-align: center; width: 40% } #Modal-3 input::-webkit-input-placeholder { color:#fff } #Modal-3 input:-ms-input-placeholder { color:#fff } #Modal-3 input::-moz-placeholder { color:#fff } #Modal-3 .form-control::-moz-placeholder { color:#fff!important; opacity:1 } .modal-search input[type=text] { box-shadow: none!important; border: 1px solid transparent; color: #fff } .modal-search input[type=text]:focus { box-shadow: none!important; border: 1px solid transparent } .modal-search button.btn.btn-primary { font-size: 20px; padding: 5px 40px; font-weight: 500 } .modal-search button.btn.btn-primary :hover, .modal-search button.btn.btn-primary:hover { color: #fff; background-color: #ccc; border-color: #fff } .modal-search .modal-content { background: rgba(0,0,0,0); box-shadow: none } .modal-search .modal-body { margin: 5% 0 0 } #Modal-3.modal { background: rgba(124,175,88,.9)!important } .modal.in .modal-dialog { background: rgba(0,0,0,0)!important; transform: translate(0, 0) } #Modal-social .modal-dialog { width: 300px; margin: 10% auto } #Modal-social .modal-socials { background: #fff; height: 320px; margin: auto; padding: 20px; width: 335px!important } .modal-social-filler { width: 295px; margin: 10% auto; height: 320px; overflow: hidden; background: #fff } #Modal-socials-1 .modal-dialog { background: #111; border-radius: 3px; height: 388px; margin: 15% auto; padding: 0 15px; width: 335px } #Modal-socials-1 .modal-header { background: #111; color: #999; padding: 10px 0!important } #Modal-socials-1 .modal-body { background: #fff; overflow: hidden; padding: 0; position: relative } #Modal-socials-1 .modal-body-social-extra { background: #ccc; height: 50px; margin: 0; padding: 15px; text-align: left; width: 320px } #Modal-socials-1 .modal-header button.close { padding: 5px 10px 0 0 } .accordion { width: 100%; height: 100vh; overflow: hidden; background: rgba(47,35,35,1); z-index: 9999999!important } .accordion h2 { color: #fff; padding: 10px; border-bottom: 2px solid #fff } .accordion-icon { width: 55px; height: 55px; margin: 0 auto; z-index: 999!important } .accordion ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0 } .accordion ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 100vh; background-repeat: no-repeat; background-position: center center; transition: all .5s ease; -moz-transition: visibility 0s ease-in .55s, opacity .55s ease 0s } .accordion ul li div { display: block; overflow: hidden; text-align: center; width: 100% } .accordion-wrap { position: absolute; top: 40% } .accordion-details { font-size: 1.2em } .accordion ul li .accordion-details { display: block; height: 100vh; width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; transition: all .4s ease } .accordion ul li .accordion-details * { display: block; margin: 0 auto; opacity: 0; overflow: hidden; position: relative; text-overflow: ellipsis; z-index: 5 } @media only screen and (max-width:1960px) { .accordion ul li .accordion-details * { display: inline-block; margin: 0 auto; opacity: 0; overflow: hidden; position: relative; text-overflow: ellipsis; transform: translateX(-100px); transition: all .4s ease 0s; width: 350px; z-index: 5 } } @media only screen and (max-width:1600px) { .accordion ul li .accordion-details * { display: inline-block; margin: 0 auto; opacity: 0; overflow: hidden; position: relative; text-overflow: ellipsis; transform: translateX(-100px); transition: all .4s ease 0s; width: 320px; z-index: 5 } } @media only screen and (max-width:1400px) { .accordion ul li .accordion-details * { display: inline-block; margin: 0 auto; opacity: 0; overflow: hidden; position: relative; text-overflow: ellipsis; transform: translateX(-100px); transition: all .4s ease 0s; width: 200px; z-index: 5 } } @media only screen and (max-width:1000px) { .accordion ul li .accordion-details * { display: inline-block; margin: 0 auto; opacity: 0; overflow: hidden; position: relative; text-overflow: ellipsis; transform: translateX(-100px); transition: all .4s ease 0s; width: 160px; z-index: 5 } .accordion h2 { font-size: 14px!important } .accordion-wrap { position: absolute; top: 33% } } @media only screen and (max-width:1320px) { .accordion h2 { font-size: 18px } } @media screen and (max-height:1000px) { .accordion ul li .accordion-details * { font-size: 16px } .accordion ul li .accordion-details { padding: 10px } } @media screen and (max-height:800px) { .accordion ul li .accordion-details * { font-size: 12px } .accordion ul li .accordion-details { padding: 10px } } @media only screen and (max-width:800px) { .accordion ul li .accordion-details * { display: inline-block; margin: 0 auto; opacity: 0; overflow: hidden; position: relative; text-overflow: ellipsis; transform: translateX(0); transition: all .4s ease 0s; z-index: 5 } .accordion h2 { color: #fff; padding: 10px; border-bottom: 2px solid #fff; position: relative; display: table-cell; font-size: 14px } } @media only screen and (max-width:600px) { .accordion ul li .accordion-details * { display: inline-block; margin: 0 auto; opacity: 0; overflow: hidden; position: relative; text-overflow: ellipsis; width: 100%; z-index: 5; font-size: 18px } .accordion ul:focus li a *, .accordion ul:hover li a * { opacity: 1!important; -webkit-transform: none; transform: none } } .accordion-wrap span.title-adventure h2 a { color: #fff; text-decoration: none } .accordion-wrap span.title-adventure h2 a:hover { text-decoration: none; opacity: 1 } .accordion ul li div a h2 { color: #fff; font-size: 28px; margin-bottom: 2px; font-weight: 600 } .accordion ul li div a p { font-size: 22px; padding: 0 20px; transition: all 1s ease-in-out } .accordion ul li:nth-child(1) { background: url(../img/top-page/adventure/pic-adventure-01.jpg) center top no-repeat; background-size: cover } .accordion ul li:nth-child(1):before, .accordion ul li:nth-child(2):before, .accordion ul li:nth-child(3):before, .accordion ul li:nth-child(4):before, .accordion ul li:nth-child(5):before, .accordion ul li:nth-child(6):before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(47,35,35,.6); z-index: 0 } .accordion ul li:nth-child(2) { background: url(../img/top-page/adventure/pic-adventure-02.jpg) center top no-repeat; background-size: cover } .accordion ul li:nth-child(3) { background: url(../img/top-page/adventure/pic-adventure-03.jpg) center top no-repeat; background-size: cover } .accordion ul li:nth-child(4) { background: url(../img/top-page/adventure/pic-adventure-04.jpg) center top no-repeat; background-size: cover } .accordion ul li:nth-child(5) { background: url(../img/top-page/adventure/pic-adventure-05.jpg) center top no-repeat; background-size: cover } .accordion ul li:nth-child(6) { background: url(../img/top-page/adventure/pic-adventure-06.jpg) center top no-repeat; background-size: cover } .accordion ul:focus li, .accordion ul:hover li { width: 20%; -khtml-opacity: .5; -moz-opacity: .5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); filter: alpha(opacity=.5); opacity: .5 } .accordion ul:focus li:focus, .accordion ul:hover li:hover { width: 30%; opacity: 1!important } .accordion ul:focus li:focus a *, .accordion ul:hover li:hover a * { opacity: 1!important; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } .btn-sidebar-leftbox-1, .btn-sidebar-leftbox-2, .holdingbox-1 { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) } .title-adventure i.accordion-icon img { z-index: 9!important; opacity: .7 } .accordion ul li *, .accordion ul:hover li:hover * { z-index: 9!important; opacity: 1 } .mice .mice-btn { position: absolute } .mice .mice-btn a { background: 0 0; border: 1px solid #fff; border-radius: 4px; color: #fff; display: inline-block; font-size: 18px; margin: 20px 0 0; padding: 3px 20px; text-decoration: none; text-transform: uppercase } .mice .mice-btn a:hover { color: #fff } .mice ul.icon-arrow-cont { margin: 5px 0 0; padding: 0 } .mice ul.icon-arrow-cont li { padding: 15px 0 15px 30px; background: url(../img/top-page/mice/icon-arrow-right.png) 0 15px no-repeat; font-size: 22px } .img-mice-overlay { background: #000; display: block; height: 100%; left: 0; opacity: .2; position: absolute; top: 0; width: 100%; z-index: 9 } .mice h3, .mice-table { display: table } .mice h3 { border-bottom: 3px solid #fff; color: #fff; margin: 0 0 20px; padding: 0 0 10px; text-transform: uppercase } .resp-mice-activities { width: 100%; height: 100%; min-height: 660px; object-fit: cover } .resp-mice-activities-2 { width: 100%; height: 100%; min-height: 795px; object-fit: cover } .mice-table .mice-cell { float: none; display: table-cell; vertical-align: top } .mice-text-overlay { position: absolute; color: #fff; font-size: 22px; z-index: 99; padding: 20px; bottom: 0 } .mice-dest-btn-overlay { margin: 25% 38%; position: absolute; width: 70%; z-index: 999 } .mice-dest-btn-overlay a { background: #fff; padding: 5px 40px; color: #676c6f; border: 1px solid #a3a8a7; border-radius: 4px; text-decoration: none } .mice-dest-btn-overlay a:hover { padding: 5px 40px; color: #fff; border-radius: 4px; background: #004977; border: 1px solid #004977 } #shareplus_sticker { display: none } .slide-content-wrapper { background: #004977; color: #fff; position: relative; width: 100%; height: 100vh; font-size: 20px } #ethosBotSection { right: 0!important; position: absolute; display: block!important; width: 50%; padding: 40px } .flexslider, ul.slides, ul.slides li { width: 100%; position: relative } #ethosSections { position: relative } .flexslider { display: block } ul.slides { margin: 0; padding: 0; list-style: none } ul.slides li { padding: 0; margin: 0; display: none } #ethosTopSection { display: inline-block; float: left; width: 50% } #ethosTopSection ul.slides li:first-child { display: block } ul.slides li:before { display: none } #ethosTopSection img { display: block; margin: 0 auto; height: 100vh } #ethosNavigation { bottom: 150px; color: #c6c5c5; font-size: 14px; font-weight: 600; height: 65px; left: 52.2%; position: absolute; text-align: center; width: 45.5% } #ethosNavigation a, #ethosNavigation a:hover { color: #fff } #ethosNavigation #bulletNav { background: #4c4c4c; height: 65px; padding: 25px 30px; display: none } #ethosNavigation #bulletNav ul { margin: 0; padding: 0; list-style: none; height: 15px } #ethosNavigation #bulletNav ul li { display: inline-block; margin: 0 2px; padding: 0; text-indent: -9999px } #ethosNavigation #bulletNav ul li a { border: 2px solid #7c7c7c; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: block; height: 15px; width: 15px; background: 0 0 } #ethosNavigation #bulletNav ul li a:hover, #ethosNavigation #bulletNav ul li.flex-active a { background: #707070 } .ethosNavControl { height: 62px; position: absolute; top: 0; padding: 16px 0; overflow: hidden; font-size: 24px } .ethosNavControl a { display: inline-block; height: 33px; line-height: 33px } #ethosNext.ethosNavControl a i { float: right } #ethosNext.ethosNavControl a span { margin: 0 5px 0 0!important; position: relative!important; top: 0!important } @media only screen and (max-width:930px) { .ethosNavControl, .mice-dest .ethosNavControl { height: 62px; position: relative; top: 90px; padding: 16px 0; overflow: hidden; font-size: 24px } } @media only screen and (max-width:900px) { #ethosBotSection, .ethosNavControl, .slide-content-wrapper { position: relative; width: 100% } .slide-content-wrapper { background: #004977; color: #fff; font-size: 20px } #ethosTopSection { display: block; float: none; width: 100% } .ethosNavControl { z-index: 99; height: 62px; top: 0; overflow: hidden; font-size: 24px; padding: 20px } #ethosBotSection { display: inline-block; top: 20px; padding: 20px; z-index: 99 } #ethosNavigation { bottom: 150px; color: #c6c5c5; font-size: 14px; font-weight: 600; height: 65px; left: 0; position: absolute; text-align: center; width: 100% } #ethosNext.ethosNavControl { right: 0; text-align: right; width: 50%; float: left; display: inline-block } #ethosPrev.ethosNavControl { text-align: left; width: 50%; float: left; display: inline-block } #ethosTopSection img { display: block; margin: 0 auto; height: 100vh; opacity: .5 } .mice-dest .slide-content-wrapper { background: #004977; color: #fff; position: relative; width: 100%; font-size: 20px } .mice-dest #ethosTopSection { display: block; float: none; width: 100% } .mice-dest .ethosNavControl { z-index: 99; height: 62px; position: relative; top: 0; overflow: hidden; font-size: 24px; width: 100%; padding: 20px } .mice-dest #ethosBotSection { position: relative; display: inline-block; width: 100%; top: 150px; padding: 20px; z-index: 99 } .mice-dest #ethosNavigation { bottom: 150px; color: #c6c5c5; font-size: 14px; font-weight: 600; height: 65px; left: 0; position: absolute; text-align: center; width: 100% } .mice-dest #ethosNext.ethosNavControl { right: 0; text-align: right; width: 50%; float: left; display: inline-block } .mice-dest #ethosPrev.ethosNavControl { text-align: left; width: 50%; float: left; display: inline-block } .mice-dest #ethosTopSection img { display: block; margin: 0 auto; height: 100vh; opacity: .5 } } @media only screen and (max-width:630px) { #ethosNavigation, .mice-dest #ethosNavigation { bottom: 70px; color: #c6c5c5; font-weight: 600; left: 0; width: 100% } .ethosNavControl { height: 62px; position: relative; top: 0; overflow: hidden; font-size: 24px; width: 100%; padding: 20px } #ethosPrev.ethosNavControl { left: 0; text-align: left; width: 100%; float: left; display: inline-block } #ethosNext.ethosNavControl { right: 0; text-align: right; width: 100%; float: left; display: inline-block } #ethosNavigation { font-size: 14px; height: 65px; position: absolute; text-align: center } .mice-dest .ethosNavControl { height: 62px; position: relative; top: 40px; overflow: hidden; font-size: 24px; width: 100%; padding: 20px } .mice-dest #ethosPrev.ethosNavControl { left: 0; text-align: left; width: 100%; float: left; display: inline-block } .mice-dest #ethosNext.ethosNavControl { right: 0; text-align: right; width: 100%; float: left; display: inline-block } .mice-dest #ethosNavigation { font-size: 14px; height: 65px; position: absolute; text-align: center } .mice-dest #ethosBotSection { position: relative; display: inline-block; width: 100%; top: 140px; padding: 20px; z-index: 99 } } @media only screen and (max-width:450px) { .slide-content-wrapper { background: #004977; color: #fff; position: relative; width: 100%; min-height: 800px; font-size: 20px } #ethosTopSection img { display: block; margin: 0 auto; min-height: 800px; opacity: .5 } .ethosNavControl { height: 62px; position: relative; top: 0; overflow: hidden; font-size: 24px; width: 100%; padding: 20px } #ethosPrev.ethosNavControl { left: 0; text-align: left; width: 100%; float: left; display: inline-block } #ethosNext.ethosNavControl { right: 0; text-align: right; width: 100%; float: left; display: inline-block } #ethosNavigation { bottom: 70px; color: #c6c5c5; font-size: 14px; font-weight: 600; height: 65px; left: 0; position: absolute; text-align: center; width: 100% } .mice-fullheight { display: inline-block; height: auto } } #ethosNext.ethosNavControl a, #ethosPrev.ethosNavControl a { color: #fff; font-weight: 500; font-size: 22px; text-decoration: none; text-transform: uppercase } #ethosPrev.ethosNavControl { left: 0; text-align: left } #ethosPrev.ethosNavControl a { padding-left: 25px; background: url(../../assets/img/top-page/mice/arrow-left.png) left 3px no-repeat; padding-right: 34px } #ethosNext.ethosNavControl { right: 0; text-align: right } #ethosNext.ethosNavControl a { background: url(../../assets/img/top-page/mice/arrow-right.png) right 3px no-repeat; padding-right: 25px; width: 300px } #ethosBotSection ul.slides li:first-child { display: block } .ethosCaption { color: #878787; font-size: 22px; font-style: italic; font-weight: 400; line-height: 1.35em; text-align: right } .ethosTitle { font-size: 22px; font-weight: 600; padding-bottom: 12px } #ethosNavigation div.ethosNavigationwrapper .ethosNavControl a p span { position: relative; top: -8px } #ethosNavigation div.ethosNavigationwrapper .ethosNavControl.mice-dest-navcon a p span { position: relative; top: -2px } .agent-hub-login { background: #7caf58; color: #fff; position: fixed; text-align: right; width: 100%; z-index: 99999 } .agent-hub-login ul { float: right; margin: 0 } .agent-hub-login li { float: left; padding: 9px 20px; border-left: 1px solid #96bf79; font-size: 12px } .agent-hub-login a { color: #fff; text-decoration: none } .agent-hub-login a:hover { color: #c5ebaa } .btn-agenthub-livebox { padding: 10px 20px; background: #57b798; color: #fff; text-align: center } .bg-agent-green-01 { background: #064e42 } .bg-agent-green-02 { background: #57b798 } .bg-agent-grey-01 { background: #efefef } .bg-agent-yellow-01 { background: #c5cf2a } .agent-hub .agenthub-excusive { display: flex; min-height: 260px } .agent-hub .agenthub-excusive p { margin: auto } .logo-exo-connect img { padding: 30px 20px 20px 15px } .details-exo-connect { padding: 30px 20px 40px 15px } .agent-exo-connect p { line-height: 18px } .agent-hub-model div.container.live-box { padding-right: 23px } .agenthub-box-details { padding: 0 20px } .exo-people .agenthub-box-details { padding: 15px 20px 0; height: 220px } #group .agenthub-box-details { padding: 15px 20px 0; height: 480px } .btn-agenthub, .btn-agenthub:hover { color: #fff!important; padding: 5px 10px; font-weight: 500!important } .btn-agenthub { background: #bcbdbd!important; border: 1px solid #a3a6a5!important } .btn-agenthub:hover { background: #81b453!important; border: 1px solid #7caf58!important } .btn-agenthub i { padding: 0; margin: 0 0 0 5px } li.top-profile-menu { position: relative } li.top-profile-menu:hover .sub-menu { display: block!important } .top-profile-menu .sub-menu { background: #7caf58; display: none; margin: 0; padding: 0; position: absolute; right: 0; top: 35px } .top-profile-menu .sub-menu>li { border-top: 1px solid #96bf79; padding: 9px 10px; text-align: left; width: 100% } .wrap-agenthub-regist .tab-line-agent { display: none } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .mice .col-md-6 img.resp { width: 100%; height: 100% } .mice .mice-destination .col-md-6 img.resp { width: 100%; height: 100%; height: auto } .mice.exo-events-activities-wrap div.col-md-6.mice-cell img.resp { height: auto!important; max-height: 350px } @media (max-width:990px) { .mice-table { display: table } .mice-table .mice-cell { position: relative; display: block; vertical-align: top; min-height: 300px } .resp-mice-activities, .resp-mice-activities-2 { width: 100%; height: 100%; min-height: 300px } .mice .col-md-6 img.resp { width: 100%; height: 100%; min-height: 300px!important } .mice.exo-events-activities-wrap div.col-md-6.mice-cell img.resp { height: auto!important; min-height: 550px } .row-eq-height { display: inline-block } .agent-exo-connect .no-gutter.row-eq-height, .agent-exo-connect div.row div.col-sm-12.col-xs-12.col-md-6 { width: 100%; margin: 0; padding: 0 } .agent-exo-connect .hidden-xs { display: none } } @media (max-width:750px) { .mice .col-md-6 img.resp { width: 100%; height: 100% } .row-eq-height { display: inline-block } .mice-fullheight { display: inline-block!important; height: auto!important } .mice .mice-btn { position: relative; margin: 60px 0 0 } } @media (max-width:450px) { .mice .col-md-6 img.resp { width: 100%; height: 100% } .row-eq-height { display: inline-block } } .mice .col-md-6 img.resp { min-height: 400px; object-fit: cover } #media-mice-4-cols .media-box-image { height: 300px!important } #media-mice-4-cols h2 { font-size: 24px; font-weight: 500; position: relative; z-index: 999 } .slide-content-wrapper div#ethosBotSection p span { text-transform: uppercase; position: relative; top: -8px } .mice-nav { bottom: 60px; display: block; margin: 0 auto; position: absolute; text-transform: uppercase; width: 90% } .mice-nav .mice-nav-left span, .mice-nav .mice-nav-right span { display: inline-block; font-size: 22px; position: relative; top: -7px } .mice-nav a { color: #fff; text-decoration: none } .mice-nav a:hover { color: #fff; text-decoration: underline } .mice-nav .mice-nav-left span { padding: 2px 0 0 5px } .mice-nav .mice-nav-right span { padding: 2px 5px 0 } .icon-arrow-left, .icon-arrow-right { display: inline-block; height: 26px; top: -3px; width: 16px; position: relative } .icon-arrow-left { background: url(../img/top-page/arrow-left.png) no-repeat rgba(0,0,0,0); margin: 0 10px 0 0 } .icon-arrow-right { background: url(../img/top-page/arrow-right.png) no-repeat rgba(0,0,0,0); margin: 0 0 0 10px } i.icon-mice-flag, i.icon-mice-flag:hover { width: 42px!important; height: 27px!important } #media-mice-4-cols .media-box-thumbnail-container { height: 300px!important } .btn-mice a.btn-main { color: #1091c7; border: 1px solid #1091c7 } .btn-mice a.btn-main:hover { color: #fff; border: 1px solid #1091c7; background: #1091c7 } .mice .mice-box { padding: 40px; color: #fff } .mice .mice-textbox { background: #004977; color: #fff; min-height: 349.9px; padding: 2.5em!important; font-size: 20px; width: 100%; display: block } .mice .mice-service-page .mice-textbox-grey, .mice .mice-textbox-grey { background: #666c6f; color: #fff; min-height: 350px; padding: 2.5em!important } .mice .mice-textbox-grey { font-size: 22px; display: block; width: 100% } .mice-fullheight { height: 100vh } .mice .mice-textbox-white h3 { color: #004977; text-transform: uppercase } .mice .mice-textbox-white { background: #fff; color: #004977; font-size: 22px; padding: 40px 40px 60px } .mice .mice-textbox p, .mice .mice-textbox-grey p { font-size: 20px } .mice .mice-textbox-height { min-height: 488px } .mice.mice-destination img.resp { height: auto } .mice-dest-3cols h3 { margin: 0; padding: 5px 0 13px; font-weight: 500; color: #004977 } .mice-dest-3cols { color: #004977 } .mice-dest-3cols p { font-size: 20px; line-height: 1.6em; padding: 10px 0 } [class*=" icon-"]:before, [class^=icon-]:before, [data-icon]:before { font-family: exo-icon!important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .mice-dest-3cols a { background: #158db8!important; border: 1px solid #a3a8a7; border-radius: 4px; color: #fff; display: inline-block; margin: 5px 0 0; padding: 3px 55px; text-decoration: none; width: 100%; text-align: center } .mice-dest-3cols a:hover { color: #fff; background: #004977 } .mice-slider { padding: 0!important; margin: 0!important; width: 100%; min-height: 350px; background: #000 } .fullwidth-slider-mice div.owl-item { opacity: 1!important } #scrolling-client { list-style: none; padding: 0 } .scrolling-client { width: 100%; margin: 0 auto } html.no-mobile.skrollr.skrollr-desktop body.appear-animate section#page.page-hidden div.container div.row.mt-0.mt-sm-20.mb-40.mb-sm-20.text-center div.scrolling-client div.bx-wrapper div.bx-window { width: 1168px!important; margin: 0 auto } #scrolling-client img { width: 134px; height: 72px; margin: 0; display: inline-block } #scrolling-client li { width: 134px; margin: 0 10px } .item img { object-fit: cover } .exo-responsible img.resp { width: 100%; height: 100% } @media screen and (max-width:600px) { .accordion { height: auto } .accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-transition: none; transition: none } .accordion ul li a * { opacity: 1!important; width: 100%!important } } @media only screen and (max-width:760px) { .accordion { height: auto } .accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-transition: none; transition: none } .accordion ul li a * { opacity: 1!important; width: 100%!important; font-size: 18px!important } #menu-top { width: 500px!important } #media-tours-container { height: 2100px!important; overflow: hidden } .search-header-inner { width: 100% } .wrap-mapbox { min-height: 500px; height: 500px; overflow: hidden } .page-footer { background-color: #f5f5f5; overflow: hidden; padding-bottom: 50px; padding-top: 50px; position: relative } .footer-exo { font-size: 13px } .footer-exo img.logo-footer { position: relative; top: 0 } .social-links-small { font-size: 12px; text-align: center; margin: 15px auto } .copy-right, .page-footer .col-xs-8 { text-align: center; width: 100% } } .btn-medium span.icon.icon-plane { font-size: 20px!important; top: 5px; position: relative } .slick-next, .slick-prev { background: rgba(0,0,0,0); font-size: 65px; height: 65px; position: absolute; top: 80px; width: 65px; cursor: pointer; border: none } .icon-plane2:before { content: "\e900" } @font-face { font-family: exo-icon; src: url(../fonts/exo-icon.eot); src: url(../fonts/exo-icon.eot?#iefix) format("embedded-opentype"), url(../fonts/exo-icon.woff) format("woff"), url(../fonts/exo-icon.ttf) format("truetype"), url(../fonts/exo-icon.svg#untitled-font-1) format("svg"); font-weight: 400; font-style: normal } [data-icon]:before { content: attr(data-icon) } .icon-exodownload:before { content: "\61" } .icon-mail:before { content: "\62" } .icon-meals:before { content: "\63" } .icon-plane:before { content: "\64" } .icon-print:before { content: "\65" } .icon-exoenquire:before { content: "\66" } .icon-exoshare:before { content: "\67" } .icon-star-two:before { content: "\69" } .icon-star:before { content: "\6a" } .icon-plus:before { content: "\6b" } .icon-heart:before { content: "\6c" } .icon-email:before { content: "\6d" } .icon-plus-01:before { content: "\70" } .icon-plus-02:before { content: "\71" } .icon-search:before { content: "\6e" } .icon-exo-arrow-down:before { content: "\72" } .icon-exo-arrow-up:before { content: "\73" } .icon-exo-pdf:before { content: "\6f" } .logo-item { margin: 0 20px } .logo-item-static { margin: 0 5px } .exostory-item { opacity: 1; margin: 35px 0; display: inline-block } .slick-prev { color: #babcbd; left: -20px; margin: 0 auto; text-align: left } .slick-next:hover, .slick-prev:hover { color: #80b157 } .slick-next { color: #babcbd; right: -10px; text-align: right } .slider-for img { width: 100%; height: 100% } .slider-nav.slick-slider div.slick-list { font-size: 12px; text-align: center; cursor: pointer; display: block; white-space: nowrap; font-weight: 600 } .slider-nav div.slick-slide.slick-active { font-size: 12px; text-align: center; cursor: pointer } .slider-nav div.slick-slide.slick-current { font-size: 16px; color: #fff; background-color: #7ab763; text-align: center; border-radius: 3px; top: -5px; position: relative } .slider-nav { display: block } .slider-nav.slick-initialized.slick-slider div.slick-list { height: 50px; padding: 0 0 0 7px!important; position: relative; top: -48px; z-index: 99 } .slider-nav.slick-initialized.slick-slider div.slick-list.draggable div.slick-track { top: 20px } .slider-nav.slick-initialized.slick-slider div.slick-list.draggable div.slick-track div.slick-slide.slick-current { top: -15px; height: 25px } .slider-nav.slick-initialized.slick-slider div.slick-list.draggable div.slick-track div.slick-slide.slick-current:before { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #7ab763; content: ""; display: inline-block; left: 44%; position: absolute; top: 25px } .slider-nav .slick-slide.slick-current.slick-active.slick-center { width: 135px!important } div#timeline { border-spacing: 30px 0; border-top: 6px solid #004e42; display: table; height: 5px; list-style: none; margin: 35px 0 0; width: 100% } .slider-nav.slick-slider div.slick-list.draggable div.slick-track div.slick-slide.slick-current.slick-active.slick-center div.timeline-circle-1 { background: #7ab763; border: 2px solid #004e42; border-radius: 50%; color: red; cursor: pointer; height: 10px; position: relative; width: 10px; top: 12px!important } .slider-nav .timeline-circle-1 { background: #fff; border: 2px solid #004e42; border-radius: 50%; color: red; cursor: pointer; height: 10px; position: relative; width: 10px; top: 3px!important } div#timeline .dot { text-align: center; top: -3px; width: 12px; z-index: 99 } .timeline-circle, .timeline-circle-1 { height: 10px; left: 0; margin: 0 auto; right: 0; width: 10px; position: absolute; display: block } .timeline-circle-1 { background: #fff; border: 1px solid red; border-radius: 50%; top: 5px!important } .timeline-circle { background: #7ab763; border: 1px solid #004e42; border-radius: 50%; top: 35px } div#timeline .dot .dot-style { background: #fff; border: 2px solid #004e42; border-radius: 50%; cursor: pointer; height: 12px; position: absolute; text-align: center; top: 20px; width: 12px; z-index: 99 } .dot-start, .dot-stop { background: #004e42; height: 18px; text-align: center; width: 18px; z-index: 99; position: relative } .dot-start { border: 2px solid #004e42; border-radius: 50%; left: -2px; top: 47px } .dot-stop { border: 2px solid #004e42; border-radius: 50%; left: 99%; top: -63px } #exo-story article h3 { font-size: 20px; margin-bottom: 10px; font-weight: 500 } #exo-story article p { line-height: 130% } @media screen and (-webkit-min-device-pixel-ratio:0) { .btn-slider select { padding-right: 18px } } .btn-slider select { background: url(../../assets/img/top-page/arrow-right-grey.png) right 14px no-repeat #fff; border-bottom: 1px solid transparent; border-right: 30px solid transparent!important; -webkit-padding-start: 15px; -webkit-padding-end: 0; width: 250px; text-align-last: center; border-top: 1px solid transparent; font-weight: 500; text-transform: uppercase; padding: 0 28px 0 18px } .btn-slider select option { font-weight: 500; padding: 10px 5px 10px 10px; text-align: left; text-transform: uppercase } .btn-slider label { position: relative; font-weight: 400 } .btn-slider label:after { font: 20px Consolas, monospace; font-weight: 700; color: #333; right: 12px; top: 12px; margin: 0 0 0 20px; position: absolute; pointer-events: none } .btn-slider label:before { width: 20px; height: 20px } .fullwidth-slider.owl-high-pagination.owl-carousel.owl-theme div.owl-controls.clickable div.owl-pagination { bottom: 5px!important } .text-hotels-rates { height: 0; overflow: hidden; position: relative } .text.text-detail { height: auto!important; position: relative; margin-bottom: 20px } .text-bg-gradient { background: url(../../assets/img/top-page/bg-readmore.png) repeat-x; position: absolute; width: 100%; z-index: 9999; bottom: 0 } .text-bg-gradient-small { background: url(../img/top-page/bg-readmore-small.png) repeat-x rgba(0,0,0,0); bottom: 68px; height: 35px; position: absolute; width: 100%; z-index: 0 } .holdingbox-1, .modal-content, body.modal-open { z-index: 9999!important } .readmore:focus { outline-offset: 0 } .text-wrap { float: left; width: 100% } .text-wrap.text-center button { color: #5d6162; font-size: 1.2em; text-transform: none; font-weight: 500; margin: 0 0 10px } .icon-print:hover { color: #fff!important } .black-noline a { color: #5e6163; text-decoration: none; font-weight: 700 } .black-noline a:hover { color: #80b157; text-decoration: underline; font-weight: 700 } .heart { top: 12px; position: relative } .heart-list-view { position: absolute; right: 80px; top: 42px; font-size: 20px } .traveltrade-show ul li strong { margin: 0 5px 0 0 } .traveltrade-show ul { padding: 10px 0!important } .traveltrade-show ul li { list-style: none!important; padding: 7px 0 0 } .readmore2 { height: 165px; overflow: hidden; padding-bottom: 15px; position: relative; width: 100% } .btn-readmore { bottom: 65px; cursor: pointer; font-size: 12px; position: absolute; right: 20px } .btn_text { text-align: right } .read-more-less .wrap-readmore div.readmore2 ul { padding: 0 15px } .show-readmore { height: auto } .itineraryHotels .col-md-12, .itineraryHotels .col-md-6 { margin: 0; padding: 0 } .itineraryHotels { font-size: 16px } .itineraryHotels p { margin-bottom: 25px } .itineraryHotels h4 { color: #004e42; font-weight: 700 } .itineraryHotels span { top: 1px!important; position: relative } .table-responsive, .table-responsive th { text-align: center } .table-responsive th { background-color: #75ad66; color: #fff } .table-responsive table.table tbody tr td { border: 1px solid #282727; line-height: 1.42857; padding: 6px; vertical-align: middle } section#hotels-rates { min-height: 0 } .btn-howtobook-signup { width: 195px } .btn-howtobook-login { width: 100px; margin: 20px 0 0 5px } .table-responsive.table-howtobook tbody tr td.table-howtobook-2 { padding: 10px 20px } .table-responsive.table-howtobook table.col-md-12.table-bordered.table-striped.table-condensed.cf { width: 100% } #hotels-rates { font-size: 14px } #hotels-rates .table { margin-bottom: 10px } #hotels-rates .table>thead>tr>th { border-bottom: none; vertical-align: middle; border-top: 1px solid #282727 } #hotels-rates .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border: 1px solid #282727; line-height: 1.42857; padding: 6px; vertical-align: middle } #hotels-rates.container div ul { list-style: disc; padding: 0 0 0 15px; text-align: left } #hotels-rates.container .icon-arrow-up { padding: 0!important; margin: 0!important; vertical-align: middle } #hotels-rates button.readmore-hotels-rates-close { padding: 0 20px!important } .btn-green { background-color: #7fb254!important; color: #fff!important } .btn-green:hover { background-color: #fff!important; color: #5d6162!important; border: 2px solid #7fb254 } .btn-green2, .btn-green2:hover { color: #fff!important; height: 35px; top: -1px; padding: 4px 20px 0!important; border: none!important; position: relative } .btn-green2 { background-color: #007e7c!important } .btn-green2:hover { background-color: #80b157!important } .icon-fav a { text-decoration: none!important } .hotels-rates-c { margin-top: 100px } .anchor { display: block; position: relative; top: -200px; visibility: hidden } .modal-content { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important } body.modal-open { width: 100%!important; padding-right: 0!important; position: relative!important; margin-right: 0!important; overflow-y: none!important } .holdingbox-1 { position: fixed; top: 150px; left: 0 } .holdingbox-2 { position: fixed; top: 202px; left: 0; z-index: 999!important } .btn-sidebar-leftbox-1, .btn-sidebar-leftbox-2 { display: inline-block; background: rgba(246,78,39,1); color: #FFF; padding: 0; font-size: 24px; height: 140px; width: 40px; left: 50px } .holdingbox-1>a:hover>.btn-sidebar-leftbox-1 { background: rgba(246,78,39,.7) } .holdingbox-1 a, .holdingbox-2 a { text-decoration: none; color: #FFF; display: block } .btn-sidebar-leftbox-1 img, .btn-sidebar-leftbox-2 img { margin: 10px auto 0 } .btn-sidebar-rightbox-1, .btn-sidebar-rightbox-2 { position: absolute; display: inline-block; overflow: hidden; width: 0; height: 50px; vertical-align: top; margin-right: 0; font-weight: 700 } .btn-sidebar-rightbox-1 a, .btn-sidebar-rightbox-2 a { text-decoration: none; color: #FFF } .btn-sidebar-hover-1, .btn-sidebar-hover-2 { width: 140px; position: absolute; padding: 13px 10px 15px; text-align: center; left: 54px; top: 0; right: 0; color: #FFF; font-size: 14px; z-index: 9999; font-weight: 700; background: rgba(246,78,39,.8) } .btn-sidebar-leftbox-1>span { transform: rotate(-90deg); display: inline-table; padding: 5px 0 0; top: 43px!important; position: absolute; left: -52px; font-size: 16px; width: 140px } .holdingbox-1 a div.btn-sidebar-rightbox-1 div.btn-sidebar-hover-1 p, .holdingbox-2 a div.btn-sidebar-rightbox-2 div.btn-sidebar-hover-2 p { font-weight: 500!important } .btn-go { padding: 0 5px } a .btn-go { color: #fff; text-decoration: none } .btn-goimg { width: 16px!important; height: 26px!important } .btn-reset { background: #fff; border: 1px solid #80be6c!important; border-radius: 4px!important; color: #80be6c; cursor: pointer; font-size: 16px; font-weight: 700!important; margin: 0 auto; outline: 0; padding: 5px!important; position: relative; text-align: center!important; text-transform: uppercase; width: 100% } .border-right-3px, .tours-result { border-right: 3px solid #999 } #reset-checkboxes.btn.btn-coffee.btn-border.btn-round.btn-reset span { margin-right: 5px; position: relative; top: -1px } .btn-reset:hover { background: #80be6c; color: #fff!important } .filters.search-box ul.list-group li label { font-size: 14px; font-weight: 400 } #filter div.container div.item-content ul { font-size: 12px; margin: 0 5px 0 0!important; padding: 0 15px 10px 14px!important } .logo-footer { width: 126px; height: 100px } .tours-result { text-align: right!important; padding: 0 30px 0 0 } .tours-view { position: relative; top: 5px } .tours-sortby { padding: 8px!important; text-align: center!important } .ontop { z-index: 9999 } .dropdown { position: relative!important } .btn-sort { width: 170px; float: right; right: 50px } .btn-sort>.list-group-item { width: 170px; float: right; right: 65px } .btn-sort-webinar { float: right; position: absolute; right: 20px; top: 5px; width: 170px } .partner-logos-static div { display: inline } .footer-exo img.logo-footer { position: relative; top: -27px } .icon-header { width: 71px; height: 71px } .icon-hotel { width: 58px; height: 80px } .icon-hotel-environmental-wrap { position: absolute; width: 300px; right: 0; top: 0; text-align: right; margin: -20px 20px 0 0 } .icon-hotel-environmental-wrap a { cursor: default } .icon-hotel-environmental { width: 58px; height: 61px } .icon-staitc { margin-top: -20px } #tours .col-md-12.text-center h3 { margin: 0 0 20px } .icon-static-2 { position: absolute; top: -30px; left: -30px } .icon-static-3 { position: absolute; top: -30px; right: -30px } .short-header h2 { margin: 0 } #youvid.full-screen.bg-dark-10.youtube-bg span.mb_YTPBar.inlinePlayer { display: none!important } .offset-0 { padding-left: 0; padding-right: 0 } .btn-header-inner-space-1 { margin-left: 8px!important } .btn-header-inner-space-2 { margin-left: 12px!important } .btn-viewtour { width: 63%; margin: 0 0 0 7px } .btn-share { width: 30%; margin: 0 2px 0 0 } .item.grid-item.grid-group-item.list-viewthis { margin: 0 3px 0 5px!important; padding: 0!important; width: 175px!important } .icon-heart-grid.green { font-size: 16px; position: absolute!important; right: 29px!important; top: 55px!important } .hotel-page .icon-heart-grid.green { font-size: 16px; position: absolute!important; right: 28px!important; top: 50px!important } .list-share.col-md-4 button.btn.btn-coffee.btn-border.btn-full.btn-round { border-radius: 4px!important; padding: 5px 5px 5px 8px; text-align: center; width: 77px!important } span.icon-heart-grid.green.grid-view-heart { position: absolute!important; top: 22px!important; right: 0!important } .tour-meta span.icon-heart-grid.green.fav-heart.grid-view-heart { position: absolute!important; top: 0!important; right: 0!important } .list-view-btn div.list-share.col-md-8 a.btn.btn-coffee.btn-border.btn-full.btn-round.btn-radius-4.btn.show-pop.btn-danger.popByUrl { font-weight: 700; padding: 4px 6px 4px 17px; text-align: center!important; width: 120px!important; transition: none } #container>div>div>div>div.btn-page-hotel-2.list-share.col-md-6.col-md-8>a { font-weight: 700; padding: 4px 6px 4px 17px; text-align: center!important; width: 125px!important } .exo-career-jd h3 { margin: 20px 0 8px } .exo-career-jd a { text-decoration: none } .list-group-item { background-color: #fff; border: 1px solid #ddd; display: block; margin-bottom: -1px; position: relative } .btn-radius-4 { border-radius: 4px!important } .detail-list-view-style { font-size: 11px!important; overflow: hidden!important; width: 270px } .media-box-title h3 a, .media-box-title span a { color: #fff; text-decoration: none } .btn-grid-view, .btn-list-view { border-radius: 4px!important; padding: 5px 0!important; width: 180px!important } .list-view-btn { margin: 0 0 0 110px; width: 165px } .hotel-page .list-view-btn { margin: 0 0 0 100px; width: 170px } .wrap-result-view { padding: 30px 0; display: block } .search-result-view { display: block; font-weight: 600; color: #5e6163!important; font-size: 16px; top: 5px } .search-result-view a { color: #5e6163 } .roundedOne input[type=checkbox]:checked+label::before { color: #80b157; content: "\2022"; font-size: 42px; line-height: 14px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.2) } .roundedOne label::before { border: 1px solid #999; content: ""; display: inline-block; height: 16px; left: 0; margin-right: 10px; position: absolute; top: 2px; width: 16px; border-radius: 3px } .roundedOne:hover label::before { content: "\2022"; opacity: .5; font-size: 42px; line-height: 14px; color: #80b157 } .roundedOne input[type=checkbox], .roundedOne input[type=radio] { display: none } .roundedOne label { cursor: pointer; width: 100%; display: inline-block; font-size: 13px; margin-bottom: 0; margin-right: 15px; padding-left: 25px; position: relative } .roundedOne label span { font-size: 13px } .filters.search-box ul.list-group li div.roundedOne label span span.green { font-weight: 600; position: absolute; right: 0; top: 1px } @media (max-width:1200px) { #auto>div.col-md-10 { width: 79%!important } #auto>div.col-md-2, #reefine_form>div.col-md-2 { width: 20%!important } #reefine_form>div.col-md-10 { width: 79%!important } } @media (max-width:992px) { #auto>div.col-md-10, #auto>div.col-md-2, #reefine_form>div.col-md-10, #reefine_form>div.col-md-2 { width: 100%!important } } .search-box ul.list-group li { padding: 5px 0 } nav ul.pagination { margin: 0 5px 0 0 } .list-share a.btn.btn-coffee.btn-border.btn-full.btn-round.btn-radius-4.btn.show-pop.btn-danger.popByUrl:hover { border: 1px solid #80b056; background: #fff!important; color: #80b056!important } .list-share a.btn.btn-coffee.btn-border.btn-full.btn-round.btn-radius-4.btn.show-pop.btn-danger.popByUrl i.fa.fa-share-alt:hover { color: #80b056!important } .social-links a span { display: block; background: #000; z-index: 9999 } .webui-popover { border-radius: none!important } .luxe-result ~ .webui-popover { border: 1px solid #7a0654; } .luxe-result~.webui-popover.top-left>.webui-arrow::after, .luxe-result~.webui-popover.top-right>.webui-arrow::after, .luxe-result~.webui-popover.top>.webui-arrow::after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 } .luxe-result~.webui-popover.top-left>.webui-arrow, .luxe-result~.webui-popover.top-right>.webui-arrow, .luxe-result~.webui-popover.top>.webui-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #7a0654; border-bottom-width: 0 } .btn-map-info, .btn-map-info:hover { border-radius: 4px; padding: 10px; width: 260px } .social-links-share { width: 108px } .social-links-share div { color: #444; float: left; margin: 3px; text-align: center } .social-links-share span { color: #222; display: inline-block; font-size: 12px; text-align: center; width: 100% } .social-links-share a, .social-links-share div a i:hover { font-size: 16px!important } .social-links-share a { background: #80b157; color: #fff; display: inline-block; height: 30px; padding: 5px; text-align: center; text-decoration: none; width: 30px } .social-links-share a.facebook { background: #316c9f } .social-links-share a.twitter { background: #439bc6 } .social-links-share a.linkedin { background: #3f88b8 } .social-links-share a.googleplus { background: #c84f47 } .social-links-share a.pinterest { background: #cf2434 } .social-links-share a.youtube { background: #c42b39 } .hide-btn-social { display: none } .scbuttons.twitter i.fa.fa-twitter, .scbuttons.youtube i.fa.fa-youtube-play { display: block; position: relative; top: 2px } .scbuttons.facebook i.fa.fa-facebook { display: block; left: 0; position: relative; top: 3px } .scbuttons.googleplus i.fa.fa-google-plus, .scbuttons.linkedin i.fa.fa-linkedin { display: block; left: 1px; position: relative; top: 1px } .social-links-share div a i.icon.icon-mail { display: block; left: 0; position: relative; top: 1px } .scbuttons.pinterest i.fa.fa-pinterest-p, .social-links-share div a i.icon.icon-exodownload, .social-links-share div a i.icon.icon-print { display: block; left: 0; position: relative; top: 2px } .sub-tab-style { width: 725px } .resp-tab-content-active.resp-tab-content ul li.nav-icon { padding: 5px 0 5px 35px; margin: 5px 0!important } li.nav-icon-adventure { background: url(../img/top-page/nav/adventure.png) no-repeat } li.nav-icon-active { background: url(../img/top-page/nav/active.png) no-repeat } li.nav-icon-beach { background: url(../img/top-page/nav/beach.png) no-repeat } li.nav-icon-classic { background: url(../img/top-page/nav/classic.png) no-repeat } li.nav-icon-cruise { background: url(../img/top-page/nav/cruise.png) no-repeat } li.nav-icon-culinary { background: url(../img/top-page/nav/culinary.png) no-repeat } li.nav-icon-daytrip { background: url(../img/top-page/nav/daytrip.png) no-repeat } li.nav-icon-family { background: url(../img/top-page/nav/family.png) no-repeat } li.nav-icon-heritage { background: url(../img/top-page/nav/heritage.png) no-repeat } li.nav-icon-homestay { background: url(../img/top-page/nav/homestay.png) no-repeat } li.nav-icon-honeymoon { background: url(../img/top-page/nav/honeymoon.png) no-repeat } li.nav-icon-multi { background: url(../img/top-page/nav/multi.png) no-repeat } li.nav-icon-nature { background: url(../img/top-page/nav/nature.png) no-repeat } li.nav-icon-photography { background: url(../img/top-page/nav/photography.png) no-repeat } li.nav-icon-smallgroup { background: url(../img/top-page/nav/smallgroup.png) no-repeat } li.nav-icon-sustainable { background: url(../img/top-page/nav/sustainable.png) no-repeat } li.nav-icon-experiences { background: url(../img/top-page/nav/experiences.png) no-repeat } li.nav-icon-shorttrips { background: url(../img/top-page/nav/shorttrips.png) no-repeat } li.nav-icon-luxury { background: url(../img/top-page/nav/luxury.png) no-repeat } li.nav-icon-golf { background: url(../img/top-page/nav/golf.png) no-repeat } li.nav-icon-undiscovered { background: url(../img/top-page/nav/undiscovered.png) no-repeat } li.nav-icon-temp { background: url(../img/top-page/nav/temp.png) no-repeat } li.nav-icon-responsible { background: url(../img/top-page/nav/responsible-travel.png) no-repeat } .resp-tab-content-active.resp-tab-content div.row div.col-md-3 { margin: 0; padding: 0 12px; width: 180px } #destinations-tab.maintabs div.row div.col-xs-2 div a { text-transform: capitalize } #filter h2.hightlight-underline-grey { margin: 0 } .map-content { width: 260px } .btn-map-info { margin: 5px 0; text-align: center; background: #bdbfbf; color: #fff } .btn-map-info:hover { background: #80b157 } .btn-map-info.font-bold a { color: #fff!important; text-decoration: none } #bodyContent h2 { margin: 5px 0 0; font-size: 20px; font-weight: 700 } .gm-style { font-family: myFont, Raleway, sans-serif!important; font-size: 11px; font-weight: 400; text-decoration: none } .gm-style div div div div div.gm-style-iw { padding: 10px 0 5px 11px!important } #useful-info>div>div>div>div:nth-child(7)>div>ul { z-index: 999999!important } #get-in-touch .col-md-6 { margin: 0; padding: 0 5px; width: 50%!important; float: left } .btn-view-more { background: 0 0!important; border: 1px solid #5d6162; border-radius: 4px; color: #5d6162!important; font-size: 1.2em; font-weight: 500; padding: 4px 40px; text-decoration: none } .btn-view-more-1, .btn-view-more:hover { border: 1px solid #80b157; font-size: 1.2em; font-weight: 500; padding: 4px 40px; text-decoration: none } .btn-view-more:hover { color: #fff!important; background: #80b157!important; border-radius: 4px } .btn-view-more-1 { color: #80b157!important; background: #fff!important; border-radius: 4px } .btn-view-more-1:hover { color: #fff!important; text-decoration: none; background: #80b157!important; border: 1px solid #80b157; bfont-size: 1.2em; font-weight: 500; order-radius: 4px; padding: 4px 40px } .btn-view-more-orange { color: #de7026!important; text-decoration: none; border: 1px solid #de7026; border-radius: 4px; font-size: 1.2em; font-weight: 500; padding: 4px 40px } .btn-view-more-orange:hover { color: #fff!important; text-decoration: none; background: #564842!important; border: 1px solid #564842; bfont-size: 1.2em; font-weight: 500; order-radius: 4px; padding: 4px 40px } .btn-main, .btn-payment { border: 1px solid #80b157 } .btn-payment, .btn-payment:focus, .btn-payment:hover { font-weight: 600; font-size: 1.2em; padding: 5px 60px; color: #fff } .btn-payment { border-radius: 4px; background: #80b157; text-decoration: none } .btn-payment:focus, .btn-payment:hover { border: 1px solid #80b157!important; border-radius: 4px; background: #80b157!important; text-decoration: none } .btn-main, .btn-main:hover { font-weight: 500; font-size: 1.2em; padding: 5px 20px; text-decoration: none } .btn-main { border-radius: 4px; background: #fff } .btn-main:hover { border: 1px solid #80b157; border-radius: 4px; background: #80b157; color: #fff } .btn-main-white, .btn-main-white:hover { font-weight: 500; font-size: 1.2em; padding: 3px 20px } .btn-main:focus { text-decoration: none } .btn-main-white { border: none; border-radius: 4px; background: #fff; text-decoration: none; color: #80b157 } .btn-main-white:hover { border: none; border-radius: 4px; background: #80b157; text-decoration: none; color: #fff } .btn-main-3, .btn-main-3:hover { padding: 7px 20px; color: #fff; font-weight: 500; font-size: 1.2em; text-decoration: none } .btn-main-3 { border: 1px solid #bdbfbf; border-radius: 4px; background: #bdbfbf } .btn-main-3:hover { border: 1px solid #80b157; border-radius: 4px; background: #80b157 } .btn-main-3:focus { color: #fff; text-decoration: none } .btn-main-orange { font-weight: 500; font-size: 1.2em; border: 1px solid #de7026; padding: 5px 20px; border-radius: 4px; background: #fff; text-decoration: none; color: #de7026 } #trip-tour .btn-main:hover, .btn-main-orange:hover { font-weight: 500; font-size: 1.2em; text-decoration: none; color: #fff } .btn-main-orange:hover { border: 1px solid #564842; padding: 5px 20px; border-radius: 4px; background: #564842 } #trip-tour .btn-main { background: #fff; border: 1px solid #80b157; border-radius: 4px; font-size: 1.2em; font-weight: 500; padding: 4px 20px; text-decoration: none; display: inline-block; margin: 5px 0 0 } #trip-tour .btn-main:hover, .btn-main-2 { border: 1px solid #80b157; background: #80b157 } #trip-tour .btn-main:hover { padding: 5px 20px; border-radius: 4px } #trip-tour .btn-main span.icon.icon-plane { font-size: 16px; padding: 5px 10px 0 0 } .btn-main-2, .btn-main-2:hover { font-size: 1.2em; padding: 5px 40px; font-weight: 500; text-decoration: none } .btn-main-2 { border-radius: 4px } .btn-main-2:hover { border: 1px solid #80b157; border-radius: 4px; background: #fff; color: #80b157 } .modal .modal-header, .modal-agenthub { background: #80b157; padding: 20px; width: 100%; z-index: 999 } .modal-agenthub { position: fixed!important; height: 65px!important; top: 0 } .modal-agenthub a.modal-title, .modal-agenthub a:hover.modal-title { color: #fff; text-decoration: none } .modal .modal-header h4 { color: #fff; padding: 0 0 10px } .modal .modal-header p { font-size: 14px; color: #fff } .modal label.control-label { font-size: 12px } .form-group input { padding: 3px 12px!important } .modal-header { border-bottom: 1px solid #fff; padding: 15px 15px 5px } .modal-footer { border-top: 1px solid #e5e5e5; clear: both; padding: 15px; text-align: right } .modal-open div#ui-datepicker-div.ui-datepicker { z-index: 9999999!important } .small, small { font-size: 70% } .control-label-l-5 { margin: 0 0 0 4px; font-size: 12px } .material-icons.valid-icon:after { content: 'check'; font-size: 15px } .material-icons.invalid-icon:after { content: 'clear'; font-size: 15px } .material-icons.validating-icon:after { content: 'graphic_eq'; font-size: 15px } .form-horizontal .has-feedback .form-control-feedback { right: -15px } .form-group.has-feedback div.col-md-12 { margin: 0; padding: 0 } #contactForm .form-control-feedback, .has-feedback label~.form-control-feedback { right: 15px; display: none!important } #contactForm .selectContainer .form-control-feedback { right: 25px } .has-success .form-control { border-color: #82b45e!important } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #0d4f42!important; border-image: none; color: #fff; cursor: default; text-decoration: none; font-weight: 500; border: 1px solid transparent } .modal .dropdown-toggle { height: 32px; left: -12px!important; overflow: hidden; padding: 0 0 0 10px; position: relative!important; text-align: left; top: -6px!important; width: 207px } button.multiselect.dropdown-toggle.btn.btn-default b.caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px dashed; display: inline-block; height: 0; margin-left: 2px; position: absolute!important; right: 10px!important; text-align: right; top: 15px!important; vertical-align: middle; width: 0 } button.multiselect.dropdown-toggle.btn.btn-default span.multiselect-selected-text { display: block; overflow: hidden; width: 186px } .form-control span.hide-native-select i, .form-control-feedback { display: none!important } ul.multiselect-container.dropdown-menu li.active a { background: #e6e6e6; color: #444!important } #Modal-1.modal.fade.in div.modal-dialog div.modal-content div.modal-body div.tabbable ul.nav.nav-tabs li a { text-decoration: none; text-align: center } .password-progress { margin-top: 10px; margin-bottom: 0 } .form-control:focus { outline: 0!important; box-shadow: 0 3px 5px rgba(0,0,0,.125) inset!important } .btn-default.active, .btn-default:active, .dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default { background-color: #fff!important; border-color: #adadad; color: #333 } #Modal-agenthub .agent-hub-login-box h4, #Modal-agenthub .agent-hub-login-box span a { color: #fff } .progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; height: 5px!important; margin-bottom: 0; overflow: hidden } .form-group div.row div.col-xs-8 div.row div.col-xs-2.has-feedback.has-error small.help-block { font-size: 70%; position: absolute; width: 200px!important } .selectContainer select.form-control { -webkit-appearance: none; -moz-appearance: none; border: 1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; cursor: pointer; background: url(../../assets/img/top-page/arrow-dropdownlist.jpg) right 10px center no-repeat #fff } .icon-flag-cambodia { background: url(../../assets/img/top-page/country/icon-cambodia.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-thailand { background: url(../../assets/img/top-page/country/icon-thailand.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-indonesia { background: url(../../assets/img/top-page/country/icon-indonesia.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-myanmar { background: url(../../assets/img/top-page/country/icon-myanmar.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-laos { background: url(../../assets/img/top-page/country/icon-laos.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-japan { background: url(../../assets/img/top-page/country/icon-japan.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-malaysia { background: url(../../assets/img/top-page/country/icon-malaysia.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-vietnam { background: url(../../assets/img/top-page/country/icon-vietnam.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-singapore { background: url(../../assets/img/top-page/country/icon-singapore.png) center 8px no-repeat; background-size: 30px 19px } .icon-flag-china { background: url(../../assets/img/top-page/country/icon-china.png) center 8px no-repeat; background-size: 30px 19px } .icon-multi-country { background: url(../../assets/img/top-page/country/icon-multi-country.png) center 8px no-repeat; background-size: 30px 19px } .modal .tab-content { padding: 0 15px } .modal .tab-header { padding: 20px 0 0; font-size: 14px } .modal .modal-body { padding: 26px 15px 15px } #Modal-1 div.modal-dialog { margin: 30px auto; width: 750px } #Modal-agenthub div.modal-dialog { margin: 30px auto; width: 752px } #Modal-agenthub .agent-hub-login-box { background: #80b157; padding: 20px 30px 5px; color: #fff } .agent-hub-regist-box a { text-decoration: none } #Modal-agenthub>div>div>div.modal-body.agent-hub-login-box>button>span { position: relative; top: -5px; font-size: 18px; right: -5px } #Modal-agenthub .agent-hub-login-box span { font-size: 12px } #Modal-agenthub .btn-agent-login, #Modal-agenthub .btn-agent-regist { border: 1px solid #7ab363; text-transform: none; font-size: 16px; font-weight: 500 } #Modal-agenthub .agent-hub-login-box span a:hover { text-decoration: underline } #Modal-agenthub .agent-hub-regist-box .btn-agent-regist, .about-exo-subscribe a, .about-quote a, .media-careers a { text-decoration: none } #Modal-agenthub .form-agent { width: 240px } #Modal-agenthub .btn-agent { width: 20%; margin: 26px 0 0 } #Modal-agenthub .btn-agent-login { width: 110px; background: #fff; color: #7ab363; padding: 5px } #Modal-agenthub .btn-agent-login:hover { background: #004e43!important } #Modal-agenthub .agent-hub-regist-box { padding: 10px 30px 20px 29px } #Modal-agenthub .agent-hub-regist-box .form-agent-regist { width: 480px } #Modal-agenthub .btn-agent-regist { width: 110px; background: #7ab363; color: #fff; padding: 5px } #Modal-agenthub .agent-hub-regist-box-2 { padding: 10px 30px 20px 29px } #Modal-agenthub .agent-hub-regist-box-2>div { margin: 0; padding: 0 } #Modal-agenthub .agent-hub-regist-box-2>div>ul { margin: 10px 0 0; padding: 0 } #Modal-agenthub .agent-hub-regist-box-2>div>ul li { padding: 5px 0 } #agent-hub-regist-show>div:nth-child(4)>ul>li:nth-child(1), #agent-hub-regist-show>div:nth-child(4)>ul>li:nth-child(2), #agent-hub-regist-show>div:nth-child(4)>ul>li:nth-child(3) { padding: 5px 0 5px 10px } #Modal-agenthub .agent-hub-regist-box-2 h4 { display: inline-block; margin: 0 10px 0 0 } #Modal-agenthub .agent-hub-regist-box-2 span { font-size: 12px } #Modal-agenthub .agent-hub-regist-box-2 a { text-decoration: none; font-size: 12px } #Modal-agenthub .agent-hub-regist-box-2 { display: table; font-size: 14px; color: #7ab363; min-height: 200px } .agent-hub-regist-show-box { display: table!important; background: #efefef } .icon-locked { background: url(../img/top-page/icon-lock.jpg) no-repeat; width: 10px; height: 11px; display: inline-block; margin: 0 4px 0 0 } #show-cambodia-img, #show-china-img, #show-indonesia-img, #show-japan-img, #show-laos-img, #show-malaysia-img, #show-myanmar-img, #show-thailand-img, #show-vietnam-img { display: none } .show-img-box { display: table!important } .about-exo-talent .col-md-4 { position: relative; margin: 0 0 30px } .about-exo-talent h3 { color: #fff; font-size: 1.6em; margin: 0 auto; position: absolute; text-align: center; text-transform: uppercase; top: 35%; width: 92% } .about-exo-more img { width: 179px; height: 179px } .about-exo-more h4 { font-size: 24px; padding: 20px 0 0; text-transform: uppercase } .about-exo-more p { width: 85%; margin: 0 auto } .about-exo-subscribe a { background: #7fb254; border-radius: 0 4px 4px 0; color: #fff; font-size: 22px; padding: 12px 17px 15px; -webkit-padding-after: 14px; -webkit-padding-before: 14px; display: inline-block } .about-exo-subscribe a:hover { background: #b4b4b4; color: #fff } .about-exo-subscribe input { border: 2px solid #ccc; border-radius: 4px 0 0 4px; color: #444; font-size: 22px; padding: 15px 15px 15px 25px; width: 600px } .about-adventure-subscribe a { -webkit-padding-after: 14px; -webkit-padding-before: 14px } .about-adventure-subscribe a:hover { background: #564842; color: #fff } .about-exo-more a button { margin: 30px } #contactForm-mice label.control-label { font-weight: 500 } #contactForm-mice .has-error .form-control { border-color: #ff5e00; box-shadow: 0 1px 1px rgba(255,100,0,.075) inset } #contactForm-mice .btn-primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary:focus, .open>.dropdown-toggle.btn-primary { background: #057096 } @media only screen and (max-width:991px) { .wrap-adventure-team .wrap-adventure-team-center { width: 100% } .about-exo-talent h3 { color: #fff; font-size: 1.3em } #contactForm-mice>div:nth-child(3)>div>div:nth-child(2), #contactForm-mice>div:nth-child(3)>div>div:nth-child(3) { margin-top: 20px } .about-adventure-subscribe input, .about-exo-subscribe input, .about-mice-subscribe input { width: 400px } .modal .dropdown-toggle { height: 37px; left: -12px!important; overflow: hidden; padding: 0 0 0 10px; position: absolute; text-align: left; top: -6px!important; width: 680px } .nav-tabs>li { float: left; margin-bottom: -1px; width: 100% } #when-to-go .col-md-2 { width: 33%!important; float: left!important } div#useful-info div.media-box.media-box-loaded div.media-box-container div.media-box-image { width: 100%!important; height: 150px!important } #useful-info div.media-box-container div.media-box-image div.media-box-thumbnail-container { height: 100%!important } } @media only screen and (max-width:760px) { .modal-search .form-group input { font-size: 22px; width: 60% } .table-responsive.table-howtobook { border: none!important } .modal-dialog { margin: 30px auto; width: 100% } .btn-home, .btn-home:hover { padding: 0 20px; width: 250px } .btn-home { background: #a4a4a4; border: 1px solid #a4a4a4; color: #fff; font-weight: 700; height: 45px; margin: 10px auto 0 } .btn-home:hover { margin: 10px auto 0px!important } #hero>div>div.one-third-height.bg-img>div>div>div>div>div:nth-child(3), #hero>div>div.one-third-height.bg-img>div>div>div>div>div:nth-child(4) { width: 100% } .btn-home-wrap>div:nth-child(2) { display: none } .btn-home-wrap div { float: none; margin-bottom: 5px } .btn-group, .btn-group-vertical { position: relative; display: block; vertical-align: middle } .modal .dropdown-toggle { height: 37px; left: -12px!important; overflow: hidden; padding: 0 0 0 10px; position: absolute; text-align: left; top: -6px!important; width: 109% } } @media only screen and (max-width:720px) { .wrap-product-fav span.icon-heart-grid.green.grid-view-heart { position: absolute!important; top: 230px!important; right: 10px!important } } @media only screen and (max-width:600px) { .modal-search .form-group input { font-size: 20px; width: 80% } .about-adventure-subscribe input, .about-exo-subscribe input, .about-mice-subscribe input { width: 100%; padding: 10px; font-size: 18px; border-radius: 4px } .about-adventure-subscribe a, .about-exo-subscribe a, .about-mice-subscribe a { border-radius: 4px; color: #fff; font-size: 22px; padding: 9px 30px; text-decoration: none; display: inline-block; margin: 10px 0 0 } } @media only screen and (max-width:460px) { #contactForm-mice .col-xs-3 { width: 100% } .about-exo-subscribe input { width: 100%; padding: 10px; font-size: 18px; border-radius: 4px } .about-exo-subscribe a { background: #7fb254; border-radius: 4px; color: #fff; font-size: 22px; padding: 9px 30px; text-decoration: none; display: inline-block; margin: 10px 0 0 } .modal .dropdown-toggle { height: 37px; left: -12px!important; overflow: hidden; padding: 0 0 0 10px; position: absolute; text-align: left; top: -6px!important; width: 117% } .mice .mice-btn { position: absolute; bottom: 20px } } @media only screen and (max-width:560px) { .hightlight-underline-blue:before, .hightlight-underline-brown:before, .hightlight-underline-grey-1:before, .hightlight-underline-grey:before, .hightlight-underline-white:before { content: ""; position: absolute; bottom: 0; height: 1px; width: 50%!important; margin: 0 auto 0 25%!important; display: block } .hightlight-underline-blue:before { border-bottom: 3px solid #7aa4bf } .hightlight-underline-brown:before { border-bottom: 3px solid #aaa3a0 } .hightlight-underline-grey-1:before, .hightlight-underline-grey:before { border-bottom: 3px solid #ccc } .hightlight-underline-white:before { border-bottom: 3px solid #fff } } @media only screen and (max-width:991px) { .bg-adventure-01 { background: url(../img/top-page/bg-adventure-02.jpg) repeat-x #fcf1d9; height: auto } .mice-worked div.row div.col-md-12.text-center.mt-40 { margin-top: 0 } .hightlight-underline-brown:before { content: ""; position: absolute; bottom: 0; height: 1px; width: 50%!important; border-bottom: 3px solid #aaa3a0; margin: 0 auto 0 25%!important; display: block } .btn-payment-center { text-align: center } } @media only screen and (max-width:1200px) { .mice-fullheight { height: auto } .mice .mice-btn { position: relative; top: 20px } .mice div.col-md-6 img.resp { min-height: 460px } } @media only screen and (max-width:1090px) { .menu-sub.menu-sub-effect1.top-nav-agent { width: 100%!important } .wrap-agenthub { height: auto; padding: 15px 15px 0; border: none!important } } @media only screen and (max-width:1020px) { .hightlight-underline-blue:before { content: ""; position: absolute; bottom: 0; height: 1px; width: 55%!important; border-bottom: 3px solid #7aa4bf; margin: 0 auto 0 25%!important; display: block } .mice-text-overlay { position: absolute; width: 350px; color: #fff; font-size: 22px; padding: 0 40px 20px 20px; display: block; float: left } } @media only screen and (max-width:450px) { .mice-text-overlay { position: absolute; color: #fff; font-size: 22px; padding: 0 40px 20px 20px; display: block; float: left } } .bootstrap-select { z-index: inherit!important } .main-body { position: absolute; z-index: 9999999!important; display: inline-block } .table-bordered.table-striped.table-condensed.cf thead.cf tr th { background: #80b157; color: #fff; width: 100px } .tb-first { background: #80b157; color: #fff } .exo-table table.col-md-12.table-bordered { border: none; margin: 0; width: 97% } #tabs.ui-tabs.ui-widget-content p { padding: 0 0 5px } .exo-table .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 1px } .exo-table { padding-bottom: 5px; margin: 20px } #tabs div.col-md-12.exo-table, .exo-table div.col-md-12 { padding: 0 } .exo-table ul { padding: 0 20px } .exo-table ul li { list-style: circle; padding: 5px 0 } .exo-table h3 { font-size: 18px; font-weight: 700; margin: 0; padding: 0 0 5px 5px } .exo-table .exo-table-note { display: inline-table; padding: 10px 0 0!important } .exo-table-note span { padding: 0 5px 0 0 } @media only screen and (max-width:800px) { .exo-table table.col-md-12.table-bordered { border: none; font-size: 12px; margin: 0 } .exo-table ul li { font-size: 12px; list-style: none; padding: 5px 0 } #Modal-1 div.modal-dialog, #Modal-agenthub div.modal-dialog { margin: 30px auto; width: 100% } } @media only screen and (max-width:360px) { .exo-table table.col-md-12.table-bordered.table-striped.table-condensed.cf { padding: 0; font-size: 12px } .exo-table .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd } .exo-table table.col-md-12.table-bordered.table-striped.table-condensed.cf tbody tr td.tb-first { font-weight: 700 } .exo-table table, .exo-table tbody, .exo-table td, .exo-table th, .exo-table thead, .exo-table tr { display: block } .exo-table ul li { font-size: 12px; list-style: none; padding: 5px 0 } .exo-table thead tr { position: absolute; top: -9999px; left: -9999px } .exo-table tr { border: 1px solid #ccc } .exo-table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%!important; white-space: normal; text-align: left } .exo-table td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 700; content: attr(data-title) } } .prod-flag { text-align: center; width: 100%; margin: 15px 0 } .prod-flag img { width: 58px; height: 36px } .career-page.intern-page .media-careers .media-box-image-career { margin: 0 10px 0 0; width: 200px!important } .career-page.intern-page .media-careers div.col-md-6 { width: 61%!important } .career-page.intern-page .col-md-3 { width: 17%!important } .career-page.intern-page .item.list-group-item { padding: 20px 0 20px 20px!important } .media-careers .media-box-image-career { width: 192px; border: 3px solid #999; margin: 0; padding: 0 } .media-careers .media-box-image, .media-careers .media-box-thumbnail-container { height: auto!important } .media-careers .media-box-title { background: rgba(0,0,0,.5); bottom: 0; padding: 5px 0 0; position: absolute; text-align: center; width: 100%; z-index: 999 } .media-careers .item.list-group-item img { float: left; height: 100px; width: 100%; opacity: 1!important } .media-careers .img-overlay-black-career { z-index: 999; background: rgb(0, 0, 0, .5); position: absolute } .media-careers .media-box-title i { width: 24px; height: 15px; background-size: contain } .media-careers h4 { font-size: 28px; color: #676767; font-weight: 700; padding: 0 0 0 30px } .media-careers .career-position, .media-careers a { font-size: 14px; margin: 0 } .media-careers a { padding: 0 } .media-careers .btn-career-section { padding: 0; width: 22%!important } .media-careers a.btn-view-role { font-size: 12px; font-weight: 700!important; margin: 10px 0 0; padding: 3px 30px; text-decoration: none } .media-careers a.btn-careers-share, .media-careers a:hover.btn-careers-share { border: 1px solid #80b157!important; font-size: 12px; font-weight: 700!important; margin: 10px 0 0; padding: 3px 10px!important; text-decoration: none; width: 75% } .media-careers a.btn-careers-share { background: #fff!important; color: #80b157!important } .media-careers a:hover.btn-careers-share { background: #80b157!important; color: #fff!important } .career-page .sea .career-page .search-box div.roundedOne label span { width: 200px } .career-page .col-md-3 { width: 20% } .career-page .col-md-9 { width: 80% } .career-page .col-md-6 { width: 54.5% } .career-page .col-md-3.media-box-image-career { width: 23.5%!important } .career-page h4 { font-size: 20px; margin: 0; padding: 0 } .career-page .filters.search-box ul.list-group li label span { width: 150px } .career-page .item.list-group-item { padding: 20px!important } @media only screen and (max-width:1199px) { .media-careers .col-md-6 { width: 45% } .media-careers h4 { font-size: 28px; color: #676767; font-weight: 700; padding: 0 } .career-page.intern-page .media-careers div.col-md-6 { width: 58%!important } } @media only screen and (max-width:992px) { .media-careers .col-md-6 { width: 45% } } @media only screen and (max-width:990px) { .career-banner span { font-size: 40px } .career-banner { background: url(../img/top-page/pic-careers.jpg) 0 -50px/cover no-repeat; height: 380px } .career-page.intern-page .media-careers .media-box-image-career { margin: 0 10px 0 3px; width: 96%!important } .career-page.intern-page .media-careers div.col-md-6 { width: 100%!important } .career-page.intern-page .col-md-3 { width: 95%!important; margin: 0 0 0 10px } .media-careers h4 { padding: 0 } .media-careers .col-md-6 { width: 100% } .media-careers .media-box-title { background: rgba(0,0,0,.5); padding: 5px 0 0; position: absolute; text-align: center; width: 100%; z-index: 999; top: 146px } .media-careers .item.list-group-item img { float: left; height: 175px; width: 100%; opacity: 1!important } .media-careers .media-box-image-career { width: 100%; border: 3px solid #999; margin: 0; padding: 0; height: 180px } .media-careers h4 { font-size: 28px; color: #676767; font-weight: 700; text-align: left; margin: 15px 0 5px } } .nav-tabs>li>a, .nav-tabs>li>a:hover { color: #fff; line-height: 1.42857; margin-right: 0; text-decoration: none } @media only screen and (max-width:450px) { .career-banner span { font-size: 33px } .hero-content { top: 5% } .hero-content>div>h1 { font-size: 2.5em } } , #Modal-exclusive button.close:hover, #Modal-new button.close:hover { background:rgba(255,255,255,.8) } .nav-tabs>li>a { background: #80b157; border: 1px solid transparent; border-radius: 0 } .nav-tabs>li>a:hover { background: #004e42!important; border: 1px solid transparent; border-radius: 0 } .nav>li>a { display: block; padding: 10px; position: relative } .border-bottom, .border-top { border-top: 2px solid #fff } .box-timeline-icon { background: url(../img/top-page/icon-check.png) no-repeat rgba(0,0,0,0); display: block; line-height: 1.8em!important; padding: 0 20px 20px 40px!important } .box-color-grey p { font-size: 16px; line-height: 1.6em; padding: 5px 0 10px } .box-color-grey { background: #efefef!important; color: #5e6163!important; padding: 30px!important } .exo-responsible .box-color-grey h3 { margin: 10px 0 12px 2px; text-transform: uppercase } .box-color-grey h3 { color: #5e6163 } .about-mice-subscribe a { background: #0292c6; border-radius: 0 4px 4px 0; color: #fff; font-size: 22px; padding: 12px 17px 15px; -webkit-padding-after: 14px; -webkit-padding-before: 14px; text-decoration: none; display: inline-block } .about-mice-subscribe a:hover { background: #0292c6; color: #ccc } .about-mice-subscribe input { border: 2px solid #ccc; border-radius: 4px 0 0 4px; color: #444; font-size: 22px; padding: 15px 15px 15px 25px; width: 600px } .btn-mice-submit { background: #158db8; padding: 10px 20px; font-size: 18px } #filter.hotels .col-md-12 { font-size: 12px; margin: 0; padding: 10px; width: 100%; font-weight: 500 } #filter.hotels span.icon-heart-grid.green.grid-view-heart.fav-heart, #filter.tours span.icon-heart-grid.green.grid-view-heart.fav-heart { position: absolute!important; right: 0; top: 0!important } .bg-brown-equipment { background: url(../img/top-page/adventure/bg-equipment.jpg) center bottom no-repeat rgba(0,0,0,0); padding-bottom: 190px } .wrap-adventure-tabs .nav-tabs { border-bottom: 8px solid #564842!important } .nav-tabs>li.active>a:focus, .wrap-adventure-tabs .nav-tabs>li.active>a, .wrap-adventure-tabs .nav-tabs>li>a { background: #de7026; border: 1px solid transparent; color: #fff; line-height: 1.42857; margin-right: 0; text-decoration: none } .wrap-adventure-tabs ul.nav.nav-tabs li.active a { background: #564842!important } .wrap-adventure-tabs .nav-tabs>li>a:hover { background: #564842!important; border: 1px solid transparent; color: #fff; line-height: 1.42857; margin-right: 0; text-decoration: none } .bg-brown-2 { background: #ece6de } .hightlight-underline-brown::before { border-bottom: 3px solid #aaa3a0; bottom: 0; content: ""; height: 1px; margin: 0 10%; position: absolute; width: 80% } .brown { color: #564842 } .about-adventure-subscribe input { border: 2px solid #ccc; border-radius: 4px 0 0 4px; color: #444; font-size: 22px; padding: 15px 15px 15px 25px; width: 600px } .about-adventure-subscribe a { background: #de7026; border-radius: 0 4px 4px 0; color: #fff; display: inline-block; font-size: 22px; padding: 12px 17px 15px; text-decoration: none } .bg-adventure-social { background: url(../img/top-page/adventure/bg-adventure-social.jpg) center top no-repeat rgba(0,0,0,0) } .bg-adventure-about { background: url(../img/top-page/adventure/bg-adventure-about.jpg) no-repeat #fff } .bg-adventure-about2 { background: url(../img/top-page/adventure/bg-adventure-about-left.png) left top no-repeat, url(../img/top-page/adventure/bg-adventure-about-right.png) right top no-repeat, url(../img/top-page/adventure/bg-adventure-about-middle.png) 0 top repeat-x } .bg-adventure-dest { background: url(../img/top-page/adventure/bg-adventure-dest.jpg) no-repeat #fff } .bg-adventure-dest-2 { background: url(../img/top-page/adventure/bg-adventure-dest-map-bottom.jpg) left top no-repeat, url(../img/top-page/adventure/bg-adventure-dest-socials.jpg) left bottom no-repeat; padding-bottom: 100px } .accordion ul:hover li { opacity: 1!important } @media (max-width:767px) { .about-adventure-subscribe a { margin-top: 10px; padding: 10px } .about-adventure-subscribe input { padding: 10px; width: 100% } } .adventure-section { background: url(../img/top-page/adventure/bg-climb-right.jpg) right top no-repeat, url(../img/top-page/adventure/bg-bird-left.jpg) left top no-repeat; background-color: #fff; } .bg-adventure-top { background: url(../img/top-page/bg-adventure-02.jpg) 0 top repeat-x; width: 100%; padding-top: 100px } .bg-adventure-01 { background: url(../img/top-page/bg-adventure-02.jpg) 0 bottom repeat-x; height: 100px; width: 100% } .bg-adventure-02 { background: url(../img/top-page/bg-adventure-03.jpg) repeat-x #ede6de; height: 82px; width: 100% } .bg-adventure-bottom { background: url(../img/top-page/adventure/bg-local-top.jpg) 0 bottom repeat-x #ede6de; padding-bottom: 120px!important } .btn-adventure-sort { background: #dd7026!important; border: 1px solid #dd7026!important } .btn-adventure-sort:hover, .button.btn-adventure-num:hover { border: 1px solid #554741!important; background: #554741!important } .btn-adventure-num { color: #dd7026!important } .button.btn-adventure-num:hover { color: #fff } #reset-checkboxes.btn-reset.btn-adventure-num { border: 1px solid #dd7026!important } #reset-checkboxes.btn-reset.btn-adventure-num:hover { background: #554741!important; color: #fff; border: 1px solid #554741!important } a.wrap-adventure-team-btn, a:hover.wrap-adventure-team-btn { padding: 7px 20px; border-radius: 4px; color: #fff; margin: 20px; display: inline-block; text-decoration: none } a:hover.wrap-adventure-team-btn { background: #564842 } a.wrap-adventure-team-btn { background: #de7026 } .wrap-adventure-team h4 { text-transform: uppercase; padding: 15px 5px; border-bottom: 2px solid #ccc } .adventure-team { border-radius: 50%; border: 6px solid #de7026 } #Modal-exclusive button.close, #Modal-map button.close, #Modal-new button.close { background: rgba(255,255,255,1); border-radius: 50%; color: #222; height: 30px!important; opacity: 1; position: absolute; right: 5%; top: 18px; width: 30px!important; z-index: 999999 } #Modal-exclusive button.close:hover, #Modal-map button.close:hover, #Modal-new button.close:hover { background: rgba(255,255,255,.8) } .nav>li { display: block; margin: 0 7px 0 0; position: relative } .nav-tabs { border-bottom: 8px solid #004e42 } .wrap-dining-tabs .nav-tabs>li>a { background: #0096cd; border: 1px solid transparent; border-radius: 4px; color: #fff; line-height: 1.42857; margin-right: 0; text-decoration: none } .wrap-dining-tabs .nav-tabs>li>a:hover { background: #004b76!important; border: 1px solid transparent; border-radius: 4px; color: #fff; line-height: 1.42857; margin-right: 0; text-decoration: none } .wrap-dining-tabs .nav-tabs { border-bottom: none; margin: 0 20px 30px; display: inline-block; font-size: 18px } .wrap-dining-tabs .nav-tabs>li.active>a, .wrap-dining-tabs .nav-tabs>li.active>a:focus, .wrap-dining-tabs .nav-tabs>li.active>a:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #004977!important; border-image: none; color: #fff; cursor: default; text-decoration: none; font-weight: 500; border: 1px solid transparent; border-radius: 4px!important } .table-responsive.table-howtobook table.col-md-12.table-bordered.table-striped.table-condensed.cf tbody tr td { border: none } .table-responsive.table-howtobook tbody tr td.table-howtobook-1 { border-right: 3px solid #fff!important; padding: 10px 20px; text-align: left } .table-responsive.table-howtobook tbody tr td.table-howtobook-2 { text-align: left } .table-responsive.table-howtobook table.col-md-12.table-bordered { border: none } .btn-brown, .btn-brown:hover { color: #fff!important; border: none!important } @media only screen and (min-width:421px) and (max-width:580px) { .agent-hub-login ul { padding: 0; width: auto } .agent-hub-login li { font-size: 12px; padding: 9px 10px } } @media only screen and (min-width:320px) and (max-width:420px) { .agent-hub-login ul { padding: 0; width: auto } .agent-hub-login li { font-size: 10px; padding: 9px 3px } } @media only screen and (max-width:768px) { #Modal-agenthub div.modal-dialog { width: 100%; padding: 0 8px; box-sizing: border-box } #Modal-agenthub .agent-hub-regist-box-2, #Modal-agenthub .btn-agent { width: 100% } .agent-hub-regist-box .collapsed, .modal-body.agent-hub-regist-box-2.bg-grey-2 span { display: block } #Modal-agenthub .agent-hub-regist-box-2 h4 { margin: 0 10px 10px 0 } .agent-hub-login .top-profile-menu .sub-menu { right: 1px; top: 33px } } @media only screen and (max-width:991px) { .nav-tabs>li { float: left; margin-bottom: -1px; width: auto } } @media only screen and (max-width:1200px) { .nav>li { display: block; margin: 7px 7px 0 0; position: relative } .mice.exo-events-activities-wrap div.col-md-6.mice-cell img.resp { height: auto!important; min-height: 550px } } .btn-brown { background-color: #f06810!important } .btn-brown:hover { background-color: #54433b!important } .search-result-list .result-post { border: 1px solid #80b157; padding: 15px; margin-bottom: 15px } .search-result-list .result-post:nth-child(2n) { border: 1px solid #dd7026 } .search-result-list .result-post h3 { font-size: 17px; font-weight: 700; margin: 0 0 6px } .search-result-list .result-count { margin: 15px 0 } .search-result-list .no-results { padding: 15px; border: 1px solid red; margin: 15px 0 } .search-result-left .search-icon { background: 0 0; border: none; position: absolute; right: 13px; top: 14px } .search-result-left .search-box { position: relative } @media only screen and (max-width:750px) { .agent-hub-login ul { width: 100%; min-height: 70px } .stick-fixed-agenthub { position: fixed!important; top: 70px; left: 0 } } @media only screen and (max-width:377px) { .stick-fixed-agenthub { position: fixed!important; top: 70px; left: 0 } } @media only screen and (max-width:319px) { .stick-fixed-agenthub { position: fixed!important; top: 100px; left: 0 } } .wrap-product-fav div#exTab2.mt-40 ul.nav.nav-tabs { width: 85%; margin: 0 auto } #Modal-agent-profile .modal-body.agent-hub-regist-box { padding: 10px 29px 5px } .btn-reponsible.meet-me-btn { padding: 7px 30px; text-decoration: none } .bg-adventure-dest-vietnam { background: url(../img/top-page/adventure/bg-adventure-dest-vietnam-1.jpg) 0 -90px no-repeat #fff!important; background-size: 100% !important } .bg-adventure-dest-vietnam-2 { background: url(../img/top-page/adventure/bg-adventure-dest-vietnam-2.jpg) 0 -50px no-repeat; background-size: 100% } .bg-similar-dest-vietnam { background: url(../img/top-page/adventure/bg-adventure-dest-vietnam-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-social-vietnam { background: url(../img/top-page/adventure/bg-adventure-dest-socials-vietnam.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-malaysia { background: url(../img/top-page/adventure/bg-adventure-dest-malaysia-1.jpg) no-repeat #fff; background-size: 100% } .bg-adventure-dest-malaysia-2 { background: url(../img/top-page/adventure/bg-adventure-dest-malaysia-2.jpg) no-repeat; background-size: 100% } .bg-similar-dest-malaysia { background: url(../img/top-page/adventure/bg-adventure-dest-malaysia-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-social-malaysia { background: url(../img/top-page/adventure/bg-adventure-dest-socials-malaysia.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-multicountry { background: url(../img/top-page/adventure/bg-adventure-dest-multi-1.jpg) no-repeat #fff; background-size: 100% } .bg-adventure-dest-multicountry-2 { background: url(../img/top-page/adventure/bg-adventure-dest-multi-2.jpg) no-repeat; background-size: 100% } .bg-similar-dest-multicountry { background: url(../img/top-page/adventure/bg-adventure-dest-multi-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-social-multicountry { background: url(../img/top-page/adventure/bg-adventure-dest-socials-multi.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-myanmar { background: url(../img/top-page/adventure/bg-adventure-dest-myanmar-1.jpg) no-repeat #fff; background-size: 100% } .bg-adventure-dest-myanmar-2 { background: url(../img/top-page/adventure/bg-adventure-dest-myanmar-2.jpg) no-repeat; background-size: 100% } .bg-similar-dest-myanmar { background: url(../img/top-page/adventure/bg-adventure-dest-myanmar-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-social-myanmar { background: url(../img/top-page/adventure/bg-adventure-dest-socials-myanmar.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-cambodia { background: url(../img/top-page/adventure/bg-adventure-dest-cambodia-1.jpg) no-repeat #fff; background-size: 100% } .bg-adventure-dest-cambodia-2 { background: url(../img/top-page/adventure/bg-adventure-dest-cambodia-2.jpg) no-repeat; background-size: 100% } .bg-similar-dest-cambodia { background: url(../img/top-page/adventure/bg-adventure-dest-cambodia-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-social-cambodia { background: url(../img/top-page/adventure/bg-adventure-dest-socials-cambodia.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-thailand { background: url(../img/top-page/adventure/bg-adventure-dest-thailand-1.jpg) no-repeat #fff; background-size: 100% } .bg-adventure-dest-thailand-2 { background: url(../img/top-page/adventure/bg-adventure-dest-thailand-2.jpg) no-repeat; background-size: 100% } .bg-similar-dest-thailand { background: url(../img/top-page/adventure/bg-adventure-dest-thailand-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-social-thailand { background: url(../img/top-page/adventure/bg-adventure-dest-socials-thailand.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-indonesia { background: url(../img/top-page/adventure/bg-adventure-dest-indonesia-1.jpg) no-repeat #fff; background-size: 100% } .bg-adventure-dest-indonesia-2 { background: url(../img/top-page/adventure/bg-adventure-dest-indonesia-2.jpg) no-repeat; background-size: 100% } .bg-similar-dest-indonesia { background: url(../img/top-page/adventure/bg-adventure-dest-indonesia-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-social-indonesia { background: url(../img/top-page/adventure/bg-adventure-dest-socials-indonesia.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-laos { background: url(../img/top-page/adventure/bg-adventure-dest-laos-1.jpg) 0 top no-repeat; background-size: 100% } .bg-adventure-dest-laos-2 { background: url(../img/top-page/adventure/bg-adventure-dest-laos-2.jpg) no-repeat; background-size: 100% } .bg-similar-dest-laos { background: url(../img/top-page/adventure/bg-adventure-dest-laos-3.jpg) 0 bottom no-repeat; background-size: 100% } .bg-adventure-social-laos { background: url(../img/top-page/adventure/bg-adventure-dest-socials-laos.jpg) no-repeat; background-size: 100% } .bg-adventure-dest-japan { background: url(../img/top-page/adventure/bg-adventure-dest-japan-5.jpg) no-repeat #fff; background-size: 100% } .bg-adventure-social-japan { background: url(../img/top-page/adventure/bg-adventure-dest-socials-japan.jpg) no-repeat; background-size: 100% } .bg-similar-dest-japan { background: url(../img/top-page/adventure/bg-adventure-dest-japan-3-3.jpg) left bottom no-repeat; background-size: 100% } .bg-adventure-dest-socials { background: url(../img/top-page/adventure/bg-adventure-dest-socials.jpg) 0 bottom no-repeat } .about-adventure-subscribe .btn-about-subscribe { margin-left: -4px } .bg-adventure-walk { background: url(../img/top-page/adventure/bg-local-walk-l.png) left bottom no-repeat, url(../img/top-page/adventure/bg-local-walk-r.jpg) right bottom no-repeat, url(../img/top-page/adventure/bg-local-walk-c.jpg) 0 bottom repeat-x } .bg-adventure-team { background: url(../img/top-page/adventure/bg-team-left.png) left bottom no-repeat, url(../img/top-page/adventure/bg-team-right.jpg) right bottom no-repeat, url(../img/top-page/adventure/bg-team-middle.jpg) 0 bottom repeat-x } .bg-adventure-team2 { background: url(../img/top-page/adventure/bg-team-center.jpg) repeat-x, url(../img/top-page/adventure/bg-team.jpg) center bottom no-repeat } .adventure-trip, .adventure-trip-cycling { background: url(../img/top-page/bg-adventure-main7.png) center bottom no-repeat, url(../img/top-page/bg-adventure-02.jpg) 0 bottom repeat-x } .adventure-hero h2 { padding: 10px } .adventure-trip { padding-bottom: 160px } .adventure-trip-cycling { padding-bottom: 140px } .adventure-trip-water { background: url(../img/top-page/bg-adventure-water.png) center bottom no-repeat; padding-bottom: 160px } .adventure-trip-trekking { background: url(../img/top-page/bg-adventure-trekking.png) center bottom no-repeat; padding-bottom: 160px } .adventure-trip-challenge { background: url(../img/top-page/bg-adventure-challenge-l.png) left bottom no-repeat, url(../img/top-page/bg-adventure-challenge-r.png) right top no-repeat, url(../img/top-page/bg-adventure-challenge-c.png) 0 bottom repeat-x; padding-bottom: 160px } .adventure-trip-family { background: url(../img/top-page/bg-adventure-family.png) center bottom no-repeat; padding-bottom: 160px } .adventure-trip-multi { background: url(../img/top-page/bg-adventure-multi-l.png) left top no-repeat, url(../img/top-page/bg-adventure-multi-r.png) right top no-repeat, url(../img/top-page/bg-adventure-multi-c.png) 0 bottom repeat-x; padding-bottom: 160px } .promotions-section { background: #74b65d; padding: 20px; text-align: center; color: #fff } .events-mice-page .media-box-container, .exo-adventure-page .adventure-panel-link, .exo-destinations-page .media-box-container { position: relative } .events-mice-page .mice-panel-link, .exo-adventure-page .adventure-panel-link, .exo-destinations-page .media-box-container .img-panel-link { display: block!important; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 999 } .events-mice-page .mice-panel-link:hover, .exo-adventure-page .adventure-panel-link:hover, .exo-destinations-page .media-box-container .img-panel-link { display: block!important; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 999; background: rgba(0,0,0,.3) } #media-country .media-box-title h3 { position: relative; top: -7px } #Modal-usefulinformation .dropdown-wrap .btn-useful.dropdown-toggle { padding: 8px 23px 9px 34px!important } #Modal-usefulinformation .dropdown-wrap .dropdown-menu>li>a { font-size: 13px; padding: 3px 0; width: 100% } #Modal-usefulinformation .dropdown-wrap ul { width: auto } .home-btn-newsletter { display: inline-block; padding-top: 10px; text-decoration: none!important } .home-btn-newsletter.btn-home:hover { padding-top: 10px } @media only screen and (min-device-width:314px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) { .full-screen .hero-content, .one-third-height .hero-content { left: 0; display: block; color: #fff; padding: 0; overflow-y: scroll } .full-screen .hero-content-inner, .one-third-height .hero-content-inner { margin: 0 auto; text-align: center; transform: translateY(-50%); width: 100%; z-index: 998 } .full-screen { height: 800px } .one-third-height { height: 300px } .full-screen .hero-content { position: absolute; top: 20%; height: 100%; width: 100% } .full-screen .hero-content-inner { position: relative; top: 50%; height: 800px } .one-third-height .hero-content-inner .hs-line-1 { font-size: 2em!important } .one-third-height .hero-content { position: absolute; top: 20%; height: 100%; width: 100% } .one-third-height .hero-content-inner { position: relative; top: 75%; height: 800px } } .Dest-anchor, .Dest-hotel-anchor { position: relative; visibility: hidden } @media only screen and (max-width:450px) { h1, h2, h3 { margin: 0 auto } .icons-eco-socially-detais span { cursor: pointer; display: inline-block; height: 48px!important; width: 35px!important; margin: 0 6px } } .Dest-anchor { display: block; top: 260px } .Dest-hotel-anchor { display: block; top: -100px } #page.page div.tours-dp div#itinerary div.container.mb-60 div.col-md-12.text-wrap.text-center.mt-40.mb-40 a, #page.page div.tours-dp div.container div.container div.col-md-12.text-wrap.text-center.mt-40.mb-20 a, #page.page.luxe-details div.row.bg-white.mt-40 div.container div.col-md-12.text-wrap.text-center.mt-40.mb-40 a { text-decoration: none } .sortHeader { float: right } .ui-widget-content { z-index: 9999999999999!important } #language_box .dropdown-toggle { width: 254px } #business_networks_box .dropdown-toggle { width: 540px } #languages_box .dropdown-toggle { width: 268px } #business_networks_box .multiselect-selected-text { width: auto } #business_networks_box.col-md-12.mb-10.mt-5.selectContainer div.form-control span.hide-native-select div.btn-group.open ul.multiselect-container.dropdown-menu { width: 100%; padding: 20px } #business_networks_box .dropdown-menu>li>a { display: block; clear: none!important; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; float: left; width: 49%; margin: 0 1% 0 0 } @media only screen and (max-width:991px) { .modal .dropdown-toggle { height: 30px } } @media only screen and (max-width:600px) { #business_networks_box .dropdown-menu>li>a { display: block; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; float: left; width: 100%; margin: 0 } #business_networks_box .dropdown-toggle { width: 100% } .modal .dropdown-toggle { height: 30px } } .error-mpass, .success-mpass { margin-top: 13px; text-align: center } /* Change Z-Index */ .container div.col-md-12.sic-main { z-index: auto } li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active { border: none!important } .promotion-no-result { width: 100% } .exp, .tour { display: none } .error-mpass { color: red } .success-mpass { color: green } .mm-mid { width: 100px } .error { font-size: 13px; font-weight: 400 } .holdingbox-1 .btn-sidebar-leftbox-1 { height: 190px } .holdingbox-1 .btn-sidebar-leftbox-1>span { top: 77px!important; left: -68px; font-size: 14px; width: 167px } .multiple_expert_travel_advice { padding: 5px } .multiple_expert_travel_advice .hide-native-select .multiselect { width: 135px; padding: 5px; font-size: 10px; text-align: left; vertical-align: middle; -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial } .multiple_expert_travel_advice .hide-native-select button.multiselect.dropdown-toggle.btn.btn-default span.multiselect-selected-text { width: 113px } .multiple_expert_travel_advice .hide-native-select button.multiselect.dropdown-toggle.btn.btn-default b.caret { top: 9px!important } @media (max-width:1013px) { .multiple_expert_travel_advice .hide-native-select .multiselect { width: 100% } .multiple_expert_travel_advice .hide-native-select button.multiselect.dropdown-toggle.btn.btn-default span.multiselect-selected-text { width: 94% } .multiple_expert_travel_advice .hide-native-select .btn-group { width: 100% } } .staff-exit-msgbox { padding: 20px; text-align: center } .exp, .hotels, .tour { display: none } .tt-title { width: 28% } .tt-docicon { text-align: center!important; width: 60px } .responstable { margin: 1em 0; width: 100%; overflow: hidden; background: #FFF; color: #024457; border: 1px solid #167F92 } .responstable tr { border: 1px solid #D9E4E6 } .responstable tr:nth-child(odd) { background-color: #EAF3F3 } .responstable th { display: none; border: 1px solid #FFF; background-color: #167F92; color: #FFF; padding: 5px 0 } .responstable th:first-child, .responstable th:nth-child(2) { display: table-cell } .responstable th:nth-child(2) span { display: none } .responstable th:nth-child(2):after { content: attr(data-th) } @media (min-width:480px) { .responstable th:nth-child(2) span { display: block } .responstable th:nth-child(2):after { display: none } .responstable td { border: 1px solid #D9E4E6 } } .responstable td { display: block; word-wrap: break-word; max-width: 7em } .responstable td:first-child { display: table-cell; border-right: 1px solid #D9E4E6 } .responstable td, .responstable th { text-align: left; margin: .5em 1em } @media (min-width:480px) { .responstable td, .responstable th { display: table-cell; padding: 5px 0 5px 5px; font-family: tahoma; font-size: 12px } } .page-loader-custom { background: #fefefe; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100000 } .tooltipmsg { margin-left: 40px; display: block; width: 64px; text-align: right; float: none } .row2 { margin-top: 20px } .exoicon-loading2 { background: #fff; color: #80b157; margin: 0 auto; padding: 5px 10px; text-align: center; width: 50px; z-index: 9999; display: none } .exoicon-loading2 span { animation: .9s linear 0s normal none infinite running spinner; border-color: #80b157 rgba(128,177,87,.08) rgba(0,0,0,.08) rgba(128,177,87,.8); border-radius: 50%; border-style: solid; border-width: 1px; display: inline-block; height: 25px; margin: 2px; width: 25px } .media-box-icon-country.icon-uk { background: url(../../assets/img/top-page/country/uk-flag.png) 0 0/42px 26px no-repeat; background-size: 42px 26px } #tour-exit-modal { bottom: 0; display: none; left: 0; outline: 0; overflow: hidden; position: fixed; right: 0; top: 100px; z-index: 9999999!important } #tour-exit-modal .modal-header { background: #80b157; padding: 20px; width: 100%; z-index: 999 } #tour-exit-modal .modal-header-exitpop { padding: 15px 20px; background: #b15757 } #tour-exit-modal h4 { font-size: 18px; color: #fff; margin-bottom: 6px } #tour-exit-modal .modal-header-exitpop p { font-size: 14px; color: #fff } #tour-exit-modal .expert_travel_advice .col-md-4 { margin-bottom: 20px } #tour-exit-modal .expert_travel_advice .has-feedback .form-control { padding: 6px } span.hide-native-select { position: relative } #tour-exit-modal span.hide-native-select select { border: 0!important; clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px -1px -1px -3px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; left: 50%; top: 30px } #tour-exit-modal .expert_travel_advice .col-md-12 .control-label { margin-top: 20px } #tour-exit-modal .multiple_expert_travel_advice { text-align: center!important } #tour-exit-modal .multiple_expert_travel_advice .hide-native-select button.multiselect.dropdown-toggle.btn.btn-default b.caret { top: 15px!important } .appear-animate .holdingbox-1 { z-index: 9991!important } #tour-exit-modal .btn.btn-primary.sbmt-expert_travel_advice { background: #b15757; vertical-align: middle } @media (max-width:767px) { .multiple_expert_travel_advice .hide-native-select .multiselect { width: 97% } } .fav-section { margin-bottom: 47px!important } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel.media-boxes-container div.media-box.media-box-loaded div.media-box-container a div.media-box-image.media-box-image-box div.thumbnail-overlay.show-icon-lock:hover { background-color: rgba(60,60,60,.9)!important; cursor: pointer!important } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel .thumbnail-overlay.show-icon-lock { background-color: rgba(60,60,60,.9) } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel div.thumbnail-overlay.show-icon-lock:hover, #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel.media-boxes-container div.media-box.media-box-loaded div.media-box-container a div.media-box-image.media-box-image-box div.thumbnail-overlay.bg-media-agent-hub-green.show-icon-lock:hover { background-color: rgba(60,60,60,.9)!important; cursor: pointer!important } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel .thumbnail-overlay.bg-media-agent-hub-green.show-icon-lock { background-color: rgba(60,60,60,.9) } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel div.thumbnail-overlay.bg-media-agent-hub-green.show-icon-lock:hover, #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel.media-boxes-container div.media-box.media-box-loaded div.media-box-container a div.media-box-image.media-box-image-box div.thumbnail-overlay.bg-media-agent-hub-green1.show-icon-lock:hover { background-color: rgba(60,60,60,.9)!important; cursor: pointer!important } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel .thumbnail-overlay.bg-media-agent-hub-green1.show-icon-lock { background-color: rgba(60,60,60,.9) } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel div.thumbnail-overlay.bg-media-agent-hub-green1.show-icon-lock:hover, #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel.media-boxes-container div.media-box.media-box-loaded div.media-box-container a div.media-box-image.media-box-image-box div.thumbnail-overlay.bg-media-agent-hub-green2.show-icon-lock:hover { background-color: rgba(60,60,60,.9)!important; cursor: pointer!important } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel .thumbnail-overlay.bg-media-agent-hub-green2.show-icon-lock { background-color: rgba(60,60,60,.9) } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel div.thumbnail-overlay.bg-media-agent-hub-green2.show-icon-lock:hover, #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel.media-boxes-container div.media-box.media-box-loaded div.media-box-container a div.media-box-image.media-box-image-box div.thumbnail-overlay.bg-media-agent-hub-green2.show-icon-lock, #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel.media-boxes-container div.media-box.media-box-loaded div.media-box-container a div.media-box-image.media-box-image-box div.thumbnail-overlay.bg-media-agent-hub-green3.show-icon-lock:hover { background-color: rgba(60,60,60,.9)!important; cursor: pointer!important } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel .thumbnail-overlay.bg-media-agent-hub-green3.show-icon-lock { background-color: rgba(60,60,60,.9) } #media-agent-hub.media-box-agent-login.media-box-agent-not-login.media-agent-hub-renewel div.thumbnail-overlay.bg-media-agent-hub-green3.show-icon-lock:hover { background-color: rgba(60,60,60,.9)!important; cursor: pointer!important } .discover-search { background: #c1c3c3; padding: 14px 10px 10px; text-transform: uppercase; width: 900px; margin: 0 auto 60px; display: block; overflow: hidden } .btn-slider-text1 { width: 80px; margin: 13px 30px 0 15px; text-align: center } .btn-slider-text2 { width: 80px; margin: 13px 0 0 } .btn-slider-discover { margin: 0 0 0 30px } .tourdesk-section .tourdesk-login-line { border-bottom: 1px solid #ccc; padding: 0 10px 10px 0; overflow: hidden } .tourdesk-login ul li h4 { margin: 10px 0 0 } .tourdesk-login ul li div.col-md-3 { padding: 0; text-align: center } .tourdesk-login ul li div.col-md-9 { padding: 0 } .tourdesk-login-box { background: #f6f6f6; border: 1px solid #ccc; padding: 0 20px 20px } .tourdesk-login-box label.control-label { font-size: 12px; font-weight: 600 } .tourdesk-confirm-section span.bold, .tourdesk-section table tbody tr td.bold, label.bold { font-weight: 700 } .form-upload-tourdesk input { width: 88% } .form-upload-tourdesk .btn-browse { width: 40px; float: right; position: absolute; background: #ebebeb; right: 15px; text-align: center; border: 1px solid #ccc; height: 32px; top: 28px } .blue.font-14 { color: #60a0ff; font-size: 14px } .tourdesk-section .tourdesk-login-box button { background: #80b157; color: #fff; text-transform: uppercase; font-size: 14px; padding: 5px 20px; border: 1px solid #ccc; margin: 10px 0 0 } .tourdesk-login-signin { float: right; padding-top: 20px } .tourdesk-login-title { float: left; margin: 0 0 10px; padding-top: 20px } @media only screen and (max-width:1200px) { .tourdesk-login ul li .col-md-9 { text-align: left } .tourdesk-login ul li .col-md-3 img { width: 60px; height: 60px } } @media only screen and (max-width:785px) { .tourdesk-login ul li .col-md-9 { text-align: center } } .tourdesk-section table tbody tr td { border: 1px solid #ccc; font-size: 14px; padding: 4px } .tourdesk-payment-cards { background: #fbf6e3; padding: 10px; border: 1px solid #b1a45e; color: #946626 } .tourdesk-payment-cards img { margin: 0 5px } .tourdesk-payment form div.form-group .col-md-3 { text-align: right; font-size: 14px } .tourdest-payment-continue-shopping { background: #fff; border: 1px solid #ccc; padding: 5px 20px } .tourdest-payment-complete-shopping { background: #80b157; border: 1px solid #ccc; color: #fff; padding: 5px 20px } .tourdesk-payment-button { background: #f4f4f4; padding: 20px } .tourdesk-checkout, .tourdesk-confirm, .tourdesk-tourdesk { font-size: 10px; padding: 4px 20px; border: 1px solid #ccc; color: #fff } .tourdesk-payment-total { color: #fff; background: #6199aa; border: 1px solid #ccc } .tourdesk-confirm { background: #5c6bb0 } .tourdesk-checkout { background: #629bac } .tourdesk-tourdesk { background: #87b162 } .tourdesk-section-payment ul li { float: left; display: inline-block; margin: 0 3px } .tourdesk-section-payment { float: right; margin: 20px; right: 10px; position: fixed } .cart-total-nav { background: #4e4d4c; color: #fff } .tourdesk-confirm-section h2 { font-size: 16px; margin: 0; font-weight: 700 } .tourdesk-confirm-section .col-md-12 { padding: 20px 10px; border-bottom: 1px solid #ccc } .tourdesk-confirm-section .col-md-3 { width: 35%; padding: 0; margin: 0; position: relative; background: #000 } .tourdesk-confirm-section .col-md-9 { width: 65%; padding: 0 0 0 20px } .tourdesk-confirm-section .col-md-3 h2 { position: absolute; color: #fff; text-align: center; top: 20%; z-index: 999 } @media only screen and (max-width:991px) { .tourdesk-confirm-section .col-md-8 { width: 100%; padding: 0; margin: 0 } .tourdesk-confirm-section .col-md-3 { width: 35%; display: inline-block; float: left; background: #000 } .tourdesk-confirm-section .col-md-9 { width: 65%; display: inline-block } .tourdesk-confirm-section .col-md-12 { padding: 10px 5px; overflow: hidden } .tourdesk-confirm-section .tourdesk-confirm-total-box .input-group input.datetimepicker.form-control { width: 100%!important; font-size: 12px; padding: 0 } .tourdesk-confirm-section .tourdesk-confirm-total-box div.col-md-2 div.input-group label.input-group-addon { padding: 5px; width: 100% } .tourdesk-confirm-section .tourdesk-confirm-total-box div.col-md-2 input.form-control { width: 100%!important; display: initial; text-align: center } .tourdesk-confirm-section .tourdesk-confirm-total-box div.col-md-2 { width: 100%!important } .input-group { position: relative; display: block!important; border-collapse: separate } } .tourdesk-confirm-section div.col-md-12 div.col-md-9 div { padding: 5px 10px; background: #4e4e4c; color: #fff } .tourdesk-confirm-total-box { width: 100%; float: left; padding: 10px 0 0 } .tourdesk-confirm-section div.col-md-12 div.col-md-9 p { color: #8c8c8c } .tourdesk-confirm-section .col-md-3 img { opacity: .7 } .tourdesk-confirm-section div.col-md-12 div.col-md-9 h2 a { color: #444; text-decoration: none } .tourdesk-confirm-section .tourdesk-confirm-total-box div.col-md-2 { width: 20%; padding: 0; font-size: 14px } .tourdesk-confirm-section .tourdesk-confirm-total-box .input-group { padding-left: 3px } .tourdesk-confirm-section .tourdesk-confirm-total-box label { float: left } .tourdesk-confirm-section .tourdesk-confirm-total-box .input-group input.datetimepicker.form-control { height: 26px; width: 70px; font-size: 12px; padding: 0 } .tourdesk-confirm-section .tourdesk-confirm-total-box div.col-md-2 div.input-group label.input-group-addon { padding: 5px; width: 25px } .tourdesk-confirm-section .tourdesk-confirm-total-box div.col-md-2 input.form-control { height: 27px; width: 75px; display: initial; text-align: center } .tourdesk-error, .tourdesk-success { font-size: 11px; font-weight: 500; text-align: left; float: left; clear: both } .tourdesk-confirm-section div.col-md-12:first-child { border-top: 1px solid #ccc } .tourdesk-confirm-section h4 { border-bottom: 1px solid #ccc; margin: 0 0 auto; padding: 0 0 20px } .tourdesk-error { border-color: #a94442; color: #a94442 } .tourdesk-success { border-color: #a9e2c2; color: #36a367 } #form-messages { text-align: left; float: left; clear: both; font-size: 12px; color: red; right: 0; margin-left: 15px; width: 100% } .list-share.col-md-4 a.btn.btn-coffee.btn-border.btn-full.btn-round.btn-radius-4.btn.show-pop.btn-danger { font-weight: 600; /*margin: 0 5px 0 0!important;*/ /*padding: 4px 10px 4px 20px!important;*/ width: 128px!important; /*background: #80b157!important;*/ background: #fff!important; /*color: #fff!important;*/ color: #80b157!important; border: 1px solid #80be6c } .luxe-result .list-share.col-md-4 a.btn.btn-coffee.btn-border.btn-full.btn-round.btn-radius-4.show-pop.btn-danger.popByUrl { background-color: #fff!important; color: #7a0654!important; border: 1px solid #7a0654!important; } .page-adventure .item-content .grid-view-btn div.list-share.col-md-4 a.btn.btn-coffee.btn-border.btn-full.btn-round.btn-radius-4.show-pop.btn-danger.popByUrl { font-weight: 600; margin: 0 5px 0 0!important; padding: 4px 10px 4px 19px!important; width: 128px!important; background: #fff!important; color: #dd7026!important; border: 1px solid #dd7026 } .list-viewthis.col-md-8 { width: 50%; margin: 0 5px 0 0; padding: 0 5px 5px 2px!important } .list-viewthis.col-md-8 button.btn.btn-coffee.btn-full.btn-round { border-radius: 4px!important; padding: 4px; width: 100%!important; font-weight: 600; margin: 0; transition: none } .btn span.virtual-cart img { position: absolute; background: #444; left: 0; padding: 4px; border-radius: 4px 0 0 4px; height: 25px; top: 0; width: 25px } .caption-addCart>span.favloading { background: #fff; border: 1px solid #80b157; color: #80b157; font-size: 13px; padding: 2px 6px 4px 3px; position: absolute; z-index: 9999; display: none; width: 100% } .col-md-20pr, .col-md-30pr { float: left; padding-right: 1% } .tourdesk-section .caption-addCart .favloading { width: 123px; border-radius: 5px; text-align: center; padding-top: 2px; padding-bottom: 2px; font-size: 14px } .text-center .tourdesk-payment-total { margin-top: 15px } .body-tourdesk .hero-tourdesk { min-height: 37px } .col-md-30pr { width: 29% } .col-md-20pr { width: 19% } .col-md-20pr label, .col-md-30pr label { font-size: 12px } .ui-timepicker-standard { font-size: 11px!important; z-index: 99999!important } .tourdesk-confirm-section a.tourdesk-confirm-delete-btn { float: right; color: red; font-size: 12px; text-decoration: none } .tourdesk-confirm-section a.tourdesk-confirm-delete-btn:hover { color: #444 } .tourdesk-section .icon-heart-grid.green { font-size: 16px; position: absolute!important; right: 24px!important; top: 55px!important } .page.tourdesk-section .list-group-item div.item-content.item-content-300 div.row.no-gutter.grid-view-btn.list-view-btn div.list-share.caption-addCart.col-md-8 a#add_to_cart_submit { width: 130px!important; text-indent: 17px } @media only screen and (max-width:1220px) { #page.page.tourdesk-section div.container section#filter.hotel-page-td.pt-0 div.container.mb-30 div.col-md-4.text-left.group-view div.button-group.layout-mode-button-group div.col-md-6 div.row { margin-left: 0; margin-right: 0 } #page.page.tourdesk-section div.container { margin-left: 0; margin-right: 0; width: initial } } .page-loader-finder { display: block; width: 100%; position: absolute; top: 85px; left: 0; background: #fefefe; z-index: 100000 } .datepicker.wn-insurance-quote-editor div.datepicker-calendars { display: block } .panel-accordion { bottom: 0; } .affix { width: 250px; margin: 20px 0 0 0; } .panel-accordion a { text-decoration: none;} .panel-accordion table.table tbody tr td{ border-bottom: 1px solid #ddd; border-top: none;} @media only screen and (max-width:850px) { .holdingbox-1 .btn-sidebar-leftbox-1 { height: auto; } .holdingbox-1 { position: fixed; top: inherit; left: 0; bottom: 0; width: 100%; } .btn-sidebar-leftbox-1, .btn-sidebar-leftbox-2 { background: rgba(246,78,39,0.9); color: #FFF; /* font-size: 24px; */ /* height: 40px; */ width: 100%; /* left: 0 !important; */ /* position: absolute; */ font-weight: bold; margin: 0 auto; padding: 5px 0 10px 0; text-align: center; -ms-transform: rotate(-90deg) !important; -webkit-transform: rotate(-90deg) !important; transform: none !important; /* bottom: 0px!important; */ } .btn-sidebar-leftbox-1>span { transform: unset; display: contents; padding: 5px 0 0; /* top: 43px!important; */ /* position: absolute; */ left: 0px !important; font-size: 16px; width: 100%; } } .exo-map-office img{ margin: 0 10px 0 0 !important; border: none !important; } .exo-map-office a{ text-align: none;} .exo-map-office a:hover{ color: #999;} .ani-circle { position: absolute; left: 50%; top: 50%; width: 140px; height: 140px; margin-top: -70px; margin-left: -70px; } .ani-circle, .ani-circle button { font-family: 'Oswald', sans-serif; font-weight: 300; } .ani-circle button { position: relative; width: 100%; height: 100%; padding: 10px; background: #428bca; border-radius: 50%; border: 0; color: white; font-size: 20px; cursor: pointer; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); transition: all .1s; } .ani-circle button:hover { background: #3071a9; } .ani-circle button:focus { outline: none; } .ani-circle ul { position: absolute; list-style: none; padding: 0; margin: 0; top: -20px; right: -20px; bottom: -20px; left: -20px; } .ani-circle li { position: absolute; width: 0; height: 100%; margin: 0 50%; -webkit-transform: rotate(-360deg); transition: all 0.8s ease-in-out; } .ani-circle li input { display: none; } .ani-circle li input + label { position: absolute; left: 50%; bottom: 100%; width: 0; height: 0; line-height: 1px; margin-left: 0; background: #fff; border-radius: 50%; text-align: center; font-size: 1px; overflow: hidden; cursor: pointer; box-shadow: none; transition: all 2s ease-in-out, color 0.1s, background 0.1s; } .ani-circle li input + label:hover { background: #f0f0f0; } .ani-circle li input:checked + label { background: #5cb85c; color: white; } .ani-circle li input:checked + label:hover { background: #449d44; } .ani-circle.open li input + label { width: 110px; height: 110px; line-height: 110px; margin-left: -52px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); font-size: 14px; } #login-sic { width: 400px; margin: 0 auto 80px auto; background: #fafafa; padding: 20px 30px; } #login-form.form div.form-group input { border-radius: 4px; padding: 5px !important; height: 35px; text-transform: lowercase; } #login-form.form input, #login-form.form select { border: 1px solid #ccc !important; transition: none !important; box-shadow: none !important;} #login-sic .btn.btn-info.btn-green { display: inline; text-align: right; float: right; text-transform: uppercase !important; padding: 3px 10px !important; } #login-box.col-md-12 form#login-form.form div.form-group label.text-info { color: #444; font-size: 14px; font-weight: normal; } #login-form.form div.form-group input.btn.btn-info.btn-green:hover {background: #004e43 !important; color: #fff !important;} li.nav-icon-responsible-hotel { background: url(../img/top-page/nav/RESPONSIBLE-HOTELS.png) no-repeat } li.nav-icon-responsible-tour { background: url(../img/top-page/nav/RESPONSIBLE-TOURS.png) no-repeat } li.nav-icon-responsible-experience { background: url(../img/top-page/nav/RESPONSIBLE-EXPERIENCES.png) no-repeat } li.nav-icon-responsible-carbon { background: url(../img/top-page/nav/icon-carbon.png) no-repeat } li.nav-icon-responsible-about { background: url(../img/top-page/nav/RESPONSIBLE-ABOUT.png) no-repeat } .menu-sub.menu-sub-effect1.mega-style.menu-sub-responsible { width: 238px !important; }