/* Theme Name: Soho Theme URI: http://clapat.ro/themes/soho-wordpress/ Description: Responsive Wordpress Theme Version: 1.1 Author: Clapat Author URI: http://themeforest.net/user/clapat Created Date: 21/03/2016 License: Themeforest License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options Text Domain: soho */ /*------------------------------------------------------------------ 01. General Styles 02. Preloader 03. Header 04. Secondary Menu 05. Full Screen Overlay Menu 06. Content Styles 07. Portfolio Filters 08. Portfolio Items 09. Portfolio Isotope Transitions 10. Project Page 11. Blog Page 12. Contact Page 13. Image & Div Animation 14. Shortcodes 15. Footer 16. Responsive Media Querries -------------------------------------------------------------------*/ @font-face { font-family: 'hillbelly_trialregular'; src: url('fonts/hillbelly-trial.regular-webfont.woff') format('woff2'), url('fonts/hillbelly-trial.regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* 1. General Styles */ html,body{ font-family: 'Heebo', sans-serif;font-weight: 400;font-size:15px; height:100%;width:100%;color:#000;background-color:#fff; } html { box-sizing: border-box; margin-right: 0px!important; overflow: visible!important; } body { overflow-x:hidden; overflow-y:scroll; box-sizing: border-box; } body.no-content { overflow-y:hidden; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, footer, header, hgroup, nav, section { display: block; } audio, canvas, { display: inline-block; max-width: 100%; } address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 700; } cite, dfn, em, i { font-style: italic; } mark, ins { background: none repeat scroll 0 0 #000; text-decoration: none;color:#fff;font-family: "Montserrat",sans-serif;font-size: 10px;font-weight: 400;letter-spacing: 4px;text-transform: uppercase; padding:2px 5px; margin-bottom:10px; display:inline-block; } code, kbd, tt, var, samp, pre {font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens:none; -ms-hyphens:none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: "";content: none; } blockquote { color: #000; font-size: 18px; font-style: italic; font-weight: 300; line-height: 30px; margin-bottom: 24px; font-family:Georgia, "Times New Roman", Times, serif; border-left:2px #ddd solid; padding:20px 20px 20px 40px; letter-spacing: 0.01em; } blockquote span { display:block; margin-top:20px; font-weight:400; font-size:12px; font-style:normal; font-family: Verdana,Geneva,sans-serif; color:#999; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { margin-bottom: 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } li { line-height: 20px; color:#000; margin-bottom:10px; } .figure img { max-width:none; max-height:none; }o fieldset { border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px; padding: 11px 12px 0; } legend { white-space: normal; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #767676; } hr { border: 0; height: 50px; width:100%; float:none; margin:0; display:inline-block; } hr.small { height:20px; } hr:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } ::selection { background: #000; color: #fff; text-shadow: none; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } img { border: 0 none; max-width: 100%; vertical-align: middle; height:auto; } h1, h2, h3, h4, h5, h6 { font-weight: 700; sans-serif; color:#222; margin-bottom:10px; } h1.big-title, h2.big-title, h3.big-title { font-size: 64px; font-style: normal; font-weight: 700; line-height: 1em; margin-left:-7px; } h1{ font-size:44px; line-height: 54px; margin-left:-1px; } h2{ font-size: 36px; line-height: 48px; margin-left:-1px; } h3{ font-size:30px; line-height: 36px; margin-left:-1px; color: #24602f;} h4{ font-size:24px; line-height: 30px; margin-left:-1px; color: #24602f; } h5{ font-size:18px; line-height: 24px; margin-left:-1px; color: #24602f;} h6{ font-size:14px; line-height: 18px; } .light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6, .light-content p { color: #fff; } .title-has-line {position:relative; margin-bottom:35px; } .title-has-line:after { background: none repeat scroll 0 0 #d28e3d; bottom: -15px; content: ""; height: 1px; left: 0; position: absolute; width: 30px; } .text-align-center .title-has-line:after { background: none repeat scroll 0 0 #d28e3d; bottom: -15px; content: ""; height: 1px; left: 50%; margin-left: -20px; position: absolute; width: 30px; } .text-align-right.title-has-line:after {background: none repeat scroll 0 0 #d28e3d; bottom: -15px; content: ""; height: 1px; left: 50%; margin-left: -20px; position: absolute; width: 30px; } p { font-size:15px; margin-bottom:20px; line-height:24px; color:#000; font-family: 'Heebo', sans-serif !important } p.no-margins { margin-bottom:0; } .bigger, .bigger p { font-family: 'Heebo', sans-serif; font-size: 24px!important; font-weight: 400!important; line-height:36px!important; color:#222; } .smaller, .smaller p {font-family: "Montserrat",sans-serif; font-size: 10px!important; font-weight: 400!important; letter-spacing: 3px!important; color:#777; text-transform:uppercase; } .container { width:1440px; margin:0 auto; } .small .container { width:800px; } .full .container { width:100%; } .padding-full .container { width:100%; box-sizing:border-box; padding:0 50px; } .container.portfolio { width:1320px; } .container::after { clear: both; content: " "; display: table; } a:hover, a:active { outline: 0; color: #000; } a { text-decoration: none; -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; } a {color: #222;outline: 0; } .light-link { color:#fff; } a:hover { text-decoration:none;} .one_half { width: 47%; } .one_third { width: 30.6%; } .one_fourth { width: 22%; } .one_fifth { width: 16.8%; } .one_sixth { width: 13.33%; } .two_fifth { width: 37.6%; } .two_fourth { width: 48%; } .two_third { width: 65.33%; } .three_fifth { width: 58.4%; } .three_fourth { width: 74%; } .four_fifth { width: 79.2%; } .five_sixth { width: 82.67%; } .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left; margin-bottom: 20px; margin-right: 4%; position: relative; } .one_half { float: left;margin-bottom: 20px; margin-right: 6%; position: relative;} .last { margin-right:0px; } .text-align-center { text-align:center; } .text-align-left { text-align:left; } .outer { display:table; width:100%; height:100%; } .inner { display:table-cell; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .vc_row { position:relative; z-index:10; } span.car_rental {display: none;} .car_rental_inner {font-size: 15px;display: block;color: #24602f;} div#home_tour_content span.tour_gift_list {display: none;} a.car_rental_inner {color: #24602f;font-size: 15px;} div#home_six_layout span.tour_gift_list {display: none;} .no-composer { padding-top:60px; padding-bottom:60px; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 0px!important; } button.mfp-close, button.mfp-arrow:before { background:url(https://www.scootntourcayman.com/wp-content/themes/soho/css/default-skin/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; } button.mfp-close { width: 44px; height: 44px; color: transparent; background-position: 0 -44px; } button.mfp-arrow { width: 70px; height: 100px; opacity: .9; } button.mfp-arrow:hover, button.mfp-close:hover { background-color: transparent; } button.mfp-arrow:after { display: none; } button.mfp-arrow:before { content: ''; position: absolute; top: 35px; height: 30px; width: 32px; border: 0; margin: 0; } button.mfp-arrow-left:before { left: 6px; background-position: -138px -44px; } button.mfp-arrow-right:before { left: auto; right: 6px; background-position: -94px -44px; } .mfp-title { display: inline-block; position: fixed; bottom: 4px; left: 0; padding: 0 8px; font-size: 13px; line-height: 27px; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .mfp-counter { position: fixed; top: 14px; left: 14px; font-size: 13px; font-weight: 400; color: #fff; opacity: .85; } .mfp-removing button, .mfp-removing .mfp-title { opacity: 0; } .mfp-figure:after { box-shadow: none; } /* zoom-in animation */ html { -webkit-backface-visibility: hidden; } .mfp-ready .mfp-figure { opacity: 0; } .mfp-zoom-in .mfp-figure { opacity: 0; transition: all 0.2s ease-out; transform: scale(0.9); } .mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader { opacity: 0; transition: all 0.2s ease-out; } .mfp-zoom-in.mfp-image-loaded .mfp-figure { opacity: 1; transform: scale(1); } .mfp-bg { background: #fff; } .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 0.95; } .mfp-zoom-in.mfp-removing .mfp-figure {transform: scale(0.9); opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader { opacity: 0; } .mfp-preloader { width: 88px; height: 8px; opacity: 0.65; margin: 0 auto; background: url(https://www.scootntourcayman.com/wp-content/themes/images/bckg/loading-light.gif) center center no-repeat; background-size: 88px 8px; } /* fade image change */ .mfp-image-loaded .mfp-figure { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-backface-visibility: hidden; } @-webkit-keyframes fadeIn{ 0%{ opacity:0 } 100%{ opacity:1 } } @keyframes fadeIn{ 0%{ opacity:0 } 100%{ opacity:1 } } /*-------------------------------------------------- NEW ADDED ---------------------------------------------------*/ #black-fade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; z-index: 15; -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -o-transition: opacity 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s; } #black-fade.fade-in { opacity: 0.8; } #black-fade.display-hide{ visibility: hidden; opacity:0; } #black-fade:hover { cursor: pointer; } header { -webkit-transition: all 0.3s ease-in-out, opacity 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out, opacity 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out, opacity 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out, opacity 0.3s ease-in-out 0.2s; opacity:1; margin:0 auto; position: fixed!important; width:100%; z-index:250; box-sizing: border-box; left:0; background-color:transparent; overflow:hidden; top:0; } header.show-menu { background-color:transparent!important; } header.show-share { background-color:#fff; top:0!important; } header.hidden { opacity:0; } header.header-bg-black { /*background-color:#111;*/ background-color:rgba(0, 0, 0, 0.9);} header.header-bg-white { background-color:#fff; } header.nav-hide { top:-100px; } #header-container {max-width: 1580px; margin:0 auto; box-sizing:border-box; padding:0; height:130px; z-index:20; left:0; } #logo { float:left; position:relative; z-index:1000; width: 21% } #logo a { display:block; margin-left:40px; } #logo img { margin:15px 0; width:auto; display: inline-block; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .logo-positive { display:block; } .logo-negative { display:none; } .negative .logo-negative { display:block; } .negative .logo-positive { display:block;} header.show-menu .logo-negative { display:block; } header.show-menu .logo-positive { display:none; } header.show-share .logo-negative { display:none; } header.show-share .logo-positive { display:block; } header:hover .menu-categories { opacity:1; } .header-title { font-size:20px; font-weight:600; color:#000; margin-bottom:40px; } header .outer { position:absolute; top:0; background-color: #eee; width:400px; } header .inner { vertical-align:top; padding-right:120px; padding-left:60px; padding-top:30px; opacity:0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .show-menu .inner { opacity:1; -webkit-transition: opacity 0.35s ease-in-out 0.3s; -moz-transition: opacity 0.35s ease-in-out 0.3s; -o-transition: opacity 0.35s ease-in-out 0.3s; -ms-transition: opacity 0.35s ease-in-out 0.3s; transition: opacity 0.35s ease-in-out 0.3s; } .secondary-menu { position:absolute; right:100px; line-height:30px; top:35px; font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform:uppercase; cursor:pointer; color:#000; opacity:0.5; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } header.show-share .secondary-menu { color:#000; } .negative .secondary-menu { color:#fff; } .secondary-menu:hover { opacity:1; } header.show-menu .secondary-menu { display:none; } nav { width:100%; float:none; margin-left:2px!important; } #menu-overlay nav { width:auto; margin-top:60px!important; display:inline-block; } nav, nav ul, nav ul li, nav ul li a { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav ul ul { display: none; margin-bottom: 20px; } nav > ul > li > a { padding: 2px 0px; cursor: pointer; color: #777; line-height:24px; font-weight: 400; font-size:12px !important; font-family: 'Heebo', sans-serif !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu-overlay nav > ul > li > a { font-size:48px; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height:56px; color: #999; } #menu-overlay nav > ul > li > a:hover, #menu-overlay nav > ul > li.active > a { color:#fff; } nav > ul > li > a:hover, nav > ul > li.active > a, nav > ul > li.open > a { color: #000; } nav ul ul li a { cursor: pointer; padding: 10px 20px 2px; z-index: 1; text-decoration: none; font-size: 12px; color: #777; line-height:20px!important; } #menu-overlay nav ul ul li a { font-size: 15px; } nav ul ul li:hover > a, nav ul ul li.open > a, nav ul ul li.active > a { color: #000; } #menu-overlay nav ul ul li:hover > a, #menu-overlay nav ul ul li.open > a, #menu-overlay nav ul ul li.active > a { color: #fff; } nav ul ul ul li a { padding-left: 40px; } .nav-bottom { bottom: 40px; box-sizing: border-box; padding: 0 60px; position: absolute; width: 100%; opacity:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .show-menu .nav-bottom { opacity:1; -webkit-transition: opacity 0.35s ease-in-out 1.5s; -moz-transition: opacity 0.35s ease-in-out 1.5s; -o-transition: opacity 0.35s ease-in-out 1.5s; -ms-transition: opacity 0.35s ease-in-out 1.5s; transition: opacity 0.35s ease-in-out 1.5s; } .hamburger { display: block; position: absolute; overflow: hidden; margin: 0; padding: 0; width: 60px; height: 60px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right:30px; top:15px; z-index:1000; float:none; } .hamburger:hover { opacity:1; } .hamburger.hidden { opacity:0; } .hamburger:focus { outline: none; } .hamburger span { display: block; position: absolute; top: 28px; left: 20px; right: 20px; height: 2px; background-color: #fdd701; } .hamburger span::before, .hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fdd701; content: ""; } header.show-share header.show-share .hamburger span, header.show-share.negative .hamburger span, header.show-share .hamburger span::before, header.show-share .hamburger span::after { background-color: #000!important; } .negative .hamburger span, .negative .hamburger span::before, .negative .hamburger span::after { } .hamburger.is-active span, .hamburger.is-active span::before, .hamburger.is-active span::after { background-color: #fff; } .hamburger span::before { top: -7px; } .hamburger span::after { bottom: -7px; } .hamburger-rotate { background-color:transparent; } .hamburger-rotate span { transition: background 0s 0s; } .hamburger-rotate span::before, .hamburger-rotate span::after { -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; -ms-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .hamburger-rotate span::before { -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -o-transition-property: top, transform; -ms-transition-property: top, transform; transition-property: top, transform; } .hamburger-rotate span::after { -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -o-transition-property: bottom, transform; -ms-transition-property: bottom, transform; transition-property: bottom, transform; } .hamburger-rotate.is-active { background-color: transparent; } .hamburger-rotate.is-active span { background: none; } .hamburger-rotate.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger-rotate.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger-rotate.is-active span::before, .hamburger-rotate.is-active span::after { -webkit-transition-delay: 0s, 0.3s; -moz-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; -ms-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .menu-footer { position:absolute; width:100%; bottom:0; padding-bottom:40px; opacity:0; -webkit-transition: all 0.05s ease-in-out; -moz-transition: all 0.05s ease-in-out; -o-transition: all 0.05s ease-in-out; -ms-transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out; } .is-active .menu-footer { opacity:1; -webkit-transition: all 0.4s ease-in-out 0.6s; -moz-transition: all 0.4s ease-in-out 0.6s; -o-transition: all 0.4s ease-in-out 0.6s; -ms-transition: all 0.4s ease-in-out 0.6s; transition: all 0.4s ease-in-out 0.6s; } #sidebar { position:fixed; right:0; top:0; height:100%; width:300px; z-index:16; background-color:#fff; opacity:1; -webkit-transform: translateX(220px); -moz-transform: translateX(220px); -o-transform: translateX(220px); -ms-transform: translateX(220px); transform: translateX(220px); -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); } #sidebar.hidden { opacity:0; } .menu-in #sidebar { -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); } #sidebar.sidebar-in { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #sidebar.side-show, #sidebar.side-disable { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -o-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } .sidebar-container { background-color:#eee; height:100%; width:240px; position:absolute; overflow-y:scroll; overflow-x:hidden; top:0; left:80px; } #open-sidebar { height: 20px; opacity: 0.5; width: 20px; cursor:pointer; padding:30px; margin-left:0px; margin-top:0px; position:relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #open-sidebar img { display:block; } #open-sidebar:hover { opacity:1; } #open-sidebar.is-active { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #hero { -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out; -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out; -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out; -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out; transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out; overflow:hidden; box-sizing:border-box; position:relative; z-index:0; background-color:#222; height:100%; } #hero.hero-small { height:50%; } #hero.hero-large { height:85%; } .scroll-hide #hero { padding:0; } #hero.contain { padding-top:80px } #hero.hidden { opacity:0; } #hero-styles { height:100%; width:100%; position:relative; opacity: 1 !important; transform: none !important; } .hero-image { width:100%; height:inherit; margin:0; padding:0; position:absolute; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; } .hero-image > .clapat-caption { opacity:1; } .overlay { height:100%; width:100%; position:relative; } #video-container { height:100%; width:100%; position:relative; } #stopmovie { height:100%; width:100%; position:absolute; z-index:0; cursor:pointer; } #playmovie { width:100%; height:inherit!important; position:absolute; z-index:10; opacity:1; background-image:url(https://www.scootntourcayman.com/wp-content/themes/soho/images/6.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #playmovie .overlay { height:100%; } #playmovie.hidden-play { opacity:0; } .play-icon { border:#fff 5px solid; width:60px; height:60px; margin-right:15px; border-radius:100px; cursor:pointer; display:inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .play-icon:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .play-icon i { color: #fff; font-size: 24px; line-height:60px; margin-left: 7px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hero-scroll-icons { bottom: 0; position: absolute; width: 100%; z-index: 100; } .hero-scroll-icons.no-line .icon-scroll-line { display:none; } video#bgvid { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } .video-wrapper { position: absolute; border-bottom: 0px solid #111; box-sizing: border-box; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: 100vw; height: 100vh; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; overflow:hidden!important; } .video-wrapper iframe{ transform: scale(1.165); width: 100%; height: 100vh; } .play_pause_btn{ position: absolute; bottom: 150px; right: 0; z-index: 2 } .video-wrapper iframe .ytp-pause-overlay-controls-hidden .ytp-pause-overlay{ display: none; } @media(max-width: 1024px){ .video-wrapper iframe, .play_pause_btn{ display: none; } } .video-section.hidden video { height: 100%; } .buttons{ position: absolute; bottom: 20%; z-index: 11111111; } .buttons .button { width: 48px; height: 48px; cursor: pointer; } /* =========================================================== * pagepiling.js 1.5 * * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo * * ========================================================== */ .pagepillingslider, .pagepillingsliderhero { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height:100%; width:100%; position:absolute; } .pagepillingslider.hidden, .pagepillingsliderhero.hidden { opacity:0 } .pagepillingnav { } .pilling-prev { position:absolute; left:50px; top:50%; width:40px; height:80px; margin-top:-40px; z-index:10; list-style:none; cursor:pointer; } .pilling-next { position:absolute; right:50px; top:50%; width:40px; height:80px; margin-top:-40px; z-index:10; list-style:none; cursor:pointer; } .arrow-left { border-bottom: 3px solid #000; border-left: 3px solid #000; height: 14px; transform: rotate(45deg); width: 14px; position:absolute; left:4px; top:50%; margin-top:-7px; } .arrow-left-line { background-color: #000; height: 3px; left: 3px; position: absolute; top: 50%; width: 0px; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .pilling-prev:hover .arrow-left-line, .owl-prev:hover .arrow-left-line { width:35px; } .arrow-right-line { background-color: #000; height: 3px; right: 3px; position: absolute; top: 50%; width: 0px; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .pilling-next:hover .arrow-right-line, .owl-next:hover .arrow-right-line { width:35px; } .arrow-right { border-bottom: 3px solid #000; border-left: 3px solid #000; height: 14px; transform: rotate(-135deg); width: 14px; position:absolute; right:4px; top:50%; margin-top:-7px; } .light-content .arrow-left, .light-content .arrow-right { border-bottom: 3px solid #fff; border-left: 3px solid #fff; } .light-content .arrow-left-line, .light-content .arrow-right-line { background-color:#fff; } .pp-section { height:100%; position:absolute; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; background-attachment:initial; } .pp-easing { -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ } #pp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; } #pp-nav.right { right: 55px; } #pp-nav.left { left: 17px; } .pp-section.pp-table{ display: table; } .pp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .pagepillingslider .pp-section.pp-table:first-child .pp-tableCell { background: url(images/container_bg.png) center bottom no-repeat;} .pp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .pp-slidesNav.bottom { bottom: 17px; } .pp-slidesNav.top { top: 17px; } #pp-nav ul, .pp-slidesNav ul { margin: 0; padding: 0; } #pp-nav li, .pp-slidesNav li { display: block; width: 10px; height: 10px; margin: 14px 0; position:relative; } .pp-slidesNav li { display: inline-block; } #pp-nav li a, .pp-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #pp-nav li .active span, .pp-slidesNav .active span { background: #000; } #pp-nav.light-content li .active span { background: #fff; } #pp-nav span, .pp-slidesNav span { top: 2px; left: 2px; width: 6px; height: 6px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; position: absolute; z-index: 1; } #pp-nav.light-content span { background: rgba(255, 255, 255, 0.5); } .pp-tooltip { position: absolute; top: -4px; color: #000; font-size: 14px; font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform:uppercase; white-space: nowrap; max-width: 220px; } .light-content .pp-tooltip { color:#fff; } .pp-tooltip.right { right: 20px; } .pp-tooltip.left { left: 20px; } .pp-scrollable{ overflow-y: scroll; height: 100%; } #page-content { -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); width:100%; height:100%; } .fade-out #page-content, .fade-out .pagepillingslider { opacity:0!important; -webkit-transition: opacity 0.3s ease-in-out 0.2s!important; -moz-transition: opacity 0.3s ease-in-out 0.2s!important; -o-transition: opacity 0.3s ease-in-out 0.2s!important; transition: opacity 0.3s ease-in-out 0.2s!important; } .fade-out #header-container, .fade-out header .outer{ opacity:0!important; -webkit-transition: opacity 0.2s ease-in-out!important; -moz-transition: opacity 0.2s ease-in-out!important; -o-transition: opacity 0.2s ease-in-out!important; transition: opacity 0.2s ease-in-out!important; } .fade-out header, .fade-out #menu-overlay { opacity:0!important; -webkit-transition: opacity 0.3s ease-in-out 0.4s!important; -moz-transition: opacity 0.3s ease-in-out 0.4s!important; -o-transition: opacity 0.3s ease-in-out 0.4s!important; transition: opacity 0.3s ease-in-out 0.4s!important; } .menu-in #page-content { -webkit-transform: translateX(205px); -moz-transform: translateX(205px); -o-transform: translateX(205px); -ms-transform: translateX(205px); transform: translateX(205px); } #main { z-index:1; position:relative; width:100%; box-sizing: border-box; opacity:1; /*background:url(https://www.scootntourcayman.com/wp-content/themes/soho/images/intro-bg.jpg);*/ margin-top:100px; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; } #main.no-margin-main { margin-top:0; } .pp-scrollable #main { margin-top:100px; } .scroll-hide .pp-scrollable #main { margin-top:0px; } .scroll-hide #main { padding:0; } #main-content { opacity:1; overflow: hidden; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s; } #main-content.hidden { opacity:0; } #main::after { clear: both; content: " "; display: table; } /*-------------------------------------------------- 07. Showcase ---------------------------------------------------*/ .showcase-controls { width:inherit; margin:0; } .showcase-control-nav { margin:0; } .showcase-control-nav li { list-style:none; display:block; width:100%; height:auto; background: #000; box-sizing: border-box; opacity:0.7; cursor:pointer; margin-bottom:1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .showcase-control-nav li:last-child { margin-bottom:0px; } .showcase-control-nav .flex-active, .showcase-control-nav li:hover { opacity:1; } .counter-slider { position:absolute; bottom:0; left:0; width:80px; text-align:center; margin-bottom:30px; } .counter-slider li { font-size:12px; color:#000; } #showcase { opacity:1; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out; -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out; -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out; } #showcase.hidden { opacity:0; } #showcase .overlay { position:fixed; z-index:1000; } #showcase .outer { padding: 140px 0; box-sizing:border-box; margin:0 auto; width:1280px; } #showcase .inner { position:relative; } #showcase p.showcase-title { position:absolute; top:0; left:0; z-index:1000; color:#fff; } #showcase a.view-works { position:absolute; bottom:0; left:0; z-index:1000; } #showcase { z-index: 9; min-height: 100%; height: 100%; width:100%; top:0; position: fixed; background-color:#000; } #showcase .showcase-images { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin:0; } #showcase .showcase-images li { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; position: fixed; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; top: 0; left: 0; overflow: hidden; list-style:none; opacity:0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out; -o-transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out; -ms-transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out; transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out; } #showcase .showcase-images li.show-show { opacity:1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 0.2s ease-in-out 0.1s, transform 7s ease-in-out 0.4s; -moz-transition: opacity 0.2s ease-in-out 0.1s, transform 7s ease-in-out 0.4s; -o-transition: opacity 0.2s ease-in-out 0.1s, transform 7s ease-in-out 0.4s; -ms-transition: opacity 0.2s ease-in-out 0.1s, transform 7s ease-in-out 0.4s; transition: opacity 0.2s ease-in-out 0.1s, transform 7s ease-in-out 0.4s; } .showcase-list { width:100%; position:relative; text-align:center; z-index:10; padding-top:300px; padding-bottom:100px; } .showcase-wrapper { margin: auto; position: relative; z-index: 1000; padding: 0; display:inline-block; } .showcase-wrapper li { list-style:none; position:relative; } .showcase-name .sh-name { color:#fff; opacity:1; font-size:100px; line-height:110px; font-weight: 700; font-family: 'Montserrat', sans-serif; webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .showcase-name:hover .sh-name { opacity:0.1; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .sh-view { color:#fff; font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform:uppercase; position:absolute; line-height:130px; text-align:center; width:100%; top:0; opacity:0; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .showcase-name:hover .sh-view { opacity:1; webkit-transition: all 0.5s ease-in-out 0.1s; -moz-transition: all 0.5s ease-in-out 0.1s; -o-transition: all 0.5s ease-in-out 0.1s; -ms-transition: all 0.5s ease-in-out 0.1s; transition: all 0.5s ease-in-out 0.1s; } .showcase-name p { color:#fff; max-height:0px; overflow:hidden; margin-bottom:0; opacity:0; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .showcase-name.active p { color:#fff; max-height:100px; overflow:hidden; opacity:1; } .showcase-line { width:1px; height:100px; position:absolute; background-color:#fff; left:50%; top:0; } .showcase-line:last-child { bottom:0!important; top:auto; } .collage{ padding:10px; margin:-40px 40px 0; } .collage-thumb { position:relative; overflow:hidden; cursor:pointer; } .collage-thumb:hover .thumb-info { opacity:1; bottom:-5px; } .thumb-info { position:absolute; bottom:-30px; left:0; width:100%; opacity:0; transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .thumb-info h5 { color: #fff; margin: 50px 30px 30px; } /*-------------------------------------------------- 07. Project Pages ---------------------------------------------------*/ .zoom { position:absolute; width:20px; height:20px; left:50%; margin-left:-30px; bottom:60px; border-radius:60px; overflow:hidden; padding:20px; cursor:pointer; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #hero .zoom:hover { opacity:1; } .zoom img:first-child { display:block; } .zoom img:last-child { display:none; } .light-content .zoom img:first-child { display:none; } .light-content .zoom img:last-child { display:block; } .slider-projects-nav li { position:absolute; bottom:80px; list-style:none; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-projects-nav li span { font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; color:#777; text-transform:uppercase; opacity:0; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-projects-nav li:hover span { opacity:1; } .slider-projects-nav .project-prev { left:50px; padding-left:10px; } .slider-projects-nav .project-prev:hover { padding-left:30px; } .slider-projects-nav .project-next { right:50px; padding-right:10px; } .slider-projects-nav .project-next:hover { padding-right:30px; } .close-page { padding:30px; width:20px; height:20px; opacity:0.5; display:block; webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .close-page:hover { opacity:1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(360deg); } .close-page img { display:block; } .next-project, .prev-project { background:#FFF; float:none; display:block; height:80px; width:260px; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .next-project:hover, .prev-project:hover { margin-left:-180px; } .next-posts, .prev-posts { background:#FFF; float:none; display:block; height:80px; width:180px; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .next-posts:hover, .prev-posts:hover { margin-left:-100px; } .next-project .project-icon, .prev-project .project-icon, .next-posts .posts-icon, .prev-posts .posts-icon { width:20px; padding:30px; height:20px; float:left; opacity:0.5; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .next-project:hover .project-icon, .prev-project:hover .project-icon, .next-posts:hover .posts-icon, .prev-posts:hover .posts-icon { opacity:1; } .next-project img, .prev-project img, .next-posts img, .prev-posts img { display:block; } .next-project .project-text, .prev-project .project-text, .next-posts .posts-text, .prev-posts .posts-text { width:100px; height:80px; float:left; text-align:center; } .next-project .project-text p, .prev-project .project-text p, .next-posts .posts-text p, .prev-posts .posts-text p { line-height:20px; font-size:12px; padding:30px 0; opacity:0; color:#777; webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; transition: all 0.3s ease-in-out 0.05s; } .next-project:hover .project-text p, .prev-project:hover .project-text p, .next-posts:hover .posts-text p, .prev-posts:hover .posts-text p { padding:30px 30px 30px 0; opacity:1; } .next-project .project-thumb, .prev-project .project-thumb { width:80px; height:80px; float:left; } #share-overlay, #search-overlay, #menu-overlay { width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.95); visibility: hidden; opacity:0; z-index:200; top:0; text-align:center; box-sizing:border-box; webkit-transition: all 0.3s ease-in-out 0.5s; -moz-transition: all 0.3s ease-in-out 0.5s; -o-transition: all 0.3s ease-in-out 0.5s; -ms-transition: all 0.3s ease-in-out 0.5s; transition: all 0.3s ease-in-out 0.5s; } #share-overlay { background-color:rgba(255,255,255,1); } #share-overlay.is-active, #search-overlay.is-active, #menu-overlay.is-active { visibility:visible; opacity:1; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #share-overlay .inner, #search-overlay .inner, #menu-overlay .inner { opacity:0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #share-overlay.is-active .inner, #search-overlay.is-active .inner, #menu-overlay.is-active .inner { opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; } #close-share, #close-search, #close-menu { width:100%; height:100%; position:absolute; top:0; } .list-share { width:100%; word-spacing: -10px; margin-top:60px; margin-bottom:60px; position:relative; } .list-share a img { opacity:0!important; } .list-share a:nth-child(5), .list-share a:nth-child(6), .list-share a:nth-child(7), .list-share a:nth-child(8), .list-share a:nth-child(9) { display:none; } .list-share a { background-color:transparent; height:30px!important; width:200px!important; display:inline-block; margin:0!important; border-left:1px solid #eee; } .list-share a:nth-child(1) { border-left:none; } .list-share a::before { font-family: FontAwesome; padding-right:0px; font-size:28px; color:#000; position:absolute; margin-top:0px; webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .list-share a:hover::before { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .list-share .synved-social-provider-facebook::before { content: "\f09a"; } .list-share .synved-social-provider-twitter::before { content: "\f099"; } .list-share .synved-social-provider-google_plus::before { content: "\f1a0"; } .list-share .synved-social-provider-reddit::before { content: "\f1a1"; } .list-share .synved-social-provider-pinterest::before { content: "\f0d2"; } .list-share .synved-social-provider-linkedin::before { content: "\f0e1"; } .list-share .synved-social-provider-tumblr::before { content: "\f173"; } .list-share .synved-social-provider-mail::before { content: "\f0e0"; } /*-------------------------------------------------- 07 .Portfolio Filters ---------------------------------------------------*/ #filters { margin: 0 auto; text-align:center; opacity:1; height:auto; z-index:15; position:relative; width:100%; overflow:hidden; max-height:0; padding:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #filters.is-active { max-height:280px; overflow:visible; } #filters .filter-line { position:absolute; margin:0; width:1px; height:0px; background-color:#000; left:50%; top:0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #filters.is-active .filter-line { height:150px; background-color:#000; -webkit-transition: all 0.2s ease-in-out 0.4s; -o-transition: all 0.2s ease-in-out 0.4s; -ms-transition: all 0.2s ease-in-out 0.4s; transition: all 0.2s ease-in-out 0.4s; } #filters li { display: inline-block; height: 20px; line-height: 20px; margin: 180px 10px; opacity:0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #filters.is-active li { opacity:1; -webkit-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; -ms-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } #filters li:last-child { margin-left:0px; } #filters li a { display:inline-block; color:#999; font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform:uppercase; z-index:15; position:relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #filters li a:hover, #filters li a.active { color:#000; } #filters li a:after { background-color: #000; color: #000; content: ""; height: 1px; left: -1px; position: absolute; top: 17px; width: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #filters li a:hover:after, #filters li a.active:after { width:96%; } /*-------------------------------------------------- 08. Portfolio Items ---------------------------------------------------*/ .projects-carousel-nav { margin:0; height:580px; } #projects-nav { display:block; width:100%; height:200px; position:relative; } #projects-nav .nav-title { width:33.33%; margin:0 auto; height:200px; text-align:center; } #projects-nav .nav-title h1 { line-height:200px; } #projects-nav .owl-prev, #projects-nav .owl-next { width:33.33%; height:200px; position:absolute; cursor:pointer; top:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #projects-nav .owl-prev { left:0; background-image:url(https://www.scootntourcayman.com/wp-content/themes/soho/images/prev.png); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px; opacity:0.6; } #projects-nav .owl-prev:hover { background-color:#f9f9f9; opacity:1; background-position:49% 50%; } #projects-nav .owl-next { right:0; background-image:url(https://www.scootntourcayman.com/wp-content/themes/soho/images/next.png); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px; opacity:0.6; } #projects-nav .owl-next:hover { background-color:#f9f9f9; opacity:1; background-position:51% 50%; } .owl-item { overflow:hidden; } .project-carousel-item { height:380px; background-position:top center; } .project-carousel-item .item-content { background-position:center top; } .portfolio { margin-bottom:-1px; z-index:0; } #portfolio-wrap { margin:0 auto; width:100%; margin:25px 25px 25px; } #portfolio-wrap.no-gutter { margin:0 auto; } #portfolio { width: 100%; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; } .item-content { height:100%; width:100%; position:absolute; background-color:#222; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; padding:0px; background-size:cover; background-position:center center; overflow:hidden; display: table; display:block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .zoomin .item-content { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .zoomin:hover .item-content { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .zoomin .item-overlay { text-align:center; } .zoomin .item-overlay .item-title, .zoomin .item-overlay .item-cat { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .zoomin .inner { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zoomin:hover .inner { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1; -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s; } .item:hover .item-content { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .item-overlay { height:100%; width:100%; background:rgba(0,0,0,0); position:absolute; opacity:0; padding:40px; box-sizing:border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wide .item-overlay { padding:60px; } .item:hover .item-overlay { background:rgba(0,0,0,0.8); opacity:1; } .item-cat { display:block; color:#999; margin-bottom:0px; opacity:0; font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform:uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .item:hover .item-cat { opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; } .item-title { display:block; font-weight: 600; color:#fff; font-size:24px; line-height:36px; font-weight: 700; opacity:1; color:#fff; font-family: 'Montserrat', sans-serif; opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .wide .item-title, .tall .item-title { font-size:36px; line-height:48px; } .item:hover .item-title { opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; } .zoom-box { height: 10px; margin: 0 auto; padding-top: 10px; position: relative; width: 20px; } .wide .zoom-box { height: 15px; margin: 0 auto; padding-top: 15px; position: relative; width: 30px; } .item .zoom-box { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .item:hover .zoom-box { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1; -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; } .zoom-in-left, .zoom-in-right { width:20px; height:2px; background-color:#FFF; position:absolute; } .wide .zoom-in-left, .wide .zoom-in-right { width:30px; } .zoom-in-right { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .revealed:hover .item-content { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .revealed .item-overlay { padding:80px 50px; opacity:1; } .revealed:hover .item-overlay { background:rgba(0,0,0,0); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -o-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } .revealed .inner { vertical-align:bottom; } .revealed .item-cat, .carousel-caption .item-cat { opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform:uppercase; padding-left:3px; color:rgba(0,0,0,0.6); } .revealed .item-title, .carousel-caption .item-title { font-size:36px; line-height:46px; font-weight: 700; opacity:1; color:#222; font-family: 'Montserrat', sans-serif; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .revealed.light-content .item-cat, .revealed.light-content .item-title, .carousel-caption.light-content .item-title, .carousel-caption.light-content .item-cat { color:#fff; } .carousel-caption { position:absolute; left:0; bottom:0; padding:50px; box-sizing:border-box; opacity:0; -webkit-transition: all 0.3s ease-in-out 0.4s; -moz-transition: all 0.3s ease-in-out 0.4s; -o-transition: all 0.3s ease-in-out 0.4s; -ms-transition: all 0.3s ease-in-out 0.4s; transition: all 0.3s ease-in-out 0.4s; } .owl-item.active.center .carousel-caption { opacity:1; } .project-nav { width:100%; position:relative; height:auto; background-color:#333; height:600px; } .project-nav .item { height:100%; width:50.001%; position:absolute; } .project-nav .item:first-child { left:0; } .project-nav .item:last-child { right:0; } .owl-theme .owl-controls { position: relative; text-align: center; width:1280px; margin:0 auto; margin-top: 50px; } .owl-carousel .owl-controls .owl-nav .owl-prev { position:absolute; left:0; background-color:transparent; } .owl-carousel .owl-controls .owl-nav .owl-next { position:absolute; right:0; background-color:transparent; } .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { background-color:transparent; } .hidden-nav .owl-nav { display:none; } .owl-carousel .owl-stage { cursor: grab; } .owl-carousel a { cursor:pointer; } .owl-carousel .owl-grab a { cursor: grabbing; } /*-------------------------------------------------- 09. Portfolio Isotope Transitions ---------------------------------------------------*/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /*-------------------------------------------------- 10. Blog ---------------------------------------------------*/ #blog { margin:0 auto; width:100%; } article:last-child { margin-bottom:0; border-bottom:none; } .post { position:relative; width:100%; box-sizing:border-box; border-bottom:1px solid #eee; } .single-post .post .container { text-align:left; } .post.visible { border-bottom:none; } .post .overlay { background-color:rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post.hover-link .overlay { background-color:rgba(237,31,114,0.85); } .post-image { position:absolute; width:0; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .post .container { padding: 160px 0; position: relative; z-index: 10; text-align:center; } .post.visible .post-image { width:100%; } .post-title { font-weight: 700; font-family: 'Montserrat', sans-serif; font-size:36px; line-height:42x; padding-bottom:30px; -webkit-transition: all 0s ease-in-out 0.3s; -moz-transition: all 0s ease-in-out 0.3s; -o-transition: all 0s ease-in-out 0.3s; -ms-transition: all 0s ease-in-out 0.3s; transition: all 0s ease-in-out 0.3s; } .post.visible .post-title { color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .arrow-link { height: 40px; margin-top: -20px; position: absolute; right: 0; top: 50%; width: 40px; } .post-categories { margin:0 0 20px; display:block; -webkit-transition: all 0.2s ease-in-out 0.5s; -moz-transition: all 0.2s ease-in-out 0.5s; -o-transition: all 0.2s ease-in-out 0.5s; -ms-transition: all 0.2s ease-in-out 0.5s; transition: all 0.2s ease-in-out 0.5s; position:relative; } .meta-categories li { display:inline-block; margin:0px; margin-right:5px; position:relative; } .meta-categories li:after { content: ","; margin-left:1px; color:#999; } .post.visible .meta-categories li:after { color:#fff; } #hero .meta-categories li:after { color:#000; } #hero .light-content .meta-categories li:after { color:#fff; } .meta-categories li:last-child:after { content: ""; } .meta-categories li a { font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color:#999; webkit-transition: all 0s ease-in-out 0.3s; -moz-transition: all 0s ease-in-out 0.3s; -o-transition: all 0s ease-in-out 0.3s; -ms-transition: all 0s ease-in-out 0.3s; transition: all 0s ease-in-out 0.3s; } #hero .meta-categories li a { color:#000; } .post.visible .meta-categories li a, #hero .light-content .meta-categories li a { color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .meta-categories li a:after { background-color: #999; content: ""; height: 1px; left: 0px; position: absolute; top: 20px; width: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #hero .meta-categories li a:after { background-color: #000; } #hero .light-content .meta-categories li a:after { background-color: #fff; } .post.visible .meta-categories li a:hover:after, #hero .light-content .meta-categories li a:hover:after { background-color:#fff; } .meta-categories li a:hover:after { width:90%; width: calc(100% - 7px); } .meta-categories li:last-child a:hover:after { width:96%; width: calc(100% - 4px); } .post-title-no-link { display:block; } .entry-content { margin-top: 20px; margin-bottom:50px; } .entry-meta { margin:0; display:block; margin:30px 0; opacity:1; -webkit-transition: all 0.2s ease-in-out 0.5s; -moz-transition: all 0.2s ease-in-out 0.5s; -o-transition: all 0.2s ease-in-out 0.5s; -ms-transition: all 0.2s ease-in-out 0.5s; transition: all 0.2s ease-in-out 0.5s; } .entry-meta li { display:inline-block; margin-left:15px; font-size:10px; font-family: "Montserrat",sans-serif; font-weight: 400; text-transform:uppercase; letter-spacing: 2px; margin-bottom:0; } .entry-meta li a { color:#777; } .entry-meta li a:hover { color:#000; } .entry-date:before { font-family: FontAwesome; content: "\f017"; padding-right:5px; font-size:16px; color:#000; position:absolute; margin-top:0px; margin-left:-25px; } .entry-comments:before { font-family: FontAwesome; content: "\f075"; padding-right:5px; font-size:16px; color:#000; position:absolute; margin-top:0px; margin-left:-25px; } .entry-tags { margin-right: 0px !important; margin-left: 0px!important; } .entry-tags:first-child { margin-left: 15px } .entry-tags { } .entry-tags:last-child::after { content: ""; } .entry-tags::after { content: ","; padding-right: 0; } .entry-tags:first-child::before { content: "\f02b"; font-family: FontAwesome; padding-right: 5px; font-size:18px; color:#000; position:absolute; margin-top:2px; margin-left:-25px; } .post-content-meta { margin:0 auto; width:800px; padding-top:150px; padding-bottom:60px; } .post-content-meta .post-categories { margin-bottom:10px; } .post-content-full { padding-top:150px; padding-bottom:130px; } .blog-nav { display:block; width:100%; height:180px; border-top: 1px solid #dedede; } .blog-nav::after { clear: both; content: " "; display: table; } .nav-button { height:100%; width:50%; text-align:center; box-sizing:border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav-button:hover { background-color:#dedede; } .icon-older { width:20px; height:20px; margin-left:-10px; left:50%; position:absolute; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transition:translateX(0px); transform: translateX(0px); } .icon-newer { width:20px; height:20px; margin-left:-10px; left:50%; position:absolute; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transition:translateX(0px); transform: translateX(0px); } .nav-button.older-posts { float:left; z-index:1; position:relative; border-right:solid 1px #dedede; } .nav-button.newer-posts { float:right; z-index:1; position:relative; } .page-nav p, .page-nav:hover p, a.prev-posts { color:#666; } a.prev-posts:hover { color:#000; } .nav-button p, .icon-newer, .icon-older { transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .nav-button p { opacity:0; -ms-transform: translateX(50px); -webkit-transform: translateX(50px); -o-transition:translateX(50px); transform: translateX(50px); margin-bottom:0; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight:700; } .nav-button.newer-posts p { opacity:0; -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); -o-transition:translateX(-50px); transform: translateX(-50px); margin-bottom:0; } .nav-button:hover p { opacity:1; color:#000; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transition:translateX(0px); transform: translateX(0px); } .nav-button:hover .icon-older { opacity:0; -ms-transform: translateX(-100px); -webkit-transform: translateX(-100px); -o-transition:translateX(-100px); transform: translateX(-100px); } .nav-button:hover .icon-newer { opacity:0; -ms-transform: translateX(100px); -webkit-transform: translateX(100px); -o-transition:translateX(100px); transform: translateX(100px); } /* Article Meta */ .article-meta { width:100%; height:auto; border-top:1px solid #ddd; margin-top:-1px; } .article-meta::after { clear: both; content: " "; display: table; } .article-meta .inner { padding: 0 50px; } .article-date { width:25%; float:left; box-sizing:border-box; height:auto; position:relative; } .article-tags { width:50%; float:left; box-sizing:border-box; border-left:1px solid #eee; border-right:1px solid #eee; height:auto; } .article-comments { width:25%; float:left; box-sizing:border-box; height:auto; } /* Article Navigation */ .article-next-container { height:350px; width:100%; overflow:hidden; text-align:center; position:relative; } .article-next { width:100%; height:350px; position:absolute; background-color:#CCC; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .article-next-container:hover .article-next { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .article-next-container .overlay { background-color:rgba(0,0,0,0.4); transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .article-next-container:hover .overlay { background-color:rgba(0,0,0,0.6); } .next-post h1, .next-post p{ transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); color:#fff } .article-next-container h1 { -ms-transform: translateY(10px); -webkit-transform: translateY(10px); -o-transition:translateY(10px); transform: translateY(10px); } .article-next-container:hover h1 { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transition:translateY(-10px); transform: translateY(-10px); } .article-next-container p { opacity:0; -ms-transform: translateY(50px); -webkit-transform: translateY(0px); -o-transition:translateY(0px); transform: translateY(0px); margin-bottom:0; color:#999; } .article-next-container:hover p { opacity:1; -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); -o-transition:translateY(-20px); transform: translateY(-20px); } /* Article Comments */ .article-discusion { padding:120px 0 80px; background-color:#f9f9f9; } .article-discusion-container { margin:0 auto; width:800px; } .article-discusion h3 { margin-bottom: 60px; } .user_comment { color: #000; margin-bottom: 40px; padding-left: 80px; position:relative; } .user-image { border-radius: 100%; height: 60px; overflow: hidden; width: 60px; position:absolute; left:0px; } .user-image img { width:100%; height:auto; } .comment-name { margin-bottom:0px } .comment-date { color: #999; font-size:12px; margin-bottom: 10px; } .comment-text { color: #777777; margin-bottom:5px; } .user_comment_reply { position:relative; color: #000; padding-left: 80px; margin-top: 40px; display:block; } .reply { display: block; line-height: 14px; margin-top: 15px; font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0px; color:#000; opacity:1; } .reply:hover { color:#000; } .add-comment { width:100%; height:auto; background:#f5f5f5; } .add-comment .toggle-comments { padding:50px 0; width:100%; display:block; font-size: 24px; line-height: 30px; margin-left: -1px; color:#ddd; font-family: "Montserrat",sans-serif; font-weight: 700; } .add-comment .toggle-comments:hover { color:#000; } .add-comment .caption-content { padding:0; } .article-formular { width:100%; padding:120px 0; border-bottom:1px solid #e1e1e1; } .article-formular-container { margin:0 auto; width:800px; position:relative; text-align:center; } #commentsform { float: none; margin-bottom: 50px; position: relative; width: 100%; } #commentsform textarea { margin-bottom:50px; } input#search { position:relative; background-color:transparent; font-size:70px; height:100px; color:#ddd; text-align:center; font-size: 70px; font-family: "Montserrat",sans-serif; font-weight: 700; border-bottom:none; } input#search:focus { color:#fff; } /* Carousel News Shortcode */ .news-carousel-container { box-sizing:border-box; position: relative; padding:0; margin:60px 0; overflow:hidden; text-align:left; } #news-carousel { position:relative; box-sizing:border-box; } .news-carousel-item { background-color: white; padding: 60px; display: block; float: left; } .news-carousel-item p.news-title { margin-bottom:20px; text-transform:none; letter-spacing:0px; } .news-carousel-item p.news-content { line-height:24px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; } .news-author a { font-weight:bold; color:#000; line-height:30px; font-size:12px; } .news-author img.avatar { width:30px; height:30px; margin-right:10px; border-radius:30px; margin-bottom:0; margin-left:0; display:inline-block; } /* Wordpress Styles */ .post.sticky { background-color:#eee; } .blog-title-container { width:100%; text-align:center; padding-top:160px; padding-bottom:150px; border-bottom: 1px solid #eee; } .single-post .clapat-caption { table-layout:fixed; } .post-title, .post-title-no-link { -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; } .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } /* Wordpress New Styles */ .bottom-post { margin:0 auto; padding:100px 20px; text-align:center; } .post-comments-textarea.comment_area_loggedin { position:relative; } input[type="submit"] { color:#fff; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 2px; text-transform:uppercase; padding:20px 40px; line-height:12px; cursor:pointer; border:none; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-align:center; background-color:#000; display:inline-block; border-radius:0px; } input[type="submit"]:hover, input[type="submit"]:focus { background-color:#333; color:#fff; } .bypostauthor > article .fn:before { content: ""; margin: 0 2px 0 -2px; position: relative; } .wp-caption { margin-bottom: 1.6em; max-width: 100%; } .screen-reader-text { display:none; } .wp-caption-text { font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color:#999; } .post-password-form label { color: #333; display: block; line-height: 1.5; } .page-links a, .page-links > span { margin: 0 0.25em 0.25em 0; } .page-links a { background-color: #000; border-color: #000; color: #fff; } article .page-links p { font-size:0; margin-top:20px; } .page-links a, .page-links > span { border: 1px solid rgba(51, 51, 51, 0.1); display: inline-block; font-size: 10px; height: 2em; line-height: 2; margin: 0 5px; text-align: center; width: 2em; border-radius:30px; } .form-submit { display: inline-block; margin-bottom: 50px; position: relative; width: 100%; } .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .container_post, .page-links { width:800px; box-sizing:border-box; margin:0 auto; } .single-post #hero { background-color: #f5f5f5; } /*-------------------------------------------------- 12. Contact Page ---------------------------------------------------*/ #map_canvas { display: block; height: 100%; width: 100%; z-index: 0; z-index:10; } .map-shortcode #map_canvas { height:600px; margin-bottom:-40px; } .map-header { width:100%; height:200px; position:absolute; } #map_cover { display:block; width:100%; height:100%; position:absolute; z-index:15; -webkit-transition: all 0.3s ease-in-out 0.15s; -moz-transition: all 0.3s ease-in-out 0.15s; -o-transition: opacity 0.3s ease-in-out 0.15s; transition: all 0.3s ease-in-out 0.15s; } #hero:hover #map_cover { visibility:hidden; opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #map_canvas img { max-width:inherit !important; } .gmnoprint a, .gmnoprint span, .gm-style-cc { display:none; } .gmnoprint div { background:none !important; } #contact-formular { margin:0 auto; } .contact-info { width:1000px; margin:0 auto; } #contact-formular::after { clear: both; content: " "; display: table; } .wpcf7-form-control-wrap { display: block; position: relative; } input[type="text"], input[type="password"], input[type="email"], textarea { color: #000; font-size: 15px; font-family: 'Heebo', sans-serif; font-weight: 400; height: 50px; padding: 12px 20px 12px 2px; width: 100%; border-radius:0px; margin-bottom:0px; border:none; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; box-sizing: border-box; background-color:#fff; outline:none; border-bottom:1px solid #ddd; } .light-content input[type="text"], .light-content input[type="email"], .light-content textarea { background-color:transparent; border-bottom:1px solid #666; color:#fff; } #contactform { position:relative; } .input_label { background-color: #000; height: 2px; left: 0; position: absolute; top: 49px; width: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .light-content .input_label { background-color: #fff; } .input_label.slow { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } input:focus + .input_label, textarea:focus + .input_label { width:100%; } #contact-formular textarea, textarea { resize:none; margin-bottom:0; height:50px; box-sizing: border-box; padding: 14px 20px 6px 2px; margin-bottom:100px; } textarea:after { background-color: #000; content: ""; height: 2px; left: 0px; position: absolute; top: 20px; width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input[type="submit"] { margin:50px 0 0; } .error_message { text-align:center; margin-bottom:30px; font-size:13px; color:#e93735; font-weight:bold; } #success_page { text-align:center; } #success_page p { color:#999999; margin-top:20px; } #message fieldset { border:none; } /*-------------------------------------------------- 13. Div Animation ---------------------------------------------------*/ .has-animation { opacity: 0; -webkit-transition: all 0.3s ease-in-out 0.3s!important; -moz-transition: all 0.3s ease-in-out 0.3s!important; -o-transition: all 0.3s ease-in-out 0.3s!important; -ms-transition: all 0.3s ease-in-out 0.3s!important; transition: all 0.3s ease-in-out 0.3s!important; -ms-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transition:translateY(50px); transform: translateY(50px); } .has-animation.animate-in { opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transition:translateY(0px); transform: translateY(0px); } /*-------------------------------------------------- 14. Shortcodes ---------------------------------------------------*/ .mfp-bg.dark { background: #000; opacity: 0.9; } .mfp-iframe-scaler button.mfp-close, button.mfp-arrow::before { background: none; } .play-icon-video { border: 10px solid #000; border-radius: 100px; cursor: pointer; height: 100px; margin: 0 auto; text-align: center; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; width: 100px; position:relative; } .light-content .play-icon-video { border: 10px solid #fff; } .play-icon-video:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; } .play-icon-video a { height: 100px; left: 0; position: absolute; top: 0; width: 100px; } .play-icon-video i { color: #000; font-size: 36px; line-height: 100px; margin-left: 7px; } .light-content .play-icon-video i { color: #fff; } /* Clients Table */ .clients-table { margin:0; } .clients-table li { display: block; float: left; width: 25%; min-height: 30px; border-right:1px solid #ddd; border-top:1px solid #ddd; box-sizing:border-box; text-align:center; opacity:0.6; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; margin:0px; } .clients-table li:hover { opacity:1; } .clients-table li:nth-child(1), .clients-table li:nth-child(2), .clients-table li:nth-child(3), .clients-table li:nth-child(4) { border-top:0; } .clients-table li:nth-child(4), .clients-table li:nth-child(8), .clients-table li:nth-child(12), .clients-table li:nth-child(16), .clients-table li:nth-child(20), .clients-table li:nth-child(24), .clients-table li:nth-child(28), .clients-table li:nth-child(32) { border-right:0; } .clients-table li img { margin:0 auto; } .clients-carousel li { margin:0; padding:0; list-style:none; opacity:0.25; } .clients-carousel li:hover { opacity:0.8 } .clients-carousel { margin:0; padding:0; } /* Animated module */ .animated-module span, .animated-module p{ transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .animated-module p { opacity:0; color:#777; -ms-transform: translateY(40px); -webkit-transform: translateY(40px); -o-transition:translateY(40px); transform: translateY(40px); } .animated-module:hover p { opacity:1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transition:translateY(0px); transform: translateY(0px); } .animated-module span { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transition:translateY(0px); transform: translateY(0px); display:block; color:#999; font-weight: 700; font-family: 'Montserrat', sans-serif; } .light-content .animated-module span { color:#999; } .animated-module:hover span { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transition:translateY(-10px); transform: translateY(-10px); color:#000; } .light-content .animated-module:hover span { color:#fff; } /* Our Team */ .team-carousel { margin:0; padding:0; background-color:#222; } .team-member-carousel { margin:0; padding:0; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; } .team-overflow-carousel { position:absolute; height:100%; width:100%; display:table; top:0; left:0; background-color:rgba(0,0,0,0.8); opacity:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-align:center; } .bottom-team { width:100%; position:absolute; bottom:0; left:0; padding-bottom:70px; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .team-member-carousel:hover .bottom-team { padding-bottom:80px; webkit-transition: all 0.2s ease-in-out 0.6s; -moz-transition: all 0.2s ease-in-out 0.6s; -o-transition: all 0.2s ease-in-out 0.6s; -ms-transition: all 0.2s ease-in-out 0.6s; transition: all 0.2s ease-in-out 0.6s; } .bottom-team .icon-scroll-line, .active .bottom-team .icon-scroll-line { background-color:#666; height:0; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .team-member-carousel:hover .icon-scroll-line { height:50px; webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; } .team-member-carousel .socials { opacity:0; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .team-member-carousel:hover .socials { opacity:1; webkit-transition: all 0.2s ease-in-out 0.6s; -moz-transition: all 0.2s ease-in-out 0.6s; -o-transition: all 0.2s ease-in-out 0.6s; -ms-transition: all 0.2s ease-in-out 0.6s; transition: all 0.2s ease-in-out 0.6s; } .team-member-carousel:hover .team-overflow-carousel { opacity:1; } .team-member-carousel .team-overflow-carousel .inner { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity:0; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } .team-member-carousel:hover .team-overflow-carousel .inner { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1; } .team-overflow-carousel .bigger { color:#fff; margin-bottom:2px; } .team-overflow-carousel .team-function { margin-bottom:20px; } .team-overflow-carousel .socials li { color:#fff; text-align:center; margin:0; } .team-overflow-carousel .socials a { color:#fff; width:20px; margin:0 20px; } .our-team { display:block; margin-left:0px; } .our-team li.team-member { width:360px; height:360px; margin:0 48px 80px 48px ; list-style:none; display:inline-block; background-color:#e4e4e4; background-size:cover; } .our-team li.team-member:nth-child(1), .our-team li.team-member:nth-child(4), .our-team li.team-member:nth-child(7), .our-team li.team-member:nth-child(10){ margin-left:0px; } .our-team li.team-member:nth-child(3), .our-team li.team-member:nth-child(6), .our-team li.team-member:nth-child(9), .our-team li.team-member:nth-child(12) { margin-right:0px; } .team-overflow { width:300px; height:300px; margin:30px; overflow:hidden; position:absolute; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } .team-info { width:300px; height:300px; background: #fff; padding:0px; margin-top:210px; position:absolute; padding:0 30px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } .our-team li:hover .team-info { margin-top:0px; padding:30px; } .our-team li:hover .team-overflow { margin:0px; width:360px; height:360px; } .team-name { margin-top:20px; margin-bottom:0px; line-height:26px; font-size:20px; font-weight:600; } .team-function { font-size:12px; margin-bottom:40px; color:#999; } .team-description { margin-bottom:40px; color:#999; opacity:0; transition:opacity 0.2s ease 0s; -moz-transition:opacity 0.2s ease 0s; -webkit-transition:opacity 0.2s ease 0s; -o-transition:opacity 0.2s ease 0s; } .team-info .socials { opacity:0; transition:opacity 0.2s ease 0s; -moz-transition:opacity 0.2s ease 0s; -webkit-transition:opacity 0.2s ease 0s; -o-transition:opacity 0.2s ease 0s; } .our-team li:hover .team-description, .our-team li:hover .socials { opacity:1; transition:opacity 0.3s ease 0s; -moz-transition:opacity 0.3s ease 0s; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; } /* Hidden Boxes */ .hidden-box { box-sizing:border-box; padding:50px 0; } .header-box, .content-box, .footer-box { transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } .header-box { color:#000; font-size:16px; } .hidden-box:hover .header-box { -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); -o-transition:translateY(-20px); transform: translateY(-20px); color:#000; } .content-box { opacity:0; max-height:0; } .hidden-box:hover .content-box { opacity:1; max-height:auto; } .hidden-box:hover .footer-box { -ms-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transition:translateY(20px); transform: translateY(20px); opacity:0.3; } .footer-box { margin-top:20px; } /* Buttons */ .clapat-button { box-shadow:10px 0 25px rgba(0,0,0,0.2); font-family: 'hillbelly_trialregular' !important; display: inline-block; border-radius: 20px; font-size:26px; line-height:65px; font-weight: normal; ormal; color:#000; background:#fed700; padding:0 35px; margin:50px 10px 10px 0; text-decoration:none; position: relative; top: 0; -webkit-transition: all .5s ease-in-out; -khtml-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; text-transform: none; } .clapat-button-full { font-weight: 700; font-family: 'Montserrat', sans-serif; font-size:24px; width:100%; box-sizing:border-box; padding:60px 20px; background-color:#222; color:#444; display:block; text-align:center; } .clapat-button-full:hover { color:#fff; background-color:#000; } .clapat-button:hover, .clapat-button:active, .clapat-button:focus { background-color:#333; color:#fff; } .clapat-button.outline-button { box-shadow:10px 0 25px rgba(0,0,0,0.2); font-family: 'hillbelly_trialregular'; display: inline-block; border-radius: 20px; font-size:26px; line-height: 65px; color:#000; background:#fff; padding:0 35px; margin:10px 10px 10px 0; text-decoration:none; text-transform: none; font-weight: normal; } .clapat-button.outline-button:hover, .clapat-button.outline-button:active, .clapat-button.outline-button:focus { color:#fff; background-color:#000; } .light-content .clapat-button.outline-button { color:#fff; border:#fff 2px solid; } .light-content .clapat-button.outline-button:hover, .light-content .clapat-button.outline-button:active, .light-content .clapat-button.outline-button:focus { border:#fff 2px solid; color:#000; background-color:#fff; } .space-buttons { display: inline-block; height: 0px; width: 20px; } .text-carousel .owl-controls { width:100%; margin-top:20px; } .light-content .text-carousel .owl-controls .owl-dot.active span, .light-content .text-carousel .owl-controls .owl-dot:hover span { background:#fff; opacity:1; } .light-content .text-carousel .owl-controls .owl-dot span { background:#fff; opacity:0.5; } .classic-slider li { margin:0; } /* More Link */ .more { font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color:#999; position:relative; } .more:hover { color: #000; } .light-content .more, .light-content .more:hover { color:#fff; } .more:after { background-color: #000; content: ""; height: 1px; left: 0px; position: absolute; top: 15px; width: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .light-content .more:after { background-color: #fff; } .more:hover:after { width:99%; } .icon:before { display: inline-block; content: ' '; background-image: url('https://www.scootntourcayman.com/wp-content/themes/soho/images/next.png'); background-size: 18px 18px; height: 18px; width: 18px; vertical-align: middle; } a.more > span.icon { display:none; } /* Progress Bars */ .progress-bar { text-align: left!important; margin: 0px!important; } ul.progress-bar { margin:0; } .progress-bar li { list-style: none!important; cursor:pointer; } .progress-bar li i { margin:0; } .progress-bar li:last-child span { margin-bottom: 0px; } .progress-bar li .bar-wrap { margin-bottom:22px; background-color: #fff; border-radius:10px; } .progress-bar li span { height: 4px; width: 0px; display: block; background-color: #000; border-radius:10px; transition:background-color 0.2s ease 0s; -moz-transition:background-color 0.2s ease 0s; -webkit-transition:background-color 0.2s ease 0s; -o-transition:background-color 0.2s ease 0s; } .progress-bar li p { margin-bottom:5px; font-weight:400; font-size:14px; color:#777; } .progress-bar li span { overflow: visible!important; position: relative; } .progress-bar li span strong { position: absolute; right: -0px; top: -25px; padding: 4px 0px; color: #777; line-height: 12px; font-size: 12px; opacity: 0; display: block; font-weight:400; } .progress-bar li span strong i { font-style:normal; } .progress-bar li span strong.full:after { left: 15px; } .progress-bar li span strong.full { width: 43px; text-align: center; } /* Service Icon Boxes */ .services-icon i { font-size:36px; float:left; margin-right:10px; margin-top:5px; color:#999; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; } .services-icon:hover i { color:#000; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .service-info-text { margin-left:60px; margin-bottom: 50px; } .service-info-text h5 { margin-bottom: 5px; padding-top: 10px; } .services-number .service-info-text { margin-left:0px; margin-top:20px; position:relative; z-index:1; } .services-number .number { color:rgba(0,0,0,0.05); font-size:100px; position:absolute; top:0; left:-2px; z-index:0; transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .services-number:hover .number { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* Service Icon top Boxes */ .service-icon-top i { font-size:18px; line-height:24px; margin-bottom:15px; color:#999; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; } .service-icon-top:hover i { color:#000; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .service-info-text { margin-left:60px; margin-bottom: 50px; } .service-info-text .bigger { margin-bottom: 5px; padding-top: 5px; } /* Accordions */ .accordion dt { cursor: pointer; padding: 10px 15px; margin-bottom:10px; background-color:#f5f5f5; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; } .accordion dt.accordion-active { background-color:#000; color:#fff; } .accordion dt:hover { background-color:#000; color:#fff; } .accordion dt { font-weight:700; font-size:14px; } .accordion dt.accordion-active:after { content:"_"; margin-top:-10px; } .accordion dt:after { content:"+"; float:right; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; margin-top:-3px; } .accordion .accordion-content { padding: 5px 15px; line-height: 25px; } /* Toggle */ .toggle-wrap { float:left; width:100%; } .toggle-title { background: #f5f5f5; cursor: pointer; padding: 10px 15px; margin-bottom: 10px; display: block; font-weight:700; font-size:14px; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; } .toggle-title:after { content:"+"; float:right; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; margin-top:-3px; } .toggle-title a { color:#999; text-decoration: none; } .toggle-title:hover { background: #000; color:#fff; } .toggle-title:hover a{ color:#fff; } .toggle_container { padding: 5px 15px; margin-bottom: 24px; line-height: 25px; } .toggle-active { color:#fff; background: #000; } .toggle-active:after { content:"_"; margin-top:-10px; } .toggle-active a { color:#FFF; } /* Tabs */ .tab-shortcode { display:table; width:100%; } ul.tabs { overflow: hidden; margin: 0px; } ul.tabs li { float: left; margin: 0px; list-style: none; } ul.tabs li a { display: block; background-color: #ddd; padding: 6px 20px; margin-right: 5px; color: #555; font-weight:700; font-size:14px; } ul.tabs .tab-active a { color: #fff; background-color: #000; } ul.tabs li a:hover{ color: #fff; background-color: #000; } .tab_container { clear: both; padding: 20px; margin-top:0px; line-height:25px; background-color: #f5f5f5; } /* Alert Boxes */ .alertboxes { float:left; width:100%; } .shortcode_alertbox { color: #FFFFFF; display: block; line-height: 20px; margin-bottom: 20px; padding: 15px 40px 15px 14px; position: relative; } .shortcode_alertbox .box_close { background: url("https://www.scootntourcayman.com/wp-content/themes/soho/images/close_box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-position:10px 10px; background-size:20px 20px; display: block; height: 40px; position: absolute; right: 5px; top: 5px; width: 40px; cursor:pointer; } .shortcode_alertbox b { color:inherit; } .shortcode_alertbox.box_red { background: none repeat scroll 0 0 #F9E5E6; color:#B3696C; } .shortcode_alertbox.box_blue { background: none repeat scroll 0 0 #D8ECF5; color: #528DA9; } .shortcode_alertbox.box_yellow { background: none repeat scroll 0 0 #FCF7D9; color: #C4A21B; } .shortcode_alertbox.box_green { background: none repeat scroll 0 0 #E3EBC6; color: #8FA442; } /* Number Counters */ .clapat-counters { display: table; margin-left: 0; text-align: center; width: 100%; } .clapat-counter { text-align: center; list-style:none; display:inline-block; border-right:1px solid rgba(0,0,0,0.08); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:25%; display:table-cell; } .light-content .clapat-counter { border-right:1px solid rgba(255,255,255,0.05); } .clapat-counter:last-child { border-right:none; } .clapat-counter .number { display: block; font-family: 'Montserrat', sans-serif; font-size: 48px; font-weight:700; line-height: 48px; margin-bottom: 5px; color:#000; } .light-content .clapat-counter .number { color:#fff; } .clapat-counter .subject { font-family: "Montserrat",sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 3px; color:#999; text-transform:uppercase; } /* Pricing Tables */ .p-table-item{ margin: 0 0 30px; position: relative; text-align: center; background:#fff; } .p-table-item-inner{ border: 3px solid #ddd; vertical-align: middle;transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } .p-table-item-inner:hover{ border-color: #000; } .active .p-table-item-inner{ border-color: #000; } .p-table-wrap{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px; text-align: center; overflow: hidden; } .p-table-icon{ padding-top: 10px; padding-bottom: 5px; position: relative; font-size: 32px; z-index: 1; color:#000; } .p-table-title{ position: relative; margin-bottom: 40px; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 1px; z-index: 1; color:#000; text-transform:uppercase; } .p-table-list{ margin: 0 -20px 30px; padding: 0; font-weight:400; font-size:14px; } .p-table-list li{ padding: 12px 20px; list-style: none; border-bottom: 1px solid #ebebeb; } .p-table-list li:first-child{ border-top: 1px solid #ebebeb; } .p-table-num{ font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 700; line-height: 1; margin: 0 -20px; border-top: 1px solid #ebebeb; padding-top:20px; color:#000; } .p-table-num sup{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; position: relative; top: -15px; left: -3px; margin-left: -7px; color:#000; } .p-table-button{ margin: 50px 0 20px 0; } .p-table-per { margin-bottom: 20px; font-weight:400; font-size:14px; } /* Radial Counters */ .radial-counter { display:block; margin:0 50px; cursor:default; margin:10px; } .radial-counter input { cursor:default; font-weight: 700!important; font-family: 'Montserrat', sans-serif!important; font-size:16px!important; height:50px!important; width:50px!important; background-color:#000!important; border-radius:100%; margin-left: -95px!important; margin-top: 45px!important; } .radial-counter-name { margin-top:15px; } .radial-counter-info { margin-top:10px; } footer { box-sizing: border-box; height:auto; width:100%; overflow:hidden; position:relative; padding:70px 0 50px; opacity:1; z-index:100; background-color:#fed900; -webkit-transition: opacity 0.3s ease-in-out 0.2s; -moz-transition: opacity 0.3s ease-in-out 0.2s; -o-transition: opacity 0.3s ease-in-out 0.2s; transition: opacity 0.3s ease-in-out 0.2s; } footer.alternate { background-color:#fff; } .transparent-footer footer { background-color:transparent; } footer.hidden { opacity:0; } .show-no-footer footer { display:none; } #footer-container { margin:0 auto; height:inherit; box-sizing:border-box; opacity:1; position:relative; padding:0; width: 1172px } .copyright { float:left; margin-bottom:0; font-size:12px; } .transparent-footer footer .copyright { color:#fff; } .menu-footer .copyright { margin-left:50px; } .icon-scroll, .icon-scroll:before { position: absolute; left: 50%; cursor:pointer; } .icon-scroll { width: 20px; height: 30px; position:absolute; left:50%; bottom:50px; margin-left: -9px; box-shadow: inset 0 0 0 2px #000; border-radius: 25px; opacity:0; transition:all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } #hero .icon-scroll { opacity:1; bottom:90px; } .active .icon-scroll { opacity:1; -webkit-transition: all 0.3s ease-in-out 1.2s; -moz-transition: all 0.3s ease-in-out 1.2s; -o-transition: all 0.3s ease-in-out 1.2s; transition: all 0.3s ease-in-out 1.2s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .section:last-child .icon-scroll { display:none; } .icon-scroll:before { content: ''; width: 4px; height: 5px; background: #000; margin-left: -2px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } .light-content .icon-scroll { box-shadow: inset 0 0 0 2px #fff; } .light-content .icon-scroll:before { background: #fff; } @-webkit-keyframes scroll { 0% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { opacity: 1; -webkit-transform: translateY(7px); transform: translateY(7px); } } @keyframes scroll { 0% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { opacity: 1; -webkit-transform: translateY(7px); transform: translateY(7px); } } .icon-scroll-line { width:1px; height:0px; position:absolute; background-color:#000; left:50%; bottom:0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .light-content .icon-scroll-line { background-color:#fff; } .active .icon-scroll-line { height:30px; -webkit-transition: all 0.3s ease-in-out 0.9s; -moz-transition: all 0.3s ease-in-out 0.9s; -o-transition: all 0.3s ease-in-out 0.9s; transition: all 0.3s ease-in-out 0.9s; } #hero .icon-scroll-line { height:50px; } footer .icon-scroll-line { height:30px; background-color:#333; bottom:-80px; } footer.alternate .icon-scroll-line { background-color:#ccc; } .transparent-footer footer .icon-scroll-line { background-color:#fff; } .scrolltotop { width:62px; height:30px; position:absolute; left:50%; bottom:45px; margin-left:-30px; border-radius:2px 2px 0px 0px; transition:all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); color:#000; opacity:0; cursor:pointer; visibility:hidden; } footer .scrolltotop { bottom:-30px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); color:#fff; opacity:1; cursor:pointer; visibility:visible; } .light-content .scrolltotop { color:#fff; } .section:last-child.active .scrolltotop { opacity:1; visibility:visible; -webkit-transition: all 0.3s ease-in-out 1.2s; -moz-transition: all 0.3s ease-in-out 1.2s; -o-transition: all 0.3s ease-in-out 1.2s; transition: all 0.3s ease-in-out 1.2s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } footer .scrolltotop { color:#fff; } footer.alternate .scrolltotop { color:#000; } @keyframes bounce { 0%, 20%, 60%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } .scrolltotop:hover { animation: bounce 1s; } .scrolltotop .holder::after, .scrolltotop .holder::before { right:25px; top:30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .holder { width: 0; height: 0; position: absolute; top: 0; right: 0; } .holder::after, .holder::before { display: block; position: absolute; content: ""; width:10px; height:10px; right: 10px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .holder::after { top: 17px; } .holder::before { top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; } .socials, .socials-text { margin: 0px; display:block; width:auto; line-height:25px; } .menu-footer .socials { text-align:right; margin-right:50px; } .socials-text { float:right; } .socials li, .socials-text li { list-style:none; display:inline-block; margin-left: -4px; } .socials li:first-child { margin-left: 3px; } .socials-text li { margin-right: 10px; margin-left: 0px; color:#777; font-size:12px; position:relative; } .socials-text li:last-child { margin-right: 0px; } .socials li a { color: #999; display: block; font-size: 16px; height: 16px; line-height: 10px; width:45px; text-align:center; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .socials li a:hover { color:#fff; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .socials-text li a { color:#777; } .transparent-footer footer .socials-text li a { color:#fff; } .socials-text li a:hover { color:#fff; } footer.alternate .socials-text li a:hover { color:#000; } .socials-text li a:after { background-color: #fff; content: ""; height: 1px; left: 0px; position: absolute; top: 20px; width: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } footer.alternate .socials-text li a:after { background-color: #000; } .socials-text li a:hover:after { width:100%; } /*-------------------------------------------------- 16. Responsive ---------------------------------------------------*/ @media only screen and (max-width: 1600px) { h1.big-title, h2.big-title, h3.big-title { font-size: 50px; } #showcase .outer { width: 100%; box-sizing:border-box; padding:100px 160px; } .container.portfolio { width: 100%; } .container { width: 1440px; box-sizing:border-box; } .owl-theme .owl-controls { width: 900px; } .project-nav { height: 500px; } } @media only screen and (max-width: 1466px) { .container { width: 1180px; box-sizing:border-box; } .owl-theme .owl-controls { width: 800px; } .project-nav { height: 400px; } } @media only screen and (max-width: 1024px) { h1.big-title, h2.big-title, h3.big-title { font-size: 6vw; line-height: 6vw; } .showcase-name .sh-name { font-size: 10vw; line-height: 11vw; } .sh-view { line-height: 13vw; } input#search { font-size: 9vw; width: 100%; padding:0; box-sizing:border-box; } .container { width: 800px; box-sizing:border-box; } .container, .small .container { width:100%; padding:0 50px; } .container_post, .page-links { width:100%; padding:0 50px; } .full .container { padding:0; } .article-discusion-container, .article-formular-container { width:100%; padding:0 50px; box-sizing: border-box; } .owl-theme .owl-controls { width: 100%; box-sizing:border-box; } .owl-carousel .owl-controls .owl-nav .owl-prev { left: 50px; } .owl-carousel .owl-controls .owl-nav .owl-next { right: 50px; } .article-date, .article-tags, .article-comments { width: 100%; } .article-tags { border-right:none; border-left:none; border-top: 1px solid #eee; } .article-comments { border-top: 1px solid #eee; } .one_half { width: 100%; } .one_third { width: 100%; } .one_fourth { width: 100%; } .one_fifth { width: 100%; } .one_sixth { width: 100%; } .two_fifth { width: 100%; } .two_fourth { width: 100%; } .two_third { width: 100%; } .three_fifth { width: 100%; } .three_fourth { width: 100%; } .four_fifth { width: 100%; } .five_sixth { width: 100%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { margin-bottom: 20px; margin-right: 0%; } .clapat-counter { border-right: medium none; display: block; margin-bottom: 30px; text-align: center; width: 100%; } .clients-table li { width: 50%; } .clients-table li:hover { opacity:1; } .clients-table li:nth-child(1), .clients-table li:nth-child(2) { border-top:0; } .clients-table li:nth-child(3), .clients-table li:nth-child(4) { border-top:1px solid #ddd; } .clients-table li:nth-child(2), .clients-table li:nth-child(4), .clients-table li:nth-child(6), .clients-table li:nth-child(8), .clients-table li:nth-child(10), .clients-table li:nth-child(12), .clients-table li:nth-child(14), .clients-table li:nth-child(16), .clients-table li:nth-child(18), .clients-table li:nth-child(20), .clients-table li:nth-child(22), .clients-table li:nth-child(24), .clients-table li:nth-child(26), .clients-table li:nth-child(28), .clients-table li:nth-child(30), .clients-table li:nth-child(32) { border-right:0; } #menu-overlay { display:block; overflow-x: hidden; overflow-y: scroll; width: calc(100% + 25px); } #share-overlay { display:block; overflow-x: hidden; overflow-y: scroll; width: calc(100% + 25px); padding:100px 0; } #share-overlay .inner { padding:100px 0; } #contact-formular { width:100%; } #bgvid { display: none; } #portfolio-wrap { margin:40px; } #portfolio-wrap.no-gutter { margin:0 auto; } .revealed .item-overlay { opacity: 1; padding: 40px 50px; } .project-nav { height: 300px; } .list-share a { width: 150px !important; } .pp-section, .post-image { background-attachment:initial; } #hero.hero-small { height:60%; } #hero.hero-large { height:85%; } .revealed .item-title, .carousel-caption .item-title { font-size:24px; line-height:24px; } #filters li a { letter-spacing: 0px; } #filters li a:hover::after, #filters li a.active::after { width: 100%; } } @media only screen and (max-width: 767px) { #menu-overlay nav { margin-top: 100px !important; } nav {margin-bottom: 100px !important;} #pp-nav, #clapat-nav { display:none; } .menu-footer { display:none; } .copyright { float: none; margin-bottom: 25px; text-align: center; } .socials-text { float: none;margin-bottom: 35px;text-align: center; } .pilling-prev { margin-top: -140px; left: 50px; top: 100%; } .pilling-next { margin-top: -140px; right: 50px; top: 100%; } .wide .item-title, .tall .item-title { font-size: 24px; line-height: 30px; } .wide .item-overlay, .item-overlay { padding: 30px; } .user_comment_reply { margin-left: -80px; } .project-nav { height: 700px; } .project-nav .item { height: 350px; width: 100%; position:relative; } .list-share a { border-left: none; height: 60px !important; width: 100% !important; } #menu-overlay { width: calc(100%); width: 100%; } #share-overlay { width: calc(100%); width: 100%; } } @media only screen and (max-width: 479px) { #logo a { margin-left: 15px; } #logo img { margin-left: 0px; } .hamburger { right: 0px; } .pilling-prev { left: 30px; } .pilling-next { right: 30px; } .container, .small .container { width:98%; padding:0 10px; } .container_post, .page-links { width:100%; padding:0 30px; } .full .container { padding:0; } .article-discusion-container, .article-formular-container { width:100%; padding:0 30px; box-sizing: border-box; } .owl-theme .owl-controls { width: 100%; padding:0 30px; box-sizing:border-box; } .owl-carousel .owl-controls .owl-nav .owl-prev { left: 30px; } .owl-carousel .owl-controls .owl-nav .owl-next { right: 30px; } #portfolio-wrap {margin:20px;} #portfolio-wrap.no-gutter { margin:0 auto; } #filters li { margin: 180px 5px; } .nav-button p { font-size: 16px; } .user_comment { padding-left: 0; } .user-image { display:none; } .project-nav { height: 500px; } .project-nav .item {height: 250px;width: 100%;position:relative; } .collage { margin: -20px 20px 0; } } /*29-06-2016*/ .tour-medtext { font-size:18px; font-weight:bold; color:#424344; text-align:center; line-height: 26px; font-family: 'Heebo', sans-serif} .tour-daytext { color: #fff; font-size: 24px; font-weight: bold; margin: 10px 0; text-transform: uppercase; } .clear { clear:both; } .tour-main { margin:50px auto; padding:0px; } .tour-left { width:48%; margin:0px; padding:0px; } .imgpart { /*width:45%;*/ float:left; } .contentpart { /*width:50%;*/ float:right; position:relative;} .datainner { margin:0; padding:0px; } .datainner .headtxt { float:left; text-align:left; font-family: "Montserrat",sans-serif; font-size:223px; font-weight:700; line-height: 272px; color:#1298a7; margin:0 0 0 -20px; padding:0px;} .datainner .title { position:absolute; top:40px; left:75px; font-size:22px; color:#fff; text-align:left; line-height: 30px; } .datainner .descr {font-family: "Montserrat",sans-serif;font-weight:700;text-align:left;position:absolute; top:80px; left:70px; font-size:56px; color:#fff; line-height: 60px; } .contentpart p { font-size:16px; color:#424344 !important; } .contentpart .linktxt a { box-shadow: 10px 0 25px rgba(0,0,0,0.2); font-family: 'hillbelly_trialregular'; display: inline-block; border-radius: 20px; font-size:26px; line-height: 80px; color:#000; background:#fff; padding:0 35px; margin:0 10px 10px 0; text-decoration:none;} .contentpart .linktxt a:hover { color:#fff083; background:#424344; } .thumbnail_container { background-color: #f2f2f2; border-radius: 0; margin-bottom: 0; overflow: hidden; padding-bottom: 100%; position: relative; width: 100%; } .thumbnail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 solid #ddd; border-radius: 0; height: 100%; padding: 0;position: absolute; width: 100%; } .thumbnail img { bottom: 0;left: 0; margin: auto; max-height: 100%;position: absolute; right: 0; top: 0; transition: all 0.8s ease 0s; } .font-white { color:#fff; } .offer-medtxt { font-size:18px; font-weight:bold; color:#062e04; text-align:center; line-height: 30px; } .offer-medtxt a { color:#fff; text-decoration:none; } .offer-medtxt a:hover { color:#062e04; } .border-topbottom { border-top:1px solid #38aa32; border-bottom:1px solid #38aa32; margin:25px 0; } .special-smtxt { font-family: "Montserrat",sans-serif; font-weight:700; font-size:30px; text-align:center; text-transform: uppercase; color:#fff; line-height:12px; padding:25px 0; background-color:#38aa32; border-bottom: 2px solid #2e842a; margin:0 0 20px 0 !important; } .special-smtxt span { display:block; } .special-smtxt1 { font-family: "Montserrat",sans-serif; font-weight:500; font-size:24px; text-align:center; text-transform: uppercase; color:#fff; line-height:35px; padding:25px 0 0 0; } .yellowtxt { color:#fff083; } .offer-ulli ul {list-style:outside none none; margin:0px; padding:0px; } .offer-ulli ul li { background-image:url('https://www.scootntourcayman.com/wp-content/themes/soho/images/arrow-img.png'); background-position:left 5px; background-repeat:no-repeat; float:left; text-align:left; width:45%; padding:0 20px 0 30px; color:#fff; line-height:25px; } .book-today { margin:25px 0 0 0;} .book-today a { background:#fff083; color:#424344; font-size:16px; text-align:center; padding:6px 15px; text-transform:uppercase; } .book-today a:hover { background:#424344; color:#fff083; } .call-txt { margin:40px 0 0px 0;} .call-txt a, .call-txt span { font-family: "Montserrat",sans-serif; font-weight:700; font-size:56px; text-align:center; color:#fff; text-decoration:none; } .mail-txt { margin:20px 0 0px 0; } .mail-txt a { font-size:30px; text-align:center; color:#fff; text-decoration:none; letter-spacing:0.3px; } .addresstxt { font-size:14px; font-family: 'Heebo', sans-serif; color:#000; line-height:25px; margin-bottom: 15px; margin-top: 30px; text-transform: uppercase; } .addresstxt .contxt { color:#fff083; padding-right:15px; display:inline-block; } .sn-icon { padding: 0 0 0 0px; text-align: center; } .sn-icon a { padding:0 3px; opacity:1; } .sn-icon img { width: 35px; height: auto; } .sn-icon a:hover { opacity:0.5; } .copytxt { font-size:12px; color:#78b2f9; text-align: left; } .sitemaptxt { font-size:12px; color:#78b2f9; text-align: center; } .sitemaptxt a { color:#78b2f9; text-decoration:none; } .sitemaptxt a:hover { color:#fff; } .footerinner-sitemaptxt { font-size:13px; color:#777; text-align: center; } .footerinner-sitemaptxt a { color:#777; text-decoration:none; } .footerinner-sitemaptxt a:hover { color:#fff; } .developtxt { font-size:12px; color:#78b2f9; text-align: right; } .netcluesimg img { margin:-5px 0 0 3px; opacity:1; } .netcluesimg img:hover { opacity:0.5; } .gallery-maintxt { color:#1c4386; } .gallery-medtxt { font-size:18px; text-align:center; color:#00544f; line-height:30px; } .galleryfullwidth { left:0 !important; right:0 !important; margin:0 !important; padding:0 !important;} .galleryfullwidth .container { width:100%; } .gallery-main { width:100%; margin:0px; padding:0px;} .gallery-imglist { float:left; width:20%; margin:0px; padding:0px; text-align:left; } .overlap { background-color: rgba(0, 0, 0, 0.2); height:100%; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9; } .overlap:hover { background:none; } .gallery-btn { margin-top: 50px; } .gallery-btn > a {background: #fff083; font-size:16px; color: #424344; padding: 6px 15px; text-transform: uppercase; } .gallery-btn > a:hover { background:#424344; color:#fff083; } .gallery-space { margin:45px 0 0 0; } .img-border { padding:2px; border:1px solid #ccc; } .gallery-page .gallery-img { padding:15px 0;} /*Links Page-s*/ .link-main { width:100%; margin:0px; padding:0px;} .link-imglist { padding:0px; margin-bottom:25px } .link-imglist .link-cont { padding:10px;} .link-main .box-shadow { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); float: left; width: 100%; } .link-imglist .link-cont h3, .link-imglist .link-cont h3 a { color:#222; font-size:17px; line-height:24px; margin:0px; padding:10px 0; text-decoration:none;} .link-imglist .link-cont h3 a:hover { color:#006c9e; } .link-main .link-img .thumbnail_container { padding-bottom:60%;} .link-imglist .link-cont p { margin:0px; padding:0px; line-height:22px;} .link-imglist .moredetail a { float:right; background:#029a49; font-size:14px; color:#fff; margin:20px 0px 10px 0; padding:5px 15px; text-decoration:none; text-transform:uppercase; transition:0.5s all; -webkit-transition:0.5s all; } .link-imglist .moredetail a:hover { background:#333; color:#fff; transition:0.5s all; -webkit-transition:0.5s all; } /*Links Page-e*/ /*Shop Page-s*/ .shop-main { float:left; width:95%; margin:0 15px 25px 15px; padding:15px 0; box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2);} .shop-main .shop-details h3 {line-height:8px; background:#eee; padding:0px; background: #eee; position: relative; vertical-align: top; } .shop-main .shop-details h3 a { font-size:20px;background:#eee; padding:0px; background: #eee; padding: 20px 0 0; position: relative; vertical-align: top; display: inline-block; } .shop-main .shop-details .price { color:#F00; } .shop-main .addtocart a { float:left; background:#029a49; font-size:14px; color:#fff; margin:15px 0px 10px 0; padding:5px 15px; text-decoration:none; text-transform:uppercase; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } .shop-main .addtocart a:hover { background:#333; color:#fff; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } /*Shop Page-s*/ /*Tour-inner Page-s*/ .tour-inner { float:left; width:95%; margin:25px 15px; padding:15px 0; box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2); } .tour-inner .tourinner-details h3, .tour-inner .tourinner-details h3 a { background:#eee; color:#333; font-size:20px; line-height:9px; text-decoration:none; vertical-align: middle; padding:0px; } .tour-inner .tourinner-details h3 a:hover { color:#029a49; } .tour-inner .tourinner-details h3 span { color:#006c9e; } .tour-inner .tourinner-details .price { color:#F00; } .tour-inner .tourinner-btn a { float:left; background:#029a49; font-size:14px; color:#fff; margin:15px 10px 10px 0; padding:5px 15px; text-decoration:none; text-transform:uppercase; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } .tour-inner .tourinner-btn a:hover { background:#333; color:#fff; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } /*Tour-inner Page-s*/ .mt100 { margin:100px 0 0 0;} .height100 { height:60px;} .height180 { height:60px;} .highclr { color:#24602f; } .tour-details { margin: 0; padding:0px; } .cms .img-border {border: none; border-radius: 20px;} .cms .img-border img {border-radius: 20px;} .tour-leftpage h3 { text-align:left; font-size:24px; line-height:30px; } .tour-leftpage .tour-pageimg { margin-bottom:25px; } .tour-leftpage { margin:0px 0 60px 0; } .tour-pageimg .thumbnail_container { padding-bottom:66%;} .tour-leftpage p {font-size:16px; line-height:26px; text-align: left; } .map-box { margin:25px 0; } .map-frame { width:98%; height:400px !important; border:1px solid #ddd; padding:2px;} .trip-details { min-height:250px; margin-bottom:30px;} .tour-rightpage { background: #82d817 none repeat scroll 0 0; border-radius: 20px; padding: 15px; margin:0 0 50px 0; } .sidebar-details h4 { text-align:left; font-size:18px; line-height:30px; margin:0px; padding:0px; } .widSSP.widSSPnarrow { width:100% !important;} .facts-main {} .TA_selfserveprop img:first-child, .TA_selfserveprop img:nth-child(2), .TA_selfserveprop img:nth-child(3) {display: none;} .facts-main h5 { color: #000; line-height: 40px; } .facts-main li { list-style-type: disc; font-size:16px; line-height:24px; margin-bottom: 20px; } .book-nowtxt { border:1px solid #24602f; margin:0 0 30px 0; text-align:center } .book-nowtxt .book-btntxt a { background: #24602f; color: #fff; display: block; font-size: 24px; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; } .book-nowtxt .book-btntxt a:hover { background: #037bb2; } .book-now-price { color: #333; font-size: 20px; padding: 20px 0; } .backtotour { float: right; } .backtotour > a { box-shadow:10px 0 25px rgba(0,0,0,0.2); font-family: 'hillbelly_trialregular' !important; display: inline-block; border-radius: 20px; font-size:26px; line-height:65px; font-weight: normal; ormal; color:#000; background:#fed700; padding:0 35px; margin:0 10px 30px 0; text-decoration:none; position: relative; top: 0; -webkit-transition: all .5s ease-in-out; -khtml-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; text-transform: none;} .backtotour > a:hover { background:#333; color: #fff; } .thank-you { text-align:center; width:100%; margin:0px 0 !important; padding:0px;} .thank-you h2 { font-size:90px; color:#24602f; font-weight:bold; line-height:normal; } .thank-text { font-size:24px; line-height:40px; padding:40px 0 70px 0; } .thank-btn a {background-color: #24602f; border: 1px solid #24602f; color: #fff; display: inline-block; font-size: 18px; margin: 0px; padding: 10px 20px; transition: all 0.8s ease 0s; text-transform:uppercase; } .thank-btn a:hover { background-color: #fff; border: 1px solid #24602f; color:#24602f; transition: all 0.8s ease 0s; } .footer-copy { font-size:13px; line-height:20px; } .footer-sn { margin:0 0 30px 0; } .footer-sn img { width:30px; height:auto; } .footer-sn { padding: 0 0 0 0px; text-align: center; } .footer-sn a { padding:0 5px; opacity:1; } .footer-sn a:hover { opacity:0.5; } .iframetours { height: 1002px; margin:0px 15px; } .devloptxt { float:right; font-size:13px; line-height:20px; } .footerinner-sitemaptxt .activefooter { color: #fff !important; } .sitemapli ul{ padding:0px; margin:0px;} .sitemapli ul li{ min-height: 50px; padding:12px 0 0 60px; list-style:none; float: left; width:27.33%; background-position:0 13px;line-height:33px; text-transform:uppercase; margin:0 0 10px; vertical-align:middle; position: relative; } .sitemapli ul li:before {position: absolute; content: ''; width: 50px; height: 50px; border-radius: 50%; background:url(https://www.scootntourcayman.com/wp-content/themes/soho/images/small-logo.png) no-repeat center rgba(110, 110, 110, 0.1); left: 0; top: 0} .sitemapli {clear: both;} .sitemapli ul li a{ font-size:17px;font-weight:bold;color:#333; line-height:24px; transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;} .sitemapli ul li a:hover{color:#24602f;padding-left:5px} .sitemapli h2 {font-size: 24px; margin-top: 20px; color: #24602f;} .sitemapli ul li a img{ margin-right:10px;} .snicon-sitemap { background:#222; } .snicon-sitemap:hover { background:#333; } .cont-padd { padding:35px 0; } .padd10 { padding:10px 0 0 0 !important; } .con-details, .con-details a { font-size: 18px; line-height: 28px; padding:0px 0; color:#000; text-align: left; } .con-details a:hover { color:#006c9e; } .con-icon .vc_icon_element-icon.fa.fa-map-marker, .con-icon .vc_icon_element-icon.fa.fa-envelope-o, .con-icon .vc_icon_element-icon.fa.fa-phone { border: 1px solid #ccc; border-radius: 100%; width: 100px; height: 100px; line-height: 100px !important; vertical-align: middle; background: rgba(249,166,23,1); background: -moz-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,166,23,1)), color-stop(26%, rgba(255,208,0,1)), color-stop(100%, rgba(255,208,0,1))); background: -webkit-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: -o-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: -ms-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: linear-gradient(to bottom, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a617', endColorstr='#ffd000', GradientType=0 ); -webkit-transition: all .5s ease-in-out; -khtml-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;} .cont-form .wpcf7-textarea { height: 80px !important; margin-bottom: 0 !important; } .cont-form span.wpcf7-not-valid-tip { text-align: left; } .cont-form .wpcf7-recaptcha { margin-top:55px; } .cont-form input.submit-btn { position: relative; box-shadow:10px 0 25px rgba(0,0,0,0.2); font-family: 'hillbelly_trialregular'; display: inline-block; border-radius: 20px; font-size:26px; line-height: 65px; color:#000; background:#fff; padding:0 35px !important; margin:30px 10px -67px 0; float: left; text-decoration:none; text-transform: none; font-weight: normal;} .cms .cont-form p {margin-bottom: 0} .con-phone { display: block; padding-top: 15px; } .spe-smtxt { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; } .spe-smtxt li { display: inline-block; color:#444; font-size: 21px; font-weight: bold; line-height: 35px; list-style: outside none none; vertical-align: top; width: 32%; margin:0px; } .special-page li { list-style:square; line-height:30px; } .spe-book-today { margin:30px 0 0 0; } .spe-book-today a {background:#029a49; color: #fff; float: left; font-size: 14px; margin: 15px 10px 10px 0;padding: 5px 15px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-out 0s;} .spe-book-today a:hover { background:#333; color:#fff; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } .spe-tourtxt { color:#006c9e; font-size: 30px; font-weight: bold; line-height: 30px; text-transform: uppercase; text-align: center; } .spe-tourtxt1 { border-bottom: 1px solid #ccc; color: #000; font-size: 24px; line-height: 30px; padding: 15px 0; text-align: center; text-transform: uppercase; } .pg-notfound h1.big-title { font-size: 200px; color:#777; letter-spacing:3px; line-height:200px; } .pg-notfound .not-found-text { text-align: center; padding:10px 0 20px 0; } .pg-notfound .clapat-button { background: none; border:1px solid #444; -webkit-border:1px solid #444; border-radius: 0; color:#777; font-size: 16px; padding:20px 35px; font-weight: normal; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; letter-spacing:1px; } .pg-notfound .clapat-button:hover { background:#444; border:1px solid #444; color:#fff; -webkit-border:1px solid #444; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } .footer404pg { display:none; } .linktxt { color:#2aad15; } .linktxt:hover { color:#000; } .contact-height { margin-top:70px; } .book-menu a { border: 1px solid #fff; display: block; color: #fff; float: right; font-size: 18px; margin:15px 0 0 0; position: relative; z-index:999 !important; border-radius: 3px; padding: 0px ; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; line-height:50px; font-family:'hillbelly_trialregular'; min-width:143px; text-align:center; } .book-menu a:hover { background-color: #222; color:#eed113; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .booknow_menu { display: none !important; } header.sticky { background-color: rgba(0, 0, 0, 0.8); height: 70px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .sticky #logo img { height: 52px; margin: 10px 0; display: inline-block; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .sticky .menu li a { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .sticky .book-menu > a { margin: 24px 30px 0 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .sticky .top-call { margin: 25px 25px 0 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .sticky .top-mail > a { margin: 25px 45px 0 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .number-txt { background: #029a49; color:#fff !important; display: inline-block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 10px 0 0; position: relative; text-align: center; width: 45px; } .cdsROW.narrow.border { border: 8px solid #4a741f; border-radius: 100%; padding: 60px 0 !important; width: 190px; } .trip-home { display: inline-block; text-align: center; } .offertxt { background-color: #006c9e; color: #fff; display: block; font-size: 18px; padding: 7px 0; position: relative; text-align: center; margin: 0 0 25px !important; border: 1px solid #004b6d; } .review-txt { color:#24602f; font-size: 40px; margin-bottom: 35px; font-family: 'Heebo', sans-serif; font-weight: 600; } .home-fbpost, .trip-post { height: 370px; /* width: 100%; */width:500px} @media screen and (-webkit-min-device-pixel-ratio:0) {.home-fbpost, .trip-post {/* height: 400px; width: 100%;*/ }} .book-nowmobmenu > a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 100%; display:none; margin:30px 10px 0 0; padding: 0 0px 0 0; float:right; width: auto; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .book-nowmobmenu .fa.fa-ticket { border-radius: 100%; -webkit-border-radius: 100%; line-height: 25px; text-align: center; font-size: 16px; vertical-align: middle; padding:0px; display: none; } .headingbg { } .headingbg h2, .headingbg h1 {font-weight: 600; color: #24602f; margin: 0 0 30px 15px; padding: 10px 0 10px 20px; position: relative; text-align:center; text-transform: uppercase; } .mob-trip { display:none; } .tourinner-img .thumbnail_container { padding-bottom: 98%;} @media only screen and (min-device-width: 768px) and (max-device-width: 1920px) { .displaybtn { display:none;} .mob-tourdata{ display:none;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { .active .icon-scroll { bottom:20px !important; } .active .icon-scroll-line { display:none; } .tour-main { margin:30px auto; } .call-txt { margin:20px 0 0 0; } .call-txt a, .call-txt span { font-size:35px; } .mail-txt { margin:10px 0 0 0; } .mail-txt a { font-size:24px; } .contact-height { margin-top:30px; } #logo a {margin-left: 20px; } } @media(max-width:1366px){ h1.big-title, h2.big-title, h3.big-title { font-size:50px; } .offer-ulli ul li { width:43%; } .offer-medtxt { font-size:16px; line-height:24px; } .tour-medtext { font-size:16px; line-height:24px; } .call-txt { margin:20px 0 0 0; } .call-txt a, .call-txt span { font-size:35px; } .mail-txt { margin:10px 0 0 0; } .mail-txt a { font-size:24px; } .contact-height { margin-top:30px; } .menu-res { float:none !important; width: 64% !important; } .tour-daytext { font-size: 20px; margin: 7px 0; } } @media(max-width:1279px){ .menu-res { display: none; } nav > ul > li > a:hover, nav > ul > li.active > a, nav > ul > li.open > a { background-image: none !important; color: #eed113; min-height:10px !important; } .hamburger { display: block !important; right:15px !important; } #logo a { margin-left: 20px; } .top-call { margin:30px 15px 0 0 !important; } .top-mail > a { margin:30px 15px 0 0 !important; } .booknow_menu { display: block !important; } .book-menu a { margin: 27px 10px 0 0; line-height: 30px; font-size: 14px; min-width: inherit;padding: 0 10px;} .sticky .book-menu > a { margin:27px 10px 0 0; line-height: 30px; } } @media only screen and (min-device-width: 1023px) and (max-device-width: 1025px) { .datainner .headtxt { font-size: 170px; line-height:230px; } .datainner .title { font-size: 18px; line-height:24px; top:35px; left:60px; } .datainner .descr { font-size: 45px; line-height:50px; top:65px; left:60px;} .contentpart .linktxt a { font-size: 13px; margin:0 4px 5px 0; padding:5px 7px; } } @media(max-width:1024px){ .caption-content, .clapat-caption, .section .clapat-caption {display:block;} .banner_section {position:absolute; top:33%; width:100%;} .section .vc_row {margin:0;} .trip_advisor_box {left:0; right:0; margin:auto;} .headingbg h2, .headingbg h1 { margin:0px; padding-left: 0 } .home-fbpost, .trip-post { height: 375px; width:330px !important; overflow-y: scroll; } @media screen and (-webkit-min-device-pixel-ratio:0) {.home-fbpost, .trip-post { height: 350px; width:330px !important; margin-top:20px; overflow-y: scroll; }} .tour-daytext { font-size: 18px; margin: 6px 0; } .special-smtxt { font-size: 24px; line-height: 24px; padding: 10px 0; } .special-smtxt1 { font-size: 20px; line-height: 30px; padding: 20px 0 0 0; } .sn-icon { padding:0px; text-align:center; } .sn-icon a img { width:35px; height:auto; } .sn-icon a {padding:0 3px;} .tour-main { margin:15px auto; } .vc_col-sm-7.contentpart { } .vc_col-sm-5.imgpart {} .datainner .headtxt { font-size:140px; line-height:190px; margin:0px; } .datainner .title { font-size:17px; line-height:24px; top:20px; left:40px; } .datainner .descr { font-size:22px; line-height:30px; top:50px; left:40px; } .contentpart .linktxt a { min-width:92px; } .offer-ulli ul li { width:44%; line-height:24px; } .border-topbottom { margin:10px 0; } .offer-medtxt { font-size:14px; line-height:20px; } .tour-medtext { font-size:14px; line-height:20px; } .gallery-medtxt { font-size:14px; line-height:22px; } .addresstxt { font-size:16px; line-height:34px; } .con-ftr { display:none; } .offer-ulli ul li { margin-bottom:5px; } } @media only screen and (min-device-width: 980px) and (max-device-width: 1920px) { .hamburger { display: none; } } @media(max-width:800px){ .special-smtxt { font-size:20px; line-height:24px; } .gallery-space { margin:10px 0 0 0;} .gallery-btn { margin-top:20px; } .cdsROW.narrow.border { border: 5px solid #4a741f !important; padding: 47px 0 !important; width: 160px !important; } .offer-ulli ul li { width:95%; padding:0px; padding: 0 0 0 30px; } } @media(max-width:962px){ h1 { font-size: 24px; line-height: 30px; } .caption-content { padding: 40px 0 20px 0;} .call-txt { margin:20px 0 0px 0;} .call-txt a, .call-txt span { font-size:35px; } .mail-txt { margin:0px; } .mail-txt a { font-size:20px; } .clapat-caption, .section .clapat-caption { padding:0px !important; } header { height:100px;} #logo a { margin-left:15px; } #logo img { margin:15px 0; margin-left:0px; } #menu-overlay nav > ul > li > a { font-size:30px !important; line-height:40px;} .displaydata { display:none; } .displaybtn a { background: #fff083; font-size:14px; color: #424344; padding: 6px 15px; text-transform: uppercase; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } .displaybtn a:hover { background: #424344; color:#fff083; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; } .copytxt { text-align:center; } .developtxt { text-align:center; font-size:11px; } h1.big-title, h2.big-title, h3.big-title { font-size: 6vw; line-height: 6vw; } .gallery-space { margin:10px 0 0 0; } .page-id-36 .icon-scroll-line, .page-id-36 .icon-scroll { display:none !important; } .light-content .icon-scroll, .light-content .icon-scroll-line { display:block; } .tour-left { width: 100%; } .vc_col-sm-5.imgpart { width: 100%; } .tour-main { margin:30px auto; } .tour-medtext { line-height:18px; } .gallery-medtxt { line-height:18px; } .shop-main .shop-details h3 { margin-top:25px;} .tour-inner .tourinner-details h3 { font-size: 18px; line-height: 24px; margin:15px 0 0 0; } .thank-you h2 { font-size: 40px !important; } .thank-text { font-size: 16px !important; line-height: 27px !important; padding:20px 0 40px 0 !important; } .footer-sn { float:none !important; text-align: center !important; } .iframetours { height: 400px !important; margin:90px 0 !important; } .footer-copy { text-align: center; } .con-details, .con-details a { font-size:14px; line-height:25px;} .vc_col-sm-7.contentpart { margin: 15px 0 0; width: 98%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 980px) { .link-imglist .link-cont h3, .link-imglist .link-cont h3 a { min-height:45px; } .link-imglist .link-cont p { min-height:48px; } } @media(max-width:767px){ .sticky #logo img {margin-top:10px; height: auto; margin-top: 20px;} .tour-medtext { font-size:12px; line-height:15px; } .trip-post { display:none !important;} .top-call, .top-mail > a, .book-nowmobmenu > a { background: none !important; } .shop-main { margin:0px !important; width:100% !important; } .shop-main .shop-details h3 a { font-size: 18px; } .imgtours-mob { float: left; margin-bottom: 25px; width: 60px; } .contenttours-mob { text-align: left; width: auto; } .mob-none { display:none; } .mob-trip { display:block !important;} .mob-trip .cdsROW.narrow.border { width:80% !important; margin: auto; padding: 40px 0 20px !important; border: 5px solid #4a741f !important; border-radius: 0px; } .headingbg h2, .headingbg h1 { font-size: 24px;line-height: 30px; margin:0px; padding-left: 0;} .top-mail > a { margin:30px 8px 0 0 !important; } .book-nowmobmenu > a { display:inline-block !important; } .book-nowmobmenu .fa.fa-ticket { display:inline-block !important; color: #fdd701} .mob-tourbtn { float: left; padding: 0 0 0 0px; text-align: left; } .mob-tourdata .tour_title img { padding: 0 10px 0 0; } .offer-ulli, .special-smtxt, .book-today { display: none; } .star-img img { height: 90px !important; width: auto; } .displaybtn { display:block; margin:20px 0 0 0; } .mob-tourdata { display:none; float: left; margin: 0;padding: 0; text-align: center; width: 100%; } .mob-tourno { float: left; width: 35px; color:#1298a7; font-size:20px; font-weight:bold; } .mob-tourcont p { color:#424344 !important; line-height:22px; } .mob-tourbtn a { background:#fff083; color: #424344; font-size: 12px; padding: 2px 10px; } .mob-tourbtn a:hover { background:#424344; color: #fff083; } .tour-left .vc_col-sm-7.contentpart { display:none; } .tourdisplay .wpb_column.vc_column_container.vc_col-sm-12 { display: none; } .special-none { display:none; } .tour-daytext { display:none; } .offertxt { padding:10px; font-size: 14px; line-height: 20px; } .spe-tourtxt { font-size: 24px;font-size: 14px; } .spe-tourtxt1 { font-size: 15px;line-height: 22px; } .top-call { padding: 0 0 0 0 !important; margin:30px 8px 0 0 !important; } .top-call.tels span { display:none !important; } p { text-align:justify; } #footer-container { padding:0px 6px; } .devloptxt { float: none; text-align: center; } .link-main { float:left; padding:15px 0 !important; } .sitemap-img { display: none; } .footerinner-sitemaptxt { padding:25px 0; } .con-details, .con-details a, .con-details p { text-align: center !important;} h1 { font-size: 18px; line-height: 24px; } h4 { font-size: 18px; line-height: 24px; } .tour-inner { margin:25px 0 !important; width:100% !important; } .tour-inner .tourinner-details h3, .tour-inner .tourinner-details h3 a { font-size: 18px; line-height: 24px; } .spe-smtxt li { font-size: 18px; line-height: 24px; width: 100%; } .spe-img { margin-top:30px; } .pg-notfound h1.big-title { font-size: 135px; line-height:135px; } .home-contact { display:none; } .gallery-btn > a { font-size:14px !important; } .copytxt, .sitemaptxt, .developtxt { display: none; } .mob-tourcont p { margin-bottom:0px; } .map-shortcode #map_canvas { height:350px; } input[type="text"], input[type="password"], input[type="email"], textarea { padding:12px 0;} .map-frame { height:250px !important; } .imgtours-mob img { height: auto; max-width: 50px; } } @media(max-width:499px){ .call-txt a, .call-txt span { font-size: 18px; } .mail-txt a { font-size: 16px; } .tour-inner .tourinner-details h3, .tour-inner .tourinner-details h3 a { font-size:14px;} .number-txt { width:35px; height:35px; line-height: 35px; } .shop-main .shop-details h3 a { font-size: 14px; padding: 14px 0 0; } } /*Menu-Start*/ .top-two { float: right; margin: 0; padding: 0; width: 78%; } .top-call { background-color: rgba(0, 0, 0, 0.5); border-radius: 50px; display: inline-block; margin:32px 25px 0 0; padding: 0 15px 0 0; float:right; width: auto; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .top-call > a { color: #fff; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .top-call .fa.fa-phone { background-color: rgba(0, 0, 0, 0.5); border: 1px solid #fff; -webkit-border-radius:1px solid #ccc; border-radius: 100%; -webkit-border-radius: 100%; height: 25px; line-height: 25px; text-align: center; width: 25px; font-size: 13px; vertical-align: middle; padding:0px; } .top-call.tels span { padding: 0 0 0 7px; vertical-align: middle; } .top-mail > a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 50px; display: inline-block; margin:32px 45px 0 0; padding: 0 0px 0 0; float:right; width: auto; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } .top-mail .fa.fa-envelope-o { background-color: rgba(0, 0, 0, 0.5); border: 1px solid #fff; -webkit-border-radius:1px solid #ccc; border-radius: 100%; -webkit-border-radius: 100%; height: 25px; line-height: 25px; text-align: center; width: 25px; font-size: 13px; vertical-align: middle; padding:0px; } .menu-res { width:65%; float:right; text-align:right; padding:0 10px 0 0; } nav > ul > li > a:hover, nav > ul > li.active > a, nav > ul > li.open > a { background-position: center 30px; background-repeat: no-repeat; color: #fff; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; } nav { display: block; } .menu { display: block; } .menu li { display: inline-block; position: relative; z-index: 100; margin:0 ; } .menu li:first-child { margin-left: 0; } .menu li a { font-weight: 400; text-decoration: none; margin:24px 0 0 0; display: block; color: #fdd701; text-align:center; text-transform:uppercase ; position:relative; padding:0 15px 0 10px;} .menu li a:before {position:absolute; content:'|'; right:0; } .menu li a:hover, .menu li:hover>a { color: #eed113; } .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 170px; position: absolute; left: 0px; background: #fff; z-index: 99; transform: translate(0, 20px); transition: all 0.2s ease-out; } .menu ul:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; } .menu ul li a { font-weight: normal; display: block; color: #797979; background: #fff; } .menu ul li a:hover, .menu ul li:hover>a { background: #FC6D58; color: #fff; } .menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0, 0); } .menu ul ul { left: 169px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out; } .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; } .menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0, 0); } .responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #E95546; color: #fff; text-transform: uppercase; font-weight: 600; } .responsive-menu:hover { background: #E95546; color: #fff; text-decoration: none; } a.homer { background: #FC6D58; } @media (min-width: 768px) and (max-width: 979px) { .mainWrap { width: 768px; } .menu ul { top: 37px; } .menu li a { font-size: 12px; } a.homer { background: #E95546; } } @media (max-width: 767px) { .mainWrap { width: auto; padding: 50px 20px; } .menu { display: none; } .responsive-menu { display: block; } nav { margin: 0; background: none; } .menu li { display: block; margin: 0; } .menu li a { background: #fff; color: #797979; } .menu li a:hover, .menu li:hover>a { background: #FC6D58; color: #fff; } .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; } .menu li:hover>ul { visibility: visible; opacity: 1; position: relative; transform: initial; } .menu ul ul { left: 0; transform: initial; } .menu li>ul ul:hover { transform: initial; } } /*Menu-End*/ div.wpcf7-mail-sent-ok { border:none !important; } /*Note IE7and8*/ .buorg { background: #fdf2ab; display: none; *display: block; font-size: 14px; height: 32px; left: 0; line-height: 30px; position: relative; text-align: center;top: 0; width: 100%; z-index: 111111; } .buorg01 { text-align: center; display: inline-block; } .buorg-img { margin: 0 2px 0 0; position: relative; top: 0; } .buorg02 { color: #000; margin: 0 0 0 5px; display: inline-block; } .buorg02 > strong, .buorg02 > a strong { font-weight: normal } .buorg02 a { color: #062b7c; } .buorg02 a:hover { color: #000; } /*Note IE7and8*/ @media(max-width:1500px){ .menu-res { float:none !important; width: 64% !important; } } .page-id-36 header.sticky { } a.btn-offer { position: fixed; bottom: 40px; right: -10px; z-index: 99; background-color: #eed113; border: 1px solid #cbab2c; color: #222222; line-height: normal; padding: 7px 18px; border-radius: 20px 0 0 20px; letter-spacing: 1px; font-size: 16px; font-weight: 600; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } a.btn-offer:hover { color: #eed113; background-color: #222222; right: -6px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } /*08May2019*/ .sistercompany_section .big-title { margin-left: 0 } @media(min-width:1800px){ .sistercompany_section .vc_row-o-content-bottom { margin-bottom: -70px; } } .sistercompany_section .desc p { font-size: 22px; line-height: 140%; } .sistercompany_section .logo-img { padding: 0px 0 20px; position: relative; z-index: 1; } .sistercompany_section .play-icon-video, .sistercompany_section .play-icon-video:hover { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); } .sistercompany_section .play-icon-video a { position: absolute; background: rgba(255,255,255,1); color: #000; left: 50%; top: 50%; width: 70px; height: 70px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; animation: theripple 0.8s linear infinite; -webkit-animation: theripple 0.8s linear infinite; -o-animation: theripple 0.8s linear infinite; -ms-animation: theripple 0.8s linear infinite; -moz-animation: theripple 0.8s linear infinite; } .sistercompany_section .play-icon-video a:hover { background: rgba(255,255,255,1); } .sistercompany_section .play-icon-video i { line-height: 70px; font-size: 25px; color: #00aef0; } .sistercompany_section .play-icon-video { position: relative; float: left; margin-bottom: 70px; width: inherit; height: inherit; text-align: center; border: 0px solid #FFFFFF; border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; } @keyframes theripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3)}100%{box-shadow:0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3),0 0 0 3em rgba(255,255,255,0)}} @-webkit-keyframes theripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3)}100%{box-shadow:0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3),0 0 0 3em rgba(255,255,255,0)}} @-ms-keyframes theripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3)}100%{box-shadow:0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3),0 0 0 3em rgba(255,255,255,0)}} @-o-keyframes theripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3)}100%{box-shadow:0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3),0 0 0 3em rgba(255,255,255,0)}} @-moz-keyframes theripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3)}100%{box-shadow:0 0 0 0.5em rgba(255,255,255,0.3),0 0 0 1.5em rgba(255,255,255,0.3),0 0 0 3em rgba(255,255,255,0)}} @media(min-width:1279px){ .sistercompany_section .coming-soon { margin-top: -53px; margin-left: -35px; } } .sistercompany_section .coming-soon img { margin: 0 60px 0 0; max-width: 120px; } .sistercompany_section .coming-soon p { font-size: 20px; line-height: 135%; font-weight: 600; letter-spacing: 1px; text-align: inherit } @media(max-width:1600px){ .sistercompany_section .coming-soon p { font-size: 18px } } @media(max-width:1440px){ .sistercompany_section .coming-soon img { margin: 0 30px 0 0; } } @media(max-width:767px){ .sistercompany_section .left-content { margin-bottom: 20px; } .sistercompany_section .logo-img { padding-bottom: 10px; } .sistercompany_section .logo-img img { max-width: 170px; } .sistercompany_section .desc p { font-size: 18px;} .sistercompany_section .desc p br { display: none; } .sistercompany_section .play-icon-video a { width: 50px; height: 50px; } .sistercompany_section .play-icon-video i { line-height: 50px; font-size: 20px; } .sistercompany_section .play-icon-video { margin-left: 60px; } .sistercompany_section .coming-soon img { display: none; } } #CDSWIDCOE { width: 230px !important; padding: 40px 0 } .scootntour-info h3 { text-align: left; font-size: 14px; line-height: 120%; font-weight: 300; margin: 15px 0; padding: 0 } .scootntour-info p { text-align: left; font-size: 16px; line-height: 150%; font-weight: 300; margin: 0; padding: 0 } .scootntour-info p .sm-text { color: #fff083 } ul.top_hours { margin:22px 0 0 0; float:right} ul.top_hours li {display:inline-block; position:relative; color:#fdd701; font-size:19px; padding:0 20px; font-weight:500; font-family: 'Heebo', sans-serif} ul.top_hours li:before {content:''; border-right:1px solid #929b9c; position:absolute; height:100%; left:0;} ul.top_hours li .fire_icon {background: url(images/fire-icon.png) left top no-repeat; width:14px; height:19px; display:inline-block; margin-left:5px;} ul.top_hours li:first-child:before {display:none;} ul.top_hours li span {display:block; color:#fff; font-size:14px;} ul.top_hours li a { color:#fdd701;} @media(max-width:1024px){ ul.top_hours {display:none;} } .pagepillingslider .light-content h1 , .pagepillingslider .light-content h2 {font-family: 'hillbelly_trialregular'; font-size: 75px; font-weight: normal; } .tour-main .imgpart {float: none; width: 100%;min-height: 559px;} .tour-main .contentpart {position: absolute; width:calc(93.34% - 30px); bottom: -42%; min-height: 313px; max-height: 322px; background: rgba(249,166,23,1); background: -moz-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,166,23,1)), color-stop(26%, rgba(255,208,0,1)), color-stop(100%, rgba(255,208,0,1))); background: -webkit-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: -o-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: -ms-linear-gradient(top, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); background: linear-gradient(to bottom, rgba(249,166,23,1) 0%, rgba(255,208,0,1) 26%, rgba(255,208,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a617', endColorstr='#ffd000', GradientType=0 ); padding:30px; -webkit-transition: all .5s ease-in-out; -khtml-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;} .section .clapat-caption.animated {z-index: 2;} .tour-main .vc_col-sm-4.no-tour .contentpart { min-height: inherit; bottom: -20px; } .tour-main .contentpart:before {background: url(images/tour-caption-bg.png) left top no-repeat; content: ''; width: 100%; position: absolute;height: 48px; top: -48px; left: 0;} .pagepillingslider .section:first-child {min-height: 100vh; position: relative;} .pagepillingslider .section:first-child:before {background-color: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; content: ''; z-index: 1; } .pagepillingslider .section:first-child .overlay {position: absolute; } .pagepillingslider .section:first-child .overlay:after{ z-index: 2; background: url(images/container_bg.png) center bottom no-repeat ; width: 100%; position: absolute; height: 111px; bottom: -1px; content: '';} .pagepillingslider .section:first-child .video-wrapper:before { content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top:0; } .tour-main .thumbnail_container {border-radius: 20px; padding-bottom: 133%;} .tour-main .thumbnail_container img {bottom:auto;} .tour-main .tour_page_title {text-align: center; display: block; font-family: 'hillbelly_trialregular'; font-size: 30px; color: #885707;} .tour-main .tour_page_title a {color: #885707;} .tour-main .tour_title {display: block; text-align: center; font-weight: 500; font-size: 20px; color: #000; font-family: 'Heebo', sans-serif; margin-top: 15px;} .tour-main .contentpart p {font-family: 'Heebo', sans-serif; font-size: 18px; color: #000 !important; margin-top: 25px;} .tour-main .linktxt a{ box-shadow:10px 0 25px rgba(0,0,0,0.2); font-family: 'hillbelly_trialregular'; display: inline-block; border-radius: 20px; font-size:26px; line-height: 80px; color:#000; background:#fff; padding:0 35px; margin:0 10px 10px 0; text-decoration:none; position: relative; opacity: 0; top: 0; -webkit-transition: all .5s ease-in-out; -khtml-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;} .tour-medtext {margin-top: 20px;} .tour-main .thumbnail_container:hover {box-shadow:0 0 25px rgba(0,0,0,0.3); -webkit-transition: all .5s ease-in-out; -khtml-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;} .tour-main .imgpart:hover .thumbnail_container .contentpart {bottom: 0; min-height: inherit;} .tour-main .imgpart:hover .linktxt a {display: inline-block; opacity: 1; top: -40px;} .tour-main .no-tour .imgpart:hover .linktxt {display: none;} .pagepillingslider .section:nth-child(2) .caption-content {padding: 20px 0 60px;} .pagepillingslider .section:nth-child(6) .caption-content {padding: 130px 0 80px;} .about_section p {font-size: 16px; line-height: 28px; margin-bottom: 20px !important; font-family: 'Heebo', sans-serif} .about_section h1.big-title, .about_section h2.big-title{font-size: 40px; color: #fff; text-align: left; margin: -15px 0 25px;} .vc_column_container.about-content-section {padding-left: 70px;} .about-img-section { position: relative; } .about-img-section:before {position: absolute; content: ''; border:3px solid #fff; width: 95%; height: 97%; right: -30px; top: -35px;} .about-img-section.vc_column_container>.vc_column-inner {padding: 0;} .about-img-section img {position: relative;} .pagepillingslider .section:nth-child(3) .caption-content {padding: 130px 0 31px;} .pagepillingslider .section:nth-child(3) .overlay:before { background-color: #fff; height: 80px; content: ''; width: 100%; bottom: 0; position: absolute; } .pagepillingslider .section:nth-child(4) .caption-content {padding: 30px 0 70px;} .displayreviews .container { max-width: 1030px; margin: auto; } .displayreviews .widSSPData, .TA_selfserveprop .widSSPData {border: 1px solid #ddd !important;} .displayreviews + .vc_row .clapat-button {box-shadow:10px 0 25px rgba(0,0,0,0.2); font-family: 'hillbelly_trialregular'; display: inline-block; border-radius: 20px; font-size:26px; line-height:65px; font-weight: normal; color:#000; background:#fed700; padding:0 35px; margin:50px 10px 10px 0; text-decoration:none; position: relative; top: 0; -webkit-transition: all .5s ease-in-out; -khtml-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; text-transform: none;} .sis_comp_section h2{text-align: left; font-size: 40px; color: #24602f; font-family: 'Heebo', sans-serif; margin: 25px 0 0; } .vc_column_container.sis_comp_section p.sub-title { color: #885707; font-size: 30px; font-family: 'hillbelly_trialregular' !important; text-align: left; line-height: 40px;} .sis-img-box { position: relative;} .sis-img-box:before {position: absolute; content: ''; border:3px solid #24602f; width: 95%; height: 97%; left: -25px; top: -35px;} .sis-img-box img {position: relative;} .sis-img-box .vp-mp4-type {position: relative;} .sis-img-box .vp-mp4-type:before {position: absolute; width: 107px; height: 107px; content: "\f04b"; background-color: rgba(0,0,0,0.5); left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; border-radius: 50%; font-family: 'FontAwesome'; line-height: 107px; text-align: center; font-size: 34px; color: #fff} .vc_column_container.sis_comp_section {padding-right: 70px;} .vc_column_container.sis_comp_section p {font-family: 'Heebo', sans-serif; font-size: 16px; line-height: 28px;} .pagepillingslider .section:last-child .caption-content {padding:40px 0 0;} footer.footer-default {display: block;}div#footer-container .footer_box {box-shadow: 1px 0 0 #dbbd0e; padding: 0 45px; min-height: 250px; } .gallery_section {background-color: #ebebeb;} .gallery_section .container {width: 100%;} .gallery_box.vc_column_container {padding-left: 30px;} .gallery_box.vc_column_container:before {position: absolute; content: "\f0da"; color: #ebebeb; font-size: 86px; z-index: 1; font-family: 'FontAwesome'; right: -41px; height: 39px; top: 0; bottom: 0; margin: auto; line-height: 86px;} .gallery_box .vc_column-inner {padding: 60px;} .gallery_box .vc_column-inner h3 {font-size: 35px; font-weight: 600; color: #24602f; font-family: 'Heebo', sans-serif;} .gallery_box .vc_column-inner p {color: #2d2d2d; font-weight: 300; line-height: 22px; font-size: 16px; font-family: 'Heebo', sans-serif; margin-bottom: 25px; text-align: center;} .gallery_box .insta_link {color: #1588fb; font-size: 35px; font-weight: 300; text-align: center; margin:40px 0 0; display: inline-block;} .gallery_box .insta_link img {display: block; margin:0 auto 13px; } .pagepillingslider .section:nth-child(5) .caption-content {padding: 0;} .pagepillingslider .section:nth-child(5) .clapat-caption {-webkit-transform: none; -moz-transform: none; -o-transform:none; -ms-transform: none; transform: none; } footer .menu li {display: block;} footer .menu li a {color: #000; text-align: left; padding-left: 0; margin-top: 13px; font-family: 'Heebo', sans-serif} footer .menu li a:hover {color: #885707;} footer .menu li a:before {display: none;} footer .menu {margin: 0;} footer h3 {font-size: 19px; font-weight: 500; font-family: 'Heebo', sans-serif; color: #000;} footer .textwidget .vc_col-xs-6 {padding: 0;} footer .textwidget .vc_col-xs-6 .segway_logo {width: 151px; margin-bottom: 22px;} footer .f-m_designed .f-m_d_logo { -webkit-transition: all .5s ease-in-out; -khtml-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; position: relative; display: inline-block; top: 1px; background-image: url(images/netclues_sprite.png); background-repeat: no-repeat; background-position: 0 -1px; height: 14px; width: 60px; } footer .f-m_designed .f-m_d_logo:hover { background-position: 0 -20px; } .contact_info p, .contact_info a {color: #686868; font-size: 12px; clear: both; margin-bottom: 5px; font-family: 'Heebo', sans-serif} .contact_info a {display: inline-block;} .contact_info a.foo_links {margin-right: 20px;} .f-m_designed {font-size: 12px; color: #686868; font-family: 'Heebo', sans-serif} div#footer-container .footer_box.foo_contact {padding-left: 0;} div#footer-container .footer_box.foo_social {padding-right: 0; box-shadow: none;} .contact_form .wpb_wrapper{background-color: #82d817; border-radius: 20px; padding: 30px;} .contact_form .wpb_wrapper input, .contact_form .wpb_wrapper textarea {border:0; border-radius: 10px; padding:0 15px; color: #000;} .contact_form .wpb_wrapper textarea {height: 100px !important; padding: 15px !important;} .contact_form h4 {margin-bottom: 20px;} @media(max-width:1024px){ #footer-container { width: 100%; padding: 0 15px; } .hidden-device {display: none;} .gallery_box.vc_column_container:before {display: none;} header { height: 118px; } header.sticky { height: 70px; } div#footer-container .footer_box {padding: 0 25px;} .tour-main .imgpart{min-height:inherit;} } div#footer-container .footer_box.tour_links .menu li a{text-transform: none; } div#footer-container .footer_box.foo_contact .tel {margin-right: 25px;} div#footer-container .footer_box.foo_contact .widget_text {font-size: 14px; color: #000; font-family: 'Heebo', sans-serif} div#footer-container .footer_box.foo_contact .widget_text a {color: #000;} @media(min-width:993px){ div#footer-container .footer_box.foo_links {width: 20%;} div#footer-container .footer_box.tour_links {width: 18%;} div#footer-container .footer_box.foo_contact {width: 33%;} div#footer-container .footer_box.foo_social {width: 29%;} } header ul.social_box {float: right; margin: 24px 0 0} header ul.social_box li {display: inline-block; margin: 0 5px; font-size: 18px;} header ul.social_box li a {color: #fff;} header ul.social_box li.weather_txt {color: #fdd701; font-size: 12px;} header ul.social_box li.weather_txt i {font-size: 16px; margin-right: 5px;} .tour-slogn .tour-medtext{font-size: 40px; color: #2aad15; line-height: 60px;} #hero-styles .overlay {background:url(images/container_bg.png) center bottom no-repeat !important; background-color: rgba(0, 0, 0, 0.4) !important;} .imgpart .linktxt {text-align: center;height: 80px;} .text-center {text-align: center;} .tour-pageimg {float: left; max-width: 456px; margin-right:25px; padding-bottom: 57%; border-radius: 20px;} .tour-main .contentpart ul.tour_contennt_list {margin: 0; padding: 0} .tour-leftpage ul.tour_contennt_list {overflow: hidden; margin: 0;} .tour-main .contentpart ul.tour_contennt_list li, .tour-leftpage ul.tour_contennt_list li{ padding-left: 30px; font-size: 16px; color: #000; margin-bottom: 20px; line-height: 25px; position: relative; list-style-type: none; } .tour-main .contentpart ul.tour_contennt_list li:before, .tour-leftpage ul.tour_contennt_list li:before {position: absolute; content: ''; left: 0; width: 10px; height: 10px; top: 6px; background-color: #000; border-radius: 50%;} /*.tour_detail_disc {overflow: hidden;}*/ .tour_detail_disc hr {border: 0; border-bottom: 1px solid #24602f; height: 1px; margin:10px 0 30px;} .facts-main li ~ br {display: none;} .cms p {font-size: 16px; line-height: 26px; margin-bottom: 20px !important;} .hot_tour_txt {position: absolute; z-index: 2; top: -27px; right: 0; color: #ff1e00; font-size: 18px; font-weight: 500;} .hot_tour_txt i {background:url(images/big-fire-icon.png); width: 34px; height: 45px; float: right; margin: -5px 0 0 5px} .trip_advisor_box {background:url(images/trip-advisor01.png) no-repeat left top; width: 272px; height: 146px; display: block; position: absolute; bottom: 100px; left: 0} .pagepillingslider .section {background-repeat: no-repeat; } @media(max-width:767px){ .pagepillingslider .section {overflow-x: hidden;} } .pagepillingslider .section:nth-child(3) {background-color: #81d315;} footer ul.social_box {margin: 0 0 20px;} footer ul.social_box li {display: inline-block; font-size: 18px; margin: 0 10px 0 0;} footer ul.social_box li a {font-size: 22px; color: #24602f; width: 40px; height: 40px; line-height: 42px; background-color: #fff; border-radius: 50%; display: inline-block; text-align: center;} @media(max-width:1024px){ header ul.social_box li a {color: #fdd701} .pagepillingslider .section:first-child {background-position: center;} header ul.social_box {margin-right: 60px; margin-top: 33px;} .tour-main .contentpart {width:100%; bottom: 0; padding: 20px 0 ; min-height: inherit;max-height: inherit;} .tour-main .contentpart:before {top: -46px;} .tour-main .tour_page_title {font-size: 22px;} .tour-main .tour_title {font-size: 14px; margin-top: 0;} .tour-slogn .tour-medtext{font-size: 20px; line-height: 24px;} .tour-main .linktxt a {opacity: 1; font-size: 16px; line-height: 40px; border-radius: 10px; top: -20px; padding: 0 10px; margin-right: 0;} .gallery_section .container {padding: 0;} .tour-main .contentpart ul.tour_contennt_list {display: none;} .gallery_box .insta_link {font-size: 22px;} } @media(max-width:992px){ .g-recaptcha { transform: scale(.6)!important; -webkit-transform: scale(.8)!important; margin-left: -20px;} .pagepillingslider .light-content h1 , .pagepillingslider .light-content h2 {font-size: 60px;} .sis-img-box.vc_column_container {margin-top: 40px;} .sis-img-box:before {display: none;} .sis-img-box img {border: 3px solid #24602f;} .about-img-section:before {display: none;} .about-img-section img{border: 3px solid #fff} .pagepillingslider .section:nth-child(3) .caption-content { padding-top: 50px; } .about_section h1.big-title {margin-top: 20px; line-height: 40px; font-size: 34px;} .vc_column_container.about-content-section {padding: 0} .vc_column_container.sis_comp_section {padding-right: 0;} div#footer-container .footer_box.foo_links {width: 20%;} div#footer-container .footer_box.tour_links {width: 18%;} div#footer-container .footer_box.foo_contact {width: 33%;} div#footer-container .footer_box.foo_social {width: 29%;} } @media(max-width:767px){ .gallery_box.vc_column_container {padding: 0 15px} footer {padding: 30px 0;} .about-img-section.vc_column_container>.vc_column-inner {padding: 0 15px;} .pagepillingslider .section:nth-child(2) .caption-content {padding-bottom:0; } div#footer-container .footer_box.foo_links {width: 100%;} div#footer-container .footer_box.tour_links {width: 100%;} div#footer-container .footer_box.foo_contact {width: 100%;} div#footer-container .footer_box.foo_social {width:100%;} footer .menu {display: block;} footer .menu li {display: inline-block;} footer .menu li a { background-color: transparent; } div#footer-container .footer_box {padding: 20px 0; box-shadow: 0 1px 0 #dbbd0e; min-height: inherit;} .about-img-section {padding: 0 15px;} #logo {width: 38%;} #logo img {height:auto;} .displayreviews + .vc_row .clapat-button {font-size: 20px; line-height: 24px; padding: 15px 25px;} .pagepillingslider .section:nth-child(6) .caption-content {padding-top:30px;} .sis_comp_section h2 {font-size: 24px;} .vc_column_container.sis_comp_section p.sub-title {font-size: 24px; line-height: 26px;} .book-menu a, .sticky .book-menu > a {margin-right: 60px;} .hamburger {right: 0 !important} .sis-img-box {margin-top: 40px;} .top-two {width: 62%} header ul.social_box li.weather_txt {display: none;} header ul.social_box {margin-right: 70px; display: none;} .hide_device {display: none;} .pagepillingslider .light-content h1 , .pagepillingslider .light-content h2{font-size: 30px;} } .pagepillingslider .section:nth-child(5){display:none;} #menu-main-menu li:last-child a:before{display:none;} .cms .container {max-width: 1170px;} .cms .question {font-weight: 700; margin-bottom: 5px; color: #24602f;} .faqs p {border-bottom: 1px solid rgba(0,0,0,0.09); padding-bottom: 15px;} .faqs p:last-child {border-bottom: none; padding-bottom: 0;} ._2lqg {max-height: 277px !important;} #CDSWIDSSP {width: 100% !important;} .btn-tripadvisor{text-align:center;margin-bottom:20px} .contact_form .wpb_wrapper input.submit-btn {position: absolute; left: 45px; margin-bottom: 0; bottom: -37px;} div.wpcf7-validation-errors {border: none; padding: 0; margin: -20px 0 20px; color: #f00;} @media(max-width:320px){ #logo {width:32%;} #logo img {margin-top:20px;} .top-two {width:68%;} .hamburger {right:0 !important;} header ul.social_box {margin-right:106px;} .book-menu a {padding:0 5px; margin-right: 60px;} } html body .fp_cookie {left: auto !important; right: 15px; box-shadow: none !important; background-color: #24602f !important; border-radius: 0 !important} .fp_cookie .fp_cookie_inner_box {background-color: #24602f !important;} .fp_cookie form p {color: #fff!important;} .fp_cookie form .cookie_notice_content a {color: #fed900 !important} .fp_cookie form input[type='button'] {border: none !important; background-color: #fed900 !important; color: #000 !important} .cookie_notice_content {width: auto; float: none; min-height: inherit; overflow: inherit;} @media (max-width: 768px){ html body .fp_cookie {width: 50% !important;} .fp_cookie form input[type='button']{width: auto;} } @media (max-width: 768px){ html body .fp_cookie {width: 80% !important; right: 0 !important} } /*added by auther night*/ .promotion_cayman_wrap .promotion_cayman{text-align: center;color: #2aad15;font-size: 18px;} .section .clapat-caption .caption-content .tour-content-section .clapat-button{margin:-30px 10px 10px 0;} .tour-main .imgpart .tour-popup,.tour-main .imgpart .tour-detail{display:none;} .tour-main .imgpart .show,.tour-main .imgpart .hide{display:none} @media(max-width:1199px){ .tour-main .imgpart{min-height: inherit;margin-bottom: 51px;} .tour-main .imgpart .linktxt{text-align: center;height: auto;position: absolute;left: 0;right: 0;} } @media(max-width:991px){ .section .clapat-caption .caption-content .tour-content-section .clapat-button{margin:25px auto 0;display: table;} } @media (max-width:767px){ .promotion_cayman_wrap{padding-bottom:35px;} .tour-main .imgpart .tour-popup,.tour-main .imgpart .tour-detail {display: block;position: absolute;bottom: 20px;z-index: 1;right: 30px;} .tour-main .imgpart.selected .contentpart{/*top:30px;*/} .tour-main .imgpart:hover .linktxt a{top:-20px;} .tour-main .imgpart .hide{display:inline-block} .tour-main .imgpart .show{display:none} .tour-main .imgpart.selected .show{display:inline-block;} .tour-main .imgpart.selected .hide{display:none;} .tour-main .imgpart.selected .contentpart ul.tour_contennt_list{display:block;padding: 0 10px;} .tour-main .vc_col-sm-4.no-tour .contentpart{bottom:0;} .tour-main .imgpart.selected .tour-popup i.fa:before, .tour-main .imgpart.selected .tour-detail i.fa:before{content:'\f068';} } @media (max-width:480px){ .promotion_cayman_wrap .promotion_cayman{font-size: 16px;} }