AllegraWealth



















Making the complex simple and the simple compelling.



Allegra Wealth Pty Ltd ('allegra') is a boutique financial planning firm based in Canberra that holds its own Australian Financial Services Licence ('AFSL').














Contact Us



We are always happy to discuss your current situation and 
expectations. If an appointment is then made, the first meeting is at our cost.




Phone


1300 559 211


Address


3/10 Bourke Street
Barton ACT 2600








Afsl no


420 125



























                                
                                    
/*----------Reset Styles--------------------------------------------------------------*/
body, html { margin: 0; padding: 0; outline: none; background: $color4; }
p { padding: 0; margin: 0; }
p:first-child { padding-top: 0 !important; }
h2{ font-size: 2.285714285714286em; }
h3{ font-size: 15px; }
h2,h3,h4,h5 { color: $color0; }
a:hover, a:focus{ outline: none !important; }
a img, img { margin: 0; padding: 0; border: none; outline: none; }
header, nav, aside, section, main, footer { display: block; margin: 0; padding: 0; outline: none; }
p:first-child{ margin-top: 0 !important; }
.m-l-4{ margin-left: -37.5%; }

/* ------ Global List ----------- */
.g-list{ margin: 12px 0; padding-left: 61px;
li{ position: relative; padding-left: 25px;
&:before{ position: absolute; left: 0; top: 50%; margin-top: 1px; display: block; height: 2px; width: 16px; background: $color0; content: ''; }
}
}
blockquote{ color: $color0; }
/**
* @section Browse Happy prompt
*/
.browsehappy{ position: relative; z-index: 1003; margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ------ Custom Font ----------- */
body,.tab-pane h2, .accordion .item > h3, .section-media-2 h3, .case-study h3 { font-family: "HelveticaNeue",Helvetica,Arial,sans-serif, sans-serif; font-weight: normal !important; font-style: normal; }
.links-social .item a, .modal-body .media-body .close { font-family: "helveticaneuebold",Helvetica,Arial,sans-serif, sans-serif; font-weight: normal !important; font-style: normal; }
.logo,h1, h2, h3, h4, .main-nav, .copyright, .navbar-toggle, .tabs a, .tab-content .media-wrap h4, .pagination, .link-more, .share, .section blockquote, .tab-pane .title h2, .modal-body .media-heading h4, .modal-body .media-heading h5 { font-family: 'avant_gar_got_itc_t_otbold', sans-serif; font-weight: normal !important; font-style: normal; }

a[href^="skype"], a[href^="tel"] { cursor: default; }
/* ------ Form Placeholder ----------- */

/* ------ Wrapper ----------- */
.wrapper{ padding-top: 95px; overflow: hidden; }

/* ------ Header ----------- */
.header{ width: 100%; @include transition(0.7s ease-out);
/* ------ Navbar ----------- */
.navbar-brand{ padding-top: 33px; padding-right: 33px; width: 291px;
img[src$="/logo-color.png"],
img[src$="/logo-intro.png"]{ display: none; }
}
.navbar-brand>img{ max-width: 100%; }
}
.bg-color{ background: $color4;
.navbar-brand{ display: block;
img{ display: none; }
img[src$="/logo.png"]{ display: block; }
}
}
/* ------ Section ----------- */
.section{ position: relative; padding: 100px 0; line-height: 1.43em; letter-spacing: -0.2px;
p{ margin-top: 12px; }
}

/* ------ Container ----------- */
.container{ max-width: 1200px; width: 100%; }

/* ------ Navbar ----------- */
.navbar-toggle .icon-bar{ background: $color1; }

/* ------ Main Nav ----------- */
.intro {
.main-nav { margin-left: -4px; padding-top: 37px; }
}
.main-nav { margin-left: -8px; padding-top: 36px;
> li {
> a, >span{ display: block; position: relative; font-size: 15px; text-transform: uppercase; letter-spacing: 0.7px; @include transition(0.6s ease-out);
&:hover, &:focus{ color: $color2; }
}
&.active{
> a, span{ color: $color2; }
}
}
}

/* ------ Logo ----------- */
.logo-wrap{ text-align: right; }
.logo { display: inline-block; padding-top: 98px; padding-right: 35px; text-align: right; font-size: 48px; letter-spacing: -3.6px; width: 293px;
img{ max-width: 100%; }
i{ display: inline-block; position: relative; font-style: normal;
&:before{ display: block; position: absolute; top: -7px; content:'l'; }
}
span{ color: $color6; }
}

/* ------ Title ----------- */
.title{
h2{ margin: 0; position: relative; z-index: 2; font-size: 2.285714285714286em; letter-spacing: -2px; color: $color0;
span{ margin-bottom: 5px; display: block; font-size: 15px; text-transform: uppercase; color: $color2; letter-spacing: 0.7px; }
}
}

/* ------ Section Intro ----------- */
.section-intro{ padding: 11.5238em 0 11.5238em; background: $color0 url(../img/background/intro.png) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover; height: 960px; }
.intro-wrap{ color: $color1;
h2{ margin: 0 0 46px; color: #fff; letter-spacing: -3px;
span { display: block; }
}
.intro-content{ width: 72%; }
.desctiption{ margin-left: -4px; padding: 0 0 0 2px; width: 78%; line-height: 1.428571428571429em; }
}

/* ------ Section Audience ----------- */
.section-audience{ padding-top: 9.42857em; padding-bottom: 9.476190476190476em; }
.audience{ position: relative;


.bg-select{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/background/bg-select.png); background-position: 45px 0; background-repeat: no-repeat; @include transition (opacity 1s ease-out);

&.left{opacity: 0; z-index: 2; background-image: url(../img/background/bg-select-left.png); }
&.right{ opacity: 0; z-index: 2; background-image: url(../img/background/bg-select-right.png); }
}
}
.audience.left .bg-select.left,
.audience.right .bg-select.right { opacity: 1; }

