/* - CSS Stylesheet for Paris Magical Tours - */ /*===== Table of Contents ===== CH01 - Common Styles CH02 - Languages CH03 - Header CH04 - Navigation CH05 - Bottom CH06 - Footer CH07 - Index CH08 - Tours CH09 - Indiv. Tour CH10 - FAQ's CH11 - City Guide CH12 - About CH13 - Customer Comments CH14 - Online Booking CH15 - Contact CH16 - Manage Enquiries CH17 - Media Queries =============================*/ #infoWrapper{ display: none; position: absolute; z-index: 1; background-color: white; width: 100vw; top: 0; } /*page loader*/ .rowTofix{ height: 60px !important; } .loader-overlay { background: rgba(26,33,52, 0.9); position: fixed; z-index: 9999; width: 100%; height: 100%; display: block; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; z-index: 20000; position: fixed; margin: auto; top: 12px; left: 0; right: 0; bottom: 0; width: 200px; height: 50px; overflow: hidden; } .pace .pace-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: block; position: absolute; right: 100%; margin-right: -7px; width: 93%; top: 7px; height: 14px; font-size: 12px; background: #CFAC5C; color: #CFAC5C; line-height: 60px; font-weight: bold; font-family: Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; -ms-box-shadow: 120px 0 #fff, 240px 0 #fff; box-shadow: 120px 0 #fff, 240px 0 #fff; } .pace .pace-progress:after { content: attr(data-progress-text); display: inline-block; position: fixed; width: 45px; text-align: right; right: 0; padding-right: 16px; top: 4px; } .pace .pace-progress[data-progress-text="0%"]:after { right: -200px } .pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px } .pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px } .pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px } .pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px } .pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px } .pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px } .pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px } .pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px } .pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px } .pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px } .pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px } .pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px } .pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px } .pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px } .pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px } .pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px } .pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px } .pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px } .pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px } .pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px } .pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px } .pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px } .pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px } .pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px } .pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px } .pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px } .pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px } .pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px } .pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px } .pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px } .pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px } .pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px } .pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px } .pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px } .pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px } .pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px } .pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px } .pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px } .pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px } .pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px } .pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px } .pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px } .pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px } .pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px } .pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px } .pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px } .pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px } .pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px } .pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px } .pace .pace-progress[data-progress-text="50%"]:after { right: -107px } .pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px } .pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px } .pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px } .pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px } .pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px } .pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px } .pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px } .pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px } .pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px } .pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px } .pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px } .pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px } .pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px } .pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px } .pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px } .pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px } .pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px } .pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px } .pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px } .pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px } .pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px } .pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px } .pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px } .pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px } .pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px } .pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px } .pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px } .pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px } .pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px } .pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px } .pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px } .pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px } .pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px } .pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px } .pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px } .pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px } .pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px } .pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px } .pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px } .pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px } .pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px } .pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px } .pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px } .pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px } .pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px } .pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px } .pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px } .pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px } .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right: -14px } .pace .pace-activity { position: absolute; width: 100%; height: 28px; z-index: 2001; box-shadow: inset 0 0 0 2px #CFAC5C, inset 0 0 0 7px #FFF; border-radius: 10px; } .pace.pace-inactive { display: none; } /* -- CH01 - Common Styles -- */ html { font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: 0.1px; } body { font-family: 'Ubuntu', sans-serif; color: #9B9B9B; background: #fdfdfd; } * { margin: 0; padding: 0; box-sizing: border-box; } #wrapper { max-width: 1280px; width: 90%; margin: 0 auto; position: relative; overflow-x: hidden; } /* Headings */ h1 { font-size: 2em; font-weight: 500; text-transform: uppercase; } h2 { font-size: 1.8em; font-weight: 500; text-transform: uppercase; } h3 { text-align: center; } #large-header { width: 100%; max-width: 1500px; margin: auto; height: 400px; /*margin: 15px 0 1px;*/ /*border-top: 1px solid #1B2234;*/ position: relative; font-size: 0; text-align: center; /*background: url(../img/nyc2.jpg);*/ /*background-position: center;*/ background-size: 100%; background-attachment: fixed; background-repeat: no-repeat; background-color: #000; } #large-header img { width: 100vw; height: 100%; max-width: 1500px; opacity: .6; } .header-text-container { position: absolute; width: 100%; max-width: 1500px; margin: auto; top: 50%; font-size: 14px; opacity: 1; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; } .header-video { width: 100%; height: 100%; } #large-header h1 { padding: 0; color: #fff; font-size: 3.8em; } #large-header h1 span { font-size: .5em; display: block; text-transform: none; font-style: italic; color: #E0BB6D; } /* -- CH02 - Languages -- */ #languages { position: absolute; top: 0; right: 0px; z-index: 99; } #languages ul { list-style: none; margin: 0; padding: 0; width: 150px; text-align: right; } #languages ul a { display: block; color: #828282; text-decoration: none; font-size: .8em; font-weight: 500; line-height: 32px; padding: 0 10px 0 0; } #languages ul li { background-position: 30px 11px; background-size: 10px; background-repeat: no-repeat; } #languages ul li:hover { background-color: #1B2234; } #languages .active { background-image: url(../img/arrow_down_blue.png); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #languages .active:hover { background-image: url(../img/arrow_up_gold.png); } #languages ul ul { top: 100%; display: inline-block; visibility: hidden; opacity: 0; background-color: #ffffff; } #languages ul li:hover > ul { visibility: visible; opacity: 1; } .h4-title{ padding-top: 60%; font-size: 15px; font-weight: bold; text-decoration: none!important; } .h4-vip{ padding-top: 15%; font-size: 0px; text-decoration: none!important; } a .h4-vip{ overflow: hidden; font-size: 0px; text-decoration: none!important; color: white; text-align: center; text-transform: uppercase; } .h4-vip:hover{ padding-top: 40%; font-size: 20px; font-weight: bold; text-decoration: none!important; text-decoration-line: none!important; } div a .h4-vip:hover{ overflow: hidden; padding-top: 25%; font-size: 15px; text-decoration-style: none!important; text-decoration-line: none!important; } .card-img-overlay { overflow: hidden; width: 100%; transition: .5s ease; } .card-img-overlay:hover { /*bottom: 0;*/ font-size: 3rem; height: 100%; z-index: 5; width: 100%; background-color: hsla(41, 47%, 52%, 0.58); box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); padding: 10px; padding-top: 5%; } .card-img-overlay-other { overflow: hidden; width: 100%; transition: .5s ease; } .card-img-overlay-other:hover { /*bottom: 0;*/ font-size: 3rem; height: 100%; z-index: 5; width: 100%; background-color:hsla(223, 52%, 25%, 1); box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); padding: 10px; padding-top: 5%; } /* -- CH03 - Header -- */ header { text-align: center; max-width: 1500px; width: 100%; margin: auto; } .logo { width: 25%; max-width: 450px; padding-top: 10px; } #local { margin: 0 0 0 -15px; padding: 0; display: none;# } #local li { display: inline-block; } #local li a { color: #828282; font-size: .9em; } #local li a:hover { color: #828282; text-decoration: underline; } #local .active { text-decoration: underline; } .split { padding: 0 6px 2px; max-width: 8px; } /* -- CH04 - Navigation -- */ #nav-main { width: 100%; max-width: 1500px; margin: auto; background-color: #1B2234; border-bottom: 2px solid #191D23; } #nav-main ul { margin: 0; padding: 10px; text-align: center; } #nav-main li { display: inline-block; text-align: center; border-right: 1px solid #D9CB9E; padding: 0 1.3% 0 1%; } #nav-main li:last-child { border: none; } #nav-main li a { text-transform: uppercase; font-weight: 500; color: #CFAC5C; } #nav-main li a:hover { color: #ECBE60; } .collapse-nav { display: none; } /* -- CH05 - Bottom -- */ .bottom { background: #1B2234; border-top: 4px solid #191D23; border-bottom: 2px solid #191D23; text-align: center; padding: 0; max-width: 1500px; margin: auto; margin-bottom: 15px; } #faqs, #blog, #contact { width: 300px; display: inline-block; vertical-align: top; color: #D7DADD; margin: 0 10px 0; padding: 12px 0 10px; text-align: left; } .bottom h3 { padding-bottom: 20px; text-align: center; } #faqs li { margin-left: 26px; padding: 0 8px 8px 0; } #faqs a, #blog a { color: #D7DADD; } #faqs a:hover, #blog a:hover{ color: #E0BB6D; } #contact { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-left: 2px solid #191D23; border-right: 2px solid #191D23; text-align: center; } #contact ul { list-style: none; display: inline-block; } #contact li { padding: 0 0 20px 10px; display: block; text-align: left; } #contact li small { position: relative; padding-left: 40px; top: -6px; } .phone, .email, .address { line-height: 30px; padding-left: 40px; background-image: url(../img/phone.png); background-position: 0 0; background-size: 25px; background-repeat: no-repeat; } .email { background-image: url(../img/email.png); background-position: 0 6px; } .email a { color: #E0BB6D; } #email a:hover { color: #ECBE60; text-decoration: underline; } .address { line-height: 24px!important; background-image: url(../img/address.png); } #blog ul { list-style: none; padding-left: 5px; } #blog li { margin-right: 15px; padding: 24px 0 10px; border-bottom: solid 1px #828282; } #blog li:first-child { padding-top: 0!important; } #blog li:last-child { border: none; } /* -- CH06 - Footer -- */ footer{ background: #FFF; } #nav-secondary { margin: 0 auto 25px; text-align: center; } #nav-secondary ul { padding: 15px 0; } #nav-secondary li { display: inline-block; text-align: center; border-right: 1px solid #828282; line-height: .75em; padding: 0 7px; } #nav-secondary li:last-child { border: none; } #nav-secondary li a { color: #828282; } #nav-secondary li a:hover { color: #525252; font-weight: 400; } .copyright { padding: 0 25px 10px; color: #828282; font-size: 12px; } .copyright img { display: block; max-width: 250px; padding-bottom: 10px; } .pay-icons { display: block; width: 240px; height: 45px; background: #ccc; } .logo-bottom { max-width: 300px; padding: 0 0 15px; position: absolute; bottom: 0; right: 25px; } /* -- CH07 - Index -- */ /* GALLERY */ #gallery { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; /*background: url(../img/preloader.gif) center no-repeat #1B2234;*/ } #gallery { /*margin: 20px 0 0;*/ padding: 0; border-top: 1px solid #1B2234; position: relative; text-align: left; font-size: 0; letter-spacing: -4px; } #gallery ul { margin: 0; padding: 0; list-style: none; } .gal-left, .gal-center { width: 25%; display: inline-block; vertical-align: top; opacity: 0; } .gal-center { width: 50%; } #gallery li img { width: 100%; } .videoWrapper { position: relative; padding-bottom: 56.08%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .gal-left li, .gal-right li { width: 50%; float: left; vertical-align: top; margin: 0; padding: 0; background: #76879d url(../img/plus.png); background-position: center; background-size: 30%; background-repeat: no-repeat; letter-spacing: normal; } #gallery .video{ background-image: url(../img/video.png); } .gal-left img, .gal-right img { -webkit-transition: all .15s linear 15s; -o-transition: all .15s linear .15s; transition: all .15s linear .15s; } .gal-left img:hover, .gal-right img:hover { opacity: .5; } .gal-right { position: absolute; right: 0; top: 0; width: 25%; } .gal-center-over { position: absolute; width: 100%; top: 0%; left: 0; z-index: 0; cursor: pointer; -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } /* Main Sections */ .home-page-section-text { width: 100%; max-width: 1500px; margin: auto !important; /*margin-left: 0 !important;*/ margin-bottom: 20px !important; margin-top: 20px !important; /* margin-left: 100px !important; */ padding: 5px; } .home-page-sections { width: 100%; max-width: 1500px; margin: auto !important; /*margin-left: 0 !important;*/ margin-bottom: 20px !important; margin-top: 20px !important; } .home-page-sections .btn { font-size: 1.2rem; } .home-page-sections img { position: relative; /* height: 250px; */ transition: .5s; } .home-page-sections .main-section:hover img { transform: scale(1.1); transition: .5s; } .home-page-sections .main-section { margin: auto; margin-top: 10px; border: 1px solid transparent; padding: 0; transition: .5s; } .home-page-sections .main-section:nth-of-type(2) { color: #b31010; } .home-page-sections .main-section:nth-of-type(3) { color: #1b2235; } .col-lg-4 { max-width: 30%; } .home-page-sections .main-section:hover { box-shadow: 0 0 30px #d1ae4d; border: 1px solid #fff; transition: .5s; } .home-page-sections .main-section:nth-of-type(2):hover { box-shadow: 0 0 30px #b31010; } .home-page-sections .main-section:nth-of-type(3):hover { box-shadow: 0 0 30px #1b2235; } .home-page-sections .col-12 { padding: 0; max-height: 300px; overflow: hidden; } /* ------- Home page tours section -------- */ .home-page-featured { width: 100%; /* max-width: 1500px; */ margin: auto !important; margin-top: auto; margin-bottom: auto; margin-left: 0 !important; margin-bottom: 20px !important; margin-top: 20px !important; justify-content: center; } .home-page-featured .main-section { /* margin: auto; */ margin-top: auto; margin-top: 10px; border: 1px solid transparent; padding: 15px; transition: .5s; /* float: left; */ /* background-color: #d0ad55; */ } .featured-panel { margin: auto; max-width: 100%; background-color: #d0ad55; /* background-color: #dbc07d; */ padding: 30px; min-height: 100%; } .featured-header { position: relative; bottom: 0; margin: 0; left: 0; top: 5px; width: 100%; font-size: 1.3rem; padding: 10px; color: #000; } .featured-contents { position: relative; width: 100%; text-align: center; font-size: 1.1rem; color: #000; } .featured-promotion { position: relative; width: 100%; text-align: center; font-size: 1.3rem; color: #f90b0b; /* -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; background-size: 200% auto; background-clip: text; animation: shine 3s ease-in-out infinite alternate; } @keyframes shine { to { background-position: 200%; } */ } .home-page-tours { width: 100%; /* max-width: 1500px; */ margin: auto !important; margin-top: auto; margin-bottom: auto; margin-left: 0 !important; margin-bottom: 20px !important; margin-top: 20px !important; justify-content: center; } .home-page-tours .main-section { /* margin: auto; */ margin-top: auto; margin-top: 10px; border: 1px solid transparent; padding: 15px; transition: .5s; /* float: left; */ /* background-color: #f7f7f7; */ } .section-header { position: absolute; bottom: 0; margin: 0; left: 0; width: 100%; font-size: 1.3rem; padding: 5px; background: rgba(26,33,52, 0.8); color: #d0ad55; } .tour-panel { margin: auto; max-width: 100%; background-color: #f7f7f7; padding: 30px; min-height: 100%; } .tour-header { position: relative; bottom: 0; margin: 0; left: 0; top: 5px; width: 100%; font-size: 1.3rem; padding: 10px; color: #d0ad55; } .tour-contents { position: relative; width: 100%; text-align: center; font-size: 1.1rem; color: #d0ad55; } .section-header.pt { background: rgba(158,14,14, 0.8); } .section-header.gt { background: rgba(61,74,138, 0.8); } .section-info { /* text-align: center; */ font-family: 'open sans condensed'; font-size: 1.3rem; padding: 10px; margin-left: 55px; } /* -- CH08 - Tours -- */ .tour img { width: 100%; } .tour { /*position: relative;*/ overflow: hidden; margin: 20px 0; border: 1px solid #eee; } .tour img:hover { transform: scale(1.1); transition: .5s; } .tour img { transition: .5s; } /* basic positioning */ .legend { list-style: none; } .legend li { float: center; margin-right: 10px; font-size: 14px; } .legend span { position: absolute; width: 20px; height: 12px; margin-top: 5px; margin-left: 5px; } /* your colors */ .legend .private_tour { background-color: #be9849; } .legend .group_tour { background-color: #1b2235; } .tour-info { padding-top: 70px; text-align: left; /*padding-left: 40px;*/ position: relative; overflow: hidden; padding-left: 0; padding-bottom: 50px; } .tour-info h1 { font-size: 1.8rem; color: #000; width: 80%; } .tour-info p { margin: 40px 0 35px 0 ; } .tour .tour-img { padding: 0; overflow: hidden; } .t5_img { margin: 20px auto; } .tour_description { text-overflow: ellipsis; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .book-now { border: 2px solid #1b2235; padding: 15px 20px; font-size: 1.2rem; color: #000; font-family: 'open sans'; font-weight: bold; transition: .2s; } .book-now:hover { background: #1b2235; border: 2px solid #1b2235; color: #fff; text-decoration: none; transition: .2s; } .corner-ribbon.top-right{ width: 200px; background: #be9849; position: absolute; text-align: center; line-height: 50px; font-size: 12px; /* letter-spacing: 1px; */ color: #f0f0f0; top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .red-ribbon.top-right{ width: 200px; background: #e43; position: absolute; text-align: center; line-height: 50px; font-size: 12px; /* letter-spacing: 1px; */ color: #f0f0f0; top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .blue-ribbon.top-right{ width: 200px; background: #1b2235; position: absolute; text-align: center; line-height: 50px; font-size: 12px; /* letter-spacing: 1px; */ color: #f0f0f0; top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .tours-filter{ text-align: center; margin-top: 20px; } .mobile-filter { margin-top: 20px; display: none; } .mobile-filter select { background-image: url('https://image.flaticon.com/icons/png/512/37/37833.png'); background-position: right; background-size: 18px; background-repeat: no-repeat; } .tours-filter li{ list-style: none; display: inline-block; padding: 15px 20px; font-size: 1.2rem; border-bottom: 3px solid transparent; cursor: pointer; } .tours-filter li:hover { border-bottom: 3px solid #ccc; } .tours-filter li.active { color: #be9849; border-bottom: 3px solid #be9849; font-weight: bold; } .tour-info-tabs { margin-top: 1px; } .tour-info-tabs .nav { display: block; text-align: center; } .tour-info-tabs .nav-item { display: inline-block; } .tour-info-tabs .nav-link { font-size: 1rem; font-family: 'Montserrat'; padding: 15px 30px; color: #495057; font-style: normal; } .nav-tabs .nav-link.active { color: #bf9942 !important; } .tour-details { max-width: 100% !important; } .legend-category { text-align: center; display: block; } .featured-tours, .private-tours, .group-tours { margin-bottom: 40px; text-align: center; display: block; } /* .private-tours, .group-tours.active { color: #e43; border-bottom: 3px solid #e43; font-weight: bold; } */ .featured-tours { margin-top: 30px; } .tour-page { margin-top: 20px; } .tour-page p{ margin: 0 !important; } .tour-page ul { margin: 0 !important; } .tour-page.row, .tour-page .row { margin-left: 0; margin-right: 0; } .tour-showcase li { overflow: hidden; } .tour-showcase li img { width: 100%; margin-bottom: 35px; cursor: pointer; transition: .2s; } .tour-showcase li img:hover { transform: scale(1.05); transition: .5s; } .tour-content a img { cursor: pointer; transition: .2s; } .tour-content h4.card-title { color: #be9849!important; } .tour-content a img:hover { transform: scale(1.05); transition: .5s; } .tour-page .right-panel { overflow: hidden; padding-bottom: 20px; } .tour-page .corner-ribbon { right: -50px; } .tour-page .blue-ribbon { right: -50px; } .tour-page .right-panel h1 { width: 80%; margin-top: 40px; font-size: 2rem; } /*ul { margin: 0 !important; }*/ .tour-page .basic-info { /*width: 60%;*/ border: 1px solid #ccc; border-radius: 5px; background: #fbfbfb; margin: 20px 0; } .tour-page li { display: inline-block; list-style: none; } .tour-page .basic-info li { padding: 10px 14px; border-right: 1px solid #ccc; font-size: 1.2rem; color: #495057; } .tour-page .basic-info li:nth-of-type(2){ border: none; } .tour-page h4 { text-align: left; color: #495057 !important; font-family: 'Montserrat'; font-style: normal !important; margin: 25px 0 !important; } .tour-page p, .tour-page li { line-height: 1.8; font-family: 'montserrat'; } .tour-include li, .tour-not-include li { padding: 10px 50px; } .tour-include i { color: #75c15b; } .tour-not-include i { color: #e86623; } .tour-page .container1 { width: 100%; } .tour-page .container1 li { margin: 5px 0 !important; } .tour-page .col-12 { margin-top: 80px; } .tour-page .col-12 a { color: #000 ; font-style: normal !important; margin-right: 10px; font-family: 'open sans'; font-weight: bold; } .tour-page .booking:hover { color: white; } .tour-page .col-12 .contact-us { background: #1b2236; color: white; } .tour-page .col-12 .contact-us:hover { background: transparent; color: #000; } .fancybox-overlay { background: rgba(0,0,0,.9); } .tour-section li { list-style: none; } .tour_highlights { margin-top: 20px; } .other-tours { color: #be9849 !important; text-align: center; } .price-header, .price-body { padding: 10px 0 ; border-bottom: 1px solid #eee; } .price-data { border-right: 1px solid #eee; } .normal-price li { text-decoration: line-through; } #reviews { text-align: center; } #reviews h2:nth-of-type(1){ margin: 20px 0 40px 0; } .comment-wrapper { width: 80%; margin: auto; } .comment-wrapper a { color: #be9849 !important; } .comment-wrapper img.author-avatar { width: 300px; height: 300px; border-radius: 50%; display: block; margin: auto; } .comment-wrapper .file-attached { margin: auto; margin-top: 20px; } .comment-wrapper .file-attached img { width: 100%; } .comment-content { text-align: center !important; line-height: 1.6; font-family: 'montserrat'; font-style: italic; position: relative; width: 80%; margin: auto !important; margin-top: 40px !important; margin-bottom: 40px !important; } .comment-content i { position: absolute; font-size: 2rem; color: #e2bd60; padding: 10px; } .comment-content .fa-quote-left { left: -50px; top: 0; } .comment-content .fa-quote-right { right: -50px; bottom: 0; } .comment-author { text-align: center ; margin: 5px 0 !important; } .carousel-indicators { bottom: -60px !important; } .carousel { margin-bottom: 100px; } .tour-name { color: #007bff !important; } .add_comment { color: #be9849 !important; font-style: italic; display: block; margin-top: 20px; } .no_comments { margin-top: 20px; } .carousel-control-prev-icon, .carousel-control-next-icon { background-image: none; font-size: 3rem; } .carousel-control-prev { left: -50px; } .carousel-control-next { right: -50px; } .input-error { color: #f14444 !important; } /* -- CH09 - Indiv. Tour -- */ .text-container { max-width: 900px; margin: 0 auto; opacity: 1; color: #9B9B9B; } .container { opacity: 1; } .text-container h2 { font-size: 1.5em; display: inline-block; letter-spacing: 3px; color: #be9849; border-bottom: 1px solid #be9849; padding-bottom: 5px; margin: 0 0 5px; } .text-container p { line-height: 1.6em; color: #9B9B9B; letter-spacing: 0px; margin: 25px 0; } #big > p::first-letter{ font-size: 3em; font-weight: 400; padding: 0 2px 0 0; font-style: normal; color: #be9849; } /* .text-container p .big { font-size: 3em; font-weight: 400; padding: 0 2px 0 0; font-style: normal; } */ .text-container h4 { font-size: 1.4em; color: #be9849; text-transform: none; font-weight: 500; margin: 35px 0; } .text-container h4 a{ color: #be9849; text-decoration: underline; } .text-container h4 a:hover{ color: #E0BB6D; } .text-container span, .text-container a { /* font-style: italic; */ color: #be9849; font-weight: 400; font-size: 13px; } .highlights { width: 100%; display: inline-block; vertical-align: top; margin: 20px 0 50px; position: relative; } #tour-highlights { padding: 0; } .container1 { display: inline-block; vertical-align: top; width: 60%; } .container2 { display: inline-block; vertical-align: top; position: absolute; height: 100%; width: 44%; } #tour-highlights li { padding: 0 0 0 25px; margin: 25px 0; background-position: 0 center; background-size: 12px; background-repeat: no-repeat; list-style: none; position: relative; } #tour-highlights i { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); } .section-title { /*padding: 0 20px 0 0;*/ /*border-bottom: 1px solid #be9849;*/ padding-bottom: 5px; /*width: 22%;*/ margin: 0 auto; font-size: 1.5em; letter-spacing: 3px; text-transform: uppercase; color: #be9849; background: none; /*text-align: center;*/ display: block; text-decoration: underline; margin-bottom: 20px; } #highlights-slider { position: absolute; width: 60%; right: 27px; top: 50%; -ms-transform: translateY(-40%); /* IE 9 */ -webkit-transform: tran-40slateY(-40%); /* Chrome, Safari, Opera */ transform: translateY(-40%); } .bx-pager-dots { text-align: center; margin-top: 10px; } .bx-pager-dots li{ list-style: none; display: inline-block; text-align: center; background-image: url(../img/dot.png) ; background-position: center; background-size: 100%; background-repeat: no-repeat; padding: 8px 6px!important; margin: 0px 13px 0; } .bx-pager-dots li:hover, .bx-pager-dots .show { background-image: url(../img/dot_hover.png); } .bx-pager-dots .active li { background-image: url(../img/dot_hover.png); } .nobg { background: none!important; cursor: pointer; color: #E0BB6D; font-size: 27px; } .tour-itinerary { margin-top: 25px; text-align: center; } .tour-places li { display: inline-block; padding: 10px 0; width: 200px; } .tour-itinerary p, .tour-section p{ padding: 0 0 0 25px; margin: 25px 0; background-position: 0 center; background-size: 12px; background-repeat: no-repeat; list-style: none; position: relative; font-family: 'montserrat'; text-align: justify; /* color: #9B9B9B; background: #fdfdfd; font-size: 1em; */ /* line-height: 3.6em; */ } .tour-itinerary-2 { margin-top: 60px; text-align: center; } .tour-extras, .tour-section { margin: 80px 0 60px; text-align: center; } .tour-extras li { list-style: none; width: auto; } .tour-extras ul { margin: 0; padding: 30px 0 0; } .tour-extras img { max-width: 70%; } .tour-extras p { padding: 0 20px; margin: 10px auto; max-width: 80%; } .tour-extras p span { display: block; text-decoration: underline; } .tour-extras h3 { margin: 5px 0 0; font-weight: 400; font-size: 1.5em; color: #be9849; } .tour-section { text-align: center; } #tour-prices-table { margin: 3px auto 10px; width: 90%; text-align: center; } .book-button, .comment-button { margin: 30px 15px; } .book-button span, .more-button span, .comment-button span { font-size: .9em; text-transform: uppercase; font-style: initial; font-weight: 500; background: #1B2234; padding: .4em 1em; border: 2px solid #1A1D24; cursor: pointer; -webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */ transition: all .3s; } .book-button span:hover, .more-button span:hover, .comment-button span:hover { background: #1A1D24; border-color: #1B2234; } .tpt-col, .tpt-col-c { width: 33%; display: inline-block; } .tpt-col1, .tpt-col-c1 { width: 100%; display: inline-block; } .tpt-col1 { width: 15%; display: inline-block; } .tpt-col { width: 30%; display: inline-block; } .tpt-col-c { border-left: 1px solid #828282; border-right: 1px solid #828282; } .tpt-col-c1 { border-left: 1px solid #828282; border-right: 1px solid #828282; } .tpt-col ul, .tpt-col-c ul{ padding: 0; } .lt { text-decoration: line-through; } .bold { font-weight: 500; } #tour-prices-table li { list-style: none; font-size: 1.2em; padding: .5em 0; color: #828282; } #tour-prices-table li:first-child { border-bottom: 1px solid #828282; letter-spacing: 1px; font-weight: 500; } #tour-prices-table li span { font-size: .7em; } .tour-comments { margin: 50px 0; text-align: center; } .tour-comments li { list-style: none; display: inline-block; vertical-align: top; width: 49%; } .divider { height: 1px; border-bottom: 1px solid #eee; margin: 70px auto; width: 100%; } /* -- CH00 ADMIN -- */ .login-wrapper { width: 30%; margin: auto; text-align: center; margin-top: 10%; } .login-wrapper input { padding: 10px; border-radius: 5px; border: 0; margin: 5px 0; border: 1px solid #ccc; width: 80%; } .login-wrapper .forgot-password { color: #ccc; text-decoration: underline; } .login-wrapper .forgot-password:hover { color: #6c757d; } .login-wrapper p { margin-top: 15px; } .error { color: #dc5757 !important; } .label { position: fixed; top: 10%; right: 0%; background: #00a2b9; padding: 10px 20px; color: white; z-index: 9999; } .fail_label { background: #f15764; } .added_label { background: #28a745; } .logout { position: absolute; right: 2%; top: 5%; } .input-info { color: #00a2b9; text-decoration: underline; font-style: italic; } .add-tour form { width: 60%; margin: auto; } .add-tour input, .add-tour textarea { width: 100%; } .add-tour input[type='text'] { border: 0; border: 1px solid #ccc; padding: 5px; border-radius: 5px; } .add-tour textarea { min-height: 100px; } .input-file { margin: 20px 0; } .manage-tours .col-3 { height: 220px; } .admin form input { width: 100%; } .admin textarea { width: 100%; min-height: 100px; } .form-style { width: 50%; /* height: 60px; */ float: left; border: 1px solid #eee; } .form-style li { list-style: none; } .clear { clear: both; } /*manage comments*/ .manage-comments .row div{ border: 1px solid #ccc; text-align: center; padding: 5px 0; } .manage-comments .row div button{ margin-top: 5px; } /*manage enquiries*/ .enquiry-container { max-width: 90% !important; } .enquiry-table { border: 1px solid #ccc; } .enquiry-table td { border: 1px solid #ccc; font-size: 12px; } .enquiry-table th{ border: 1px solid #ccc; font-size: 12px; } .enquiry-search { margin: 20px 0; } .enquiry-search .form-inline .form-control { width: 40%; } .search-btn { margin-left: 20px; } .email-btn { margin-left: 20px; } /* -- CH10 - FAQ's -- */ .q_answer { display: none; } #answers h4 { cursor: pointer; } #questions, #answers { /*margin: 1em 0;*/ position: relative; } #faq-list { margin-top: 115px; padding-bottom: 2em; min-height: 225px; } #faq-list li { list-style: none; padding: 0.9em 0; } #faq-slider { width: 31%; position: absolute; top: 20px; right: 10px; } #faq-slider .bx-viewport { min-height: 290px; } #faq-slider .bx-viewport li { width: 100%!important; } .full { min-width: 100%!important; } .full li { background: url(../img/star_b.png) 0 4px / 12px no-repeat; padding: 0 0 0 2em!important; margin: 20px 0; } #answers li { list-style: none; padding: 1em 0; } #landmarks li { list-style: none; margin: 150px 0; } .land li:first-child { margin-top: 0!important; } .c-answer p { margin: 0!important; } .c-answer img { max-width: 100%; } .category { font-size: 2em; color: #E0BB6D; font-weight: 500; } .category2 { font-size: 1.5em; text-transform: uppercase; color: #E0BB6D; font-weight: 500; margin: 0px 20px; } .category2:hover { color: #be9849; } .main-questions { padding: 20px 20px; background-color: #484e5c; margin: 0px 20px; } .main-questions:hover { background-color: #1B2234; } #faq-list li a { color: #828282; } #faq-list li a:hover { color: #E0BB6D; } .bxslider #faq-list li{ width: 45.0%; } .bx-pager-cats { position: absolute; z-index: 2; margin: 2em 0; text-align: left; } .bx-pager-cats li { list-style: none; display: inline-block; vertical-align: top; border-bottom: 1px solid #E0BB6D; margin: 0 20px; padding: 5px 0; font-weight: 500; } .bx-pager-cats li:first-child { margin-left: 0!important; } .bx-pager-cats .active li { border-bottom: 6px solid #E0BB6D; } .cat-image { width: 230px; background: #444; position: absolute; top: 0; margin-top: 115px; right: 14%; border: 2px solid #fff; border-radius: 50%; } #answers h3 { text-align: left; text-transform: none; color: #E0BB6D; font-size: 2em; padding: 0 0 10px 0; border-bottom: 3px solid #E0BB6D; float: left; width: 18%; } #answers p, #landmarks p { margin: 0 0 0 20%; padding-top: 15px; } #answers p a { font-style: italic; color: #be9849; font-weight: 500; } #answers p a:hover { } #landmarks img { max-width: 18%; float: left; } .q-right { float: right!important; } .a-right { text-align: right!important; margin: 0 20% 0 0!important; } .align-left { margin-bottom: 40px; } .align-right { margin-bottom: 40px; } .column-faq { margin: 0 0 20px; padding: 0; } .column-faq li { width: 30%; margin: 0 4%; display: inline-block; vertical-align: top; } .column-faq li:first-child, .column-faq li:last-child { margin: 0 0!important; } .c-question { margin: 50px 0 10px; height: 80px; position: relative; } .c-question h4 { position: absolute; bottom: 0; text-transform: none; color: #E0BB6D; font-size: 1.2em; padding: 0 0 10px 5px; border-bottom: 2px solid #E0BB6D; margin-bottom: 10px; width: 100%; } .simple-faq { margin-top: 60px; width: 520px; } .simple-faq li p, .expand-faq li p { margin: 0!important; } .s-question h4, .expander h4{ display: inline-block; text-align: left; text-transform: none; color: #E0BB6D; font-size: 1.2em; /* padding: 0 10px 5px 0; */ margin-bottom: 10px; border-bottom: 1px solid #E0BB6D; } .expand-faq { display: inline-block; vertical-align: top; width: 35%; padding: 0 9% 0 0; } .expander h4 { position: relative; width: 100%; font-size: 1.1em; margin-left: 10px; float: left; border-bottom: 1px solid #E0BB6D; } .expander:hover { cursor: pointer; } .expand-faq li p{ padding-top: 15px; } /* -- CH11 - City Guide -- */ .guide { margin: 30px 0 0; } #guide-slider { position: relative; min-height: 470px; margin-bottom: 50px; background: #1A1D24; opacity: 1; } #guide-slider img{ margin-left: 20%; max-width: 80%; } .guide-selector { position: absolute; width: 20%; z-index: 2; } .guide-selector li { list-style: none; background: #1B2234; padding: 6.8px 0.9em; border: 1px solid #1A1D24; text-align: center; } .guide-selector li span { font-size: .9em; font-style: initial; font-weight: 400; -webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */ transition: all .3s; } .guide-selector li:hover { background: #1A1D24; } .guide-selector .active li { background: #1A1D24; } /* .guide-image { width: 100%; float: right; } */ .landmark-descrip { background: #1A1D24; } .landmark-descrip p{ margin: 0; float: right; width: 82%; color: #D7DADD; line-height: 1.4em; padding: 1% 3%; } .landmark-descrip h1 { font-weight: normal; float: center; padding: 2%; display: absolute; color: #E0BB6D; text-align: center; margin: 0; font-size: 1.4em; } .textonly { font-size: .9em; margin: 40px 0 60px; } .terms { font-size: 1em; margin: 40px 0 60px; } .terms li { padding: 20px 0; } /* -- CH12 - About -- */ .about { margin: 40px 0 40px; } #about-slider { position: relative; } .as-selector { position: absolute; bottom: -10px; right: 0; width: 575px; } .as-image { display: inline-block; vertical-align: top; width: 100%; } .as-image-container img { max-width: 100%; } .LBBtext { } .LBBimg { } .as-image-container { position: relative; float: left; max-width: 32%; padding-top: 30px; } .about-image-caption { position: absolute; top: 81%; width: 295px; margin: 0; } .about-image-caption p { text-align: center; font-size: .9em; margin: 0; margin-bottom: 20px; } .about-image-caption p span { font-style: italic; display: block; font-size: .8em; line-height: 1em; } .as-text { right: 0; margin-bottom: 50px; margin-left: 35%; } .as-text strong { color: #E0BB6D; font-size: 2em; padding: 0 0 4px 0; border-bottom: 3px solid #E0BB6D; } #about-slider .bx-viewport { overflow: visible!important; } #about-slider .bx-next, #about-slider .bx-prev{ top: 116%; font-size: 30px;; } #about-slider .bx-prev{ right: 220px; left: auto; } .carousel-indicators li { background-color: #e1bc67 !important; } /* -- CH13 - Customer Comments -- */ /****** Pre-Loader ********/ .customer-comments { margin-top: 20px; } .customer-comments .comment { text-align: center; } .comment li { list-style: none; margin: 10px 0; } .upload { font-size: 1em; text-transform: none; font-weight: 400; margin-bottom: 30px; color: #191D23; } .upload a { font-weight: 500; color: #ECBE60; } .upload a:hover{ text-decoration: underline; } /*#bx-pager-comms { margin: 40px 0; text-align: center; } #bx-pager-comms li { list-style: none; color: #E0BB6D; display: inline-block; padding: 0 1em; font-size: 1.5em; } #bx-pager-comms .active li { text-decoration: underline; } .coms-big, .coms-med, .coms-long, .coms-small { display: inline-block; vertical-align: top; position: relative; } .coms-big { width: 56%; height: 284px; } .coms-long { width: 98.5%; height: 150px; margin: 4px 0; } .coms-med { width: 42%; height: 284px; background: #1B2234; } .coms-small { width: 32.5%; height: 200px; } .coms-small img { max-width: 100%; -webkit-transition: all .2s; transition: all .2s; }*/ /*.comment { background-image: url(../img/quote.png); background-position: center 15%; background-size: 25px; background-repeat: no-repeat; text-align: center; }*/ /*.comment span { color: #D7DADD; font-size: 1.1em; position: absolute; top: 50%; left: 0; width: 94%; padding: 0 2%; font-weight: 400; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .comment small { position: absolute; bottom: 15%; width: 100%; left: 0; font-size: .9em; color: #E0BB6D; } .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(25,29,35,.9); background-image: url(../img/plus2.png); background-position: center; background-size: 35px; background-repeat: no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 12px solid rgba(0,0,0,0); -webkit-transition: all .4s ease .1s; transition: all .4s ease .1s; } .youtube { background-image: url(../img/youtube.png); background-size: 45px; background-color: rgba(25,29,35,0); } .overlay:hover { border-color: rgba(27,34,52,1); opacity: 1; } .youtube:hover { background-color: rgba(25,29,35,.9); } #custcoms-slider .bx-next, #custcoms-slider .bx-prev { width: 50px; top: 50%; opacity: .7; z-index: 1; -webkit-transition: all .4s ease .1s; transition: all .4s ease .1s; } #custcoms-slider .bx-next:hover, #custcoms-slider .bx-prev:hover { opacity: 1; } #custcoms-slider .bx-next { right: -50px; } #custcoms-slider .bx-prev { left: -65px; } .custcoms-selector { margin: 0 0 30px; } .custcoms-selector li { padding: 10px 8px!important; } */ /*-----Fancy Box ---*/ .col-a { display: inline-block; vertical-align:top; width: 50%; } .col-b { display: inline-block; width: 30%; margin: 2% 0% 2% 2%; background: url(../img/quote.png) 90% 10px / 45px no-repeat; } .col-b h3 { text-align: left; text-transform: none; color: #E0BB6D; font-size: 2em; padding: 0 0 10px 0; border-bottom: 3px solid #E0BB6D; width: 55%; margin: 5px 20px 30px 0; } .col-b p { color: #1B2234; font-size: 1em; top: 40px; left: 0; width: 96%; padding: 0 2%; font-style: italic; } /* -- CH14 - Online Booking -- */ #pmtform .hidden { display: none; } .parsley-required, .parsley-type { list-style: none; color: #1B2234; font-size: .9em; } .parsley-errors-list { position: relative; } .parsley-error { border: 2px solid #2D3957!important; } #custNames span, #custNames input{ float: left; } #custNames span { line-height: 31px; padding-right: 10px; } #pickupOptions input, #returnOptions input { display: inline-block; margin-bottom: 10px; } .book-button { text-align: center; } .form-container { width: 100%; margin: 0; } .form-progress { margin: 0 0 30px; } .form-img-container { width: 100%; text-align: center; } .pmt-form { margin-left:auto; margin-right:auto; padding: 25px 15px 25px 10px; text-align: left; height: 100%; } .form-header { width: 100%; text-align: center; } .pmt-form h1 { font-size: 1.5em; display: inline-block; border-bottom: 1px solid #E0BB6D; margin: 5px 0 25px; color: #E0BB6D; } .pmt-form label { display: block; vertical-align: top; margin: 0px; text-align: left; margin: 0; } .pmt-form small { display: block; line-height: 101%; margin: -6px 0 9px 0; text-transform: none; font-style: italic; color: #6c6c6c; } .pmt-form small a{ text-decoration: underline; font-weight: 500; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: none; } .pmt-form p { display: inline-block; margin: 5px 0; } .pay-icons2 { margin: 0 auto; max-width: 350px!important; padding: 15px 0 30px; } #selectedTour { min-width: 50%; } .datepicker { width: 130px; background-image: url(../img/calendar.png); background-position: 95% center; background-size: 13px; background-repeat: no-repeat; } .pickup-info { margin-right: 20px!important; } .pmt-form label>span, .dob { display: inline-block; padding-right: 45px; text-transform: uppercase; font-size: 1.1em; font-style: normal; line-height: 35px; } .customerNames { margin-right: 15px!important; height: 30px!important; font-size: .9em!important; } .dob { font-size: 1em!important; display: block; width: 100%; text-align: left; } .dot { text-transform: uppercase; text-align: left; font-size: 14px!important; float: left; padding: 12px 6px 0 0; } .dot-sels { display: inline-block; float: left; padding-left: 5px; } .dob-sels select { width: 20%!important; float: left; margin-right: 5px!important; } .dot-sels select { display: inline-block; width: auto!important; } .personal-info input { margin-bottom: 10px; } .pmt-form input[type="text"], .pmt-form input[type="number"], .pmt-form select { height: 35px; margin: 0; outline: 0 none; padding: 0 20px 0 5px; font-size: 1em; line-height: 1.4em; border: 1px solid rgba(130,130,130,.3); vertical-align: top; color: #6c6c6c; background: none; } .pmt-form input[type="number"] { padding-right: 0; } .pmt-form select { background: #FFF url('../img/arrow_down_gold.png'); background-position: 95% center; background-size: 10px; background-repeat: no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; vertical-align: top; } .pmt-form select option { margin-right: 20px; } .passengers { width: 50px!important; } .send { text-align: center!important; } .pmt-form .button { font-size: 1.5em; text-transform: uppercase; color: #E0BB6D; background: #1B2234; padding: .4em 1em; border: 2px solid #1A1D24; -webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */ transition: all .3s; } .pmt-form .button:hover { background: #1A1D24; border-color: #1B2234; } .passenger-info, .personal-info { display: inline-block; width: 50%; vertical-align: top; margin: 0 0 20px; } .personal-info { width: 40%; } .personal-info { width: 43%; } .pmt-form label .personal-info { margin-left: 55px; } .pmt-form-title { width: 20%!important; display: block; margin-bottom: 16px!important; } /*.frmaddress { margin-bottom: 2px!important; }*/ .country { margin-top: 15px!important; } .tour-options { margin: 30px 0; } .te-price { position: relative; } .tour-options li { margin: 0 0 80px; display: block; vertical-align: top; list-style: none; } .tour-options li img { border-radius: 50%; margin: 0 20px 0 0; max-width: 150px; float: left; } .pmt-form input[type="checkbox"] { margin: 0 5px 0 0; height: 15px; width: 15px; } .tour-options li h1 { margin: 10px 0 0; text-align: center; border: none; } .tour-options h1 small { font-weight: 400; font-size: .6em; padding-top: 5px; } .extra-tour-options li { margin: 5px 0 50px; width: 100%; position: relative; } .extra-tour-options span { display: block; font-style: normal; } .extra-tour-options select { height: 25px; width: 49px; margin: -2px 5px 0 0; padding: 0 3px 0; background-position: 90% center; } .extra-tour-options p { text-align: left!important; padding-right: 135px!important; } .extra-tour-options img { max-width: 120px!important; position: absolute; top: 0; right: 0; } .tour-options .expander { color: #be9849; } .tour-options p { text-transform: none; margin: 0; color: #9B9B9B; padding: 5px 15px 0 0; display: inline; } .te-price span { color: #6c6c6c; font-style: normal; } .te-price small { display: inline-block; } .te-price select { padding: 0 17px 0 3px; background-position: 85% center; } #optionsQuant { height: 25px; width: 35px; } .cust-names-container { height: 250px; overflow-y: scroll; } .tour-extras-container { height: 350px; border-top: 1px solid #ccc; margin-top: 50px; overflow-y: scroll; } /* -- CH15 - Contact -- */ .contact-form{ margin-top:15px; } .contact-form .textarea{ min-height:220px; resize:none; } .form-control{ box-shadow:none; border-color:#eee; height:49px; } .form-control:focus{ box-shadow:none; border-color:#00b09c; } .form-control-feedback{ line-height:50px; } .main-btn{ background:#00b09c; border-color:#00b09c; color:#fff; } .main-btn:hover{ background:#00a491; color:#fff; } .form-control-feedback { line-height: 50px; top: 0px; } .help-block { color: #c13030; } .send-message { text-align: center; margin-bottom: 20px; } .sub-paragraph { text-align: center !important; width: 80%; margin: auto !important; margin-top: 40px !important; margin-bottom: 40px !important; font-size: 1.5rem; font-family: 'open sans condensed'; } .thankyou { text-align: center; } .thankyou h2 { padding: 30px 0; border: none; text-align: center; max-width: 50%; margin: 0 auto; } .con-form label { display: block; margin: 0px; text-align: left; } .con-form input[type="text"], .con-form input[type="email"], .con-form input[type="number"] { height: 30px; /*margin-bottom: 16px;*/ margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; width: 100%; font-size: 12px; line-height: 1.4em; border: 1px solid rgba(130,130,130,.3); } ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #828282; } .con-forms-cols { width: 45%; display: inline-block; vertical-align: top; margin: 2%; margin-bottom: 0; } .con-forms-colsv1 { width: 30%; display: inline-block; /*vertical-align: top;*/ margin: .5%; margin-bottom: 0; margin-top: -1%; } .con-forms-colsv2 { width: 23%; display: inline-block; vertical-align: top; margin: .5%; margin-bottom: 0; } .con-forms-colsv3 { width: 48%; display: inline-block; vertical-align: top; margin: 1%; margin-bottom: 0; } /*.con-forms-cols input, .con-form-address input{ margin: 10px 0; }*/ .con-form textarea { width: 100%; height: 78px; border: none; border: 1px solid rgba(130,130,130,.3); padding: 6px; } .upload-comment { width: 95%!important; } .upload-form { margin-bottom: 20px; text-align: center; } .con-form input[type="submit"], .pmt-form input[type="submit"] { font-size: .9em; text-transform: uppercase; font-style: initial; font-weight: 500; background: #1B2234; padding: .4em 1em; border: 2px solid #1A1D24; cursor: pointer; color: #be9849; /*margin-top: 20px;*/ -webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */ transition: all .3s; } .con-form input[type="submit"]:hover, .pmt-form input[type="submit"]:hover { background: #1A1D24; border-color: #1B2234; } .con-form label { font-weight: 500; color: #828282; } .con-form label span{ font-size: .9em; font-weight: 400; display: block; border-bottom: none; text-transform: none; font-style: initial; margin: 0; color: #828282; } .con-form .tour-info { text-align: left; margin: 10px 0; padding: 0; } .con-form input[type="checkbox"] { margin: 8px 5px 8px 12px; display: inline-block; line-height: 30px; } .con-form-address { margin: 20px 0 0; } .tour-info { color: #828282; font-size: .9em; } .contact-form .col-12 { padding: 0; } .col-12.con-forms-cols input, .col-12.con-forms-cols textarea{ width: 80%; display: block; margin: auto; } .col-12.con-forms-cols textarea { width: 96%; margin: auto; } .send-btn { margin: 20px 0; text-align: center; } .con-form select { height: 30px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 3px 3px 5px; width: 100%; font-size: 14px; line-height: 1.4em; border: 1px solid rgba(130,130,130,.3); } .con-form select option { padding: 5px 0; } .contact-container { text-align: center; } .image-upload { text-align: left; } .image-upload input[type="submit"] { font-size: 12px; } #totalPrice h1 { border: none; font-style: normal; font-size: 1.4em; color: #9B9B9B; text-transform: none; line-height: 1.6em; } #totalPrice h2 { margin: 25px 0 10px; letter-spacing: 1px; padding-bottom: 3px; } #totalPrice span { font-style: normal; padding-right: 5px; font-size: .9em; text-transform: uppercase; } table#t01 { width: 100%; border-collapse: collapse; } table#t01 th { background: white; color: white; font-weight: bold; } table#t01 td, th { padding: 2px; border: 0; text-align: left; } /* -- Extras -- */ .the-difference { margin: 10px 0 100px; } .difference-cats { margin-bottom: 80px; } .difference-cat { margin-bottom: 80px; } .difference-cat li { padding: 0; list-style: none; margin: 25px 0; font-size: 1.4em; display: inline-block; vertical-align: top; width: 15.83%; /*background-image: url(../img/star_b.png); background-position: 0 center; background-size: 12px; background-repeat: no-repeat;*/ } .difference-cats li { padding: 0; list-style: none; margin: 25px 0; font-size: 1.4em; display: inline-block; vertical-align: top; width: 19%; /*background-image: url(../img/star_b.png); background-position: 0 center; background-size: 12px; background-repeat: no-repeat;*/ } .difference-sections { position: relative; } .difference-sections li { list-style: none; padding: 0 0 50px; position: relative; } .difference-sections li p { max-width: 70%; } .special { position: absolute; top: 50%; right: 0; max-width: 25%; border-radius: 50%; -ms-transform: translateY(-55%); /* IE 9 */ -webkit-transform: translateY(-55%); /* Chrome, Safari, Opera */ transform: translateY(-55%); } .special2 { position: absolute; top: 50%; right: 0; max-width: 25%; border-radius: 50%; -ms-transform: translateY(-55%); /* IE 9 */ -webkit-transform: translateY(-55%); /* Chrome, Safari, Opera */ transform: translateY(-55%); } .difference-sections small{ font-size: 1em; font-style: italic; display: block; padding: 7px 0 0; } .right p, .right h2{ max-width: 100%!important; margin-left: 30%; } .right2 p, .right2 h2{ max-width: 100%!important; margin-left: 30%; } .right img { position: absolute; top: 50%; left: 0; max-width: 25%; border-radius: 50%; } .right2 img { position: absolute; top: 50%; left: 0; max-width: 25%; border-radius: 50%; } .full, .full p { max-width: 100%!important; } .full img { max-width: 100%; } .back-to-top { margin: 0; position: fixed; padding: 7px; bottom: 20px; right: 20px; width: 30px; height: 30px; z-index: 100; display: none; color: #ffffff; background-color: #1B2234; opacity: .9; -webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */ transition: all .3s; } .back-to-top:hover { opacity: 1; } .back-to-top img{ max-width: 100%; } .colum { width: 45%; display: inline-block; vertical-align: top; text-align: left; font-size: 1.3em; } .colum span { font-style: normal; padding-right: 5px; } /* -- CH16 - Manage Enquiries -- */ .table-enquiry { font-size: 14px; } .table-responsive { width: 120% } /* -- CH17 - Media Queries -- */ /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /*---------------------------------------------------------------- ------ Tours Section --------------------------------------------- ------------------------------------------------------------------*/ .tour-thumb { width: 380px; height: 253px; } .tour-thumb p { width: 345px; font-size: 1em; padding: 10px 25px 10px 10px; background-position: 95% 12px; background-size: 15px; } .tour-thumb .mask { background-position: 95% 11px; background-size: 12px; } /*---------------------------------------------------------------- ------ Bottom ---------------------------------------------------- ------------------------------------------------------------------*/ #faqs, #blog, #contact { width: 380px; } #contact ul { margin-left: -30px; } #contact li { padding-right: 6px; } .phone, .email, .address { line-height: 25px; } } /* Smaller screens ----------- */ @media only screen and (min-width : 768px) and (max-width : 1240px) { /*---------------------------------------------------------------- ------ Tours Section --------------------------------------------- ------------------------------------------------------------------*/ .tour-thumb { width: 240px; height: 160px; } .tour-thumb .mask { background-position: 95% 4px; background-size: 8px; } .tour-thumb p { width: 208px; font-size: .7em; padding: 5px 25px 5px 7px; background-position: 96% 6px; } h1 { font-size: 1.7em; } /*---------------------------------------------------------------- ------ Bottom ---------------------------------------------------- ------------------------------------------------------------------*/ #faqs, #blog, #contact { width: 240px; font-size: .8em; } #faqs li { padding-bottom: 5px; margin-left: 14px; } #contact li { padding-bottom: 5px; } .phone, .email, .address { line-height: 24px; background-size: 20px; } .address { line-height: 17px!important; } #blog li { padding: 15px 0 5px; margin-right: 0; } /*---------------------------------------------------------------- ------ Footer ---------------------------------------------------- ------------------------------------------------------------------*/ #nav-secondary { margin: 0 auto 20px; } #nav-secondary ul { padding: 5px 0 10px; } #nav-secondary li { line-height: .7em; padding: 0 5px; } #nav-secondary li a { font-size: .7em; } .copyright { font-size: .7em; } .logo-bottom { padding: 0; right: 0; } /*------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------- -- Indiv. Tour --- ----------------*/ #tour-highlights { width: 80%; font-size: 1em; } .tour-itinerary h2 { font-size: 1em; } .tour-itinerary p { width:100%; font-size: 1em; } #highlights-slider { position: absolute; width: 80%; right: 27px; top: 50%; } .cb-small, .cb-wide { width: 290px; margin: 15px 15px 0 0; background-size: 40px; } .cb-small span, .cb-wide span { width: 96%; font-size: 1.4em; padding: 0 2%; } .cb-small small, .cb-wide small { bottom: 40px; font-size: 1em; } .cb-video { width: 60%; margin-top: 15px; } .cb-wide { width: 100%; height: 160px; } .cb-wide span { font-size: 1em; } .cb-wide small { bottom: 20%; } /*------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------- ----- City Guide ----- ----------------*/ .guide-selector li { padding: 6px 0.9em; /* padding: .5em 1em; */ } .landmark-descrip p{ margin: 0; float: right; width: 82%; color: #D7DADD; line-height: 1.4em; padding: 1% 3%; } .landmark-descrip h1 { font-weight: normal; float: center; padding: 2%; display: absolute; color: #E0BB6D; text-align: center; margin: 0; font-size: 1.4em; } } @media only screen and (min-width: 600px){ #gallery { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; /*background: url(../img/preloader.gif) center no-repeat #1B2234;*/ } #gallery { /*margin: 20px 0 0;*/ padding: 0; border-top: 1px solid #1B2234; position: relative; text-align: left; font-size: 0; letter-spacing: -4px; } #gallery ul { margin: 0; padding: 0; list-style: none; } .gal-left, .gal-center { width: 25%; display: inline-block; vertical-align: top; opacity: 0; } .gal-center { width: 50%; } #gallery li img { width: 100%; } .videoWrapper { position: relative; padding-bottom: 56.08%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .extra-container { width: auto; } .gal-left li, .gal-right li { width: 50%; float: left; vertical-align: top; margin: 0; padding: 0; background: #76879d url(../img/plus.png); background-position: center; background-size: 30%; background-repeat: no-repeat; letter-spacing: normal; } #gallery .video{ background-image: url(../img/video.png); } .gal-left img, .gal-right img { -webkit-transition: all .15s linear 15s; -o-transition: all .15s linear .15s; transition: all .15s linear .15s; } .gal-left img:hover, .gal-right img:hover { opacity: .5; } .gal-right { position: absolute; right: 0; top: 0; width: 25%; } .gal-center-over { position: absolute; width: 100%; top: 0%; left: 0; z-index: 0; cursor: pointer; -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } /* iPads (landscape) ----------- */ @media only screen and (max-width : 768px) { #wrapper { width: 98%; } .collapse-nav, .collapse-nav a { display: block; } .menu a { display: block; padding: 5px 0; border-bottom: 1px solid #3b454e; color: #fff; font-family: 'open sans'; font-family: 'open sans condensed'; letter-spacing: 1.3px; font-size: 1.2rem; } .collapse-nav li { list-style: none; } .navbar { display: block !important; border-bottom: 1px solid #eee; } .top-logo { display: none; } .navbar-dark .navbar-toggler { padding: 5px 10px; border-color: rgba(0, 0, 0, 0.93) !important; position: absolute; top: 50%; left: 35px; font-size: 1.6rem; transform: translate(-50%, -50%); } .logo { width: 65%; } .navbar-toggler span { color: black; } #large-header { background-position: center; background-attachment: initial; } .carousel-control-prev-icon, .carousel-control-next-icon { font-size: 2rem; } .comment-content i { font-size: 1rem; } .tour-itinerary p, .tour-section p { line-height: 2.2em; padding: 20px; } .carousel-item { padding: 20px; } .headings-container, .private .headings-container, .group .headings-container { width: 30%; margin: 0 auto; left: 0; -ms-transform: none; -webkit-transform: none; transform: none; } .private .headings-container{ width: 30%; margin-left: 0%; } .group .headings-container { width: 30%; margin-right: 0%; } .private, .group { background-position: 0 25%; } .featured, .private, .group { padding: 1px 0; background-size: cover; } .featured, .private, .group { image:70%; } .split-cols small { display: none; } .col-a { display: block; vertical-align:top; width: 60%; margin: 0px 0; } .col-b { display: block; float:none; text-align:justify; width: 100%; margin: 0% 0% 0% 0%; background: url(../img/quote.png) 90% 10px / 45px no-repeat; } .col-b h3 { text-align: justify; text-transform: none; color: #E0BB6D; font-size: 1.1em; padding: 10px 0 0px 0; border-bottom: 3px solid #E0BB6D; width: 90%; margin: 0px 0px 1px 0; } .headings-container { width: 30%; margin-right: 0%; } .heading h2 { font-size: 1.0em; font-weight: 500; text-transform: uppercase; } /*---------------------------------------------------------------- ------ Navigation ------------------------------------------------ ------------------------------------------------------------------*/ #nav-main { display: none; } /*---------------------------------------------------------------- ------ Tours Section --------------------------------------------- ------------------------------------------------------------------*/ .tour-thumb { width: 200px; height: 133px; } .tour-thumb .mask { background-position: 95% 6px; background-size: 8px; -ms-transform: translateY(86%); /* IE 9 */ -webkit-transform: translateY(86%); /* Chrome, Safari, Opera */ transform: translateY(86%); } .tour-thumb p { width: 168px; font-size: .6em; padding: 5px 25px 5px 7px; background-position: 96% 5px; background-size: 8px; } h1 { font-size: 1.5em; } /*---------------------------------------------------------------- ------ Bottom ---------------------------------------------------- ------------------------------------------------------------------*/ #faqs, #blog, #contact { width: 200px; font-size: .8em; } #faqs li { padding-bottom: 5px; margin-left: 14px; } #contact li { padding-bottom: 5px; } .phone, .email, .address { line-height: 24px; background-size: 20px; } .address { line-height: 17px!important; } #blog li { padding: 15px 0 5px; margin-right: 0; } /*---------------------------------------------------------------- ------ Footer ---------------------------------------------------- ------------------------------------------------------------------*/ #nav-secondary { margin: 0 auto 20px; } #nav-secondary ul { padding: 5px 0 10px; } #nav-secondary li { line-height: .7em; padding: 0 5px; } #nav-secondary li a { font-size: .7em; } .copyright { font-size: .7em; } .logo-bottom { padding: 0; right: 0; } /*------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------- -- Indiv. Tour --- ----------------*/ #tour-highlights { width: 80%; font-size: 1em; } .tour-itinerary h2 { font-size: 1em; } .tour-itinerary p { width:96%; font-size: 1em; } #highlights-slider { width: 40%; position: relative; float: right; } .container1 { display: inline_block; vertical-align: top; width: 60%; } #highlights-slider { position: absolute; width: 80%; right: 27px; top: 50%; } .container2 { display: inline_block; vertical-align: top; position: absolute; height: 100%; width: 44%; } .tour-extras h3 { font-size:1.5em; } .tour-extras p { font-size:1em; } .book-button span, .more-button span, .comment-button span { font-size: 1.5em; } .extra-container { width: 100%; } .cb-small, .cb-wide { width: 290px; margin: 15px 15px 0 0; background-size: 40px; } .cb-small span, .cb-wide span { width: 96%; font-size: 1.4em; padding: 0 2%; } .cb-small small, .cb-wide small { bottom: 40px; font-size: 1em; } .cb-video { width: 65%; margin-top: 15px; } .cb-wide { width: 100%; height: 160px; } .cb-wide span { font-size: 1em; } .cb-wide small { bottom: 20%; } /*------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------- ---- FAQ's --- ----------------*/ #category-slider { margin: 0 auto; width: 100%; } .category2 { font-size: 1.2em; } .bx-pager-cats { position: relative; margin: 0 auto; } .bx-pager-cats li { list-style: none; display: block; text-align:center; vertical-align: top; border-bottom: 1px solid #E0BB6D; padding: 5px 0; font-weight: 500; } .bxslider #faq-list li { width: auto; } #answers h3 { font-size: 1.8em; width: 43%; margin-right: 10px; } .simple-faq { width: 380px; } #faq-list { margin-top: 5px; } #category-slider { margin: 0 auto; width: 525px; } #answers h3 { font-size: 1.8em; } .simple-faq { width: 380px; } #faq-slider { width: 35%; } .bxslider #faq-list li { width: auto; } .cat-image { height: 300px; position: static; margin: 0 auto 30px; } .expand-faq { text-align: left; } .difference-cats li { margin: 15px 0; width: 100%; } /*---------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ ----- About ---- ----------------*/ .about { height: auto; } .as-text { position: relative; float: center; max-width: 98%; margin-bottom: 0; } .as-image-container { position: relative; float: center; max-width: 36%; padding-top: 1px; } .about-image-caption { position: absolute; top: 85%; font-size:1.2em; float:center; width: 100%; margin: 0; } #about-slider .bx-next, #about-slider .bx-prev { top: 0px; } #about-slider .bx-prev { left: 10%; right: auto; } #about-slider .bx-next { right: 2%; left: auto; } .as-image img { width:80%; float: none; margin: 0 auto; } .as-selector { width: 100%; position: static; margin: 20px 0; } .coms-big, .coms-long, .coms-small { height: auto; } .comment span { font-size: .7em; top: 40%; } .comment small { font-size: .8em; } .coms-med { height: 90px; } .pmt-form label { display: block; width: 100%; margin: 0; } .tour-options li { width: 100%; } .personal-info { width: 100%; } .dob-sels select { width: 26%!important; } .con-forms-cols { width: 100%; margin: 5px 0 0; } .difference-cat li { width: 100%; } /*------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------- ----- City Guide ----- ----------------*/ .guide-selector { position: absolute; } .guide-selector li { padding: 3.9px 0.2em; } .guide-selector li span { font-size: .8em; } .landmark-descrip p{ margin-left: 20px; float: right; width: 82%; color: #D7DADD; line-height: 1.4em; padding: 1% 3%; } .landmark-descrip h1 { font-weight: normal; float: center; padding: 2%; display: absolute; color: #E0BB6D; text-align: center; margin: 0; font-size: 1.4em; } /* Index Page */ .section-info { /* text-align: center; */ font-family: 'open sans condensed'; font-size: 1.3rem; padding: 10px; margin-left: 20px; } .tour-header { position: relative; bottom: 0; margin: 0; left: 0; top: 5px; width: 100%; font-size: 1.3rem; padding: 10px; color: #d0ad55; } .tour-contents { position: relative; width: 100%; text-align: center; font-size: 1.1rem; color: #d0ad55; } .featured-header { position: relative; bottom: 0; margin: 0; left: 0; top: 5px; width: 100%; font-size: 1.3rem; padding: 10px; color: #000; } .index-showcase a img:hover { transform: scale(1.05); transition: .5s; } .featured-contents { position: relative; width: 100%; text-align: center; font-size: 1.1rem; color: #000; } .featured-promotion { position: relative; width: 100%; text-align: center; font-size: 1.3rem; } /* .guide-selector li { padding: .5em 1em; } */ } @media only screen and (max-width : 600px){ #dynamic-content{ width:100%; display:block; } #dynamic-content > #gallery > .gal-center{ width:100%; display:block; } #dynamic-content > #gallery > .gal-left,#dynamic-content > #gallery >.bx-pager > .gal-right{ width:100%; clear:clear-both; } #dynamic-content > #gallery > .gal-left > .bx-pager{ position:relative; } #dynamic-content > #gallery > .gal-left > .bx-pager > .gal-right{ position:relative; display:inline-block; width:100%; } #dynamic-content > #gallery > .gal-left > .bx-pager > li{ position:relative; display:inline; width:25%; } #dynamic-content > #gallery > .gal-left > .bx-pager > .gal-right li{ position:relative; display:inline; width:25%; } #dynamic-content > #gallery > .gal-center .bxslider{ width:100%; display:block; } #dynamic-content > #gallery > .gal-center .bxslider > li { width:100%; display:block; position:absolute; } #dynamic-content > #gallery > .gal-center > .videoWrapper{ width:100%; } #dynamic-content > #gallery > .gal-center > .videoWrapper > #mainVideo{ width:100%; display:block; } } /* Mobile and Ipad (portrait) ----------- */ @media only screen and (max-width : 480px) { /* .loader-overlay { display: none; } */ .mobile-filter { display: block; } .tours-filter { display: none; } #wrapper { width: 98%; } #large-header { height: 250px; } .tour-page .col-12 a { margin-right: 0; font-size: 10px; } .tour-info-tabs .nav-item { display: block; padding: 5px } .tour-info-tabs .nav-link { display: block; text-align: left; font-size: 10px; font-family: 'Montserrat'; padding: 5px 10px; color: #495057; font-style: normal; /* height: 50%; */ } .headings-container, .private .headings-container, .group .headings-container { width: 100%; margin: 0 auto; left: 0; -ms-transform: none; -webkit-transform: none; transform: none; } .private, .group { background-position: 0 100%; } .featured, .private, .group { padding: 1px 0; background-size: contain; } .logo { max-width: 300px; } .split-cols { width: 30%; } .split-cols small { display: none; } #faqs li { padding-right: 10px; } .split-cols h1 { font-size: 20px; padding: 0 2%; } .featured .split-cols h1 { padding: 3% 4% 8%; } .heading p { padding: 0 10px 5px; } #contact li { vertical-align: top; } #faqs, #contact, #blog { margin: 0; } #blog ul { padding: 0 5px; } .headings-container { width: 100%; margin-left: 0%; } .group .headings-container { width: 100%; height:auto; margin-right: 0%; } .private .headings-container { width: 100%; height:auto; position: static; left: 100%; margin: 0px 0px 0 0%; } .featured { max-width:100%; height:100%; margin: 0 0 10px 0; padding:0 0 27% 0; } .private { max-width:100%; height:100%; margin: 0 0 1px 0; padding:0 0 60% 0; } .group { max-width:100%; height:100%; margin: 0 0 1px 0; padding:0 0 50% 0; } .private .heading h2, .group .heading h2, .featured .heading h2{ font-size:1.1em } .book-now { border: 2px solid #1b2235; padding: 15px 20px; font-size: 10px; color: #000; font-family: 'open sans'; font-weight: bold; transition: .2s; } .book-now:hover { background: #1b2235; border: 2px solid #1b2235; color: #fff; text-decoration: none; transition: .2s; } #gallery { position: relative; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; } .coms-big, .coms-med, .coms-long, .coms-small { display: block; vertical-align: top; position: relative; } .coms-big { width: 90%; height: auto; } .coms-long { width: 90%; height: auto; margin: 0px 0; } .coms-med { width: 90%; height: auto; margin: 0px 0; background: #1B2234; } .coms-small { width: 90%; height: auto; margin: 0px 0; } .col-a { display: block; vertical-align:top; width: 84.5%; margin: 0px 0; } .col-b { display: block; float:none; text-align:left; width: 100%; margin: 0% 0% 1% 0%; background: url(../img/quote.png) 90% 10px / 45px no-repeat; } .col-b h3 { text-align: justify; text-transform: none; color: #E0BB6D; font-size: 1.1em; padding: 10px 0 0px 0; border-bottom: 3px solid #E0BB6D; width: 83%; margin: 0px 0px 1px 0; } .col-b p { text-align: justify; color: #1B2234; font-size: 1em; top: 40px; left: 0; width: 80%; padding: 0 2%; font-style: italic; } /*---------------------------------------------------------------- ------ Navigation ------------------------------------------------ ------------------------------------------------------------------*/ /*---------------------------------------------------------------- ------ Tours Section --------------------------------------------- ------------------------------------------------------------------*/ .tour-thumb { width: 48%; height: auto; margin: 1px; } .tour-thumb .mask { background-position: 90% 10px; background-size: 12px; -ms-transform: translateY(85%); /* IE 9 */ -webkit-transform: translateY(85%); /* Chrome, Safari, Opera */ transform: translateY(85%); } .tour-thumb p { width: 100%; font-size: .8em; padding: 8px 25px 8px 8px; background-position: 94% 10px; background-size: 12px; } h1 { font-size: 1.3em; } .book-button { width: 100%; } .tour-content { width: auto; } /*---------------------------------------------------------------- ------ Bottom ---------------------------------------------------- ------------------------------------------------------------------*/ #faqs, #blog, #contact { width: 100%; font-size: .8em; display: block; margin-bottom: 15px; } #faqs li { padding-bottom: 5px; margin-left: 14px; } #contact { border-left: none; border-right: none; border-top: 2px solid #191D23; border-bottom: 2px solid #191D23; text-align: left; } #contact li { padding-bottom: 5px; display: inline-block; } .phone, .email, .address { line-height: 24px; background-size: 20px; } .address { line-height: 17px!important; } #blog li { padding: 15px 0 5px; margin-right: 0; } /*---------------------------------------------------------------- ------ Footer ---------------------------------------------------- ------------------------------------------------------------------*/ #nav-secondary { margin: 0 auto 20px; } #nav-secondary ul { padding: 5px 0 10px; } #nav-secondary li { line-height: .7em; padding: 0 5px; } #nav-secondary li a { font-size: .7em; } .copyright img { max-width: 170px; font-size: .7em; } .copyright-logo img { display: relative; max-width: 170px; bottom: 25px; padding-right: 15px; } #large-header h1 { font-size: 2.3em; } /*------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------- -- Indiv. Tour --- ----------------*/ #tour-highlights { width: 98%; } #highlights-slider { width: 40%; left: 50%; position: relative; float: none; -ms-transform: translateX(-50%); /* IE 9 */ -webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */ transform: translateX(-50%); } .difference-cat li { margin: 15px 0; width: 100%; } .difference-cats li { margin: 15px 0; width: 100%; } .tour-extras { margin: 80px 0 50px; } .tour-section { width: auto; } .tour-extras li, .tour-ideas li { width: auto; } .tour-extras li img { max-width: 60%; padding: 0 5%; } #tour-prices-table { width: 100%; } .book-button, .comment-button { margin: 30px 0 20px; display: block; } .tour-comments h2 { margin-bottom: 20px; } .cb-small, .cb-wide { width: 90%; margin: 0; background-size: 40px; height: 241px; } .cb-small span, .cb-wide span { width: 96%; font-size: 1.4em; padding: 0 2%; } .cb-small small, .cb-wide small { bottom: 40px; font-size: 1em; } .cb-wide { margin-top: -4px; } .cb-video { margin: 0; width: 90%; } .cb-wide span { font-size: 1em; width: 90%; padding: 0 5%; } .cb-wide small { bottom: 20%; } .tour-ideas h3 { margin: 5px 0 35px; } .extra-item { width: auto; } .highlights { width: 100%; display: block; vertical-align: top; margin: 20px 0 50px; position: static; } .container1 { display: inline-block; vertical-align: top; width: 100%; } .container2 { display: inline-block; vertical-align: top; position: static; height: auto; width: 100%; } /*------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------- ---- FAQ's --- ----------------*/ #category-slider { margin: 0 auto; width: 100%; } .category2 { font-size: 1.0em; } .main-questions { padding: 15px 15px; background-color: #484e5c; margin: 5px 10px; } .bx-pager-cats { position: relative; margin:auto 0; } .bx-pager-cats li { list-style: none; display: block; text-align:center; vertical-align: top; border-bottom: 1px solid #E0BB6D; font-size: 18px; padding: 5px 0; font-weight: 500; } .bxslider #faq-list li { width: auto; } #answers h3 { font-size: 2.2em; width: 43%; margin-right: 10px; } .simple-faq { width: 380px; } #faq-list { margin-top: 5px; } #faq-slider { width: 100%; margin: 0 auto; position: initial; } #answers p, #landmarks p { margin: 0; } .q-right { margin-right: 0!important; margin-left: 10px; } .expand-faq { width: 100%; display: inline-block; } .c-question h4 { position: absolute; margin-left: 25px; bottom: 0; text-align: center; text-transform: none; color: #E0BB6D; font-size: 1.3em; padding: 0 0 10px 5px; border-bottom: 2px solid #E0BB6D; margin-bottom: 10px; width: 80%; } .c-answer p { margin-left: 35px; } .expander h4 { font-size: 1.1em; float: left; justify-content: center; margin-left: 20px; } .expandable { width: 90%; float: left; text-align: left; margin-left: 15px; } .column-faq li { width: 100%; height: auto; align-content: center; } .bx-pager-cats .active li { border-bottom: 3px solid #E0BB6D; } .cat-image { height: 250px; position: relative; float: right; margin-right: 22px; } .expand-faq { width: 100%; } /*---------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ ----- City Guide ---- ----------------*/ .guide { margin: 2px 0 50px; } .guide-selector { position: initial; width: 100%; font-size: 0; } #guide-slider img { margin-left: 0; margin-right: 0; max-width: 100%; } .guide-selector li { display: block; font-size: 18px; padding: 2px 0; border: none; width: 100%; } .guide-selector li span { text-decoration: none; } .landmark-descrip h1 { font-size: 1.4em; } .landmark-descrip p{ width: 95%; margin-bottom: 15px; color: #D7DADD; line-height: 1.4em; padding: 1%; } /*---------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ ----- About ---- ----------------*/ .about { height: auto; } .as-text { position: static; float: center; max-width: 100%; margin-bottom: 0; } .as-image-container { position: relative; float: center; max-width: 100%; padding-top: 1px; } .about-image-caption { position: absolute; top: 85%; font-size:1.4em; float:center; width: 100%; margin: 0; } .as-text { right: 0; float: center; margin-bottom: 50px; margin-left: 0%; } #about-slider .bx-next, #about-slider .bx-prev { top: 0px; } #about-slider .bx-prev { left: 10%; right: auto; } #about-slider .bx-next { right: 2%; left: auto; } .as-image img { width:60%; float: none; margin: 0 auto; } .as-selector { width: 100%; position: static; margin: 20px 0; } .coms-big, .coms-long, .coms-small { height: auto; } .comment span { font-size: .7em; top: 40%; } .comment small { font-size: .8em; } .coms-med { height: 90px; } .guide-selector li span { font-size: .7em; } .pmt-form label { display: block; width: 100%; margin: 0; } .tour-options li { width: 100%; } .personal-info { width: 100%; } .dob-sels select { width: 26%!important; } .con-forms-cols { width: 100%; margin: 5px 0 0; } .difference-sections li p { max-width: 100%; } .c-answer img { max-width: 70%; justify-content: center; margin-left: 25px; } /* Index Page */ .section-info { /* text-align: center; */ font-family: 'open sans condensed'; font-size: 1.1rem; padding: 10px; margin-left: 0; } } /*start for j*/ .modal-content label { color: #000; display: inline-block; /*vertical-align: top;*/ font-size: 15px; font-weight: 700; line-height: 15px; padding: 0 2px ;min-width: 15px; text-align: center; } .modal-content .qty .countPass { color: #000; display: inline-block; /*vertical-align: top;*/ font-size: 15px; font-weight: 700; line-height: 15px; padding: 0 2px ;min-width: 25px; text-align: center; } .modal-content .qty .countAdult { color: #000; display: inline-block; /*vertical-align: top;*/ font-size: 15px; font-weight: 700; line-height: 15px; padding: 0 2px ;min-width: 25px; text-align: center; } .modal-content .qty .countSenior { color: #000; display: inline-block; /*vertical-align: top;*/ font-size: 15px; font-weight: 700; line-height: 15px; padding: 0 2px ;min-width: 25px; text-align: center; } .modal-content .qty .countChildren { color: #000; display: inline-block; /*vertical-align: top;*/ font-size: 15px; font-weight: 700; line-height: 15px; padding: 0 2px ;min-width: 25px; text-align: center; } .modal-content .qty .countInfant { color: #000; display: inline-block; /*vertical-align: top;*/ font-size: 15px; font-weight: 700; line-height: 15px; padding: 0 2px ;min-width: 25px; text-align: center; } .modal-content .qty .plus { cursor: pointer; display: inline-block; /*vertical-align: top;*/ color: white; width: 15px; height: 15px; font: 15px/1 Arial,sans-serif; text-align: center; border-radius: 50%; } .modal-content .qty .minus { cursor: pointer; display: inline-block; /*vertical-align: top;*/ color: white; width: 15px; height: 15px; font: 15px/1 Arial,sans-serif; text-align: center; border-radius: 50%; background-clip: padding-box; } /*.modal-content div { text-align: center; }*/ .modal-content .minus:hover{ background-color: #717fe0 !important; } .modal-content .plus:hover{ background-color: #717fe0 !important; } /*Prevent text selection*/ .modal-content span{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .modal-content input{ border: 0; width: 2%; } nput::-webkit-outer-spin-button, .modal-content input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .modal-content input:disabled{ background-color:white; } .bootstrap-select>.dropdown-toggle.bs-placeholder { color: #000!important; } .modal-content .btn-modal { background-color: #CFAC5C!important; } .modal-content .btn-modal:hover { background-color: hsla(42, 55%, 59%, 0.42)!important; } form .btn-contact { background-color: #CFAC5C!important; } form .btn-contact:hover { background-color: hsla(42, 55%, 59%, 0.42)!important; } #meal-options a img { cursor: pointer; transition: .2s; } #meal-options a img:hover { transform: scale(1.05); transition: .5s; } a { text-decoration: none!important; } .email a:hover { color: #f0f0f0; } /*go to top*/ #gotoTop { display: inline-block; background-color: #555; width: 50px; height: 50px; text-align: center; border-radius: 50%; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; } #gotoTop::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; } #gotoTop:hover { cursor: pointer; background-color: #d0ad55; } #gotoTop:active { background-color: #555; } #gotoTop.show { opacity: 1; visibility: visible; } /* Styles for the content section */ @media (min-width: 500px) { #gotoTop { margin: 30px; } }