/* Importing Fonts */ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,900&display=swap'); /* Default Page Styles */ body { font-family: 'Poppins', sans-serif; } div.offset { padding: 0% 24px; max-width: 1500px; } /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 2.25rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #3b3b43; text-align: left;} section.main div.content h2 { margin: 0% 0% 1.0em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #3b3b43; } section.main div.content h3 { margin: 0% 0% 1.0em 0%; font-family: 'Lato', sans-serif; font-size: 1.25rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #7e7e8f; } section.main div.content h4 { margin: 0% 0% 1.66em 0%; font-family: 'Lato', sans-serif; font-size: 1.125rem; line-height: 1.66em; font-weight: 500; text-transform: none; color: #3b3b43; } section.main div.content p { margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #666666; } section.main div.content li { margin: 0% 0% 0.25em 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #666666; } section.main div.content ul.tick { list-style-type: none; padding: 0 0 0 1em; } section.main div.content ul.tick li { background-image: url(../images/tick-box.png); background-size: 24px; background-position: 0 2px; background-repeat: no-repeat; padding: 0px 0px 0px 30px; margin: 0px 0px 22px 0px; line-height: 25px; } button, .button { padding: 0.5em 1.75em; min-width: 0px; font-size: 1.125em; line-height: 1.5em; color: #ffe400; background-color:transparent; border: 1px #ffe400 solid; border-radius: 16px; } button:hover, .button:hover { background-color: #ffe400; color: #46464f; } /* Header Styles */ header.main-bt1a { background-color: #FFFFFF; } header.main-bt1a div.offset { padding: 0%; } header.main-bt1a div.header-details { color: #FFFFFF; } header.main-bt1a div.header-contact { color: #3b3b43; padding: 0.5em 0.5em 0.5em; font-size: 1.5em;} header.main-bt1a div.header-contact .search-open, header.main-bt1a div.header-contact .call { display: none !important; } header.main-bt1a div.header-contact .telephone { color:#3b3b43; font-family: Poppins, sans-serif; vertical-align: middle;} header.main-bt1a div.header-ribbon { width: 100%; color: #FFFFFF; background-color: #3b3b43; font-family: Poppins, sans-serif;} header.main-bt1a div.header-contact .icon { margin: 0px 10px; font-weight: 400; font-size: 1.5em; line-height:0%; vertical-align: middle;} header.main-bt1a div.header-logo { width:35%; top:auto; left:auto; padding-left: 10px; display: flex; justify-content: center; align-items: center;} header.main-bt1a div.header-nav { padding-right: 0px; } /* Navigation Styles */ /* .sticky nav.main-bt1a > ul { padding-top: 2.25rem; padding-bottom: 2.25rem; } .shrink nav.main-bt1a > ul { padding-top: 0.25rem; padding-bottom: 0.25rem; } */ nav.main-bt1a ul li { } nav.main-bt1a ul li a { padding: 2.25rem 0.5rem; font-size: 1.125rem; color: #FFFFFF; line-height: 1.1em; text-transform:uppercase; font-weight: 400; position: relative; } nav.main-bt1a ul li a:after { content: ''; width: 20%; height: 2px; left: 0px; margin-top: 5px; display: block; position: absolute; background-color: #ffe400; opacity: 0; transition: width 0.2s ease, opacity 0.2s ease; } nav.main-bt1a ul li a.current { color: #ffe400; } 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: #3b3b43; } 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: #FFFFFF; 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: #ffe400; } /* ----- main styling -----*/ section.main { background-color: #FFFFFF; padding: 0;} section.main div.content { } /* Home Template Styles */ section.home div.offset { max-width: 1300px; margin: 10px auto 0; padding: 65px 35px; z-index: 100; } section.main div.wg-slider .content h2 { margin: 0% 0% 1px 0%; font-family: 'Poppins', sans-serif; font-size: 2.25rem; line-height: auto; font-weight: 400; color: #ffe400; } section.main div.wg-slider .content p { margin: 0% 0% 1px 0%; font-family: 'Poppins', sans-serif; font-size: 1.875rem; line-height: auto; font-weight: 400; color: #ffffff; } section.main div.wg-slider .slide-caption.caption-float-box { padding: 0% 14.5%; bottom: 45%; } section.main div.wg-slider .slide-caption.caption-float-box .content { padding: 0%; text-align: left; background-color: transparent; } section.home div.introblock { background-color: #f5f5f5; width: 100%; padding: 0; } section.home div.subIntro { display:inline-block; } section.home div.subIntroLeft { width: 76%; padding:0 6% 0 0; margin:10px 0 0; display:inline-block;} section.home div.subIntroRight { width: 23%; padding:30px 25px 0px; margin:0; background-color: #3b3b43; display:inline-block; vertical-align: top;} section.home div.subIntroRight h4 { color: #ffe400; height:24px; display: flex; align-items: center; justify-content: center; line-height:normal; vertical-align: middle;} section.home div.subIntroRight h4 img { width:32px; height:24px; vertical-align:middle;} section.home div.subIntroRight p { color: #FFFFFF; font-size:1.125em; } section.home div.subIntroRight p span { color: #FFFFFF; font-size:0.875em;} section.home div.mapblock { background-color: #FFFFFF; width: 100%; padding: 4.0em 0 4.0em 0; } section.home div.mapblock div.offset { max-width: 1300px; min-height: 400px; background-color: #7e7e8f; padding: 0; background-image: url('..//content/large/images/home_page/mapwithpin.png'); background-position: bottom right; background-repeat: no-repeat;} section.home div.mapblock div.offset div.content { padding: 5em 46% 0 6%} section.home div.mapblock h2 { color:#ffe400; } section.home div.mapblock h3 { color:#FFFFFF; line-height: 150%;} section.home div.mapblock p { color:#3b3b43; } section.home div.contactblock { background-color: #46464f; width: 100%; padding: 0; } section.home div.contactblock div.offset { max-width: 1300px; padding: 80px 0 100px; } div.contactblock div.content h2 { margin: 0% 0% 1.0em 0%; line-height: 3.0em; font-weight: 400; text-transform: none; color: #FFFFFF; } div.contactblock div.content h2 span.telephone { font-weight: 900; } div.contactblock button, div.contactblock .button { font-family: 'Poppins', sans-serif; padding: 0.25em 1.0em; min-width: 0px; font-size: 1.5em; line-height: auto; color: #ffe400; background-color:transparent; border: 1px #ffe400 solid; border-radius: 16px; } div.contactblock button:hover, div.contactblock .button:hover { background-color: #ffe400; color: #46464f; } /* Standard Template Styles */ section.standard div.offset { max-width:1240px; display:flex; padding: 20px 0px;} section.standard div.Left div.offset, section.standard div.Right div.offset { padding: 24px 20px 0px 20px;} section.standard div.Left { width:50%; } section.standard div.Right { width:50%; } .grey-background { background-color: #f5f5f5; } .darkgrey-background { background-color: #46464f; } section.main .darkgrey-background div.offset { max-width: 1300px; padding: 40px 0 50px; } section.main div.darkgrey-background h2 { margin: 0% 0% 1.0em 0%; line-height: 3.0em; font-weight: 400; text-transform: none; color: #FFFFFF; } section.main div.darkgrey-background h2 span.telephone { font-weight: 900; } section.standard div.single { width:100%; } section.standard div.single div.offset { align-items: center; justify-content: center; display: block; } section.main div.page-background { min-height: 200px; margin-bottom: 20px;} section.main .page-background > .offset { display: flex; align-items: center; height: 200px; max-width:1500px;} section.main div.page-background h1 { margin: 0% 0% 0.5em 2%; font-family: 'Poppins', sans-serif; font-size: 2.25rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #FFFFFF; align-self: center;} /* Contact Page Styles */ section.contact div.split { width: 100%; display: table; } section.contact div.split > div { padding: 0%; width: 50%; display: table-cell; vertical-align: middle; position: relative; clear: both; } section.contact div.split > div > div.offset { max-width: 750px; text-align: left; display: inline-block; } section.contact div.split > div.left { text-align: right; } section.contact div.split > div.left > div.offset { padding: 80px 80px 80px 100px; } section.contact div.split > div.right { text-align: left; } section.contact div.split > div.right > div.offset { padding-left: 80px; } section.contact div.darkgrey-background div.offset { align-items: center; justify-content: center; } section.contact .background_contact { background: url(../images/contact-panorama.jpg); background-size: cover; background-repeat: no-repeat; height: 440px; display: flex; align-items: start; justify-content: left; padding: 5em; } section.contact .background_contact > div { max-width: 1220px; margin: auto; } section.contact .background_contact > div > div { max-width: 800px; padding: 7em 3em 0; } section.contact .background_contact div.content h4 { font-size:2.5em; color: #FFF; font-weight: 500; text-align: center;} section.contact .background_contact div.content p { color: #FFF; } section.contact div.split > div.left img.icon { width:24px; height:24px; margin-right:8px; vertical-align:middle;} /* Footer Styles */ footer.main-bt1a { margin: auto; padding: 0; width: 100%; background-color: #FFFFFF; position: relative; } footer.main-bt1a .footer-top { margin: auto; width: 100%; background-color: #f5f5f5; position: relative; font-family: 'Lato', Arial, sans-serif; } footer.main-bt1a .footer-top .offset { padding: 30px 24px; } footer.main-bt1a .footer-heading { display:none; } footer.main-bt1a p, footer.main-bt1a li { margin: 0; font-size: 0.875em; line-height: 1.875em; color: #666666; } footer.main-bt1a .footer-content, footer.main-bt1a .footer-details { width: 100%; } footer.main-bt1a li a { color: #3b3b43; } footer.main-bt1a li a:hover { text-decoration: underline;} footer.main-bt1a .footer-copyright { margin: auto; padding: 1.25em 0; width: 100%; text-align: center; position: relative; } footer.main-bt1a .footer-copyright .offset { display: flex; justify-content: center; } footer.main-bt1a .footer-copyright .offset p:first-of-type { border-right: 1px solid #666666; } footer.main-bt1a .footer-copyright .offset p { font-family: 'Lato', sans-serif; font-size: 0.8125rem; color: #666666; padding: 0 10px; line-height: 18px; } footer.main-bt1a .footer-copyright .offset p img { display:none; } footer.main-bt1a .footer-right, footer.main-bt1a .footer-right p { text-align:right; } /* Form Styles */ .form_container {max-width: 800px; color:#FFFFFF; text-align: center; margin: 0 auto; align-items: center; justify-content: center;} .form_container input, .form_container textarea {color:#3b3b43;} section.main div.content p.requiredfield_notice { color: #f5f5f5; } section.main.contact div.content form .g-recaptcha > div { margin: 0 auto; } form.formBuilder button { font-family: 'Poppins', sans-serif; padding: 0.25em 1.0em; min-width: 0px; font-size: 1.5em; line-height: auto; color: #ffe400; text-transform: uppercase; background-color:transparent; border: 1px #ffe400 solid; border-radius: 16px; } form.formBuilder button:hover { background-color: #ffe400; color: #46464f; } .field-block .red-star { padding-left: 0.05em; width: auto; display: inline-block; } .red-star { color: #ffe400; } @media only screen and (min-width: 0px) and (max-width: 1100px) { /* Home Template Styles */ section.main div.wg-slider .content h2 { margin: 0% 0% 1px 0%; font-family: 'Poppins', sans-serif; font-size: 2.0rem; line-height: auto; font-weight: 400; color: #ffe400; } section.main div.wg-slider .content p { margin: 0% 0% 1px 0%; font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: auto; font-weight: 400; color: #ffffff; } section.main div.wg-slider .slide-caption.caption-float-box { padding: 0% 1%; bottom: 45%; } section.main div.wg-slider .slide-caption.caption-float-box .content { padding: 0%; text-align: left; background-color: transparent; } section.home div.subIntroLeft { width: 69%; padding:0 6% 0 0; margin:10px 0 0; display:inline-block;} section.home div.subIntroRight { width: 30%; padding:30px 0px; } section.home div.mapblock div.offset { max-width: 980px; } } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Header Styles */ header.main-bt1a div.header-contact { display: none;} header.main-bt1a div.header-logo { width:90%; top:auto; left:auto; padding-left: 0px; display: block; box-shadow: inset 0px -11px 8px -10px rgba(0,0,0,0.5);} /* Mobile Navigation */ #menu-container .slicknav_nav li { background-repeat: repeat-x; background-position: top; border-bottom: 1px solid #b2b2bc; } #menu-container .slicknav_nav a { margin: 0px 0px; padding: 18px 24px 16px 7%; font-size: 1.5rem !important; line-height: 1.25em; text-decoration: none; color: #3b3b43; } /* Standard Template Styles */ section.main div.page-background h1 { margin: 0% 0% 0.5em 2%; font-size: 1.75rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #FFFFFF; align-self: center; text-align: center;} section.standard div.offset { flex-direction: column; } section.standard div.Left { width:100%; } section.standard div.Right { width:100%; } section.standard div.offset.Revert div.Left { order:2; } section.standard div.offset.Revert div.Right { order:1; } /* Home Template Styles */ section.home div.subIntroLeft { width: 76%; padding:0 6% 0 0; margin:10px 0 0; display:inline-block;} section.home div.subIntroRight { width: 23.5%; padding:30px 0px 0px; } section.home div.subIntroRight h4 { color: #ffe400; height:24px; font-size: 1.0rem; display: flex; align-items: center; justify-content: center; line-height:normal;} section.home div.subIntroRight p { color: #FFFFFF; font-size:1.0em; } section.home div.subIntroRight p span { color: #FFFFFF; font-size:0.825em;} section.main div.wg-slider .content h2 { margin: 0% 0% 1px 0%; font-family: 'Poppins', sans-serif; font-size: 2.0rem; line-height: auto; font-weight: 400; color: #ffe400; } section.main div.wg-slider .content p { margin: 0% 0% 1px 0%; font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: auto; font-weight: 400; color: #ffffff; } section.main div.wg-slider .slide-caption.caption-float-box { padding: 3% 1%; bottom: 15%; background-color: rgba(0,0,0, 0.32); } section.main div.wg-slider .slide-caption.caption-float-box .content { padding: 0%; text-align: center; background-color: transparent; max-width:800px;} section.home div.subIntroLeft { width: 69%; padding:0 6% 0 0; margin:10px 0 0; display:inline-block;} section.home div.subIntroRight { width: 30%; padding:30px 0px 0px; } section.home div.mapblock div.offset { max-width: 980px; } /* Standard Template Styles */ section.main div.page-background { display:none;} section.main .mobile-background > .offset, section.contact .mobile-background > .offset { display: flex; align-items: center; height: 300px; max-width:800px;} section.main div.mobile-background h1, section.contact div.mobile-background h1 { margin: 0% auto; font-family: 'Poppins', sans-serif; font-size: 2.25rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #FFFFFF; align-self: center; text-align: center; } /* Contact Page Styles */ section.contact div.split > div { padding: 0%; width: 50%; display: table-cell; vertical-align: middle; position: relative; clear: both; } section.contact div.split > div > div.offset { max-width: 750px; text-align: left; display: inline-block; } section.contact div.split > div.left { text-align: right; } section.contact div.split > div.left > div.offset { padding: 80px 30px 80px 30px; } section.contact div.split > div.left h2 { font-size: 1.25em; } section.contact div.split > div.left img.icon { margin: 0 8px 0 0 !important; display: inline-block; } section.contact div.split > div.right { text-align: left; } section.contact div.split > div.right > div.offset { padding-left: 80px; } .form_container {max-width: 600px; } /* Footer Styles */ footer.main-bt1a ul { display: block; } footer.main-bt1a p, footer.main-bt1a li { margin: 0; font-size: 0.875em; line-height: 2.5em; color: #666666; } footer.main-bt1a .footer-right, footer.main-bt1a .footer-right p { width: 100%; text-align:center; } } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Heading & Paragraph Styles */ section.main div.content h1 { font-size: 1.5rem; } section.main div.content h2 { margin: 0% 0% 1.0em 0%; font-size: 1.125rem; } section.main div.content h3 { margin: 0% 0% 1.0em 0%; font-size: 1.125rem; } section.main div.content h4 { margin: 0% 0% 1.66em 0%; font-size: 1.125rem; } section.main div.content p { margin: 0% 0% 1.5em 0%; font-size: 1.125rem; } section.main div.content li { margin: 0% 0% 0.25em 0%; font-size: 1.125rem; } /* Home Template Styles */ section.home div.offset { max-width: 800px; margin: 10px auto 0; padding: 50px 20px; } section.main div.wg-slider .content h2 { margin: 0% 0% 1px 0%; font-size: 1.75rem; line-height: auto; } section.main div.wg-slider .content p { margin: 0% 0% 1px 0%; font-size: 1.5rem; } section.home div.subIntro { display:block; } section.home div.subIntroLeft { width: 100%; padding:0; margin:10px 0 0; display:block;} section.home div.subIntroRight { width: 100%; padding:30px 25px 0px; margin:0; background-color: #3b3b43; display:inline-block; vertical-align: top;} section.home div.subIntroRight h4 { color: #ffe400; height:24px; font-size: 1.0rem; display: flex; align-items: center; justify-content: center; line-height:normal;} section.home div.subIntroRight h4 img { } section.home div.subIntroRight p { color: #FFFFFF; font-size:1.0em; } section.home div.subIntroRight p span { color: #FFFFFF; font-size:0.825em;} section.home div.mapblock { background-color: #7e7e8f; width: 100%; padding: 1.0em 0 0 0; } section.home div.mapblock div.offset { max-width: 1300px; min-height: 600px; background-color: #7e7e8f; padding: 0; background-image: url('..//content/large/images/home_page/mapwithpin.png'); background-position: bottom right; background-repeat: no-repeat;} section.home div.mapblock div.offset div.content { padding: 2em 6% 0 6%} section.home div.mapblock h2 { color:#ffe400; } section.home div.mapblock h3 { color:#FFFFFF; line-height: 150%;} section.home div.mapblock p { color:#3b3b43; } header.main-bt1a div.header-logo img, header.main-bt1a div.header-logo svg { margin: 0 auto; max-width: 80%; max-height: 100%; display: block; } header.main-bt1a.sticky div.header-logo { max-height:70px; } /* Standard Template Styles */ section.main div.page-background { display:none;} section.main .mobile-background > .offset, section.contact .mobile-background > .offset { display: flex; align-items: center; height: 300px; max-width:800px;} section.main div.mobile-background h1, section.contact div.mobile-background h1 { margin:auto; font-family: 'Poppins', sans-serif; font-size: 2.25rem; line-height: 1.0em; font-weight: 400; text-transform: none; color: #FFFFFF; align-self: center; text-align: center; } section.main .darkgrey-background div.offset { max-width: 700px; padding: 40px 30px 50px; } /* Contact Page Styles */ section.contact div.split > div.right { display:none; } .form_container {width:90%; max-width: 600px; } section.contact .background_contact { height: 440px; display: flex; align-items: start; justify-content: left; padding: 5em 0em 0em; } section.contact .background_contact > div { max-width: 800px; margin: auto; } section.contact .background_contact > div > div { max-width: 800px; padding: 3em 0.5em 3em; } section.contact .background_contact div.content h4 { font-size:1.625em; color: #FFF; font-weight: 500; text-align: center;} }