.audience-select{ padding-top: 8.380952380952381em; padding-bottom: 5.428571428571429em; position: relative; z-index: 3; display: block; text-decoration: none; color: $color2;
.title{ margin-left: 20.75%; }
&.right{
.title{ margin-left: 27%; }
}
&:hover,
&:focus{ text-decoration: none;
h2{ color: $color0; }
&.right{
h2{ color: $color3; }
}
}
h2{ margin: 0; padding: 0 27px 0 18px; color: $color2; @include transition (0.6s ease-out); }
}

/* ------ Section Contact ----------- */
.section-contact{ padding-top: 56px; padding-bottom: 56px; background: $color1;
.inner{ background-color: $color4; }
.content{ overflow: hidden; padding: 52px 64px 52px 8px; line-height: 1.4em; }
.description{ margin-bottom: 32px; }
h2{ margin: 0 0 26px; color: $color0; letter-spacing: -3px; }
h3{ margin: 0 0 7px; font-size: 0.7142857142857143em; text-transform: uppercase; color: $color0; letter-spacing: 0.5px; line-height: 1em; }
.data{ margin-top: 19px; letter-spacing: -0.4px;
&.afsl{ height: 81px; overflow: hidden; }
a{ color: $color2; }
&.tel, &.abn{
a {cursor: default; text-decoration: none;}
}

}
.copyright{padding-top: 42px; font-size: 16px; }
.logo-site{ float: left; width: 12%; padding: 15px 8px 0 0;
a{ position: relative; z-index: 1; display: inline-block; vertical-align: top;
&:hover,&:focus{ text-decoration: none; opacity: .8; }
.icon-logo{ color: $color0; font-size: 26px; }
}

}
&._blog{ padding-top: 120px; padding-bottom: 73px;
.content{ padding: 0 0 0 11px; }
.data{ float: left; width: 28.6%; margin-top: 0;
&.email{ width: 32.5%; }
a, div{ font-size: 15px; line-height: 1.43em;}
}
div:first-child + p{ margin-top: 0; }
}
}
.map{ float: left; width: 38.6%; padding-top: 49.3%; margin-left: -8px; position: relative; overflow: hidden;
#mapCanvas { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
}

/* ------ Arrow Down ----------- */
.arrow-down{ display: block; position: absolute; bottom: 60px; left: 50%; margin-left: -30px; width: 66px; cursor: pointer; text-align: center; font-size: 1.238em; color: $color1;
&.arrow-color1{ color: $color2; }
}
.fp-tableCell{
.intro-wrap{ margin-top: 0; padding-bottom: 0; }
}
.fp-section{ padding-top: 0; padding-bottom: 0;
&.section-intro{

}
}


/* ------ Section Header ----------- */
.section-header{ padding-top: 52px; padding-bottom: 0;

&.left{
.title-wrap{
.title-img{ bottom: 29px; left: -31.9%;
img{ margin-left: 0; }
}
}
}
}

/* ------ Title Wrap ----------- */
.title-wrap{ position: relative; padding-top: 103px; padding-bottom: 101px;
.title-img{ position: absolute; bottom: -39px; left: 77.8%; }
.title{
h2{ padding: 0 0 0 14px; }
}
}

/* ------ Tabs ----------- */
.tabs { position: relative; z-index: 10;
> li{ margin-top: -1px; text-transform: uppercase; z-index: 10; letter-spacing: 0;
> a{ padding: 5px 12px; color: $color1; font-size: 15px; line-height: 1em;
&:hover, &:focus{ color: $color0; }
}
&.active{
a{ color: $color0; }
}
}
}

/* ------ Tab Content ----------- */
.tab-content{ margin: 0 auto; width: 75.676%;
> .tab-pane{ display: block; letter-spacing: -0.2px; border-top: 1px solid $color0;
h2{ margin: 0 0 14px; font-size: 1.57142em; }
p{ margin-top: 12px; line-height: 1.43em; }
.g-list{ padding-left: 0; }
&.col-sm-8{ width: 50.7%; }
&.col-sm-14{ width: 88.2%; }
}
> h4 + .tab-pane{ display: none; }
.collapse.in{ display: block; }
.fade{ opacity: 1; }
.title + p{ margin-top: 0; }
.inner{ overflow: hidden; padding-left: 24px;
.content{ padding-left: 0; }
}
}

/* ------ Media ----------- */
.media{
h3{ margin: 0; font-size: 1.619047619047619em;
span{ color: $color2; }
}
&.left{
overflow: visible;
> .media-left{ padding-top: 170px; width: 31.25%; }
.media-body{ padding-left: 24px; overflow: visible; }
}
}
/* ------ Media Wrap ----------- */
.media-wrap{ margin: 15px -8px 17px;
.item{float: left; width: 50%; padding: 0 8px; }
.media{ display: block; margin: 8px 0; height: 132px; line-height: 132px; overflow: hidden; background-color: $color1;
h4{ font-size: 15px; margin: 0; }
&:hover, &:focus{ text-decoration: none;
.media-left{
img{ opacity: .2; }
}
}
}
.media-left{ padding-right: 0;
span{ width: 132px; height: inherit; display: block; background: $color4; line-height: inherit; background: $color0; }
img{ display: block; width: inherit; height: inherit; text-align: center; }
}
.media-body{ padding-left: 20px; vertical-align: middle; height: inherit; }

&.-type_1{
.media{ margin: 19px 0;}
}
}
/* ------ Section Accordion ----------- */
.section-accordion{ padding-top: 0; padding-bottom: 65px;
.tabs{ margin: -3px 0 0 0; padding: 0;
> li{
> a{ padding-left: 0; color: $color7; }

&.active{
a{ color: $color0; }
}
}

}
.nav-stacked > li + li{ margin-top: -1px; }
.pagination{ margin: 0 0 35px -38px; }
.pagination > li > a,
.pagination > li > span { margin-left: 23px; }

.g-list li{ margin-top: 12px; }

}
.js-sidebar.-fixed_style{ min-height: 284px; }
.js-floating.-fixed_style{ position: fixed; top: 130px; padding: 33px 24px 33px 24px; margin-left: -24px; }

.section blockquote{ text-align: center; padding: 27px 16px 10px; color: $color0; }

/* ------ Section People ----------- */
.section-people{ padding-top: 66px; padding-bottom: 116px;
> .media .media-top{ width: 31.25%; }
.media-body{ padding-left: 24px; }
&.-type_1{ padding-bottom: 18px; }
}

/* ------ Section Media ----------- */
.section-media{ padding-top: 52px; padding-bottom: 113px;
.media{ margin-top: 0; }
}

/* ------ Section Media 2 ----------- */
.section-media-2{ padding-top: 32px; padding-bottom: 102px;
h3{ font-size: 1.571428571428571em; line-height: 1.23em; }
.media-left{
img{ margin: 0 0 0 -75px; display: inline-block; vertical-align: middle; }
}
}

/* ------ Case Study ----------- */
.section-clients{ padding-top: 54px; padding-bottom: 120px; padding-left: 12px;
.media.left .media-body{ padding-left: 17px; }
}

/* ------ Case Study ----------- */

.case-study{ padding: 19px 0 0;
h3{ margin: 0 0 20px; font-size: 1.57142em; }
.item{ display: table; width: 100%; margin: 30px 0 0; height: 132px; padding: 20px 24px; padding-left: 13%; background: $color1; overflow: hidden;
&:hover{ text-decoration: none; }
&:first-child{ margin-top: 0; }
h4{ margin: 0; display: table-cell; vertical-align: middle; width: 100%; font-size: 15px; }
}
h3 + .item{ margin-top: 0; }
}

/* ------ Section FAQ ----------- */
.section-faq{ padding-top: 47px; padding-bottom: 112px;
.media.left .media-body{ padding-left: 20px; }
}

/* ------ Section Category ----------- */
.section-category{padding: 38px 0 109px 13px;
.media.left > .media-body{ padding-left: 18px; }
}

/* ------ Accordion ----------- */
.accordion{
.item{ padding: 10px 10px 10px 5px; overflow: hidden;
> h3{ margin: 0; padding: 0; font-size: 1em;
a{
&:hover,&:focus{ text-decoration: none; }
}
}
.content{ padding: 16px 0 11px 13%; line-height: 1.428571428571429em; overflow: hidden;
p{ line-height: inherit; }
.close{ margin-top: 24px; float: left; letter-spacing: -0.3px; color: $color2 !important; }
}
}
}
/* ------ Section Blog ----------- */
.section-blog{ padding-top: 106px; padding-bottom: 78px;
.blog{ padding-left: 6px; padding-right: 0;
}
}
.blog{
.media{ display: block; height: 132px; overflow: hidden; background: $color1;
&:hover{ text-decoration: none; }
}
.media-left{ padding-right: 0; vertical-align: top;
i{ display: block; height: 132px; width: 132px; line-height: 132px; text-align: center; font-size: 1.904761904761905em; color: $color1; }
}
.media-body{ color: $color2; line-height: 1.43em; vertical-align: middle;
h4{ font-size: 15px; margin: 0; text-transform: uppercase; }
span{ display: block; }
}
.media-left + .media-body{ padding-left: 28px; }
.icon-color2{ background: $color0; }
.link-more{ margin-top: 20px; }
}

.link-more{ margin-top: 23px; float: left; font-size: 15px; text-transform: uppercase; }

.icon-color{ background: $color0; }
.icon-color1{ background: $color3; }
.text-color{
h4{ color: $color0; }
}
.text-color1{
h4{ color: $color3; }
}