/* ===[ Font & Colours ]=== */ @font-face { font-family:'icomoon'; src:url('/fonts/icomoon.eot?plebmo'); src:url('/fonts/icomoon.eot?plebmo#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?plebmo') format('truetype'), url('/fonts/icomoon.woff?plebmo') format('woff'), url('/fonts/icomoon.svg?plebmo#icomoon') format('svg'); font-weight:normal;font-style:normal; } @font-face {font-family:'Kaleko105-Bold';src:url('/fonts/309F13_1_0.eot');src:url('/fonts/309F13_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/309F13_1_0.woff2') format('woff2'),url('/fonts/309F13_1_0.woff') format('woff'),url('/fonts/309F13_1_0.ttf') format('truetype');} @font-face {font-family:'Kaleko105-Book';src:url('/fonts/309F13_8_0.eot');src:url('/fonts/309F13_8_0.eot?#iefix') format('embedded-opentype'),url('/fonts/309F13_8_0.woff2') format('woff2'),url('/fonts/309F13_8_0.woff') format('woff'),url('/fonts/309F13_8_0.ttf') format('truetype');} @font-face {font-family:'Kaleko105-Light';src:url('/fonts/309F13_6_0.eot');src:url('/fonts/309F13_6_0.eot?#iefix') format('embedded-opentype'),url('/fonts/309F13_6_0.woff2') format('woff2'),url('/fonts/309F13_6_0.woff') format('woff'),url('/fonts/309F13_6_0.ttf') format('truetype');} /* Colours: blue - #02add5 - rgb(2,173,213) @end --------- */ /* ===[ Animations ]=== */ @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } /* @end --------- */ /* ===[ Icons ]=== */ [class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-chevron-thin-left:before{content:"\e900"}.icon-chevron-thin-right:before{content:"\e901"}.icon-dots-three-horizontal:before{content:"\e902"}.icon-address:before{content:"\e903"}.icon-aircraft-take-off:before{content:"\e904"}.icon-aircraft:before{content:"\e905"}.icon-align-horizontal-middle:before{content:"\e906"}.icon-browser:before{content:"\e907"}.icon-location:before{content:"\e908"}.icon-popup:before{content:"\e909"}.icon-signal:before{content:"\e90a"}.icon-noun_38141_cc:before{content:"\e90b"}.icon-water-droplet-512px:before{content:"\e90c"}.icon-compass:before{content:"\e90d"} /* @end --------- */ /* ===[ Common ]=== */ body { background-color:#fff; color:#595959; font-size:16px; font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; text-rendering:optimizeLegibility; } .kaleko105-book { font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; } .Kaleko105-Bold { font-family:Kaleko105-Bold, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; } .Kaleko105-Light { font-family:Kaleko105-Light, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; } /* ===[ Root element styles ]=== */ a { color:#02add5; text-decoration:none; outline:none; } a:focus { outline:none; color:#02add5; } .phone a:focus { outline:none; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; } a:hover { color:#333; text-decoration:none; outline:none; } a:active { outline:none } sub, sup { position:relative; font-5size:75%; line-height:0; vertical-align:baseline; } sup { top:-0.5em } sub { bottom:-0.25em } img { border:0 } .img-rounded { border-radius:50%; } .img-polaroid 1 { padding:4px; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1); box-shadow:0 1px 3px rgba(0,0,0,0.1); } .img-circle { border-radius:500px } /* ===[ Text ]=== */ p { margin:0 0 10px; line-height:1.45em; color:#666; font-size:14px; } .lead { color:#999; font-style:normal; font-weight:400; font-size:16px; } small { font-size:85%; } strong { font-weight:bold; } em { font-style:italic; } cite { display:block; font-style:italic; margin-bottom:35px; font-size:15px; } h1, h2, h3, h4, h5, h6 { margin:10px 0; font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.4em; font-weight:normal; margin-bottom:30px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight:normal; line-height:1; color:#595959; } h6 small > a { color:#999 } h1, .h1 { color:#666; font-size:40px; display:block; line-height:1.2em; } body h1:first-child { margin-top:0 } h2, .h2 { font-size:36px; margin-top:5px; margin-bottom:25px; line-height:1.2em; } h3, .h3 { font-size:24px; line-height:1.4em; margin-bottom:15px; } h4, .h4 { font-size:18px; } h5, .h5 { font-size:15px; } h6, .h6 { font-size:12px } h1.with-logo span, h2.with-logo span, h3.with-logo span{ position:relative; display:inline-block; } h1.with-logo span:before, h2.with-logo span:before, h3.with-logo span:before { width:55px; height:55px; position:absolute; left:-100px; top:-10px; content:""; background:transparent url(/stylesheets/svg/sydney-flying-club-symbol.svg) no-repeat center center; background-size:55px; height:55px; } /* ===[ Lists ]=== */ ul, ol { padding:0; margin:0 0 10px 25px; } ul { list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAR0lEQVQImW3NoQ2AMABE0demYUqQ2DpwLAAroNphGAmLKSEBnjzxLyhHhw09AiqmhBXZI+OMGHyN8WcEsTXf9oS5nd7JiuUCZpMJ0SSc0z8AAAAASUVORK5CYII='); margin-bottom:25px; } li { line-height:1.4em; font-size:14px; margin-bottom:6px; } ul.unstyled, ol.unstyled { margin-left:0; list-style:none; } ul.inline, ol.inline { margin-left:0; list-style:none; } ul.inline>li, ol.inline>li { padding-right:5px; padding-left:5px; } dl { margin-bottom:20px } dt, dd { line-height:20px } dt { font-weight:bold } dd { margin-left:10px } hr { margin:20px 0; border:0; border-top:1px solid #eee; border-bottom:1px solid #fff; } /* @end Root*/ /* ===[ Table styles ]=== */ table { } .table { } .table th, .table td { } .table th { } .table thead th { } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { } /* @end Table*/ /* ****** Captcha*/ .captcha-area { *zoom:1; margin-bottom:10px; } .captcha-area:before, .captcha-area:after { content:" "; display:table; } .captcha-area:after { clear:both } #captcha-reload { float:left; width:345px; margin-right:10px; } .captchaimg { height:36px; width:160px; border-radius:5px; background:#666; float:left; } .captchaimg img { border-radius:5px } #CaptchaV2 { height:37px; border-radius:5px; border:1px solid #ccc; float:left; margin-left:10px; text-align:center; font-size:21px; } #CaptchaV2:focus { } #reload-captcha { height:37px; float:left; } /* @end --------- */ /* ===[ Social ]=== */ .social-likes { margin:15px 0; padding:10px 0; border:1px solid #f5f5f5; border-left:0 none; border-right:0 none; } .social-likes li { display:inline-block; list-style:none; position:relative; } .twitter { } .fb-like span { position:absolute; left:0; top:4px; } /* @end --------- */ /* ===[ Modal Style ]=== */ .modal-open { overflow:visible } .modal-content { } .modal-header { position:relative } .modal-header:after { } .close { font-size:28px } .modal-title, .catalog h4 .modal-title { font-size:18px; text-align:center; } #modal-body.image-zoom { } #modal-body.image-zoom img { margin:0 auto } #modal-body.review { padding:15px } #modal-body.review form { } #modal-body.review form label { } /* @end --------- */ /* ===[ Form Style ]=== */ form { } form fieldset { margin-bottom:20px } form legend { border:0 none } form legend small { display:block; color:#999; } .form .form-group { margin-bottom:17px; } .form .form-field { height:42px; border-color:#ccc; font-size:15px; color:#999; padding:7px 10px 5px 15px; font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; box-shadow:none; } .form select.form-field { padding-left:10px; } .form textarea.form-field { height:auto; } .form-field:focus { color:#333 } .form-field::-webkit-input-placeholder { color:#999 } .form-field:-moz-placeholder { color:#999 } .form-field::-moz-placeholder { color:#999 } .form-field:-ms-input-placeholder { color:#999 } .form-field:-placeholder { color:#999 } select.form-field { padding:8px 12px 6px 12px; font-weight:normal } .form-with-background .form-field { border-color:#fff; background:rgba(255,255,255,0.2); color:#fff; } .form-with-background .form-field::-webkit-input-placeholder { color:#fefefe; } .form-with-background .form-field:-moz-placeholder { color:#fefefe; } .form-with-background .form-field::-moz-placeholder { color:#fefefe; } .form-with-background .form-field:-ms-input-placeholder { color:#fefefe; } .form-with-background .form-field:-placeholder { color:#fefefe; } .form .top-border { padding-top:40px; margin-top:30px; border-top:1px solid #ccc; } .form-with-background .top-border { border-top:1px solid #fefefe; } label { font-weight:normal; font-style:normal; font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; margin-bottom:10px; font-size:15px; } .form-with-background label { color:#fff; margin-bottom:14px; font-size:22px; } input[type="checkbox"] { border-radius:0; border:1px solid #ccc; } input[type="radio"], select { cursor:pointer } input[type=radio] { cursor:pointer } .form-item { margin-bottom:15px } .form-notice { padding:0; margin-bottom:12px; font-size:12px; color:#999; line-height:1.4em; } input[type="search"]::-ms-clear { display:none } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display:none } .form-cost-info { font-size:30px; margin-top:25px; } .form-cost-info span { color:#02add5; } .form-cost-info span sup { font-size:19px; } /* @end --------- */ /* Custom Select */ .chosen-container { font-size:15px; } .chosen-container-single .chosen-single { height:42px !important; line-height:41px !important; box-shadow:none !important; border-radius:0 !important; background:none !important; border-color:#ccc !important; } .chosen-container-single .chosen-single div b { background-position: 0 11px !important; } .chosen-container-single .chosen-single span { color:#999 !important; } .form-with-background .chosen-container-single .chosen-single span { color:#fff !important; } .form-with-background .chosen-container-single .chosen-single { height:42px; line-height:24px; background:rgba(255, 255, 255, 0.2); border: 1px solid #aaa; border-radius:0; border:1px solid #fff; box-shadow:none; color:#fff; display:block; overflow: hidden; padding:0px 10px 5px 7px; position:relative; text-decoration:none; white-space:nowrap; } .form-with-background .chosen-container-single .chosen-single div { width:34px; background:#fff; } .form-with-background .chosen-container-single .chosen-single div b { color:#02add5; font-size:12px; background:transparent url(/stylesheets/img/ico/down.png) no-repeat 50% 56% !important; background-size:auto !important; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .form-with-background .chosen-container-single .chosen-drop { background:#339dce; border:1px solid #fff; border-radius:0; border:1px solid #fff; box-shadow:none; color:#fff; z-index:10; } .form-with-background .chosen-container-active.chosen-with-drop .chosen-single { background:#339dce; border:1px solid #fff; border-radius:0; border:1px solid #fff; box-shadow:none; } .chosen-container-active.chosen-with-drop .chosen-single div { background:#fff !important; } .form-with-background .chosen-container-active.chosen-with-drop .chosen-single div b { color:#02add5; font-size:12px; background:transparent url(/stylesheets/img/ico/up.png) no-repeat 50% 56% !important; background-size:auto !important } .form-with-background .chosen-container .chosen-results li, .form-with-background .chosen-container .chosen-results li.active-result, .form-with-background .chosen-container .chosen-results li.result-selected { color:#fff; background:transparent; } .form-with-background .chosen-container .chosen-results li:hover { background:rgba(255,255,255,0.4); color:#02add5; } /* @end --------- */ /* ===[ Button Style ]=== */ .btn { border:2px solid #ccc; background-color:#fff; color:#02add5; font-size:12px; text-transform:uppercase; font-weight:400; padding:7px 23px; border-radius:22px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .btn:hover, .btn-primary:active, .btn-primary:focus { color:#fff; border-color:#02add5; background-color:#02add5; } .btn-primary { color:#fff; border-color:#02add5; background-color:#02add5; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { color:#fff; background-color:#333; border-color:#333; } .btn-inverse { color:#fff; background-color:#333; border-color:#333; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus { color:#fff; border-color:#02add5; background-color:#02add5; } .btn-success { color:#fff; background-color:#02d565; border-color:#02d565; } .btn-success:hover, .btn-success:active, .btn-success:focus { color:#fff; background-color:#333; border-color:#333; } .btn-default:hover, .btn-default:active, .btn-default:focus { color:#fff; background-color:#02add5; } .btn-outline { border-color:#fff; color:#fff; background:transparent; font-weight:600; } .btn-outline:hover, .btn-outline:active, .btn-outline:focus { background:#fff; color:#ccc !important; border-color:#fff; font-weight:600; } .btn-sm { font-size:11px; padding:5px 13px; border-width:1px; } .btn-lg { font-size:14px; padding:10px 33px; border-width:3px; } .btn-scale-sm { -ms-transform:scale(3,2); -webkit-transform:scale(3,2); transform:scale(3,2); } .btn-scale-lg { -ms-transform:scale(2,3); -webkit-transform:scale(2,3); transform:scale(2,3); } .sweet-alert button { background-color:#333; color:#fff; border-radius:0; padding:12px 25px; } .btn-orange { border-color:#f8af40; color:#fff; background:#f8af40; font-weight:600; letter-spacing:0.025em; } .btn-orange:hover, .btn-orange:active, .btn-orange:focus { background:#fff; color:#f8af40 !important; border-color:#fff; font-weight:600; } .btn-white { border-color:#fff; color:#02add5; background:#fff; font-weight:600; letter-spacing:0.025em; } .btn-white:hover, .btn-white:active, .btn-white:focus { background:#fff; color:#ccc !important; border-color:#fff; font-weight:600; } /* @end --------- */ /* ===[ Crumbs ]=== */ .crumbs { color:#666; font-size:12px; line-height:12px; text-transform:uppercase; font-weight:bold; } .crumbs > a { color:#666 } .crumbs > a:hover { text-decoration:none; color:#d7df3a; } /* @end --------- */ /* ===[ Pagination ]=== */ .pager { } .pagination-block { } .pagination { border-radius:0; color:#333; } .pagination:before, .pagination:after { content:" "; display:table; } .pagination:after { clear:both } .pagination { *zoom:1 } .pagination > li { display:block; float:left; } .pagination > li > a, .pagination > li > span { border-color:#d9dee1; color:#415a68; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius:0 } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius:0 } li.pag-current { padding:6px 12px; border:1px solid #d9dee1; background-color:#dae3e8; color:#415a68; } /* @end --------- */ /* **************** General Styles *****************/ .no-javascript { width:100%; height:auto; font-size:30px; position:fixed; left:0; right:0; top:0; z-index:9999; background-color:#e32551; color:#fff; padding:10px; text-align:center; } #warning { position:fixed; top:0; bottom:0; left:0; right:0; background:#c14328; font-family:"Arial",sans-serif; z-index:9999; } #warning a.closeThis { position:absolute; top:20px; right:20px; display:block; width:20px; height:20px; font-size:30px; line-height:20px; text-align:center; color:#fff; text-decoration:none; text-shadow:-1px -1px #a63922; } #warning .warningContent { position:absolute; top:50%; left:50%; margin:-40px 0px 0px -170px; display:block; width:380px; height:80px; color:#f6e2dd; text-shadow:-1px -1px #a63922; } #warning .warningContent span { font-size:81px; font-weight:bold; line-height:93px; display:block; width:20px; float:left; margin-right:5px; } #warning .warningContent .wHeading { font-size:38px; font-weight:bold; line-height:45px; margin:0px; letter-spacing:-2px; } #warning .warningContent p { font-size:14px; font-weight:normal; line-height:16px; letter-spacing:0px; margin:0px; padding:0px; } #warning .warningContent p a { font-size:14px; font-weight:normal; color:#ff5559; text-decoration:underline; } /* ===[ Navigation ]=== */ .secondary-nav { position:absolute; top:47px; bottom:auto; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:12em; display:none; } .secondary-nav li { display:inline-block; margin-left:2.2em; } .secondary-nav a { display:inline-block; color:#f5f5f5; text-transform:uppercase; font-weight:500; font-family:Kaleko105-Bold, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; -moz-transition:color 0.4s linear; -o-transition:color 0.4s linear; transition:color 0.4s linear; } .secondary-nav a:hover { -webkit-filter:blur(0.1px); -moz-filter:blur(0.1px); -o-filter:blur(0.1px); -ms-filter:blur(0.1px); filter:blur(0.1px); } .primary-nav-trigger { position:absolute; right:0; top:0; height:50px; width:50px;/* background-color:rgba(2, 23, 37, 0.96); */ } .primary-nav-trigger .menu-text { color:#f5f5f5; text-transform:uppercase; font-weight:700; display:none; font-weight:500; font-family:Kaleko105-Bold, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; } .primary-nav-trigger .menu-icon { display:inline-block; position:absolute; left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width:18px; height:2px; background-color:white; -webkit-transition:background-color linear 0.3s; -moz-transition:background-color linear 0.3s; transition:background-color linear 0.3s; } .primary-nav-trigger .menu-icon::before, .primary-nav-trigger .menu-icon:after { content:''; width:100%; height:100%; position:absolute; background-color:white; right:0; -webkit-transition:-webkit-transform .3s, top .3s, background-color 0s; -moz-transition:-moz-transform .3s, top .3s, background-color 0s; transition:transform .3s, top .3s, background-color 0s; } .primary-nav-trigger .menu-icon::before { top:-5px } .primary-nav-trigger .menu-icon::after { top:5px } .primary-nav-trigger .menu-icon.is-clicked { background-color:rgba(255, 255, 255, 0) } .primary-nav-trigger .menu-icon.is-clicked::before, .primary-nav-trigger .menu-icon.is-clicked::after { background-color:white } .primary-nav-trigger .menu-icon.is-clicked::before { top:0; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); } .primary-nav-trigger .menu-icon.is-clicked::after { top:0; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg); } .primary-nav { position:fixed; left:0; top:0; height:100%; width:100%; background:rgba(2, 23, 37, 0.96); z-index:2; text-align:center; padding:90px 0 50px 0; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:auto; -webkit-overflow-scrolling:touch; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s; z-index:0; overflow-x:hidden;} .primary-nav > ul { margin:0 auto; padding:0; opacity:1; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; transition:all .4s linear; } .primary-nav > ul.out { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); opacity:0; } .primary-nav > ul > li { font-size:22px; font-size:1.4rem; font-weight:300; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding:.3em 0; margin-bottom:0; text-transform:capitalize; list-style:none; } .primary-nav > ul > li:hover { background-color:rgba(157,190,237,0.1); } .primary-nav > ul > li.label:hover { background-color:transparent; } .primary-nav > ul > li > a { width:100%; display:inline-block; padding:.2em 1em; font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; color:#eee; font-size:1.3rem; font-weight:bold; text-transform:uppercase; text-rendering:geometricPrecision; letter-spacing:normal; } .is-visible.primary-nav > ul > li > a { } .no-touch .primary-nav a:hover { color:#fff; } .primary-nav .label, .primary-nav .go-back { display:block; color:#9dbeed; text-transform:uppercase; font-weight:700; font-size:15px; font-size:1rem; margin:2.4em 0 .8em; font-family:Kaleko105-Bold, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; } .primary-nav .inner-label { margin-top:3vh; } .primary-nav .social { display:inline-block; margin:0 .4em; } .primary-nav .social a { font-size:15px; padding:0; color:#fff; } .primary-nav .social a span { display:none; } .primary-nav.is-visible { z-index:100; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .level1 .sub-nav { display:none; } .sub-nav.cloned { width:100%; height:auto; margin:0; padding:0; position:absolute; top:90px; left:0; opacity:0; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; transition:all .3s linear; -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); } .sub-nav.cloned.in { opacity:1; -webkit-transition-delay:0.3s; transition-delay:0.3s; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .sub-nav.cloned.out { opacity:0; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); } .sub-nav > li { list-style:none; } .sub-nav > li > a { } /* @end --------- */ /* ===[ Utitliy Sections ]=== */ .content-bar { min-height:100px; padding:6vh 0; } .content-bar.with-image { background-repeat:no-repeat; background-position:center center; background-size:30vw auto; } .content-bar.grey-background { background-color:#e8e8e8; } .content-bar.right-bgimage { background-position:right bottom; } /* @end --------- */ /* ===[ Breadcrumbs ]=== */ ul.breadcrumbs { position:relative; margin:-20px 0 30px 0; padding:0; list-style:none; font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; } .breadcrumbs li { display:inline-block; font-size:17px; color:#999; } .breadcrumbs li.selected { } .breadcrumbs a { } .breadcrumbs .fa { color:#999; } /* @end --------- */ /* ===[ Main components ]=== */ main, header { -webkit-transform:translateZ(0px); -moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px); will-change:transform; } main, header, header > .container { position:relative; -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; transition:transform 0.3s; } main { background:#fff; min-height:100vh; z-index:2; } header { position: relative; top: 0; left: 0; height: 87px; width: 100%; z-index: 101; -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; transition:all 0.25s linear; } .scrolling header { width:100%; left:0; right:0; top:0; opacity:0.9; position:fixed; background:#49568b url('/images/banners/sky.jpg') repeat-x 0 -3px; } .header-buttons { position:absolute; display:inline-block; top:0; right:5%; padding:0; margin:0; /* background-color:rgba(2, 23, 37, 0.96); */ } .header-buttons li { display:inline-block; } .search-trigger, .search-trigger:focus, .search-trigger:active { display:block; width:auto; height:auto; line-height:1em; text-align:center; overflow:hidden; font-size:15px; color:#fff; } .search-trigger:hover { color:#fff; } .search { position:absolute; height:50px; width:100%; top:50px; left:0; z-index:3; opacity:0; visibility:hidden; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; } .search-is-open .search { visibility:visible; opacity:1; } .search form { height:100%; width:100%; } .search input { width:65%; margin:0 auto; border-radius:0; border:none; background:#fff; height:100%; width:100%; padding:0 5%; box-shadow:inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; } .search input::-webkit-input-placeholder { color:#c9cbc4 } .search input::-moz-placeholder { color:#c9cbc4 } .search input:-moz-placeholder { color:#c9cbc4 } .search input:-ms-input-placeholder { color:#c9cbc4 } .search input:focus { outline:none } .search.is-visible { opacity:1; visibility:visible; -webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s; } .nav-is-fixed .search { position:fixed } .overlay { position:fixed; z-index:2; height:100%; width:100%; top:0; left:0; cursor:pointer; background-color:rgba(105, 170, 111, 0.8); visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .overlay.is-visible { opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; } /* support for no js */ .no-js .primary-nav { position:relative; height:auto; width:100%; overflow:visible; visibility:visible; z-index:2; } .no-js .search { position:relative; top:0; opacity:1; visibility:visible; } /* @end --------- */ /* ===[ Search ]=== */ .search { position:absolute; height:50px; width:100%; top:50px; left:0; z-index:3; opacity:0; visibility:hidden; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; } .search form { height:100%; width:100%; } .-search input { border-radius:0; border:none; background:#fff; height:100%; width:100%; padding:0 5%; box-shadow:inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; } .search input::-webkit-input-placeholder { color:#c9cbc4 } .search input::-moz-placeholder { color:#c9cbc4 } .search input:-moz-placeholder { color:#c9cbc4 } .search input:-ms-input-placeholder { color:#c9cbc4 } .search input:focus { outline:none } .search.is-visible { opacity:1; visibility:visible; -webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s; } .nav-is-fixed .search { position:fixed; } /* @end --------- */ /* ===[ Logo ]=== */ #logo { position: absolute; top: 24px; left: 2%; margin: 0; padding: 0; -webkit-animation:fadeIn 3.5s ease-out; -moz-animation:fadeIn 3.5s ease-out; -o-animation:fadeIn 3.5s ease-out; animation:fadeIn 3.5s ease-out; } #logo img, #logo svg { position: relative; z-index: 1; display: block; -webkit-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } /* @end --------- */ /* ===[ Overlay ]=== */ .overlay { position:fixed; z-index:2; height:100%; width:100%; top:0; left:0; cursor:pointer; background-color:rgba(0, 0, 0, 0.4); visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .overlay.is-visible { opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; } .search-is-visible.overlay { background-color:#58c6f1; opacity:1; visibility:visible; } /* ===[ Main ]=== */ main { min-height:10vh; z-index:2; position:relative; -webkit-animation:fadeIn 3.5s ease-out; -moz-animation:fadeIn 3.5s ease-out; -o-animation:fadeIn 3.5s ease-out; animation:fadeIn 3.5s ease-out; } /* @end --------- */ /* ===[ Banners ]=== */ /* Homepage */ #banners { margin-bottom:3vh; top:-90px; margin-bottom:-45px; height:100%; position:relative; overflow:hidden; } .swiper-container { width:100%; height:100%; margin-left:auto; margin-right:auto; } .swiper-slide { text-align:center; font-size:100%; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .swiper-slide > div { height:100%; width:100%; background-attachment:scroll; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; z-index:1; } .banner-content { margin-top:27vh; height:auto; width:auto; text-align:center; color:#fff; } .home .banner-content, .home-page .banner-content { margin-top:15vh; } .banner-text, .banner-text p { color:#fff; font-size:20px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .banner-content .h1 { color:#fff; font-size:4vw; font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,0.3); margin-bottom:3px; } .banner-content a { color:#fff; text-decoration:none; } .banner-content a i { margin-left: 10px; } #banners .swiper-container-horizontal > .swiper-pagination-bullets, #banners .swiper-pagination-custom, #banners .swiper-pagination-fraction { bottom:13px; } #banners .swiper-pagination-bullet { width:14px; height:14px; opacity:1; } #banners .swiper-pagination-bullet { background-color:#fff; border:3px solid #fff; } #banners .swiper-pagination-bullet-active{ background-color:#02add5; } /* Custom / webapp */ #static-banner { width:100%; height:100%; position:relative; top:-114px; background-attachment:scroll; background-size:cover; background-repeat:no-repeat; background-position:center center; z-index:1; color:#fff; text-align:center; display:flex; justify-content:center; align-items:center; line-height:1em; } #static-banner .page-title { display:block; font-size:68px; text-align:center; font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1em; margin-bottom:20px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } #static-banner .bbyline { display:inline-block; color:#fff; font-size:27px; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.3); font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.3em; margin-bottom:10px; } #static-banner .bdec { color:#fff; margin-top:10px; font-size:15px; text-align:center; } #static-banner .bdec p { color:#fff; margin:0 0 10px 0; padding:0; font-size:15px; text-align:center; } #static-banner >div { width:50%; resize:both; } #static-banner a { color:#fff; } #static-banner a:hover, #static-banner a:focus, #static-banner a:active { color:#fff; text-decoration:underline; } #static-banner a.btn-white { color:#595959; } #static-banner a.btn-white:active, #static-banner a.btn-white:hover, #static-banner a.btn-white:focus { color:#595959 !important; text-decoration:none; } #static-banner .page-byline { font-size:27px; } /* Slider and generics */ #home-feature-slider nav { margin:22px 0 13px 0; } /* @end --------- */ /* ===[ Main Content ]=== */ #main-content { margin-bottom:25px } body.inner #main-content { margin-top:25px } /* @end --------- */ /* ===[ Default Sidebar ]=== */ .default-sidebar { margin-bottom:20px } .sidebar-item { margin-bottom:20px } /* @end --------- */ /* ===[ Conent Slider ]=== */ .slider-region { position:relative; } .slider-region:after { content:""; display:table; clear:both; } .slider-region nav { overflow:visible; -webkit-overflow-scrolling:touch; } @media only screen and (min-width:768px){ .slider-region::after { display:none; } } .tabs-navigation { width:100%; margin:0; padding:0; } .tabs-navigation:after { content:""; display:table; clear:both; } .tabs-navigation li { float:left; list-style:none; margin-right:3%; } .tabs-navigation li.last-child { margin-right: 0; } .tabs-navigation span { position:relative; display:block; text-align:center; font-size:13px; font-size:0.68rem; font-weight:600; color:#7e7e7e; padding:15px 20px; text-transform:uppercase; cursor:pointer; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; transition:all linear 0.2s; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .no-touch .tabs-navigation span:hover { color:#02add5; -webkit-transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3); } .tabs-navigation .selected span { border-radius:20px; background-color:#02add5; color:#fff; } .no-touch .tabs-navigation .selected span:hover { color:#fff; -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transform:translateY(2px); -moz-transform:translateY(2px); transform:translateY(2px); } .tabs-navigation .selected .with-arrow:before { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(2, 173, 213, 0); border-top-color:#02add5; border-width:13px; margin-left:-13px; } .tabs-content { } .tabs-content .content-item { display:none; padding:1.4em; } .tabs-content .content-item.selected { display:block; -webkit-animation:fadeIn 0.5s; -moz-animation:fadeIn 0.5s; animation:fadeIn 0.5s; } .tabs-content .content-item p { font-size:14px; font-size:0.875rem; line-height:1.6; color:#8493bf; margin-bottom:2em; } @media only screen and (min-width:768px){ .tabs-content { min-height:480px; } .tabs-content .content-item { } } @media only screen and (min-width:960px){ .tabs-content { min-height:0; } .tabs-content .content-item { padding:3em 0; } .tabs-content .content-item p { font-size:16px; font-size:1rem; } } .secondary-nav ul { margin:0; } /* Specific overides */ .content-slide-bar { background:#00a2c9 url(img/bg/skyblock.jpg) no-repeat center center; background-size:cover; background-clip:content-box; } .content-item { color:#bfc6ed; font-size:13px; } .with-background .content-item p, .with-background .content-item h4, .with-background .content-item h3 { color:#f5f5f5; } .with-background .content-item p { font-size:15px; line-height:1.5em; } #home-feature-slider img { border:5px solid #fff; -webkit-box-shadow:3px 3px 3px #777; -moz-box-shadow:3px 3px 3px #777; box-shadow:3px 3px 3px #777; } .with-background .content-item h4 { font-size:28px; font-weight:normal; margin:0 0 15px 0; } /* @end --------- */ /* ===[ Location Map ]=== */ #locaitonmap { height:730px; width:100%; } .gm-style-iw * { display:block; width:100%; } .gm-style-iw h4, .gm-style-iw p { margin:0; padding:0; } .gm-style-iw a { color:#4272db; } /* ===[ Site Search Page ]=== */ .search-controls { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc; } #site-search { margin-top:7vh; } #site-search-detail { width:100% } #site-search > fieldset { text-align:center; } #search-field { width:100%; height:78px; font-size:33px; text-align:center; border:1px solid #fff; background-color:rgba(255,255,255,0.4); border-radius:0 36px 39px 0; color:#333; } .search-line { width:70%; margin:0 auto; position:relative; } .search-line:after { width:78px; height:78px; line-height:78px; font-size:60px; text-align:center; content:"\f105"; font-family:FontAwesome; position:absolute; right:0; top:0; border-radius:50%; border:4px solid #fff; background-color:#58c6f1; color:#fff; } #site-search p { font-size:24px; color:#fff; padding:0; margin:0 0 10px 0; text-transform:uppercase; } #close-search { display:inline-block; margin-top:8vh; color:#fff; font-size:17px; text-decoration:underline; text-align:center; text-transform:uppercase; } .search input::-webkit-input-placeholder { color:#fff } #search-field::-moz-placeholder { color:#fff } #search-field:-moz-placeholder { color:#fff } #search-field:-ms-input-placeholder { color:#fff } .type { } .search-result-item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; } .search-result-item h4 { font-size:16px } .search-result-item h4 a { color:#333 } .sr-desc { font-size:12px; margin-top:0; } /* @end --------- */ /* ===[ Feature Blocks ]=== */ .features { } .feature-block { text-align:center; margin-bottom:30px; } .feature-block h4 { font-size:24px; margin:13px 0 8px 0; } .feature-block p { padding-bottom:0; margin-bottom:30px; font-size:13px; } /* @end --------- */ /* ===[ Image Links ]=== */ .imglink img { background-color:#fff; } .imglink:hover img { -webkit-backface-visibility:hidden; -webkit-transform:translate3D(0, 0, 0); -moz-transform:translate3D(0, 0, 0); transform:translate3D(0, 0, 0); opacity:0.9; } /* @end --------- */ /* ===[ Section Blocks ]=== */ .section-block { text-align:center; margin-bottom:30px; } .section-block h5 { font-size:19px; margin:13px 0 8px 0; } .section-block p { padding-bottom:0; margin-bottom:30px; } /* @end --------- */ /* ===[ Section Blocks ]=== */ .section { position:relative; } .section-centred-content { padding:4vh 0; } .section-centred-content * { text-align:center; } .section-centred-content .grid { width:50%; } .section-special-bg { background:transparent url(/stylesheets/img/bg/prop-image.png) no-repeat scroll right bottom / 44% auto; } .section-translogo-bg { background:transparent url("img/bg/logo-transbg.png") no-repeat scroll 113% -6% / 27% auto; padding:5vh 0; } .about-us-content { padding:4vh 0; } /* @end --------- */ /* ===[ Aircraft ]=== */ /* Home Page */ .home .aircraft, .courses .aircraft, .inline .aircraft { width:100%; height:17vw; max-height:380px; display:block; background-position:center center; background-size:100% 100%; background-repeat:no-repeat; cursor:pointer; color:#fff; position:relative; overflow:hidden; } .home .aircraft .aircraft-overlay, .courses .aircraft .aircraft-overlay, .inline .aircraft .aircraft-overlay { width:100%; height:100%; display:block; text-align:center; background-color:rgba(22,37,54,0.5); position:relative; } .home .aircraft .aircraft-overlay:after, .courses .aircraft .aircraft-overlay:after, .inline .aircraft .aircraft-overlay:after { width:30px; height:30px; line-height:28px; text-align:center; content:'\f105'; color:#fff; z-index:100; border-radius:50%; border:2px solid #02add5; font-family:fontAwesome; position:absolute; bottom:10px; right:10px; font-weight:bold; font-size:19px; -webkit-transition:opacity 0.4s linear; -moz-transition:opacity 0.4s linear; -o-transition:opacity 0.4s linear; transition:all 0.4s linear; } .home .aircraft, .courses .aircraft, .inline .aircraft { -webkit-transition:background 0.45s linear; -moz-transition:background 0.45s linear; -o-transition:background 0.45s linear; transition:background 0.45s linear; } .aircraft-overlay { -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .home .aircraft:hover, .courses .aircraft:hover, .inline .aircraft:hover { background-size:110% 110%; } .home .aircraft:hover .aircraft-overlay, .courses .aircraft:hover .aircraft-overlay, .inline .aircraft:hover .aircraft-overlay { background-color:rgba(2,173,213,0.8); } .home .aircraft:hover .aircraft-overlay:after, .courses .aircraft:hover .aircraft-overlay:after, .inline .aircraft:hover .aircraft-overlay:after { opacity:0; } .home .aircraft-info,.courses .aircraft-info,.inline .aircraft-info { width:100%; height:50%; position:absolute; top:50%; left:0; line-height:1em; -webkit-transform:translate(0, -300%); -moz-transform:translate(0, -300%); -o-transform:translate(0, -300%); -ms-transform:translate(0, -300%); transform:translate(0, -300%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .home .aircraft:hover .aircraft-info, .courses .aircraft:hover .aircraft-info, .inline .aircraft:hover .aircraft-info { -webkit-transition-delay:.3s; transition-delay:.3s; -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); } .aircraft-info em { font-size:18px; text-transform:uppercase; font-style:normal; display:inline-block; padding-bottom:4px; border-bottom:1px solid #fff; } .aircraft-info h4 { font-size:32px; margin-bottom:1.2vw; margin-top:15px; width: 90%; margin-left: auto; margin-right: auto; } .aircraft-info a { width:46px; height:46px; line-height:46px; color:#fff; font-size:14px; display:inline-block; border:1px solid #fff; text-align:center; border-radius:50%; } .aircraft-info a:hover { background-color:#fff; color:rgba(0,0,0,0.3); } /* Detail */ #aircraft { position:relative; padding:30px 0; } .content-grid { position:relative; } .main-image { width:100%; height:auto; border:5px solid #fff; -webkit-box-shadow:3px 3px 3px #777; -moz-box-shadow:3px 3px 3px #777; box-shadow:3px 3px 3px #777; } #aircraft-images, .aircraft-images { max-height:390px; max-width:690px; border:5px solid #fff; -webkit-box-shadow:3px 3px 3px #777; -moz-box-shadow:3px 3px 3px #777; box-shadow:0 1px 3px #777; overflow:hidden; position:relative; padding:0; margin:0; } #aircraft-images .swiper-slide, .aircraft-images .swiper-slide { width:100%; height:auto; } #aircraft-images .next-image, #aircraft-images .prev-image, .aircraft-images .next-image, .aircraft-images .prev-image { width:31px; height:31px; line-height:25px; display:block; background-color:#02add5; color:#fff; position:absolute; bottom:10%; z-index:10; text-align:center; font-size:20px; border-radius:50%; cursor:pointer; font-weight:bold; border:1px solid rgba(255,255,255,0.4); opacity:0.9; } #aircraft-images .next-image { right:15px; } #aircraft-images .prev-image { right:50px; } #aircraft-images .swiper-slide img { width:100%; height:auto; } #aircraft-images .next-image:hover, #aircraft-images .prev-image:hover { background-color:rgba(2,173,213,0.8); } #aircraft-images .hvr-ripple-out::before{ border:1px solid #02add5 !important; border-radius:50%; } .aircraft-images .swiper-wrapper { height:100% !important; } .aircraft-images .next-image { right:15px; } .aircraft-images .prev-image { right:50px; } .aircraft-images .swiper-slide img { width:100%; height:auto; } .aircraft-images .next-image:hover, #aircraft-images .prev-image:hover { background-color:rgba(2,173,213,0.8); } .aircraft-images .hvr-ripple-out::before{ border:1px solid #02add5 !important; border-radius:50%; } .aircraft-information h1 { font-size:50px; margin:-12px 0 10px !important; line-height:1.4em; } .aircraft-information p { line-height:1.45em; margin-bottom:30px; } .aircraft-details { margin:20px 0 0 0; } .aircraft-details li { width:33%; height: 62px; list-style:none; float:left; display:block; margin-right:0.05% margin-left:0.05%; position:relative; font-size:17px; margin-bottom:32px; line-height:1.225em; } .aircraft-details li.rego { width: 100%; clear: both; } .aircraft-details span { display:block; padding-left:50px; font-size:13px; color:#666; } .aircraft-details strong { display:block; color:#414141; line-height:1em; margin-top:2px; padding-left:50px; font-size:16px; color:#414141; } .aircraft-details a { text-decoration:underline; color:#414141; } .aircraft-details a:hover { color:#02add5; } .aircraft-details em { width:40px; height:40px; line-height:40px; display:block; border-radius:50%; text-align:center; border:2px solid #02add5; font-style:normal; position:absolute; left:0; top:0; } .aircraft-details .range em { border:0 none; } .aircraft-details em i { font-size:24px; color:#02add5; } .aircraft-details .weight em i, .aircraft-details .mtow em i { font-size:40px; } .aircraft-details .range em i { font-size:42px; } .aircraft-details .rego em i { font-size:22px; } .aircraft-details .balanace em i { position:relative; left:1px; top:2px; } .aircraft-details .cruisespeed em i { position:relative; top:-3px; } .aircraft-price { max-width:720px; font-size:1.4vw; color:#ccc; margin-bottom:2.1vw; } .aircraft-price span { display:inline-block; font-size:1.8vw; color:#02add5; position:relative; top:3px; } #featured-aircraft { margin-bottom:3.2vh; } .inline #featured-aircraft { margin-bottom:0; } #aircraft-hire-form textarea { height:161px; padding-top:13px; } #aircraft-hire-form fieldset { overflow:hidden; } #aircraft-hire-form .btn { padding-top:14px; padding-bottom:14px; } /* Listing */ .aircraft-main-listing { padding-bottom:45px; margin-bottom:50px; border-bottom:1px solid #bababa; } .aircraft-main-listing:last-child { margin-bottom:60px; border-bottom:0 none; padding-bottom:0; } .aircraft-main-listing .aircraft-images { width:100%; height:auto; max-height:380px; max-width:620px; } .aircraft-main-listing h2 { font-size:38px; margin:30px 0 13px 0; letter-spacing:-0.025em } .aircraft-main-listing p { font-size:14px; line-height:1.55em; } .aircraft-images .next-image, .aircraft-images .prev-image { bottom:5%; } .aircraft-main-listing .aircraft-details li { margin-bottom:27px; } /* @end --------- */ /* ===[ Image Overlay ]=== */ .viewimage-overlay { width:auto; height:auto; position:fixed; z-index 500;top:0; right:0; background-color:rgba(2,173,213,0.8); overflow:hidden; z-index:1; transform:scale(0); -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; transition:all linear 0.2s; } .viewimage-overlay.reveal { height:100%; width:100%; opacity:1; left:0; bottom:0; z-index:900; transform:scale(1); } .viewimage-overlay div { width:100%; height:100%; position:relative; } .viewimage-overlay img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .viewimage-overlay span { font-size:19px; text-transform:uppercase; font-family:Kaleko105-Bold, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; position:absolute; top:15%; right:15%; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; transition:all linear 0.3s; cursor:pointer; } #plane-image span .fa { position:relative; top:-1px; } #plane-image span:hover { opacity:0.8; } /* @end --------- */ /* ===[ Events ]=== */ /* List */ .eventl, .eventl *, .eventm, .eventm * { -webkit-transition:color 0.4s linear; -moz-transition:color 0.4s linear; -o-transition:color 0.4s linear; transition:color 0.4s linear; } .eventl { display:block; padding-left:35px; position:relative; color:#666; margin-bottom:20px; } .eventl:before { content:"\f138"; font-family:FontAwesome; font-size:30px; line-height:1em; position:absolute; left:0; top:2px; color:#02add5; -webkit-transition:color 0.4s linear; -moz-transition:color 0.4s linear; -o-transition:color 0.4s linear; transition:color 0.4s linear; } .eventl:hover::before { color:#ccc; } .ev1, .ev2 { display:block; line-height:1em; } .ev1 { color:#414141; font-weight:bold; margin-bottom:4px; line-height:1.2em; } .ev2 { font-size:14px; } .ev1 strong { color:#02add5; font-size:13px; } .eventl:hover, .eventl:hover * { color:#ccc; } /* Main list */ .event-list-block { padding-top:5vw; padding-bottom:5vw; } .event-main-list { margin-bottom:30px; } .eventm { display:block; background-color:rgba(255,255,255,0.2); border-radius:30px; padding:18px 25px; border:1px solid rgba(255,255,255,0.1); margin-bottom:10px; } .eventm::before { color:#fff; content:"\f138"; font-family:FontAwesome; font-size:30px; left:0; line-height:1em; position:absolute; top:50%; z-index:2; transition:color 0.4s linear 0s; } .event-list-block .eventm::before { display:none; } .eventm .row { margin-bottom:0; } .eventm .ev1 { color:#f5f5f5; font-weight:bold; margin-bottom:4px; line-height:1.2em; font-size:21px; } .eventm .ev1 svg { color:#fff; fill:#fff; } .eventm .ev2 { font-size:14px; } .eventm .ev-breakdown span { display:inline-block; color:#f5f5f5; margin-right:15%; font-size:14px; font-weight:normal; } .eventm .ev-breakdown strong { color:#fff; } .eventm .btn { position:relative; top:5px; } /* Detail */ .event-container { margin-bottom:50px; } h1 .date { display:block; font-size:50%; line-height:1em; margin-top:2px; color:#999; } /* @end --------- */ /* ===[ Blog ]=== */ #enquire-block { background:#4b5c99 url(/stylesheets/img/bg/large-sky-block.jpg) no-repeat center top; background-size:cover; margin-bottom:4vh; padding:62px 0; font-family:Kaleko105-Book, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; } #enquire-block h2 { text-align:center; margin-top;0; font-size:40px; margin-bottom:50px; color:#f3f3f3; } .blog-search-btn { padding:8px 12px; border-left-color:#fff; } .BlogTagCloud a { display:block; float:left; margin-right:8px; margin-bottom:8px; padding:4px 7px; color:#666; font-size:16px; background:#f3f3f3; } .BlogTagCloud a:hover { background-color:#ccc } #blog-archive a:link { font-size:15px; text-transform:capitalize; } .blog-recent { margin:0; padding:0; } .blog-recent li { margin:0 0 10px 0; padding:0; list-style:none; padding-bottom:10px; border-bottom:1px solid #d6d6d6; } .blog-recent a { font-size:14px; text-transform:none; color:#666; line-height:1.37em; } .blog-recent a:hover { color:#9fc52c; } .blog-recent .postdate { display:block; font-size:12px; color:#999; padding-top:3px; } .blog-archive ul { margin:0; padding:0; } .blog-archive li { margin:0 0 10px 0; padding:0; list-style:none; } .blog-archive a:hover { color:#9fc52c; } .sidebar-item { margin-bottom:30px; } .sidebar-item h4 { margin-bottom:10px; } #blog-post .img-polaroid { max-width:100%; min-width:100%; width:100%; height:auto; margin-bottom:20px; } .blog-post { margin-bottom:55px; } .post-title { margin-bottom:3px; margin-top:0; font-size:28px; color:#02add5; } .post-date { display:block; font-size:14px; line-height:1em; margin-bottom:30px; } .postlist-content { margin-bottom:15px; } /* @end --------- */ /* ===[ Training Packages ]=== */ .training-packages-list { background:#f5f5f5; padding:4vh 0; margin-top:40px; } .training-course-item { margin-bottom:40px; } .training-course-item p { color:#999; font-size:14px; margin-left:5%; margin-right:5% } .training-course-item .btn { margin-top:15px; } #training-package { margin-bottom:35px; } /* @end --------- */ /* ===[ Course ]=== */ /* Lading page */ #course-list { padding:5vh 0; color:#fff; } .course-item { margin-bottom:10px; border-radius:20px; padding:10px; background-color:rgba(255,255,255,0.7); padding-left:30px; position:relative; } .course-item:after { content:"\f138"; font-family:FontAwesome; font-size:25px; position:absolute; left:0; top:25%; } .course-item h3 { line-height:1.2em; font-size:22px; color:#fff; margin:0; } .course-date { display:block; line-height:1em; font-size:16px; } .course-date a { } #more-courses-list { display:none; } #show-courses { } /* Detail View */ .event-container { } .pricing-block { width:43%; max-width:600px; height:auto; border-radius:35px; background-color:#303030; color:#fff; margin:0 0 30px; } #default-price { float:left; background-color:#02add5; padding:11px 27px; border-radius: 35px 0 0 35px; color:#b7c7db; font-size:20px; text-align:center; } #default-price span { color:#fff; font-size:30px; } #members-price { float:left; padding:11px 27px; color:#ccc; font-size:20px; text-align:center; } #members-price span { font-size:30px; color:#fff; } #members-price em, #default-price em { color:#fff; font-size:30px; font-style:normal; } #book-course, #book-event { padding:6vh 0; } .cards-accepted { color:#333; padding:0; margin:5px 0; font-size:18px; } .cards-accepted * { display:inline-block; margin-right:20px; } .cards-accepted i { font-size:30px; margin-right:10px; position:relative; top:5px; } .form-with-background .cards-accepted { color:#fff; } .member-number-area { margin-top:10px; padding-top:15px; border-top:1px solid #f5f5f5; } .member-number-area .form-group { margin-bottom:0; } .member-number-area label { font-size:18px; margin-bottom:6px; } .member-number-area input[type=text] { width:50%; } .member-number-area input[type=checkbox]{ width:30px; height:30px; background:#fff; border:0 none; position:relative; top:6px; } .phone .member-number-area input[type="checkbox"] { background:none; border-radius:50%; } .member-number-area .small-note { color:#fff; font-size:13px; padding:0; margin:9px 0 6px; } .phone .payment-card select { margin-bottom:17px; } /* Course Locations */ .course-locations { padding:5vh 0 6vh 0; background:#fff url(img/bg/location.png) no-repeat 119% 60%; } .course-locations .fa { width:33px; height:33px; line-height:23px; font-size:25px; text-align:center; margin:0 auto 10px auto; display:block; padding:5px; border-radius:50%; border:1px solid #02add5; color:#02add5; } .course-locations h2 { text-align:center; font-size:35px; margin-bottom:22px; } .course-locations p { text-align:center; margin-bottom:15px; } /* Featured Course */ .fcourse { display:block; color:#fff; } .fcourse:hover * { color:#fff; opacity:0.8; } .fcourse-name { font-size:38px; display:block; margin-bottom:6px; line-height:1em; margin-top:0; } .fcourse .ev1 { display:block; font-size:14px; } .fcourse .ev1 strong { color:#adcbee; } .fcourse .ev2 { display:block; color:#fff; font-size:15px; line-height:1.45em; width:60%; } .fcourse .ev2 p { line-height:1.45em; } /* @end --------- */ /* ===[ Newsletter Bar ]=== */ #newsletter-bar { height:70px; background-color:#02add5; color:#fff; border-bottom:1px solid #35c8ea; } .default #newsletter-bar { margin-top:30px; } #newsletter-form { width:85%; float:right; margin-top:19px; } #newsletter-form fieldset { padding:0; margin:0; } #newsletter-form label { width:45%; height:33px; padding-top:4px; padding-bottom:4px; float:left; color:#fff; margin: 8px 5% 0 0; padding:0; font-style:normal; font-size:15px; line-height:1em; letter-spacing:0.025em; } #newsletter-form input { width:45%; border:1px solid #fff; background:rgba(255,255,255,0.4); color:#fff; float:left; margin:0; border-right:none; height:33px; padding-top:4px; padding-bottom:4px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } #newsletter-form ::-webkit-input-placeholder { color:#f5f5f5; } #newsletter-form :-moz-placeholder { color:#f5f5f5; } #newsletter-form ::-moz-placeholder { color:#f5f5f5; } #newsletter-form :-ms-input-placeholder { color:#f5f5f5; } #newsletter-form button { height:33px; padding-top:4px; padding-bottom:4px; width:5%; display:inline-block; color:#fff; border-color:#fff; border:1px solid #fff; border-left:none; float:left; margin:0; background:rgba(255,255,255,0.4); text-align:center; font-size:15px; } #newsletter-form button:hover { color:#fff !important; } #newsletter-form button:hover i { opacity:0.8; } .newsletter-text, .newsletter-text p { color:#fff; font-size:15px; line-height:1em; letter-spacing:0.025em; padding-top:27px; } .newsletter-text p { margin:0; padding:0; } .newsletter-text a { text-transform:uppercase; text-decoration:underline; color:#fff; } .newsletter-text a:hover { } /* @end --------- */ /* ===[ News & Events Bar ]=== */ #news-and-events { padding-top:6vh; padding-bottom:4vh; background: url(img/bg/newsbg.png) 0 25px no-repeat, url(img/bg/calbg.png) 119% 25px no-repeat; background-color:#f5f5f5; } #news-and-events h3 { font-size:38px; line-height:1em; margin-top:0; margin-bottom:30px; position:relative; text-indent:75px; } #news-and-events h3 img, #news-and-events h3 svg { display:inline-block; position:absolute; top:-6px; left:0; } /* Latest News */ .news-date { color:#02add5; font-size:13px; font-weight:bold; display:block; line-height:1em; } .latest-news h5 { font-size:17px; font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; margin:2px 0 5px 0; font-weight:bold; } .latest-news h5 a { color:#595959; } .latest-news p { margin-bottom:10px; margin-right:5%; } .news-item a { display:block; margin-bottom:4px; } .news-main-list .feature-block { margin-bottom:20px; } .news-main-list .feature-block p { max-height:50px; } /* News Detail */ .short-intro { font-size:13px; color:#999; margin-top:10px; line-height:1.3em; } /* @end --------- */ /* Social */ .social-likes { margin:3vh 0; } /* @end --------- */ /* ===[ Footer ]=== */ footer { background:#222; color:#fff; padding-top:70px; border-bottom:2px solid #00ddff; border-top:1px solid #111; } footer > .grid { position:relative; } footer .centered { text-align:center; } .footer-question { display:block; color:#00a3c5; font-size:20px; line-height:1em; margin-bottom:10px; text-transform:uppercase; } footer .h1 { display:block; font-weight:bold; font-size:50px; color:#f5f5f5; margin:0 0 38px 0; text-transform:uppercase; line-height:1em; } #top { width:auto; height:auto; display:block; color:#fff; text-align:center; font-size:19px; background-color:rgba(255,255,255,0.3); border-radius:50%; padding:10px; z-index:2; position:absolute; left:50%; top:-105px; margin-left:-26px; } #top span { width:52px; height:52px; line-height:45px; display:block; border:4px solid #fff; background-color:#02add5; border-radius:50%; position:relative; } .footer-contact, .footer-contact p { text-align:center; font-size:17px; color:#ccc; } .footer-contact >span { width:68px; height:68px; line-height:64px; display:inline-block; margin-bottom:15px; border-radius:50%; border:2px solid #02add5; overflow:hidden; text-align:center; font-size:30px; } .footer-contact a, .footer-contact address { text-decoration:none; color:#ccc; } .footer-info, .footer-info p { text-align:center; color:#757575; font-size:14px; line-height:1.2em; padding:0; } .footer-info a { text-decoration:none; color:#757575; } .footer-info .pretty { font-size:13px; color:#353535; } .footer-info .pretty a { color:#353535; } /* **************** Utility Styles *****************/ .center-inner-content { position:relative; } .centred-block { width:80%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,10vw); } .featured-course { transform: translate(-50%, 8vw); } .cloud-background { background:#53b4e9 url(/stylesheets/img/bg/large-sky-block.jpg) no-repeat center top; background-size:cover; color:#fff; } .light-sky-background { background:#53b4e9 url(/stylesheets/img/bg/skyblock.jpg) no-repeat center top; background-size:cover; color:#fff; } .with-bottom-border { padding-bottom:45px; border-bottom:1px solid #353535; } .after-banner { margin-top:-114px; } .no-padding .row { margin-bottom:0; } .contact-note { margin-top:25px; font-size:18px; } .small-header { font-size:13px; color:#adcbee; display:block; font-weight:bold; } .no-bottom-spacing { margin-bottom:0 !important; } /* **************** Media Query Ranges *****************/ /* ===[ Container utility queires ONLY ]=== */ @media (min-width:768px){ .responsive #banner-slides li .container { margin-left:-375px } } @media (min-width:992px){ .responsive #banner-slides li .container { margin-left:-485px } } @media (max-width:1500px){ .pricing-block { width:60%; } .section-translogo-bg { background-position:118% 70px; } .aircraft-price { font-size:23px; } .aircraft-price span { font-size:35px; } } @media (min-width: 1400px) and (max-width: 1680px) { .aircraft-info h4 { margin: 0.5vw auto; } } @media (max-width:1400px){ .aircraft-price { font-size: 20px; } } /* ===[ Large desktops and laptops ]=== */ @media (min-width: 1200px) and (max-width: 1399px) { .aircraft-info h4 { font-size: 28px; margin: 15px auto 0.5vw; line-height: 110%; } .tabs-navigation li { margin-right: 1%; } } @media (min-width:1200px){ .responsive #banner-slides li .container { margin-left:-585px } #static-banner .page-title { margin-top:10vw; } .contact-us #static-banner .page-title, .sydney-flight-charter #static-banner .page-title { margin-top:1vw; } } /* ===[ Menu Controler ]=== */ /* -------------- */ @media only screen and (max-width:1169px){ body.nav-on-left.overflow-hidden { overflow:hidden } .overlay.is-visible { -webkit-transform:translateX(-260px); -moz-transform:translateX(-260px); -ms-transform:translateX(-260px); -o-transform:translateX(-260px); transform:translateX(-260px); } .nav-on-left .overlay.is-visible { -webkit-transform:translateX(260px); -moz-transform:translateX(260px); -ms-transform:translateX(260px); -o-transform:translateX(260px); transform:translateX(260px); } .overlay.is-visible.search-is-visible, .nav-on-left .overlay.is-visible.search-is-visible { -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); } #static-banner { margin-bottom:-75px; } .centred-block { transform:translate(-50%,5%); } #newsletter-form label { margin-top:1px; } } /* -------------- */ @media only screen and (min-width:1170px){ header::after { clear:both; content:""; display:table; } #logo { top:24px; left:2%; } .header-buttons { top:34px; right:2%; z-index:10; background:none; } .fcourse-head { margin-top:20px; } #banners, .swiper-slide > div { height:791px; } #static-banner { height:500px; margin-bottom:-60px; } #static-banner.nomargin-true { margin-bottom:0; } .search { height:120px; top:80px; font-size:15px; } .search input { padding:0 2em; font-size:3.2rem; font-weight:300; } .no-js .primary-nav { position:absolute; z-index:3; display:inline-block; width:auto; top:0; right:150px; padding:0; } .no-js .nav-is-fixed .primary-nav { position:fixed } } /* ===[ Portrait tablets and medium desktops ]=== */ @media (min-width:992px) and (max-width:1199px){ .header-buttons { right:3%; top:37%; background:none; } #banners, .swiper-slide > div, #static-banner > div { height:36vh; min-height:260px; } #static-banner .page-title { font-size:5vw; margin-top:11vw; } body h1:first-child { font-size:36px; } h1,h2,h3,h4,h5,h6 { margin-bottom:25px; } .home .aircraft-info, .courses .aircraft-info, .inline .aircraft-info { top: 40%; } .aircraft-info h4 { font-size: 24px; margin: 1vw auto; line-height: 110%; } } @media (min-width:768px){ .secondary-nav { display:block; } #static-banner > div { min-height:260px; } #static-banner .page-title { font-size:4vw; margin-top:7vw; } .primary-nav-trigger { width:auto; padding-left:1em; padding-right:55px; background-color:transparent; height:auto; line-height:1em; right:4em; top:45px; bottom:auto; font-size:15px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .primary-nav-trigger:hover, .search-trigger:hover { -webkit-filter:blur(0.1px); -moz-filter:blur(0.1px); -o-filter:blur(0.1px); -ms-filter:blur(0.1px); filter:blur(0.1px); } .primary-nav-trigger .menu-text { display:inline-block } .primary-nav-trigger .menu-icon { left:auto; right:1em; -webkit-transform:translateX() translateY(-50%); -moz-transform:translateX() translateY(-50%); -ms-transform:translateX() translateY(-50%); -o-transform:translateX() translateY(-50%); transform:translateX() translateY(-50%); } } @media (max-width:980px){ .home .aircraft, .courses .aircraft { height:30vw; } #static-banner > div { min-height:none; } #static-banner .page-title { font-size:47px; margin-top:90px; } #static-banner .bbyline { font-size:24px; margin-bottom:35px; } .aircraft-price { max-width:none; } #aircraft-images, .aircraft-images { margin-bottom:25px; } } /* ===[ Portrait tablets and small desktops ]=== */ @media (min-width:768px) and (max-width:991px){ h1, .h1 { font-size:36px; } body h1:first-child { margin-bottom:10px; } #banners, .swiper-slide > div { height:36vh; } form .col-sm-6 input[type=text], form .col-sm-6 input[type=password], form .col-sm-6 select, form .col-sm-6 textarea { margin-bottom:15px } .header-buttons { top:37%; right:4%; } #home-feature-slider img { margin-bottom:22px; } #static-banner .page-title { font-size:39px; margin-top:115px; } #static-banner.course-banner .page-title, #static-banner.event-banner .page-title { margin-bottom:0; } #static-banner.course-banner .page-byline, #static-banner.event-banner .page-byline { font-size:24px; } #static-banner.course-banner, #static-banner.event-banner { padding-bottom:20px; } .centred-block { transform:translate(0,10px); position:relative; top:auto; left:auto; margin-bottom:30px; } #news-and-events .btn { max-width:200px; } .pricing-block { width:100%; max-width:none; } #default-price, #members-price { width:49%; text-align:center; padding-left:0; padding-right:0; } #HomeCity, #HomeState, #HomeZip, #CardExpiryMonth_chosen, #CardExpiryYear_chosen, #CardType_chosen { margin-bottom:17px; } #CardCCV { max-width:200px; } .aircraft-price { max-width:none; } .tabs-navigation li { float: none; display: block; margin-top: 10px; margin-bottom: 10px;width: 50%; } .tabs-navigation li, .tabs-navigation li.first-child, .tabs-navigation li.last-child { margin-left: auto; margin-right: auto; } .tabs-navigation .selected .with-arrow:before { border-color: transparent; } } /* ===[ Landscape phones and portrait tablets ]=== */ @media (max-width:767px){ body h1:first-child { margin-bottom:20px; margin-top:25px; font-size:30px; } .header-buttons { width:50px; height:auto; text-align:center; display:block; right:0; top:50px; padding-top:5px; padding-bottom:15px; } .header-buttons li { display:block; float:none; } .search-trigger { font-size:16px; } #logo { top: 20px; left: 0; } .secondary-nav { display:none; } .primary-nav > ul > li > a { font-size:1.1rem; } #banners, .swiper-slide > div { height:100vh; } .home .banner-content, .home-page .banner-content { margin-top:40vh; } .primary-nav .label, .primary-nav .go-back { margin:1.8em 0 0.4em; } .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { display:block } .responsive-table thead tr { position:absolute; top:-9999px; left:-9999px; } .responsive-table tr { border:0 none } .responsive-table td { border:none; position:relative; text-align:center; } form .col-xs-12 input[type=text], form .col-xs-12 input[type=password], form .col-xs-12 select, form .col-xs-12 textarea { margin-bottom:15px } #product-summary td.quantity { width:auto } #product-summary td.pimage { width:auto; text-align:center; } #product-summary td.pimage img { margin:0 auto } .home .aircraft, .courses .aircraft { height:60vw; } .banner-content { margin-top:45vh; } .banner-content .h1 { font-size:6vh; } .pricing-block { width:100%; max-width:none; } #default-price, #members-price { width:49%; text-align:center; padding-left:0; padding-right:0; } #site-search p { font-size:19px; } #close-search { margin-top:5vh; } .search-line { width:90%; } #search-field { height:54px; font-size:29px; } .search-line::after { width:54px; height:54px; font-size:49px; line-height:46px; } h1.with-logo span::before, h2.with-logo span::before, h3.with-logo span::before { left:-75px; } .news-item a img { width:100%; height:auto; min-width:100%; } .latest-news { margin-bottom:65px; } .news-item a { margin-bottom:20px; } .feature-block >img { min-width:100%; height:auto; } #news-and-events { padding-bottom:40px; } #news-and-events .btn { max-width:none; } #newsletter-bar { height:auto; padding-bottom:40px; } #newsletter-form { width:100%; float:none; margin-top:0; } footer { padding-top:60px; } #home-feature-slider img { margin-bottom:22px; } .centred-block { width:auto; height:auto; position:relative; top:auto; left:auto; transform:none; margin-bottom:30px; padding-left:0.9375rem; padding-right:0.9375rem; } .eventm .align-right { text-align:center; } .eventm { border:0 none; background:none; margin-bottom:20px; padding-bottom:35px; border-radius:0; border-bottom:1px solid rgba(255,255,255,0.3); } .eventm .btn { margin-top:12px; } .eventm .ev-breakdown span { float:none; margin-right:0; display:block; } .fcourse-head { margin-top:25px; } .course-locations h2 { margin-bottom:40px; } .course-locations { padding:4vh 0; background-position:center center; } #news-and-events { background:#f5f5f5; padding-top:4vh; } .newsletter-text { padding-bottom:30px; } .newsletter-text p { text-align:center; } #newsletter-form label { margin-top:8px; } #default-price, #members-price { font-size:18px; } #default-price span, #members-price span, #default-price em, #members-price em { font-size:25px; } #HomeCity, #HomeState, #HomeZip, #CardExpiryMonth, #CardExpiryMonth_chosen, #CardExpiryYear_, #CardExpiryYear_chosen, , CardType#, #CardType_chosen { margin-bottom:17px; } .aircraft-price { max-width:none; } #featured-aircraft { margin-bottom:0; } .home #featured-aircraft { margin-bottom:30px; } #aircraft-images, .aircraft-images { margin-bottom:25px; } #aircraft-images .next-image, #aircraft-images .prev-image, .aircraft-images .next-image, .aircraft-images .prev-image { bottom:5%; } .about-us-content { padding-top:0; padding-bottom:5vh; } .section-translogo-bg { background: transparent url("img/bg/logo-transbg.png") no-repeat scroll center center / 100% auto; } .section-centred-content .grid { width:80%; } .aircraft-price { font-size:23px; } .aircraft-price span { font-size:35px; } #static-banner.course-banner .page-title, #static-banner.event-banner .page-title { font-size:34px; margin-top:105px; margin-bottom:0; } #static-banner.course-banner .page-byline, #static-banner.event-banner .page-byline { font-size:24px; } #static-banner.course-banner, #static-banner.event-banner { padding-bottom:20px; } .tabs-navigation li { float: none; display: block; margin-top: 10px; margin-bottom: 10px; width: 70%; } .tabs-navigation li, .tabs-navigation li.first-child, .tabs-navigation li.last-child { margin-left: auto; margin-right: auto; } .tabs-navigation .selected .with-arrow:before { border-color: transparent; } } /* ===[ Landscape phones and smaller ]=== */ @media (max-width:480px){ h1, h2, h3, h4, h5, h6 { margin:10px 0 21px; } h2, .h2 { font-size:29px; } #top { margin-left:-34px; top:-85px; } #banners, .swiper-slide > div { height:100vh; } .responsive-table table, .responsive-table table thead, .responsive-table table tbody, .responsive-table table th, .responsive-table table td, .responsive-table table tr { display:block } .responsive-table table thead tr { position:absolute; top:-9999px; left:-9999px; } .responsive-table table tr { border:0 none; position:relative; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; } .responsive-table table tr td { border:0 none; position:relative; padding-left:0; } form .col-xs-12 input[type=text], form .col-xs-12 input[type=password], form .col-xs-12 select, form .col-xs-12 textarea { margin-bottom:15px } .banner-content .h1 { font-size:4.8vh; } ul.breadcrumbs { margin:10px 0 0; } .home .aircraft-info { top:42%; } .aircraft-info em { font-size:16px; padding-bottom:0; } .aircraft-info h4 { font-size:20px; } .home .aircraft, .courses .aircraft { height:38vw; } .aircraft-info a { width:33px; height:33px; line-height:33px; } #news-and-events { padding-bottom:40px; } #news-and-events h3 img, #news-and-events h3 svg { display:none; } #newsletter-form label { height:auto; margin-bottom:8px; } #news-and-events h3 { text-indent:0; text-align:center; } .latest-events { border-top:1px solid #e5e5e5; padding-top:30px; margin-bottom:40px; } .section-block { height:380px; overflow:hidden; } .section-block h5 { font-size:17px; margin:11px 0 10px; } #home-feature-slider nav { margin:30px 0 13px; } .tabs-navigation span { padding:11px 13px; } #static-banner { height: 87px; position: absolute; top: 0; background-image: transparent !important; } #static-banner * { display:none; } #site-search p { font-size:17px; } #news-and-events { background:#f5f5f5; } #newsletter-form label { width:100%; float:none; text-align:left; font-size:14px; } #newsletter-form input { width:80%; margin-right:1%; border-right:1px solid #fff; border-radius:0; } #newsletter-form button { width:9%; border-left:1px solid #fff; } .aircraft-main-listing .aircraft-images { max-height:260px; } .aircraft-price .col { text-align:center; } .aircraft .btn { width:100%; font-size:17px; padding-top:15px; padding-bottom:15px; margin-top:25px; } #contact-form { margin-top:30px; } footer .h1 { font-size:44px; margin-bottom:20px; } .footer-question { margin-bottom:1px; } h1.with-logo span::before, h2.with-logo span::before, h3.with-logo span::before { display:none; } .content-bar { padding:5vh 0; } .aircraft-details li { width:50%; } .g-recaptcha { margin:0 auto; } .promotion-text { font-size:12px; } .newsletter-text p { line-height:1.4em; font-size:14px; } #contact-form .text-right { text-align:center; } #contact-form #catwebformbutton { margin-left:auto; margin-right:auto; } .pricing-block { height:auto; border-radius:0; background:none; } #default-price { width:100%; margin-bottom:7px; border-radius:0; float:none; } #members-price { width:100%; border-radius:0; background-color:#303030; float:none; } #book-course, #book-event { padding:4vh 0; } #event-details p img { display:inline-block; float:none; margin:0 auto 10px auto; } .section-centred-content .grid { width:90%; } }