/* RIGHT MENU Colors: White: #F3F1F1; Brown: #958D84; Grey Blue: #4A545F; Dark Brown: #77532A; First item requires a padding top or will be under the menu bar Opacity Background Color: background:linear-gradient(rgba(38,147,204,0.3),rgba(38,147,204,0.3)); */ #echo-message { font-family: "Libre-Baskerville-Regular"; font-size: 14px; color: #fff; line-height: 22px; margin-bottom: 10px; clear: both; } @font-face { font-family: "Bastliga-One"; font-display: swap; src: url(../fonts/Bastliga/Bastliga-One/Bastliga-One.ttf) format("ttf"), url(../fonts/Bastliga/Bastliga-One/Bastliga-One.svg) format("svg"), url(../fonts/Bastliga/Bastliga-One/Bastliga-One.woff) format("woff"), url(../fonts/Bastliga/Bastliga-One/Bastliga-One.eot) format("eot"), url(../fonts/Bastliga/Bastliga-One/Bastliga-One.woff2) format("woff2"), url(../fonts/Bastliga/Bastliga-One/Bastliga-One.otf) format("otf"), url(../fonts/Bastliga/Bastliga-One/Bastliga-One.ttf) format("truetype"), url(../fonts/Bastliga/Bastliga-One/Bastliga-One.otf) format("opentype"); } @font-face { font-family: "Libre-Baskerville-Bold"; font-display: swap; src: url(../fonts/Libre-Baskerville/Libre-Baskerville-Bold/Libre-Baskerville-Bold.ttf) format("ttf"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Bold/Libre-Baskerville-Bold.svg) format("svg"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Bold/Libre-Baskerville-Bold.woff) format("woff"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Bold/Libre-Baskerville-Bold.eot) format("eot"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Bold/Libre-Baskerville-Bold.woff2) format("woff2"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Bold/Libre-Baskerville-Bold.otf) format("otf"); } @font-face { font-family: "Libre-Baskerville-Italic"; font-display: swap; src: url(../fonts/Libre-Baskerville/Libre-Baskerville-Italic/Libre-Baskerville-Italic.ttf) format("ttf"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Italic/Libre-Baskerville-Italic.svg) format("svg"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Italic/Libre-Baskerville-Italic.woff) format("woff"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Italic/Libre-Baskerville-Italic.eot) format("eot"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Italic/Libre-Baskerville-Italic.woff2) format("woff2"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Italic/Libre-Baskerville-Italic.otf) format("otf"); } @font-face { font-family: "Libre-Baskerville-Regular"; font-display: swap; src: url(../fonts/Libre-Baskerville/Libre-Baskerville-Regular/Libre-Baskerville-Regular.ttf) format("ttf"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Regular/Libre-Baskerville-Regular.svg) format("svg"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Regular/Libre-Baskerville-Regular.woff) format("woff"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Regular/Libre-Baskerville-Regular.eot) format("eot"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Regular/Libre-Baskerville-Regular.woff2) format("woff2"), url(../fonts/Libre-Baskerville/Libre-Baskerville-Regular/Libre-Baskerville-Regular.otf) format("otf"); } @font-face { font-family: "Medino-Regular"; font-display: swap; src: url(../fonts/Medino/Medino-Regular/Medino-Regular.ttf) format("ttf"), url(../fonts/Medino/Medino-Regular/Medino-Regular.svg) format("svg"), url(../fonts/Medino/Medino-Regular/Medino-Regular.woff) format("woff"), url(../fonts/Medino/Medino-Regular/Medino-Regular.eot) format("eot"), url(../fonts/Medino/Medino-Regular/Medino-Regular.woff2) format("woff2"), url(../fonts/Medino/Medino-Regular/Medino-Regular.otf) format("otf"); } @font-face { font-family: "Quasimoda-Bold"; font-display: swap; src: url(../fonts/Quasimoda/Quasimoda-Bold/Quasimoda-Bold.ttf) format("ttf"), url(../fonts/Quasimoda/Quasimoda-Bold/Quasimoda-Bold.svg) format("svg"), url(../fonts/Quasimoda/Quasimoda-Bold/Quasimoda-Bold.woff) format("woff"), url(../fonts/Quasimoda/Quasimoda-Bold/Quasimoda-Bold.eot) format("eot"), url(../fonts/Quasimoda/Quasimoda-Bold/Quasimoda-Bold.woff2) format("woff2"), url(../fonts/Quasimoda/Quasimoda-Bold/Quasimoda-Bold.otf) format("otf"); } @font-face { font-family: "Quasimoda-Light"; font-display: swap; src: url(../fonts/Quasimoda/Quasimoda-Light/Quasimoda-Light.ttf) format("ttf"), url(../fonts/Quasimoda/Quasimoda-Light/Quasimoda-Light.svg) format("svg"), url(../fonts/Quasimoda/Quasimoda-Light/Quasimoda-Light.woff) format("woff"), url(../fonts/Quasimoda/Quasimoda-Light/Quasimoda-Light.eot) format("eot"), url(../fonts/Quasimoda/Quasimoda-Light/Quasimoda-Light.woff2) format("woff2"), url(../fonts/Quasimoda/Quasimoda-Light/Quasimoda-Light.otf) format("otf"); } @font-face { font-family: "Quasimoda-Regular"; font-display: swap; src: url(../fonts/Quasimoda/Quasimoda-Regular/Quasimoda-Regular.ttf) format("ttf"), url(../fonts/Quasimoda/Quasimoda-Regular/Quasimoda-Regular.svg) format("svg"), url(../fonts/Quasimoda/Quasimoda-Regular/Quasimoda-Regular.woff) format("woff"), url(../fonts/Quasimoda/Quasimoda-Regular/Quasimoda-Regular.eot) format("eot"), url(../fonts/Quasimoda/Quasimoda-Regular/Quasimoda-Regular.woff2) format("woff2"), url(../fonts/Quasimoda/Quasimoda-Regular/Quasimoda-Regular.otf) format("otf"); } @font-face { font-family: "Quasimoda-SemiBold"; font-display: swap; src: url(../fonts/Quasimoda/Quasimoda-SemiBold/Quasimoda-SemiBold.ttf) format("ttf"), url(../fonts/Quasimoda/Quasimoda-SemiBold/Quasimoda-SemiBold.svg) format("svg"), url(../fonts/Quasimoda/Quasimoda-SemiBold/Quasimoda-SemiBold.woff) format("woff"), url(../fonts/Quasimoda/Quasimoda-SemiBold/Quasimoda-SemiBold.eot) format("eot"), url(../fonts/Quasimoda/Quasimoda-SemiBold/Quasimoda-SemiBold.woff2) format("woff2"), url(../fonts/Quasimoda/Quasimoda-SemiBold/Quasimoda-SemiBold.otf) format("otf"); } * { margin: 0 auto; font-weight: 100; } html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ background-color: #77532A; } h1,h2,h3,h4,h5,h6,p,li,a { line-height: 1.0; } figure { font-size: 0px; } .center { text-align: center; } .grecaptcha-badge { visibility: hidden; } /* Scroll To */ @media screen and (min-width: 1350px) { #terms-section,#privacy-policy { scroll-margin-top: 82px! important; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #terms-section,#privacy-policy { scroll-margin-top: 65px! important; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #terms-section,#privacy-policy { scroll-margin-top: 56px! important; } } @media screen and (max-width: 934px) { #terms-section,#privacy-policy { scroll-margin-top: 74px! important; } } @media screen and (min-width: 1350px) { #sms-communications { scroll-margin-top: 112px! important; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #sms-communications { scroll-margin-top: 90px! important; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #sms-communications { scroll-margin-top: 81px! important; } } @media screen and (max-width: 934px) { #sms-communications { scroll-margin-top: 100px! important; } } @media screen and (min-width: 1350px) { #contact-form { scroll-margin-top: 182px! important; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #contact-form { scroll-margin-top: 165px! important; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #contact-form { scroll-margin-top: 156px! important; } } @media screen and (max-width: 934px) { #contact-form { scroll-margin-top: 100px! important; } } @media screen and (min-width: 1350px) { #testimonials,#press,#team-bios { scroll-margin-top: 84px! important; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #testimonials,#press,#team-bios { scroll-margin-top: 65px! important; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #testimonials,#press,#team-bios { scroll-margin-top: 56px! important; } } @media screen and (max-width: 934px) { #testimonials,#press,#team-bios { scroll-margin-top: 74px! important; } } @media screen and (min-width: 1400px) { #preparation { scroll-margin-top: 60px! important; } } @media screen and (min-width: 1350px) and (max-width: 1399px) { #preparation { scroll-margin-top: 80px! important; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #preparation { scroll-margin-top: 63px! important; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #preparation { scroll-margin-top: 55px! important; } } @media screen and (max-width: 934px) { #preparation { scroll-margin-top: 73px! important; } } @media screen and (min-width: 1400px) { #professional-photoshoots { scroll-margin-top: 104px! important; } } @media screen and (min-width: 1350px) and (max-width: 1399px) { #professional-photoshoots { scroll-margin-top: 100px! important; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #professional-photoshoots { scroll-margin-top: 83px! important; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #professional-photoshoots { scroll-margin-top: 75px! important; } } @media screen and (max-width: 934px) { #professional-photoshoots { scroll-margin-top: 90px! important; } } @media screen and (min-width: 1400px) { #google-review,#video-container { scroll-margin-top: 90px! important; } } @media screen and (min-width: 1350px) and (max-width: 1399px) { #google-review,#video-container { scroll-margin-top: 90px! important; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #google-review,#video-container { scroll-margin-top: 70px! important; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #google-review,#video-container { scroll-margin-top: 60px! important; } } @media screen and (max-width: 934px) { #google-review,#video-container { scroll-margin-top: 70px! important; } } /* Scroll To End */ /* Index Main Image */ /* Image Size 1800 x 1000 px */ @media screen and (max-width: 2560px) { #index-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/index-main-image.webp); background-position: center center; background-repeat: no-repeat; background-repeat: repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #999; } #index-main-image:after { content:""; position:fixed; top: 0; height: 100%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/index-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 1350px) { #index-main-image:after { top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #index-main-image:after { top: 98px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #index-main-image:after { top: 80px; } } @media screen and (max-width: 934px) { #index-main-image:after { top: 74px; } } } @media screen and (min-width: 2561px) { #index-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/index-main-image.webp); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 100%; } #index-main-image:after { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/index-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } } /* Index Main Image End */ /* Pages Main Image */ @media screen and (max-width: 2560px) { #about-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp); background-position: center center; background-repeat: no-repeat; background-repeat: repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #999; } #about-main-image:after { content:""; position:fixed; top: 0; height: 100%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 1350px) { #about-main-image:after { top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #about-main-image:after { top: 98px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #about-main-image:after { top: 80px; } } @media screen and (max-width: 934px) { #about-main-image:after { top: 74px; } } } @media screen and (min-width: 2561px) { #about-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 100%; } #about-main-image:after { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } } @media screen and (max-width: 2560px) { #contact-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp); background-position: center center; background-repeat: no-repeat; background-repeat: repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #999; } #contact-main-image:after { content:""; position:fixed; top: 0; height: 100%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 1350px) { #contact-main-image:after { top: -116px; } } /* @media screen and (min-width: 1350px) { #contact-main-image:after { top: 116px; } } */ @media screen and (min-width: 1111px) and (max-width: 1349px) { #contact-main-image:after { top: 98px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #contact-main-image:after { top: 80px; } } @media screen and (max-width: 934px) { #contact-main-image:after { top: 74px; } } } @media screen and (min-width: 2561px) { #contact-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 100%; } #contact-main-image:after { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } } @media screen and (max-width: 2560px) { #testimonial-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/testimonial-main-image.webp); background-position: center center; background-repeat: no-repeat; background-repeat: repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #999; } #testimonial-main-image:after { content:""; position:fixed; top: 0; height: 100%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/testimonial-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 1350px) { #testimonial-main-image:after { top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #testimonial-main-image:after { top: 98px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #testimonial-main-image:after { top: 80px; } } @media screen and (max-width: 934px) { #testimonial-main-image:after { top: 74px; } } } @media screen and (min-width: 2561px) { #testimonial-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/testimonial-main-image.webp); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 100%; } #testimonial-main-image:after { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/testimonial-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } } @media screen and (max-width: 2560px) { #services-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../images/main-images/services-main-image.webp); background-position: center center; background-repeat: no-repeat; background-repeat: repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #999; } #services-main-image:after { content:""; position:fixed; top: 0; height: 100%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../images/main-images/services-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 1350px) { #services-main-image:after { top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #services-main-image:after { top: 98px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #services-main-image:after { top: 80px; } } @media screen and (max-width: 934px) { #services-main-image:after { top: 74px; } } } @media screen and (min-width: 2561px) { #services-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../images/main-images/services-main-image.webp); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 100%; } #services-main-image:after { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../images/main-images/services-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } } /* Pages Main Image End */ /* Pages Main Image */ /* Image Size 1800 x 750 px */ /* @media screen and (max-width: 2560px) { #about-main-image:after { content:""; position:fixed; top: 0; height: 100%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media screen and (min-width: 1001px) and (max-width: 2560px) { #about-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp); background-position: center center; background-repeat: no-repeat; background-repeat: repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #999; } #about-main-image:after { content:""; position:fixed; top: 0; height: 75%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 1350px) { #about-main-image:after { top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #about-main-image:after { top: 98px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #about-main-image:after { top: 80px; } } @media screen and (max-width: 934px) { #about-main-image:after { top: 74px; } } } @media screen and (min-width: 2561px) { #about-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 75%; } #about-main-image:after { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/about-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 75%; } } @media screen and (max-width: 1000px) { #contact-main-image:after { content:""; position:fixed; top: 0; height: 100%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media screen and (min-width: 1001px) and (max-width: 2560px) { #contact-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp); background-position: center center; background-repeat: no-repeat; background-repeat: repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #999; } #contact-main-image:after { content:""; position:fixed; top: 0; height: 75%; left: 0; right: 0; z-index:-100; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media screen and (min-width: 2561px) { #contact-main-image { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 75%; } #contact-main-image:after { background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)),url(../images/main-images/contact-main-image.webp) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 75%; } } */ /* Over Lay */ .overlay { height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; } .overlay-content { font-family: "Quasimoda-Regular"; color: #fff; position: relative; top: 100px; width: 100%; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-width: 900px; } .overlay-content figure { font-size: 0px; margin-bottom: 40px; } .overlay-content figure img { width: 280px; margin-top: 5px; margin-bottom: 5px; } .overlay-content h3 { font-size: 32px; margin-bottom: 10px; } .overlay-content h4,.overlay-content p { font-size: 18px; } .overlay-content h4 { margin-bottom: 5px; } .overlay-content p { text-align: justify; line-height: 25px; margin-top: 25px; } .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .overlay a:hover, .overlay a:focus { color: #f1f1f1; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 30px; } @media screen and (max-width: 934px) { .overlay-content h3 { font-size: 28px; margin-bottom: 0; } .overlay-content h4 { margin-top: 10px; } .overlay-content p { margin-top: 20px; } } @media screen and (max-width: 700px) { .overlay-content figure img { width: 220px; } .overlay-content h4,.overlay-content p { font-size: 16px; } .overlay-content p { text-align: left; line-height: 20px; } } @media screen and (max-width: 500px) { .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } /* Over Lay End */ /* Pages Main Image End */ /* Main Images */ #main-image-center { max-width: 2560px !important; } #main-image-container { max-width: 2560px !important; background-size: contain; width: 100%; height: 100%; position: absolute; } /* Required On All Pages */ /* Index Window Settings */ @media screen and (max-width: 450px) { #index-main-content-container { width: 100%; top: 100%; position: absolute; } #image-text-container { top: 50%; transform: translateY(-50%)! important; } } @media screen and (min-width: 451px) and (max-width: 934px) { #index-main-content-container { width: 100%; top: 150%; position: absolute; } #image-text-container { top: 120px; } } @media screen and (min-width: 935px) and (max-width: 1000px) { #index-main-content-container { width: 100%; top: 125%; position: absolute; } #image-text-container { top: 120px; } } @media screen and (min-width: 1001px) { #index-main-content-container { width: 100%; top: 100%; position: absolute; } #image-text-container { top: 250px; } } /* Index Window Settings End */ /* Pages Window Settings */ @media screen and (max-width: 450px) { #pages-main-content-container { width: 100%; top: 100%; position: absolute; } #image-text-container { top: 50%; transform: translateY(-50%)! important; } } @media screen and (min-width: 451px) and (max-width: 934px) { #pages-main-content-container { width: 100%; top: 125%; position: absolute; } .pages-image-text-container { top: 120px; } } @media screen and (min-width: 935px) and (max-width: 1000px) { #pages-main-content-container { width: 100%; top: 100%; position: absolute; } .pages-text-container { top: 120px; } } @media screen and (min-width: 1001px) { #pages-main-content-container { width: 100%; top: 75%; position: absolute; } .pages-text-container { top: 250px; } } /* Pages Window Settings End */ /* 75% below window size End @media screen and (max-width: 1000px) { #pages-main-content-container { width: 100%; top: 100%; position: absolute; } .pages-image-text-container { position: absolute; max-width: 1680px; top: 50%! important; transform: translateY(-50%)! important; } } @media screen and (min-width: 1001px) { #pages-main-content-container { width: 100%; top: 75%; position: absolute; } .pages-image-text-container { position: absolute; max-width: 1680px; top: 37.5%! important; transform: translateY(-37.5%)! important; } } 75% below window size End */ /* Required On All Pages End */ /* Main Images End */ /* Main Images Text */ #image-text-container { position: absolute; /*top: 250px;*/ right: 20px; left: 20px; text-align: center; } @media screen and (max-width: 350px) { #image-text-container { right: 9px; left: 9px; } } /* @media screen and (min-width: 0px) and (max-width: 760px) { #image-text-container { top: 120px; } } @media screen and (min-width: 761px) and (max-width: 675px) { #image-text-container { top: 90px; } } @media screen and (min-width: 676px) and (max-width: 860px) { #image-text-container { top: 120px; } } @media screen and (min-width: 861px) and (max-width: 910px) { #image-text-container { top: 120px; } } @media screen and (min-width: 911px) and (max-width: 1000px) { #image-text-container { top: 130px; } } @media screen and (max-width: 1000px) { #image-text-container { top: 50%; transform: translateY(-50%)! important; } } @media screen and (min-width: 1001px) { #image-text-container { top: 250px; } } */ /* @media screen and (min-width: 1px) and (max-width: 1000px) { #image-text-container { top: 200px; } } @media screen and (min-width: 1px) and (max-width: 1000px) { #image-text-container { top: 50%; transform: translateY(-50%)! important; } } #image-text-container { top: 50%; transform: translateY(-50%)! important; } */ /* @media screen and (min-width: 1350px) { #image-text-container { top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #image-text-container { top: 98px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #image-text-container { top: 80px; } } @media screen and (max-width: 934px) { #image-text-container { top: 74px; } } */ /* Main Images Text End */ /* Main Images Text Styling */ /* Javascript #image-text-container .main-image-main-title,#image-text-container .main-image-sub-title,#image-text-container .image-text-container-link { opacity: 0.0; } Javascript */ #image-text-container .main-image-main-title { font-family: "Quasimoda-Regular"; font-size: 56px; color: #F3F1F1; text-transform: uppercase; margin-bottom: 20px; } #image-text-container .main-image-sub-title { font-family: "Libre-Baskerville-Italic"; font-size: 38px; color: #F3F1F1; margin-top: 15px; } #image-text-container .main-image-text { font-family: "Libre-Baskerville-Regular"; font-size: 26px; color: #F3F1F1; margin-top: 70px; margin-bottom: 70px; padding: 0; list-style-type: none; } #image-text-container .main-image-text li { margin-top: 10px; } @media screen and (max-width: 1074px) { #image-text-container .main-image-text li { line-height: 23px; } } @media screen and (min-width: 1075px) { #image-text-container .main-image-text li .li-br1 { display: none; } } #image-text-container .image-text-container-link { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #77532A; padding: 16px 30px 12px; display: inline-block; color: #F3F1F1; text-decoration: none; text-transform: uppercase; border: 2px solid #BBA78C; } #image-text-container .image-text-container-link:hover { background-color: #BBA78C; border: 2px solid #77532A; text-decoration: underline; } #image-text-container .private-network-link { font-family: "Quasimoda-Regular"; font-size: 14px; color: #F3F1F1; text-decoration: none; display: block; margin-top: 10px; } #image-text-container .private-network-link:hover { text-decoration: underline; } @media screen and (max-width: 1950px) { #image-text-container .main-image-main-title { font-size: 52px; } } @media screen and (max-width: 1815px) { #image-text-container .main-image-main-title { font-size: 48px; } #image-text-container .main-image-sub-title { font-size: 36px; } } @media screen and (max-width: 1680px) { #image-text-container .main-image-main-title { font-size: 44px; margin-bottom: 15px; } #image-text-container .main-image-sub-title { font-size: 32px; margin-top: 10px; } #image-text-container .main-image-text { font-size: 24px; margin-top: 60px; margin-bottom: 60px; } } @media screen and (max-width: 1540px) { #image-text-container .main-image-main-title { font-size: 40px; } #image-text-container .main-image-sub-title { font-size: 30px; } } @media screen and (max-width: 1410px) { #image-text-container .main-image-main-title { font-size: 38px; } #image-text-container .main-image-sub-title { font-size: 28px; } #image-text-container .main-image-text { font-size: 22px; margin-top: 50px; margin-bottom: 50px; } } @media screen and (max-width: 1340px) { #image-text-container .main-image-main-title { font-size: 36px; } #image-text-container .main-image-sub-title { font-size: 26px; } } @media screen and (max-width: 1265px) { #image-text-container .main-image-main-title { font-size: 34px; } #image-text-container .main-image-sub-title { font-size: 24px; } #image-text-container .main-image-text { font-size: 20px; margin-top: 45px; margin-bottom: 45px; } #image-text-container .main-image-text li { margin-top: 10px; } } @media screen and (min-width: 1201px) { #image-text-container .main-image-main-title br { display: none; } } @media screen and (max-width: 650px) { #image-text-container .main-image-main-title { font-size: 32px; } #image-text-container .main-image-sub-title { font-size: 22px; } #image-text-container .main-image-text { margin-top: 40px; margin-bottom: 40px; } } @media screen and (max-width: 605px) { #image-text-container .main-image-main-title { font-size: 30px; } #image-text-container .main-image-sub-title { font-size: 20px; } #image-text-container .main-image-text { font-size: 18px; } } @media screen and (max-width: 570px) { #image-text-container .main-image-main-title { font-size: 28px; margin-bottom: 10px; } #image-text-container .main-image-sub-title { font-size: 18px; } #image-text-container .main-image-text { margin-top: 35px; margin-bottom: 35px; } } @media screen and (max-width: 535px) { #image-text-container .main-image-main-title { font-size: 26px; } } @media screen and (max-width: 515px) { #image-text-container .main-image-main-title { font-size: 24px; margin-bottom: 5px; } #image-text-container .main-image-sub-title { font-size: 16px; } #image-text-container .main-image-text { margin-top: 30px; margin-bottom: 30px; font-size: 16px; } #image-text-container .main-image-text li { margin-top: 7px; } } @media screen and (max-width: 465px) { #image-text-container .main-image-main-title { font-size: 22px; } #image-text-container .main-image-text { font-size: 15px; margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 445px) { #image-text-container .main-image-main-title { font-size: 20px; } #image-text-container .main-image-sub-title { font-size: 14px; margin-top: 5px; } #image-text-container .main-image-text { font-size: 14px; margin-top: 25px; margin-bottom: 25px; } #image-text-container .main-image-text li { margin-top: 5px; } } @media screen and (max-width: 410px) { #image-text-container .main-image-text { font-size: 13px; margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 395px) { #image-text-container .main-image-main-title { font-size: 18px; } #image-text-container .main-image-sub-title { font-size: 13px; } } @media screen and (max-width: 385px) { #image-text-container .main-image-text { font-size: 12px; } } @media screen and (max-width: 370px) { #image-text-container .main-image-main-title { font-size: 17px; } #image-text-container .main-image-sub-title { font-size: 12px; } } @media screen and (max-width: 335px) { #image-text-container .main-image-text { font-size: 11.5px; } } /* @media screen and (max-width: 370px) { #image-text-container .main-image-main-title { font-size: 17px; margin-bottom: 5px; } #image-text-container .main-image-sub-title { font-size: 12px; margin-top: 5px; } #image-text-container .main-image-text { font-size: 15px; margin-top: 20px; margin-bottom: 20px; } #image-text-container .main-image-text li { margin-top: 5px; } } */ @media screen and (max-width: 956px) { #image-text-container .image-text-container-link { font-size: 12px; padding: 11px 25px 9px; } } /* @media screen and (min-width: 957px) and (max-width: 1600px) { #image-text-container .main-image-main-title { font-size: 28px; } } @media screen and (max-width: 956px) { #image-text-container .main-image-main-title { font-size: 22px; } #image-text-container .main-image-sub-title { font-size: 18px; margin-top: 10px; line-height: 20px; } #image-text-container .main-image-text { font-size: 15px; margin-top: 15px; margin-bottom: 15px; } #image-text-container .main-image-text li { display: inline-block; } #image-text-container .main-image-text li { margin-top: 5px; } #image-text-container .image-text-container-link { font-size: 12px; padding: 11px 25px 9px; } #image-text-container .private-network-link { font-size: 14px; margin-top: 12px; } } @media screen and (min-width: 957px) { #image-text-container { top: 250px; } } */ /* THIS SECTION MODIFY @media screen and (max-width: 844px) { #image-text-container .main-image-main-title { font-size: 18px; } #image-text-container .main-image-sub-title { font-size: 16px; } #image-text-container .main-image-text { font-size: 14px; } } Main Images Text Styling End */ /* All Pages Direction Links Section */ .directions-container { padding: 50px; background-color: #F3F1F1; } .directions-container:after { content: ""; display: table; clear: both; } @media screen and (max-width: 934px) { .directions-container { padding: 50px 20px; } } .directions-container h3 { font-family: "Libre-Baskerville-Regular"; font-size: 24px; color: #4A545F; text-align: center; } @media screen and (max-width: 800px) { .directions-container h3 { font-size: 22px; line-height: 30px; } } @media screen and (max-width: 450px) { .directions-container h3 { font-size: 20px; line-height: 25px; } } .directions-container .direction-links-container { margin-top: 50px; max-width: 1200px; } .directions-container .direction-links-container .begin-direction,.directions-container .direction-links-container .not-ready-direction { text-align: center; } .directions-container .direction-links-container .begin-direction h4,.directions-container .direction-links-container .not-ready-direction h4 { font-family: "Quasimoda-Regular"; font-size: 20px; color: #4A545F; margin-bottom: 20px; } .directions-container .direction-links-container .not-ready-direction a { text-decoration: none; } .directions-container .direction-links-container .begin-direction .ready-link,.directions-container .direction-links-container .not-ready-direction .not-ready-link { font-family: "Quasimoda-Bold"; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 15px 0 13px; display: inline-block; width: 320px; } @media screen and (min-width: 655px) { .directions-container .direction-links-container .begin-direction,.directions-container .direction-links-container .not-ready-direction { width: 50%; } .directions-container .direction-links-container .begin-direction { float: left; } .directions-container .direction-links-container .not-ready-direction { float: right; } } @media screen and (min-width: 331px) and (max-width: 724px) { .directions-container .direction-links-container .begin-direction .ready-link,.directions-container .direction-links-container .not-ready-direction .not-ready-link { width: 290px; } } @media screen and (max-width: 654px) { .directions-container .direction-links-container .begin-direction,.directions-container .direction-links-container .not-ready-direction { width: 100%; } .directions-container .direction-links-container { margin-top: 40px; } .directions-container .direction-links-container .begin-direction { margin-bottom: 40px; } } @media screen and (max-width: 330px) { .directions-container .direction-links-container .begin-direction .ready-link,.directions-container .direction-links-container .not-ready-direction .not-ready-link { font-size: 13px; width: 280px; } } .directions-container .direction-links-container .begin-direction .ready-link { color: #F3F1F1; background-color: #77532A; border: 2px solid #77532A; } .directions-container .direction-links-container .not-ready-direction .not-ready-link { color: #77532A; border: 2px solid #BBA78C; } /* All Pages Direction Links Section End */ /* Main Content */ #index-main-content-container #index-main-content { background-color: #958D84; max-width: 2560px; } /* Featured In Container */ #index-main-content-container #index-main-content .featured-in-background-color { background-color: #F3F1F1; } #index-main-content-container #index-main-content .featured-in-container { text-align: center; padding: 20px 50px 50px; background:linear-gradient(rgba(89,93,103,1.0),rgba(0,0,0,0.1)); } @media screen and (max-width: 934px) { #index-main-content-container #index-main-content .featured-in-container { padding: 20px; } } #index-main-content-container #index-main-content .featured-in-container h2 { font-family: "Quasimoda-Regular"; font-size: 20px; color: #F3F1F1; text-transform: uppercase; } #index-main-content-container #index-main-content .featured-in-container figure { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 5%; row-gap: 16px; align-items: center; max-width: 1980px; width: 100%; margin: 0 auto; box-sizing: border-box; } #index-main-content-container #index-main-content .featured-in-container figure a { text-decoration: none; } #index-main-content-container #index-main-content .featured-in-container figure img { margin-top: 10px; max-height: 55px; width: auto; max-width: 100%; flex-shrink: 1; } @media screen and (max-width: 1600px) { #index-main-content-container #index-main-content .featured-in-container figure img { max-height: 50px; } } @media screen and (max-width: 1465px) { #index-main-content-container #index-main-content .featured-in-container figure img { max-height: 45px; } } @media screen and (max-width: 1330px) { #index-main-content-container #index-main-content .featured-in-container figure img { max-height: 40px; } } @media screen and (max-width: 1190px) { #index-main-content-container #index-main-content .featured-in-container figure img { max-height: 35px; } } @media screen and (max-width: 1055px) { #index-main-content-container #index-main-content .featured-in-container figure img { max-height: 30px; } } /* Featured In Container End */ /* Article Image Container */ #index-main-content-container #index-main-content .article-image-container { width: 100%; background-color: #958D84; max-width: 1920px; } #index-main-content-container #index-main-content .article-image-container:after { content: ""; display: table; clear: both; } #index-main-content-container #index-main-content .article-image-container figure { font-size: 0px; } #index-main-content-container #index-main-content .article-image-container figure img { width: 100%; } #index-main-content-container #index-main-content .article-image-container article { color: #F3F1F1; padding: 70px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media screen and (max-width: 1640px) { #index-main-content-container #index-main-content .article-image-container article { padding: 50px 70px; } } @media screen and (max-width: 1540px) { #index-main-content-container #index-main-content .article-image-container article { padding: 50px; } } #index-main-content-container #index-main-content .article-image-container article h3 { font-family: "Quasimoda-Regular"; font-size: 22px; } #index-main-content-container #index-main-content .article-image-container article .article-title { font-family: "Libre-Baskerville-Regular"; font-size: 56px; margin-top: 20px; } #index-main-content-container #index-main-content .article-image-container article .article-divider { width: 100px; height: 3px; background-color: #77532A; margin-top: 70px; margin-bottom: 70px; float: left; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-family: "Quasimoda-Bold"; font-size: 24px; clear: both; } #index-main-content-container #index-main-content .article-image-container article p,#index-main-content-container #index-main-content .article-image-container article .p-bold { font-size: 22px; } #index-main-content-container #index-main-content .article-image-container article p { font-family: "Libre-Baskerville-Regular"; margin-top: 20px; line-height: 30px; } #index-main-content-container #index-main-content .article-image-container article .p-bold { font-family: "Quasimoda-Bold"; } @media screen and (max-width: 1820px) { #index-main-content-container #index-main-content .article-image-container article p { line-height: 27px; } } @media screen and (max-width: 1785px) { #index-main-content-container #index-main-content .article-image-container article .article-divider { margin-top: 60px; margin-bottom: 60px; } #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 52px; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-size: 22px; } #index-main-content-container #index-main-content .article-image-container article p,#index-main-content-container #index-main-content .article-image-container article .p-bold { font-size: 20px; } } @media screen and (max-width: 1680px) { #index-main-content-container #index-main-content .article-image-container article .article-divider { margin-top: 50px; margin-bottom: 50px; } #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 48px; } #index-main-content-container #index-main-content .article-image-container article p { margin-top: 15px; } } @media screen and (max-width: 1610px) { #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 46px; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-size: 20px; } #index-main-content-container #index-main-content .article-image-container article p,#index-main-content-container #index-main-content .article-image-container article .p-bold { font-size: 18px; } } @media screen and (max-width: 1500px) { #index-main-content-container #index-main-content .article-image-container article .article-divider { margin-top: 40px; margin-bottom: 40px; } #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 42px; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-size: 18px; } #index-main-content-container #index-main-content .article-image-container article p { line-height: 25px; } } @media screen and (max-width: 1440px) { #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 38px; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-size: 17px; } #index-main-content-container #index-main-content .article-image-container article p,#index-main-content-container #index-main-content .article-image-container article .p-bold { font-size: 17px; } } @media screen and (max-width: 1390px) { #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 36px; margin-top: 15px; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-size: 16px; } #index-main-content-container #index-main-content .article-image-container article p,#index-main-content-container #index-main-content .article-image-container article .p-bold { font-size: 16px; } #index-main-content-container #index-main-content .article-image-container article p { margin-top: 10px; } } @media screen and (min-width: 1320px) { #index-main-content-container #index-main-content .article-image-container figure { width: 50%; float: left; } #index-main-content-container #index-main-content .article-image-container article { width: 50%; float: right; } } @media screen and (max-width: 1319px) { #index-main-content-container #index-main-content .article-image-container figure { width: 100%; text-align: left; background-color: #12181D; text-align: center; } #index-main-content-container #index-main-content .article-image-container figure img { width: 50%; min-width: 500px; } #index-main-content-container #index-main-content .article-image-container article { width: 100%; } } @media screen and (max-width: 500px) { #index-main-content-container #index-main-content .article-image-container figure img { min-width: 100%; } } @media screen and (max-width: 934px) { #index-main-content-container #index-main-content .article-image-container article { padding: 30px 20px; } } @media screen and (max-width: 500px) { #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 32px; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-size: 16px; } #index-main-content-container #index-main-content .article-image-container article .article-divider { margin-top: 25px; margin-bottom: 25px; } } /* @media screen and (max-width: 1400px) { #index-main-content-container #index-main-content .article-image-container article .article-divider { margin-top: 30px; margin-bottom: 30px; } #index-main-content-container #index-main-content .article-image-container article { padding: 50px; } } @media screen and (max-width: 1320px) { #index-main-content-container #index-main-content .article-image-container article h3 { font-size: 18px; } #index-main-content-container #index-main-content .article-image-container article .article-title { font-size: 36px; } #index-main-content-container #index-main-content .article-image-container article .article-sub-title { font-size: 18px; } #index-main-content-container #index-main-content .article-image-container article p { font-size: 15px; margin-top: 10px; line-height: 23px; } #index-main-content-container #index-main-content .article-image-container article .p-bold { font-size: 16px; } } @media screen and (max-width: 1215px) { #index-main-content-container #index-main-content .article-image-container article { padding: 50px 20px 50px 30px; } } */ /* Article Image Container End */ /* Article Container 1 */ #index-main-content-container #index-main-content .if-you-can-uou-should-background-color { width: 100%; background-color: #F3F1F1; } #index-main-content-container #index-main-content .article-container1 { text-align: center; padding: 50px; max-width: 1980px; } @media screen and (max-width: 934px) { #index-main-content-container #index-main-content .article-container1 { padding: 50px 20px; } } #index-main-content-container #index-main-content .article-container1 h3 { font-family: "Quasimoda-Regular"; font-size: 22px; text-transform: uppercase; color: #4A545F; } #index-main-content-container #index-main-content .article-container1 .article-title { font-family: "Libre-Baskerville-Regular"; font-size: 56px; color: #77532A; margin-top: 20px; } #index-main-content-container #index-main-content .article-container1 p { font-family: "Libre-Baskerville-Regular"; font-size: 22px; color: #4A545F; margin-top: 15px; line-height: 30px; } #index-main-content-container #index-main-content .article-container1 .p1,#index-main-content-container #index-main-content .article-container1 .p2 { max-width: 1155px; text-align: left; } #index-main-content-container #index-main-content .article-container1 .p2 { margin-top: 0; } @media screen and (max-width: 1820px) { #index-main-content-container #index-main-content .article-container1 p { line-height: 27px; } } @media screen and (max-width: 1785px) { #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 52px; } #index-main-content-container #index-main-content .article-container1 p { font-size: 20px; } } @media screen and (max-width: 1680px) { #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 48px; } #index-main-content-container #index-main-content .article-container1 p { margin-top: 15px; } } @media screen and (max-width: 1610px) { #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 46px; } #index-main-content-container #index-main-content .article-container1 p { font-size: 18px; } } @media screen and (max-width: 1500px) { #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 42px; } #index-main-content-container #index-main-content .article-container1 p { line-height: 25px; } } @media screen and (max-width: 1440px) { #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 38px; } #index-main-content-container #index-main-content .article-container1 p { font-size: 17px; } } @media screen and (max-width: 1390px) { #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 36px; margin-top: 15px; } #index-main-content-container #index-main-content .article-container1 p { font-size: 16px; margin-top: 10px; } } /* @media screen and (max-width: 1320px) { #index-main-content-container #index-main-content .article-container1 h3 { font-size: 18px; } #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 36px; } #index-main-content-container #index-main-content .article-container1 p { font-size: 15px; margin-top: 10px; line-height: 23px; } } @media screen and (max-width: 500px) { #index-main-content-container #index-main-content .article-container1 .article-title { font-size: 32px; } } */ /* Article Info Box */ #index-main-content-container #index-main-content .article-container1 .article-info-box-container { margin-top: 34px; max-width: 1470px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box { text-align: left; border: 2px solid #77532A; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box { width: 300px; height: 265px; display: inline-block; vertical-align: top; margin: 16px 8px 0 8px; padding: 20px 20px 0 20px; } /* @media screen and (min-width: 645px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box { width: 300px; height: 265px; display: inline-block; vertical-align: top; margin: 16px 8px 0 8px; padding: 20px 20px 0 20px; } } @media screen and (max-width: 644px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box { width: 100%; margin-top: 16px; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } } */ #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box .article-divider { width: 75px; height: 1px; background-color: #77532A; margin-bottom: 20px; float: left; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box h3 { font-family: "Quasimoda-Regular"; font-size: 24px; text-transform: none; color: #4A545F; clear: both; line-height: 30px; max-width: 220px; float: left; margin-bottom: 15px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box p { font-family: "Libre-Baskerville-Regular"; font-size: 18px; color: #4A545F; margin-top: 15px; line-height: 25px; clear: both; } #index-main-content-container #index-main-content .article-container1 h4 { font-family: "Quasimoda-Regular"; font-size: 22px; color: #4A545F; margin-top: 15px; line-height: 25px; text-transform: uppercase; } @media screen and (max-width: 1555px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box { width: 265px; height: 265px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box h3 { font-size: 22px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box p { font-size: 16px; } #index-main-content-container #index-main-content .article-container1 h4 { font-size: 20px; } } @media screen and (max-width: 1090px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box { width: 245px; height: 245px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box h3 { font-size: 20px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box p { font-size: 15px; line-height: 22px; } #index-main-content-container #index-main-content .article-container1 h4 { font-size: 20px; } } @media screen and (max-width: 655px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container .article-info-box { width: 100%; height: 100%; padding: 20px; margin: 8px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #index-main-content-container #index-main-content .article-container1 h4 { font-size: 18px; } } /* Article Info Box End */ /* Article Container 1 End */ /* Video Loop */ #index-main-content-container #index-main-content #video-container { position: relative; font-size: 0px; } #index-main-content-container #index-main-content #video-container video { width: 100%; filter: brightness(60%); } #index-main-content-container #index-main-content #video-container .video-text-container { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } #index-main-content-container #index-main-content #video-container .video-text-container a { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #F3F1F1; padding: 16px 30px 12px; display: inline-block; color: #4A545F; text-decoration: none; text-transform: uppercase; border: 2px solid #F3F1F1; } #index-main-content-container #index-main-content #video-container .video-text-container a:hover { background-color: #77532A; border: 2px solid #BBA78C; text-decoration: underline; color: #F3F1F1; } @media screen and (max-width: 956px) { #index-main-content-container #index-main-content #video-container .video-text-container a { font-size: 12px; padding: 11px 25px 9px; } } /* Pop Up Video */ #light,#light2,#light3 { display: none; /* position: absolute; */ top: 50px; left: 0; /*margin-top: -550px;*/ background: #FFF; z-index: 1002; overflow: visible; text-align: center; background-color: #000; width: 100%; font-size: 0px; position: fixed; /* was: absolute */ } #boxclose,#boxclose2,#boxclose3 { float: right; cursor: pointer; color: #fff; border-radius: 3px; background: #000; font-size: 31px; font-weight: bold; display: inline-block; line-height: 0px; padding: 11px 3px; position: absolute; right: 30px; top: 2px; z-index: 1002; opacity: 0.9; } #fade,#fade2,#fade3 { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } #VisaChipCardVideo,#VisaChipCardVideo2,#VisaChipCardVideo3 { width: 100%; max-width: 1000px; } .boxclose:before,.boxclose2:before,.boxclose3:before { content: "×"; } #fade:hover ~ #boxclose,#fade2:hover ~ #boxclose2,#fade3:hover ~ #boxclose3 { display:none; } /* Pop Up Video End */ /* Video Loop End */ /* Steps Article */ #index-main-content-container #index-main-content .article-container1 .p3 { max-width: 960px; text-align: left; } #index-main-content-container #index-main-content .article-container1 .steps-container { margin-top: 10px; max-width: 1400px; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps { vertical-align: top; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps .span-number { font-family: "Libre-Baskerville-Bold"; font-size: 68px; color: #77532A; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps .steps-divider { width: 80px; height: 1px; background-color: #77532A; margin-top: 10px; margin-bottom: 25px; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps h2 { font-family: "Quasimoda-SemiBold"; font-size: 18px; color: #4A545F; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps p { font-family: "Libre-Baskerville-Regular"; font-size: 16px; color: #4A545F; line-height: 20px; } @media screen and (min-width: 611px) { #index-main-content-container #index-main-content .article-container1 .steps-container .steps { display: inline-block; padding: 20px 0; width: 270px; } } @media screen and (min-width: 1435px) { #index-main-content-container #index-main-content .article-container1 .steps-container .steps { margin: 20px 40px; } #index-main-content-container #index-main-content .article-container1 .steps-container .left-step { margin: 20px 40px 20px 0; } #index-main-content-container #index-main-content .article-container1 .steps-container .right-step { margin: 20px 0 20px 40px; } } @media screen and (max-width: 1434px) { #index-main-content-container #index-main-content .article-container1 .steps-container .steps { margin: 20px 30px; } #index-main-content-container #index-main-content .article-container1 .steps-container .left-step { margin: 20px 30px 20px 0; } #index-main-content-container #index-main-content .article-container1 .steps-container .right-step { margin: 20px 0 20px 30px; } } @media screen and (max-width: 1375px) { #index-main-content-container #index-main-content .article-container1 .steps-container .steps { margin: 10px; padding: 10px 0; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps { margin: 10px 10px; } #index-main-content-container #index-main-content .article-container1 .steps-container .left-step { margin: 10px 10px 10px 0; } #index-main-content-container #index-main-content .article-container1 .steps-container .right-step { margin: 10px 0 10px 10px; } } @media screen and (max-width: 1165px) { #index-main-content-container #index-main-content .article-container1 .steps-container .steps,#index-main-content-container #index-main-content .article-container1 .steps-container .left-step,#index-main-content-container #index-main-content .article-container1 .steps-container .right-step { margin: 0 10px; } } @media screen and (max-width: 625px) { #index-main-content-container #index-main-content .article-container1 .steps-container .steps { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps,#index-main-content-container #index-main-content .article-container1 .steps-container .left-step,#index-main-content-container #index-main-content .article-container1 .steps-container .right-step { margin: 10px 0; } #index-main-content-container #index-main-content .article-container1 .steps-container .steps p br { display: none; } } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 { margin-top: 34px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box { text-align: left; border: 2px solid #77532A; margin: 10px; vertical-align: top; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box h3 { font-family: "Libre-Baskerville-Bold"; font-size: 26px; text-transform: none; color: #4A545F; line-height: 35px; text-align: center; max-width: 200px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box .article-divider { width: 75px; height: 1px; background-color: #77532A; margin-top: 40px; margin-bottom: 40px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box p { font-family: "Libre-Baskerville-Regular"; font-size: 16px; color: #4A545F; line-height: 25px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .steps-link { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #77532A; padding: 16px 30px 12px; display: inline-block; color: #F3F1F1; text-decoration: none; text-transform: uppercase; border: 2px solid #BBA78C; margin-top: 8px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .steps-link:hover { background-color: #BBA78C; border: 2px solid #77532A; text-decoration: underline; } @media screen and (max-width: 956px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .steps-link { font-size: 12px; padding: 11px 25px 9px; } } @media screen and (min-width: 816px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box { width: 360px; display: inline-block; } } @media screen and (min-width: 1560px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box { height: 395px; padding: 50px 50px 0; } } @media screen and (min-width: 1440px) and (max-width: 1559px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box { height: 376px; padding: 50px 30px 0; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box .article-divider { margin-top: 30px; margin-bottom: 30px; } } @media screen and (max-width: 1439px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box { width: 100%; padding: 30px 20px; margin: 10px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box .article-divider { margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 500px) { #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box h3 { font-size: 22px; } #index-main-content-container #index-main-content .article-container1 .article-info-box-container2 .article-info-box { padding: 20px; } } /* Steps Article End */ /* Google Review */ #index-main-content-container #index-main-content .google-review-background-color { background-color: #12181D; } #index-main-content-container #index-main-content .google-review-container { max-width: 1920px; } #index-main-content-container #index-main-content .google-review-container:after { content: ""; display: table; clear: both; } #index-main-content-container #index-main-content .google-review-container a { text-decoration: none; } #index-main-content-container #index-main-content .google-review-container .google-review-image { font-size: 0px; } #index-main-content-container #index-main-content .google-review-container .google-review-text { text-align: center; padding: 50px 50px 50px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #index-main-content-container #index-main-content .google-review-container .google-review-text h3 { font-family: "Libre-Baskerville-Regular"; font-size: 22px; color: #77532A; text-transform: uppercase; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box { font-family: "Quasimoda-Regular"; border: 2px solid #77532A; margin-top: 10px; padding: 30px; text-align: left; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure { font-size: 0px; margin-bottom: 30px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure .google-quote,#index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure .google-icon { height: 25px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure .google-stars-icon { height: 15px; margin: 5px 0 5px 12px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure .google-quote { margin-right: 30px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { font-size: 20px; color: #F3F1F1; line-height: 30px; text-align: justify; } #pages-main-content-container #pages-main-content .results-matter-background-color .article-container2 .google-review-box .testimonial-read-more { font-size: 16px; font-family: "Quasimoda-Regular"; color: #F3F1F1; text-decoration: underline; cursor: pointer; margin-top: 20px; display: inline-block; text-transform: none; } @media screen and (max-width: 1465px) { #pages-main-content-container #pages-main-content .results-matter-background-color .article-container2 .google-review-box .testimonial-read-more { font-size: 14px; margin-top: 10px; } } #pages-main-content-container #pages-main-content .results-matter-background-color .article-container2 .google-review-box #testimonial-more-text3,#pages-main-content-container #pages-main-content .results-matter-background-color .article-container2 .google-review-box #testimonial-more-text4,#pages-main-content-container #pages-main-content .results-matter-background-color .article-container2 .google-review-box #testimonial-more-text5,#pages-main-content-container #pages-main-content .results-matter-background-color .article-container2 .google-review-box #testimonial-more-text6 { display: none; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box .google-review-divider { background-color: #77532A; height: 3px; width: 75px; float: left; margin-top: 25px; margin-bottom: 25px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h4 { font-size: 22px; color: #F3F1F1; clear: both; line-height: 25px; margin-bottom: 5px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h5 { font-size: 14px; color: #77532A; margin-top: 10px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h5 img { height: 15px; margin-left: 7px; margin-bottom: -2px; } @media screen and (max-width: 1920px) { #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { font-size: 18px; line-height: 25px; } } @media screen and (max-width: 1810px) { #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { font-size: 16px; line-height: 22px; } } @media screen and (max-width: 1690px) { #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box { padding: 20px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h4 { font-size: 20px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box .google-review-divider { margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 1635px) { #index-main-content-container #index-main-content .google-review-container .google-review-text h3 { font-size: 20px; } #index-main-content-container #index-main-content .google-review-container .google-review-text { padding: 30px 30px 30px 0; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure { margin-bottom: 20px; } } @media screen and (max-width: 1465px) { #index-main-content-container #index-main-content .google-review-container .google-review-text h3 { font-size: 18px; } #index-main-content-container #index-main-content .google-review-container .google-review-text { padding: 20px 20px 20px 0; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box .google-review-divider { margin-top: 15px; margin-bottom: 15px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h4 { font-size: 18px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { font-size: 14px; line-height: 20px; } } @media screen and (max-width: 1309px) { #index-main-content-container #index-main-content .google-review-container .google-review-image { width: 100%; text-align: center; } #index-main-content-container #index-main-content .google-review-container .google-review-image img { width: 100%; max-width: 850px; } #index-main-content-container #index-main-content .google-review-container .google-review-text { width: 100%; padding: 50px; } #index-main-content-container #index-main-content .google-review-container .google-review-text h3 { font-size: 22px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure { font-size: 0px; margin-bottom: 30px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { font-size: 18px; line-height: 25px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box .google-review-divider { margin-top: 25px; margin-bottom: 25px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h4 { font-size: 22px; line-height: 25px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h5 { font-size: 14px; } } @media screen and (min-width: 1310px) { #index-main-content-container #index-main-content .google-review-container .google-review-image { width: 50%; float: left; } #index-main-content-container #index-main-content .google-review-container .google-review-image img { width: 100%; } #index-main-content-container #index-main-content .google-review-container .google-review-text { width: 50%; float: right; } } @media screen and (max-width: 934px) { #index-main-content-container #index-main-content .google-review-container .google-review-text { padding: 20px; } } @media screen and (max-width: 740px) { #index-main-content-container #index-main-content .google-review-container .google-review-text h3 { font-size: 20px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { font-size: 16px; line-height: 22px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box h4 { font-size: 20px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box figure { margin-bottom: 20px; } } @media screen and (max-width: 600px) { #index-main-content-container #index-main-content .google-review-container .google-review-text h3 { font-size: 18px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { text-align: left; } } @media screen and (max-width: 400px) { #index-main-content-container #index-main-content .google-review-container .google-review-text { padding: 10px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box { padding: 10px; } #index-main-content-container #index-main-content .google-review-container .google-review-text .google-review-box p { font-size: 14px; line-height: 20px; } } /* Google Review End */ /* About Section */ #index-main-content-container #index-main-content .about-section { padding: 100px 50px 50px; text-align: center; background-color: #F3F1F1; } #index-main-content-container #index-main-content .about-section h2 { font-family: "Libre-Baskerville-Bold"; color: #77532A; font-size: 32px; text-transform: uppercase; } #index-main-content-container #index-main-content .about-section .counter-container { max-width: 1445px; margin-top: 60px; } #index-main-content-container #index-main-content .about-section .counter-container .counter { display: inline-block; vertical-align: top; margin-top: 20px; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter { width: 280px; margin: 20px 75px 0 0; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter { margin: 20px 75px; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter { width: 225px; } #index-main-content-container #index-main-content .about-section .counter-container .third-counter { width: 325px; } #index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { width: 145px; margin: 20px 0 0 75px; } #index-main-content-container #index-main-content .about-section .counter-container .counter .span-number { font-family: "Libre-Baskerville-Bold"; font-size: 72px; color: #77532A; } #index-main-content-container #index-main-content .about-section .counter-container .counter .steps-divider { width: 80px; height: 1px; background-color: #77532A; margin-top: 30px; margin-bottom: 45px; } #index-main-content-container #index-main-content .about-section .counter-container .counter h2 { font-family: "Quasimoda-SemiBold"; font-size: 28px; color: #4A545F; text-transform: none; line-height: 43px; } @media screen and (max-width: 1610px) { #index-main-content-container #index-main-content .about-section h2 { font-size: 30px; } } @media screen and (max-width: 1540px) { #index-main-content-container #index-main-content .about-section .counter-container { margin-top: 40px; } #index-main-content-container #index-main-content .about-section h2 { font-size: 27px; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter { margin: 20px 50px 0 0; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter { margin: 20px 50px 0; } #index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { margin: 20px 0 0 50px; } } @media screen and (max-width: 1390px) { #index-main-content-container #index-main-content .about-section { padding: 75px 50px 50px; } #index-main-content-container #index-main-content .about-section h2 { font-size: 22px; } #index-main-content-container #index-main-content .about-section .counter-container { margin-top: 20px; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter { width: 240px; margin: 20px 30px 0 0; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter { width: 190px; } #index-main-content-container #index-main-content .about-section .counter-container .third-counter { width: 280px; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter { margin: 20px 30px 0; } #index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { width: 125px; margin: 20px 0 0 30px; } #index-main-content-container #index-main-content .about-section .counter-container .counter .span-number { font-size: 58px; } #index-main-content-container #index-main-content .about-section .counter-container .counter .steps-divider { margin-top: 20px; margin-bottom: 30px; } #index-main-content-container #index-main-content .about-section .counter-container .counter h2 { font-size: 24px; line-height: 37px; } } @media screen and (max-width: 1140px) { #index-main-content-container #index-main-content .about-section h2 { font-size: 20px; line-height: 25px; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter { width: 220px; margin: 20px 20px 0 0; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter { width: 175px; } #index-main-content-container #index-main-content .about-section .counter-container .third-counter { width: 255px; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter { margin: 20px 20px 0; } #index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { width: 115px; margin: 20px 0 0 20px; } #index-main-content-container #index-main-content .about-section .counter-container .counter .span-number { font-size: 46px; } #index-main-content-container #index-main-content .about-section .counter-container .counter .steps-divider { width: 60px; margin-top: 15px; margin-bottom: 20px; } #index-main-content-container #index-main-content .about-section .counter-container .counter h2 { font-size: 22px; line-height: 34px; } } @media screen and (max-width: 1000px) { #index-main-content-container #index-main-content .about-section .counter-container { margin-top: 0; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter,#index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter,#index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { margin: 40px 0 0; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter,#index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter,#index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { width: 50%; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter { float: left; } #index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { float: right; } #index-main-content-container #index-main-content .about-section .counter-container .counter .steps-divider { width: 60px; margin-top: 15px; margin-bottom: 20px; } #index-main-content-container #index-main-content .about-section .counter-container .counter h2 { font-size: 22px; line-height: 34px; } #index-main-content-container #index-main-content .about-section .counter-container:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 650px) { #index-main-content-container #index-main-content .about-section h2 { font-size: 18px; line-height: 23px; } #index-main-content-container #index-main-content .about-section .counter-container .counter .span-number { font-size: 36px; } #index-main-content-container #index-main-content .about-section .counter-container .counter h2 { font-size: 20px; line-height: 30px; } } @media screen and (max-width: 500px) { #index-main-content-container #index-main-content .about-section .counter-container .counter .span-number { font-size: 32px; } #index-main-content-container #index-main-content .about-section .counter-container .counter h2 { font-size: 18px; line-height: 27px; } } @media screen and (max-width: 455px) { #index-main-content-container #index-main-content .about-section .counter-container .first-counter,#index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter,#index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { width: 100%; } #index-main-content-container #index-main-content .about-section .counter-container .first-counter,#index-main-content-container #index-main-content .about-section .counter-container .third-counter,#index-main-content-container #index-main-content .about-section .counter-container .second-counter,#index-main-content-container #index-main-content .about-section .counter-container .fourth-counter { float: none; } } @media screen and (max-width: 934px) { #index-main-content-container #index-main-content .about-section { padding: 50px 20px; } } #index-main-content-container #index-main-content .about-section .about-image-container { font-size: 0px; margin-top: 60px; width: 100%; /* max-width: 1820px; */ } @media screen and (max-width: 1390px) { #index-main-content-container #index-main-content .about-section .about-image-container { margin-top: 50px; } } @media screen and (max-width: 1399px) { #index-main-content-container #index-main-content .about-section .about-image-container .about-image-large { display: none; } } @media screen and (min-width: 1400px) { #index-main-content-container #index-main-content .about-section .about-image-container .about-image-small { display: none; } } @media screen and (max-width: 934px) { #index-main-content-container #index-main-content .about-section .about-image-container .about-image { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; max-width: none; } } @media screen and (min-width: 935px) { #index-main-content-container #index-main-content .about-section .about-image-container .about-image { width: calc(100% + 100px); margin-left: -50px; margin-right: -50px; max-width: none; } } #index-main-content-container #index-main-content .about-section h3 { font-family: "Libre-Baskerville-Regular"; font-size: 46px; color: #77532A; margin-top: 50px; } @media screen and (max-width: 1300px) { #index-main-content-container #index-main-content .about-section h3 { font-size: 38px; } } @media screen and (max-width: 1000px) { #index-main-content-container #index-main-content .about-section h3 { margin-top: 30px; } } @media screen and (max-width: 800px) { #index-main-content-container #index-main-content .about-section h3 { font-size: 32px; } } @media screen and (min-width: 651px) { #index-main-content-container #index-main-content .about-section h3 br { display: none; } } @media screen and (max-width: 650px) { #index-main-content-container #index-main-content .about-section h3 { line-height: 35px; } } @media screen and (max-width: 500px) { #index-main-content-container #index-main-content .about-section h3 { font-size: 28px; line-height: 33px; } } #index-main-content-container #index-main-content .about-section .steps-link { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #77532A; padding: 16px 30px 12px; display: inline-block; color: #F3F1F1; text-decoration: none; text-transform: uppercase; border: 2px solid #BBA78C; margin-top: 30px; } #index-main-content-container #index-main-content .about-section .steps-link:hover { background-color: #BBA78C; border: 2px solid #77532A; text-decoration: underline; } @media screen and (max-width: 956px) { #index-main-content-container #index-main-content .about-section .steps-link { font-size: 12px; padding: 11px 25px 9px; } } /* About Section End */ /* FAQ Section */ #index-main-content-container #index-main-content .faq-container { padding: 50px; background-color: #958D84; } @media screen and (max-width: 934px) { #index-main-content-container #index-main-content .faq-container { padding: 50px 20px; } } #index-main-content-container #index-main-content .faq-container h3 { font-family: "Libre-Baskerville-Regular"; font-size: 54px; color: #fff; text-align: center; } @media screen and (max-width: 1300px) { #index-main-content-container #index-main-content .faq-container h3 { font-size: 46px; } } @media screen and (max-width: 800px) { #index-main-content-container #index-main-content .faq-container h3 { font-size: 40px; } } @media screen and (max-width: 620px) { #index-main-content-container #index-main-content .faq-container h3 { font-size: 36px; } } @media screen and (max-width: 560px) { #index-main-content-container #index-main-content .faq-container h3 { font-size: 32px; line-height: 40px; } } @media screen and (max-width: 330px) { #index-main-content-container #index-main-content .faq-container h3 { font-size: 31px; } } #index-main-content-container #index-main-content .faq-container .faq-link { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #F3F1F1; padding: 16px 30px 12px; display: inline-block; color: #4A545F; text-decoration: none; text-transform: uppercase; border: 2px solid #F3F1F1; margin-top: 20px; } #index-main-content-container #index-main-content .faq-container .faq-link:hover { background-color: #77532A; border: 2px solid #BBA78C; text-decoration: underline; color: #F3F1F1; } @media screen and (max-width: 956px) { #index-main-content-container #index-main-content .faq-container .faq-link { font-size: 12px; padding: 11px 25px 9px; } } #index-main-content-container #index-main-content .faq-questions-container { width: 100%; max-width: 1100px; margin-top: 50px; } #index-main-content-container #index-main-content .faq-questions-container h4 { font-family: "Quasimoda-Regular"; font-size: 20px; color: #F3F1F1; text-transform: uppercase; } #index-main-content-container #index-main-content .faq-questions-container .questions { margin-top: 20px; } #index-main-content-container #index-main-content .faq-questions-container .questions p { font-family: "Libre-Baskerville-Regular"; font-size: 20px; color: #F3F1F1; line-height: 25px; margin-bottom: 10px; } @media screen and (min-width: 901px) { #index-main-content-container #index-main-content .faq-questions-container .questions p .br1 { display: none; } } @media screen and (max-width: 425px) { #index-main-content-container #index-main-content .faq-questions-container .questions p .br1 { display: none; } } @media screen and (min-width: 426px) { #index-main-content-container #index-main-content .faq-questions-container .questions p .br2 { display: none; } } #index-main-content-container #index-main-content .faq-questions-container .questions p span { font-size: 16px; padding: 20px 0; } #index-main-content-container #index-main-content .faq-questions-container .questions p .top-margin { padding-top: 20px; } #index-main-content-container #index-main-content .faq-questions-container .questions-border-bottom { width: 100%; height: 1px; background-color: #F3F1F1; } #index-main-content-container #index-main-content .faq-questions-container .questions:after { content: ""; display: table; clear: both; } .questions .hide { display: none; } .questions .internal { text-decoration: none; color: #000; } .questions .internal:after { font-family: "Libre-Baskerville-Regular"; font-size: 32px; color: #F3F1F1; content: "\002B"; float: right; margin-top: -10px; } .questions .internal.expanded:after { content: "\002D"; } .questions .name:not(.hide) { display: block; } @media screen and (max-width: 1000px) { #index-main-content-container #index-main-content .faq-questions-container { margin-top: 40px; } #index-main-content-container #index-main-content .faq-questions-container h4,#index-main-content-container #index-main-content .faq-questions-container .questions p { font-size: 18px; } } @media screen and (max-width: 500px) { #index-main-content-container #index-main-content .faq-questions-container { margin-top: 30px; } #index-main-content-container #index-main-content .faq-questions-container .questions { margin-top: 15px; } #index-main-content-container #index-main-content .faq-questions-container .questions p { margin-bottom: 5px; } #index-main-content-container #index-main-content .faq-questions-container h4,#index-main-content-container #index-main-content .faq-questions-container .questions p { font-size: 16px; } #index-main-content-container #index-main-content .faq-questions-container .questions p span { font-size: 14px; padding: 15px 0; } } @media screen and (max-width: 360px) { #index-main-content-container #index-main-content .faq-questions-container h4,#index-main-content-container #index-main-content .faq-questions-container .questions p { font-size: 15px; } } /* @media screen and (max-width: 380px) { #index-main-content-container #index-main-content .faq-questions-container h4,#index-main-content-container #index-main-content .faq-questions-container .questions p { font-size: 14px; } } */ /* FAQ Section End */ /* Main Content End */ /* About Page Content */ @media screen and (min-width: 1891px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 170px; } } @media screen and (min-width: 1821px) and (max-width: 1890px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 150px; } } @media screen and (min-width: 1751px) and (max-width: 1820px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 130px; } } @media screen and (min-width: 1635px) and (max-width: 1750px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 110px; } } @media screen and (min-width: 1551px) and (max-width: 1634px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 90px; } } @media screen and (min-width: 1471px) and (max-width: 1550px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 75px; } } @media screen and (min-width: 1284px) and (max-width: 1470px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 60px; } } @media screen and (min-width: 1258px) and (max-width: 1283px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 40px; } } @media screen and (min-width: 1216px) and (max-width: 1257px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 25px; } } @media screen and (min-width: 1184px) and (max-width: 1215px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 35px; } } @media screen and (min-width: 1150px) and (max-width: 1183px) { #pages-main-content-container #pages-main-content .more-refined article { margin-top: 20px; } } #pages-main-content-container #pages-main-content .our-approach-background-color { width: 100%; background-color: #F3F1F1; } #pages-main-content-container #pages-main-content { background-color: #958D84; max-width: 2560px; } /* Article Image Container */ #pages-main-content-container #pages-main-content .article-image-container { width: 100%; background-color: #958D84; max-width: 1920px; } #pages-main-content-container #pages-main-content .article-image-container:after { content: ""; display: table; clear: both; } #pages-main-content-container #pages-main-content .article-image-container figure { font-size: 0px; } #pages-main-content-container #pages-main-content .article-image-container figure img { width: 100%; } #pages-main-content-container #pages-main-content .article-image-container article { color: #F3F1F1; padding: 50px 70px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #pages-main-content-container #pages-main-content .article-image-container article h3 { font-family: "Quasimoda-Regular"; font-size: 20px; text-transform: uppercase; line-height: 25px; } #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-family: "Libre-Baskerville-Regular"; font-size: 42px; margin-top: 20px; line-height: 55px; } @media screen and (max-width: 1520px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 40px; line-height: 52px; } } @media screen and (max-width: 1460px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 38px; line-height: 50px; } } @media screen and (max-width: 1320px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 36px; line-height: 46px; } } @media screen and (max-width: 1260px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 34px; line-height: 44px; } } @media screen and (max-width: 540px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 32px; line-height: 40px; } } @media screen and (max-width: 515px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 30px; } } @media screen and (max-width: 485px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 28px; line-height: 36px; } } @media screen and (max-width: 455px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 26px; line-height: 34px; } } @media screen and (max-width: 425px) { #pages-main-content-container #pages-main-content .article-image-container article .article-title { font-size: 24px; line-height: 32px; } } #pages-main-content-container #pages-main-content .article-image-container article .article-divider { width: 100px; height: 3px; background-color: #77532A; margin-top: 40px; margin-bottom: 40px; float: left; } #pages-main-content-container #pages-main-content .article-image-container article .article-sub-title { font-family: "Quasimoda-Bold"; font-size: 20px; clear: both; line-height: 20px; } @media screen and (max-width: 540px) { #pages-main-content-container #pages-main-content .article-image-container article .article-sub-title br { display: none; } } #pages-main-content-container #pages-main-content .article-image-container article p,#pages-main-content-container #pages-main-content .article-image-container article .p-bold { font-size: 22px; } #pages-main-content-container #pages-main-content .article-image-container article p { font-family: "Libre-Baskerville-Regular"; margin-top: 20px; line-height: 30px; clear: both; } #pages-main-content-container #pages-main-content .article-image-container article .p-bold { font-family: "Quasimoda-Bold"; } @media screen and (max-width: 1820px) { #pages-main-content-container #pages-main-content .article-image-container article p { line-height: 27px; } } @media screen and (max-width: 1785px) { #pages-main-content-container #pages-main-content .article-image-container article p,#pages-main-content-container #pages-main-content .article-image-container article .p-bold { font-size: 20px; } } @media screen and (max-width: 1680px) { #pages-main-content-container #pages-main-content .article-image-container article p { margin-top: 15px; } } @media screen and (max-width: 1610px) { #pages-main-content-container #pages-main-content .article-image-container article .article-sub-title { font-size: 20px; } #pages-main-content-container #pages-main-content .article-image-container article p,#pages-main-content-container #pages-main-content .article-image-container article .p-bold { font-size: 18px; } } @media screen and (max-width: 1500px) { #pages-main-content-container #pages-main-content .article-image-container article p { line-height: 25px; } } @media screen and (max-width: 1440px) { #pages-main-content-container #pages-main-content .article-image-container article p,#pages-main-content-container #pages-main-content .article-image-container article .p-bold { font-size: 17px; } } @media screen and (max-width: 1390px) { #pages-main-content-container #pages-main-content .article-image-container article p,#pages-main-content-container #pages-main-content .article-image-container article .p-bold { font-size: 16px; } #pages-main-content-container #pages-main-content .article-image-container article p { margin-top: 10px; } } @media screen and (max-width: 1400px) { #pages-main-content-container #pages-main-content .article-image-container article .article-divider { margin-top: 30px; margin-bottom: 30px; } #pages-main-content-container #pages-main-content .article-image-container article { padding: 50px; } } @media screen and (max-width: 1320px) { #pages-main-content-container #pages-main-content .article-image-container article h3 { font-size: 18px; } #pages-main-content-container #pages-main-content .article-image-container article .article-sub-title { font-size: 18px; } } @media screen and (max-width: 1215px) { #pages-main-content-container #pages-main-content .article-image-container article { padding: 50px 20px 50px 30px; } } @media screen and (min-width: 1151px) { #pages-main-content-container #pages-main-content .article-image-container figure { width: 50%; float: right; } #pages-main-content-container #pages-main-content .article-image-container article { width: 50%; float: left; } } @media screen and (max-width: 1150px) { #pages-main-content-container #pages-main-content .article-image-container figure { width: 100%; text-align: left; } #pages-main-content-container #pages-main-content .more-refined figure { background-color: #12181D; text-align: center; } #pages-main-content-container #pages-main-content .article-image-container figure img { width: 50%; min-width: 500px; } #pages-main-content-container #pages-main-content .article-image-container article { width: 100%; } } @media screen and (max-width: 500px) { #pages-main-content-container #pages-main-content .article-image-container figure img { min-width: 100%; } } @media screen and (max-width: 934px) { #pages-main-content-container #pages-main-content .article-image-container article { padding: 30px 20px; } } @media screen and (max-width: 500px) { #pages-main-content-container #pages-main-content .article-image-container article .article-sub-title { font-size: 16px; } #pages-main-content-container #pages-main-content .article-image-container article .article-divider { margin-top: 25px; margin-bottom: 25px; } } #pages-main-content-container #pages-main-content .article-image-container article .signature { font-family: "Bastliga-One"; font-size: 60px; margin-top: 60px; margin-bottom: 40px; } /* Modified Article */ #pages-main-content-container #pages-main-content .thoughtfully-guided-background-color { background-color: #fff; } #pages-main-content-container #pages-main-content .pages-adjusted-article { background-color: #fff; } #pages-main-content-container #pages-main-content .pages-adjusted-article article { color: #4A545F; padding: 50px 70px 50px 20px; } #pages-main-content-container #pages-main-content .pages-adjusted-article figure { font-size: 0px; padding: 50px 0 50px 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #pages-main-content-container #pages-main-content .pages-adjusted-article figure img { width: 100%; } @media screen and (max-width: 1150px) { #pages-main-content-container #pages-main-content .pages-adjusted-article article { padding: 30px 30px 50px; } #pages-main-content-container #pages-main-content .pages-adjusted-article figure { padding: 50px 30px 0; } #pages-main-content-container #pages-main-content .pages-adjusted-article figure img { max-width: 500px; } } @media screen and (max-width: 934px) { #pages-main-content-container #pages-main-content .pages-adjusted-article article { padding: 30px 20px; } #pages-main-content-container #pages-main-content .pages-adjusted-article figure { padding: 30px 20px 0; } } @media screen and (min-width: 1151px) { #pages-main-content-container #pages-main-content .pages-adjusted-article figure { width: 40%; float: left; } #pages-main-content-container #pages-main-content .pages-adjusted-article article { width: 60%; float: right; } } /* About Page Modified Article End */ /* Article Image Container End */ /* Steps Section */ #pages-main-content-container #pages-main-content .if-you-can-uou-should-background-color { width: 100%; background-color: #F3F1F1; } #pages-main-content-container #pages-main-content .article-container1 { text-align: center; padding: 50px; max-width: 1600px; } @media screen and (max-width: 934px) { #pages-main-content-container #pages-main-content .article-container1 { padding: 50px 20px; } } #pages-main-content-container #pages-main-content .article-container1 .article-title { font-family: "Libre-Baskerville-Regular"; font-size: 42px; color: #4A545F; margin-top: 20px; line-height: 45px; } #pages-main-content-container #pages-main-content .article-container1 .article-sub-title { font-family: "Libre-Baskerville-Bold"; font-size: 22px; color: #77532A; margin-top: 10px; } #pages-main-content-container #pages-main-content .article-container1 p { font-family: "Libre-Baskerville-Regular"; font-size: 16px; color: #4A545F; margin-top: 15px; line-height: 25px; } #pages-main-content-container #pages-main-content .article-container1 .p3 { max-width: 550px; } #pages-main-content-container #pages-main-content .article-container1 .p4 { max-width: 900px; } @media screen and (max-width: 1320px) { #pages-main-content-container #pages-main-content .article-container1 .article-title { font-size: 36px; } #pages-main-content-container #pages-main-content .article-container1 p { font-size: 15px; margin-top: 10px; line-height: 23px; } } @media screen and (max-width: 500px) { #pages-main-content-container #pages-main-content .article-container1 .article-title { font-size: 32px; line-height: 40px; } } #pages-main-content-container #pages-main-content .article-container1 .steps-container { margin-top: 10px; max-width: 1215px; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps .span-number { font-family: "Libre-Baskerville-Bold"; font-size: 68px; color: #77532A; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps .steps-divider { width: 80px; height: 1px; background-color: #77532A; margin-top: 10px; margin-bottom: 25px; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps h2 { font-family: "Quasimoda-SemiBold"; font-size: 16px; color: #4A545F; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps p { font-family: "Libre-Baskerville-Regular"; font-size: 14px; color: #4A545F; line-height: 20px; } @media screen and (min-width: 611px) { #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps { display: inline-block; padding: 20px 0; width: 240px; } } @media screen and (min-width: 1315px) { #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps { margin: 20px 40px; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .left-step { margin: 20px 40px 20px 0; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .right-step { margin: 20px 0 20px 40px; } } @media screen and (max-width: 1314px) { #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps { margin: 20px 30px; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .left-step { margin: 20px 30px 20px 0; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .right-step { margin: 20px 0 20px 30px; } } @media screen and (max-width: 1255px) { #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps { margin: 10px; padding: 10px 0; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps { margin: 10px 10px; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .left-step { margin: 10px 10px 10px 0; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .right-step { margin: 10px 0 10px 10px; } } @media screen and (max-width: 1165px) { #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps,#pages-main-content-container #pages-main-content .article-container1 .steps-container .left-step,#pages-main-content-container #pages-main-content .article-container1 .steps-container .right-step { margin: 0 10px; } } @media screen and (max-width: 610px) { #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps,#pages-main-content-container #pages-main-content .article-container1 .steps-container .left-step,#pages-main-content-container #pages-main-content .article-container1 .steps-container .right-step { margin: 10px 0; } #pages-main-content-container #pages-main-content .article-container1 .steps-container .steps p br { display: none; } } /* Steps Section End */ /* Team Members */ #pages-main-content-container #pages-main-content .team-of-experts-background-color { background-color: #fff; } #pages-main-content-container #pages-main-content .team-members-section { border-top: 3px solid #77532A; border-bottom: 3px solid #77532A; background-color: #fff; text-align: center; margin-top: -35px; } #pages-main-content-container #pages-main-content .team-members-section ul { list-style-type: none; padding: 10px 20px 8px; } #pages-main-content-container #pages-main-content .team-members-section ul li { font-family: "Libre-Baskerville-Bold"; font-size: 14px; color: #77532A; text-transform: uppercase; display: inline-block; } @media screen and (min-width: 649px) { #pages-main-content-container #pages-main-content .team-members-section ul .li-dot { display: none; } } @media screen and (max-width: 440px) { #pages-main-content-container #pages-main-content .team-members-section ul { padding: 10px 10px 8px; } } @media screen and (max-width: 420px) { #pages-main-content-container #pages-main-content .team-members-section ul li { font-size: 13px; } } @media screen and (max-width: 390px) { #pages-main-content-container #pages-main-content .team-members-section ul li { font-size: 12px; } } @media screen and (max-width: 365px) { #pages-main-content-container #pages-main-content .team-members-section ul li { font-size: 11px; } } @media screen and (max-width: 335px) { #pages-main-content-container #pages-main-content .team-members-section ul li { font-size: 10.5px; } } #pages-main-content-container #pages-main-content .team-members-section .team-members-container { font-size: 0; max-width: 1380px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member { width: 325px; display: inline-block; margin: 0 10px 20px; vertical-align: top; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info:after,#pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .info-links:after { content: ""; display: table; clear: both; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member figure { font-size: 0px; width: 100%; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member figure img { width: 100%; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info { background-color: #F3F1F1; padding: 20px; text-align: left; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info h2 { font-family: "Quasimoda-Regular"; color: #4A545F; font-size: 20px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info h3 { font-family: "Quasimoda-Regular"; color: #77532A; font-size: 10px; text-transform: uppercase; margin-top: 5px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .bio-divider { width: 25px; height: 1px; background-color: #77532A; float: left; margin-top: 15px; margin-bottom: 30px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .info-links { clear: both; width: 100%; font-size: 0px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .info-links .view-bio-link { font-family: "Quasimoda-Bold"; color: #4A545F; font-size: 14px; text-decoration: none; text-transform: uppercase; float: left; margin-top: 3px; cursor:pointer; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .info-links .view-bio-link:hover { text-decoration: underline; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .info-links .linkedin-link { display: inline-block; float: right; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .info-links .linkedin-link img { width: 15px; } @media screen and (min-width: 1180px) and (max-width: 1380px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-left { margin: 0 10px 20px 0px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-right { margin: 0 0px 20px 10px; } } @media screen and (max-width: 1359px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member { width: 300px; } } @media screen and (max-width: 1259px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member { width: 280px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info { padding: 15px 12px; } } @media screen and (min-width: 900px) and (max-width: 1179px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-left { margin: 0 10px 20px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-right { margin: 0 10px 20px; } } @media screen and (min-width: 790px) and (max-width: 900px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-left2 { margin: 0 10px 20px 0px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-right2 { margin: 0 0px 20px 10px; } } @media screen and (max-width: 879px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member { width: 250px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info { padding: 15px 10px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .info-links .view-bio-link { font-size: 12px; } } @media screen and (min-width: 520px) and (max-width: 600px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-left3 { margin: 0 10px 20px 0px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .margin-right3 { margin: 0 0px 20px 10px; } } @media screen and (max-width: 519px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member { width: 280px; margin: 0 0 10px; } #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info h3 br { display: none; } } @media screen and (max-width: 400px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member { width: 100%; } } @media screen and (min-width: 880px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info h3 br { display: none; } } @media screen and (min-width: 520px) and (max-width: 879px) { #pages-main-content-container #pages-main-content .team-members-section .team-members-container .team-member .team-member-info .bio-divider-br-adjust { margin-bottom: 20px; } } /* Team Members End */ /* About Page Content End */ /* Testimonials Page */ @media screen and (min-width: 1861px) { #pages-main-content-container #pages-main-content .more-refined2 article { margin-top: 200px; } } @media screen and (min-width: 1661px) and (max-width: 1860px) { #pages-main-content-container #pages-main-content .more-refined2 article { margin-top: 150px; } } @media screen and (min-width: 1461px) and (max-width: 1660px) { #pages-main-content-container #pages-main-content .more-refined2 article { margin-top: 120px; } } @media screen and (min-width: 1261px) and (max-width: 1460px) { #pages-main-content-container #pages-main-content .more-refined2 article { margin-top: 85px; } } @media screen and (min-width: 1181px) and (max-width: 1260px) { #pages-main-content-container #pages-main-content .more-refined2 article { margin-top: 70px; } } @media screen and (min-width: 1151px) and (max-width: 1181px) { #pages-main-content-container #pages-main-content .more-refined2 article { margin-top: 50px; } } @media screen and (max-width: 1150px) { #pages-main-content-container #pages-main-content .more-refined2 figure { background-color: #12181D; text-align: center; } } #pages-main-content-container #pages-main-content .about-section { padding: 100px 50px 50px; text-align: center; background-color: #F3F1F1; } #pages-main-content-container #pages-main-content .about-section h2 { font-family: "Libre-Baskerville-Bold"; color: #77532A; font-size: 32px; text-transform: uppercase; } #pages-main-content-container #pages-main-content .about-section .counter-container { max-width: 1445px; margin-top: 60px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter { display: inline-block; vertical-align: top; margin-top: 20px; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter { width: 280px; margin: 20px 75px 0 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { margin: 20px 75px; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter { width: 225px; } #pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { width: 325px; } #pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { width: 145px; margin: 20px 0 0 75px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .span-number { font-family: "Libre-Baskerville-Bold"; font-size: 72px; color: #77532A; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .steps-divider { width: 80px; height: 1px; background-color: #77532A; margin-top: 30px; margin-bottom: 45px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter h2 { font-family: "Quasimoda-SemiBold"; font-size: 28px; color: #4A545F; text-transform: none; line-height: 43px; } @media screen and (max-width: 1610px) { #pages-main-content-container #pages-main-content .about-section h2 { font-size: 30px; } } @media screen and (max-width: 1540px) { #pages-main-content-container #pages-main-content .about-section .counter-container { margin-top: 40px; } #pages-main-content-container #pages-main-content .about-section h2 { font-size: 27px; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter { margin: 20px 50px 0 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { margin: 20px 50px 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { margin: 20px 0 0 50px; } } @media screen and (max-width: 1390px) { #pages-main-content-container #pages-main-content .about-section { padding: 75px 50px 50px; } #pages-main-content-container #pages-main-content .about-section h2 { font-size: 22px; } #pages-main-content-container #pages-main-content .about-section .counter-container { margin-top: 20px; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter { width: 240px; margin: 20px 30px 0 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter { width: 190px; } #pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { width: 280px; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { margin: 20px 30px 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { width: 125px; margin: 20px 0 0 30px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .span-number { font-size: 58px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .steps-divider { margin-top: 20px; margin-bottom: 30px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter h2 { font-size: 24px; line-height: 37px; } } @media screen and (max-width: 1140px) { #pages-main-content-container #pages-main-content .about-section h2 { font-size: 20px; line-height: 25px; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter { width: 220px; margin: 20px 20px 0 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter { width: 175px; } #pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { width: 255px; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { margin: 20px 20px 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { width: 115px; margin: 20px 0 0 20px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .span-number { font-size: 46px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .steps-divider { width: 60px; margin-top: 15px; margin-bottom: 20px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter h2 { font-size: 22px; line-height: 34px; } } @media screen and (max-width: 1000px) { #pages-main-content-container #pages-main-content .about-section .counter-container { margin-top: 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { margin: 40px 0 0; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { width: 50%; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter { float: left; } #pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { float: right; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .steps-divider { width: 60px; margin-top: 15px; margin-bottom: 20px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter h2 { font-size: 22px; line-height: 34px; } #pages-main-content-container #pages-main-content .about-section .counter-container:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 650px) { #pages-main-content-container #pages-main-content .about-section h2 { font-size: 18px; line-height: 23px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter .span-number { font-size: 36px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter h2 { font-size: 20px; line-height: 30px; } } @media screen and (max-width: 500px) { #pages-main-content-container #pages-main-content .about-section .counter-container .counter .span-number { font-size: 32px; } #pages-main-content-container #pages-main-content .about-section .counter-container .counter h2 { font-size: 18px; line-height: 27px; } } @media screen and (max-width: 455px) { #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { width: 100%; } #pages-main-content-container #pages-main-content .about-section .counter-container .first-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .third-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .second-counter,#pages-main-content-container #pages-main-content .about-section .counter-container .fourth-counter { float: none; } } @media screen and (max-width: 934px) { #pages-main-content-container #pages-main-content .about-section { padding: 50px 20px; } } #pages-main-content-container #pages-main-content .google-review-container { max-width: 1920px; } #pages-main-content-container #pages-main-content .google-review-container:after { content: ""; display: table; clear: both; } #pages-main-content-container #pages-main-content .google-review-container a { text-decoration: none; } #pages-main-content-container #pages-main-content .google-review-container .google-review-image { font-size: 0px; } #pages-main-content-container #pages-main-content .google-review-container article { } @media screen and (max-width: 1309px) { #pages-main-content-container #pages-main-content .google-review-container .google-review-image { width: 100%; text-align: center; } #pages-main-content-container #pages-main-content .google-review-container .google-review-image img { width: 100%; max-width: 850px; } #pages-main-content-container #pages-main-content .google-review-container article { width: 100%; padding: 50px; } } @media screen and (min-width: 1310px) { #pages-main-content-container #pages-main-content .google-review-container .google-review-image { width: 50%; float: left; } #pages-main-content-container #pages-main-content .google-review-container .google-review-image img { width: 100%; } #pages-main-content-container #pages-main-content .google-review-container article { width: 50%; float: right; } } @media screen and (min-width: 1741px) { #pages-main-content-container #pages-main-content .more-refined3 article { margin-top: 20px; } } @media screen and (min-width: 1691px) and (max-width: 1740px) { #pages-main-content-container #pages-main-content .more-refined3 article { margin-top: 12px; } } @media screen and (min-width: 1661px) and (max-width: 1690px) { #pages-main-content-container #pages-main-content .more-refined3 article { margin-top: 5px; } } @media screen and (min-width: 1436px) and (max-width: 1660px) { #pages-main-content-container #pages-main-content .more-refined3 article { margin-top: -15px; } } @media screen and (min-width: 1341px) and (max-width: 1435px) { #pages-main-content-container #pages-main-content .more-refined3 article { margin-top: -25px; } } @media screen and (min-width: 1310px) and (max-width: 1341px) { #pages-main-content-container #pages-main-content .more-refined3 article { margin-top: -30px; } } @media screen and (min-width: 1401px) and (max-width: 1408px) { #pages-main-content-container #pages-main-content .more-refined3 article { padding-left: 66px; } } #pages-main-content-container #pages-main-content .google-review-background-color2,#pages-main-content-container #pages-main-content .google-review-background-color2 .article-image-container { background-color: #12181D; } #pages-main-content-container #pages-main-content .google-review-background-color2 .article-image-container .second-google-review .article-divider { background-color: #77532A; } #pages-main-content-container #pages-main-content .google-review-background-color2 .article-image-container .second-google-review .image-text-container-link { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #77532A; padding: 16px 30px 12px; display: inline-block; color: #F3F1F1; text-decoration: none; text-transform: uppercase; border: 2px solid #BBA78C; margin-top: 50px; } @media screen and (max-width: 1550px) { #pages-main-content-container #pages-main-content .google-review-background-color2 .article-image-container .second-google-review .image-text-container-link { margin-top: 30px; } } #pages-main-content-container #pages-main-content .google-review-background-color2 .article-image-container .second-google-review .image-text-container-link:hover { background-color: #BBA78C; border: 2px solid #77532A; text-decoration: underline; } @media screen and (max-width: 956px) { #pages-main-content-container #pages-main-content .google-review-background-color2 .article-image-container .second-google-review .image-text-container-link { font-size: 12px; padding: 11px 25px 9px; } } #pages-main-content-container #pages-main-content .results-matter-background-color { width: 100%; background-color: #958D84; } #pages-main-content-container #pages-main-content .article-container2 { text-align: center; padding: 100px 20px; max-width: 2560px; } @media screen and (max-width: 1540px) { #pages-main-content-container #pages-main-content .article-container2 { padding: 75px 20px; } } @media screen and (max-width: 1310px) { #pages-main-content-container #pages-main-content .article-container2 { padding: 50px 20px; } } #pages-main-content-container #pages-main-content .article-container2 h3 { font-family: "Quasimoda-Regular"; font-size: 22px; text-transform: uppercase; color: #fff; } #pages-main-content-container #pages-main-content .article-container2 .article-title { font-family: "Libre-Baskerville-Regular"; font-size: 56px; color: #fff; margin-top: 20px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-family: "Libre-Baskerville-Italic"; font-size: 28px; color: #fff; margin-top: 30px; } @media screen and (max-width: 1785px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 52px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 27px; margin-top: 20px; } } @media screen and (max-width: 1680px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 48px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 26px; margin-top: 15px; } } @media screen and (max-width: 1610px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 46px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 24px; } } @media screen and (max-width: 1500px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 42px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 22px; margin-top: 12px; } } @media screen and (max-width: 1440px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 38px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 20px; margin-top: 10px; } } @media screen and (max-width: 1390px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 36px; margin-top: 15px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 20px; margin-top: 5px; } } @media screen and (min-width: 690px) { #pages-main-content-container #pages-main-content .article-container2 .article-title .article-title-br { display: none; } } @media screen and (max-width: 480px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 32px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 18px; } } @media screen and (max-width: 435px) { #pages-main-content-container #pages-main-content .article-container2 .article-title { font-size: 28px; line-height: 30px; } #pages-main-content-container #pages-main-content .article-container2 h4 { font-size: 16px; } } @media screen and (min-width: 391px) { #pages-main-content-container #pages-main-content .article-container2 h4 .h4-br { display: none; } } @media screen and (max-width: 390px) { #pages-main-content-container #pages-main-content .article-container2 h4 { line-height: 23px; } } #pages-main-content-container #pages-main-content .article-container2 .google-review-container { width: 100%; max-width: 1925px; margin-top: 50px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box { border: 2px solid #77532A; padding: 30px; text-align: left; float: left; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container1,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container2 { margin-right: 10px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container1,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container2,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container3 { float: left; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container1,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container3 { width: calc(33.33% - 10px); } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container2,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container3 { margin-left: 10px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container2 { width: calc(33.33% - 20px); } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container2 .google-review-box2,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container3 .google-review-box3 { margin-bottom: 10px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container2 .google-review-box4,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container3 .google-review-box5 { margin-top: 10px; } @media screen and (min-width: 1921px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 162px 0 163px!important; } } @media screen and (max-width: 1920px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 165px 0 165px!important; } } @media screen and (max-width: 1810px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 156px 0 155px!important; } } @media screen and (max-width: 1802px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 145px 0 144px!important; } } @media screen and (min-width: 1919px) and (max-width: 1920px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 37px 0 38px!important; } } @media screen and (min-width: 1916px) and (max-width: 1918px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 31px 0 31px!important; } } @media screen and (max-width: 1775px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 155px 0 156px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 31px 0 30px!important; } } @media screen and (max-width: 1764px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 167px 0 166px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 36px 0 36px!important; } } @media screen and (max-width: 1735px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 36px 0 36px!important; } } @media screen and (max-width: 1734px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider { margin: 25px 0 25px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 36px 0 36px!important; } } @media screen and (max-width: 1731px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 25px 0 25px!important; } } @media screen and (max-width: 1690px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 146px 0 147px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 31px 0 31px!important; } } @media screen and (max-width: 1674px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider { margin: 20px 0 20px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 31px 0 31px!important; } } @media screen and (max-width: 1671px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 20px 0 20px!important; } } @media screen and (max-width: 1635px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 142px 0 141px!important; } } @media screen and (max-width: 1465px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 121px 0 121px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 15px 0 15px!important; } } @media screen and (max-width: 1250px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 111px 0 111px!important; } } @media screen and (max-width: 1239px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 101px 0 101px!important; } } @media screen and (max-width: 1230px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 111px 0 111px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider { margin: 25px 0 25px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 15px 0 15px!important; } } @media screen and (max-width: 1202px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 101px 0 101px!important; } } @media screen and (max-width: 1196px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 5px 0 5px!important; } } @media screen and (max-width: 1178px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 84px 0 84px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 15px 0 15px!important; } } @media screen and (max-width: 1196px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box4 .google-review-divider { margin: 5px 0 5px!important; } } @media screen and (max-width: 1178px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider { margin: 101px 0 101px!important; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 5px 0 5px!important; } } @media screen and (max-width: 1166px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider { margin: 15px 0 15px!important; } } @media screen and (max-width: 1100px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container { margin-top: 30px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container1,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container2,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-container3 { width: 100%; margin: 10px 0; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box1 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box2 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box3 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box4 .google-review-divider,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box5 .google-review-divider { margin: 25px 0 25px!important; } } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box figure { font-size: 0px; margin-bottom: 30px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box figure .google-quote,#pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box figure .google-icon { height: 25px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box figure .google-stars-icon { height: 15px; margin: 5px 0 5px 12px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box figure .google-quote { margin-right: 30px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box p { font-family: "Quasimoda-Regular"; font-size: 20px; color: #F3F1F1; line-height: 30px; margin-top: 20px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .google-review-divider { background-color: #77532A; height: 3px; width: 75px; float: left; margin-top: 25px; margin-bottom: 25px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .review-name { font-family: "Quasimoda-Regular"; font-size: 22px; color: #F3F1F1; clear: both; line-height: 25px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .review-business { font-family: "Quasimoda-Regular"; font-size: 14px; color: #F3F1F1; clear: both; line-height: 25px; margin-top: 0px; margin-bottom: 5px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box h5 { font-family: "Quasimoda-Regular"; font-size: 14px; color: #77532A; margin-top: 10px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box h5 img { height: 15px; margin-left: 7px; margin-bottom: -2px; } @media screen and (max-width: 1920px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box p { font-size: 18px; line-height: 25px; } } @media screen and (max-width: 1810px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box p { font-size: 16px; line-height: 22px; } } @media screen and (max-width: 1690px) { #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box { padding: 20px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .review-name { font-size: 20px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .review-business { font-size: 13px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .google-review-divider { margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 1635px) { #pages-main-content-container #pages-main-content .article-container2 h3 { font-size: 20px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box figure { margin-bottom: 20px; } } @media screen and (max-width: 1465px) { #pages-main-content-container #pages-main-content .article-container2 h3 { font-size: 18px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .google-review-divider { margin-top: 15px; margin-bottom: 15px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .review-name { font-size: 18px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box .review-business { font-size: 12px; } #pages-main-content-container #pages-main-content .article-container2 .google-review-container .google-review-box p { font-size: 14px; line-height: 20px; } } #pages-main-content-container #pages-main-content .featured-in-container { background-color: #12181D; text-align: center; border-bottom: 5px solid #77532A; } #pages-main-content-container #pages-main-content .featured-in { max-width: 1925px; padding: 100px 70px; } @media screen and (max-width: 1640px) { #pages-main-content-container #pages-main-content .featured-in { padding: 75px 50px; } } @media screen and (max-width: 1540px) { #pages-main-content-container #pages-main-content .featured-in { padding: 50px 20px; } } #pages-main-content-container #pages-main-content .featured-in:after { content: ""; display: table; clear: both; } #pages-main-content-container #pages-main-content .featured-in article { color: #F3F1F1; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #pages-main-content-container #pages-main-content .featured-in article h3 { font-family: "Quasimoda-Regular"; font-size: 22px; } #pages-main-content-container #pages-main-content .featured-in article .article-title { font-family: "Libre-Baskerville-Regular"; font-size: 56px; margin-top: 20px; } #pages-main-content-container #pages-main-content .featured-in article .article-divider { width: 100px; height: 3px; background-color: #77532A; margin-top: 70px; margin-bottom: 70px; float: left; } #pages-main-content-container #pages-main-content .featured-in article p { font-size: 22px; } #pages-main-content-container #pages-main-content .featured-in article p { font-family: "Libre-Baskerville-Regular"; margin-top: 20px; line-height: 30px; clear: both; } #pages-main-content-container #pages-main-content .featured-in article .image-text-container-link { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #77532A; padding: 16px 30px 12px; display: inline-block; color: #F3F1F1; text-decoration: none; text-transform: uppercase; border: 2px solid #BBA78C; margin-top: 30px; } #pages-main-content-container #pages-main-content .featured-in article .image-text-container-link:hover { background-color: #BBA78C; border: 2px solid #77532A; text-decoration: underline; } @media screen and (max-width: 956px) { #pages-main-content-container #pages-main-content .featured-in article .image-text-container-link { font-size: 12px; padding: 11px 25px 9px; } } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas { background-color: #12181D; text-align: right; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas a { text-decoration: none; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure { font-size: 0; border: 3px solid #77532A; display: inline-block; margin: 5px; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 280px; opacity: 0.6; } @media screen and (max-width: 1940px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 260px; } } @media screen and (max-width: 1820px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 240px; } } @media screen and (max-width: 1720px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 220px; } } @media screen and (max-width: 1490px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 200px; } } @media screen and (max-width: 1820px) { #pages-main-content-container #pages-main-content .featured-in article p { line-height: 27px; } } @media screen and (max-width: 1785px) { #pages-main-content-container #pages-main-content .featured-in article .article-divider { margin-top: 60px; margin-bottom: 60px; } #pages-main-content-container #pages-main-content .featured-in article .article-title { font-size: 52px; } } @media screen and (max-width: 1680px) { #pages-main-content-container #pages-main-content .featured-in article .article-divider { margin-top: 50px; margin-bottom: 50px; } #pages-main-content-container #pages-main-content .featured-in article .article-title { font-size: 48px; } #pages-main-content-container #pages-main-content .featured-in article p { margin-top: 15px; } } @media screen and (max-width: 1610px) { #pages-main-content-container #pages-main-content .featured-in article .article-title { font-size: 46px; } #pages-main-content-container #pages-main-content .featured-in article p { font-size: 18px; } } @media screen and (max-width: 1500px) { #pages-main-content-container #pages-main-content .featured-in article .article-divider { margin-top: 40px; margin-bottom: 40px; } #pages-main-content-container #pages-main-content .featured-in article .article-title { font-size: 42px; } #pages-main-content-container #pages-main-content .featured-in article p { line-height: 25px; } } @media screen and (max-width: 1440px) { #pages-main-content-container #pages-main-content .featured-in article .article-title { font-size: 38px; } #pages-main-content-container #pages-main-content .featured-in article p { font-size: 17px; } } @media screen and (max-width: 1390px) { #pages-main-content-container #pages-main-content .featured-in article .article-title { font-size: 36px; margin-top: 15px; } #pages-main-content-container #pages-main-content .featured-in article p { font-size: 16px; } #pages-main-content-container #pages-main-content .featured-in article p { margin-top: 10px; } } @media screen and (min-width: 1360px) { #pages-main-content-container #pages-main-content .featured-in article { width: 50%; float: left; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas { width: 50%; float: right; } } @media screen and (max-width: 1359px) { #pages-main-content-container #pages-main-content .featured-in article { width: 100%; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas { width: 100%; text-align: left; text-align: center; margin-top: 30px; max-width: 840px; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 260px; } } @media screen and (max-width: 1100px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas { max-width: 780px; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 240px; } } @media screen and (max-width: 900px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas { max-width: 720px; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 220px; } } @media screen and (max-width: 755px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas { max-width: 720px; } #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 220px; } } @media screen and (max-width: 520px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 210px; } } @media screen and (max-width: 496px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 200px; } } @media screen and (max-width: 476px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure { border: 2px solid #77532A; margin: 3px; } } @media screen and (max-width: 468px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 190px; } } @media screen and (max-width: 448px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 180px; } } @media screen and (max-width: 424px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 170px; } } @media screen and (max-width: 404px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 160px; } } @media screen and (max-width: 384px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 150px; } } @media screen and (max-width: 364px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 140px; } } @media screen and (max-width: 344px) { #pages-main-content-container #pages-main-content .featured-in .featured-in-areas figure img { max-width: 128px; } } @media screen and (max-width: 500px) { #pages-main-content-container #pages-main-content .featured-in article .article-title { font-size: 32px; } #pages-main-content-container #pages-main-content .featured-in article .article-divider { margin-top: 25px; margin-bottom: 25px; } } #pages-main-content-container #pages-main-content .directions-container { clear: both; } #pages-main-content-container #pages-main-content .film-strip-container,#pages-main-content-container #pages-main-content .film-strip-container img { width: 100%; } /* Testimonials Page End */ /* FAQ Page */ #faq-main-content-container { background-color: #958D84; padding-top: 1px; } #faq-main-content-container #faq-main-content { } @media screen and (min-width: 1350px) { #faq-main-content-container #faq-main-content { margin-top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #faq-main-content-container #faq-main-content { margin-top: 97px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #faq-main-content-container #faq-main-content { margin-top: 79px; } } @media screen and (max-width: 934px) { #faq-main-content-container #faq-main-content { margin-top: 73px; } } #faq-main-content-container #faq-main-content .faq-container { padding: 100px 50px; max-width: 1400px; } @media screen and (max-width: 934px) { #faq-main-content-container #faq-main-content .faq-container { padding: 50px 20px; } } #faq-main-content-container #faq-main-content .faq-container h3 { font-family: "Libre-Baskerville-Regular"; font-size: 54px; color: #fff; text-align: center; } @media screen and (max-width: 1300px) { #faq-main-content-container #faq-main-content .faq-container h3 { font-size: 46px; } } @media screen and (max-width: 800px) { #faq-main-content-container #faq-main-content .faq-container h3 { font-size: 40px; } } @media screen and (max-width: 620px) { #faq-main-content-container #faq-main-content .faq-container h3 { font-size: 36px; } } @media screen and (max-width: 560px) { #faq-main-content-container #faq-main-content .faq-container h3 { font-size: 32px; line-height: 40px; } } @media screen and (max-width: 330px) { #faq-main-content-container #faq-main-content .faq-container h3 { font-size: 31px; } } #faq-main-content-container #faq-main-content .faq-container .faq-link { font-family: "Quasimoda-Bold"; font-size: 14px; background-color: #F3F1F1; padding: 16px 30px 12px; display: inline-block; color: #4A545F; text-decoration: none; text-transform: uppercase; border: 2px solid #F3F1F1; margin-top: 20px; } #faq-main-content-container #faq-main-content .faq-container .faq-link:hover { background-color: #77532A; border: 2px solid #BBA78C; text-decoration: underline; color: #F3F1F1; } @media screen and (max-width: 956px) { #faq-main-content-container #faq-main-content .faq-container .faq-link { font-size: 12px; padding: 11px 25px 9px; } } #faq-main-content-container #faq-main-content .faq-questions-container { width: 100%; margin-top: 50px; } #faq-main-content-container #faq-main-content .faq-questions-container h4 { font-family: "Quasimoda-Regular"; font-size: 20px; color: #F3F1F1; text-transform: uppercase; } #faq-main-content-container #faq-main-content .faq-questions-container .questions { margin-top: 20px; } #faq-main-content-container #faq-main-content .faq-questions-container .questions p { font-family: "Libre-Baskerville-Regular"; font-size: 20px; color: #F3F1F1; line-height: 25px; margin-bottom: 10px; } @media screen and (min-width: 901px) { #faq-main-content-container #faq-main-content .faq-questions-container .questions p .br1 { display: none; } } @media screen and (max-width: 425px) { #faq-main-content-container #faq-main-content .faq-questions-container .questions p .br1 { display: none; } } @media screen and (min-width: 426px) { #faq-main-content-container #faq-main-content .faq-questions-container .questions p .br2 { display: none; } } #faq-main-content-container #faq-main-content .faq-questions-container .questions p span { font-size: 16px; padding: 20px 0; } #faq-main-content-container #faq-main-content .faq-questions-container .questions p .top-margin { padding-top: 20px; } #faq-main-content-container #faq-main-content .faq-questions-container .questions-border-bottom { width: 100%; height: 1px; background-color: #F3F1F1; } #faq-main-content-container #faq-main-content .faq-questions-container .questions:after { content: ""; display: table; clear: both; } .questions .hide { display: none; } .questions .internal { text-decoration: none; color: #000; } .questions .internal:after { font-family: "Libre-Baskerville-Regular"; font-size: 32px; color: #F3F1F1; content: "\002B"; float: right; margin-top: -10px; } .questions .internal.expanded:after { content: "\002D"; } .questions .name:not(.hide) { display: block; } @media screen and (max-width: 1000px) { #faq-main-content-container #faq-main-content .faq-questions-container { margin-top: 40px; } #faq-main-content-container #faq-main-content .faq-questions-container h4,#faq-main-content-container #faq-main-content .faq-questions-container .questions p { font-size: 18px; } } @media screen and (max-width: 500px) { #faq-main-content-container #faq-main-content .faq-questions-container { margin-top: 30px; } #faq-main-content-container #faq-main-content .faq-questions-container .questions { margin-top: 15px; } #faq-main-content-container #faq-main-content .faq-questions-container .questions p { margin-bottom: 5px; } #faq-main-content-container #faq-main-content .faq-questions-container h4,#faq-main-content-container #faq-main-content .faq-questions-container .questions p { font-size: 16px; } #faq-main-content-container #faq-main-content .faq-questions-container .questions p span { font-size: 14px; padding: 15px 0; } } @media screen and (max-width: 500px) { #faq-main-content-container #faq-main-content .faq-questions-container .questions p { margin-bottom: 3px; } #faq-main-content-container #faq-main-content .faq-questions-container .questions p { font-size: 14px; } } @media screen and (max-width: 370px) { #faq-main-content-container #faq-main-content .faq-questions-container .questions p { font-size: 13px; } } @media screen and (min-width: 371px) { .mobile-br2 { display: none; } } @media screen and (min-width: 871px) { #faq-main-content-container #faq-main-content .faq-questions-container .questions p .mobile-br1 { display: none; } } @media screen and (min-width: 530px) { #faq-main-content-container #faq-main-content .faq-questions-container .questions p .mobile-br3 { display: none; } } #faq-main-content-container #faq-main-content .exit-section { padding-top: 50px; text-align: center; color: #fff; } #faq-main-content-container #faq-main-content .exit-section h4 { font-family: "Quasimoda-Regular"; font-size: 38px; text-transform: uppercase; } #faq-main-content-container #faq-main-content .exit-section p { font-family: "Libre-Baskerville-Regular"; font-size: 26px; margin-top: 25px; } @media screen and (max-width: 1600px) { #faq-main-content-container #faq-main-content .exit-section h4 { font-size: 32px; } #faq-main-content-container #faq-main-content .exit-section p { font-size: 22px; margin-top: 15px; } } @media screen and (max-width: 1100px) { #faq-main-content-container #faq-main-content .exit-section h4 { font-size: 28px; } #faq-main-content-container #faq-main-content .exit-section p { font-size: 20px; margin-top: 10px; } } @media screen and (max-width: 800px) { #faq-main-content-container #faq-main-content .exit-section { padding-top: 35px; } #faq-main-content-container #faq-main-content .exit-section h4 { font-size: 24px; } #faq-main-content-container #faq-main-content .exit-section p { font-size: 18px; } } @media screen and (max-width: 615px) { #faq-main-content-container #faq-main-content .exit-section h4 { font-size: 22px; } #faq-main-content-container #faq-main-content .exit-section p { font-size: 16px; line-height: 25px; } } /* FAQ Page End */ /* Terms Page */ #terms-main-content-container { background-color: #958D84; padding-top: 1px; } #terms-main-content-container #terms-main-content { } @media screen and (min-width: 1350px) { #terms-main-content-container #terms-main-content { margin-top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #terms-main-content-container #terms-main-content { margin-top: 97px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #terms-main-content-container #terms-main-content { margin-top: 79px; } } @media screen and (max-width: 934px) { #terms-main-content-container #terms-main-content { margin-top: 73px; } } #terms-main-content-container #terms-main-content article { padding: 100px; color: #fff; max-width: 1280px; border-bottom: 1px solid #fff; } #terms-main-content-container #terms-main-content .last-terms-article { border-bottom: none; } #terms-main-content-container #terms-main-content article h2 { font-family: "Quasimoda-Regular"; font-size: 42px; text-align: center; text-transform: uppercase; } #terms-main-content-container #terms-main-content article h3 { font-family: "Quasimoda-Regular"; font-size: 20px; margin-top: 50px; text-transform: uppercase; margin-bottom: -10px; } #terms-main-content-container #terms-main-content article p { margin-top: 20px; } #terms-main-content-container #terms-main-content article p,#terms-main-content-container #terms-main-content article p a,#terms-main-content-container #terms-main-content article ul li { font-family: "Libre-Baskerville-Regular"; font-size: 18px; line-height: 25px; } #terms-main-content-container #terms-main-content article p a { text-decoration: none; color: #fff; } #terms-main-content-container #terms-main-content article p a:hover { text-decoration: underline; } #terms-main-content-container #terms-main-content article ul { margin-top: 10px; margin-bottom: 10px; padding: 0 0 0 100px; /*list-style-type: none;*/ } #terms-main-content-container #terms-main-content article .terms-date { font-family: "Libre-Baskerville-Italic"; font-size: 14px; text-align: center; margin-top: 0px; } #terms-main-content-container #terms-main-content article .terms-links { font-family: "Quasimoda-Regular"; font-size: 14px; color: #fff; background-color: #4A545F; border: 1px solid #4A545F; display: inline-block; padding: 16px 30px 12px; margin-top: 50px; text-decoration: none; text-transform: uppercase; } #terms-main-content-container #terms-main-content article .terms-links:hover { background-color: #fff; color: #4A545F; } @media screen and (max-width: 1400px) { #terms-main-content-container #terms-main-content article { padding: 50px; } #terms-main-content-container #terms-main-content article ul { padding: 0 0 0 50px; } } @media screen and (max-width: 1250px) { #terms-main-content-container #terms-main-content article { padding: 50px 20px; } #terms-main-content-container #terms-main-content article ul { padding: 0 0 0 20px; } #terms-main-content-container #terms-main-content article h2 { font-size: 36px; } #terms-main-content-container #terms-main-content article h3 { margin-top: 40px; } #terms-main-content-container #terms-main-content article p,#terms-main-content-container #terms-main-content article p a,#terms-main-content-container #terms-main-content article ul li { font-size: 16px; } } @media screen and (max-width: 900px) { #terms-main-content-container #terms-main-content article h2 { font-size: 28px; } #terms-main-content-container #terms-main-content article h3 { font-size: 18px; } } @media screen and (max-width: 956px) { #terms-main-content-container #terms-main-content article .terms-links { font-size: 12px; padding: 11px 25px 9px; } } /* Terms Page End */ /* Contact Page Content */ #pages-main-content-container #pages-main-content .form-background-color { background-color: #4A545F; padding: 100px 50px; } @media screen and (max-width: 934px) { #pages-main-content-container #pages-main-content .form-background-color { padding: 50px 20px; } } #pages-main-content-container #pages-main-content .form-background-color .form-background-width { width: 100%; max-width: 1150px; } #pages-main-content-container #pages-main-content .form-background-color .form-background-width:after { content: ""; display: table; clear: both; } #pages-main-content-container #pages-main-content .form-background-color .form-background-width .form-text-container { width: 25%; float: left; margin-top: 70px; } #pages-main-content-container #pages-main-content .form-background-color .form-background-width .form-text-container p { font-family: "Libre-Baskerville-Regular"; font-size: 16px; color: #fff; line-height: 22px; max-width: 237px; float: left; } #pages-main-content-container #pages-main-content .form-background-color .form-background-width .form-text-container .form-text-divider { height: 3px; width: 75px; background-color: #fff; float: left; margin-top: 20px; clear: both; } /* Contact Form */ #pages-main-content-container #pages-main-content .form-background-color #form-container { width: 75%; float: right; } @media screen and (max-width: 1200px) { #pages-main-content-container #pages-main-content .form-background-color .form-background-width .form-text-container { width: 30%; } #pages-main-content-container #pages-main-content .form-background-color #form-container { width: 70%; } } @media screen and (max-width: 1000px) { #pages-main-content-container #pages-main-content .form-background-color .form-background-width .form-text-container { width: 35%; } #pages-main-content-container #pages-main-content .form-background-color #form-container { width: 65%; } } @media screen and (max-width: 850px) { #pages-main-content-container #pages-main-content .form-background-color .form-background-width .form-text-container,#pages-main-content-container #pages-main-content .form-background-color #form-container { width: 100%; } #pages-main-content-container #pages-main-content .form-background-color .form-background-width .form-text-container { margin-top: 0; margin-bottom: 20px; } } #pages-main-content-container #pages-main-content .form-background-color #form-container .after-form-p { font-family: "Libre-Baskerville-Regular"; font-size: 16px; color: #fff; line-height: 22px; padding-top: 40px; clear: both; margin-bottom: -15px; } #pages-main-content-container #pages-main-content .form-background-color #form-container .reCAPTCHA { font-size: 12px; } #pages-main-content-container #pages-main-content .form-background-color #form-container p:after { content: ""; display: table; clear: both; } #pages-main-content-container #pages-main-content .form-background-color .form-background-width #form-container form { width: 100%; } form .form-section-container { text-align: left; } form .form-section-container .calendar-icon { float: right; width: 20px; margin-right: 15px; margin-top: -45px; transform: translateY(-50%); pointer-events: auto; cursor: pointer; z-index: 2; } form label { font-family: "Quasimoda-Regular"; font-size: 14px; color: #F3F1F1; margin-bottom: 3px; } ::-webkit-input-placeholder { font-family: "Quasimoda-Regular"; /* Edge */ color: #F3F1F1; } :-ms-input-placeholder { font-family: "Quasimoda-Regular"; /* Internet Explorer 10-11 */ color: #F3F1F1; } ::placeholder { font-family: "Quasimoda-Regular"; color: #F3F1F1; } form input,form textarea { font-family: "Quasimoda-Regular"; border: 0.5px solid #F3F1F1; color: #F3F1F1; font-weight: 900; font-size: 14px; padding-top: 5px; box-sizing: border-box; font-weight: 100; -webkit-appearance: none; border-radius: 0; background-color: transparent; } form textarea { padding-top: 10px; } form input:focus,form textarea:focus { outline: none; } form #first_name,form #last_name,form #email,form #phone,form #city,form #state,form #birth,form #occupation,form #message { width:100%; height: 50px; padding-left: 15px; margin-bottom: 20px; } form #message { height: 130px; resize: none; padding-top: 15px; } form .submit-contact-form { font-family: "Quasimoda-Regular"; font-size: 14px; color: #4A545F; background-color: #F3F1F1; border: 1px solid #F3F1F1; display: inline-block; padding: 16px 30px 12px; margin-top: 10px; text-decoration: none; text-transform: uppercase; cursor: pointer; float: left; } form .submit-contact-form:hover { background-color: #4A545F; color: #F3F1F1; } @media screen and (max-width: 956px) { form .submit-contact-form { font-size: 12px; padding: 11px 25px 9px; } } @media screen and (max-width: 549px) { form .form-left-align,form .form-right-align { width: 100%; } form #first_name,form #last_name,form #email,form #phone,form #city,form #state,form #birth,form #occupation,form #message { margin-bottom: 10px; } form .form-section-container .calendar-icon { margin-top: -45px; } } @media screen and (min-width: 550px) { form .form-left-align,form .form-right-align { width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } form .form-left-align { float: left; padding-right: 10px; } form .form-right-align { float: right; padding-left: 10px; } } /* Contact Form End */ /* Contact Page Content End */ /* Services Page Content */ #pages-main-content-container #pages-main-content .services-container { background-color: #FFFFFF; padding: 100px 50px; border-bottom: 5px solid #77532A; } @media screen and (max-width: 1600px) { #pages-main-content-container #pages-main-content .services-container { padding: 75px 50px; } } @media screen and (max-width: 1000px) { #pages-main-content-container #pages-main-content .services-container { padding: 50px 20px; } } #pages-main-content-container #pages-main-content .services-container .services-section { max-width: 1980px; } #pages-main-content-container #pages-main-content .services-container .intro-paragraph p { font-family: "Libre-Baskerville-Regular"; font-size: 26px; color: #4A545F; line-height: 35px; } @media screen and (max-width: 1600px) { #pages-main-content-container #pages-main-content .services-container .intro-paragraph p { font-size: 24px; line-height: 32px; } } @media screen and (max-width: 1200px) { #pages-main-content-container #pages-main-content .services-container .intro-paragraph p { font-size: 22px; line-height: 30px; } } @media screen and (max-width: 934px) { #pages-main-content-container #pages-main-content .services-container .intro-paragraph p { font-size: 20px; line-height: 27px; } } @media screen and (max-width: 700px) { #pages-main-content-container #pages-main-content .services-container .intro-paragraph p { font-size: 18px; line-height: 25px; } } @media screen and (max-width: 500px) { #pages-main-content-container #pages-main-content .services-container .intro-paragraph p { font-size: 16px; line-height: 23px; } } #pages-main-content-container #pages-main-content .services-container .lower-intro-paragraph { margin-top: 70px; text-align: left; } @media screen and (max-width: 1270px) { #pages-main-content-container #pages-main-content .services-container .lower-intro-paragraph { margin-top: 10px; } } @media screen and (max-width: 1000px) { #pages-main-content-container #pages-main-content .services-container .lower-intro-paragraph { margin-top: -10px; } } #pages-main-content-container #pages-main-content .services-container .services-divider { width: 100px; height: 5px; background-color: #77532A; margin-top: 50px; margin-bottom: 50px; } @media screen and (max-width: 1200px) { #pages-main-content-container #pages-main-content .services-container .services-divider { margin-top: 40px; margin-bottom: 40px; } } @media screen and (max-width: 700px) { #pages-main-content-container #pages-main-content .services-container .services-divider { margin-top: 30px; margin-bottom: 30px; } } #pages-main-content-container #pages-main-content .services-container .services-steps { text-align: center; margin-bottom: 75px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step { display: inline-block; padding: 20px; text-align: left; } #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 80px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 80px; } @media screen and (max-width: 1800px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 60px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 60px; } } @media screen and (max-width: 1700px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 50px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 50px; } } @media screen and (max-width: 1600px) { #pages-main-content-container #pages-main-content .services-container .services-steps { margin-bottom: 50px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 40px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 40px; } } @media screen and (max-width: 1300px) { #pages-main-content-container #pages-main-content .services-container .services-steps { margin-bottom: 30px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 20px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 20px; } } @media screen and (max-width: 1220px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 10px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 10px; } } @media screen and (max-width: 1100px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 5px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 5px; } } @media screen and (max-width: 1040px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 5px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 5px; } } @media screen and (max-width: 950px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step1,#pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3 { margin-right: 0; } #pages-main-content-container #pages-main-content .services-container .services-steps .step2,#pages-main-content-container #pages-main-content .services-container .services-steps .step3,#pages-main-content-container #pages-main-content .services-container .services-steps .step4 { margin-left: 0; } #pages-main-content-container #pages-main-content .services-container .services-steps .step { width: 215px; padding: 30px 0px 30px 20px; } } @media screen and (max-width: 800px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step { width: 200px; padding: 20px 0px 20px 15px; } } @media screen and (max-width: 480px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step { width: 180px; padding: 10px 0; } } #pages-main-content-container #pages-main-content .services-container .services-steps .step h3 { font-family: "Libre-Baskerville-Bold"; font-size: 14px; color: #77532A; text-transform: uppercase; } #pages-main-content-container #pages-main-content .services-container .services-steps .step .step-divider { width: 75px; height: 2px; background-color: #77532A; margin-top: 30px; margin-bottom: 30px; float: left; } #pages-main-content-container #pages-main-content .services-container .services-steps .step h2 { font-family: "Quasimoda-SemiBold"; font-size: 32px; color: #4A545F; clear: both; line-height: 40px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step .team-article-link { font-family: "Libre-Baskerville-Bold"; font-size: 14px; color: #77532A; text-transform: uppercase; display: inline-block; margin-top: 30px; text-decoration: underline; } @media screen and (max-width: 1600px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step .step-divider { margin-top: 25px; margin-bottom: 20px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step h2 { font-size: 28px; line-height: 35px; } } @media screen and (max-width: 1155px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step h2 { font-size: 26px; line-height: 33px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step .team-article-link { margin-top: 20px; } } @media screen and (max-width: 1000px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step h2 { font-size: 24px; line-height: 33px; } #pages-main-content-container #pages-main-content .services-container .services-steps .step .team-article-link { margin-top: 20px; } } @media screen and (max-width: 800px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step h2 { font-size: 22px; line-height: 30px; } } @media screen and (max-width: 480px) { #pages-main-content-container #pages-main-content .services-container .services-steps .step h2 { font-size: 20px; line-height: 27px; } } #pages-main-content-container #pages-main-content .services-container .services-steps .step .team-article-link:hover { text-decoration: none; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section { width: 100%; max-width: 1520px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section:after { content: ""; display: table; clear: both; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text { padding: 70px 20px 0 70px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text h3 { font-family: "Libre-Baskerville-Bold"; font-size: 14px; color: #77532A; text-transform: uppercase; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .step-divider { width: 75px; height: 2px; background-color: #77532A; margin-top: 30px; margin-bottom: 30px; float: left; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text h2 { font-family: "Quasimoda-SemiBold"; font-size: 32px; color: #4A545F; clear: both; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .sub-title { font-family: "Libre-Baskerville-Italic"; color: #77532A; font-size: 20px; text-transform: none; margin-top: 10px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text p { font-family: "Libre-Baskerville-Regular"; font-size: 16px; color: #4A545F; margin-top: 10px; line-height: 22px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .team-article-link { font-family: "Libre-Baskerville-Bold"; font-size: 14px; color: #77532A; text-transform: uppercase; display: inline-block; margin-top: 30px; text-decoration: underline; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .team-article-link:hover { text-decoration: none; } @media screen and (max-width: 1480px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text { padding: 50px 20px 0 50px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text h2 { font-size: 28px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .step-divider { margin-top: 20px; margin-bottom: 20px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .sub-title { font-size: 19px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .team-article-link { margin-top: 20px; } } @media screen and (max-width: 1330px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text { padding: 50px 20px 0 50px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text h2 { font-size: 26px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .step-divider { margin-top: 15px; margin-bottom: 15px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .sub-title { font-size: 18px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .team-article-link { margin-top: 15px; } } @media screen and (min-width: 1271px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text { width: 49%; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-image { width: 51%; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-image-left,#pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text-left { float: left; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-image-right,#pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text-right { float: right; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-image img { width: 100%; } } @media screen and (max-width: 1270px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text,#pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-image { width: 100%; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-image { text-align: center; background-color: #12181D; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-image img { width: 100%; max-width: 550px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text { padding: 50px 0; } } @media screen and (max-width: 934px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text { padding: 30px 0 50px; } } @media screen and (max-width: 525px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text h2 { font-size: 24px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .sub-title { font-size: 16px; } } @media screen and (max-width: 470px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text h2 { font-size: 22px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .sub-title { font-size: 15px; } } @media screen and (max-width: 445px) { #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text h2 { font-size: 20px; line-height: 25px; } #pages-main-content-container #pages-main-content .services-container .services-section .step-section .step-section-text .sub-title { font-size: 14px; line-height: 20px; margin-top: 3px; } } /* Services Page Content End */ /* Service Main Content */ #service-main-content-container { padding-top: 1px; max-width: 2560px; background-color: #fff; } #service-main-content-container #service-main-content { background-color: #fff; max-width: 1980px; } #service-main-content-container #service-main-content:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1350px) { #service-main-content-container #service-main-content { margin-top: 116px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { #service-main-content-container #service-main-content { margin-top: 97px; } } @media screen and (min-width: 935px) and (max-width: 1110px) { #service-main-content-container #service-main-content { margin-top: 79px; } } @media screen and (max-width: 934px) { #service-main-content-container #service-main-content { margin-top: 73px; } } #service-main-content-container #service-main-content .article-divider { height: 3px; background-color: #77532A; width: 100vw; max-width: 2560px; position: relative; left: 50%; transform: translateX(-50%); } #service-main-content-container #service-main-content .directions-container { clear: both; } #service-main-content-container #service-main-content article { padding: 50px; background-color: #fff; max-width: 1980px; } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content article { padding: 50px 20px; } } @media screen and (max-width: 934px) { #service-main-content-container #service-main-content article { padding: 20px; } } #service-main-content-container #service-main-content article h2 { font-family: "Quasimoda-Regular"; font-size: 38px; color: #77532A; text-align: center; line-height: 45px; } #service-main-content-container #service-main-content article h3 { font-family: "Libre-Baskerville-Italic"; font-size: 24px; color: #4A545F; text-align: center; margin-top: 20px; line-height: 30px; } #service-main-content-container #service-main-content article p,#service-main-content-container #service-main-content article .p-bold { font-family: "Libre-Baskerville-Regular"; font-size: 20px; color: #4A545F; line-height: 25px; margin-top: 20px; } #service-main-content-container #service-main-content article .bottom-h3 { margin-top: 50px; } #service-main-content-container #service-main-content article .p-bold { font-family: "Quasimoda-Bold"; font-size: 22px; } #service-main-content-container #service-main-content .contained-article { width: 50%; } #service-main-content-container #service-main-content .full-article { width: calc(100% - 100px); max-width: 1880px; border: 1px solid #77532A; margin: 0 50px 0 50px; clear: both; } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content .full-article { width: calc(100% - 50px); margin: 25px 25px 0 25px; } } @media screen and (max-width: 934px) { #service-main-content-container #service-main-content .full-article { margin: 0 20px; } } #service-main-content-container #service-main-content .contained-article,#service-main-content-container #service-main-content .full-article { padding: 50px; border: 1px solid #77532A; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content .contained-article,#service-main-content-container #service-main-content .full-article { padding: 50px 20px; } } @media screen and (max-width: 934px) { #service-main-content-container #service-main-content .contained-article,#service-main-content-container #service-main-content .full-article { padding: 20px; } } #service-main-content-container #service-main-content .contained-article h2,#service-main-content-container #service-main-content .full-article h2,#service-main-content-container #service-main-content .contained-article h3,#service-main-content-container #service-main-content .full-article h3 { text-align: left; } #service-main-content-container #service-main-content .contained-article h2,#service-main-content-container #service-main-content .full-article h2 { font-size: 36px; } #service-main-content-container #service-main-content .contained-article h3,#service-main-content-container #service-main-content .full-article h3 { font-size: 20px; } #service-main-content-container #service-main-content .contained-article h4,#service-main-content-container #service-main-content .full-article h4 { font-family: "Libre-Baskerville-Regular"; font-size: 26px; color: #77532A; margin-top: 50px; line-height: 35px; } #service-main-content-container #service-main-content .contained-article .divider,#service-main-content-container #service-main-content .full-article .divider { height: 3px; width: 100px; background-color: #77532A; float: left; margin-top: 30px; margin-bottom: 30px; } #service-main-content-container #service-main-content .articles-container { width: 100%; clear: both; } #service-main-content-container #service-main-content .articles-container:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1400px) { #service-main-content-container #service-main-content .articles-container { display: flex; align-items: stretch; } } #service-main-content-container #service-main-content .left-article,#service-main-content-container #service-main-content .right-article { width: calc(50% - 75px); } #service-main-content-container #service-main-content .left-article { float: left; margin: 50px 25px 0 50px; } #service-main-content-container #service-main-content .right-article { float: right; margin: 50px 50px 0 25px; } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content .left-article,#service-main-content-container #service-main-content .right-article { width: calc(100% - 40px); } #service-main-content-container #service-main-content .right-article { margin: 20px 20px 0 10px; } #service-main-content-container #service-main-content .left-article { margin: 20px 10px 0 20px; } } #service-main-content-container #service-main-content .contained-article ul,#service-main-content-container #service-main-content .full-article ul { list-style-type: none; padding: 0; clear: both; } #service-main-content-container #service-main-content .team-article { margin-bottom: 50px; margin-right: 50px; margin-left: 50px; padding-right: 50px; padding-left: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 0px; } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content .team-article { margin-bottom: 20px; margin-right: 20px; margin-left: 20px; padding-right: 20px; padding-left: 20px; width: calc(100% - 40px); } } #service-main-content-container #service-main-content .team-article:after { content: ""; display: table; clear: both; } #service-main-content-container #service-main-content .team-article ul,#service-main-content-container #service-main-content .team-article .team-article-ul { margin-top: 30px; } #service-main-content-container #service-main-content .team-article .team-article-link { font-family: "Quasimoda-Bold"; font-size: 18px; color: #77532A; text-transform: uppercase; display: inline-block; margin-top: 20px; text-decoration: underline; } #service-main-content-container #service-main-content .team-article .team-article-link:hover { text-decoration: none; } #service-main-content-container #service-main-content .team-article .team-article-image { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 0px; text-align: right; } #service-main-content-container #service-main-content .team-article .team-article-image img { width: 100%; } @media screen and (min-width: 1261px) { #service-main-content-container #service-main-content .team-article .team-article-text,#service-main-content-container #service-main-content .team-article .team-article-image { width: 50%; } #service-main-content-container #service-main-content .team-article .team-article-image { padding-left: 20px; } #service-main-content-container #service-main-content .team-article .team-article-text { float: left; } #service-main-content-container #service-main-content .team-article .team-article-image { float: right; } } @media screen and (max-width: 1260px) { #service-main-content-container #service-main-content .team-article .team-article-text,#service-main-content-container #service-main-content .team-article .team-article-image { width: 100%; } #service-main-content-container #service-main-content .team-article .team-article-text { margin-bottom: 50px; } #service-main-content-container #service-main-content .team-article .team-article-image img { max-width: 650px; } } #service-main-content-container #service-main-content .contained-article ul li,#service-main-content-container #service-main-content .full-article ul li { font-family: "Libre-Baskerville-Regular"; font-size: 18px; color: #4A545F; line-height: 27px; padding-left: 25px; text-indent: -25px; } #service-main-content-container #service-main-content .contained-article ul li .span-check,#service-main-content-container #service-main-content .full-article ul li .span-check { font-size: 24px; color: #77532A; } #service-main-content-container #service-main-content .article-spacer { height: 50px; clear: both; } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content .article-spacer { height: 0px; } } #service-main-content-container #service-main-content .adjusted-full-article { padding: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #77532A; clear: both; margin: 0 50px 50px; width: calc(100% - 100px); max-width: 1880px; } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content .adjusted-full-article { padding: 50px 20px; margin: 20px; width: calc(100% - 40px); } #service-main-content-container #service-main-content .adjusted-full-article-mod { margin-top: 20px! important; margin-right: 20px! important; margin-left: 20px! important; width: calc(100% - 40px); } } @media screen and (max-width: 934px) { #service-main-content-container #service-main-content .adjusted-full-article { padding: 20px; } } #service-main-content-container #service-main-content .adjusted-full-article h4 { font-family: "Libre-Baskerville-Regular"; font-size: 26px; color: #77532A; } #service-main-content-container #service-main-content .adjusted-full-article .divider { height: 3px; width: 100px; background-color: #77532A; float: left; margin-top: 30px; margin-bottom: 30px; } #service-main-content-container #service-main-content .adjusted-full-article ul { list-style-type: none; padding: 0; clear: both; text-align: center; } #service-main-content-container #service-main-content .adjusted-full-article ul li a { text-decoration: none; } #service-main-content-container #service-main-content .adjusted-full-article ul li a:hover { text-decoration: underline; } #service-main-content-container #service-main-content .adjusted-full-article ul li a { color: #77532A; } #service-main-content-container #service-main-content .adjusted-full-article ul li { font-family: "Libre-Baskerville-Regular"; font-size: 22px; color: #77532A; margin-top: 5px; display: inline; } #service-main-content-container #service-main-content .adjusted-full-article p { font-family: "Libre-Baskerville-Regular"; font-size: 20px; color: #4A545F; line-height: 25px; margin-top: 20px; } @media screen and (max-width: 1600px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 20px; } #service-main-content-container #service-main-content article h2 { font-size: 36px; } #service-main-content-container #service-main-content article h3 { font-size: 22px; } #service-main-content-container #service-main-content .adjusted-full-article h4 { font-size: 24px; } } @media screen and (max-width: 1475px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 18px; } } @media screen and (max-width: 1420px) { #service-main-content-container #service-main-content article p,#service-main-content-container #service-main-content article .p-bold,#service-main-content-container #service-main-content .adjusted-full-article p { font-size: 18px; } } @media screen and (max-width: 1400px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 19px; } } @media screen and (max-width: 1295px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 18px; } } @media screen and (max-width: 1230px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 17px; } } @media screen and (max-width: 1200px) { #service-main-content-container #service-main-content article h2,#service-main-content-container #service-main-content .contained-article h2,#service-main-content-container #service-main-content .full-article h2 { font-size: 34px; } #service-main-content-container #service-main-content article h3 { font-size: 20px; } } @media screen and (max-width: 1170px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 16px; line-height: 20px; } } @media screen and (max-width: 1130px) { #service-main-content-container #service-main-content article h2 br { display: none; } } @media screen and (min-width: 1106px) { #service-main-content-container #service-main-content .adjusted-full-article ul .adjusted-full-article-li { display: none; } } @media screen and (max-width: 1105px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 18px; line-height: 23px; display: block; text-align: left; } } @media screen and (max-width: 934px) { #service-main-content-container #service-main-content article h2,#service-main-content-container #service-main-content .contained-article h2,#service-main-content-container #service-main-content .full-article h2 { font-size: 32px; line-height: 40px; } #service-main-content-container #service-main-content article h3 { font-size: 18px; } #service-main-content-container #service-main-content article p,#service-main-content-container #service-main-content article .p-bold,#service-main-content-container #service-main-content .adjusted-full-article p,#service-main-content-container #service-main-content .contained-article ul li,#service-main-content-container #service-main-content .full-article ul li { font-size: 17px; } } @media screen and (max-width: 755px) { #service-main-content-container #service-main-content article h2,#service-main-content-container #service-main-content .contained-article h2,#service-main-content-container #service-main-content .full-article h2 { font-size: 28px; line-height: 35px; } #service-main-content-container #service-main-content article h3 { font-size: 17px; line-height: 25px; } #service-main-content-container #service-main-content article p,#service-main-content-container #service-main-content article .p-bold,#service-main-content-container #service-main-content .adjusted-full-article p,#service-main-content-container #service-main-content .contained-article ul li,#service-main-content-container #service-main-content .full-article ul li { font-size: 16px; line-height: 23px; } } @media screen and (max-width: 470px) { #service-main-content-container #service-main-content article h2,#service-main-content-container #service-main-content .contained-article h2,#service-main-content-container #service-main-content .full-article h2 { font-size: 26px; line-height: 30px; } #service-main-content-container #service-main-content article h3 { font-size: 16px; line-height: 23px; } } @media screen and (max-width: 435px) { #service-main-content-container #service-main-content article h2,#service-main-content-container #service-main-content .contained-article h2,#service-main-content-container #service-main-content .full-article h2 { font-size: 24px; line-height: 26px; } } @media screen and (max-width: 350px) { #service-main-content-container #service-main-content .adjusted-full-article ul li { font-size: 17px; } } /* Service Main Content End */ /* Menu */ #header-align { max-width: 2560px; } header { text-align: center; width: 100%; position: fixed; z-index: 1000; max-width: 2560px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; background-color: #F3F1F1; } /* Header Logo */ header .logo-container { float: left; } header .logo-container h1:after { content: ""; display: table; clear: both; } header .logo-container a { text-decoration: none; } header .logo-container h1 { clear: both; } header .logo-container h1 .h1-nycity { font-family: "Libre-Baskerville-Regular"; vertical-align: top; float: left; } header .logo-container h1 .h1-matchmaking { font-family: "Quasimoda-Regular"; float: left; } header .logo-container h1 .h1-est { font-family: "Quasimoda-Light"; vertical-align: bottom; display: inline-block; } header .logo-container h1 .h1-uppercase { text-transform: uppercase; } header .logo-container h1 .gold-color { color: #958D84; } header .logo-container h1 .blue-color { color: #4A545F; } @media screen and (min-width: 1350px) { header .logo-container { width: 460px; } header .logo-container h1 .h1-nycity { font-size: 19px; } header .logo-container h1 .h1-matchmaking { font-size: 60px; margin-top: 13px; margin-left: -75px; } header .logo-container h1 .h1-est { font-size: 14px; margin-bottom: -47px; margin-left: -62px; } } @media screen and (min-width: 1111px) and (max-width: 1349px) { header .logo-container { width: 315px; } header .logo-container h1 .h1-nycity { font-size: 17px; } header .logo-container h1 .h1-matchmaking { font-size: 41px; margin-top: 13px; margin-left: -66px; } header .logo-container h1 .h1-est { font-size: 12px; margin-bottom: -30px; margin-left: -54px; } } @media screen and (min-width: 0px) and (max-width: 1110px) { header .logo-container { width: 203px; margin-top: -8px; } header .logo-container h1 .h1-nycity { font-size: 14px; } header .logo-container h1 .h1-matchmaking { font-size: 26.5px; margin-top: 3px; margin-left: -2px; } header .logo-container h1 .h1-est { font-size: 12px; margin-bottom: -22px; margin-left: -53px; } } /* Header Logo End */ header #header-align { max-width: 2560px; } header #links-container nav a { font-family: "Quasimoda-Bold"; font-size: 14px; text-decoration: none; color: #4A545F; text-align: center; text-transform: uppercase; } header #links-container nav a:hover,header #links-container nav .highlight,#links-container nav li .highlight { text-decoration: underline; } header #links-container nav .contact-link { background-color: #4A545F; border: 0.5px solid #4A545F; color: #F3F1F1; padding: 15px 20px 12px; } header #links-container nav .contact-link:hover { background-color: #F3F1F1; color: #4A545F; } header #links-container nav .drop-down-icon { width: 10px; margin-left: 5px; } /* Desktop Drop Down Content */ .dropdown { position: relative; display: inline-block; } .dropdown-content01 { width: 252px! important; } .dropdown-content02 {width: 130px! important; } .dropdown-content { display: none; position: absolute; background-color: #F3F1F1; padding: 0! important; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .dropdown .dropdown-content a { display: inline-block; color: #4A545F! important; width: 100%! important; margin: 3px 0! important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px! important; text-align: left! important; } .dropdown .dropdown-content a:hover { text-decoration: underline! important; } .dropdown .highlight,.dropdown .dropdown-content .highlight { text-decoration: underline! important; } .dropdown:hover .dropdown-content { display: block; } /* Desktop Drop Down Content End */ /* Mobile Drop Down Content */ .services-mobile { cursor: pointer; } #myDIV01,#myDIV02 { text-align: right; display: none; margin-top: 15px; margin-bottom: 15px; } #myDIV1 a,#myDIV2 { font-size: 12px! important; } @media screen and (max-width: 934px) { .dropdown { display: none; } } @media screen and (min-width: 935px) { .services-mobile { display: none; } } /* Mobile Drop Down Content End */ /* Menu End */ /* Footer */ footer { max-width: 2560px; text-align: center; padding: 50px 100px 75px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #958D84; } footer:after { content: ""; display: table; clear: both; } /* Footer Logo */ footer .footer-logo-container { float: left; width: 292px; } footer .footer-logo-container:after { content: ""; display: table; clear: both; } footer .footer-logo-container a { text-decoration: none; } footer .footer-logo-container h2 { color: #F3F1F1; clear: both; } footer .footer-logo-container h2 .h2-nycity { font-family: "Libre-Baskerville-Regular"; font-size: 16px; vertical-align: top; float: left; } footer .footer-logo-container h2 .h2-matchmaking { font-family: "Quasimoda-Regular"; font-size: 38px; margin-top: 16px! important; margin-left: -62px! important; float: left; } footer .footer-logo-container h2 .h2-est { font-family: "Quasimoda-Light"; font-size: 12px; vertical-align: bottom; display: inline-block; margin-bottom: -39px! important; margin-left: -55px! important; } footer .footer-logo-container h2 .h2-uppercase { text-transform: uppercase; } footer .footer-logo-container .seals-container { clear: both; text-align: left; margin-top: 60px; font-size: 0px; } footer .footer-logo-container .seals-container img { width: 65px; margin-right: 10px; } /* Footer Logo End */ footer ul { list-style-type: none; padding: 0; text-align: left; display: inline-block; vertical-align: top; } footer .footer-logo-container,footer .links-explore-container,footer .links-locations-container { margin-right: 100px; } footer .links-explore-container { width: 206px; } footer .links-locations-container { width: 300px; } footer .links-contact-container { width: 210px; } footer ul .medium-font { font-family: "Quasimoda-SemiBold"; font-size: 22px; color: #F3F1F1; margin-bottom: 12px; text-transform: uppercase; border-bottom: 1px solid #F3F1F1; } footer ul .footer-social-media-container { display: block; } footer ul .footer-social-media-container:after { content: ""; display: table; clear: both; } footer ul li a .social-media-icon { width: 25px; color: #F3F1F1; float: left; margin-top: 15px; margin-right: 7px; margin-bottom: 25px; } footer .footer-right-links-container { display: inline-block; float: right; } footer .footer-right-links-container:after { content: ""; display: table; clear: both; } footer .footer-right-links-container ul .footer-link,footer .footer-right-links-container ul li .footer-link { display: block; margin-bottom: 10px; } footer .footer-right-links-container ul .footer-link-button { font-size: 11px; clear: both; display: inline-block; margin: 0px; padding: 12px 20px; background-color: #4A545F; border: 1px solid #4A545F; text-transform: uppercase; } footer .footer-right-links-container ul .request-button { width: 142px; } footer .footer-right-links-container ul .join-button { margin-top: 15px; width: 131px; } footer .footer-right-links-container ul .footer-link-button:hover { background-color: #F3F1F1; color: #4A545F; } footer .footer-right-links-container .links-explore-container .footer-link-left,footer .footer-right-links-container .links-locations-container .footer-link-left { float: left; } footer .footer-right-links-container .links-explore-container .footer-link-right,footer .footer-right-links-container .links-locations-container .footer-link-right { float: right; } footer .footer-right-links-container .links-locations-container .locations-set1 { width: 75px; } footer .footer-right-links-container .links-locations-container .locations-set2 { width: 73px; } footer .footer-right-links-container .links-locations-container .locations-set3 { width: 100px; } footer .footer-right-links-container .links-locations-container .locations-divider,footer .footer-right-links-container .links-explore-container .locations-divider { margin-right: 25px; } footer ul li,footer ul li a { font-family: "Quasimoda-Light"; font-size: 14px; color: #F3F1F1; text-decoration: none; } @media screen and (max-width: 1515px) { footer .footer-logo-container,footer .links-explore-container,footer .links-locations-container { margin-right: 75px; } } @media screen and (max-width: 1440px) { footer .footer-logo-container,footer .links-explore-container,footer .links-locations-container { margin-right: 50px; } } @media screen and (max-width: 1365px) { footer { padding: 50px 75px 75px; } } @media screen and (max-width: 1315px) { footer .footer-right-links-container { margin-top: 50px; } } @media screen and (max-width: 975px) { footer { padding: 50px 50px 75px; } } @media screen and (max-width: 1315px) { footer .footer-right-links-container { margin-top: 50px; } } @media screen and (max-width: 923px) { footer { padding: 50px 30px 75px; } } @media screen and (max-width: 883px) { footer .links-explore-container,footer .links-locations-container,footer .links-contact-container { float: left; } } @media screen and (max-width: 665px) { footer .links-explore-container,footer .links-locations-container,footer .links-contact-container { width: 100%; } } @media screen and (max-width: 440px) { footer { padding: 50px 20px 75px; } } footer ul li a:hover { color: #000; } footer .footer-right-links-container ul li a:hover { color: #F3F1F1; text-decoration: underline; } footer .footer-right-links-container ul li .highlight { text-decoration: underline; } /* Footer End */ /* Lower Footer */ .lower-footer-item { max-width: 2560px; clear: both; background-color: #4A545F; padding: 50px 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } @media screen and (max-width: 1365px) { .lower-footer-item { padding: 50px 75px; } } @media screen and (max-width: 975px) { .lower-footer-item { padding: 50px; } } @media screen and (max-width: 934px) { .lower-footer-item { padding: 50px 30px 40px; } } .lower-footer-item .sub-pages-links a h4,.lower-footer-item h5,.lower-footer-item h5 span,.lower-footer-item h6,.lower-footer-item h6 a { font-family: "Quasimoda-Light"; } .lower-footer-item .sub-pages-links { display: block; margin-top: -18px; margin-bottom: 5px; } .lower-footer-item .sub-pages-links a { color: #F3F1F1; text-decoration: none; display: inline-block; } .lower-footer-item .sub-pages-links a h4:hover { text-decoration: underline; } .lower-footer-item .sub-pages-links a h4 { font-size: 12px; display: inline-block; } .lower-footer-item h5,.lower-footer-item h5 span,.lower-footer-item h6,.lower-footer-item h6 a { font-size: 14px; color: #F3F1F1; } .lower-footer-item h6 a,.lower-footer-item a { text-decoration: none; } .lower-footer-item h6 a:hover { text-decoration: underline; } @media screen and (max-width: 330px) { .lower-footer-item h5,.lower-footer-item h5 span,.lower-footer-item h6,.lower-footer-item h6 a { font-size: 11.5px; } } /* Lower Footer End */ /* Footer Disclaimer */ .footer-disclaimer { background-color: #958D84; text-align: center; padding: 10px; max-width: 2540px; } .footer-disclaimer p { font-family: "Quasimoda-Regular"; color: #F3F1F1; font-size: 12px; line-height: 15px; } @media screen and (max-width: 850px) { .footer-disclaimer p { max-width: 550px; } } @media screen and (min-width: 851px) { .footer-disclaimer p { width: 100%; padding: 0 130px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } } /* Footer Disclaimer End */ /* Float Buttons *//* #myBtn,#myBtn2 { position: fixed; bottom: 20px; z-index: 99; border: none; outline: none; cursor: pointer; background-color: #77532A; border: 2px solid #BBA78C; } #myBtn:hover,#myBtn2:hover { background-color: #BBA78C; border: 2px solid #77532A; } #myBtn { display: none; right: 25px; padding: 12px; } #myBtn2 { font-family: "Quasimoda-Bold"; font-size: 10px; color: #F3F1F1; text-decoration: none; left: 25px; padding: 14px 25px 12px; text-transform: uppercase; } #myBtn img,#myBtn2 img { width: 20px; } @media screen and (max-width: 780px) { #myBtn,#myBtn2 { bottom: 60px; } } */ /* Float Buttons */ /* Container edges, set these two to match your site */ :root { --wrap: 2560px; /* your wrapper's max-width */ --gap: 25px; /* gap between button and container edge */ } #myBtn,#myBtn2 { position: fixed; bottom: 20px; z-index: 99; border: none; outline: none; cursor: pointer; background-color: #77532A; border: 2px solid #BBA78C; } #myBtn:hover,#myBtn2:hover { background-color: #BBA78C; border: 2px solid #77532A; } #myBtn { display: none; right: max(var(--gap), calc(50% - var(--wrap) / 2 + var(--gap))); padding: 12px; } #myBtn2 { font-family: "Quasimoda-Bold"; font-size: 10px; color: #F3F1F1; text-decoration: none; left: max(var(--gap), calc(50% - var(--wrap) / 2 + var(--gap))); padding: 14px 25px 12px; text-transform: uppercase; } #myBtn img,#myBtn2 img { width: 20px; } @media screen and (max-width: 780px) { #myBtn,#myBtn2 { bottom: 60px; } } /* Float Buttons End */ /* Float Buttons End */ /* Menu End */ /* Mobile */ @media screen and (max-width: 934px) { .desktopMenu { display: none; } /* Hamburger to X Icon */ .Xcontainer { text-align: center; height: 70px; width: 100%! important; background-color: #F3F1F1; } .Xicon { margin-top: 0px; cursor: pointer; padding: 15px; margin-top: 10px; float: right; } .bar1, .bar2 { width: 35px; height: 1px; background-color: #4A545F; border-radius: 3px; margin: 5px 0; transition: 0.5s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-2px, 2px); transform: rotate(-45deg) translate(-2px, 2px); } .change .bar2 { -webkit-transform: rotate(45deg) translate(-2.2px, -2.2px); transform: rotate(45deg) translate(-2.2px, -2.2px); } /* Hamburger to X Icon End */ /* Menu */ header #links-container { display: none; } header #links-container nav { display: inline-block; padding-right: 15px; padding-bottom: 15px; width: 100%; margin-top: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } header #links-container nav a { display: block; margin-bottom: 20px; margin-left: 5px; text-align: right; } header .logo-container { margin: 10px 0 20px 15px; } header #links-container nav .contact-link { width: 180px; padding: 13px 15px 10px; margin-top: 20px; float: right; } /* Menu End */ .lower-footer-item { text-align: center; } .lower-footer-item h6 { padding-top: 10px; } } /* Mobile End */ /* Desktop */ @media screen and (min-width: 935px) { .mobileMenu,.mobileMenu a { display: none; } /* Menu */ .Xcontainer { display: none; } header { right: 0; left: 0; padding: 22px 100px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } header #links-container { float: right; display: inline-block !important; margin-top: 30px; } header #links-container nav { float: right; } header #links-container nav a { padding: 5px 15px; } header #links-container nav .header-links { margin-right: 35px; } /* Menu End */ .lower-footer-item h5 { float: left; } .lower-footer-item h6 { float: right; } } /* Desktop End */ @media screen and (min-width: 1481px) and (max-width: 1600px) { header { padding: 22px 75px; } header #links-container nav a { padding: 5px 15px; } header #links-container nav .header-links { margin-right: 30px; } } @media screen and (min-width: 1391px) and (max-width: 1480px) { header { padding: 22px 50px; } header #links-container nav .header-links { margin-right: 25px; } } @media screen and (min-width: 1211px) and (max-width: 1390px) { header { padding: 22px 30px; } header #links-container nav a { padding: 5px 10px; } } @media screen and (min-width: 1001px) and (max-width: 1210px) { header { padding: 22px 25px; } header #links-container nav a { padding: 5px 8px; } header #links-container nav .header-links { margin-right: 20px; } } @media screen and (min-width: 935px) and (max-width: 1000px) { header { padding: 22px 25px; } header #links-container nav a { padding: 5px 6px; } header #links-container nav .header-links { margin-right: 15px; } header #links-container nav .contact-link { padding: 13px 15px 10px; } } @media screen and (max-width: 1349px) { header #links-container { margin-top: 17px; } } @media screen and (max-width: 1110px) { header #links-container { margin-top: 10px; } } /* Add or Remove Class */ .header-padding { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } @media screen and (min-width: 935px) and (max-width: 1110px) { .header-padding { padding-top: 10px; padding-bottom: 10px; } } @media screen and (min-width: 1111px) { .header-padding { padding-top: 3px; padding-bottom: 8px; } } /* Add or Remove Class End */