html, body { max-width: 100%; overflow-x: hidden; } body { overflow-x: hidden; -webkit-transition-duration: 0.24s; -moz-transition-duration: 0.24s; -o-transition-duration: 0.24s; transition-duration: 0.24s; } a { -webkit-transition-duration: 0.21s; -moz-transition-duration: 0.21s; -o-transition-duration: 0.21s; transition-duration: 0.21s; text-decoration: none; } h1, h2, h3, h4, h5, h6, h7 { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0; line-height: 1.05em; font-weight: 400; margin: 0; } hr { border: none; height: 1px; clear: both; margin: 0; } #content hr { background-color: #d4d4d4; margin: 32px 0; } img { image-rendering: -webkit-optimize-contrast; } i { vertical-align: middle; } ::-moz-selection { background: rgba(242, 101, 45, 0.5); } ::selection { background: rgba(242, 101, 45, 0.5); } ::-moz-selection { background: rgba(242, 101, 45, 0.5); } ol, ul { margin: 0 0 1.85em 45px; } ol li::marker, ul li::marker { font-size: .92em; } .section-container { padding: 50px 0; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .container { margin: 0 4.5%; width: auto !important; max-width: 1000px; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .fa, .fas, .fab, .far, .fal { vertical-align: middle; } .caps { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .normalcase, .no-caps { text-transform: none !important; } .small-caps { font-variant: small-caps; } .rel { position: relative; } .w100 { font-weight: 100 !important; } .w200 { font-weight: 200 !important; } .w300 { font-weight: 300 !important; } .w400 { font-weight: 400 !important; } .w500 { font-weight: 500 !important; } .w600 { font-weight: 600 !important; } .w700 { font-weight: 700 !important; } .w900 { font-weight: 900 !important; } .w800 { font-weight: 800 !important; } .w900 { font-weight: 900 !important; } .em { font-style: italic !important; } .round, .rounded { border-radius: 999em; } .fa, .fas, .fab, .far, .fal { vertical-align: middle; } .caps { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .normalcase, .no-caps { text-transform: none !important; } .small-caps { font-variant: small-caps; } .rel { position: relative; } .w100 { font-weight: 100 !important; } .w200 { font-weight: 200 !important; } .w300 { font-weight: 300 !important; } .w400 { font-weight: 400 !important; } .w500 { font-weight: 500 !important; } .w600 { font-weight: 600 !important; } .w700 { font-weight: 700 !important; } .w900 { font-weight: 900 !important; } .w800 { font-weight: 800 !important; } .w900 { font-weight: 900 !important; } .em { font-style: italic !important; } .round, .rounded { border-radius: 999em; } .anchor:before { content: ''; display: block; position: relative; width: 0; height: 5.4em; margin-top: -5.4em; } .embed-video { width: 0; display: block; padding: 28% 50%; position: relative; margin-bottom: 30px; } .embed-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #page-photo { display: none; } body[class^='meet-dr-'] #page-photo, body[class^='about-dr-'] #page-photo, body[class^='meet-doctor-'] #page-photo, body[class^='meet-the-doctor'] #page-photo { display: block !important; text-align: center; margin: 1em auto 2.25em; } p.staff-photo { text-align: center; } .search-blog { font-size: 1.55em; text-transform: uppercase; margin: 0 0 16px; } form button { background: #f2652d; color: #ffffff; text-transform: uppercase; padding: 15px 37px; text-align: center; font-size: 0.92em; display: inline-block; border: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } form button:hover { background: #f05010; } /* Office Hours Table */ .office-hours { background: rgba(0, 0, 0, 0.008); padding: 0; margin: 38px 0 38px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); font-size: .98em; } .office-hours .title { font-size: .85em; text-transform: uppercase; text-align: left; background: rgba(255, 209, 4, 0.85); letter-spacing: .1em; font-weight: 700; color: #ffffff; } .office-hours tr { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.045); } .office-hours tr:last-of-type { box-shadow: none; } .office-hours td { padding: 12px 15px; line-height: 1.35em; } .office-hours td.time { opacity: 1; } .office-hours td.day { padding-right: 10px; font-weight: 700; font-size: .9em; opacity: .9; } /* Old Office Tour Navigation Numbers */ .slideshow-nav a { text-decoration: none !important; } .slideshow-nav .slideshow-active-page a { color: rgba(255, 255, 255, 0.7) !important; } .before-and-after.slideshow .slideshow-nav, .office-tour.slideshow .slideshow-nav { background: #ffd104; } /* Office Tour - Update 2021-02-25 */ .office-tour-outer { text-align: center; } .office_tour.cycle-slideshow { width: 100%; position: relative; margin: 10px 0 20px; } .office_tour.cycle-slideshow img { padding: 0 5%; -moz-box-sizing: border-box; box-sizing: border-box; } .office_tour.cycle-slideshow.ba-gallery img { display: block; float: left; border: 0; width: 50%; height: auto !important; margin: 0; padding: 0; } .office_tour.cycle-slideshow .slide-control { z-index: 900; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 20px 0; color: #f2652d; font-size: 2.8em; } .office_tour.cycle-slideshow .slide-control i { -webkit-transition: .28s; -o-transition: .28s; -moz-transition: .28s; transition: .28s; } .office_tour.cycle-slideshow .slide-control.cycle-prev { left: 0; text-align: left; } .office_tour.cycle-slideshow .slide-control.cycle-prev i { -webkit-transform-origin: 20% center; -moz-transform-origin: 20% center; -ms-transform-origin: 20% center; -o-transform-origin: 20% center; transform-origin: 20% center; } .office_tour.cycle-slideshow .slide-control.cycle-next { right: 0; text-align: right; direction: rtl; } .office_tour.cycle-slideshow .slide-control.cycle-next i { -webkit-transform-origin: 80% center; -moz-transform-origin: 80% center; -ms-transform-origin: 80% center; -o-transform-origin: 80% center; transform-origin: 80% center; } .office_tour.cycle-slideshow .slide-control:hover { cursor: pointer; } .office_tour.cycle-slideshow .slide-control:hover i { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); opacity: 0.68; } .office-tour-pager { text-align: center; display: inline-block; } .office-tour-pager div { margin: 3px; display: inline-block; width: 18px; height: 18px; border-radius: 999em; border: 2px solid #ffffff; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .24s; -o-transition: .24s; -moz-transition: .24s; transition: .24s; cursor: pointer; } .office-tour-pager div.cycle-pager-active { border: 2px solid #f2652d; background: #f2652d; } .office-tour-pager div:hover { background: rgba(242, 101, 45, 0.7); } .para-bg-fix { background-position: center center !important; } #hero video { margin: 0 -10%; width: 120%; } .wow { visibility: hidden; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .subpage #hd .wow { -webkit-animation-name: none !important; -moz-animation-name: none !important; -o-animation-name: none !important; animation-name: none !important; visibility: visible !important; } @-webkit-keyframes navSlideIn { 0% { -webkit-transform: scale(1); transform: scale(1); left: -20px; -webkit-transform-origin: left center; transform-origin: left center; opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; left: 0; } } @-moz-keyframes navSlideIn { 0% { -moz-transform: scale(1); transform: scale(1); left: -20px; -moz-transform-origin: left center; transform-origin: left center; opacity: 0; } 100% { -moz-transform: none; transform: none; opacity: 1; left: 0; } } @-o-keyframes navSlideIn { 0% { -o-transform: scale(1); transform: scale(1); left: -20px; -o-transform-origin: left center; transform-origin: left center; opacity: 0; } 100% { -o-transform: none; transform: none; opacity: 1; left: 0; } } @keyframes navSlideIn { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); left: -20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; opacity: 0; } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 1; left: 0; } } .navSlideIn { -webkit-animation-name: navSlideIn; -moz-animation-name: navSlideIn; -o-animation-name: navSlideIn; animation-name: navSlideIn; } @-webkit-keyframes navSlideInDown { 0% { bottom: 20px; opacity: 0; } 100% { bottom: 0; opacity: 1; } } @-moz-keyframes navSlideInDown { 0% { bottom: 20px; opacity: 0; } 100% { bottom: 0; opacity: 1; } } @-o-keyframes navSlideInDown { 0% { bottom: 20px; opacity: 0; } 100% { bottom: 0; opacity: 1; } } @keyframes navSlideInDown { 0% { bottom: 20px; opacity: 0; } 100% { bottom: 0; opacity: 1; } } .navSlideInDown { -webkit-animation-name: navSlideInDown; -moz-animation-name: navSlideInDown; -o-animation-name: navSlideInDown; animation-name: navSlideInDown; } @-webkit-keyframes socialsIn { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes socialsIn { 0% { -moz-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 100% { opacity: 1; -moz-transform: none; transform: none; } } @-o-keyframes socialsIn { 0% { -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 100% { opacity: 1; -o-transform: none; transform: none; } } @keyframes socialsIn { 0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .socialsIn { -webkit-animation-name: socialsIn; -moz-animation-name: socialsIn; -o-animation-name: socialsIn; animation-name: socialsIn; } @-webkit-keyframes wiggle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(2deg) scale(1.04); transform: rotate(2deg) scale(1.04); } 50% { -webkit-transform: rotate(-5deg) translateY(-2px) scale(1.02); transform: rotate(-5deg) translateY(-2px) scale(1.02); } 75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(2deg) scale(1.04); transform: rotate(2deg) scale(1.04); } 50% { -moz-transform: rotate(-5deg) translateY(-2px) scale(1.02); transform: rotate(-5deg) translateY(-2px) scale(1.02); } 75% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(0deg); transform: rotate(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 25% { -o-transform: rotate(2deg) scale(1.04); transform: rotate(2deg) scale(1.04); } 50% { -o-transform: rotate(-5deg) translateY(-2px) scale(1.02); transform: rotate(-5deg) translateY(-2px) scale(1.02); } 75% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes wiggle { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(2deg) scale(1.04); -moz-transform: rotate(2deg) scale(1.04); -o-transform: rotate(2deg) scale(1.04); transform: rotate(2deg) scale(1.04); } 50% { -webkit-transform: rotate(-5deg) translateY(-2px) scale(1.02); -moz-transform: rotate(-5deg) translateY(-2px) scale(1.02); -o-transform: rotate(-5deg) translateY(-2px) scale(1.02); transform: rotate(-5deg) translateY(-2px) scale(1.02); } 75% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 50% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.08); transform: scale(1.08); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); transform: scale(1); } 25% { -moz-transform: scale(1.3); transform: scale(1.3); } 50% { -moz-transform: scale(1); transform: scale(1); } 75% { -moz-transform: scale(1.08); transform: scale(1.08); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); transform: scale(1); } 25% { -o-transform: scale(1.3); transform: scale(1.3); } 50% { -o-transform: scale(1); transform: scale(1); } 75% { -o-transform: scale(1.08); transform: scale(1.08); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes pulseUp { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.15) translateY(-4px); transform: scale(1.15) translateY(-4px); } 50% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.03) translateY(-1px); transform: scale(1.03) translateY(-1px); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulseUp { 0% { -moz-transform: scale(1); transform: scale(1); } 25% { -moz-transform: scale(1.15) translateY(-4px); transform: scale(1.15) translateY(-4px); } 50% { -moz-transform: scale(1); transform: scale(1); } 75% { -moz-transform: scale(1.03) translateY(-1px); transform: scale(1.03) translateY(-1px); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes pulseUp { 0% { -o-transform: scale(1); transform: scale(1); } 25% { -o-transform: scale(1.15) translateY(-4px); transform: scale(1.15) translateY(-4px); } 50% { -o-transform: scale(1); transform: scale(1); } 75% { -o-transform: scale(1.03) translateY(-1px); transform: scale(1.03) translateY(-1px); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes pulseUp { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.15) translateY(-4px); -moz-transform: scale(1.15) translateY(-4px); -o-transform: scale(1.15) translateY(-4px); transform: scale(1.15) translateY(-4px); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.03) translateY(-1px); -moz-transform: scale(1.03) translateY(-1px); -o-transform: scale(1.03) translateY(-1px); transform: scale(1.03) translateY(-1px); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .pulseUp { -webkit-animation-name: pulseUp; -moz-animation-name: pulseUp; -o-animation-name: pulseUp; animation-name: pulseUp; } @-webkit-keyframes pulseUp2 { 0% { } 30% { -webkit-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 40% { -webkit-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 60% { -webkit-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } 100% { -webkit-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } } @-moz-keyframes pulseUp2 { 0% { } 30% { -moz-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 40% { -moz-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 60% { -moz-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } 100% { -moz-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } } @-o-keyframes pulseUp2 { 0% { } 30% { -o-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 40% { -o-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 60% { -o-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } 100% { -o-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } } @keyframes pulseUp2 { 0% { } 30% { -webkit-transform: scale(1.1) translateY(-10px); -moz-transform: scale(1.1) translateY(-10px); -o-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 40% { -webkit-transform: scale(1.1) translateY(-10px); -moz-transform: scale(1.1) translateY(-10px); -o-transform: scale(1.1) translateY(-10px); transform: scale(1.1) translateY(-10px); } 60% { -webkit-transform: scale(1.05) translateY(-5px); -moz-transform: scale(1.05) translateY(-5px); -o-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } 100% { -webkit-transform: scale(1.05) translateY(-5px); -moz-transform: scale(1.05) translateY(-5px); -o-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); } } .pulseUp2 { -webkit-animation-name: pulseUp2; -moz-animation-name: pulseUp2; -o-animation-name: pulseUp2; animation-name: pulseUp2; } @-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { opacity: .13; } 100% { margin: -4px; opacity: 0; } } @-moz-keyframes pulse2 { 0% { -moz-transform: scale(1); transform: scale(1); } 20% { opacity: .13; } 100% { margin: -4px; opacity: 0; } } @-o-keyframes pulse2 { 0% { -o-transform: scale(1); transform: scale(1); } 20% { opacity: .13; } 100% { margin: -4px; opacity: 0; } } @keyframes pulse2 { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 20% { opacity: .13; } 100% { margin: -4px; opacity: 0; } } .pulse2 { -webkit-animation-name: pulse2; -moz-animation-name: pulse2; -o-animation-name: pulse2; animation-name: pulse2; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; -moz-transform: none; transform: none; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; -o-transform: none; transform: none; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } 100% { opacity: 1; -moz-transform: none; transform: none; } } @-o-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(20%, 0, 0); } 100% { opacity: 1; -o-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); -moz-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } 100% { opacity: 1; -moz-transform: none; transform: none; } } @-o-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-20%, 0, 0); } 100% { opacity: 1; -o-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } 100% { opacity: 1; -moz-transform: none; transform: none; } } @-o-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 20%, 0); } 100% { opacity: 1; -o-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); -moz-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -moz-transform: none; transform: none; } } @-o-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -o-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); -moz-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 50% { opacity: 1; } } @-moz-keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0.8); transform: scale(0.8); } 50% { opacity: 1; } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(0.8); transform: scale(0.8); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomIn2 { 0% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { opacity: 1; } } @-moz-keyframes zoomIn2 { 0% { opacity: 0; -moz-transform: scale(0.9); transform: scale(0.9); } 50% { opacity: 1; } } @-o-keyframes zoomIn2 { 0% { opacity: 0; -o-transform: scale(0.9); transform: scale(0.9); } 50% { opacity: 1; } } @keyframes zoomIn2 { 0% { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { opacity: 1; } } .zoomIn2 { -webkit-animation-name: zoomIn2; -moz-animation-name: zoomIn2; -o-animation-name: zoomIn2; animation-name: zoomIn2; } @-webkit-keyframes zoomOut { 0% { opacity: 0; -webkit-transform: scale(1.15); transform: scale(1.15); } 70% { opacity: 1; } } @-moz-keyframes zoomOut { 0% { opacity: 0; -moz-transform: scale(1.15); transform: scale(1.15); } 70% { opacity: 1; } } @-o-keyframes zoomOut { 0% { opacity: 0; -o-transform: scale(1.15); transform: scale(1.15); } 70% { opacity: 1; } } @keyframes zoomOut { 0% { opacity: 0; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } 70% { opacity: 1; } } .zoomOut { -webkit-animation-name: zoomOut; -moz-animation-name: zoomOut; -o-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes mapMarkerIn { 0% { opacity: 0; -webkit-transform: scale(1.4) translateY(-30px); transform: scale(1.4) translateY(-30px); } 50% { opacity: 1; } 65% { -webkit-transform: scale(0.86) translateY(3px); transform: scale(0.86) translateY(3px); } 100% { -webkit-transform: none; transform: none; } } @-moz-keyframes mapMarkerIn { 0% { opacity: 0; -moz-transform: scale(1.4) translateY(-30px); transform: scale(1.4) translateY(-30px); } 50% { opacity: 1; } 65% { -moz-transform: scale(0.86) translateY(3px); transform: scale(0.86) translateY(3px); } 100% { -moz-transform: none; transform: none; } } @-o-keyframes mapMarkerIn { 0% { opacity: 0; -o-transform: scale(1.4) translateY(-30px); transform: scale(1.4) translateY(-30px); } 50% { opacity: 1; } 65% { -o-transform: scale(0.86) translateY(3px); transform: scale(0.86) translateY(3px); } 100% { -o-transform: none; transform: none; } } @keyframes mapMarkerIn { 0% { opacity: 0; -webkit-transform: scale(1.4) translateY(-30px); -moz-transform: scale(1.4) translateY(-30px); -o-transform: scale(1.4) translateY(-30px); transform: scale(1.4) translateY(-30px); } 50% { opacity: 1; } 65% { -webkit-transform: scale(0.86) translateY(3px); -moz-transform: scale(0.86) translateY(3px); -o-transform: scale(0.86) translateY(3px); transform: scale(0.86) translateY(3px); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .mapMarkerIn { -webkit-animation-name: mapMarkerIn; -moz-animation-name: mapMarkerIn; -o-animation-name: mapMarkerIn; animation-name: mapMarkerIn; } @-webkit-keyframes randomMover { 0% { } 25% { -webkit-transform: scale(1.2) rotate(-2deg); transform: scale(1.2) rotate(-2deg); } 45% { -webkit-transform: rotate(5deg) scale(1.1); transform: rotate(5deg) scale(1.1); } 60% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 80% { -webkit-transform: translateY(-5px) scale(1.08); transform: translateY(-5px) scale(1.08); } 100% { -webkit-transform: none; transform: none; } } @-moz-keyframes randomMover { 0% { } 25% { -moz-transform: scale(1.2) rotate(-2deg); transform: scale(1.2) rotate(-2deg); } 45% { -moz-transform: rotate(5deg) scale(1.1); transform: rotate(5deg) scale(1.1); } 60% { -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 80% { -moz-transform: translateY(-5px) scale(1.08); transform: translateY(-5px) scale(1.08); } 100% { -moz-transform: none; transform: none; } } @-o-keyframes randomMover { 0% { } 25% { -o-transform: scale(1.2) rotate(-2deg); transform: scale(1.2) rotate(-2deg); } 45% { -o-transform: rotate(5deg) scale(1.1); transform: rotate(5deg) scale(1.1); } 60% { -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 80% { -o-transform: translateY(-5px) scale(1.08); transform: translateY(-5px) scale(1.08); } 100% { -o-transform: none; transform: none; } } @keyframes randomMover { 0% { } 25% { -webkit-transform: scale(1.2) rotate(-2deg); -moz-transform: scale(1.2) rotate(-2deg); -o-transform: scale(1.2) rotate(-2deg); transform: scale(1.2) rotate(-2deg); } 45% { -webkit-transform: rotate(5deg) scale(1.1); -moz-transform: rotate(5deg) scale(1.1); -o-transform: rotate(5deg) scale(1.1); transform: rotate(5deg) scale(1.1); } 60% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 80% { -webkit-transform: translateY(-5px) scale(1.08); -moz-transform: translateY(-5px) scale(1.08); -o-transform: translateY(-5px) scale(1.08); transform: translateY(-5px) scale(1.08); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .randomMover { -webkit-animation-name: randomMover; -moz-animation-name: randomMover; -o-animation-name: randomMover; animation-name: randomMover; } @-webkit-keyframes randomMover2 { 0% { } 25% { -webkit-transform: scale(1.08) rotate(-2deg); transform: scale(1.08) rotate(-2deg); } 45% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 60% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 80% { -webkit-transform: translateY(-12px) rotate(-2deg); transform: translateY(-12px) rotate(-2deg); } 100% { -webkit-transform: none; transform: none; } } @-moz-keyframes randomMover2 { 0% { } 25% { -moz-transform: scale(1.08) rotate(-2deg); transform: scale(1.08) rotate(-2deg); } 45% { -moz-transform: rotate(3deg); transform: rotate(3deg); } 60% { -moz-transform: rotate(-3deg); transform: rotate(-3deg); } 80% { -moz-transform: translateY(-12px) rotate(-2deg); transform: translateY(-12px) rotate(-2deg); } 100% { -moz-transform: none; transform: none; } } @-o-keyframes randomMover2 { 0% { } 25% { -o-transform: scale(1.08) rotate(-2deg); transform: scale(1.08) rotate(-2deg); } 45% { -o-transform: rotate(3deg); transform: rotate(3deg); } 60% { -o-transform: rotate(-3deg); transform: rotate(-3deg); } 80% { -o-transform: translateY(-12px) rotate(-2deg); transform: translateY(-12px) rotate(-2deg); } 100% { -o-transform: none; transform: none; } } @keyframes randomMover2 { 0% { } 25% { -webkit-transform: scale(1.08) rotate(-2deg); -moz-transform: scale(1.08) rotate(-2deg); -o-transform: scale(1.08) rotate(-2deg); transform: scale(1.08) rotate(-2deg); } 45% { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } 60% { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } 80% { -webkit-transform: translateY(-12px) rotate(-2deg); -moz-transform: translateY(-12px) rotate(-2deg); -o-transform: translateY(-12px) rotate(-2deg); transform: translateY(-12px) rotate(-2deg); } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } .randomMover2 { -webkit-animation-name: randomMover2; -moz-animation-name: randomMover2; -o-animation-name: randomMover2; animation-name: randomMover2; } #main-nav { display: block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 900; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; pointer-events: none; } #main-nav::-webkit-scrollbar { display: none; } #main-nav .hd-info { display: none; } #main-nav .nav-toggle { position: absolute; display: inline-block; cursor: pointer; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 1100; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 8px 20px; color: #f2652d; margin: 0; width: 100%; -webkit-transition: .18s; -o-transition: .18s; -moz-transition: .18s; transition: .18s; pointer-events: all; } #main-nav .nav-toggle:after, #main-nav .nav-toggle:before { content: ""; position: absolute; top: 0; left: 0; bottom: -2px; right: 0; background: rgba(255, 255, 255, 0.8); z-index: -1; -webkit-transition: .6s; -o-transition: .6s; -moz-transition: .6s; transition: .6s; } #main-nav .nav-toggle:before { background: rgba(242, 101, 45, 0.4); } #main-nav .nav-toggle .label { display: inline-block; font-size: 21px; position: relative; padding-right: 5px; top: 1px; } #main-nav .nav-toggle .nav-icon { padding: 6px 14px; position: relative; display: inline-block; z-index: 1200; -webkit-transition: .35s; -o-transition: .35s; -moz-transition: .35s; transition: .35s; top: -1px; left: 0px; } #main-nav .nav-toggle .nav-icon span { display: block; position: absolute; height: 3px; background: #f2652d; opacity: 1; left: 0; -webkit-transition: .35s; -o-transition: .35s; -moz-transition: .35s; transition: .35s; -moz-box-sizing: border-box; box-sizing: border-box; } #main-nav .nav-toggle .nav-icon span:nth-child(1) { top: 0px; right: 20%; } #main-nav .nav-toggle .nav-icon span:nth-child(2) { right: 30%; } #main-nav .nav-toggle .nav-icon span:nth-child(3) { top: 100%; width: 100%; } #main-nav .nav-bg { background: rgba(242, 101, 45, 0.995); position: absolute; top: -100px; left: 0%; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 900; opacity: 0; text-align: center; -webkit-transition: .55s; -o-transition: .55s; -moz-transition: .55s; transition: .55s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; overflow-y: auto; } #main-nav nav { padding: 63px 20px 16px 20px; max-width: 360px; margin: 0 auto; text-align: left; } #main-nav nav ul { margin: 0; padding: 0; } #main-nav nav ul li { list-style: none; margin: 0 0 1px; padding: 0 0; position: relative; position: relative; width: auto; } #main-nav nav ul li:last-of-type { border: none; } #main-nav nav ul li:after { top: .48em; right: 8px; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f105"; display: inline-block; -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; position: absolute; z-index: 10; color: rgba(255, 255, 255, 0.45); } #main-nav nav ul li.open:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #main-nav nav ul li.open > a { color: rgba(255, 255, 255, 0.7); } #main-nav nav ul li a { color: #ffffff; font-size: 19px; line-height: 1.24em; padding: 7.5px 0; -webkit-transition: .44s; -o-transition: .44s; -moz-transition: .44s; transition: .44s; display: block; } #main-nav nav ul li a:hover { color: rgba(255, 255, 255, 0.7); } #main-nav nav ul ul { overflow: hidden; min-width: 230px; display: block; overflow: hidden; padding: 0; height: 0; -webkit-transition: .32s; -o-transition: .32s; -moz-transition: .32s; transition: .32s; margin: 0 8px; width: auto; position: relative; } #main-nav nav ul ul li { height: 0; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; border: none; padding: 0 0; } #main-nav nav ul ul li:after { display: none; } #main-nav nav ul ul li a { font-size: 15.5px; padding: 4px; display: inline-block; } #main-nav.open { z-index: 9000; } #main-nav.open .social-icons a { opacity: 0; -webkit-animation: socialsIn .6s 1 forwards; -moz-animation: socialsIn .6s 1 forwards; -o-animation: socialsIn .6s 1 forwards; animation: socialsIn .6s 1 forwards; } #main-nav.open .social-icons a:nth-of-type(1) { -webkit-animation-delay: 0.32s; -moz-animation-delay: 0.32s; -o-animation-delay: 0.32s; animation-delay: 0.32s; } #main-nav.open .social-icons a:nth-of-type(2) { -webkit-animation-delay: 0.44s; -moz-animation-delay: 0.44s; -o-animation-delay: 0.44s; animation-delay: 0.44s; } #main-nav.open .social-icons a:nth-of-type(3) { -webkit-animation-delay: 0.56s; -moz-animation-delay: 0.56s; -o-animation-delay: 0.56s; animation-delay: 0.56s; } #main-nav.open .social-icons a:nth-of-type(4) { -webkit-animation-delay: 0.68s; -moz-animation-delay: 0.68s; -o-animation-delay: 0.68s; animation-delay: 0.68s; } #main-nav.open .social-icons a:nth-of-type(5) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } #main-nav.open .social-icons a:nth-of-type(6) { -webkit-animation-delay: 0.92s; -moz-animation-delay: 0.92s; -o-animation-delay: 0.92s; animation-delay: 0.92s; } #main-nav.open .nav-bg { top: 0; left: 0; opacity: 1; pointer-events: all; } #main-nav.open .label { color: #ffffff; } #main-nav.open nav ul li { opacity: 0; -webkit-animation: navSlideIn .4s 1 forwards; -moz-animation: navSlideIn .4s 1 forwards; -o-animation: navSlideIn .4s 1 forwards; animation: navSlideIn .4s 1 forwards; } #main-nav.open nav ul li:nth-of-type(1) { -webkit-animation-delay: 0.19s; -moz-animation-delay: 0.19s; -o-animation-delay: 0.19s; animation-delay: 0.19s; } #main-nav.open nav ul li:nth-of-type(2) { -webkit-animation-delay: 0.28s; -moz-animation-delay: 0.28s; -o-animation-delay: 0.28s; animation-delay: 0.28s; } #main-nav.open nav ul li:nth-of-type(3) { -webkit-animation-delay: 0.37s; -moz-animation-delay: 0.37s; -o-animation-delay: 0.37s; animation-delay: 0.37s; } #main-nav.open nav ul li:nth-of-type(4) { -webkit-animation-delay: 0.46s; -moz-animation-delay: 0.46s; -o-animation-delay: 0.46s; animation-delay: 0.46s; } #main-nav.open nav ul li:nth-of-type(5) { -webkit-animation-delay: 0.55s; -moz-animation-delay: 0.55s; -o-animation-delay: 0.55s; animation-delay: 0.55s; } #main-nav.open nav ul li:nth-of-type(6) { -webkit-animation-delay: 0.64s; -moz-animation-delay: 0.64s; -o-animation-delay: 0.64s; animation-delay: 0.64s; } #main-nav.open nav ul li:nth-of-type(7) { -webkit-animation-delay: 0.73s; -moz-animation-delay: 0.73s; -o-animation-delay: 0.73s; animation-delay: 0.73s; } #main-nav.open nav ul li:nth-of-type(8) { -webkit-animation-delay: 0.82s; -moz-animation-delay: 0.82s; -o-animation-delay: 0.82s; animation-delay: 0.82s; } #main-nav.open nav ul li:nth-of-type(9) { -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s; -o-animation-delay: 0.91s; animation-delay: 0.91s; } #main-nav.open nav ul li:nth-of-type(10) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } #main-nav.open nav ul li ul li { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } #main-nav.open nav ul li.open ul { display: block; height: auto; padding: 0px 0 10px; } #main-nav.open nav ul li.open ul:after { opacity: 1; margin: -2px 0; } #main-nav.open nav ul li.open ul li { opacity: 0; -webkit-animation: navSlideInDown .55s 1 forwards; -moz-animation: navSlideInDown .55s 1 forwards; -o-animation: navSlideInDown .55s 1 forwards; animation: navSlideInDown .55s 1 forwards; height: 27px; } #main-nav.open nav ul li.open ul li:nth-of-type(1) { -webkit-animation-delay: -0.06s; -moz-animation-delay: -0.06s; -o-animation-delay: -0.06s; animation-delay: -0.06s; } #main-nav.open nav ul li.open ul li:nth-of-type(2) { -webkit-animation-delay: -0.02s; -moz-animation-delay: -0.02s; -o-animation-delay: -0.02s; animation-delay: -0.02s; } #main-nav.open nav ul li.open ul li:nth-of-type(3) { -webkit-animation-delay: 0.02s; -moz-animation-delay: 0.02s; -o-animation-delay: 0.02s; animation-delay: 0.02s; } #main-nav.open nav ul li.open ul li:nth-of-type(4) { -webkit-animation-delay: 0.06s; -moz-animation-delay: 0.06s; -o-animation-delay: 0.06s; animation-delay: 0.06s; } #main-nav.open nav ul li.open ul li:nth-of-type(5) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } #main-nav.open nav ul li.open ul li:nth-of-type(6) { -webkit-animation-delay: 0.14s; -moz-animation-delay: 0.14s; -o-animation-delay: 0.14s; animation-delay: 0.14s; } #main-nav.open nav ul li.open ul li:nth-of-type(7) { -webkit-animation-delay: 0.18s; -moz-animation-delay: 0.18s; -o-animation-delay: 0.18s; animation-delay: 0.18s; } #main-nav.open nav ul li.open ul li:nth-of-type(8) { -webkit-animation-delay: 0.22s; -moz-animation-delay: 0.22s; -o-animation-delay: 0.22s; animation-delay: 0.22s; } #main-nav.open nav ul li.open ul li:nth-of-type(9) { -webkit-animation-delay: 0.26s; -moz-animation-delay: 0.26s; -o-animation-delay: 0.26s; animation-delay: 0.26s; } #main-nav.open nav ul li.open ul li:nth-of-type(10) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } #main-nav.open nav ul li.open ul li:nth-of-type(11) { -webkit-animation-delay: 0.34s; -moz-animation-delay: 0.34s; -o-animation-delay: 0.34s; animation-delay: 0.34s; } #main-nav.open .nav-toggle { padding: 8.5px 25px; pointer-events: all; } #main-nav.open .nav-toggle:after { opacity: .2; background: rgba(0, 0, 0, 0.5); } #main-nav.open .nav-toggle:before { opacity: 0; } #main-nav.open .nav-icon span { background: #fff; opacity: .8; } #main-nav.open .nav-icon span:nth-child(1) { left: 40%; right: 0; } #main-nav.open .nav-icon span:nth-child(2) { left: 20%; right: 0; } body { font: normal normal 16px/22px 'Poppins', Helvetica, Arial, sans-serif; background: #ffffff; color: #000000; } a { color: #f2652d; } a:hover { color: #f69a75; } h1, .font1 { font-family: 'Shadows Into Light', Helvetica, Arial, sans-serif; } #hd { z-index: 900; text-align: center; background: white; padding: 58px 5% 13px; box-shadow: 9.6px 11.5px 30px 0 rgba(0, 0, 0, 0.1); } #hd .container { margin: 0 auto; } #hd .logo { display: inline-block; position: relative; margin: 0 0 15px; max-width: 150px; } #hd .mob-info { display: block; margin: 1px 0 0; color: #472d13; font-size: 15px; letter-spacing: .05em; } #hd .mob-info i { position: relative; top: -1px; } #hd .mob-info .phone-outer a, #hd .mob-info a { color: #472d13; } #hd .hd-info { padding: 11px; margin: 1% 0 0; color: #ffffff; display: block; position: relative; font-size: 13px; line-height: 1.1em; background: #f1571a; letter-spacing: .05em; } #hd .col { display: inline-block; margin: 5px 8px; } #hd address a, #hd .phone-outer a, #hd .callouts a { color: #ffffff; display: inline-block; } #hd address a:hover, #hd .phone-outer a:hover, #hd .callouts a:hover { color: rgba(255, 255, 255, 0.73); } #hd address a:hover i, #hd address a:hover:before, #hd .phone-outer a:hover i, #hd .phone-outer a:hover:before, #hd .callouts a:hover i, #hd .callouts a:hover:before { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } #hd address i, #hd address a::before, #hd .phone-outer i, #hd .phone-outer a::before, #hd .callouts i, #hd .callouts a::before { position: relative; top: -2px; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transition: .17s; -o-transition: .17s; -moz-transition: .17s; transition: .17s; display: inline-block; } #hd .main i { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } #hd .callouts ul, #hd .callouts li { margin: 0; padding: 0; list-style: none; display: inline-block; } #hd .callouts a { padding: 5px 7px; } #hd .social-icons a { -moz-box-sizing: border-box; box-sizing: border-box; z-index: 10; display: inline-block; position: relative; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; padding: 4.5px; color: #ffffff; font-size: 12px; -webkit-transition: .21s; -o-transition: .21s; -moz-transition: .21s; transition: .21s; text-align: center; } #hd .social-icons a i { -webkit-transition: .12s; -o-transition: .12s; -moz-transition: .12s; transition: .12s; color: #ffffff; top: 0; vertical-align: -3%; } #hd .social-icons a:hover { z-index: 20; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } #hd .social-icons a:hover i { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* END Header */ #hero { position: relative; z-index: 1; overflow: hidden; } #hero .photo, #hero video { z-index: 10; position: relative; -webkit-transition: margin 1.2s ease; -o-transition: margin 1.2s ease; -moz-transition: margin 1.2s ease; transition: margin 1.2s ease; display: block; } #hero .photo img, #hero video img { width: 100%; max-width: 1000%; display: block; } #hero .slide { width: 100%; } #hero:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000000; z-index: 100; opacity: .2; -webkit-transition: .6s; -o-transition: .6s; -moz-transition: .6s; transition: .6s; } #hero .caption { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; z-index: 2000; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 3px 1%; color: #fff; } #hero .caption .tagline { font-size: 7.2vw; line-height: 1.05em; } #hero .caption .tagline span { position: relative; } #hero .caption .tagline span span { content: ""; position: absolute; top: 65%; left: 0; bottom: 16.5%; right: -2%; background: #faa542; z-index: -1; } /* END Home Slideshow */ #callouts1 { z-index: 30; text-align: center; background: url("../images/section1.jpg") center center no-repeat; background-size: cover; padding: 18px 3px; } #callouts1 .container { margin: 0; } #callouts1 .callout { padding: 4px; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; } #callouts1 .callout:nth-of-type(1n) { -webkit-animation-delay: 0.13s; -moz-animation-delay: 0.13s; -o-animation-delay: 0.13s; animation-delay: 0.13s; } #callouts1 .callout:nth-of-type(2n) { -webkit-animation-delay: 0.26s; -moz-animation-delay: 0.26s; -o-animation-delay: 0.26s; animation-delay: 0.26s; } #callouts1 .callout:nth-of-type(3n) { -webkit-animation-delay: 0.39s; -moz-animation-delay: 0.39s; -o-animation-delay: 0.39s; animation-delay: 0.39s; } #callouts1 .callout:nth-of-type(4n) { -webkit-animation-delay: 0.52s; -moz-animation-delay: 0.52s; -o-animation-delay: 0.52s; animation-delay: 0.52s; } #callouts1 .callout:nth-of-type(5n) { -webkit-animation-delay: 0.65s; -moz-animation-delay: 0.65s; -o-animation-delay: 0.65s; animation-delay: 0.65s; } #callouts1 .callout:nth-of-type(6n) { -webkit-animation-delay: 0.78s; -moz-animation-delay: 0.78s; -o-animation-delay: 0.78s; animation-delay: 0.78s; } #callouts1 .callout:nth-of-type(7n) { -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s; -o-animation-delay: 0.91s; animation-delay: 0.91s; } #callouts1 .callout a { font-size: 23px; line-height: 1em; color: #f2652d; position: relative; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; display: block; background: #ffffff; padding: 18px 15px; border-radius: 15px; } #callouts1 .callout a .w800 { font-size: 1.21em; line-height: 1em; display: block; } #callouts1 .callout a .bg, #callouts1 .callout a .icon, #callouts1 .callout a .btn, #callouts1 .callout a .learn-more, #callouts1 .callout a .hover { display: none; } #callouts1 .callout a:hover { background: #f37340; color: #ffffff; } .btns { margin-top: 40px; } .btns a { background: #f2652d; display: inline-block; position: relative; z-index: 10; font-size: 16px; line-height: 1em; color: #ffffff; text-align: center; padding: 25px 34px; -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; letter-spacing: .05em; -webkit-animation-duration: 1.1s; -moz-animation-duration: 1.1s; -o-animation-duration: 1.1s; animation-duration: 1.1s; border-radius: 999em; } .btns a i { position: relative; top: -1px; } .btns a:after, .btns a:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: #fff; opacity: 0; -webkit-transform: scale(0.9, 0.92); -moz-transform: scale(0.9, 0.92); -ms-transform: scale(0.9, 0.92); -o-transform: scale(0.9, 0.92); transform: scale(0.9, 0.92); margin: 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; border-radius: 999em; } .btns a:before { margin: -5px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; background: rgba(255, 255, 255, 0.9); } .btns a:nth-of-type(1n) { -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s; } .btns a:nth-of-type(2n) { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .btns a:nth-of-type(3n) { -webkit-animation-delay: 1.45s; -moz-animation-delay: 1.45s; -o-animation-delay: 1.45s; animation-delay: 1.45s; } .btns a:nth-of-type(4n) { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; } .btns a:hover { color: #f2652d; z-index: 20; -webkit-transform: scale(1.14); -moz-transform: scale(1.14); -ms-transform: scale(1.14); -o-transform: scale(1.14); transform: scale(1.14); background: #fff; } .btns a:hover:after { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .btns a:hover:before { -webkit-animation: .8s ease both pulse2; -moz-animation: .8s ease both pulse2; -o-animation: .8s ease both pulse2; animation: .8s ease both pulse2; } #section1 { z-index: 10; text-align: center; background: url("../images/section2.jpg") center center #fff no-repeat; background-size: cover; color: #ffffff; } #section1 .photo { max-width: 350px; margin: 0 auto 35px; display: block; -webkit-transition: .25s; -o-transition: .25s; -moz-transition: .25s; transition: .25s; } #section1 .photo:hover { opacity: .96; -webkit-filter: brightness(1.07) saturate(1.05); filter: brightness(1.07) saturate(1.05); } #section1 h2 { font-size: 42px; line-height: 1.1em; margin: 0 0 20px; } #section1 p { font-size: 21px; line-height: 1.2em; margin: 0; } #section1 h3 { font-size: 30px; margin: 27px 0 0; } /* END Section 1 */ #section2 { z-index: 10; text-align: center; background: url("../images/section3.jpg") center center; background-size: cover; color: #ffffff; } #section2 input, #section2 textarea { text-align: left; width: 100%; font-size: 15.5px; color: #ffffff; border: none; background: none; margin: 5px 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; padding: 18px !important; border: 1px solid #fff; letter-spacing: .05em; } #section2 input:hover, #section2 textarea:hover { border: 1px solid rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.04); } #section2 input:focus, #section2 textarea:focus { border: 1px solid white; background: rgba(255, 255, 255, 0.95); color: #472d13; } #section2 input:focus::-webkit-input-placeholder, #section2 textarea:focus::-webkit-input-placeholder { color: #472d13; } #section2 input:focus:-moz-placeholder, #section2 textarea:focus:-moz-placeholder { color: #472d13; } #section2 input:focus::-moz-placeholder, #section2 textarea:focus::-moz-placeholder { color: #472d13; } #section2 input:focus:-ms-input-placeholder, #section2 textarea:focus:-ms-input-placeholder { color: #472d13; } #section2 input:focus::-ms-input-placeholder, #section2 textarea:focus::-ms-input-placeholder { color: #472d13; } #section2 input:focus::placeholder, #section2 textarea:focus::placeholder { color: #472d13; } #section2 ::-webkit-input-placeholder { color: white; font-size: 13px; -webkit-transition: .3s; transition: .3s; } #section2 :-moz-placeholder { color: white; font-size: 13px; -moz-transition: .3s; transition: .3s; } #section2 ::-moz-placeholder { color: white; font-size: 13px; -moz-transition: .3s; transition: .3s; } #section2 :-ms-input-placeholder { color: white; font-size: 13px; -ms-transition: .3s; transition: .3s; } #section2 ::-ms-input-placeholder { color: white; font-size: 13px; -ms-transition: .3s; transition: .3s; } #section2 ::placeholder { color: white; font-size: 13px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; } #section2 input { height: 60px; } #section2 textarea { padding-top: 16px !important; height: 140px; min-height: auto; } #section2 button { display: inline-block; background: none; color: #ffffff; font-size: 14px; line-height: 14px; padding: 31px 34px !important; margin: 25px 0 0; -webkit-transition: .22s; -o-transition: .22s; -moz-transition: .22s; transition: .22s; font-family: "Poppins", sans-serif; border-radius: 999em; border: 1px solid #fff; letter-spacing: .05em; } #section2 button:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: #f26932; opacity: 0; border-radius: 999em; -webkit-transform: scale(0.87, 0.9); -moz-transform: scale(0.87, 0.9); -ms-transform: scale(0.87, 0.9); -o-transform: scale(0.87, 0.9); transform: scale(0.87, 0.9); -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; } #section2 button:hover { z-index: 20; border-color: #f2652d; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); background: #f2652d; color: #ffffff; } #section2 button:hover:after { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* END Section 1 */ header.main-title { position: relative; margin: 0 0 32px; padding: 0 0 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .home header.main-title { padding: 0 0 10px; } header.main-title .line { display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #ffd104; width: 100px; } .home header.main-title .line { display: block; position: absolute; bottom: 0; left: 50%; height: 2px; background: #faa542; width: 80px; margin-left: -40px; } header.main-title h1 { font-size: 52px; line-height: .98em; font-weight: 400; color: #000000; position: relative; display: block; } .home header.main-title h1 { color: #ffffff; font-size: 59px; text-align: center; } .home header.main-title h1 .welcome { text-transform: uppercase; display: block; position: relative; font-weight: 400; font-size: 18px; line-height: .98em; margin-bottom: 20px; padding-bottom: 25px; letter-spacing: .1em; font-family: "Poppins", sans-serif; } /* END h1 */ #banner { padding: 17%; background: url("../images/banner1.jpg") center center #fff no-repeat; background-size: cover; z-index: 5; } /* START Main Content Section */ #main-content { z-index: 9; background: url("../images/bg.png") center center #fff repeat; padding: 41px 0; /* main content text */ } .home #main-content { padding: 47px 0 0; background: rgba(242, 101, 45, 0.95); color: #fff; } #main-content .callouts { padding: 0; text-align: center; padding: 5px; } #main-content .callouts .callout { padding: 5px; display: inline-block; } #main-content .callouts .callout a { background: #faa542; display: inline-block; color: #ffffff; padding: 15px; border-radius: 999em; border: 8px solid #fff; width: 145px; height: 145px; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 19px; line-height: 1em; } #main-content .callouts .callout a .inner { position: absolute; top: 47%; left: 0; right: 0; -webkit-transform: translateY(-50%) scale(0.8); -moz-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); -o-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); } #main-content .callouts .callout a .icon { vertical-align: bottom; height: 31px; font-size: 30px; margin: 0 0 19px; -webkit-transition: .22s; -o-transition: .22s; -moz-transition: .22s; transition: .22s; -webkit-transform-origin: center 80%; -moz-transform-origin: center 80%; -ms-transform-origin: center 80%; -o-transform-origin: center 80%; transform-origin: center 80%; } #main-content .callouts .callout a .w800 { display: block; font-size: 1.2em; line-height: 1em; } #main-content .callouts .callout a .main { -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; } #main-content .callouts .callout a:hover { background: #faac51; border-color: #faa542; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } #main-content .callouts .callout a:hover .icon { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } #main-content .callouts .callout a:hover .main { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } #main-content .logos { background: #fff; padding: 15px 10px; text-align: center; margin: 28px 0 0; } #main-content .logos .logo { display: inline-block; margin: 3% 0; -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; } #main-content .logos .logo:nth-of-type(1n) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } #main-content .logos .logo:nth-of-type(2n) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } #main-content .logos .logo:nth-of-type(3n) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } #main-content .logos .logo:nth-of-type(4n) { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; } #main-content .logos .logo:nth-of-type(5n) { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; } #main-content .logos .logo:nth-of-type(6n) { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; } #main-content .logos .logo:nth-of-type(7n) { -webkit-animation-delay: 2.1s; -moz-animation-delay: 2.1s; -o-animation-delay: 2.1s; animation-delay: 2.1s; } #main-content .logos .logo img { max-width: 65%; height: auto; -webkit-transition: .31s; -o-transition: .31s; -moz-transition: .31s; transition: .31s; } #main-content .logos .logo:hover img { opacity: .88; -webkit-filter: saturate(1.2); filter: saturate(1.2); } #main-content h2 { font-size: 29px; font-weight: 400; } #main-content h3 { font-size: 25px; font-weight: 400; } #main-content h4 { font-size: 21px; font-weight: 400; } #main-content h5, #main-content h6 { font-size: 20px; font-weight: 400; } #main-content .staff-photo { margin: 0 auto 20px; display: block; } #main-content #sidebar #page-photo { position: relative; } #main-content #sidebar #page-photo img { width: auto; max-width: 100%; position: relative; border-radius: 999em; z-index: 1; } #main-content #content { text-align: left; min-height: 270px; font-size: 17px; line-height: 1.72em; } .home #main-content #content { min-height: 170px; } .home #main-content #content a { color: #fff; } .home #main-content #content a:hover { color: rgba(255, 255, 255, 0.75); } #main-content #content a { text-decoration: underline; } #main-content #content h2, #main-content #content h3, #main-content #content h4, #main-content #content h5, #main-content #content h6, #main-content header h2, #main-content header h3, #main-content header h4, #main-content header h5, #main-content header h6 { margin: .2em 0 1.1em; text-align: left; } .office-tour #main-content #content h2, .before-and-after #main-content #content h2, .office-tour #main-content #content h3, .before-and-after #main-content #content h3, .office-tour #main-content #content h4, .before-and-after #main-content #content h4, .office-tour #main-content #content h5, .before-and-after #main-content #content h5, .office-tour #main-content #content h6, .before-and-after #main-content #content h6, .office-tour #main-content header h2, .before-and-after #main-content header h2, .office-tour #main-content header h3, .before-and-after #main-content header h3, .office-tour #main-content header h4, .before-and-after #main-content header h4, .office-tour #main-content header h5, .before-and-after #main-content header h5, .office-tour #main-content header h6, .before-and-after #main-content header h6 { text-align: center; } #main-content #content p, #main-content header p { margin: 0 0 2.58em; } #main-content #content ul li, #main-content header ul li { margin: 0 0 8px; } .sitemap #main-content ul { margin: 0 0 20px; font-size: 1.25em; text-transform: uppercase; } .sitemap #main-content ul a { color: #f2652d; text-decoration: none; } .sitemap #main-content ul a:hover { opacity: .76; } .sitemap #main-content ul li { margin: 3px 0 25px; list-style: none; } .sitemap #main-content ul li ul { font-size: .85em; margin: 0 0 20px 0; text-transform: none; } .sitemap #main-content ul li ul li { margin: 3px 0 3px; } .sitemap #main-content ul li ul a { color: #000000; } /* END Main Content Section */ #main-content .subnav { text-align: center; margin: 30px auto 0; max-width: 490px; border-radius: 20px; overflow: hidden; } #main-content .subnav h3 { font-size: 23px; line-height: 1.1em; color: #ffffff; margin: 0 0 1px; padding: 25px 0; background: url("../images/subnav.jpg") center center repeat; } #main-content .subnav p { font-size: 14px; line-height: 1.2em; margin: 0; letter-spacing: .05em; padding: 20px 15px; color: #ffffff; background: #f2652d; } #main-content .subnav a { color: #ffffff; text-decoration: none; display: inline-block; margin: 5px; } #main-content .subnav a.active, #main-content .subnav a:hover { color: rgba(255, 255, 255, 0.8); } #testimonials { z-index: 10; text-align: center; background: url("../images/section4.jpg") center center no-repeat; background-size: cover; color: #ffffff; } #testimonials .slide { width: 100%; white-space: normal; -moz-box-sizing: border-box; box-sizing: border-box; } #testimonials h2 { font-size: 43px; line-height: 1.0em; margin: 0 0 25px; } #testimonials p { font-size: 20px; font-style: italic; line-height: 1.36em; margin: 0; } #testimonials h4 { font-size: 30px; line-height: 23px; margin: 20px 0 0; } #testimonials .callouts { padding: 0; text-align: center; padding: 40px 0 0; width: 120%; margin: 0 -10%; } #testimonials .callouts .callout { padding: 0; display: inline-block; } #testimonials .callouts .callout a { background: #faa542; display: inline-block; color: #ffffff; padding: 15px; border-radius: 999em; box-shadow: inset 0 0 0 6px #fff; width: 160px; height: 160px; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 15px; line-height: 1em; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } #testimonials .callouts .callout a .inner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #testimonials .callouts .callout a .icon { vertical-align: bottom; height: 31px; font-size: 25px; margin: 0 0 10px; -webkit-transition: .22s; -o-transition: .22s; -moz-transition: .22s; transition: .22s; -webkit-transform-origin: center 80%; -moz-transform-origin: center 80%; -ms-transform-origin: center 80%; -o-transform-origin: center 80%; transform-origin: center 80%; } #testimonials .callouts .callout a .w800 { display: block; font-size: 20px; line-height: 1em; } #testimonials .callouts .callout a .main { -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; } #testimonials .callouts .callout a:hover { background: #faac51; box-shadow: 0 0 0 6px #faa542; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } #testimonials .callouts .callout a:hover .icon { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } #testimonials .callouts .callout a:hover .main { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } #testimonials .photo { margin: 35px 0 0; } #testimonials .photo img { border-radius: 999em; } /* END Testimonials Section */ #ft { background: url(../images/ft.jpg) center center #fff no-repeat; text-align: center; background-size: cover; z-index: 30; } #ft h3 { font-size: 43px; color: #fff; margin-bottom: 24px; } #ft .social-icons { display: inline-block; margin: 0 0; vertical-align: middle; } #ft .social-icons a { font-size: 30px; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 10; display: inline-block; position: relative; -webkit-animation-duration: 1.0s; -moz-animation-duration: 1.0s; -o-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; margin: 1px 3px; border-radius: 999em; box-shadow: inset 0 0 0 4px #fff; color: #ffffff; width: 60px; height: 60px; line-height: 61px; -webkit-transition: .21s; -o-transition: .21s; -moz-transition: .21s; transition: .21s; text-align: center; } #ft .social-icons a i { -webkit-transition: .12s; -o-transition: .12s; -moz-transition: .12s; transition: .12s; color: #ffffff; vertical-align: -3%; top: 0; } #ft .social-icons a:nth-of-type(1n) { -webkit-animation-delay: 0.12s; -moz-animation-delay: 0.12s; -o-animation-delay: 0.12s; animation-delay: 0.12s; } #ft .social-icons a:nth-of-type(2n) { -webkit-animation-delay: 0.24s; -moz-animation-delay: 0.24s; -o-animation-delay: 0.24s; animation-delay: 0.24s; } #ft .social-icons a:nth-of-type(3n) { -webkit-animation-delay: 0.36s; -moz-animation-delay: 0.36s; -o-animation-delay: 0.36s; animation-delay: 0.36s; } #ft .social-icons a:nth-of-type(4n) { -webkit-animation-delay: 0.48s; -moz-animation-delay: 0.48s; -o-animation-delay: 0.48s; animation-delay: 0.48s; } #ft .social-icons a:nth-of-type(5n) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } #ft .social-icons a:nth-of-type(6n) { -webkit-animation-delay: 0.72s; -moz-animation-delay: 0.72s; -o-animation-delay: 0.72s; animation-delay: 0.72s; } #ft .social-icons a:hover { z-index: 20; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); background: #faaa4c; box-shadow: inset 0 0 0 4px #faa542; } #ft .social-icons a:hover i { -webkit-transform: scale(1.23); -moz-transform: scale(1.23); -ms-transform: scale(1.23); -o-transform: scale(1.23); transform: scale(1.23); } #ft .photos { margin: 25px 0; display: block; } #ft .photos img { width: 50%; padding: 0 5px; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 180px; -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; } #ft .photos img:hover { -webkit-filter: brightness(1.06) saturate(1.06); filter: brightness(1.06) saturate(1.06); } #ft .ft-info { font-size: 14px; line-height: 30px; color: #ffffff; letter-spacing: .05em; } #ft .ft-info .col { margin: 18px 0; } #ft .ft-info i { display: none; } #ft .ft-info a { color: #ffffff; } #ft .ft-info a:hover { color: rgba(255, 255, 255, 0.75); } #ft .phone-outer { font-size: 19px; letter-spacing: 0; } #ft .logos { margin: 30px 0 0; } #ft .logos a { display: inline-block; margin: 5px 10px; -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; } #ft .logos a:nth-of-type(1n) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } #ft .logos a:nth-of-type(2n) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } #ft .logos a:nth-of-type(3n) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } #ft .logos a:hover { opacity: .85; } #ft .logos img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-filter: invert(100%) saturate(0%) brightness(404%); filter: invert(100%) saturate(0%) brightness(404%); } #ft .map { display: block; width: 280px; height: 280px; background: url(../images/ft-map.png) center center no-repeat #ededed; border-radius: 999em; margin: 0 auto 25px; position: relative; } #ft .marker, #ft .marker img { -webkit-transform-origin: 34% 90%; -moz-transform-origin: 34% 90%; -ms-transform-origin: 34% 90%; -o-transform-origin: 34% 90%; transform-origin: 34% 90%; } #ft .marker { position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -27px; display: inline-block; width: 50px; -webkit-transition: .21s; -o-transition: .21s; -moz-transition: .21s; transition: .21s; } #ft .marker.hover, #ft .marker:hover { -webkit-transform: scale(1.16); -moz-transform: scale(1.16); -ms-transform: scale(1.16); -o-transform: scale(1.16); transform: scale(1.16); } /* END Footer */ #ft-sesame { z-index: 70; background: #ffffff; text-align: center; padding: 0; } #ft-sesame .sesame { font-size: 11.2px; line-height: 2.5em; color: #472d13; padding: 30px 0; } #ft-sesame .sesame .div { padding: 0 6px; display: none; } #ft-sesame .sesame a { color: #472d13; display: block; } #ft-sesame .sesame a img { margin: -2px 3px 0 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } #ft-sesame .sesame a:hover { color: rgba(71, 45, 19, 0.75); } #ft-sesame .back-to-top { display: inline-block; margin: 0 0 20px; text-align: center; z-index: 10; position: absolute; } #ft-sesame .back-to-top .inner { display: inline-block; -webkit-transition: .24s; -o-transition: .24s; -moz-transition: .24s; transition: .24s; background: #faa542; padding: 16px 0 0; color: #f2652d; z-index: 1; position: relative; font-size: 14px; line-height: 1em; width: 50px; height: 50px; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 0 0 4px #fff; border-radius: 999em; position: absolute; top: -25px; left: 50%; margin: 0 -25px 0; } #ft-sesame .back-to-top .inner:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background: #fbb15b; box-shadow: inset 0 0 0 4px #faa542; } #ft-sesame .back-to-top .inner:hover i { -webkit-animation: 0.85s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; -moz-animation: 0.85s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; -o-animation: 0.85s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; animation: 0.85s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; } /* END Sesame Section */ @media only screen and (min-width: 16em) { #hero .photo { margin: 0 -25%; } } @media only screen and (min-width: 32em) { #hero .photo { margin: 0 -22%; } } @media only screen and (min-width: 48em) { #content hr { margin: 35px 0; } .office-hours td { padding: 13px 26px; } body.oraverse #sidebar, body.somnodent-sleep-apnea-appliance #sidebar, body.tap-appliance #sidebar, body.juvederm-xc #sidebar, body.clarity-sl #sidebar, body.palatal-expander #sidebar, body.retainer-instructions #sidebar, body.acceledent-aura #sidebar, body.common-procedures #sidebar, body.solea-dental-laser #sidebar, body.sitemap #sidebar, body.meet-the-staff #sidebar, body.meet-our-staff #sidebar, body.our-staff #sidebar, body.our-team #sidebar, body.the-staff #sidebar, body.the-team #sidebar, body.meet-the-team #sidebar, body.meet-our-team #sidebar, body.types-of-braces #sidebar, body.types-of-appliances #sidebar, body.digital-x-rays #sidebar, body.color-my-braces #sidebar, body.common-orthodontic-issues #sidebar, body.common-procedures #sidebar, body.office-tour #sidebar, body.clearcorrect #sidebar, body.before-and-after #sidebar, body.how-suresmile-works #sidebar, body.invisalign #sidebar, body.i-cat #sidebar, body.itero-element #sidebar, body.the-suresmile-process #sidebar, body.in-ovation #sidebar, body[class^='suresmile-'] #sidebar, body[class^='damon-'] #sidebar, body[class^='invisalign-'] #sidebar, body[class^='in-ovation-'] #sidebar, body.which-is-right-for-me #sidebar, body.your-child-s-first-orthodontic-checkup #sidebar, body.aao-testimonials #sidebar, body.ortho-tv #sidebar, body.my-life-my-smile-my-orthodontist #sidebar, body.layout-full-width #sidebar { display: none !important; } body.oraverse #main-content #content, body.oraverse #main-content header, body.somnodent-sleep-apnea-appliance #main-content #content, body.somnodent-sleep-apnea-appliance #main-content header, body.tap-appliance #main-content #content, body.tap-appliance #main-content header, body.juvederm-xc #main-content #content, body.juvederm-xc #main-content header, body.clarity-sl #main-content #content, body.clarity-sl #main-content header, body.palatal-expander #main-content #content, body.palatal-expander #main-content header, body.retainer-instructions #main-content #content, body.retainer-instructions #main-content header, body.acceledent-aura #main-content #content, body.acceledent-aura #main-content header, body.common-procedures #main-content #content, body.common-procedures #main-content header, body.solea-dental-laser #main-content #content, body.solea-dental-laser #main-content header, body.sitemap #main-content #content, body.sitemap #main-content header, body.meet-the-staff #main-content #content, body.meet-the-staff #main-content header, body.meet-our-staff #main-content #content, body.meet-our-staff #main-content header, body.our-staff #main-content #content, body.our-staff #main-content header, body.our-team #main-content #content, body.our-team #main-content header, body.the-staff #main-content #content, body.the-staff #main-content header, body.the-team #main-content #content, body.the-team #main-content header, body.meet-the-team #main-content #content, body.meet-the-team #main-content header, body.meet-our-team #main-content #content, body.meet-our-team #main-content header, body.types-of-braces #main-content #content, body.types-of-braces #main-content header, body.types-of-appliances #main-content #content, body.types-of-appliances #main-content header, body.digital-x-rays #main-content #content, body.digital-x-rays #main-content header, body.color-my-braces #main-content #content, body.color-my-braces #main-content header, body.common-orthodontic-issues #main-content #content, body.common-orthodontic-issues #main-content header, body.common-procedures #main-content #content, body.common-procedures #main-content header, body.office-tour #main-content #content, body.office-tour #main-content header, body.clearcorrect #main-content #content, body.clearcorrect #main-content header, body.before-and-after #main-content #content, body.before-and-after #main-content header, body.how-suresmile-works #main-content #content, body.how-suresmile-works #main-content header, body.invisalign #main-content #content, body.invisalign #main-content header, body.i-cat #main-content #content, body.i-cat #main-content header, body.itero-element #main-content #content, body.itero-element #main-content header, body.the-suresmile-process #main-content #content, body.the-suresmile-process #main-content header, body.in-ovation #main-content #content, body.in-ovation #main-content header, body[class^='suresmile-'] #main-content #content, body[class^='suresmile-'] #main-content header, body[class^='damon-'] #main-content #content, body[class^='damon-'] #main-content header, body[class^='invisalign-'] #main-content #content, body[class^='invisalign-'] #main-content header, body[class^='in-ovation-'] #main-content #content, body[class^='in-ovation-'] #main-content header, body.which-is-right-for-me #main-content #content, body.which-is-right-for-me #main-content header, body.your-child-s-first-orthodontic-checkup #main-content #content, body.your-child-s-first-orthodontic-checkup #main-content header, body.aao-testimonials #main-content #content, body.aao-testimonials #main-content header, body.ortho-tv #main-content #content, body.ortho-tv #main-content header, body.my-life-my-smile-my-orthodontist #main-content #content, body.my-life-my-smile-my-orthodontist #main-content header, body.layout-full-width #main-content #content, body.layout-full-width #main-content header { width: 100%; } body[class^='meet-dr-'] #page-photo { margin: 0 0 1em 0; } /* Sections */ .section-container { padding: 70px 0; } .container { margin: 0 4.8%; } p.staff-photo { margin: 0; padding: 0; } p.staff-photo img { float: right; margin: 6px 0 23px 25px; } img.staff-photo { float: right; margin: 6px 0 23px 25px; } #hero .photo { margin: 0 -19%; } #hero video { margin: 0 0; width: 100%; } #main-nav { text-align: left; width: 371px; right: auto; } #main-nav .nav-toggle { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 0; width: 27%; -webkit-transition: .8s; -o-transition: .8s; -moz-transition: .8s; transition: .8s; } #main-nav .nav-toggle:after, #main-nav .nav-toggle:before { margin: 0; } #main-nav.open .nav-toggle { opacity: .83; width: 100%; } #main-nav .nav-bg { position: relative; padding: 0; } #main-nav nav { padding: 55px 60px 15px 32px; margin: 4px; } #main-nav nav ul li:after { right: -32px; } #main-nav nav ul li a { font-size: 19px; } #main-nav nav ul ul { margin: 0 12px; } #main-nav nav ul ul li a { font-size: 16px; } #hd { padding: 6px 20px 21px; background: url("../images/hd.jpg") center top #fff repeat-x; } #hd:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -64px; border-radius: 999em; background: #fff; z-index: -1; opacity: 1; width: 130px; height: 131px; } #hd .logo { padding: 0 0 3px; margin: 0; max-width: 104px; } #hd .mob-info { position: absolute; top: 62%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -5px; margin: 0; } #hero .caption { padding: 9px 0; } #hero .caption .tagline { font-size: 6.7vw; } #callouts1 { padding: 60px 5px 70px; } #callouts1 .container { max-width: 800px; margin: 0 auto; } #callouts1 .callout { display: inline-block; float: left; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.3333%; padding: 0 5px; } #callouts1 .callout a { padding: -webkit-calc(50% - 10px) 0; padding: -moz-calc(50% - 10px) 0; padding: calc(50% - 10px) 0; margin: 0 auto; font-size: 25px; -webkit-transition: .26s; -o-transition: .26s; -moz-transition: .26s; transition: .26s; background: #f2652d; color: #fff; border-radius: 999em; border: 10px solid #fff; } #callouts1 .callout a .bg { display: block; position: absolute; top: 102%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 55%; } #callouts1 .callout a .inner { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } #callouts1 .callout a .icon { display: block; margin-bottom: 15px; height: 50px; vertical-align: bottom; font-size: 50px; -webkit-transform-origin: center 90%; -moz-transform-origin: center 90%; -ms-transform-origin: center 90%; -o-transform-origin: center 90%; transform-origin: center 90%; -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; } #callouts1 .callout a .main { -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; } #callouts1 .callout a:hover { background: #faa542; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } #callouts1 .callout a:hover .icon { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } #callouts1 .callout a:hover .main { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } #callouts1 .callout a:hover .bg img { -webkit-animation: 1s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; -moz-animation: 1s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; -o-animation: 1s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; animation: 1s cubic-bezier(0.19, 0.01, 0.76, 1) both pulseUp; } #section1 .photo { display: none; } #section1:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background: url("../images/dr-photo.jpg") center 0% #ffffff; background-size: cover; z-index: -1; opacity: 1; -webkit-transition: .6s; -o-transition: .6s; -moz-transition: .6s; transition: .6s; } #section1 .main { text-align: left; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 50%; padding-left: 40px; } #section1 p { font-size: 23px; } #section2 { padding: 65px 20px; } #section2 .container { max-width: 595px; margin: 0 auto; } #section2 textarea { height: 190px; } header.main-title h1 { font-size: 58px; } .home header.main-title h1 { font-size: 90px; margin-bottom: 3px; } #banner { padding: 14%; } #main-content { padding: 55px 0; } .home #main-content { padding: 63px 0 0; } .home #main-content .container { margin: 0 10%; } #main-content #page-photo { display: block; margin: 0 0 1em 0; } #main-content #sidebar { display: inline-block; float: right; text-align: right; margin: 9px 0 0; padding: 0 0 0 5%; -moz-box-sizing: border-box; box-sizing: border-box; width: 33%; max-width: 100%; padding-left: 35px; } #main-content #content { font-size: 17.5px; } #main-content .staff-photo { float: right; margin: 0 0 25px 25px; } #main-content .subnav { display: block; margin: 24px 0 0; max-width: 100%; float: right; width: 330px; } #main-content .subnav p { text-align: left; padding: 17px 0; } #main-content .subnav p a { display: block; padding: 6px 29px; margin: 0; } #main-content .subnav p a.active, #main-content .subnav p a:hover { background: #faa542; color: #fff; } #testimonials { padding-bottom: 0px; z-index: 90; } #testimonials h2 { font-size: 60px; margin-bottom: 45px; } #testimonials p { font-size: 22px; } #testimonials .photo { margin: 44px 0 0; } #testimonials .testimonials { padding: 0 5px; } #testimonials .callouts { top: 78px; position: relative; margin-top: -73px; } #testimonials .callouts .callout { margin: 0 25px; } #testimonials .callouts .callout a { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #ft { padding: 110px 20px 50px; z-index: 60; } #ft .ft-col { display: inline-block; width: 49%; vertical-align: middle; margin: 20px 0; padding: 0 2%; -moz-box-sizing: border-box; box-sizing: border-box; } #ft .map { width: 300px; height: 300px; } #ft .container { max-width: 1152px; } #ft .logos { margin-top: 10px; } #ft .ft-info { text-align: left; max-width: 300px; width: 100%; } #ft .ft-info .col { position: relative; margin: 27px 0; } #ft .ft-info .col i { display: inline-block; position: absolute; top: 4px; left: -50px; text-align: right; width: 20px; font-size: 20px; } #ft-sesame { padding: 0 0; } #ft-sesame .sesame { padding: 25px 0; font-size: 12px; } #ft-sesame .sesame .div, #ft-sesame .sesame a { display: inline-block; } #ft-sesame .sesame a img { margin: -2px 6px 0 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @media only screen and (min-width: 64em) { #content hr { margin: 37px 0; } .container { padding: 0; margin: 0 auto; } .section-container { padding-left: 20px; padding-right: 20px; } p.staff-photo img { margin: 7px 0 23px 40px; } img.staff-photo { margin: 7px 0 23px 40px; } .parallax-bg { background-size: auto !important; } #hero .photo { margin: 0 -21.6%; } #hero video { margin: 0 -4%; width: 108%; } #main-nav { position: absolute; overflow: visible; width: 100%; pointer-events: all; } #main-nav .nav-toggle { display: none; } #main-nav .nav-bg { left: 0; right: 0; top: auto; bottom: auto; padding: 0; opacity: 1; background: none; position: absolute; overflow-y: visible; } #main-nav nav { position: absolute; top: 108px; right: 0; padding: 0; max-width: 120%; margin: 0 -10%; width: 120%; } #main-nav nav ul { position: relative; text-align: center; } #main-nav nav ul li { display: inline-block; position: inherit; padding: 0; margin: 0 8px; padding-bottom: 0; border: none; } #main-nav nav ul li:after { display: none; } #main-nav nav ul li a { color: #472d13; font-size: 16px; line-height: 1em; padding: 9px 0; position: relative; -webkit-transition: .28s; -o-transition: .28s; -moz-transition: .28s; transition: .28s; letter-spacing: .05em; } #main-nav nav ul li a:after, #main-nav nav ul li a:before { content: ""; position: absolute; bottom: -4px; left: 0; height: 4px; right: 0; background: #f2652d; z-index: -1; -webkit-transform: scale(0.92, 0.85); -moz-transform: scale(0.92, 0.85); -ms-transform: scale(0.92, 0.85); -o-transform: scale(0.92, 0.85); transform: scale(0.92, 0.85); opacity: 0; -webkit-transition: 0.19s cubic-bezier(0.39, 0.28, 0.5, 0.98); -o-transition: 0.19s cubic-bezier(0.39, 0.28, 0.5, 0.98); -moz-transition: 0.19s cubic-bezier(0.39, 0.28, 0.5, 0.98); transition: 0.19s cubic-bezier(0.39, 0.28, 0.5, 0.98); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #main-nav nav ul li a:before { -webkit-transform: scale(0.96, 0.94); -moz-transform: scale(0.96, 0.94); -ms-transform: scale(0.96, 0.94); -o-transform: scale(0.96, 0.94); transform: scale(0.96, 0.94); background: rgba(242, 101, 45, 0.5); z-index: -2; -webkit-transition: 0.72s cubic-bezier(0.39, 0.28, 0.5, 0.98); -o-transition: 0.72s cubic-bezier(0.39, 0.28, 0.5, 0.98); -moz-transition: 0.72s cubic-bezier(0.39, 0.28, 0.5, 0.98); transition: 0.72s cubic-bezier(0.39, 0.28, 0.5, 0.98); } #main-nav nav ul li:hover > a, #main-nav nav ul li.active > a { color: #faa542; } #main-nav nav ul li:hover > a:before, #main-nav nav ul li:hover > a:after, #main-nav nav ul li.active > a:before, #main-nav nav ul li.active > a:after { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #main-nav nav ul li:last-of-type ul { text-align: right; right: 0; left: auto; } #main-nav nav ul li ul { position: absolute; left: 0; top: 100%; height: auto; display: none; z-index: 100; background: rgba(242, 101, 45, 0.95); padding: 21px 0 23px; margin: 0; text-align: left; min-width: 230px; width: auto; border-radius: 0 0 15px 15px; } #main-nav nav ul li ul li { display: block; float: none; height: auto; position: relative; padding: 0; margin: 1px 0; width: 100%; opacity: 1 !important; -moz-box-sizing: border-box; box-sizing: border-box; } #main-nav nav ul li ul li a { width: 100%; padding: 7px 29px; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 14px; height: auto; color: #ffffff !important; white-space: nowrap; letter-spacing: .05em; } #main-nav nav ul li ul li a:after, #main-nav nav ul li ul li a:before { content: ""; display: block; background: #faa542; -webkit-transform: scale(1.05, 1.1); -moz-transform: scale(1.05, 1.1); -ms-transform: scale(1.05, 1.1); -o-transform: scale(1.05, 1.1); transform: scale(1.05, 1.1); -webkit-transition: .23s; -o-transition: .23s; -moz-transition: .23s; transition: .23s; height: auto; width: auto; top: 0; left: 0; right: 0; bottom: 0; margin: 0; z-index: -1; opacity: 0; } #main-nav nav ul li ul li a:before { -webkit-transform: scale(1, 0.95); -moz-transform: scale(1, 0.95); -ms-transform: scale(1, 0.95); -o-transform: scale(1, 0.95); transform: scale(1, 0.95); background: rgba(250, 165, 66, 0.9); -webkit-transition: .77s; -o-transition: .77s; -moz-transition: .77s; transition: .77s; z-index: -2; } #main-nav nav ul li ul li a:hover, #main-nav nav ul li ul li.active a { color: #ffffff !important; } #main-nav nav ul li ul li a:hover:after, #main-nav nav ul li ul li a:hover:before, #main-nav nav ul li ul li.active a:after, #main-nav nav ul li ul li.active a:before { opacity: 1 !important; } #main-nav nav ul li:hover ul { display: block; } #hd { position: fixed; background: url("../images/hd.jpg") center top #fff repeat-x; top: 0; left: 0; right: 0; padding: 0 20px; -moz-box-sizing: border-box; box-sizing: border-box; height: 143px; -webkit-transition: .9s; -o-transition: .9s; -moz-transition: .9s; transition: .9s; } #hd .container { margin: 0 auto; max-width: 1150px; } #hd .logo { margin: 7px 0 0; z-index: 1000; max-width: 104px; } #hd .col { margin: 0; vertical-align: top; } #hd .hd-info { text-align: right; display: block; border: none; padding: 0; margin: 0; background: none; position: absolute; top: 0; right: 0; left: 0; } #hd .hd-info .address { position: absolute; top: 64px; right: 0; font-size: 15px; } #hd .hd-info .address a i { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: .15s; -o-transition: .15s; -moz-transition: .15s; transition: .15s; color: #472d13; } #hd .hd-info .address a:hover { color: #ee8306; } #hd .hd-info .address a:hover i { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); color: #ee8306; } #hd .hd-info .address a, #hd .hd-info .address .phone-outer { color: #472d13; } #hd .hd-info .address .phone-outer { margin-left: 21px; } #hd .social-icons { background: #faa542; height: 40px; padding: 8px 15px; -moz-box-sizing: border-box; box-sizing: border-box; } #hd .callouts { margin: 0 -1px; } #hd .callouts .side1 { position: absolute; top: 0; left: 0; display: block; } #hd .callouts a { margin: 0 -1px; background: #faa542; height: 40px; padding: 13px 19px; -moz-box-sizing: border-box; box-sizing: border-box; } #hd .callouts a:hover { color: #fff; background: #fbb15b; } #hero { margin-top: 143px; } #hero .caption .tagline { font-size: 80px; } #callouts1 { padding: 80px 20px; } #callouts1 .container { max-width: 940px; margin: 0 auto; } #callouts1 .callout { padding: 0 27px; } #section1 { background: #faa542; padding: 130px 20px 110px; } #section1:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: url("../images/section2.jpg") center center; background-size: cover; z-index: -1; } #section1 .container { max-width: 1320px; } #section1 p { font-size: 25px; } #section1 .btns { margin: 45px 0 0; } #section1 .btns a { padding: 32px 34px; } #section2 { padding: 82px 20px 120px; } #section2 .container { max-width: 855px; margin: 0 auto; } #section2 .col { width: 30%; display: inline-block; margin: 19px 9px; } #section2 .width3 { margin: 0 19px; } header.main-title { margin-bottom: 37px; padding-bottom: 37px; } .home header.main-title { margin: 0 0 40px; padding: 0; } header.main-title h1 { font-size: 60px; } .home header.main-title h1 { font-size: 100px; } .home header.main-title h1 .welcome { padding-bottom: 33px; margin-bottom: 26px; } #banner { height: 378px; padding: 0; margin: 143px 0 0; } #main-content { padding: 78px 20px 75px; z-index: 100; } .home #main-content { padding: 130px 20px 75px; background: url("../images/bg.png") center center #fff repeat; } .home #main-content .home-photo { content: ""; position: absolute; top: -30px; left: 50%; margin-left: 8%; padding: 23.5%; background: url("../images/home-photo.jpg") 30% 25% no-repeat; background-size: cover; z-index: 200; border-radius: 999em; } #main-content .container { max-width: 1150px; } .home #main-content .container { margin: 0 auto; max-width: 1150px; } #main-content .inner.homepage { width: 590px; } #main-content .inner.homepage:after { content: ""; position: absolute; top: 54.1%; left: 50%; padding: 732px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 999em; background: #f2652d; z-index: -1; opacity: .95; -webkit-transition: .6s; -o-transition: .6s; -moz-transition: .6s; transition: .6s; } #main-content #sidebar { padding-left: 45px; } #main-content #content { font-size: 18px; } #main-content .callouts { position: absolute; top: 0%; padding-top: 38%; right: 0; display: inline-block; z-index: 400; width: 37%; text-align: center; margin: 0; } #main-content .logos { position: absolute; bottom: 0; left: 23%; display: inline-block; z-index: 300; padding: 0; margin: 0; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } #main-content .logos:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: -999em; background: #ffffff; z-index: -1; opacity: 1; -webkit-transition: .6s; -o-transition: .6s; -moz-transition: .6s; transition: .6s; } #main-content .logos .logo { margin: 0; } #main-content .logos .logo img { max-width: 100%; margin: 0; } #main-content .logos .logo:nth-of-type(2) { padding-left: 37px; } #testimonials { padding: 140px 20px 0; } #ft { padding: 0; height: 740px; } #ft .container { position: absolute; left: 50%; margin-left: -575px; top: 48%; width: 1150px !important; max-width: 1150px; -webkit-transform: scale(0.85) translateY(-50%); -moz-transform: scale(0.85) translateY(-50%); -ms-transform: scale(0.85) translateY(-50%); -o-transform: scale(0.85) translateY(-50%); transform: scale(0.85) translateY(-50%); } #ft .map { width: 340px; height: 340px; margin: 0; padding: 0; margin-right: 120px; } #ft .social { width: 380px; margin: 0; padding: 0; margin-right: 10px; } #ft .ft-info { padding: 0; margin: 0; width: 277px; } #ft .logos { margin: 67px 0 0; padding: 0; } #ft .logos .logo { margin: 0 25px; } #ft .logos .logo img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @media only screen and (min-width: 75em) { #hero video { margin: 0 0; width: 100%; } #main-nav nav ul li { margin: 0 15px; } } @media only screen and (min-width: 76em) { #hero .caption { padding: 12px 0; } #section1 .main { padding-left: 100px; } #ft .container { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 51.5%; } } @media only screen and (min-width: 77em) { #main-content .subpage #content { width: 731px; } #main-content #sidebar { width: 340px; padding: 0; margin: -10px 0 0; } #main-content .logos { text-align: left; width: auto; right: 0%; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-right: 15px; } #main-content .callouts { position: absolute; left: 50%; right: auto; width: 50%; padding: 0; top: 25px; margin-left: -120px; } #main-content .callouts .callout { position: relative; padding: 0; margin: 0 -5px; } #main-content .callouts .callout a { width: 190px; height: 190px; } #main-content .callouts .callout a .inner { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #main-content .callouts .callout:nth-of-type(2) { top: -160px; } } @media only screen and (min-width: 80em) { #hero .photo { margin: 0 -17.5%; } } @media only screen and (min-width: 85em) { #hero .caption { padding: 21px 0; } } @media only screen and (min-width: 90em) { #hero video { margin: -2% 0; width: 100%; } } @media only screen and (min-width: 95em) { #main-content .logos { left: 50%; right: auto; width: 55%; } } @media only screen and (min-width: 96em) { #hero .photo { margin: 0 -13.4%; } } @media only screen and (min-width: 100em) { #hero video { margin: -3% 0; width: 100%; } } @media only screen and (min-width: 110em) { #hero video { margin: -4% 0; width: 100%; } } @media only screen and (min-width: 112em) { #hero .photo { margin: 0 -8.1%; } } @media only screen and (min-width: 115em) { #hero video { margin: -5% 0; width: 100%; } .home #main-content .home-photo { left: 50%; padding: 0; height: 905px; width: 906px; } #main-content .callouts { margin-left: 90px; width: 500px; } } @media only screen and (min-width: 120em) { #hd { background-size: 100% 100%; } } @media only screen and (min-width: 125em) { .parallax-bg { background-size: cover !important; } #hero video { margin: -6% 0; width: 100%; } } @media only screen and (min-width: 128em) { #hero .photo { margin: 0 -5.4%; } } @media only screen and (min-width: 144em) { #hero .photo { margin: 0 -2.7%; } } @media only screen and (min-width: 160em) { #hero .photo { margin: -1%; } }