/* Fonts */ @font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot'); src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } .icon:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-cog:before{content: '\e800';}.icon-cog-alt:before{content: '\e801';}.icon-phone:before{content: '\e802';}.icon-phone-squared:before{content: '\e803';}.icon-doc:before{content: '\e804';}.icon-docs:before{content: '\e805';}.icon-doc-text:before{content: '\e806';}.icon-doc-inv:before{content: '\e807';}.icon-doc-text-inv:before{content: '\e808';}.icon-umbrella:before{content: '\e809';}.icon-paste:before{content: '\e80a';}.icon-chart-pie:before{content: '\e80b';}.icon-chart-bar:before{content: '\e80c';}.icon-chart-area:before{content: '\e80d';}.icon-twitter-squared:before{content: '\e80e';}.icon-twitter:before{content: '\e80f';}.icon-youtube:before{content: '\e810';}.icon-youtube-squared:before{content: '\e811';}.icon-facebook-squared:before{content: '\e812';}.icon-linkedin-squared:before{content: '\e813';}.icon-linkedin:before{content: '\e814';}.icon-home:before{content: '\e815';}.icon-download:before{content: '\e816';}.icon-upload:before{content: '\e817';}.icon-calendar:before{content: '\e818';}.icon-down-open-mini:before{content: '\e819';}.icon-left-open-mini:before{content: '\e81a';}.icon-right-open-mini:before{content: '\e81b';}.icon-up-open-mini:before{content: '\e81c';}.icon-down-dir:before{content: '\e81d';}.icon-left-dir:before{content: '\e81e';}.icon-right-dir:before{content: '\e81f';}.icon-up-dir:before{content: '\e820';}.icon-chart-pie-1:before{content: '\e821';}.icon-quote-left:before{content: '\e822';}.icon-quote-right:before{content: '\e823';}.icon-quote-left-alt:before{content: '\e824';}.icon-quote-right-alt:before{content: '\e825';}.icon-doc-1:before{content: '\e826';}.icon-link-ext:before{content: '\e827';}.icon-chart-pie-2:before{content: '\e828';}.icon-group:before{content: '\e829';}.icon-facebook:before{content: '\e82a';}.icon-linkedin-1:before{content: '\e82b';}.icon-twitter-1:before{content: '\e82c';}.icon-googleplus-rect:before{content: '\e82d';}.icon-video:before{content: '\e82e';}.icon-movie:before{content: '\e82f';}.icon-videocam:before{content: '\e830';}.icon-ok:before{content: '\e831';}.icon-check:before{content: '\e832';}.icon-check-empty:before{content: '\e833';}.icon-users:before{content: '\e834';}.icon-phone-1:before{content: '\e835';}.icon-phone-circled:before{content: '\e836';}.icon-email:before{content: '\e837';}.icon-comment-alt:before{content: '\e838';}.icon-comment:before{content: '\e839';}.icon-edit-alt:before{content: '\e83a';}.icon-doc-2:before{content: '\e83b';}.icon-cancel:before{content: '\e83c';}.icon-popup:before{content: '\e83d';}.icon-chart-bar-2:before{content: '\e83e';}.icon-signal:before{content: '\e83f';}.icon-link-ext-alt:before{content: '\e840';}.icon-exchange:before{content: '\e841';}.icon-compass:before{content: '\e842';}.icon-check-1:before{content: '\e843';}.icon-search:before{content: '\e844';}.icon-docs-1:before{content: '\e845';}.icon-article-alt:before{content: '\e846';}.icon-note:before{content: '\e847';}.icon-video-alt:before{content: '\e848';}.icon-youtube-play:before{content: '\e849';}.icon-videocam-1:before{content: '\e84a';}.icon-archive:before{content: '\e84b';}.icon-upload-cloud:before{content: '\e84c';}.icon-beachhouse:before{content: '\e84d';}.icon-attention:before{content: '\e84e';}.icon-attention-circled:before{content: '\e84f';}.icon-info-circled:before{content: '\e850';}.icon-info:before{content: '\e851';}.icon-home-1:before{content: '\e852';}.icon-hourglass:before{content: '\e853';}.icon-hourglass-1:before{content: '\e854';}.icon-money:before{content: '\e855';}.icon-bank:before{content: '\e856';}.icon-umbrella-1:before{content: '\e857';}.icon-login:before{content: '\e858';}.icon-logout:before{content: '\e859';}.icon-clock:before{content: '\e85a';}.icon-home-2:before{content: '\e85b';}.icon-youtube-1:before{content: '\e85c';}.icon-chart:before{content: '\e85d';}.icon-lock:before{content: '\e85e';}.icon-lock-open:before{content: '\e85f';}.icon-doc-new:before{content: '\e860';}.icon-floppy:before{content: '\e861';}.icon-floppy-1:before{content: '\e862';}.icon-trash:before{content: '\e863';}.icon-trash-1:before{content: '\e864';}.icon-arrows-cw-1:before{content: '\e866';}.icon-centrelink:before{content: '\e867';}.icon-time_money:before{content: '\e868';}.icon-seal:before{content: '\e869';}.icon-beachchair:before{content: '\e86a';}.icon-fishing:before{content: '\e86b';}.icon-money-increasing:before{content: '\e86c';}.icon-tax:before{content: '\e86d';}.icon-will:before{content: '\e86e';}.icon-chart-1:before{content: '\e86f';}.icon-safe:before{content: '\e870';}.icon-houseonfire:before{content: '\e871';}.icon-volume-off:before{content: '\e872';}.icon-volume-down:before{content: '\e873';}.icon-volume-up:before{content: '\e874';}.icon-housemoney:before{content: '\e875';}.icon-housedocument:before{content: '\e876';} /* End Fontello */ /* Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { transform: translateX(0); transform: translateX(0); } } /* End animations */ :focus {outline:none;} ::-moz-focus-inner {border:0;} table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } a { color: #67F; text-decoration: none; transition-property: opacity, color, text-shadow, background-color, background-position, padding; transition-duration: 1.3s; transition-timing-function: ease-out; outline: 0 !important; } a:visited { color: #36A; } a:hover { color: #000; transition-duration: 0.3s; } a img { outline: 0 !important; border: 0; } a:hover img { transition-duration: 0.3s; } li { transition-property: background-color; transition-duration: 0.25s; transition-timing-function: ease-out; } * { box-sizing: border-box; } b, strong { font-weight: 700; } em, i { font-style: italic; } p { padding: 5px 0; line-height: 1.5; margin: 0px 0px 4px; } h1, h2, h3, h4, h5, h6 { padding: 10px 0 5px 0; font-weight: 700; font-family: 'Roboto Condensed', calibri, helvetica, sans-serif; margin: 0; } h1 { font-size: 32px; } h2 { color: #90802D; font-size: 24px; margin-top: 30px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 25px; color: #454545; } h6 { font-size: 22px; } #content h1 { color: #a94; } #content h2 { margin-top: 30px; } dl { padding: 10px 0; } dt { font-weight: 700; font-size: 120%; } dd { padding: 0 0 10px 40px; } .ckeditor ul, .ckeditor ol, #content ul, #content ol { padding: 0 0 0 30px; } .ckeditor table { border: 1px dotted #666 !important; border-spacing: 10px; border-collapse: separate; } .ckeditor td { border: 1px dotted #AAA !important; border-spacing: 10px; padding: 10px; border-collapse: separate; } body.ckeditor { background: #FFF; color: #000; font: 12px arial; } #content li { line-height: 1.5; margin-bottom: 6px; } .t2 { display: none; } /* For form validation - do not remove */ #content td { padding: 3px 20px 3px 0; vertical-align: top; } body.notfound { background: #000; color: #FFF; padding: 100px; } body.notfound h1 { text-shadow: 0 0 20px #FFF; font: 46px consolas, arial; } body.notfound p { font: 24px consolas, arial; color: #888; } .hide { display: none; } img { max-width: 100%; } .process-panel { background: #003E89 none repeat scroll 0% 0%; color: #EEE; padding: 14px 35px 27px; border-radius: 5px; box-shadow: 0px -3px rgba(34, 34, 33, 0.4) inset; } .process-panel p, .process-panel h3 { text-align: center; } .process-panel a { text-shadow: 1px 1px rgba(17, 17, 17, 0.5); color: #BCE5FF; } .process-panel a:hover { color: #F7D75C; text-shadow: 1px 1px #111; } .our-process .service-accordion .accordion a::after { display: none; } .our-process .service-accordion .accordion li { border-bottom: 0; } img.arrow-process { margin: 0 auto 2px; display: block; } /* Site-specific CSS */ body { background: #fff url(../images/bg_ocean_blurred_sm.jpg) fixed; background-size: cover;color: #000; margin: 0; padding: 0; font: 18px 'Roboto Condensed', helvetica, sans-serif; overflow-x: hidden; width: 100%; } .services li { font-size: 24px; font-family: calibri; } #googlemap { background: #FFF; } .container { clear: both; } .container.portfolio { margin-top: 15px; } .one-sixth img { max-width: 100%; } .container-nopad { clear: both; } .one-half { width: 50%; float: left; min-height: 1px; } .one-third { width: 33.333%; float: left; min-height: 1px; } .one-third-nocollapse { width: 33.333%; float: left; min-height: 1px; } .two-third { width: 66.666%; float: left; min-height: 1px; } .two-third-nocollapse { width: 66.666%; float: left; min-height: 1px; } .one-fourth { width: 25%; float: left; min-height: 1px; } .one-fourth-nocollapse { width: 25%; float: left; min-height: 1px; } .one-fifth { width: 20%; float: left; min-height: 1px; } .three-fifth { width: 60%; float: left; min-height: 1px; } .three-fifth.menu {width: 63%;} .one-fifth.menu { width: 18%;} .four-fifth { width: 80%; float: left; min-height: 1px; } .one-sixth { width: 16.66%; float: left; min-height: 1px; } .one-fifth-nocollapse { width: 20%; float: left; min-height: 1px; } .three-fourth { width: 75%; float: left; } .pad1 { padding: 0 20px 1px 20px; } .padright30 { padding: 0 30px 1px 0; } .pad2 { padding: 10px 20px; } .padded { padding: 20px 0px; } .cb { clear: both; } .cr { clear: right; } .maxwidthlimited { max-width: 1400px; margin: 0 auto; } .maxwidthlimited2 { max-width: 1400px; margin: 0 auto; } .maxwidthlimited .maxwidthlimited { max-width: 1200px; margin: 0 auto; } #fixed { z-index: 3000; width: 100%; position: fixed; } #headerimagewide { position: relative; } #headerimage img { width: 100%; display: block; } #caption { position: absolute; left: 10px; bottom: 10px; font-size: 40px; font-weight: 700; color: #FFF; background: #9c3; padding: 10px 20px; } #slideshowwide { background: #FFF; /*border-bottom: 5px solid #cb6;*/ position: relative; } #primarywide { background: #FFF; color: #111; } #primary { padding: 20px 0 50px 0; } #footerwide { background: linear-gradient(90deg, #a86, #fd6, #a86); color: #111; } #footer { padding: 20px 0 20px 0; } #docs ul { text-align: right; list-style: none; padding: 0; margin-top: 0px; line-height: 1.6; } #docs li a { font-size: 18px; color: #a0a8b0; font-weight: 700; } #docs li a:hover { color: #FFF; } #compliancewide { background: #036; color: #FFF; } #compliance{ padding: 20px 0 50px 0; font-size: 16px; } #compliancetext p { padding: 0; } #compliance a { color: #abc; } #credit { text-align: right; font-size: 17px; } #copyright { font-size: 17px; color: #111; } #credit a { color: #530; } #credit a:hover { color: #111; } #secondarywide { background: #FFF; color: #111; } #secondarywide:before { background: transparent linear-gradient(90deg, #FFF, #CB6, #FFF) repeat scroll 0% 0%; height: 5px; overflow: hidden; } #secondary { padding: 0px; } #secondary ul { list-style: none; margin: 0; padding: 0; } #secondary li { padding: 3px 0; } #secondary li a { color: #ACE; } #secondary li a:hover { color: #FFF; } .news_summary_holder h2 { font-size: 24px; font-weight: 700; } .news_summary_holder ul { list-style: none; margin: 0; padding: 0; } .news_summary_holder li { margin: 8px 0px; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 9px; } .news_summary_holder li a { color: #1F2A7D; font: 18px "Roboto Condensed",helvetica,sans-serif; line-height: 150%; } .news_summary_holder li a:hover { color: #7585FB; } .sidebar-divider { padding: 20px 0;} #secondary h3 { font-size: 28px; } #cqap { text-align: right; padding: 0 0px 2px; } /*.divider_gold { background: url(../images/divider_gold.png) center top no-repeat; background-size: contain; height: 50px; }*/ .divider_gold { background: linear-gradient(90deg, white, #cb6, white); height: 5px; overflow: hidden; } #sidebar { padding: 0 20px; } #sidebar ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #sidebar li { margin: 0; padding: 0; } #sidebar li a { display: block; font-weight: 700; font-size: 18px; line-height: 50px; height: 60px; padding: 0 20px; color: #555; font-family: calibri, helvetica, sans-serif; transition: all 1s; position: relative; } #sidebar li a:hover { color: #000; transform: translateX(10px); transition: all 0.2s ease-out; } #sidebar li a span { padding: 5px 0 0 0; display: block; } #sidebar li a i { font-size: 32px; line-height: 60px; padding: 0 10px 0 0; display: block; float: left; } #sftpad { padding: 10px 20px; color: #FFF; background: #abc; border-radius: 4px; } #sft input.t { width: 100%; margin: 2px 0 5px 0; border: 0; font-size: 18px; padding: 5px 10px; color: #000; background: #FFF; outline: 0; box-sizing: border-box; transition: background-color 1s; line-height: 120%; } #sft input.t:focus { background: #FFF; transition: background-color 0.3s; color: #000; } #sft input.b { display: block; float: right; padding: 10px 20px; border: 0; margin: 0; font: 700 18px calibri, helvetica, sans-serif; background: #36a; color: #FFF; } #sft input.b:hover, #sft input.b:focus { background: #036; } #sft h2 { font-size: 24px; } /* In-field labels */ .fieldwrapper { margin: 0; padding: 0; position: relative; } .fieldwrapper label { position:absolute; top: 7px; left: 10px; font-size: 18px; color: #000; } #vault { margin: 10px 0 0 0; } #vault a { display: block; padding: 10px; background: #06A; color: #FFF; font: 700 24px calibri, helvetica, sans-serif; border-radius: 5px; } #vault a:hover { background: #123; } #vault i { font-size: 40px; line-height: 50px; float: left; padding: 0 10px 0 0; } #vault a span { line-height: 50px; } #tileswide { background: linear-gradient(90deg, #025, #07F, #025); color: #FFF; box-shadow: 4px 4px 10px #000; margin: 0 -20px; padding: 0 20px; display: none; } #tiles { z-index: 100; clear: both; text-align: center; padding: 5px 0; } .svg-wrapper { position: relative; width: 200px; display: inline-block; margin: 0 30px 0 0; } .svg-wrapper a { display: block; text-decoration: none; font-family: 'Roboto Condensed'; font-size: 30px; line-height: 50px; color: #FFF; position: absolute; top: 0px; text-transform: uppercase; text-align: center; width: 100%; transition: color 2s; } .svg-wrapper a:hover { color: #FFF; transition-duration: 0.3s; } .shape { stroke-dasharray: 0 1000; stroke-dashoffset: -250; stroke-width: 5px; fill: transparent; stroke: #FD6; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; } .svg-wrapper:hover .shape { stroke-width: 10px; stroke-dasharray: 2000 0; stroke: #FD6; stroke-dashoffset: -500; } .sub_menu ul { list-style: none; margin: 0; padding: 0 0px; } .sub_menu > ul > li { border-bottom: 10px solid #345; } .sub_menu > ul > li > a { font-size: 18px; } .sub_menu ul ul { border-left: 20px solid #345; } .sub_menu li a { display: block; padding: 10px 10px 10px 40px; background: #036; color: #FFF; border-bottom: 1px solid #567; position: relative; } .sub_menu li a:hover { background: #123; } .sub_menu li a.activeparent { background: #234; } .sub_menu li a.active { background: #123; } .sub_menu li a.active:before { content: ' \e81a'; font: 24px fontello; position: absolute; left: 20px; top: 5px; } .sub_menu li li a { border-left: 1px solid #567; } #mainimage { background-color: #345; } #mainimage.taxaccounting { height: 300px; background: url(../images/taxaccounting.jpg); } #mainimage.financialplanning { height: 300px; background: url(../images/financialplanning.jpg); } #mainimage.agedcareservices{ height: 300px; background: url(../images/agedcareservices.jpg) top right; } #mainimage.lifeinsurance { height: 300px; background: url(../images/lifeinsurance.jpg) center top; } #topmenu ul { list-style: none; float: right; } #topmenu li { float: left; } #topmenu li a { display: block; padding: 10px 20px; color: #666; } #topmenu li a:hover { color: #000; background: #999; } #bannerwide { background: #000; height: 400px; } #headerwide { background: linear-gradient(90deg, #752, #FE8, #752); color: #420; padding: 10px 0; } #header-spacer { background: #025; height: 130px; } /*#header { padding: 10px 20px; }*/ /* #logo { margin: 0 auto; transition: all 0.3s; padding: 0; vertical-align: middle; display: table-cell; height: 120px; max-width: 220px; } */ #logo { margin: 15px auto; transition: all 0.3s; padding: 0; display: block; max-width: 220px; } /* this is ie9 friendly */ #logowrapper { z-index: 10; padding: 0px 20px; } #logo img { max-width: 100%; display: block; } #logotext { font-size: 15px; font-family: 'Roboto Condensed', Calibri; transition: all 0.3s; color: #FFF; padding: 0 0 0 20px; } #logotext em { color: #FD5; font-style: normal; } #contactdetails{ text-align: right; } #phonenumber { text-align: right; font-size: 24px; line-height: 30px; padding: 15px 0 0 0; } #phonenumber:before { content: '\e802'; font: 24px fontello; color: #FFF; padding: 0 5px 0 0; line-height: 30px; } #logo img { display: block; } #mobilenav { display: none; } #socialicons { padding: 5px 0 0 0; float: right; } #socialicons i { font-size: 32px; } #socialicons a { color: #FFF; display: inline-block; padding: 5px; border-radius: 5px; transform: scale3d(1, 1, 1); transition: all 1s; } #socialicons a:hover { transform: scale3d(1.2, 1.2, 1.2); transition: all 0.3s; } #bookappointment { clear: right; margin: 10px 0; } #bookappointment a { display: block; background: #09F; color: #FFF; padding: 20px 40px; font-size: 18px; border-radius: 5px; } #bookappointment a img { float: right; padding: 30px 0 0 0; opacity: 0; } #bookappointment a:hover { background: #26A; } #bookappointment a:hover img { opacity: 1; } #advisers img { display: block; width: 50%; float: right; } #navwide { background: #002F59; background: linear-gradient(90deg, rgba(0, 40, 90, 1), rgba(0, 100, 220, 1), rgba(0, 40, 90, 1)); color: #FFF; box-shadow: 0px 2px 5px #000; margin: 0 -20px; padding: 0 20px; } #nav { z-index: 10000; width: 100%; } #nav ul { list-style: none; width: 100%; margin: 0; padding: 0; } #nav li { float: left; position: relative; padding: 0; height: 120px; padding: 0px 12px;} #nav li.hasChild > a:after { content: '\e819'; font-family: fontello; display: block; text-align: center; width: 100%; position: absolute; bottom: -20px; } #nav li a { font-size: 18px; width: 100%; line-height: 50px; display: block; text-align: center; color: #FFF; position: relative; text-transform: uppercase; padding: 33px 0 0 0; } #nav li a:hover, #nav li:hover > a { color: #FFF; } #nav li a:before { content: ""; position: absolute; height: 5px; bottom: 0; left: 50%; right: 50%; background: linear-gradient(90deg, rgba(0,0,0,0), rgba(255,220,90,1),rgba(0,0,0,0)); transition: all 1s; } #nav li a:hover:before { left: 20%; right: 20%; transition: left 0.2s, right 0.2s; } #nav li a.active { color: #F7D75C; transition: color 0s; } #nav li ul { position: absolute; left: -9999em; display: block; width: 300px; z-index: 20000; } #nav li:hover ul { left: auto; } #nav li li ul { position: relative; } #nav li li { float: none; width: 100%; border: 0; display: block; margin: 0px auto 0px -111px; } #nav li li a { display: block; text-align: center; background: #06C; color: #FFF; padding: 0; } #nav li li a:hover { background: #024; color: #FFF; } #nav li li li a { text-indent: 40px; } #nav ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #gawwide { background: linear-gradient(0deg, rgba(0,30,80,0.5), rgba(0, 30, 100, 0.5), rgba(0,30,80,0.5)); color: #FFF; } #gaw { padding: 50px 0 0 0; } #gaw h2 { margin: 0; padding: 0; } #gaw p { padding: 0; } #gawicon { font-size: 72px; float: left; } #gawtext { margin-left: 110px; } /* Testimonials */ #testimonialsheader { background: #cb6; color: #FFF; border-top: 10px solid #FFF; } #testimonialsheader p { padding: 10px 40px; font-size: 24px; font-weight: 700; font-family: 'Roboto Condensed', Helvetica, sans-serif;} p.quotesource { text-align: right; font-weight: 700; } #testimonials { background: #ace; color: #000; padding: 20px 0; height: 320px; } #testimonials p { padding: 5px 40px; font-size: 18px; font-family: 'Roboto Condensed', Helvetica, sans-serif; line-height: 140%; } #testimonials p:before { content: '\e822'; font-family: fontello; font-size: 24px; padding: 0 10px 10px 0; color: #36A; } #testimonials p:after { content: '\e823'; font-family: fontello; font-size: 24px; padding: 10px 0 0 10px; color: #36A; } #testimonials .quoteauthor { font-size: 15px; padding: 20px 40px; } .testimonials { background: #EEE; } /* Sequence */ .sequence { font-size: 24px; position: relative; width: 100%; overflow: hidden; } .sequence ul { list-style: none; margin: 0; padding: 0; } #sizer { z-index: -1; float: left; background: #FFF; width: 100%; } #sizer img { width: 100%; display: block; opacity: 0; } .sequence > .sequence-canvas li > * { position: absolute; z-index: 20; height: 100%; } .sequence > .sequence-canvas { height: 100%; width: 100%; } /* required */ .sequence > .sequence-canvas > li { position: absolute; width: 100%; height: 100%; z-index: 1; } /* required */ .slideimage { width: 100%; height: 100%; } .slideimage img { width: 100%; } .slide { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; width: 100%; height: 100%; } .slide .slidecaption { z-index: 30; position: absolute; } .slideimage { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .slidecaption { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; padding: 10px 20px; } .slidecaption p { font-size: 16px; margin: 0; padding: 0; } .slidecaption h3 { font-size: 40px; padding: 10px 20px; margin: 0; background: rgba(0,0,0,0.6); color: #FFF; font-family: 'Roboto Condensed', sans-serif; width: 450px; } .slidecaption h6 { font-size: 24px; padding: 0; margin: 0; } .slidecaption a { display: inline-block; padding: 10px 21px 12px 20px; background: rgba(0, 50, 140, 0.9) none repeat scroll 0% 0%; color: #FFF; font-size: 20px; margin: 10px 0px 0px; font-family: "Roboto Condensed",sans-serif; box-shadow: -2px -2px rgba(34, 34, 34, 0.45) inset; } .slidecaption a:hover { background: #1665DD; color: #FFF; } .animate-in .slidecaption h3 { animation-duration: 1s; animation-fill-mode: forwards; animation-name: slideInLeft; -webkit-animation-name: slideInLeft; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards;} .animate-in .slidecaption a { animation-duration: 1s; animation-fill-mode: forwards; animation-name: slideInRight; -webkit-animation-name: slideInRight; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards;} .slideimage { opacity: 0; } .animate-in .slideimage{ opacity: 1; } .slide { position: absolute; height: 100%; opacity: 0; top: 0; left: 0; } .animate-in .slide { opacity: 1; } .slide .slidecaption { opacity: 0; } .animate-in .slide .slidecaption { opacity: 1; } .slidecaption { bottom: 100px; right: 10px; text-align: right; } a.sequence-prev { position: absolute; z-index: 2000; top: 45%; left: 0; font-size: 48px; font-weight: 700; color: #FFF; background: url(../images/black50.png); border-radius: 0 5px 5px 0; } a.sequence-next { position: absolute; z-index: 2000; top: 45%; right: 0; font-size: 48px; font-weight: 700; color: #FFF; background: url(../images/black50.png); border-radius: 5px 0 0 5px; } a.sequence-prev:hover, a.sequence-next:hover { background: #000; } .sequence a.sequence-next, .sequence a.sequence-prev { display: none !important; } .sequence:hover a.sequence-next, .sequence:hover a.sequence-prev { display: block !important; } .sequence-pagination { position: absolute; z-index: 1000; bottom: 0; width: 100%; display: table; } .sequence-pagination li { float: none; padding: 10px 31px; background: rgba(0, 0, 0, 0.5); color: #FFF; margin: 0 2px 0 0; font-size: 24px; cursor: pointer; display: table-cell; border-right: 1px solid rgba(255, 255, 255, 0.4); text-align: center; } .sequence-pagination li a { color: #FFF; } .sequence-pagination li:hover { background: #37F; } .sequence-pagination li.current { background: #cb6; color: #420; } .sequence-pagination li.current a { color: #420; } .sequence-pagination li.current a:hover { color: #FFF; transition: all 0.1s ease-in-out 0s; } /* Social */ #social { margin: 0; } #social ul { list-style: none; padding: 0; margin: 0; height: 52px; } #social li { float: right; width: 52px; height: 52px; overflow: hidden; margin: 0 10px 10px 0; } #social li a { display: block; width: 52px; height: 52px; background: url(../images/social.png); padding: 100px 10px 0 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } #social li a#facebook:hover { background-position: 0 -100px; } #social li a#linkedin { background-position: -100px 0px; } #social li a#linkedin:hover { background-position: -100px -100px; } #social li a#twitter { background-position: -200px 0px; } #social li a#twitter:hover { background-position: -200px -100px; } #social li a#youtube { background-position: -300px 0px; } #social li a#youtube:hover { background-position: -300px -100px; } /* Newsformatter */ #listing { padding: 0 0 20px 0; } #listing ul { padding: 0; margin: 0; list-style: none; } #listing li { padding: 3px 0; } .newsindexheading { font-weight: 700; font-size: 25px; font-family: Calibri,Helvetica,sans-serif,sans-serif; color: #776300; font-family: "Roboto Condensed",calibri,helvetica,sans-serif; } #listing li a { color: #1F2A7D; line-height: 1.7; } #listing li a:hover { color: #7585FB; } #listing li a.active { font-weight: 700; color: #000; } /* jsticker_scroll and jsticker_scroll_vertical */ #tickerwide { padding: 0px 0; background: #cb6; } #ticker { } .scrollingtext { position: absolute; } #jsticker_scroll { position: relative; height: 40px; width: 100%; display: block; overflow: hidden; margin: 0 auto; } #jsticker_scroll div { display: inline-block; margin: 0; } #jsticker_scroll a { color: #530; display: block; padding: 12px 20px 0 20px; font: 12px verdana, helvetica, sans-serif; } #jsticker_scroll a:hover { color: #000; } #jsticker_scroll .scrollingtext { white-space: nowrap; } /* eWombat and ASX search */ #asxlookup_holder td, #ewombat_holder td {margin: 0; padding: 0; } #asxlookup_holder p, #ewombat_holder p { font-size: 14px; padding: 2px 0; margin: 0; } #asxlookup_holder h4, #ewombat_holder h4 { padding: 10px 0 2px 0; margin: 0; } #asxlookup_holder table, #ewombat_holder table {margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 100%; } #asxlookup_holder, #ewombat_holder { width: 100%; overflow: hidden; position: relative; margin: 0 0 10px 0; font-size: 12px; } #asxlookup_input, #ewombat_input { -moz-appearance: none; -webkit-appearance: none; background: #EEE; font: 700 15px arial; line-height: 40px; height: 40px; text-indent: 10px; color: #666; border: 0; margin: 0 50px 0 0; float: left; border-radius: 5px; width: 100%; padding: 0; outline: 0 !important; } #asxlookup_input.focused, #ewombat_input.focused { color: #000; background: #EEE; } #asxlookup_title, #ewombat_title { display: none; } #asxlookup_button, #ewombat_button { background: #05A; -moz-appearance: none; -webkit-appearance: none; border: 0; width: 50px; height: 40px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; border-radius: 0 4px 4px 0; font: 32px fontello; color: #FFF; } #asxlookup_button:hover, #ewombat_button:hover { background-color: #09F; } /* messages */ #message_box { background: #080; padding: 10px 20px; color: #FFF; font: 18px arial, helvetica, sans-serif; border: 2px solid #050; border-radius: 4px; margin: 10px 0; } #error_message_box { background: #800; padding: 10px 20px; color: #FFF; font: 18px arial, helvetica, sans-serif; border: 2px solid #400; border-radius: 4px; margin: 10px 0; } /* flowplayer validator css */ .error { margin: 0 0 0 3px; height: 15px; background-color: #FF0; color: #000; font-size:11px; padding: 4px 10px; display:none; box-shadow: 0 0 4px #F90; -moz-box-shadow: 0 0 4px #F90; -webkit-box-shadow: 0 0 4px #F90; border-radius: 2px; -webkit-border-radius: 2px; } .error p { margin:0; font: 11px tahoma; padding: 0; } /* Contact Form and Contact Details */ #contact-side { float: right; padding-left: 128px; } #contact-side h5 { color: #776300; } .formtable { border-collapse: collapse; margin-bottom: 20px; } .formtable td { padding: 0 20px 6px 0; font-size: 12px; } .formtable h2, .formtable h3 { margin: 0; padding: 0; } .formtable input.t, .formtable textarea.t { font-size: 16px; width: 300px; } input.invalid { background: #FCC; } label, legend { display: block; font-size: 18px; font-weight: normal; margin-bottom: 7px; } input.text { width: 100%; } textarea.text { width: 100%; } .button { color: #FFF; border: 0px none; background: #05A none repeat scroll 0% 0%; padding: 10px 90px; border-radius: 2px; box-shadow: 0px -2px rgba(34, 34, 33, 0.35) inset; font: 18px "Roboto Condensed",helvetica,sans-serif; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; margin-top: 1em; } .button:hover { background: #086ED4; } .button-contact { color: #FFF; border: 0px none; background: #05A none repeat scroll 0% 0%; padding: 10px 76px; border-radius: 2px; box-shadow: 0px -2px rgba(34, 34, 33, 0.35) inset; font: 18px "Roboto Condensed",helvetica,sans-serif; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; margin-top: 1em; width: 100%; } .button-contact:hover { background: #086ED4; } #contact-info ul { list-style: none; padding: 0; } #contact-info li { line-height: 2.85; } #contact-info strong { padding-right: 10px; } #contact-info i { padding-right: 0.3em; } /* Our Team */ .our-team-specific img { margin-top: 15px; } /* Slicknav */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 5px; line-height: 1.125em; cursor: pointer; font-size: 30px; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block; font-size: 30px; -webkit-border-radius: 6px; border-radius: 6px; } .slicknav_nav .slicknav_item a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_menu { font-size:14pt; } .slicknav_btn { margin: 0; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; border-radius: 4px; background-color: #002144; } .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: 700; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background: #002144; padding:5px; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_item { padding:5px 10px; margin:2px 5px; -webkit-border-radius: 6px; border-radius: 6px; } .slicknav_nav a { padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff; } .slicknav_nav .slicknav_item a { padding:0; margin:0; } .slicknav_nav .slicknav_item a:hover { color: #FFF; } .slicknav_nav .slicknav_item:hover { color: #FFF; } .slicknav_nav a:hover { background: #aba; color:#000; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } @media only screen and (max-width: 4000px) { .slidecaption h3 { font-size: 72px; } .slidecaption a { font-size: 40px; } } @media only screen and (max-width: 1980px) { .slidecaption h3 { font-size: 44px; } .slidecaption a { font-size: 24px; } } @media only screen and (max-width: 1400px) { #wrapper { margin: 0 auto; border-radius: 0; } .maxwidthlimited { max-width: 1200px; margin: 0 auto; } .maxwidthlimited .maxwidthlimited { max-width: 900px; margin: 0 auto; } .slidecaption h3 { font-size: 24px; } .slidecaption h6 { font-size: 18px; } .slidecaption a { font-size: 14px; } #caption { font-size: 24px; font-weight: 700; } .sequence-pagination li { font-size: 16px; } #nav li { padding: 0px 9px; } #nav li li { float: left; width: 200px; border: 0px none; display: block; margin: 0px auto 0px -61px; } #logowrapper { padding: 0; } .one-half { padding-right: 30px; } } @media only screen and (max-width: 1300px) { #phonenumber { font-size: 21px; } #socialicons i { font-size: 29px; } } @media only screen and (max-width: 1200px) { .padright30 { padding: 0; } #logo { max-width: 150px; padding: 10px; } #header-spacer { height: 120px; } #logotext { font-size: 15px; } #slogan h2, .sticky #slogan h2 { font-size: 13px; } #nav ul { margin: 0px 0px 0px -22px; width: 110%; } #nav li a { font-size: 16px; } #nav li li { margin: 0px auto 0px -42px; } } @media only screen and (max-width: 1000px) { .sequence-pagination li { font-size: 12px; padding: 10px; } .one-half { width: 100%; float: none; } .one-third { width: 100%; float: none; } .one-fourth { width: 100%; float: none; } .three-fourth { width: 100%; float: none; } .two-third { width: 100%; float: none; } .pad1 { padding: 0; } .padwhencollapsed { padding: 20px 40px; } #floating { display: none; } #advisers img { display: inline-block; width: 22%; float: none; } #content { padding: 20px 40px; } #primary { padding: 0; } #sftpad { border-radius: 0; } #vault { padding: 0 0 10px; } #vault a { border-radius: 0; } #sidebar { padding: 0; } #contact-side { float: left; padding-left: 40px; } #phonenumber { font-size: 16px; } #socialicons i { font-size: 16px; } #phonenumber::before { display: none; } #nav ul { width: 121%; margin: 0px 0px 0px -27px; } #nav li { padding: 0px 8px; } } @media only screen and (max-width: 900px) { #navwide { display: none; } #mobilenav { display: block; position: fixed; width: 100%; } #header-spacer { height: 56px; } #logo { max-width: 100px; position: absolute; top: -2px; padding: 5px; right: 1px; margin: 3px 0; } } @media only screen and (max-width: 858px) { .slidecaption h3 { font-size: 20px; } .slidecaption h6 { font-size: 14px; } .slidecaption a {font-size: 14px; } #tiles h2 { font-size: 18px; } #contactdetails { font-size: 16px; } .shape { display: none; } .our-process .service-accordion .accordion a::after { right: 10px; top: 37px; } .our-process .service-accordion .accordion a { line-height: 1.5; } } @media only screen and (max-width: 640px) { #header { padding: 50px 0 0 0; } #nav { display: none; } #tileswide { display: none; } #slideshowwide { display: none; } #header-spacer { padding: 50px 0 0 0; } .one-fourth-nocollapse { width: 50%; float: left; } .one-fifth-nocollapse { width: 50%; float: left; } #tiles h2 { font-size: 13px; font-weight: normal; } #socialicons i { font-size: 24px; } #contact-info li { line-height: 2; } .one-half { padding-right: 10px; } } @media only screen and (max-width: 480px) { #content { padding: 20px; } .tiletab { padding: 20px; } #sequence { display: none; } #tiles h2 { display: none; } .tiletab h2 { font-size: 18px; padding: 0; } .tiletab { font-size: 14px; } #contactus a { float: none; border-radius: 0; max-width: none; } .padded { padding: 20px; } .one-third-nocollapse { width: 100%; float: none; } .two-third-nocollapse { width: 100%; float: none; } #contactdetails { text-align: center; float: none; } #phonenumber:before { font-size: 16px; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 22px; } h6 { font-size: 16px; } #contact-side { float: left; padding-left: 20px; } } /* Accordion ======================================================== */ .service-accordion .accordion { max-width: 90%; border-top: 1px solid #d9e5e8; list-style-type: none; margin: 0; padding: 0 !important; } .service-accordion .accordion li { border-bottom: 1px solid #d9e5e8; position: relative; } .service-accordion .accordion li p { display: none; padding: 10px 25px 10px; } .service-accordion .accordion a { width: 100%; display: block; cursor: pointer; font-weight: 600; line-height: 3; font-size: 0.875rem; user-select: none; font-size: 22px; } .service-accordion .accordion a:after { width: 8px; height: 8px; border-right: 1px solid #0E1458; border-bottom: 1px solid #0E1458; position: absolute; right: 10px; content: " "; top: 37px; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .service-accordion .accordion p { padding: 10px; } .service-accordion a.active:after { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* * Remodal - v1.0.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ .container .options { padding-top: 2px; } .options-images img { box-shadow: 3px 3px 4px rgba(34, 34, 34, 0.45); margin-top: 4px; } .options-images a { color: #FFF; } .options-images a:hover { color: #F7D75C; } .options-images h4 { background: rgba(17, 17, 17, 0.85) none repeat scroll 0% 0%; } .options-thumbnail h4 { position: absolute; width: 300px; margin-top: -68px; height: 63px; padding: 10px 14px; } img.team { margin-top: 46px; } .scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: #777777; color: #eeeeee; width: 48px; height: 48px; line-height: 44px; right: 30px; bottom: 30px; padding-top: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size: 33px; box-shadow: 0px -2px rgba(17, 17, 17, 0.3) inset; } .scroll-top-wrapper:hover { background-color: #CBA100; } .scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 0.9; } .scroll-top-wrapper i.fa { line-height: inherit; } /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper p { text-align: left; } .remodal-wrapper h3 { text-align: left; } .remodal-wrapper img { margin-right: 30px; margin-top: 18px; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.0.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation: remodal-overlay-opening-keyframes 0.3s; animation: remodal-overlay-opening-keyframes 0.3s; } .remodal-overlay.remodal-is-closing { -webkit-animation: remodal-overlay-closing-keyframes 0.3s; animation: remodal-overlay-closing-keyframes 0.3s; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation: remodal-opening-keyframes 0.3s; animation: remodal-opening-keyframes 0.3s; } .remodal.remodal-is-closing { -webkit-animation: remodal-closing-keyframes 0.3s; animation: remodal-closing-keyframes 0.3s; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 34px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 1000px; } } @media only screen and (min-width: 1201px) and (max-width: 1400px) { .options-thumbnail h4 { width: 267px; } } @media only screen and (min-width: 1000px) and (max-width: 1200px) { .options-thumbnail h4 { width: 22.2%; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }