/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */
   
   @import url("https://fonts.googleapis.com/css?family=Lato");
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, figcaption, figure,
   footer, header, hgroup, menu, nav, section, summary,
   time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline; }
   
   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure,
   footer, header, hgroup, menu, nav, section {
     display: block; }
   
   body {
     line-height: 1; }
   
   ol, ul {
     list-style: none; }
   
   blockquote, q {
     quotes: none; }
   
   blockquote:before, blockquote:after,
   q:before, q:after {
     content: '';
     content: none; }
   
   /* remember to define visible focus styles! 
      :focus {
        outline: ?????;
      } */
   /* remember to highlight inserts somehow! */
   ins {
     text-decoration: none; }
   
   del {
     text-decoration: line-through; }
   
   table {
     border-collapse: collapse;
     border-spacing: 0; }
   
   .padd-lg {
     padding-top: 90px;
     padding-bottom: 90px; }
   
   .padd-md {
     padding-top: 40px;
     padding-bottom: 40px; }
   
   .padd-sm {
     padding-top: 20px;
     padding-bottom: 20px; }
   
   .padd-top-lg {
     padding-top: 90px; }
   
   .padd-bot-lg {
     padding-bottom: 90px; }
   
   @media screen and (max-width: 900px) {
     .padd-top-lg {
       padding-top: 40px; }
     .padd-bot-lg {
       padding-bottom: 40px; } }
   
   @font-face {
     font-family: 'Butler';
     src: url("/dist/fonts/Butler_Webfont/butler_regular-webfont.woff2") format("woff2"), url("/dist/fonts/Butler_Webfont/butler_regular-webfont.woff") format("woff");
     font-weight: normal;
     font-style: normal; }
   
   h1, h2, h3, h4 {
     line-height: 1.2;
     font-family: "Butler", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue","Microsoft Yahei", sans-serif;
     margin-bottom: 25px;
     overflow: hidden;
     color: #362b1e;
     text-transform: capitalize; }
   
   p, a, span, li, ul, button {
     font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif; }
   
   h1 {
     font-size: 3.125rem;
     overflow: hidden; }
   
   h2 {
     font-size: 2.25rem; }
   
   h3 {
     font-size: 2rem; }
   
   h4 {
     font-size: 1.6rem; }
   
   p {
     font-size: 1.3125rem;
     line-height: 1.7;
     color: #525564; }
   
   li {
     font-size: 1.3125rem;
     line-height: 1.38;
     color: #525564; }
   
   .text-gold {
     color: #be9670; }
   
   @media screen and (max-width: 900px) {
     h1 {
       font-size: 2.4rem; }
     h2 {
       font-size: 2rem; }
     h3 {
       font-size: 1.6rem; }
     h4 {
       font-size: 1.3rem; }
     p, li {
       font-size: 1.2rem; } }
   
   .white-space {
     background-color: white;
     min-height: 250px;
     padding: 50px; }
   
   @media screen and (max-width: 767px) {
     .white-space {
       margin-left: 50px;
       min-width: 60vw; } }
   
   .no-y {
     overflow-y: hidden; }
   
   @media screen and (min-width: 1001px) {
     .desktop-hidden {
       display: none; } }
   
   @media screen and (max-width: 1000px) {
     .tablet-hidden {
       display: none; } }
   
   @media screen and (max-width: 767px) {
     .mobile-hidden {
       display: none; } }
   
   .nav-link {
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 600;
     color: #be9670; }
     .nav-link:hover {
       color: #a58560;
       transition: all 0.2s ease-in-out 0s; }
   
   /* The container <div> - needed to position the dropdown content */
   .dropdown {
     position: relative;
     display: inline-block;
     color: #be9670; }
     .dropdown i {
       font-size: 1.3rem; }
   
   /* Dropdown Content (Hidden by Default) */
   .dropdown-content {
     display: none;
     position: fixed;
     right: 0px;
     margin-top: 4px;
     background-color: #fff;
     min-width: 150px;
     z-index: 3000; }
   
   /* Links inside the dropdown */
   .dropdown-content a {
     color: #be9670;
     padding: 15px 16px;
     text-decoration: none;
     text-align: center;
     display: block;
     font-size: 14px;
     text-transform: capitalize;
     font-weight: 600; }
   
   /* Change color of dropdown links on hover */
   .dropdown-content a:hover {
     font-weight: 600;
     transition: .2s ease-in-out;
     cursor: pointer; }
   
   /* Show the dropdown menu on hover */
   .dropdown:hover .dropdown-content {
     display: block;
     transition: .2s ease-in-out; }
   
   /* Change the background color of the dropdown button when the dropdown content is shown */
   .dropdown:hover .dropbtn i {
     color: #a58560;
     font-weight: 600;
     cursor: pointer; }
   
   .navbar-brand {
     margin-left: 25px;
     width: 250px;
     height: auto; }
   
   @media screen and (max-width: 900px) {
     .navbar-brand {
       margin: auto;
       margin: 15px;
       width: 250px; } }
   
   @media screen and (max-width: 700px) {
     .navbar-brand {
       margin: auto;
       margin: 15px;
       width: 250px; } }
   
   .mobile-nav {
     margin: auto auto;
     padding: 10vh 15px;
     display: block;
     position: absolute;
     width: 100vw;
     height: 100vh;
     background: white;
     z-index: 100; }
     .mobile-nav ul a {
       font-size: 25px;
       padding: 15px;
       color: #B39879;
       font-weight: 400;
       text-align: center;
       text-transform: uppercase; }
   
   .navbar {
     padding: 1rem 1rem; }
   
   .nav--all {
     background-color: white; }
   
   .mobile-main-nav {
     padding-top: 15px;
     display: flex;
     background-color: white; }
     .mobile-main-nav i {
       font-size: 25px;
       color: #B39879;
       margin: 0px 25px 0px 0px; }
   
   .nav-item {
     position: relative;
     margin: 18px 10px 10px 30vw; }
     .nav-item img {
       width: 28px; }
   
   .nav-icon {
     justify-content: flex-end;
     width: 40px;
     height: 40px;
     position: relative;
     margin: 25px 20px 15px 5px;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer; }
     .nav-icon span {
       display: block;
       position: absolute;
       height: 3px;
       width: 100%;
       background: #B39879;
       border-radius: 9px;
       opacity: 1;
       left: 0;
       -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
       transform: rotate(0deg);
       -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
       transition: .25s ease-in-out; }
       .nav-icon span:nth-child(n+1) {
         top: 0px; }
       .nav-icon span:nth-child(n+2) {
         top: 10px; }
       .nav-icon span:nth-child(n+3) {
         top: 20px; }
   
   .active span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%; }
   
   .active span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 9.5px; }
   
   .active span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 9.5px; }
   
   @media screen and (max-width: 1000px) {
     .nav-item {
       position: relative;
       margin: 25px 10px 10px 55vw; }
       .nav-item img {
         width: 28px; } }
   
   @media screen and (max-width: 800px) {
     .nav-item {
       position: relative;
       margin: 25px 10px 10px 60vw; }
       .nav-item img {
         width: 28px; } }
   
   @media screen and (max-width: 700px) {
     .nav-item {
       position: relative;
       margin: 25px 10px 10px 45vw; }
       .nav-item img {
         width: 28px; } }
   
   @media screen and (max-width: 400px) {
     .nav-item {
       position: relative;
       margin: 25px 10px 10px 20vw; }
       .nav-item img {
         width: 28px; } }
   
   .button {
     flex: 1 1 auto;
     margin: 10px;
     padding: 18px 30px;
     border: 2px solid #be9670;
     text-align: center;
     text-transform: uppercase;
     position: relative;
     overflow: hidden;
     transition: .3s;
     cursor: pointer;
     background: transparent;
     color: #be9670; }
     .button:hover {
       color: white;
       background: #be9670; }
   
   .cta-button {
     font-size: 21px;
     width: 100%;
     max-width: 17.6875rem; }
   
   .redirect-button {
     background: #be9670;
     color: white; }
     .redirect-button:hover {
       background: transparent;
       color: #be9670; }
   
   @media screen and (max-width: 900px) {
     .cta-button {
       font-size: 1.2rem;
       max-width: 15.6875rem; } }
   
   @media screen and (max-width: 767px) {
     .cta-button {
       font-size: 12px;
       max-width: 12.6875rem; } }
   
   footer {
     background: #26272E;
     padding: 0px 90px 10px 90px;
     color: white; }
     footer p {
       font-size: 14px;
       font-weight: 400; }
     footer .footer-nav-list li {
       margin-bottom: 5px; }
   
   .up-navbar {
     padding-bottom: 50px; }
     .up-navbar a {
       letter-spacing: 0px !important; }
     .up-navbar .logo {
       width: 200px;
       height: auto;
       margin-bottom: 20px; }
   
   .bot-navbar {
     border-top: 0.8px solid #6d7084;
     padding: 10px 0 10px 0; }
   
   .bot-nav li {
     display: inline;
     padding-right: 20px; }
   
   .bot-nav a, .bot-nav span {
     letter-spacing: 0px; }
   
   .bot-nav span {
     font-weight: 600; }
   
   .text-muted {
     font-size: 1rem;
     color: #be9670 !important; }
   
   .text-grey {
     color: #6d7084; }
   
   @media screen and (max-width: 900px) {
     .bot-nav {
       margin: 0px; } }
   
   @media screen and (max-width: 700px) {
     footer {
       padding: 40px 15px 10px 25px; }
     .footer-nav-list {
       margin-top: 20px; }
       .footer-nav-list li {
         margin-top: 10px; }
         .footer-nav-list li a {
           font-size: 1rem; }
     .float-left, .float-right {
       float: none !important; }
     .bot-navbar {
       text-align: center; } }
   
   .jumbo__bk {
     background: linear-gradient(to top, rgba(20, 106, 158, 0), rgba(20, 106, 158, 0)) 0% 0%/cover, url("/dist/images/jumbo-1.jpg") center center no-repeat;
     background-size: cover;
     min-height: 512px;
     height: 80vh;
     border-radius: 0px;
     background-position: 100% 2%; }
   
   .jumbo__content {
     background-color: white;
     height: 40vh;
     min-height: 300px;
     width: 600px;
     margin-left: 16.7vw;
     /* margin-top: 150px; */
     margin-top: calc(-50vh);
     padding: 70px; }
     .jumbo__content h1 {
       font-size: 60px;
       text-transform: capitalize; }
     .jumbo__content p {
       color: #525564; }
   
   @media screen and (max-width: 1200px) {
     .jumbo__content {
       height: 50vh;
       min-height: 300px; } }
   
   @media screen and (max-width: 900px) {
     .jumbo__content {
       height: 40vh;
       margin-left: 0; }
       .jumbo__content h1 {
         font-size: 3.0rem; } }
   
   @media screen and (max-width: 700px) {
     .bk {
       width: 100vw; }
     .jumbo__content {
       height: auto;
       min-width: 60vw;
       margin-left: 10vw;
       margin-top: calc(-30vh); } }
   
   .cta {
     margin-top: 90px;
     padding-left: 90px;
     padding-right: 90px;
     background: #e2e2e7; }
   
   .text-center {
     text-align: center;
     margin-top: 50px; }
   
   @media screen and (max-width: 700px) {
     .cta {
       padding-left: 50px;
       padding-right: 50px; } }
   
   .service-index {
     margin-top: -150px; }
     .service-index .white-space {
       background-color: white;
       min-height: 250px;
       width: 600px;
       padding: 50px;
       margin-top: 250px; }
     .service-index .link {
       color: #B39879;
       font-size: 1rem;
       float: right; }
   
   .bk {
     background: url("/dist/images/sydney.jpg") center center no-repeat;
     background-size: cover;
     height: 600px;
     min-width: 200px;
     z-index: -1; }
   
   li {
     margin-bottom: 15px; }
   
   a {
     color: #B39879;
     background-color: transparent; }
     a:hover {
       color: #68533b; }
   
   p {
     line-height: 1.9; }
   
   @media screen and (max-width: 767px) {
     .service-index .white-space {
       margin-top: 90px; }
     .bk {
       height: 400px; }
     .service-item--mobile {
       display: block; } }
   
   .service-item {
     overflow: hidden; }
     .service-item--mobile {
       display: none; }
     .service-item--overlay {
       background: linear-gradient(to top, rgba(38, 39, 45, 0.6), rgba(38, 39, 45, 0.2)) 0% 0%;
       position: absolute;
       height: 100%;
       width: auto;
       left: 0px;
       top: 0;
       bottom: 0;
       right: 0;
       opacity: 1;
       -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
       transition: all 0.4s ease-in-out 0s;
       z-index: 2;
       margin: 15px 15px 0px 15px; }
     .service-item--detail {
       position: absolute;
       text-align: center;
       padding-left: 1em;
       padding-right: 1em;
       width: 100%;
       top: 90%;
       left: 50%;
       opacity: 1;
       -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
       transition: all 0.3s ease-in-out 0s;
       z-index: 4; }
     .service-item img {
       width: 100%;
       transition: all 400ms ease-out;
       margin-top: 15px; }
     .service-item:hover .service-item--overlay {
       opacity: 1; }
     .service-item:hover .service-item--detail {
       top: 85%;
       left: 50%;
       opacity: 1; }
   
   @media screen and (max-width: 900px) {
     .service-item--mobile {
       display: block;
       margin: 15px 0px 0px 0px; }
     .service-item .service-item--overlay {
       opacity: 0; }
     .service-item .service-item--detail {
       opacity: 0; }
     .service-item:hover .service-item--overlay {
       opacity: 0; }
     .service-item:hover .service-item--detail {
       top: 75%;
       left: 40%;
       opacity: 0; } }
   
   .left-image-layout .bk {
     background: url("/dist/images/jumbo-2.jpg") center center no-repeat;
     background-size: cover;
     min-height: 450px;
     width: 200px;
     max-height: 450px;
     z-index: -1; }
   
   .left-image-layout .white-space {
     background-color: white;
     min-width: 600px;
     padding: 50px;
     margin-left: -200px;
     margin-top: 200px; }
     .left-image-layout .white-space .button {
       margin-top: 30px;
       margin-left: 0px;
       float: right; }
   
   @media screen and (max-width: 900px) {
     .left-image-layout .white-space {
       margin-top: -200px;
       margin-left: 30vw;
       width: auto;
       min-width: 75vw; } }
   
   @media screen and (max-width: 700px) {
     .left-image-layout .bk {
       width: 100vw; }
     .left-image-layout .white-space {
       margin-top: -200px;
       margin-left: 50px;
       min-width: 100vw; } }
   
   .right-image-layout .bk {
     background: url("https://images.unsplash.com/photo-1486983493968-6550b6afbe96?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=0c8182e61caf7c6d7735304b469c0e16&auto=format&fit=crop&w=944&q=80") center center no-repeat;
     background-size: cover;
     min-height: 450px;
     width: 200px;
     z-index: -1; }
   
   .right-image-layout .white-space {
     background-color: white;
     min-width: 600px;
     padding: 50px;
     margin-top: -200px;
     margin-left: 240px; }
     .right-image-layout .white-space .button {
       margin-top: 30px;
       margin-left: 0px;
       float: right; }
   
   @media screen and (max-width: 900px) {
     .right-image-layout .white-space {
       min-width: 75vw; } }
   
   @media screen and (max-width: 700px) {
     .right-image-layout .bk {
       width: 100vw; }
     .right-image-layout .white-space {
       margin-top: -200px;
       margin-left: 50px; } }
   
   .services .slide-fade-enter-active {
     transition: all .3s ease; }
   
   .services .slide-fade-leave-active {
     transition: all .8s ease-out; }
   
   .services .slide-fade-enter,
   .services .slide-fade-leave-to {
     transform: translateY(30px);
     opacity: 0; }
   
   .services .col-lg-4,
   .services .col-lg-7 {
     padding-right: 0px;
     padding-left: 0px; }
   
   .services .menu--right {
     background-color: #E2E2E7;
     padding: 50px 90px; }
     .services .menu--right .menu-icon {
       display: none; }
     .services .menu--right li {
       line-height: 1.8; }
       .services .menu--right li a {
         color: #B39879; }
         .services .menu--right li a:hover {
           color: #a58560;
           transition: all 0.2s ease-in-out 0s;
           text-decoration: none; }
   
   .services .menu-icon {
     width: 30px;
     height: 40px;
     position: relative;
     margin: 10px 20px 15px 5px;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer; }
     .services .menu-icon span {
       display: block;
       position: absolute;
       height: 2px;
       width: 100%;
       background: #B39879;
       border-radius: 9px;
       opacity: 1;
       left: 0;
       -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
       transform: rotate(0deg);
       -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
       transition: .25s ease-in-out; }
       .services .menu-icon span:nth-child(n+1) {
         top: 0px; }
       .services .menu-icon span:nth-child(n+2) {
         top: 10px; }
       .services .menu-icon span:nth-child(n+3) {
         top: 20px; }
   
   .services .active span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%; }
   
   .services .active span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 9.5px; }
   
   .services .active span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 9.5px; }
   
   .services .breadcrumb {
     margin-left: 100px;
     margin-top: 100px;
     background-color: transparent; }
     .services .breadcrumb a {
       color: #B39879; }
       .services .breadcrumb a:hover {
         color: #a58560;
         transition: all 0.2s ease-in-out 0s;
         text-decoration: none; }
   
   .services .content {
     margin: 10px 100px; }
   
   @media screen and (max-width: 1000px) {
     .services .breadcrumb {
       margin-top: 60px;
       margin-left: 20px; }
     .services .content {
       margin: 10px 30px; }
     .services .menu--right {
       padding: 50px; } }
   
   @media screen and (max-width: 767px) {
     .services .menu--right .menu-icon {
       display: block; }
     .services .content {
       margin: 10px 30px; }
     .services img {
       padding: 0px; } }
   
   .services .white-space {
     margin-left: 0px; }
   
   .service-container .service-item {
     overflow: hidden; }
     .service-container .service-item--mobile {
       display: none; }
     .service-container .service-item--overlay {
       background: linear-gradient(to top, rgba(38, 39, 45, 0.6), rgba(38, 39, 45, 0.2)) 0% 0%;
       position: absolute;
       height: 100%;
       width: auto;
       left: 0px;
       top: 0;
       bottom: 0;
       right: 0;
       opacity: 1;
       -webkit-transition: all 0.4s ease-in-out 0s;
       -moz-transition: all 0.4s ease-in-out 0s;
       transition: all 0.4s ease-in-out 0s;
       z-index: 2;
       margin: 15px 15px 0px 15px; }
     .service-container .service-item--detail {
       position: absolute;
       text-align: center;
       padding-left: 1em;
       padding-right: 1em;
       width: 100%;
       top: 90%;
       left: 50%;
       opacity: 1;
       -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
       transition: all 0.3s ease-in-out 0s;
       z-index: 4; }
     .service-container .service-item img {
       width: 100%;
       transition: all 400ms ease-out;
       margin-top: 15px; }
     .service-container .service-item:hover .service-item--overlay {
       opacity: 1; }
     .service-container .service-item:hover .service-item--detail {
       top: 85%;
       left: 50%;
       opacity: 1; }
   
   @media screen and (max-width: 900px) {
     .service-container .service-item--mobile {
       display: block;
       margin: 15px 0px 0px 0px; }
     .service-container .service-item .service-item--overlay {
       opacity: 0; }
     .service-container .service-item .service-item--detail {
       opacity: 0; }
     .service-container .service-item:hover .service-item--overlay {
       opacity: 0; }
     .service-container .service-item:hover .service-item--detail {
       top: 75%;
       left: 40%;
       opacity: 0; } }
   
   @media screen and (max-width: 767px) {
     .service-container .service-item--mobile {
       display: block; } }
   
   .detail-locations {
     margin-bottom: 25px; }
     .detail-locations h4 {
       margin-bottom: 10px; }
     .detail-locations a {
       color: #525564; }
     .detail-locations .row {
       margin-left: 0px;
       margin-right: 0px;
       margin-bottom: 45px; }
     .detail-locations img {
       width: 100%; }
     .detail-locations--text {
       padding: 0px 0px; }
     .detail-locations p {
       line-height: 1.9; }
   
   * {
     margin: 0px;
     padding: 0px;
     overflow-x: hidden; }
   
   body {
     background-color: #f2f3f6; }
   
   .before-enter {
     opacity: 0; }
   
   .delay-100 {
     animation-delay: 0.1s; }
   
   .delay-300 {
     animation-delay: 0.3s; }
   
   .white-space {
     background-color: white;
     padding: 50px;
     margin-top: 50px; }