Dahab Safari Day Tours
/* Resets ------------------------------------------------------------------------------------------------------*/ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, iframe, img { margin: 0; padding: 0; border:0; } a img { border: 0; vertical-align: middle !important; } body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } * { box-sizing: border-box; } *::before, *::after { box-sizing: border-box; } /* Fonts (external fonts can live here) ------------------------------------------------------------------------------------------------------*/ /* General Structure ------------------------------------------------------------------------------------------------------*/ html{ height: 100%; width:100%; background:none; } body { font-family: 'Roboto'; width: 100%; height: 100%; font-size:15px; line-height:1.5; background: #f9f9f9 none repeat scroll; } .site_wrapper { display: table; width: 100%; height:100%; /* Fix for Firefox and IE to keep correct max-width behaviour on images: */ table-layout: fixed; } .container-res { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .site_wrapper #wsite-content, .site_wrapper #wsite-content > div { width:100%; } .site_wrapper #wsite-content > div div.wcustomhtml { overflow:visible !important; } a.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 10000; right: 20px; bottom: 60px; background: #00418c url("images/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } a:hover.back-to-top { background-color: #000; } div.views { display: none; width: auto; height: 30px; line-height: 30px; position: fixed; z-index: 10000; padding: 0 10px; right: 10px; bottom: 200px; background: #1e73be; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .italic { font-style: italic; } #header, #banner, #main { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height:1px; display:table-row; } #banner { overflow:visible; height:auto; display:block; } #banner .slider { width:100%; height:auto; overflow:hidden; position:relative; visibility:hidden; } #banner .loading { position:absolute; text-align:center; width:100%; height:100%; top:0; left:0; z-index:-1; } #banner .loading i { padding:100px 0; display:inline-block; font-size:5em; color:#666; } .rev-center-caption { font-family:'Montserrat'; font-size:10em; color:#ffffff; text-transform:uppercase; font-weight:normal; letter-spacing:4px; line-height:1; } .rev-top-caption { font-family:"PT Sans"; font-weight:normal; color:#ffffff; font-size:3.1em; text-transform:uppercase; } .rev-bottom-caption { font-family:"PT Sans"; font-weight:normal; color:#ffffff; font-size:2.7em; text-align:right !important; } .rev_slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; /* black overlay with 50% transparency */ background: rgba(0, 0, 0, 0.25); } #main .page-section { padding:100px 0 100px 0; } #main .small-section, footer.small-section { padding:85px 0 85px 0; } #main .pt-120 { padding-top:120px !important; } .pb-0 { padding-bottom:0 !important; } #main .bg-white { background:#fff; } .popular-grid-wrapper, .gallery-grid-wrapper { display: block !important; position:relative; } .grid-item { /* padding: 15px;*/ overflow: hidden; box-sizing: border-box; position:relative; } .grid-item a.popular-image-bg, .gallery-grid-wrapper .grid-item a { box-sizing: border-box; display: block; position: relative; padding: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .grid-item a.popular-image-bg:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); content: ""; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .gallery-grid-wrapper .grid-item a:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .gallery-grid-wrapper .grid-item:hover a:before { background: rgba(255, 112, 0, 0.5); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .grid-item:hover a.popular-image-bg:before { background: rgba(0, 0, 0, 0.5); } .grid-item .popular-info { position: absolute; z-index: 1; bottom: 20px; left: 20px; right: 20px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .grid-item:hover .popular-info { bottom: 50px; -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .grid-item .popular-info h4 { color:#fff; font-family:"Montserrat"; font-weight:400; font-size:20px; line-height:1.1; text-transform:uppercase; margin:0 0 3px 0; } .grid-item .popular-info span { color:#fff; font-family:"PT Sans"; font-weight:400; font-size:14px; line-height:1.5; text-transform:uppercase; } .grid-item .popular-info span b { color:#fff; font-family:"PT Sans"; font-weight:400; font-size:18px; text-transform:uppercase; } .grid-item .popular-info .popular-details { position: absolute; z-index: 1; top: 150%; left: 0; font-size: 15px; color: #ff7000; border: 1px solid #ff7000; padding: 2px 12px; margin-top:10px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; text-transform: uppercase; font-weight: 700; font-family:"PT Sans"; /* -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%);*/ opacity: 0; display:block; } .grid-item:hover .popular-info .popular-details { opacity: 1; top: 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ } .grid-item .popular-info .popular-details:hover { color: #ffffff; background: #ff7000; } #main .about-us { position: relative; overflow: hidden; z-index: 1; background: url(/files/theme/images/dahab.jpg) center center no-repeat fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; color:#fff; } #main .about-us .container-res { z-index: 2; } #main .bg-dark:before { content: ''; display: block; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(80, 80, 80, 0.85); } #main .about-us h2{ margin:0 0 30px 0; line-height:1; font-family:"Montserrat"; font-size:37px; color:#fff; text-transform: uppercase; text-align:left; } #main .about-us p{ margin:0 0 4px 0; font-size:15px !important; line-height:1.5; color:#fff; } #main .about-us .col-6 p:last-child{ margin-bottom:0; } #main .about-us p a{ font-size:15px; color:#fff; font-weight:bold; text-decoration: none; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; z-index:2; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; z-index:1; max-width: 640px; max-height: 360px; } .mb-100 { margin-bottom:100px; } #main .awards-ta { position: relative; overflow: hidden; z-index: 1; background-color: #f8f8f7; width:100%; } #main .awards-ta .certificate-bg { background: url(/files/theme/images/nautical04.png) no-repeat center top; background-size: 1000px 500px; position: absolute; top: -90px; left: 50%; height: 500px; width: 1000px; margin-left: -500px; opacity: 0.1; } #main .awards-ta .certificate-img { margin: 0 auto; width:30%; text-align: center; } #main .awards-ta .certificate-img img { display:inline-block; width:100%; max-width:274px; } #main .sendus { padding:90px 0px; position: relative; overflow: hidden; z-index: 1; background-color: #ffc107; width:100%; } #main .sendus:before { content: ''; display: block; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; background-repeat: repeat; background-image: url(/files/theme/images/pattern5.png); } #banner .slider h1 { font-size: 70px; font-family:'Julius Sans One'; padding:0; color:#ffffff; line-height:100%; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); z-index:2; margin-left: -50%; width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; } #banner .slider p.by { padding:0; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); font-size: 36px; font-family:"Oswald"; font-weight:bold; white-space:normal; line-height:130%; margin-left: -50%; width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; color:#f3a316; } #banner .slider .devrama-slider * { backface-visibility: hidden; -webkit-backface-visibility:hidden; } #main { z-index: 1; width:100%; height:100%; } #footer { position: relative; width: 100%; background: #333333; color:#eee; font-size:1.2em; border-top:4px solid rgba(243, 163, 22, 0.7); box-shadow:0 -4px 0 0 #00418c; -webkit-box-shadow: 0 -4px 0 0 #00418c; -moz-box-shadow: 0 -4px 0 0 #00418c; -ms-box-shadow: 0 -4px 0 0 #00418c; -o-box-shadow: 0 -4px 0 0 #00418c; } footer { position: relative; width: 100%; background-image: url(/files/theme/images/footer-bg.jpg); color:#eee; font-size:16px; border-top:4px solid rgba(243, 163, 22, 0.7); } footer .container-res { padding-bottom:50px; box-sizing:border-box; } footer .container-res .footer_column { float:left; width:25%; padding:0 15px; box-sizing:border-box; } footer .container-res .footer_column:first-child { padding-left:0; width:45%; } footer .container-res .footer_column:last-child { padding-right:0; width:30%; } footer .container-res h3 { color: rgb(255, 112, 0); font-size: 24px; padding: 0 0 20px 0; font-family:'Roboto Condensed'; text-align:left; font-weight:normal; } footer .container-res .footer_column ul { display:block; } footer .container-res .footer_column > ul > li { display:block; list-style:none; padding:8px 0; line-height:1.2; font-weight:normal; } footer .container-res .footer_column ul li a { color:#eee; font-weight:normal; } footer .container-res .footer_column ul li a.social { padding-top: 20px; display: inline-block; font-size: 24px; margin-right: 14px; color: rgba(255,255,255,0.6); } footer .container-res .footer_column.quick-links ul li { padding:4px 0; font-size:15px; } footer .copyright { display:block; line-height:60px; height:60px; text-align:center; color:rgba(255, 255, 255, 0.5); font-size:15px; border-top:1px solid rgba(255, 255, 255, 0.3); } footer .container-res .footer_column .icons { width:100%; padding:4px 0; text-align:left; } footer .container-res .footer_column .icons img { width: 56%; display: block; max-width: 225px; } #footer .container-res .footer_column .icons { padding:1em 0; text-align:center; } #footer .copyright { display:block; line-height:2.5em; height:2.5em; text-align:center; color:rgba(255, 255, 255, 0.5); font-size:15px; } #footer .footer_wrap { width:90%; clear: both; padding: 2% 0; margin: 0 auto; border-bottom:1px solid rgba(255,112,0,0.5); box-shadow:0 2px 0 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); } #footer .container-res { padding-top: 30px; padding-bottom: 15px; } #footer .container-res h3 { color: rgb(255, 112, 0); font-size: 24px; padding: 0 0 20px 0; font-family:'Roboto Condensed'; text-align:left; font-weight:normal; } #footer .container-res .footer_column { float:left; width:33%; padding:0 15px; box-sizing:border-box; } #footer .container-res .footer_column:first-child { padding-left:0; } #footer .container-res .footer_column:last-child { padding-right:0; } #footer .container-res .footer_column ul { display:block; } #footer .container-res .footer_column ul li { display:block; list-style:none; padding:0.5em 0; line-height:1.2; font-weight:normal; } #footer .container-res .footer_column ul li a { color:#fff; font-weight:normal; } #footer .container-res .footer_column.quick-links ul li { padding:0.25em 0; font-size:15px; } #footer .container-res .footer_column .icons { padding:1em 0; text-align:center; } #footer .container-res .footer_column .icons a, #footer .container-res .footer_column .icons img { display:inline-block; margin-right:1em; } #footer .container-res .footer_column .icons a.tripadv { background:url(images/tripadvisor-logo.png) no-repeat 40% 10%; background-color:#eee; border-radius:4px; width:110px; height:80px; } #footer .container-res .footer_column .icons a.face { background:url(images/facebook-logo.png) no-repeat center center; background-color:none; border-radius:4px; width:80px; height:80px; } #footer .container-res .footer_column .icons a:last-child, #footer .container-res .footer_column .icons img:last-child { margin:0; } .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 */ clear:both; } .wsite-footer { margin: 0 auto; width:90%; padding: 0; box-sizing: border-box; } .container { margin: 0 auto; width:90%; padding:4em 0; box-sizing: border-box; } #header .container { padding: 0; } /* Text and type ------------------------------------------------------------------------------------------------------*/ body { color: #333333; font: 15px/1 'Roboto', arial, sans-serif; } a { text-decoration: none; color: #558E74; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } a:hover { color: inherit; } #main > .container-res { padding-top: 120px; padding-bottom: 120px; } #main .title { margin-bottom: 70px; margin-top:0; padding-bottom: 20px; position: relative; text-align: center; text-transform: uppercase; } #main .title h1 { font-size:2.5em; font-family:"Julius Sans One", "Comfortaa"; text-align:center; color:#333; font-weight:normal; line-height: 1.2; /*text-shadow: 0 2px 0 #333;*/ } #main .aftertitle { margin:-20px auto 50px auto; color:#555; font-size:1.1em; font-style:italic; padding:0; line-height:1.5; text-align:center; width:70%; } #main .aftertitle.caution { padding:10px; background:#fff; border-left:3px solid #00418c; } #main .title::before { background: rgba(0,0,0,0.3); bottom: 0; content: ""; height: 1px; left: 50%; margin-left: -100px; position: absolute; width: 200px; } #main .title i { position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; line-height: 37px; background-color: #f9f9f9; -webkit-border-radius: 50%; border-radius: 50%; background-repeat:no-repeat; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-size:auto; background-position:center center; text-align: center; box-sizing:border-box; } #main .title i.dahab { background-image:url(images/Beach-32.png); } #main .title-main { margin-bottom: 70px; margin-top:0; padding-bottom: 20px; position: relative; text-align: center; text-transform: uppercase; } #main .title-main.listing { margin-bottom: 50px; } #main .top-110 { margin-top:110px; } #main .title-main h2 { font-size:2.5em; font-family:"Montserrat"; margin:0; text-align:center; color:#444; font-weight:400; line-height: 0.9; /*text-shadow: 0 2px 0 #333;*/ } #main .title-main h2 span { font-weight:700; } #main .aftertitle { margin:-20px auto 50px auto; color:#555; font-size:1.1em; /*font-style:italic;*/ padding:0; line-height:1.5; text-align:center; width:70%; font-family:"PT Sans"; } #main .aftertitle.caution { padding:10px; background:#fff; border-left:3px solid #00418c; } #main .title-main::before { background: rgba(0,0,0,0.3); bottom: 0; content: ""; height: 1px; left: 50%; margin-left: -100px; position: absolute; width: 200px; } #main .title-main i { position: absolute; bottom: -1px; left: 50%; margin-left: -30px; width: 60px; height: 3px; background-color: #ff7000; } #main .title i.dahab { background-image:url(images/Beach-32.png); } #main h2 { font-weight: normal; text-align: center; font-size: 2.1em; color: #555; margin: 90px 0 50px 0; padding-top: 0; position: relative; font-family: "PT Sans"; text-transform: uppercase; } #main h2.devide:before { background: rgba(0,0,0,0.1); top: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } #main .about, #main .divespots { margin:40px 0; overflow:hidden; } #main .divespots { margin:60px 0; } #main .divespots:last-child { margin-bottom:0; } #main .about a.picture, #main .divespots a.picture { width:35%; max-width:500px; margin:0 2em 0 0; display:block; float:left; padding-top:30%; height:0; background-size:cover; position:relative; } #main .divespots:last-child a.picture { margin-bottom:1em; } #main .divespots a.picture { width:32%; padding-top:24%; } #main .about a.picture span { display:block; position:absolute; font-size:2em; line-height:1.3; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3); width:100%; height:auto; bottom:5%; text-align:center; } #main .about h3, #main .divespots h3 { margin:0 0 0.5em 0; font-size:1.4em; font-family:"Roboto Condensed"; line-height:1.5; text-align:center; color:#444; font-weight:bold; } #main .about h3 { margin:20px 0 10px 0; } #main .divespots h3 { text-align:left; } #main .about p, #main .divespots p { margin:0.5em 0; font-size:1.1em; line-height:1.5; width:100%; color:#555; font-weight:normal; } #main .divespots p { margin-bottom:0; } #main .about p a, #main .divespots p a { font-weight:bold; color:#f3a316; text-decoration:none; } #main .popular{ clear: both; padding: 0px; margin:20px 0px; width:100%; } #main .awards{ clear: both; padding: 0px; margin: 0px; margin-top:20px; width:100%; } #main .awards:before, #main .awards:after { content:""; display:table; } #main .awards:after { clear:both; } #main .trip { background:#fff; padding:0; margin:40px 0 50px 0; box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); border-radius:3px; position:relative; visibility: hidden; } #main .trip:before, #main .trip:after { content:""; display:table; } #main .trip:after { clear:both; } #main div:not(.popular) > .trip { zoom:1; /* For IE 6/7 */ clear:both; } #main div:not(.popular) > .trip:last-child { margin-bottom: 70px; } #main .popular .trip { display: block; float:left; margin: 0 0 1% 2%; width: 23.5%; padding:0; visibility: visible; } #main .popular.col3 .trip { width: 32%; } #main .awards > div { display: block; float:left; width: auto; visibility: visible; } #main .awards > div:last-child { float:none; } #main .awards > div .awards-sm{ display: inline-flex; padding:0 0 0 5em; vertical-align: top; } #main .awards > div .awards-sm #CDSWIDCOE, #main .awards > div .awards-sm #CDSWIDEXC{ margin: 0 !important; } #main .popular .trip:first-child #main .trip.devide { margin-bottom:80px; } #main .trip.devide:before { background: rgba(0,0,0,0.1); bottom: -40px; content: ""; height: 1px; left: -5%; position: absolute; width: 110%; } #main .trip > div { padding:20px; display: block; float: left; width:35%; box-sizing:border-box; vertical-align: top; } #main .popular .trip > div { display: block; padding:0; width: 100%; } #main .trip > div:first-child { padding:0; width: 40%; } #main :not(.popular) > .trip > div:last-child { padding-top:11px; width: 25%; } #main .trip > div:last-child .group { margin-top: 20px; } #main .trip > div:last-child .group .group { margin-top: 0; } #main .trip > div:last-child a.book, #main .trip > div:last-child a.read_more #main .trip > div:last-child form.pp_but { float:left; margin: 10px 10px 0 0; } #main .transf a.book, #main .transf form.pp_but { margin: 0px 10px 0 0; } #main .transf a.book { float: left; } #main .trip > div:first-child a:not(.book) { display:block; width:100%; position:relative; height:0px; padding-top:75%; background-size:cover; margin-bottom:2px; -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; overflow:hidden; } #main .popular .trip > div.effect { display:block; width:100%; position:relative; height:0px; padding-top:100%; background-size:cover; margin-bottom:12px; overflow:hidden; } #main .popular .trip > div.effect .overlay { position: absolute; top: 0; left: 0px; background: rgba(0,0,0,0.7); width: 100%; height: 100%; color: #fff; opacity: 0; -o-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; text-align:center; } #main .popular .trip > div.effect:hover .overlay { opacity: 1; } #main .popular .trip > div.effect .overlay a.book { margin: 0px auto 0px auto; position: relative; top: 100%; -webkit-transform: scale(0.25); -moz-transform: scale(0.25); -ms-transform: scale(0.25); -o-transform: scale(0.25); transform: scale(0.25); -o-transition: top 0.3s linear 0s, -o-transform 0.3s linear 0.3s; -moz-transition: top 0.3s linear 0s, -moz-transform 0.3s linear 0.3s; -webkit-transition:top 0.3s linear 0s, -webkit-transform 0.3s linear 0.3s; -ms-transition: top 0.3s linear 0s, -ms-transform 0.3s linear 0.3s; transition: top 0.3s linear 0s, transform 0.3s linear 0.3s; } #main .popular .trip > div.effect:hover .overlay a.book { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 50%; margin-top:-15px; } #main .trip > div.half a:not(.book){ padding-top:50%; background-position:center; } #main .trip > div.half a:hover{ padding-top:75%; } #main .trip > div:first-child a:last-child { margin-bottom:0; } #main .trip > div:first-child a .caption { display:block; position:absolute; font-size:2em; line-height:1.3; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3); width:100%; height:auto; bottom:-100%; text-align:center; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; } #main .trip > div:first-child a:hover .caption { bottom:5%; } #main .trip > div:first-child a:hover { } #main .container .trip div.desc { border-right:1px solid rgba(0,0,0,0.2); } #main .trip div.desc h3 { font-size:20px; color:#f3a316; font-weight:normal; margin-bottom:20px; text-transform:uppercase; } #main .popular .trip h3 { font-size:22px; color:#fff; font-weight:normal; margin-bottom:20px; text-transform:uppercase; position:absolute; font-family:"PT Sans"; z-index:2; left:0; bottom:0; } #main .popular .trip > div.effect:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); content: ""; z-index:1; } #main .trip div.desc h3, #main h2 { position: relative; } #main .trip div.desc h3 a, #main h2 a { position: absolute; top:-144px; } #main .trip div.desc .subtitle, #main .popular .trip .subtitle { display:block; font-family:"Roboto Condensed"; font-size:1.3em; color:#444; font-weight:bold; margin-bottom:10px; margin-top:20px; } #main .popular .trip h3, #main .popular .trip .subtitle { margin:0.8em; } #main .trip div.desc p { font-size:1.1em; line-height:1.5; color:#666; font-weight:normal; margin-bottom:0; } #main .trip div.desc .included { font-family:"Roboto Condensed"; font-size:1.2em; color:#666; margin-top:20px; font-style:italic; } #main .trip div.desc .included span { color:#444; font-weight:bold; font-style:normal; } #main .trip > div:last-child:not(.group), #main .popular .trip .group > div.trip_info { /*width:22%;*/ font-size:1.1em; font-family:"Roboto Condensed"; color:#666; } #main .popular .trip .group { padding:0 1em 1.1em 1em; } #main .popular .trip .group > div.trip_info { width:auto; margin-left:0; float:left; } #main .popular.col3 .trip .group > div.trip_info { float:none; } #main a.book { padding:10px 20px; margin-top:20px; display:inline-block; margin-right:5px; background:#ff7000; box-shadow:0 2px 0 0 #b34e02; -webkit-box-shadow: 0 2px 0 0 #b34e02; -moz-box-shadow: 0 2px 0 0 #b34e02; -ms-box-shadow: 0 2px 0 0 #b34e02; -o-box-shadow: 0 2px 0 0 #b34e02; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: white; font-weight: 400; font-size:18px; font-family:"Roboto"; } #main a.book:hover{ background:#b34e02; } #main a.read_more, #main a.prices { padding:9px 12px; display:inline-block; background:#dbdbdb; box-shadow:0 3px 0 0 #979797; -webkit-box-shadow: 0 4px 0 0 #979797; -moz-box-shadow: 0 4px 0 0 #979797; -ms-box-shadow: 0 4px 0 0 #979797; -o-box-shadow: 0 4px 0 0 #979797; color:#555; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: 400; font-size:18px; font-family:"Roboto"; } #main form.pp_but { display: inline-block; margin-top: 10px; } #main .trip a.read_more, #main a.prices { margin-top:20px; margin-right:50px; } #main .trip form { margin-top:10px; } #main .trip form .ppimage, #main .transf form .ppimage { float: left; } #main .popular .trip .group > a.read_more, #main .popular .trip .group > a.book { margin:0; float:right; } #main .popular.col3 .trip .group > a.book { margin-top: 0.6em; float:none; } #main a.prices { background:#dbdbdb; box-shadow:0 3px 0 0 #979797; -webkit-box-shadow: 0 4px 0 0 #979797; -moz-box-shadow: 0 4px 0 0 #979797; -ms-box-shadow: 0 4px 0 0 #979797; -o-box-shadow: 0 4px 0 0 #979797; color:#555; text-shadow:none; } #main a.prices:hover, #main .container a.read_more:hover{ background:#979797; color:#fefefe; } #main .trip .trip_info { padding:0.5em 0; white-space:nowrap; overflow: hidden; } #main :not(.popular) > .trip .trip_info, #main :not(.col3) > .trip .trip_info { display: table; } #main :not(.popular) > .trip .trip_info .info_value, #main :not(.col3) > .trip .trip_info .info_value { display: table-cell; text-align: left; padding: 0 0 0 4px; white-space: normal; } #main .col3 .trip .trip_info { padding:0.3em 0; } #main .trip .trip_info i { color:#00418c; margin-right:5px; } #main .trip .trip_info i, #main .trip .trip_info span:not(.info_value){ } #main .trip .trip_info .info_value { font-weight:bold; text-align:right; } #main .trip .trip_info:first-child .info_value, #main .popular .trip .trip_info .info_value { color:#f3a316; font-size:1.3em; } #main .trip > div:last-child .note { margin-top:20px; font-style:italic; } #main .trip > div:last-child .note span { font-style:normal; color:#00418c; font-weight:bold; } #main .itin_price { font-size:1.5em; color:#666; margin:20px 0; } #main .itin_price .info_value { color:#f3a316; font-size:1.7em; padding-left: 5px; } #main .itin_times { font-size:1.2em; color:#666; margin:10px 0; } #main .itin_times .info_value { color:#444; } #main .itin_table { display:table; margin:0 0 20px 0; background:#fefefe; box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -ms-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -o-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); padding:1%; width:98%; } #main .itin_table >div { display:table-cell; padding:0; width:20%; color:#666; line-height:1.5; } #main .itin_table >div:first-child { padding-left:0.8em; } #main .itin_table >div:last-child { padding-right:0.8em; } /*-------------------------------Tour details page--------------------------------------*/ .container-res { position: relative; } .breadcrumbs { position: absolute; left: 15px; top:20px; color:#666; font-size: 12px; } .breadcrumbs a { color:#1e73be; } #main a.allrev { display: block; font-size: 15px; margin: 30px 0 0 0; color:#1e73be; } #main h1.left-align{ font-size: 37px; line-height: 1; font-family: "Montserrat"; text-align: left; color: #555; font-weight: normal; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; } #main h2.left-align{ font-size: 2.2em; line-height: 1; font-family: "Roboto"; text-align: center; color: #666; font-weight: normal; margin-bottom: 60px; margin-top: 100px; } #main .details { width:100%; color:#666; } #main .details > div { width: 50%; box-sizing: border-box; float: left; } #main .details .details-intro { padding-right: 30px; } #main .details .details-intro .details-icons { display: block; list-style: none; margin: 0 0 10px 0; padding: 7px 0; } #main .details .details-intro .details-icons li { display: inline-block; margin-right: 10px; margin-bottom: 10px; font-size: 14px; font-family: "Roboto Condensed"; } #main .details .details-intro .details-icons li i { color: #00418c; } #main .details .details-intro p { line-height: 1.5; color: #333; font-weight: normal; margin: 0; font-size: 16px; } #main .details .details-intro .details-price { font-size: 1.5em; color: #666; margin: 40px 0; } #main .details .details-intro .details-price .info_value { color: #b34e02; font-size: 1.5em; padding-left: 5px; } #main .details .details-intro a.book { padding: 12px 20px; margin-top: 0; } #main .details .details-img a { /* display: block; width: 100%; position: relative; height: 0px; padding-top: 66%; background-size: cover; overflow: hidden;*/ } #main .details .details-img { height: 400px; position: relative; } #main .details .details-img .GICarousel.GI_C_wrapper ul.GI_C_items li a { display: block; width: 100%; position: relative; background-size: cover; overflow: hidden; height: 100%; padding-top: 0; } .GI_C_prev, .GI_C_next .GI_C_prev:after, .GI_C_next:after { position: absolute; top: 14px; left: 8px; } .GI_C_prev:after .GI_C_next:after .GICarousel { padding: 0; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; position: absolute; z-index: 95; } .GICarousel ul { padding: 0; margin: 0; list-style: none; display: none; } .GICarousel .GI_Controls .GICarousel .GI_Controls.GI_C_disabled { opacity: 0.3; cursor: default; } .GICarousel .GI_C_close { position: absolute; top: 0; right: 0; background: red; width: 50px; height: 50px; } .GICarousel .GI_C_prev, .GICarousel .GI_C_next { position: absolute; background: white; font-style: normal; top: 50%; margin: -15px 0 0 0; width: 30px; height: 30px; cursor: pointer; } .GICarousel .GI_C_prev .GICarousel .GI_C_next .GICarousel.GI_C_wrapper { height: 100%; width: 100%; overflow: hidden; position: absolute; } .GICarousel.GI_C_wrapper ul.GI_C_items { height: 100%; width: 100%; display: block; position: absolute; } .GICarousel.GI_C_wrapper ul.GI_C_items.animated { -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } .GICarousel.GI_C_wrapper ul.GI_C_items.animated .parallax { -webkit-transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .GICarousel.GI_C_wrapper ul.GI_C_items li { height: 100%; width: 100%; display: block; float: left; z-index: 100; position: relative; overflow: hidden; } .GICarousel.GI_C_wrapper ul.GI_C_items li img .GICarousel.GI_C_wrapper ul.GI_C_items li.current .GICarousel.GI_C_wrapper ul.GI_C_paginator { height: 48px; bottom: 0; width: 100%; display: block; position: absolute; text-align: center; z-index: 110; background: rgba(0, 0, 0, 0.2); } .GICarousel.GI_C_wrapper ul.GI_C_paginator li { width: 13px; height: 13px; cursor: pointer; margin: 18px; display: inline-block; _display: inline; background: gray; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .GICarousel.GI_C_wrapper ul.GI_C_paginator li.active .submenu-wrap { margin-top: 40px; position: relative; } .stick { position:fixed; bottom:50px; margin-bottom: 0px !important; } .submenu-wrap > div:first-child{ float: left; width: 60%; padding: 20px 30px 30px 30px; background: #fff; margin:0; box-shadow: 0 1px 1px rgba(0,0,0,0.2); border-radius: 3px; position: relative; } .submenu{ /* height: 85px;*/ z-index: 98; margin-left: -30px; margin-right: -30px; } .submenu.fixed { position: fixed; /*top: 88px;*/ left: 0; width: 100%; margin-left: 0; margin-right: 0; } .submenu.fixed .inner{ height: auto; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .submenu .inner{ height: auto; } .submenu .inner .inner-col{ height: auto; width: 100%; position: relative; display: table; overflow: hidden; clear: both; } .submenu.fixed .inner .inner-col{ display: table; background: #fff; height: 100%; width: 60%; position: relative; } .submenu .inner .inner-col::after { background: #959595; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100%; z-index: 98; } .submenu .inner a.subNavBtn { position: relative; display: block; float: left; padding: 15px 25px; color: #959595; font-size: 1.1em; text-transform: uppercase; text-align: center; /*border-bottom: 2px solid #959595;*/ } #main .submenu .inner a.book { display: none; } .submenu .inner a.subNavBtn i { font-size: 2em; margin-bottom: 4px; } .submenu .inner a.subNavBtn.active { color: #00418c; border-bottom: 2px solid #00418c; z-index: 99; } .submenu .inner a.subNavBtn.active i { color: #00418c; } .section { width: 100%; z-index: 10; position: relative; margin: 0; padding: 0; padding-top: 30px; } .section p { line-height: 1.5; color: #666; font-weight: normal; margin: 0; font-size: 16px; margin-top: 10px; } #main .section p.add-info { color: #666; font-size: 15px !important; margin-top: 15px; } .section h3 { /*font-family: "Roboto Condensed";*/ color: #00418c; font-size: 1.3em; margin: 0; margin-top: 25px; font-weight: normal; } .section h4 { font-family: "Roboto Condensed"; color: #222; font-size: 1.2em; font-weight: normal; margin: 0; margin-top: 20px; } .section h5 { /*font-family: "Roboto Condensed";*/ color: #222; font-size: 16.5px; font-weight: normal; margin: 0; margin-top: 20px; } .section h4.add-info { font-size: 1.1em; margin-top: 30px; } .section > ul.fa-ul{ margin-top: 15px; margin-left: 38px; } .section > ul.fa-ul > li { color: #666; font-weight: normal; margin: 0; font-size: 15px; padding: 7px 0; } .section > ul.fa-ul > li i.fa-li { color: #00418c; top: 0.4em; } #itinerary > ul { margin: 0; margin-top: 20px; display: block; list-style-type: none; } #itinerary > ul > li { display: block; position: relative; padding: 0 0 10px 38px; } #itinerary > ul > li:before { content: " "; display: block; width: 1px; position: absolute; top: 15px; left: 9px; bottom: -20px; background-color: #bebec8; } #itinerary > ul > li:last-child { bottom:0px; padding-bottom: 0px; } #itinerary > ul > li:last-child:before { bottom:0px; } #itinerary > ul > li span { display: block; position: absolute; width: 20px; height: 20px; border: 1px solid #bebec8; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 0; top: 15px; background-color: #fffef9; } #itinerary > ul > li span:after { content: " "; display: block; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #979797; position: absolute; top: 5px; left: 5px; } #itinerary > ul > li span.sldown:after { background-color: #ff7000; } #itinerary > ul > li h4 { margin: 0; padding-top: 15px; padding-bottom: 14px; padding-right: 10px; line-height: 1.2; box-sizing: border-box; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); cursor: pointer; } #itinerary > ul > li h4 + p { margin-top: 13px !important; } #itinerary > ul > li h4.arrdown:after, #itinerary > ul > li h4.arrup:after { border-bottom: 2px solid #bebec8; border-right: 2px solid #bebec8; content: ''; display: block; height: 5px; margin-top: -3px; pointer-events: none; position: absolute; right: 2px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 5px; } #itinerary > ul > li h4.arrup:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } #itinerary > ul > li p { margin-top: 10px; display: none; } #itinerary > ul > li h5 { display: none; } #itinerary p.timing { margin-top: 6px; } #itinerary p.visit { padding-left: 20px; margin-bottom: 14px; font-style: italic; } table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #pricestable > table, #itinerary > table { margin-top: 22px; border-collapse: collapse; border-spacing: 0; } #pricestable > .note { font-size: 15px; color: #444; font-style: italic; margin-top: 10px; font-family: "Roboto Condensed"; } #pricestable > table tr:first-child, #itinerary > table tr:first-child { background-color: #f8f8f8; } #pricestable > table tr > td, #itinerary > table tr > td { border: 1px solid #e1e1e1; padding: 10px; text-align: center; color: #666; font-size: 15px; } #itinerary > table tr > td, #itinerary > table tr > td { text-align: left; } #main #pricestable > a.book { margin-top: 15px; } #main #pricestable > form.pp_but { margin-top: 15px; } #main #pricestable > form.pp_but .group { margin-bottom: 10px; } #main #pricestable .single-price { margin: 15px 0 0 0; } #main #pricestable .single-price p, #main #pricestable .single-price form.pp_but { display: block; float: left; margin: 0; } #main #pricestable .single-price p { color: #666; font-size: 16px !important; margin-right: 15px; height: 40px; line-height: 40px; } #main #pricestable .single-price p span { color: #444; font-size: 18px !important; } .review-row { padding: 30px 0 0 0; width: 100%; } .section .review-row p { margin-top: 10px; } .review-row .review-col { float:left; } .review-row .review-col:first-child { padding-right: 15px; width: 17%; } .review-row .review-col:last-child { padding-left: 15px; width: 83%; } .review-row .review-col:first-child > img { border-radius: 50%; margin: 0 auto; } .review-row .review-col:first-child > .review-name { display: block; font-size: 12px; font-weight: bold; color: #6f6f6f; margin-top: 4px; } .review-row .review-col:first-child > .review-date { display: block; font-size: 11px; font-weight: normal; color: #6f6f6f; margin-top: 2px; } .review-row .review-col:last-child > .review-box { padding: 10px; border: 4px solid #f1f1f1; border-radius: 4px; position: relative; } .review-row .review-col:last-child > .review-box:before, .review-row .review-col:last-child > .review-box:after { border-style: solid; content: ""; display: block; position: absolute; width: 0; } .review-row .review-col:last-child > .review-box:before { border-color: rgba(255,255,255,0) #e3e3e3; border-width: 13px 15px 13px 0; left: -15px; top: 25px; } .review-row .review-col:last-child > .review-box:after { border-color: rgba(255,255,255,0) #fff; border-width: 13px 15px 13px 0; left: -14px; top: 25px; } .review-row .review-col:last-child > .review-box .review-title { color: #00418c; font-style: italic; font-size: 18px; line-height: 1.4; margin-bottom: 5px; } #reviews1 .review-row .review-col:last-child > .review-box p { font-size: 14px !important; line-height: 19px; } #reviews1 { z-index: 9; } .submenu-wrap > div:last-child{ float: left; width: 40%; padding: 0 0 0 20px; z-index: 99; } .submenu-wrap > div:last-child .map-responsive{ padding-bottom: 128%; } .submenu-wrap > div:last-child .map-responsive iframe{ margin-top: -46px; border: none; height: 108%; } /*-------------------------------End of Tour details page--------------------------------------*/ #main .itin { width:100%; margin-top:40px; color:#666; } #main .itin ul.contact-us a { color:#666; } #main .itin > div { width:40%; box-sizing:border-box; float:left; } #main .itin.itin_contact > div { width:50%; } #main .whyus-icon { margin:0 auto 26px auto; width:90px; height:90px; line-height:90px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px dashed #00418c; font-size: 48px; color: #00418c; } #main .whyus h3 { margin:0 0 10px 0; text-align: center; font-size: 22px; color: #444; font-weight:normal; font-family: "Roboto Condensed"; } #main .whyus p { color: #555; font-size: 14px !important; text-align: center; margin:0; } #JotFormIFrame { margin-left: -36px; } #main .itin:not(.itin_contact) > div:first-child { width:60%; padding-right:1.5em; } #main .itin.transf > div:first-child, #main .itin.transf > div:last-child { width:50%; } #main .itin > div:first-child h3 { margin-bottom:20px; margin-top:30px; font-family:"Roboto Condensed"; color:#00418c; font-size:1.6em; } #main .itin > div h4 { margin:30px 0 0 0; color:#444; font-size:1.3em; text-align:left; font-weight: normal; line-height: 1.2; } #main .itin > div h4.top { margin:8px 0 0 0; font-family:"Roboto Condensed"; } #main .itin ul.contact-us { display:block; margin-bottom:15px; padding-right:20px; } #main .itin ul.contact-us li { display:block; list-style:none; padding:0.5em 0; line-height:1.4; font-size:1.1em; } #main .itin ul.contact-us li span.addr { padding-left:21px; } .map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } #main .itin > div ul.itin_time { margin-bottom:0; font-size:1em; } #main .aftertitle.gr { margin-bottom: 30px; } .cbp-vm-options { text-align: right; padding: 0 0 20px; } .cbp-vm-options a { display: inline-block; width: 40px; height: 40px; overflow: hidden; white-space: nowrap; color: #1e73be; margin: 2px; } .cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected { color: #00418c; } .cbp-vm-options a:before { width: 40px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; display: inline-block; } #main .cbp-vm-switcher h2 { margin-bottom: 20px; } #main .cbp-vm-switcher h2:first-child { margin-top: 30px; } .cbp-vm-switcher > ul:before, .cbp-vm-switcher > ul:after { content: " "; display: table; } .cbp-vm-switcher > ul:after { clear: both; } .cbp-vm-switcher > ul > li { display: block; position: relative; background: #fff; padding: 0; box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); border-radius: 3px; position: relative; overflow: hidden; } .cbp-vm-image { padding: 0; display: block; box-sizing: border-box; vertical-align: top; } .cbp-vm-image a { display: block; width: 100%; position: relative; height: 0px; padding-top: 60%; background-size: cover; overflow: hidden; } .cbp-vm-desc { padding: 20px; display: block; box-sizing: border-box; vertical-align: top; } .cbp-vm-desc .cbp-vm-icons { display: block; list-style: none; margin: 0; padding: 0; margin-bottom: 20px; } .cbp-vm-desc .cbp-vm-icons li { display: inline-block; margin-right: 10px; font-size: 14px; font-family: "Roboto Condensed"; color: #666; } .cbp-vm-desc .cbp-vm-icons li i { color: #00418c; } .cbp-vm-desc p { line-height: 1.5; color: #666; font-weight: normal; margin: 0; } .cbp-vm-desc .cbp-vm-price { font-size: 14px; font-family: "Roboto Condensed"; color: #666; margin: 10px 0; } .cbp-vm-desc .cbp-vm-price i { color: #00418c; margin-right: 5px; } .cbp-vm-desc .cbp-vm-price .info_value { color: #b34e02; font-size: 1.4em; } .cbp-vm-icon:before { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .cbp-vm-grid:before { content: "\f00a"; } .cbp-vm-list:before { content: "\f00b"; } .cbp-vm-view-grid > ul > li { display: block; float: left; margin: 0 0 2% 2%; width: 32%; padding: 0; visibility: visible; } .cbp-vm-view-grid > ul > li:nth-child(3n+1) { margin: 0 0 2% 0; } .cbp-vm-view-grid .cbp-vm-image { float: none; width: 100%; } .cbp-vm-view-grid .cbp-vm-desc { float: none; width: 100%; } .cbp-vm-view-grid .cbp-vm-desc .cbp-vm-title { display: table-cell; height: 39px; vertical-align: top; font-family: "Roboto Condensed"; font-size: 1.3em; color: #444; font-weight: bold; margin-bottom: 10px; } .cbp-vm-view-grid .cbp-vm-desc .cbp-vm-icons { display: none; } .cbp-vm-view-grid .cbp-vm-desc p { display: none; } .cbp-vm-view-grid .cbp-vm-desc .cbp-vm-price { /* margin-top: 15px;*/ } #main .cbp-vm-view-grid .cbp-vm-desc a.book { margin-top: 15px; } .cbp-vm-view-list > ul > li { margin: 0 0 50px 0; } .cbp-vm-view-list .cbp-vm-image { float: left; width: 40%; } .cbp-vm-view-list .cbp-vm-image a { padding-top: 60%; } .cbp-vm-view-list .cbp-vm-desc { float: left; width: 60%; } .cbp-vm-view-list .cbp-vm-desc .cbp-vm-title { font-size: 20px; color: #444; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; } .cbp-vm-view-list .cbp-vm-desc .cbp-vm-price { margin-top: 15px; } #main .cbp-vm-view-list .cbp-vm-desc a.book { margin-top: 15px; } #main .cbp-vm-switcher .cbp-vm-options + h2 { margin-top: 0; } #main .title.listing { /* margin-bottom: 45px;*/ } #main .listing-nav, #main .listing-nav2{ margin-bottom: 90px; } #main .listing-nav > div, #main .listing-nav2 > div{ float: left; margin: 0 0 2% 2%; width: 32%; padding: 0; position: relative; } #main .listing-nav2 > div{ width: 49%; } #main .listing-nav > div:nth-child(3n+1), #main .listing-nav2 > div:first-child { margin: 0 0 2% 0; } #main .listing-nav div.listing-img, #main .listing-nav2 div.listing-img { display: block; width: 100%; position: relative; height: 0px; padding-top: 60%; background-size: cover; overflow: hidden; } #main .listing-nav2 div.listing-img { padding-top: 50%; } #main .listing-nav > div > a, #main .listing-nav2 > div > a { display: block; width: 100%; position: absolute; text-transform: uppercase; top: 0; bottom: 0; text-align: center; /*font-family: 'Julius Sans One';*/ font-size: 26px; color: #fff; font-family: "Oswald"; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); padding-top: 40%; padding-left: 15px; padding-right: 15px; -o-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -webkit-transition:background 0.3s linear; -ms-transition: background 0.3s linear; transition: background 0.3s linear; /*text-shadow:0 3px 5px rgba(0, 0, 0, 1);*/ } #main .listing-nav > div > a:hover, #main .listing-nav2 > div > a:hover{ background: rgba(0, 0, 0, 0); } .cbp-vm-options.listing-switcher { padding-bottom: 20px; } #main .itin > div ul.itin_time.transfers { width:100%; margin-bottom: 20px; } #main .itin > div ul.itin_time li { display:block; list-style:none; padding:0.5em 0; line-height:1.3; } #main .itin > div ul.itin_time li:last-child { padding:0; } #main .itin > div ul.itin_time.transfers li { width:100%; font-weight:bold; } #main .itin > div ul.itin_time li span { padding-right:2em; } #main .itin > div ul.itin_time.transfers li span { margin-right:3px; display:inline-block; width:40%; font-weight:normal; } #main .itin > div ul.itin_time.transfers li span.symbol, #main .itin > div ul.itin_time.transfers li span.tabl_price { margin-right:0; padding-right: 0; width:auto; } #snippet_searchpanel { margin-top: 20px; } #main .itin > div div.itin_time_wrap { margin-top: 40px; width: 100%; box-sizing: border-box; } #main .itin > div div.itin_time_wrap h3 { margin-bottom:10px; color:#444; font-size:1.3em; text-align:left; font-weight: normal; line-height: 1.2; } #main .itin > div ul.itin_time.transfers.km li span { width:60%; } #main .itin > div:last-child a:first-child, #main .itin > div:last-child a:first-child img { width:100%; display:block; } #main .itin > div:last-child a:first-child { margin-top:40px; } #main .itin > div:last-child #snippet_searchpanel a:first-child { margin-top:0px; } #main .itin_incl { margin-top:20px; margin-bottom:30px; width:100%; /* background:#fefefe; box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -ms-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1); -o-box-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.1);*/ } #main .itin_incl > div { box-sizing:border-box; float:left; padding:15px 30px 15px 15px; font-family:"Roboto Condensed"; font-size:1.05em; color:#444; width:50%; } #main .itin_incl > div:first-child { border-right:1px solid rgba(0,0,0,0.1); padding-left:0; } #main .itin_incl > div h3 { font-family:"Roboto Condensed"; color:#00418c; font-size:1.2em; margin-bottom:0.7em; } #main .itin_incl > div ul li, #main .trip .desc > ul li { padding:0.5em 0; } #main .itin_incl > div ul li i, #main .trip .desc > ul li i { padding:0.32em 0; } div.paragraph, p { color: #555; font-size: .9em; line-height: 1.5; margin: 0 auto 2.5em; } div.paragraph a, p a { text-decoration: underline; } .wsite-footer { font-size: .9em; } .wsite-footer h2 { font-size: 1.35em; } .wsite-footer div.paragraph, .wsite-footer p { color: #fff; } /* Columns ------------------------------------------------------------------------------------------------------*/ .row { margin: 0 -15px; } .col-6, .col-3, .col-9, .col-5, .col-7{ padding: 0 15px; float: left; } .col-6 { width: 50%; } .col-3 { width: 25%; } .col-9 { width: 75%; } .col-5 { width: 41.66666667%;; } .col-7 { width: 58.33333333%; } /* Header ------------------------------------------------------------------------------------------------------*/ #header { overflow: visible; z-index:11000; } #header .row0 a { color: rgba(255, 255, 255, 0.77); } #header .row0 { background:#00418c; color: rgba(255, 255, 255, 0.77); z-index:101; width: 100%; font-size: 14px; } /*#header .row0 .col-6:first-child { padding-left: 0; } #header .row0 .col-6:last-child { padding-right: 0; }*/ #header .row0 ul, #main .pp_but ul{ list-style: outside none none; margin: 0; padding: 0; } #header .row0 .col-6 > ul > li { float:left; margin-right: 6px; } #header .row0 .col-6 > ul > li a { display: block; margin-right: 10px; height: 40px; line-height: 40px; font-size: 14px; } #header .row0 ul li a .fa-envelope { padding-right: 3px; } #header .row0 .currency_wrap { float: right; margin-left: 10px; } #header .row1 { width: 100%; background: #f2f2f2; box-shadow:0 2px 0 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); position:relative; z-index:25; } #header .row1 .col-9 { text-align: right; } #header .row1 .contactinfo-box { display: inline-block; padding: 31px 0 31px 38px; margin-right: 40px; position: relative; text-align: left; } #header .row1 .contactinfo-box:last-child { margin-right: 0; } #header .row1 .contactinfo-box .icon { position: absolute; font-size: 32px; color: #ff7000; left: 0; top: 38px; } #header .row1 .contactinfo-box .icon i.fa { display:block; } #header .row2 .icon.icon-Phone2 { display: none; } #header .row1 .contactinfo-box h4 { display: block; padding: 0 0 8px 0; font-size: 18px; color: #1e73be; line-height: 1; font-weight:normal; font-family: "PT Sans"; } #header .row1 .contactinfo-box .contact-text { display: inline-block; padding: 0; font-size: 17px; color: #444; line-height: 1; font-family: "PT Sans"; } #logo { padding: 27px 0 28px 0; text-align:left; width:100%; } #logo a { display: block; } #logo a #wsite-title { display: block; font-family: "PT Sans"; font-size: 36px; padding: 0 0 8px 0; font-weight: bold; text-transform: uppercase; color: #ff7000; white-space: nowrap; line-height: 0.85; letter-spacing: -1px; } #logo a #wsite-title .color2 { color: #1e73be; } #logo a .subtext { display: block; text-align: left; font-family: "Montserrat", sans-serif; color: #777; font-size: 12px; padding: 0; white-space: nowrap; text-transform: uppercase; eight: 1; font-weight: 200; letter-spacing: 2px; } #header .row2 { width: 100%; background:#1e73be; color: #fff; /* box-shadow:0 4px 0 0 #00418c; -webkit-box-shadow: 0 4px 0 0 #00418c; -moz-box-shadow: 0 4px 0 0 #00418c; -ms-box-shadow: 0 4px 0 0 #00418c; -o-box-shadow: 0 4px 0 0 #00418c;*/ position: relative; z-index:100; } .row2 a.call-box { display: none; } /* Navigation ------------------------------------------------------------------------------------------------------*/ #menu-button, #navmobile, #mobile-input { display: none; } .stuck { position: fixed !important; top: 40px; left: 0; width: 100%; z-index: 15; } .stuck1 { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99999 !important; } .stuck2 { position: fixed !important; top: 135px; left: 0; width: 100%; z-index: 99999 !important; } #nav > ul li:last-child a { } .wsite-menu-default { margin: 0 auto; clear: both; } .wsite-menu-default:before, .wsite-menu-default:after { content: ""; display: table; } .wsite-menu-default:after { zoom:1; clear: both; } .wsite-menu-default li { list-style: none; display: block; float: left; } #wsite-menus .wsite-menu li { width: 300px !important; } .wsite-menu-default a, .wsite-menu li a, #wsite-menus .wsite-menu li a { display: block; padding: 7px 10px; color: #ffffff; font-size: 14px; text-transform: uppercase; } .wsite-menu-default a.wsite-menu-item{ padding: 0 9px; display:block; height:48px; line-height:50px; font-size:15px; } /*.wsite-menu-default > li:first-child a.wsite-menu-item{ padding-left: 0; } .wsite-menu-default > li:last-child a.wsite-menu-item{ padding-right: 0; }*/ #navmobile .wsite-menu-default a.wsite-menu-item { color:#333333; } .wsite-menu-default a.wsite-menu-item:hover, .wsite-menu-default #active a { background:#00418c; color:#ffffff !important; } .wsite-menu-default a:hover, .wsite-menu a:hover, .wsite-menu-default #active a { color: #111; } /* Submenus */ #wsite-menus .wsite-menu { box-shadow:0 0 3px 0 rgba(0,0,0,0.3), 0 4px 0 0 #00418c; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 4px 0 0 #00418c; -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 4px 0 0 #00418c; -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 4px 0 0 #00418c; -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 4px 0 0 #00418c; z-index:11000; } #wsite-menus > .wsite-menu-wrap { /*border-top:5px solid rgba(0,0,0,0.2);*/ border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; z-index:11000; } #wsite-menus .wsite-menu li a { background: #f2f2f2; color:#333333; border:none; border-bottom:1px solid #ccc; } #wsite-menus .wsite-menu li:last-child a { border-bottom:none; } #wsite-menus .wsite-menu li a:hover { background: #00418c; color:#ffffff; } #wsite-menus span.wsite-menu-title{ padding: 0; } .wsite-menu-arrow { font-size: 0 !important; } .wsite-menu-mobile-arrow { display: inline-block !important; font-size: inherit !important; padding: 0 5px; } .wsite-menu-mobile-arrow:before, .wsite-menu-arrow:before { display: inline-block; content: '\203A'; vertical-align: bottom; font-size: 20px; } .wsite-menu-back-item .wsite-menu-mobile-arrow:before { content: '\2039' !important; } /* Banner ------------------------------------------------------------------------------------------------------*/ .wsite-background { background: url(images/background.jpg) no-repeat center center /cover; } .banner-shade { background: rgba(0, 0, 0, .35); } #banner .container { width: 100%; display: table; } .banner-content { display: table-cell; vertical-align: middle; text-align: center; } .button-wrap { display: inline-block; } .banner-content h2, .banner-content p, .banner-content > div { margin: 0; padding: 15px 0; } #banner .wsite-headline, .splash-page h2 { font-family: 'Josefin Sans'; font-weight: bold; font-size: 45px; text-transform: uppercase; } #banner .wsite-headline-paragraph, .splash-page #banner { color: #fff; font-size: 1.5em; } .splash-page .paragraph, .splash-page p { color: #fff; } /* Banner Types ------------------------------------------------------------------------------------------------------*/ .landing-page #banner .container { height: 575px; } .landing-page #banner .wsite-button-highlight { color: #fff !important; border-color: #fff !important; background: transparent !important; } .landing-page #banner .wsite-button-highlight:hover { color: #333 !important; background: #fff !important; border-color: #fff !important; } .tall-header-page #banner .container { height: 325px; } .short-header-page #banner .container { height: 225px; } .title-header-page #banner .container { height: 260px; } .no-header-page #header { overflow: visible; } .no-header-page .row2 { position: relative; z-index: 2; } .no-header-page .row2, .stuck { box-shadow: $headerShadow; } body.splash-page { height: 100%; } .splash-page .wsite-background { background-attachment: fixed; } .splash-page { display: table; height: 100%; } .splash-page > div { display: table-row; } .splash-page .banner-shade { display: table-cell; } .splash-page #banner, .splash-page .banner-shade, .splash-page #banner .container { width: 100%; height: 100%; } /* Storefront ------------------------------------------------------------------------------------------------------*/ #wsite-com-store .wsite-com-content:not(.wsite-com-content-with-sidebar) { padding: 0 !important; } /* Category Blocks */ .wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap { border: none; } .wsite-com-category-subcategory-name-bg { opacity: .3; -webkit-transition: opacity 240ms linear; -moz-transition: opacity 240ms linear; -o-transition: opacity 240ms linear; -ms-transition: opacity 240ms linear; transition: opacity 240ms linear; } .wsite-com-category-subcategory-name { top: 0; } .wsite-com-category-subcategory-name-text { display: table; padding: 0; width: 100%; height: 100%; text-shadow: none; -webkit-transition: all 240ms linear; -moz-transition: all 240ms linear; -o-transition: all 240ms linear; -ms-transition: all 240ms linear; transition: all 240ms linear; } .wsite-com-category-subcategory-name-text span { display: table-cell; vertical-align: middle; font-family: 'Montserrat'; font-size: 1.25em; font-weight: normal; } .wsite-com-category-subcategory-link:hover .wsite-com-category-subcategory-name-bg { background: #558E74; opacity: .8; } /* Sidebar */ .wsite-com-content-with-sidebar .wsite-com-category-subcategory-group { display: none; } .wsite-com-sidebar { width: 140px; } #wsite-com-store #wsite-com-hierarchy ul .wsite-com-link-text { margin-bottom: 0; padding: 10px 0; } #wsite-com-store #wsite-com-hierarchy ul, .wsite-com-category-subcategory-name-text { font-family: 'Montserrat'; text-transform: uppercase; font-size: 1em; text-transform: uppercase; } #wsite-com-store #wsite-com-hierarchy ul a:hover, .wsite-selected a { color: #558E74; } /* Product Page */ #wsite-com-product-title { font-weight: bold; } .wsite-com-product-option-label { margin: 0 auto 5px; } .wsite-com-product-option-color .wsite-com-product-option-color-swatch { border-radius: 0; box-shadow: none; outline: none; } #wsite-com-product-price-area { font-size: 1.25em; } /* Blog ------------------------------------------------------------------------------------------------------*/ .blog-sidebar { width: 250px; } .blog-post .blog-separator { border: none !important; } .blog-title .blog-title-link { display: block; color: inherit; margin-bottom: .5em; line-height: 1; } .blogCommentReplyWrapper iframe { height: 450px !important; } /* Content Elements ------------------------------------------------------------------------------------------------------*/ /* Buttons */ .wsite-button, .wsite-button-inner, .blog-button, .blog-button span { height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; background-image: none !important; line-height: 1 !important; font-family: 'Montserrat'; text-transform: uppercase; } .wsite-button, .blog-button, .wsite-editor .wsite-button { padding: .85em 1.5em !important; color: #fff !important; background: #558E74 !important; border: 2px solid #558E74; } .wsite-button:hover, .blog-button:hover { background: #4C7F68 !important; border-color: #4C7F68 !important; } .wsite-button-highlight, .wsite-editor .wsite-button-highlight { color: #333 !important; border-color: #333 !important; background: transparent !important; } .wsite-button-highlight:hover { color: #fff !important; background: #333 !important; border-color: #333 !important; } /* Social Icons */ .wsite-social { white-space: normal; } .wsite-social-item { font-size: 1.25em; display: inline-block; margin: 0 8px 10px; color: inherit; } #header .wsite-social-item { font-size: 1em; margin: 10px 8px; } #header .wsite-social-item:before { vertical-align: middle; } .wsite-social-item:hover { color: #558E74; } /* Form Inputs */ .wsite-form-label { display: block; font-size: 1em !important; padding: 0 0 10px !important; } .wsite-form-sublabel { margin: 5px 0 -10px; } .wsite-form-input-container, .wsite-form-radio-container { margin-bottom: 25px; } input, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .wsite-form-input, .wsite-search-element-input, select, #commentPostDiv .field input[type=text], #commentPostDiv .field textarea { color: inherit; background: inherit; border: solid 2px #e4e3e2; padding: 5px !important; min-height: 36px !important; background: rgba(200, 198, 196, .1); box-sizing:border-box; -webkit-transition: all 240ms linear; -moz-transition: all 240ms linear; -o-transition: all 240ms linear; -ms-transition: all 240ms linear; transition: all 240ms linear; } .wsite-form-input:hover, .wsite-search-element-input:hover, #commentPostDiv .field input[type=text]:hover, #commentPostDiv .field textarea:hover, .wsite-form-input:focus, .wsite-search-element-input:focus, #commentPostDiv .field input[type=text]:focus, #commentPostDiv .field textarea:focus { border-color: #558E74; } .form-field-error .wsite-form-radio-container { border: none; } .wsite-phone-field .wsite-form-phone-separator { line-height: 2.5; } /* Dropdowns */ select { border-radius: 0; height: 38px !important; background: rgba(200, 198, 196, .1) url(images/dropdown.png) no-repeat right center /contain; } /* Checkboxes and Radio buttons */ .wsite-form-field input[type='checkbox'], .wsite-form-field input[type='radio'], .wsite-com-product-option-label input[type='radio'] { display: none; } .wsite-form-field input[type='checkbox'] + label:before, .wsite-form-field input[type='radio'] + label:before, .wsite-com-product-option-label input[type='radio'] + span:before { content: ''; display: inline-block; height: 10px; width: 10px; margin-right: 8px; background: #f9f9f8; border: solid 4px #f9f9f8; vertical-align: middle; -webkit-box-shadow: 0px 0px 0px 2px rgba(200, 198, 196, 0.4); -moz-box-shadow: 0px 0px 0px 2px rgba(200, 198, 196, 0.4); box-shadow: 0px 0px 0px 2px rgba(200, 198, 196, 0.4); } .wsite-form-field input[type='radio'] + label:before, .wsite-com-product-option-label input[type='radio'] + span:before { border-radius: 100%; } .wsite-form-field input[type='radio']:checked + label:before, .wsite-form-field input[type='checkbox']:checked + label:before, .wsite-com-product-option-label input[type='radio']:checked + span:before { background: #558E74; } .form-field-error input[type='radio'] + label:before, .form-field-error input[type='checkbox'] + label:before { -webkit-box-shadow: 0px 0px 0px 2px #cc0000; -moz-box-shadow: 0px 0px 0px 2px #cc0000; box-shadow: 0px 0px 0px 2px #cc0000; } /* Gallery Lightbox, Slideshows */ .imageGallery .galleryCaptionInnerText p, .imageGallery .galleryCaptionInnerText { font-weight: normal; font-family: 'Montserrat'; } .fancybox-skin { background: transparent !important; webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .fancybox-close { right: 20px; top: 18px; } .fancybox-close, .fancybox-next span, .fancybox-prev span { background: none !important; width: auto; height: auto; } .fancybox-close:before, .fancybox-next span:before, .fancybox-prev span:before { font-size: 50px; line-height: .5; color: #fff !important; } .fancybox-close:hover:before, .fancybox-next:hover span:before, .fancybox-prev:hover span:before { color: #fff !important; } .fancybox-close:before { font-family: 'Calibri'; font-size: 50px; content: '\00D7'; } .fancybox-prev span:before { content: '\3008'; font-family: arial; } .fancybox-next span:before { content: '\3009'; font-family: arial; } .fancybox-title { color: #fff; font-size: 1em; text-align: center; } .fancybox-overlay { background: rgba(22, 22, 22, .95); } #fancybox-thumbs ul li a { border: none; } #fancybox-thumbs ul li.active { opacity: 1; } /* Product element */ .wsite-product { border: solid 2px #e4e3e2; border-radius: 0; box-shadow: none; } .wsite-product-image { border: none; border-radius: 0; box-shadow: none; } /* Mini cart */ #wsite-mini-cart { color: #333333; position: fixed !important; top: auto !important; } #wsite-mini-cart div, #wsite-mini-cart li { border-color: #e4e3e2 !important ; } .wsite-cart-contents .wsite-product-list { border: none !important; } .wsite-product-list *, .wsite-cart-bottom { color: inherit !important; } .wsite-product-list .wsite-product-description { font-size: 13px; } /* Checkout */ .wsite-com-continue-shopping .caret { line-height: 1.5; vertical-align: middle; } .wsite-checkout-button { margin: 1px 0 !important; } /* Misc. */ #footer hr.styled-hr { background: #555; } /* Mobile & Tablet Displays ------------------------------------------------------------------------------------------------------*/ @media (min-width: 776px) { .container-res, #banner .slider h1, #banner .slider p.by { width: 750px; } #banner .slider h1, #banner .slider p.by { margin-left: -375px; } .submenu.fixed .inner { width: 720px; height: 100%; margin: 0 auto; } } @media (min-width: 992px) { .container-res, #banner .slider h1, #banner .slider p.by { width: 970px; } #banner .slider h1, #banner .slider p.by { margin-left: -485px; } .submenu.fixed .inner { width: 940px; height: 100%; margin: 0 auto; } } @media (min-width: 1200px) { .container-res, #banner .slider h1, #banner .slider p.by { width: 1200px; } #banner .slider h1, #banner .slider p.by { margin-left: -600px; } .submenu.fixed .inner { width: 1170px; height: 100%; margin: 0 auto; } } @media (max-width: 1200px) { #main .row .col-3 { width: 33.3%; } #main .row .col-3:nth-child(1), #main .row .col-3:nth-child(2), #main .row .col-3:nth-child(3) { padding-bottom:45px; } #main .trip > div { width:60%; } #main .aftertitle { margin-top:0; } #main :not(.popular) > .trip > div { padding:30px; } #main :not(.popular) > .trip > div.desc { padding-bottom:10px; padding-top: 10px; width: 100%; } #main :not(.popular) > .trip > div:last-child { padding-top:10px; width: 100%; } #main .trip > div:first-child { width: 40%; } #main .trip > div:last-child { width: 100%; padding-top: 30px; } #main .trip > div:last-child a.book, #main .trip > div:last-child a.read_more #main .trip > div:last-child form.pp_but { float:left; margin: 10px 10px 0 0; } #main :not(.popular) > .trip .trip_info { display: inline-block; margin-right: 10px; } #main :not(.popular) > .trip .trip_info, #main :not(.col3) > .trip .trip_info { display: inline-block; } #main :not(.popular) > .trip .trip_info .info_value, #main :not(.col3) > .trip .trip_info .info_value { display: inline; text-align: left; padding: 0 0 0 4px; } #main .popular .trip, #main .popular.col3 .trip { margin: 0 0 4% 4%; width: 48%; } #main .popular .trip:nth-child(1), #main .popular .trip:nth-child(3), #main .popular.col3 .trip:nth-child(1), #main .popular.col3 .trip:nth-child(3) { margin-left: 0; } #main .popular .trip:nth-child(3), #main .popular .trip:nth-child(4), #main .popular.col3 .trip:nth-child(3){ margin-bottom: 0; } #main .popular .trip > div.effect, #main .popular.col3 .trip > div.effect{ padding-top: 75%; } #main .awards > div .awards-sm{ padding:0 0 0 3em; } .cbp-vm-view-grid .cbp-vm-desc .cbp-vm-title{ font-size: 1.09em; font-family: 'Roboto Condensed'; } #main .listing-nav > div > a, #main .listing-nav2 > div > a { font-size: 24px; padding-top: 40%; } .grid-item .popular-info h4{ margin-bottom:0; font-size:18px; } } @media (max-width: 992px) { body { height: 100%; } #header .row1 .col-3, #header .row1 .col-9 { width: 50%; } #main .row .col-3 { width: 50%; } #main .row .col-3:nth-child(3) { padding-bottom:0; } .form_wrap { background:none; padding: 30px 20px; margin-top:0; /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;*/ } .form_wrap .ms-options-wrap > .ms-options { width: 100%; } .contact_form > ul > li{ display:block; float: left; width: 50%; padding: 10px; text-align:left; position:relative; box-sizing:border-box; } .contact_form > ul > li > input, .contact_form > ul > li > span > input, .ms-options-wrap > button, .contact_form > ul > li > textarea { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.35); -ms-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.35); -o-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.35); } .footer-form { width:80%; } .cbp-vm-view-grid > ul > li:nth-child(3n+1) { margin: 0 0 2% 2%; } .cbp-vm-view-grid > ul > li:nth-child(2n+1) { margin: 0 0 2% 0; } .cbp-vm-view-grid > ul > li { display: block; float: left; margin: 0 0 2% 2%; width: 49%; padding: 0; visibility: visible; } #main .submenu .inner a.book { display: block; float: right; margin: 18px 0 18px 25px; padding: 12px 20px; font-size: 16px; } #main .listing-nav > div > a, #main .listing-nav2 > div > a { font-size: 20px; padding-top: 40%; } .submenu.fixed .inner .inner-col{ width: 100%; } .cbp-vm-view-list .cbp-vm-image a { padding-top: 100%; } .submenu-wrap > div:first-child { width: 100%; } .submenu-wrap > div:last-child { width: 100%; position: static !important; padding-left: 0px; } .submenu-wrap > div:last-child .map-responsive { margin-top: 50px; padding-bottom: 70%; } /* Header ------------------------------------------------------------------------------------------------------*/ .wsite-logo img { max-width: 400px; max-height: 75px; } .row2 .container > div { text-align: center; width: 100%; } #main .trip > div:last-child { padding-top: 10px; } #banner .slider h1 { margin-top: 20px; } #main .about a.picture { width:40%; } #main .divespots a.picture { width:42%; padding-top:40%; } footer { font-size:15px; } footer .container-res .footer_column.quick-links ul li { padding:4px 0; font-size:14px; } footer .container-res .footer_column { width:40%; } footer .container-res .footer_column:first-child { width:60%; } footer .container-res .footer_column:last-child { display: none; } #footer { font-size:16px; } #footer .copyright { color:rgba(255, 255, 255, 0.5); font-size:14px; } #main .awards > div .awards-sm{ padding:0 0 0 2em; margin-bottom: 2em; } #main .awards > div .awards-sm:last-child{ margin-bottom: 0; } #footer .container-res .footer_column { width:30%; } #footer .container-res .footer_column:first-child { width:35%; } #footer .container-res .footer_column:last-child { width:35%; } #footer .container-res .footer_column .icons a.tripadv { background:url(images/tripadvisor-logo.png) no-repeat 45% 10%; background-color:#eee; background-size: cover; border-radius:4px; width:82px; height:60px; } #footer .container-res .footer_column .icons a.face { background:url(images/facebook-logo.png) no-repeat center center; background-color:none; border-radius:4px; width:60px; height:60px; } #footer .container-res .footer_column .icons a:last-child, #footer .container-res .footer_column .icons img:last-child { margin:0; } #main .itin.itin_contact > div { width:100%; } #main .itin.itin_contact > div:first-child { width:100%; margin-bottom: 40px; } /* Navigation ------------------------------------------------------------------------------------------------------*/ #wsite-menus { display: none !important; } #menu-button, .wsite-nav-cart { display: block; float: left; margin: 10px 0; width: 24px; height: 20px; vertical-align: middle; } .row2 #nav { display: none; } .row2 a.call-box { display: block; float: right; color: #fff; font-size: 16px; height: 40px; line-height: 40px; padding-left: 30px; background-image: url(images/WhatsApp-24.png); background-position: 0 center; background-repeat: no-repeat; } #header .row1 .col-9 .contactinfo-box:first-child { display: none; } #header .container { padding:10px 20px; } .hamburger { position: relative; } .hamburger span, .hamburger:before, .hamburger:after { position: relative; display: block; width: 24px; height: 4px; background: #ffffff; -webkit-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); -moz-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); -o-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); -ms-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53); } .hamburger:before, .hamburger:after { content: ''; } .hamburger span { margin: 4px 0; } body.menu-open #header .hamburger:before { top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } body.menu-open #header .hamburger:after { top: -9px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } body.menu-open #header .hamburger span { opacity: 0; } #navmobile { position: absolute; top: auto; left: 0; display: block; width: 100%; padding: 40px 0 65px; box-sizing: border-box; background: rgba(255,255,255,0.7); color: #ffffff; opacity: 0; z-index: 20; -webkit-transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, -webkit-transform .1s .35s ease-in-out; -moz-transition: opacity .35s ease-in-out,z-index .1s .35s ease-in-out, -moz-transform .1s .35s ease-in-out; -o-transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, -o--transform .1s .35s ease-in-out; -ms-transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, -ms-transform .1s .35s ease-in-out; transition: opacity .35s ease-in-out, z-index .1s .35s ease-in-out, transform .1s .35s ease-in-out; } .postload #navmobile { height: 100%; overflow: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } #navmobile > ul { display: block; width: 100%; } .postload #navmobile > ul { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width:90%; margin:auto; background:#f2f2f2; box-shadow:0 0 3px rgba(0,0,0,0.2); border-radius:4px; } body.menu-open #header .row1 { display: none; } body.menu-open #header .row2 { position: fixed; top: 0; left: 0; width: 100%; z-index: 25; } body.menu-open #header #navmobile { display: block; position: fixed; opacity: 1; z-index: 25; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; -ms-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } #navmobile li { display: block; text-align: center; } .wsite-menu-default a, .wsite-menu li a { display: inline-block; font-size: 16px; padding: 10px 15px; } .wsite-menu-wrap { display: block !important; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } body.postload .wsite-menu { max-height: 0; overflow: hidden; background: rgba(0, 0, 0, .1); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .accordion.open > .wsite-menu { max-height: 100vh; } .expand:before { content: '+'; display: inline-block; } .accordion.open > a > .expand:before { content: '–'; } /* Commerce ---------------------------------------*/ /* Cart Link Icon */ .wsite-nav-cart a { position: relative; padding: 0; font-size: 0; overflow: hidden; display: block; margin: 0; } .wsite-nav-cart a span { position: relative; font-size: 12px; font-family: arial, sans-serif; display: block; padding: 3px 0 7px; color: #558E74; width: 24px; text-align: center; z-index: 1; } .wsite-nav-cart a span:before { content: ''; position: absolute; top: 1px; left: 0; display: block; width: 16px; height: 0; border-top: 15px solid #ffffff; border-left: 4px solid transparent; border-right: 4px solid transparent; z-index: -1; } .wsite-nav-cart a span:after, .wsite-nav-cart a:after { content: ''; position: absolute; bottom: 0; left: 6px; width: 4px; height: 4px; border-radius: 100%; display: block; background: #ffffff; } .wsite-nav-cart a:after { left: auto; right: 6px; } /* Mini Cart & Checkout */ #wsite-mini-cart { position: absolute !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; border-radius: 0 !important; border: none !important; border-top: 1px solid rgba(255, 255, 255, .15) !important; box-shadow: none !important; background: #558E74 !important; color: #ffffff !important; padding: 1.5em !important; box-sizing: border-box; } #wsite-mini-cart .wsite-product-list { display: block; max-height: 300px; overflow: auto; } #wsite-mini-cart .wsite-items-right { width: 30%; padding-right: 0; } #wsite-mini-cart .wsite-product-list > li { display: table; width: 100%; } #wsite-mini-cart:before, #wsite-mini-cart:after { display: none !important; } #wsite-mini-cart *, #wsite-com-checkout-list { font-size: 15px !important; } .wsite-com-continue-shopping .caret { font-size: 0.65em; } .wsite-product-list li { border: none; } /* Blog Index ---------------------------------------*/ #blogTable > tbody > tr > td { display: block !important; width: 100% !important; margin: 0 auto; padding: 0 !important; } .blog-body { float: none !important; } .blog-sidebar .column-blog { width: 100%; float: none; padding-top: 2em; } .blog-sidebar-separator { padding: 0; } .col-5, .about-us .row .col-6 { width: 100%;; } .about-us .col-5, .about-us .row .col-6:first-child { margin-bottom:30px; } .embed-responsive-16by9 { padding-bottom: 360px; } .col-7 { width: 100%; } .grid-item .popular-info h4 { color:#fff; font-family:"Montserrat"; font-weight:400; font-size:20px; line-height:1.1; text-transform:uppercase; margin:0 0 3px 0; } } @media (max-width: 860px) { #main .details > div { width: 100%; } #main .details .details-intro { padding-right: 0; } .submenu.fixed { position: fixed; top: 80px; left: 0; width: 100%; } #main .details .details-intro a.book { margin-bottom: 50px; } #main h1.left-align { font-size: 2.1em; } #main .details .details-intro .details-price { font-size: 1.2em; color: #666; margin: 30px 0; } } @media (max-width: 776px) { /* General Structure ---------------------------------------*/ body { font-size: 14px; } #main .row .col-3 { width: 100%; } #main .row .col-3:nth-child(1), #main .row .col-3:nth-child(2), #main .row .col-3:nth-child(3) { padding-bottom:45px; } #header .row1 .col-9 .contactinfo-box:last-child { display: none; } #header .row1 .col-3 { float: none; width: 100%; text-align: center; } #header .row1 .col-3 #logo { display: inline-block; width: auto; } .wsite-multicol-col { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 auto 1em !important; } .container, .wsite-footer { padding: 2.5em 1.5em; } .cbp-vm-view-list .cbp-vm-desc .cbp-vm-title { font-size: 20px; color: #444; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; margin-top: 10px; } .stuck { position: fixed !important; top: 40px; left: 0; width: 100%; z-index: 15; } .cbp-vm-view-grid .cbp-vm-desc .cbp-vm-title{ font-size: 1.2em; } .cbp-vm-view-list .cbp-vm-image { width: 100%; } .cbp-vm-view-list .cbp-vm-image a { padding-top: 60%; } .cbp-vm-view-list .cbp-vm-desc { width: 100%; } .cbp-vm-view-list .cbp-vm-desc .cbp-vm-title { font-size: 20px; color: #444; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; margin-top: 10px; } .submenu .inner a.subNavBtn { position: relative; display: block; float: left; padding: 15px 22px; color: #959595; font-size: 1.0em; text-transform: uppercase; text-align: center; border-bottom: 2px solid #959595; } /* Header ------------------------------------------------------------------------------------------------------*/ /*#header .row0 .col-6 { float: none; width: 100%; text-align: center; } #header .row0 .col-6 > ul > li > a { height: auto; line-height: 1; font-size: 15px; } .polyglot-language-switcher > a.pls-selected-locale { height: auto; line-height: 1; font-size: 15px; padding-top: 8px; padding-bottom: 15px; } .polyglot-language-switcher > a.pls-selected-locale:after, .nice-select:after { top: 40%; } .nice-select { height: auto; line-height: 1; font-size: 15px; padding-top: 10px; padding-bottom: 15px; } #header .row0 ul { list-style: outside none none; margin: 0; padding: 0; text-align: center; }*/ /*#header .row0 .col-6 > ul > li, #header .row0 .col-6 > div { float:none; display: inline-block; } #header .row0 .col-6 > ul > li { padding-top: 15px; }*/ #banner .slider h1 { font-size: 50px; margin-top: 20px; } #banner .slider p.by { font-size: 26px; } #main .trip > div { width:100%; float: none; } #main .trip > div:first-child { width: 100%; } #main .trip > div:last-child { width: 100%; margin-bottom: 0; } #main .trip > div:last-child a.book, #main .trip > div:last-child a.read_more #main .trip > div:last-child form.pp_but { float:left; margin: 10px 10px 0 0; } #main .divespots a.picture { width:100%; padding-top:75%; margin: 0 0 2em 0; float: none; max-width: 776px; } #main .divespots:last-child a.picture { margin: 0 0 2em 0; } #footer .container-res .footer_column { width:40%; } #footer .container-res .footer_column:first-child { width:60%; } #footer .container-res .footer_column:last-child { display: none; } .row1 .social, .ro1 .left-side .row1 .phone-number, .row2 #nav { padding-left: .5em; } .row1 .social { text-align: center; } .row1 .search { width: 36px; } .row1 .search .wsite-search-button { width: 40px; border: none; } .row1 .search .wsite-search-input { width: 0; padding: 0 0 0 36px !important; } #header .wsite-social-item { margin: 6px; } .row1 .phone-number { white-space: normal; } .row1 .phone-number > span, .polyglot-language-switcher > a { font-size: 13px; } #main .itin.transf > div:first-child, #main .itin.transf > div:last-child { width:50%; font-size: 15px; float: none; margin: 0 auto 40px auto; } #main .itin.transf > div h4, #main .itin > div div.itin_time_wrap h3 { text-align: center; } #main .itin > div ul.itin_time.transfers li { overflow: hidden; clear: both; } #main .itin > div .itin_time_wrap ul.itin_time.transfers li { text-align: right; } #main .itin > div ul.itin_time.transfers.km li span { width: auto; } #main .itin > div ul.itin_time.transfers li span { float: left; display:block; width:auto; font-weight:normal; } #main .itin > div ul.itin_time.transfers li span.tabl_price { float: right; } .wsite-logo img { max-width: 200px; max-height: 50px; } #wsite-title { font-size: 1.8em; } #main .itin_table >div:last-child { display: none; } /* Navigation ------------------------------------------------------------------------------------------------------*/ /* Banner ------------------------------------------------------------------------------------------------------*/ #banner .wsite-headline, .splash-page h2 { font-size: 36px; } .banner-content h2, .banner-content p, .banner-content > div { padding: 10px 0; } /* Banner Types ------------------------------------------------------------------------------------------------------*/ .landing-page #banner .container { height: 300px; } .tall-header-page #banner .container { height: 250px; } .short-header-page #banner .container { height: 150px; } .title-header-page #banner .container { height: 175px; } /* Commerce ---------------------------------------*/ #wsite-mini-cart .wsite-product-list { max-height: 250px; } #wsite-mini-cart .wsite-items-right { width: 50%; } #wsite-mini-cart .wsite-product-list .wsite-list-image-container { margin: 5px !important; } #wsite-mini-cart .wsite-items-right { padding-right: 5px; } #wsite-mini-cart .wsite-description-wrapper { padding-left: 5px; } #wsite-mini-cart .wsite-product-image, .wsite-list-image-container, #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image { width: 30px !important; height: 30px !important; padding: 5px !important; } .wsite-com-checkout-item-remove { display: block !important; margin: 5px auto 0 !important; top: auto !important; left: auto !important; } /* Storefront ---------------------------------------*/ .wsite-com-sidebar, .wsite-com-content-with-sidebar { display: block; width: 100%; margin: 0 auto; padding: 0; text-align: center; } .wsite-com-sidebar:before { content: 'CATEGORIES'; display: inline-block; font-family: 'Montserrat'; font-size: 16px; margin: 0 auto 10px; vertical-align: top; background: url(images/dropdown2.png) no-repeat right top /contain; padding-right: 20px; } #wsite-com-hierarchy { max-height: 0vh; overflow: hidden; -webkit-transition: all 600ms linear; -moz-transition: all 600ms linear; -o-transition: all 600ms linear; -ms-transition: all 600ms linear; transition: all 600ms linear; } .open #wsite-com-hierarchy { max-height: 100vh; } #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { width: 50% !important; } /* Product Page ---------------------------------------*/ #wsite-com-product-images, select { width: 100% !important; } #wsite-com-product-images, #wsite-com-product-images .wsite-com-column { float: none !important; } #wsite-com-product-info { margin-left: 0 !important; margin-top: 25px; } /* Checkout Page ---------------------------------------*/ .wsite-com-checkout-payment-column, .wsite-com-checkout-summary-column { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 auto 1em !important; } #wsite-com-checkout-cart-footer { text-align: center; } .wsite-com-continue-shopping { display: block; margin: 0 auto 5px; } #wsite-com-checkout-cart-footer form { float: none !important; } #wsite-com-checkout-list, #wsite-com-checkout-list * { font-size: 12px !important; } #wsite-com-checkout-payment-order { margin-left: 0; } #wsite-com-checkout-list .wsite-coupon-input, #wsite-com-checkout-summary-list .wsite-coupon-input { width: 120px; } /* Content Elements ---------------------------------------*/ .imageGallery > div { width: 50% !important; } .galleryCaptionHover .galleryCaptionHolder { display: none !important; } .galleryImageHolder .galleryCaptionInnerText { font-size: 10px; margin: 5px auto; line-height: 1; } /* Search Results */ #wsite-search-results, #wsite-search-product-results .wsite-search-product-result { width: 100% !important; padding: 0 !important; } #wsite-search-form-container { float: none; width: 100%; margin-top: 10px; } #wsite-search-sidebar { display: block; width: 100%; margin: 0 auto; padding: 0; text-align: center; } #wsite-search-sidebar:before { content: 'FILTER'; display: inline-block; font-family: 'Montserrat'; font-size: 16px; margin: 20px auto; vertical-align: top; background: url(images/dropdown2.png) no-repeat right top /contain; padding-right: 20px; } .wsite-search-filter { display: none; } #wsite-search-sidebar { max-height: 50px; overflow: hidden; -webkit-transition: all 600ms linear; -moz-transition: all 600ms linear; -o-transition: all 600ms linear; -ms-transition: all 600ms linear; transition: all 600ms linear; } #wsite-search-sidebar.open { max-height: 800px; } .imgPusher + span { display: 100% !important; } .imgPusher + span, .imgPusher + span * { display: block !important; margin-left: 0 !important; margin-right: 0 !important; } .grid-item .popular-info h4 { color:#fff; font-family:"Montserrat"; font-weight:400; font-size:18px; line-height:1.1; text-transform:uppercase; margin:0 0 0px 0; } } @media (max-width: 690px) { .cbp-vm-view-grid > ul > li:nth-child(2n+1), .cbp-vm-view-grid > ul > li:nth-child(3n+1) { margin: 0 0 6% 0; } .cbp-vm-view-grid > ul > li { display: block; float: left; margin: 0 0 6% 0; width: 100%; padding: 0; visibility: visible; } .cbp-vm-view-grid .cbp-vm-desc .cbp-vm-title{ font-size: 1.3em; } } @media (max-width: 650px) { #main .popular .trip, #main .popular.col3 .trip{ margin: 0 0 40px 0; width: 100%; float: none; } #main .popular .trip:nth-child(3) { margin-bottom: 40px; } #main .popular .trip:nth-child(4) { margin-bottom: 0; } #main .itin { width:100%; margin-top:40px; color:#666; } #main .itin > div { width:100%; box-sizing:border-box; float:none; } #main .itin:not(.itin_contact) > div:first-child { width: 100%; } #main .itin:not(.itin_contact) > div:first-child h3 { margin-top: 0; } #main .itin_incl > div { float:none; font-size:15px; width:100%; padding-left: 0; } #main .itin_incl > div:first-child { margin-bottom: 0px; } #main .listing-nav > div:nth-child(3n+1) { margin: 0 0 2% 2%; } #main .listing-nav > div:nth-child(2n+1) { margin: 0 0 2% 0; } #main .listing-nav > div { display: block; float: left; margin: 0 0 2% 2%; width: 49%; padding: 0; visibility: visible; } #header .row0 .col-6:first-child { width:auto; float: left; } #header .row0 .col-6:last-child { width: auto; float: right; } } @media (max-width: 600px) { #banner .slider h1 { font-size: 40px; } #main .about a.picture { width:100%; float: none; } #banner .slider p.by { display: none !important; } footer .container-res .footer_column { width:100%; float: none; } footer .container-res .footer_column:first-child { width:100%; margin-bottom: 20px; } footer .container-res .footer_column.quick-links { padding-left:0; } footer .container-res .footer_column ul li { text-align: left; } footer .footer-form { width:100%; } #footer .container-res .footer_column { width:100%; float: none; } #footer .container-res .footer_column:first-child { width:100%; margin-bottom: 20px; } #footer .container-res .footer_column ul li { text-align: center; } #main .trip .trip_info { display: block; margin-right: 0; } #main .awards > div .awards-sm:last-child{ margin-bottom: 0; padding-left: 0; padding-right: 2em; } .submenu .inner a.subNavBtn { position: relative; display: block; float: left; padding: 12px 11px; color: #959595; font-size: 0.9em; text-transform: uppercase; text-align: center; border-bottom: 2px solid #959595; } #main .submenu .inner a.book { font-size: 16px; margin-left: 16px; margin: 12px 0 13px 12px; } #header .row0 .col-6 > ul > li { float:left; margin-right: 3px; } #header .row0 .col-6 > ul > li a { display: block; margin-right: 10px; height: 40px; line-height: 40px; font-size: 13px; } } @media (max-width: 520px) { #header .row0 .col-6:first-child { float: none; width: 100%; text-align: center; } #header .row0 .col-6:last-child { float: none; width: 100%; text-align: center; } #header .row0 .col-6 > ul > li > a { height: auto; line-height: 1; font-size: 15px; } .polyglot-language-switcher > a.pls-selected-locale { height: auto; line-height: 1; font-size: 15px; padding-top: 8px; padding-bottom: 15px; } .polyglot-language-switcher > a.pls-selected-locale:after, .nice-select:after { top: 40%; } .nice-select { height: auto; line-height: 1; font-size: 15px; padding-top: 10px; padding-bottom: 15px; } #header .row0 ul { list-style: outside none none; margin: 0; padding: 0; text-align: center; } #header .row0 .col-6 > ul > li, #header .row0 .col-6 > div { float:none; display: inline-block; } #header .row0 .col-6 > ul > li { padding-top: 15px; } .stuck { top: 73px; } } @media (max-width: 480px) { .contact_form > ul > li{ display:block; float: none; width: 100%; text-align:left; position:relative; box-sizing:border-box; } #main .itin_table { display: none; } .submenu .inner a.subNavBtn { position: relative; display: block; float: left; padding: 12px 10px; color: #959595; font-size: 0.9em; text-transform: uppercase; text-align: center; border-bottom: 2px solid #959595; } }