/* Importing Fonts */ @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap'); /* Default Page Styles */ body { font-family: 'Lato', sans-serif; } div.offset { padding: 0% 40px; max-width: 1150px; } /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1.75rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #375124; } section.main div.content h2 { margin: 0% 0% 1.0em 0%; font-family: 'Lato', sans-serif; font-size: 1.5rem; line-height: 1.375em; font-weight: 400; text-transform: none; color: #69913D; } section.main div.content h3 { margin: 0% 0% 1.0em 0%; font-family: 'Lato', sans-serif; font-size: 1.375rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #1E1E1E; } section.main div.content h4 { margin: 0% 0% 1.0em 0%; font-family: 'Lato', sans-serif; font-size: 1.125rem; line-height: 1.66em; font-weight: 700; text-transform: none; color: #69913D; } section.main div.content p { margin: 0% 0% 1.875em 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.875em; font-weight: 400; text-transform: none; color: #1E1E1E; } section.main div.content li { margin: 0% 0% 0.938em 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.875em; font-weight: 400; text-transform: none; color: #1E1E1E; } section.main div.content button, section.main div.content .button { padding: 0.5em 1.75em; min-width: 0px; font-size: 1.0em; line-height: 1.5em; color: #FFFFFF; background-color: #B59564; border: 0px; border-radius: 0px; } section.main div.content button:hover, section.main div.content .button:hover { background-color: #8A6C42; text-decoration: none;} /* Header Styles */ header.main-bt1a { color: #183F67; background-color: #FFFFFF; } header.main-bt1a div.offset { padding: 0%; } header.main-bt1a div.header-ribbon { color: #FFFFFF; background-color: #183F67; } header.main-bt1a div.header-contact { padding: 2px 17px 3px 0%; font-size: 1rem; } header.main-bt1a div.header-contact div { display: inline-block; vertical-align: middle; } header.main-bt1a div.header-contact .telephone { margin-right: 20px; font-family: 'Nanum Gothic', sans-serif; font-size: 1rem; line-height: 1.5em; font-weight: 400; } header.main-bt1a div.header-contact .telephone strong { font-weight: 800; } header.main-bt1a div.header-contact .social { margin-top: -1px; } header.main-bt1a div.header-contact .social > a.icon { margin-left: 13px; } header.main-bt1a div.header-contact .social > a.email { margin-top: -1px; font-weight: 700; } header.main-bt1a div.header-contact .social > a.linkedin { margin-top: -4px; margin-left: 16px; } header.main-bt1a div.header-contact .social > a.facebook { margin-top: -8px; margin-left: 11px; } header.main-bt1a div.header-contact .social > a.twitter { margin-top: -6px; } header.main-bt1a div.header-contact .search-open { display: none !important; } header.main-bt1a div.header-logo { height: 115%; top: -23px; left: 16px; } header.main-bt1a div.header-nav { padding-right: 4px; } /* Navigation Styles */ nav.main-bt1a ul li { padding: 2.313rem 0.625rem; } nav.main-bt1a ul li a { padding: 6px 2px; font-size: 1.125rem; line-height: 1.1em; font-weight: 400; position: relative; } nav.main-bt1a ul li a:after { content: ''; width: 20%; height: 2px; bottom: -1px; left: 0px; display: block; position: absolute; background-color: #B59564; opacity: 0; transition: width 0.2s ease, opacity 0.2s ease; } nav.main-bt1a ul li a.current { color: #B59564; } nav.main-bt1a ul li:hover a { background-color: transparent; } nav.main-bt1a ul li:hover a:after { width: 100%; opacity: 1; } nav.main-bt1a ul li .drop { margin: 2.313rem 0% 0% -2.063rem; padding: 15px 24px 19px 30px; background-color: #F0F0EE; } nav.main-bt1a ul li .drop ul li { padding: 0%; font-size: 1.125rem; line-height: 1.7em; text-align: left; } nav.main-bt1a ul li .drop ul li a { padding: 0%; font-size: 1.125rem; line-height: 1.7em; display: inline-block; color: #183F67; transition: all 0.2s ease; } nav.main-bt1a ul li .drop ul li a:after { display: none; } nav.main-bt1a ul li .drop ul li:hover a { padding-left: 11px; color: #B59564; } /* Footer Styles */ footer.main-bt1a { background-color: #FFFFFF; } footer.main-bt1a div.footer-top { padding: 1.188rem 0% 1.375rem 0%; background-color: #F3EFE4; } footer.main-bt1a p, footer.main-bt1a li { margin: 0%; font-size: 0.75rem; line-height: 2em; display: block; color: #3B3B3B; } footer.main-bt1a .footer-heading { margin: 0% 0% 0.5rem 0%; padding: 0.313rem 0%; font-size: 0.875rem; line-height: 1.5em; display: block; color: #3B3B3B; border-bottom: 1px solid #3B3B3B; } footer.main-bt1a .footer-column { padding: 0% 10% 0% 0.875rem; } footer.main-bt1a div.footer-left { width: 50%; } footer.main-bt1a div.footer-right { width: 50%; } footer.main-bt1a div.footer-right > div { width: 100%; } footer.main-bt1a div.footer-right a.icon { margin-left: 13px; font-size: 1rem; } footer.main-bt1a div.footer-right a.email { margin-top: 4px; margin-left: 0px; font-size: 1rem; font-weight: 700; } footer.main-bt1a div.footer-right a.linkedin { margin-top: 1px; margin-left: 16px; font-size: 1rem; } footer.main-bt1a div.footer-right a.facebook { margin-top: -4px; margin-left: 11px; font-size: 1rem; } footer.main-bt1a div.footer-right a.twitter { margin-top: -2px; font-size: 1rem; } footer.main-bt1a div.footer-copyright { padding: 0% 0% 0.5rem 0%; background-color: #F3EFE4; } footer.main-bt1a div.footer-copyright p { margin: 0%; font-size: 0.75rem; line-height: 2em; display: block; color: #3B3B3B; } footer.main-bt1a div.footer-copyright > div.offset { padding-top: 0.438rem; border-top: 1px solid #3B3B3B; } /* Default Template Styles */ section.main div.white { background-color: #FFFFFF; } section.main div.gradient { background-image: linear-gradient(to bottom, #F6F2E7, #FFFFFF); } section.main div.header { background-size: cover; background-position: center; background-repeat: no-repeat; } section.main div.header > div.heading { padding: 0% 40px; height: 330px; display: flex; align-items: center; } section.main div.header > div.heading h1, section.main div.header > div.heading span.heading { color: #183F67; font-size: 1.75rem;} /* Home Template Styles */ section.home div.gradient > div.offset { margin-top: -37px; padding: 37px 35px; z-index: 100; } section.main div.wg-slider .content h2 { margin: 0% 0% 1px 0%; font-family: 'Lato', sans-serif; font-size: 2.75rem; line-height: 1.09em; font-weight: 900; color: #183f67; } section.main div.wg-slider .content h2 span.flat-orange { font-weight: 400; color: #b59564; } .wg-slider .slide-caption.caption-float-box .content { max-width: 600px; } section.main div.wg-slider .slide-caption.caption-float-box { padding: 0% 20%; bottom: 40%; } section.main div.wg-slider .slide-caption.caption-float-box .content { padding: 0%; text-align: left; background-color: transparent; } /* Standard Template Styles */ section.main div.standard { background-color: #FFFFFF; border-top: 11px solid #FFFFFF; } section.main div.full { background-color: #FFFFFF; } section.main div.no-menu > div.content { padding: 54px 42px 54px 37px; background-color: #FFFFFF; } section.main div.split { background-image: linear-gradient(to right, #FFFFFF 50%, #F7F4EF 50%); } section.main div.show-menu { padding: 0%; display: flex; } section.main div.show-menu > div.content { padding: 54px 42px 54px 37px; flex: 1; background-color: #FFFFFF; } section.main div.show-menu > div.content div.contactblock { padding: 27px 50px; background-color: #d8c7ad; } section.main div.show-menu > div.content div.contactblock h2 { margin: 0%; font-size: 1.875rem; line-height: 1.875em; font-weight: 400; color: #3B3B3B; } section.main div.show-menu > div.content div.contactblock a { color: #FFFFFF; } section.main div.show-menu > div.sub-menu { width: 334px; background-color: #F7F4EF; } section.main div.content ul { margin: 0% 0% 2rem 0%; padding: 0 0 0 1em; text-align: left; list-style: none; } section.main div.content li { margin: 0% 0% 0.35rem 0%; padding: 0% 0% 0% 30px; font-size: 1rem; line-height: 1.5rem; font-weight: 400; position: relative; color: #3B3B3B; } section.main div.content li:before { width: 10px; height: 10px; top: 9px; left: 1px; content: ''; display: block; position: absolute; background-color: #69913D; } section.main div.content a { color:#69913D; text-decoration:none; } section.main div.content a:hover { text-decoration:underline; } section.contact .columns { padding: 0%; display: flex; align-items: stretch; } section.contact .columns > .column { padding: 54px 42px 54px 37px; width: 50%; flex: 1; } section.contact div.left { padding-right: 24px; } section.contact div.right { padding-left: 24px; } section.contact div.light-grey { background-color: #F7F4EF; } section.contact div.light-grey > .offset { padding: 0%; } section.contact div.light-grey .column { padding: 54px 42px 54px 37px; } section.contact .form_container { margin: 0% auto; max-width: 680px; text-align: center; } section.contact .form_container textarea { min-height: 8.75em; line-height: 1.5em; } section.contact .form_container .g-recaptcha > div { margin: 0% auto; } section.home .form_container { margin: 0% auto; max-width: 680px; text-align: center; } section.home .form_container textarea { min-height: 8.75em; line-height: 1.5em; } section.home .form_container .g-recaptcha > div { margin: 0% auto; } /* Article Template Styles */ section.main div.article-menu { padding: 48px 0% 0% 0%; } section.main div.article-menu h3 { margin-bottom:1em; } section.main div.article-menu h3 a { padding: 11px 12px 0px 32px; display: block; } section.main div.article-menu ul { margin: 0% 0% 20px 0%; padding: 0%; list-style: none; } section.main div.article-menu ul li { margin: 0%; padding: 0%; } section.main div.article-menu ul li a { padding: 0.688rem 38px 0.563rem 62px; font-size: 0.925rem; line-height: 1.5em; display: block; position: relative; color: #183F67; border-bottom: 1px solid #FFFFFF; } section.main div.article-menu ul li a:after { content: '\f054'; right: 26px; font-family: 'Font Awesome 5 Pro'; font-size: 1rem; line-height: 1.875em; position: absolute; transition: 0.2s ease; } section.main div.article-menu ul li:hover a:after { right: 16px; } section.main div.article-menu ul li:before { display: none; } section.main div.article-menu .button { padding: 19px 12px 16px 19px; width: 100%; display: flex; align-items: center; border-radius: 0px; } section.main div.article-menu .button .icon { padding: 1px 18px 0% 0%; width: 88px; } section.main div.article-menu .button img { margin: 0%; display: block; } section.main div.article-menu .button .details { flex: 1; } section.main div.article-menu .button span { display: block; } section.main div.article-menu .button .heading { margin-bottom: 1px; font-size: 1.125rem; font-weight: 700; } section.main div.article-menu .request-callback { margin-bottom: 23px; background-color: #843B62; } section.main div.article-menu .request-callback:hover { background-color: #4D233A; } section.main div.article-menu .make-enquiry { background-color: #B59564; } section.main div.article-menu .make-enquiry:hover { background-color: #8A6C42; } section.main div.article-menu .meet-team { margin-bottom: 23px; background-color: #1e4573; } section.main div.article-menu .meet-team:hover { background-color: #142e4d; } section.news div.article-menu li { font-size: 0.813rem; } section.news div.article-menu li a { padding: 7px 6px 3px 62px; display: block; position: relative; color: #3A4172; } section.news div.article-menu li a:before { width: 15px; height: 15px; top: 15px; left: 33px; content: ''; display: block; position: absolute; background-image: url('../images/article-sub-menu-icon.png'); background-size: cover;} section.news div.article-menu li a:after { content: ''; display: none; } section.news div.article-menu.archive h3 { border-bottom: 0px; } section.news div.article-menu.archive ul { padding: 0% 0% 0% 32px; } section.news div.article-menu.archive li { margin: 0% 7px 21px 0%; font-size: 0.938rem; font-weight: 600; display: inline-block; border-bottom: 0px; } section.news div.article-menu.archive li a { padding: 2px 14px 3px 15px; display: block; position: relative; color: #FFFFFF; background-color: #843b62; } section.news div.article-menu.archive li a:before { display: none; } section.news div.article-menu.archive li.current a { color: #FFFFFF; background-color: #b59564; } section.news div.details { } section.news div.details img { margin-right:10px; vertical-align:middle;} section.news div.news-listing {margin-top:20px;} /* Gallery Template Styles */ section.main.gallery div.standard { background-color: #FFFFFF; border-top: 11px solid #FFFFFF; } section.main.gallery div.full { background-color: #FFFFFF; } section.main.gallery div.no-menu > div.content { padding: 54px 42px 54px 37px; background-color: #FFFFFF; } section.main.gallery div.split { background-image: linear-gradient(to right, #FFFFFF 50%, #F7F4EF 50%); } section.main.gallery div.show-menu { padding: 0%; display: flex; flex-wrap: wrap; } section.main.gallery div.show-menu > div.content { padding: 0px 50px; flex: 1; background-color: #FFFFFF; } section.main.gallery div.show-menu > div.content div.contactblock { padding: 27px 50px; background-color: #d8c7ad; } section.main.gallery div.show-menu > div.content div.contactblock h2 { margin: 0%; font-size: 1.875rem; line-height: 1.875em; font-weight: 400; color: #3B3B3B; } section.main.gallery div.show-menu > div.content div.contactblock a { color: #FFFFFF; } section.main.gallery div.show-menu > div.sub-menu { width: 334px; background-color: #F7F4EF; } section.main.gallery div.content ul { margin: 0% 0% 2rem 0%; padding: 0 0 0 1em; text-align: left; list-style: none; } section.main.gallery div.content h3 { color:#304992; text-align: center; font-size: 1em; text-transform: uppercase; margin:0; padding:1em 1em 0.25em 1em; } section.main.gallery .content > div > :first-child { margin:0; } section.main.gallery div.header > div.heading { padding: 0% 50px; } section.main.gallery .image-title-text button { font-size: 1em; height: 35px; padding:0.25em 0.5em; margin-bottom: 1em; } /* Subpage Menu Styles */ section.main div.subpage-menu { padding: 48px 0% 0% 0%; } section.main div.subpage-menu ul.menu { margin: 0% 0% 40px 0%; padding: 0%; list-style: none; } section.main div.subpage-menu ul.menu li { margin: 0%; padding: 0%; } section.main div.subpage-menu ul.menu li a { padding: 0.688rem 38px 0.563rem 17.5%; font-size: 1.125rem; line-height: 1.5em; display: block; position: relative; color: #183F67; border-bottom: 1px solid #FFFFFF; } section.main div.subpage-menu ul.menu li a:after { content: '\f054'; right: 26px; font-family: 'Font Awesome 5 Pro'; font-size: 1rem; line-height: 1.875em; position: absolute; transition: 0.2s ease; } section.main div.subpage-menu ul.menu li:hover a:after { right: 16px; } section.main div.subpage-menu ul.menu li:before { display: none; } section.main div.subpage-menu .button { padding: 19px 12px 16px 19px; width: 100%; display: flex; align-items: center; border-radius: 0px; } section.main div.subpage-menu .button .icon { padding: 1px 18px 0% 0%; width: 88px; } section.main div.subpage-menu .button img { margin: 0%; display: block; } section.main div.subpage-menu .button .details { flex: 1; } section.main div.subpage-menu .button span { display: block; } section.main div.subpage-menu .button .heading { margin-bottom: 1px; font-size: 1.125rem; font-weight: 700; } section.main div.subpage-menu .request-callback { margin-bottom: 23px; background-color: #843B62; } section.main div.subpage-menu .request-callback:hover { background-color: #4D233A; } section.main div.subpage-menu .make-enquiry { background-color: #B59564; } section.main div.subpage-menu .make-enquiry:hover { background-color: #8A6C42; } section.main div.subpage-menu .meet-team { margin-bottom: 23px; background-color: #1e4573; } section.main div.subpage-menu .meet-team:hover { background-color: #142e4d; } div.page .popup-container { max-height: 172px; } div.page .search-popup { background-color: rgba(24,63,103,0.9); } div.page .search-popup input { color: #FFFFFF; } div.page .search-popup input::placeholder { color: #FFFFFF; opacity: 0.8; } div.page .search-popup form { border-color: #FFFFFF; } div.page .search-popup .close { color: #FFFFFF; } div.page .search-popup .close:before { content: '\f00d'; right: 26px; font-family: 'Font Awesome 5 Pro'; font-size: 1.25rem; } div.page .search-popup .close > img { display: none !important; } div.page .search-popup button[type=submit] { color: #FFFFFF; } div.page .search-popup button[type=submit]:before { content: '\f002'; right: 26px; font-family: 'Font Awesome 5 Pro'; } div.page .search-popup button[type=submit] > img { display: none !important; } div.popup-background .popup-panel.form h2 { text-align: center; } .field-block input, .field-block select { max-width: 520px; } .field-block .form-control, .field-block input, .field-block textarea, .field-block select { width: 100%; } section.main .formBuilder .form-buttons { text-align: left; } section.main .form_1 .formBuilder .form-buttons { text-align: center; } /* 1280px Resolution Specific Styles */ @media only screen and (min-width: 0px) and (max-width: 1280px) { /* Home Template Mobile Styles */ section.main div.wg-slider .slide-caption.caption-float-box { padding: 0% 48px; } /* 1024px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 1024px) { /* Navigation Styles */ nav.main-bt1a ul li { padding: 2.313rem 0.5rem; } nav.main-bt1a ul li a { font-size: 1rem; } /* Default Template Styles */ section.main div.header { background-position: right 38% center; } /* 800px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Default Page Mobile Styles */ div.offset { padding: 0% 18px; } /* Heading & Paragraph Styles */ section.main div.content h1 { text-align: left; } /* Header Mobile Styles */ header.main-bt1a > div.offset { display: none; } header.main-bt1a div.header-logo { height: 100px; top: 0px; left: 0px; } header.main-bt1a div.header-logo a { height: 100%; } header.main-bt1a div.mobile-brochure { background-color: #FFFFFF; } header.main-bt1a div.mobile-brochure .brochure-button { color: #183F67; border-left: 0px; } /* Navigation Mobile Styles */ #menu-container ul { background-color: #F0F0EE; border: 0px; } #menu-container ul > li { border: 0px; } #menu-container ul > li a { padding: 16px 24px; font-size: 1rem !important; color: #183F67; } #menu-container ul > li:first-of-type { padding-top: 1.5rem; } #menu-container ul > li:last-of-type { padding-bottom: 1.5rem; } #menu-container ul > li.slicknav_parent a > a { padding: 0%; } #menu-container ul > li ul { background-color: #FFFFFF; } #menu-container ul > li ul > li a { padding-left: 48px; font-size: 0.875rem !important; } /* Footer Mobile Styles */ footer.main-bt1a .footer-heading { border-bottom: 0px; } footer.main-bt1a .footer-column { padding: 0%; } footer.main-bt1a div.footer-left { margin: 0%; width: 100%; max-width: 100%; } footer.main-bt1a div.footer-right { margin: 0%; width: 100%; } footer.main-bt1a div.footer-right ul { display: block; } footer.main-bt1a div.footer-right .footer-heading { display: block; } footer.main-bt1a div.footer-right .frc_1 { margin: 1.5rem 0%; } /* Home Template Mobile Styles */ section.home div.gradient > div.offset { margin-top: -18px; padding: 18px 18px; } section.main div.wg-slider .content h2 { font-size: 2rem; } section.main div.wg-slider .slide-caption.caption-float-box { padding: 0% 32px; } /* Standard Template Mobile Styles */ section.main div.show-menu { padding: 0%; display: block; } section.main div.show-menu > div.content { padding: 54px 18px 54px 18px; } section.main div.show-menu > div.sub-menu { width: 100%; } section.main.gallery div.show-menu > div.sub-menu { width: 100%; } /* Subpage Menu Mobile Styles */ section.main div.subpage-menu ul.menu li a { padding: 0.688rem 38px 0.563rem 24px; } }