﻿/* Beeper */

@import url("https://p.typekit.net/p.css?s=1&k=tsb7nln&ht=tk&f=15361&a=9450353&app=typekit&e=css");

@font-face { font-family: "futura-pt-condensed-bold"; src: url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; }

.tk-futura-pt-condensed { font-family: "futura-pt-condensed",sans-serif; }

/* General */
:root { --vh: 100vh; --vw: 100vw; }
body { font-size: 19px; color: #252525; }

#GridTop.blog { height: 500px; }


/* Remove float */
#GridContent { float: none; }

/* HEADER 2 */

/* Reset color of active link in menu */
#header2 ul.menu li.active { color: inherit; }

/* Delete a line under header menu links */
#header2 ul.menu > li:before { content: none; }

/* Reset hover color of header menu links */
#header2 ul.menu li:hover { color: inherit; }

/* Delete opacity border of header menu links in focus */
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }

/* Delete bottom line of header social links in focus */
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }


/* Category */

/* Fix for dropdown menu width inside filter on category page */
#CatalogModule .filters-box .filters-list-wrapper.active { width: 100%; }

#CatalogModule .filters-box ul.filter-list { min-width: 100%; }

/* Reset bootstrap font-size */
h1, h2 { font-size: inherit; }


/* Footer */

/* Remove padding top */
footer { padding-top: 0; }

/* Remove float & padding */
#SiteFooter { float: none; padding-bottom: 0; // remove padding bottom from mobile }

/* Fix for checkbox on Xiaomi devices */
form.shop-form input[type=checkbox]:checked { background: url(../../../warehouse/temp/story/checkboxV.svg); }

/* FIX FOR VH/VW IN STORY */
.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }

.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }

#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }

.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }

header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }

#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }

#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }

#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }

.TopVideo { height: calc( var(--vh) * 1 ); }

.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }

.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }

.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }

#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }

.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }

#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); min-height: calc( var(--vh) * 0.4 ); }

.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }

.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }

#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }



@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }

    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }

    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 5 ); }

    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }

    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }

    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }

    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }

    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }

    #header .submenu { width: calc( var(--vw) * 0.97 ); }

    .modal-dialog { width: calc( var(--vw) * 0.9 ); }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }

    .gallery-container { width: calc( var(--vw) * 0.95 ); }

    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }

    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }

    .TopVideo { height: calc( var(--vh) * 0.95 ); }

    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: none; }

    .flexslider .slides img { height: auto; }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 0.8; }
    :root { --vh: 125vh; --vw: 125vw; }
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Header */
#header2 ul.menu li a { font-size: 110.5%; color: #252525; }
#header2 ul.menu { margin-bottom: 0; }
#header2 .menu-nav { margin: 0; order: 1; width: calc( 100% - 176px); }
#header2 .header-top .address { color: #252525; font-size: 121%; order: 2; }
#header2 .header-top-left svg { fill: #252525; }
#header2 { background: #fff; padding: 15px 40px; box-shadow: 0 1px 6px 0 rgb(32 33 36 / 18%); }
#header2 .header-right-section { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-left: 20px; }
#header2 .header-top { order: 2; width: 176px; }
#header2 .header-top-left a.whatsapp_icon { display: inline-block; }
#header2 .header-top-right { display: flex; align-items: center; justify-content: space-between; }
#header2 ul.menu li { margin-left: 25px; }
#header2 .max-width { max-width: 1440px; width: 100% }
#header2 .header-top-left { order: 1; margin-left: 15px; margin-right: 0; }
#header-left a { margin-right: 15px; }
#header2 #header-container { display: flex; align-items: center; justify-content: space-between; }
#header2 .phone-icon { display: none; }
#header2 #header-left { z-index: 12; }

@media (min-width:767px ){
    #header2 .header-top .address {direction:ltr;}
}

/* Homepage */
#home-gallery .gallery-caption { height: 100%; background: #5253a3; top: 0; right: 0; left: auto; width: 50%; transform: none; display: flex; align-items: center; justify-content: flex-start; padding: 0 50px; }
#home-gallery .gallery-caption .gallery-text { font-size: 289%; font-family: FbReformaMedium; max-width: 550px; text-align: right; position: relative; white-space: inherit; margin-top: 100px; animation: moveUp 1.5s forwards; -webkit-animation: moveUp 1.5s forwards; }
#home-gallery .gallery-caption .gallery-text div { color: #fec00c; line-height: 0.91; position: relative; margin-bottom: 41px; direction: rtl; }
#home-gallery .gallery-caption .gallery-text span { font-size: 56.5%; line-height: 1.16; display: block; font-family: 'fbreformaen-regular-webfont'; margin-bottom: 20px; max-width: 360px; margin-left: auto; }
#home-gallery .gallery-caption .gallery-text div::after { content: ""; display: block; position: absolute; bottom: -20px; width: 160px; height: 6px; background: #fff; right: 0; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { max-width: 160px; margin-right: 0; font-size: 36.5%; text-align: center; background: #fff; color: #252525; padding: 9px 15px; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:focus { background: #252525; color: #fff; }
#home-gallery { height: 650px !important; }
.gallery-text::after { content: ""; pointer-events: none; display: block; position: absolute; width: 800px; height: 800px; border-radius: 50%; border: 8px solid #fff; top: 50%; right: 55%; z-index: 3; transform: translate(50%, -50%); }
#home-gallery .slider-bg.stellar-bg { height: 650px !important; min-height: unset !important; }
#home-gallery::after { content: ""; display: block; position: absolute; bottom: -110px; left: 50%; transform: translateX(-50%); width: 150px; height: 150px; background: #fec00c; z-index: 5; border-radius: 50%; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width: 20px; height: 12px; fill: #000; }
#home-gallery .scroll-down { bottom: 20px; }
.business-service { padding: 96px 20px 78px; margin: 0 auto; max-width: 1280px; }
.business-service .grid-row li.slider-item { padding-bottom: 80.7%; }
.business-service .grid-rows .grid-row-text h2 { font-family: 'FbReformaMedium'; line-height: 0.91; font-size: 290%; position: relative; margin-bottom: 25px; max-width: 300px; }
.business-service .grid-rows .grid-row-text h2::after { content: ""; display: block; position: absolute; bottom: -13px; right: 0; width: 120px; height: 6px; background: #f05277; }
.business-service .grid-rows .grid-row-text p { line-height: 1.33; font-size: 110.6%; }
.business-service .grid-rows .grid-row-text { width: 100%; padding-right: 67px; margin-top: 0; }
.business-service .grid-rows .grid-row-text a.grid-row-button { background: #5253a3; border-radius: 0; border: 1px solid transparent; color: #fff; font-family: 'FbReformaMedium'; font-size: 126%; padding: 5px 38px; }
.business-service .box-image-animation img { width: 100%; height: auto !important; }
.business-service .box-image-animation { display: flex; align-items: center; justify-content: center; }
.sections .grid-content-section.top-services { max-width: none; background: #f0f0f0; padding-top: 80px; padding-bottom: 114px; margin-bottom: 0; }
.top-services .grid-boxes { max-width: 1220px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 20px; }
.top-services .section-title h2 { color: #5253a3; font-family: 'FbReformaMedium'; font-size: 290%; line-height: 0.86; }
.top-services h3 { font-family: 'FbReformaMedium'; font-size: 368%; line-height: 0.86; margin-top: 10px; }
.sections .grid-content-section.top-services { max-width: none; background: #f0f0f0; padding-top: 80px; padding-bottom: 114px; margin-bottom: 0; }
.top-services .grid-box { background: #fff; box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.16); margin-bottom: 50px; width: calc((100% / 2) - 74px); margin-left: 46px; display: flex; flex-direction: column; margin-right: 0; padding: 20px 210px 20px 35px; justify-content: center; text-align: right; }
.top-services .grid-box:nth-of-type(even) { margin-left: 0; margin-right: 48px; }
.top-services .grid-boxes .grid-box-image { position: absolute; height: 200px; width: 240px; padding-bottom: 0; margin-bottom: 0; top: 50%; transform: translateY(-50%); right: -48px; pointer-events: none; }
.top-services .grid-boxes .grid-box-title h3 a { color: #252525; }
.top-services .grid-boxes .grid-box-title h3 { font-size: 174%; line-height: 1.24; position: relative; margin-bottom: 29px; }
.top-services .grid-boxes .grid-box-title h3::after { content: ""; display: block; position: absolute; bottom: -11px; right: 0; width: 100px; height: 4px; background: #5253a3; }
.top-services .grid-boxes .grid-box:nth-of-type(2) .grid-box-title h3::after, .top-services .grid-boxes .grid-box:nth-of-type(3) .grid-box-title h3::after { background: #f05277; }
.top-services .grid-box-fulltext { font-size: 84%; line-height: 1.44; margin-bottom: 15px; }
.top-services .grid-boxes .grid-box-subtitle { font-size: 95%; font-family: 'FbReformaMedium'; }
.top-services .grid-boxes .grid-box-subtitle a { color: #fff; background: #5253a3; padding: 5px 14px; display: inline-block; }
.top-services .grid-boxes .grid-box:nth-of-type(2) .grid-box-subtitle a, .top-services .grid-boxes .grid-box:nth-of-type(3) .grid-box-subtitle a { background: #f05277; }
.home-page .features .section-title h2 { font-size: 369%; line-height: 1.14; font-family: 'FbReformaMedium'; }
.home-page .features { padding-top: 70px; max-width: 1203px; margin-bottom: 0; }
.features .grid-box:first-child { margin-right: 2px; }
.features .grid-box-image { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.14); padding-bottom: 64.6%; margin-bottom: 80px; }
.home-page .features::before { content: ""; display: block; position: absolute; height: 65%; bottom: 0; background: #fec00c; width: calc( var(--vw) * 1 ); left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); }
.reviews .owl-carousel .owl-item .item { padding: 0; }
.reviews .section-title { padding-top: 80px; z-index: 2; color: #fff; margin: 0; }
.reviews .section-title h2 { font-size: 290%; font-family: 'FbReformaMedium'; }
.reviews .section-title h3 { font-size: 163%; margin-top: 0; }
.reviews .topImg { height: 486px; }
.reviews .owl-carousel .owl-item img { z-index: -9999; position: relative; width: 370px; display: none; }
.home-page .reviews { background: url(/warehouse/temp/beeper/homepage/reviews/phone-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; margin-bottom: 0; }
.home-page .reviews::before { content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.5; }
.reviews .photoFullText { font-size: 111%; line-height: 1.33; }
.photoFullText strong { font-size: 86%; font-family: 'FbReformaMedium'; }
.reviews .owl-carousel .photoTextWrapper { padding: 88px 140px 85px; width: calc( var(--vw) * 0.495 ); top: 42%; }
.reviews .owl-nav div { background: #f05277; display: inherit; height: 65px; width: 65px; border-radius: 50%; top: 0; position: relative; }
.reviews .owl-next:after, .reviews .owl-prev:after { content: ""; top: 0; position: absolute; left: 0; width: 100%; height: 100%; cursor: pointer; }
.reviews .owl-nav { position: absolute; left: 50%; transform: translateX(-50%); z-index: 99; display: flex; flex-direction: row-reverse; width: 160px; justify-content: space-between; bottom: 4%; }
.reviews .owl-next:after { background-image: url(/warehouse/temp/beeper/homepage/reviews/arrow-r.svg); background-size: 18px 30px; background-repeat: no-repeat; background-position: 58% 50%; }
.reviews .owl-prev:after { background-image: url(/warehouse/temp/beeper/homepage/reviews/arrow-l.svg); background-size: 18px 30px; background-repeat: no-repeat; background-position: 42% 50%; }
.home-page .reviews::after { content: ""; display: block; position: absolute; bottom: -202px; left: -60px; width: 464px; height: 464px; border: 6px solid #fec00c; border-radius: 50%; }
.bottom-image img { max-width: 100%; }
.bottom-image { text-align: right; }
.bottom-image .grid-text-content { max-width: 1200px; }
.bottom-image { text-align: right; margin: 0; padding-top: 110px; padding-bottom: 80px; }
.bottom-image .grid-text-content { max-width: 1200px; }
.form-container-wide #DynamicFormObject { border: none; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 54px 38px 38px; background: #fff; }
#DynamicFormObject:after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'FbReformaMedium', 'futura-pt-condensed'; font-size: 107.7%; color: #5253a3; margin-bottom: 6px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-family: 'FbReformaMedium'; font-size: 174%; position: relative; margin-bottom: 47px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before { content: ""; display: block; position: absolute; bottom: -16px; left: 50%; width: 120px; height: 6px; background: #f05277; transform: translateX(-50%); }
.normal-form input { width: 100%; max-width: 100%; border-radius: 0; border: 2px solid #252525; padding: 10px 20px; height: 50px; }
.normal-form textarea { width: 100%; max-width: 100%; border-radius: 0; border: 2px solid #252525; font-size: 95%; padding: 10px 20px; }
.must:before { top: 10px; right: 29px; }
.home-page .bottom-form .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-top: 10px; }
#DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; background: #f05277; border: 1px solid transparent; max-width: 160px; border-radius: 0; font-size: 105%; font-family: 'FbReformaMedium'; height: 46px; }
.home-page .bottom-form .form-container-wide #DynamicFormObject { max-width: 584px; margin-right: auto; margin-left: 10px; }
.bottom-image p { margin: 0; }
.home-page .bottom-form { margin-top: -744px; margin-bottom: 0; padding-bottom: 148px; }
.numbers .section-title h2 { font-family: 'FbReformaMedium'; font-size: 290%; color: #fff; }
.numbers { padding-top: 80px; margin-bottom: 0; background: url(/warehouse/temp/beeper/homepage/slider/bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 110px; }
.numbers::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; }
.numbers::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; pointer-events: none; width: 562px; height: 527px; background: url(/warehouse/temp/beeper/homepage/slider/lets-talk.png); z-index: 999; background-size: cover; background-position: center; background-repeat: no-repeat; }
.numbers .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/beeper/homepage/slider/arrow-l.svg); width: 24px; height: 40px; background-size: cover; }
.numbers .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/beeper/homepage/slider/arrow-r.svg); width: 24px; height: 40px; background-size: cover; }
.numbers .flex-direction-nav a { height: 40px; }
.numbers .flex-direction-nav a:focus { outline: 1px solid #8e8e8e; }
.numbers .numbers .flexslider .slides img { max-height: 355px; }
.numbers .gallery-slider.flexslider .slides li.next-slide { opacity: 1 !important; margin-right: -10% !important; }
.numbers .gallery-slider.flexslider .slides .next-slide img { left: 67%; zoom: 0.7; opacity: 0.7; }
.numbers .gallery-slider.flexslider .slides .prev-slide img { left: 33%; zoom: 0.7; opacity: 0.7; }
.numbers .gallery-slider.flexslider .slides .prev-slide.last img { left: -57%; }
.numbers .gallery-slider.flexslider .slides li.prev-slide { opacity: 1 !important; margin-right: -100% !important; overflow: visible; }
.numbers .gallery-slider.flexslider .slides li.next-slide.first { margin-right: -100% !important; }
.numbers .owl-item:not(.center) { opacity: 0.7; transform: scale(0.9) /*translateX(107%)*/; }
.numbers .owl-carousel .owl-item img { max-width: 355px; margin: 0 auto; }
.numbers .owl-item.active.center + .owl-item.active:not(.center) { transform: scale(0.9) /*translateX(-108%)*/; z-index: -1; }
.numbers .owl-item.active.center { transform: scale(1.5); }
.numbers .gallery-container { max-width: 900px; margin: 0 auto; }
.numbers .owl-carousel .owl-stage { padding: 80px 0; }
.numbers .owl-carousel .owl-stage-outer { transform: scale(0.8); pointer-events: none; }
.numbers .section-title { margin-bottom: -14px; }
.numbers .owl-carousel .owl-controls .owl-nav .owl-next { left: 60px; }
.numbers .owl-carousel .owl-controls .owl-nav .owl-prev { right: 60px; }
#promotionWindow { right: auto; left: 0; bottom: 40%; }
#promotionWindow-first a { border-radius: 0; background: #f05277 !important; font-family: 'FbReformaMedium'; font-size: 116%; width: 80px; text-align: center; line-height: 1; padding: 19px 0; }
#promotionWindow-first a::after { content: ""; display: block; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fec00c; margin: 0 auto; margin-top: 8px; background-image: url(/warehouse/temp/beeper/homepage/slider/arrow-r.svg); background-size: 8px 14px; background-position: center; background-repeat: no-repeat; }
#promotionWindow-modal #DynamicFormObject { border: none; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; order: 5; }
.reviews .owl-carousel .photoTextWrapper::before { content: ""; display: block; position: absolute; top: 45px; right: 124px; width: 110px; height: 69px; background: url(/warehouse/temp/beeper/homepage/reviews/quote.svg); }

/* Inner page*/
.top-caption { top: 50%; font-family: 'futura-pt-condensed', 'FbReformaMedium'; font-size: 400%; max-width: 400px; color: #fec00c; left: 68%; text-align: right; min-width: unset; width: 100%; }
#subheadline h2 { text-align: right; font-family: 'FbReformaMedium'; font-size: 290%; position: relative; margin-bottom: 25px; }
#subheadline h2::after { content: ""; display: block; position: absolute; bottom: -8px; right: 0; width: 200px; max-width: 30%; height: 6px; background: #fec00c; }
#text1, #text2 { text-align: right; max-width: 100%; font-size: 105%; line-height: 1.3; }
.internalPage .MainContent { max-width: 715px; margin: 0 auto; }
.internalPage #GridPage { padding-top: 86px; }
.about-page .GridBottomGallery { background: url(/warehouse/temp/beeper/about/birds-bg.jpg); background-size: cover; background-position: center; margin-top: 70px; position: relative; height: 400px; display: flex; align-items: center; justify-content: center; }
.about-page .GridBottomGallery::before { content: ""; display: block; width: 100%; height: 100%; background: #000; top: 0; left: 0; position: absolute; opacity: 0.5; }
.about-page .owl-carousel .photoTextWrapper { background: none; position: static; transform: none; padding: 46px 67px; border: 4px solid #fec00c; }
.about-page .topImg { display: none; }
.about-page .owl-carousel .owl-item .item { overflow: visible; }
.about-page .owl-carousel .owl-stage { margin: 0 !important; width: 90% !important; left: -50px; display: table; padding: 0 !important; pointer-events: none; }
.about-page .owl-carousel .owl-item { width: auto !important; text-align: center; color: #fff; line-height: 1.33; font-family: 'FbReformaMedium'; font-size: 158%; }
.about-page #GridBottom::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 116px; height: 87px; background: url(/warehouse/temp/beeper/about/white-circle.svg); background-size: cover; background-position: center; z-index: 1; pointer-events: none; }
.about-page #GridBottom::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 116px; height: 87px; background: url(/warehouse/temp/beeper/about/red-circle.svg); background-size: cover; background-position: center; z-index: 1; pointer-events: none; }
.about-page .owl-controls { display: none; }
.top-row { max-width: 1238px; margin: 0 auto; padding-top: 0; margin-bottom: 59px; }
.top-row .grid-row li.slider-item { padding-bottom: 80.6%; }
.top-row .grid-rows .grid-row-text h2 { font-family: 'FbReformaMedium', 'futura-pt-condensed-bold'; font-size: 290%; position: relative; margin-bottom: 33px; font-weight: 500; }
.top-row .grid-rows .grid-row-text h2::before { content: ""; display: block; position: absolute; bottom: -7px; right: 0; width: 120px; height: 6px; background: #fec00c; }
.top-row .grid-rows .grid-row-text { width: 100%; max-width: 505px; }
.top-row .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 45px; text-align: right; }
.top-row .grid-rows .grid-row-text p { line-height: 1.26; }
.center-text-grid .section-title { font-family: 'futura-pt-condensed-bold', 'FbReformaMedium'; font-size: 138%; position: relative; }
.center-text-grid .section-title::after { content: ""; display: block; position: absolute; bottom: -14px; left: 50%; width: 100px; height: 6px; background: #fec00c; transform: translateX(-50%); }
.center-text-grid .grid-text .grid-text-content { max-width: 714px; margin: 0 auto; margin-top: 36px !important; line-height: 1.2; font-size: 105%; }
.center-text-grid { margin-bottom: 0; padding-bottom: 38px; padding-top: 106px; width: calc( var(--vw) * 1 ); left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); }
.human-response .section-title::before { content: ""; display: block; background: url(/warehouse/temp/beeper/human-response/01.png); width: 79.6px; height: 49px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 10px; }
.domino-rows .grid-rows { max-width: 1080px; margin: 0 auto; width: 90% }
.domino-rows { padding-top: 0; width: calc( var(--vw) * 1 ); left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); padding-bottom: 99px; margin-bottom: 0; }
.domino-rows .grid-rows .grid-row-text h2 { font-family: 'FbReformaMedium'; font-size: 158%; position: relative; margin-bottom: 10px; }
.domino-rows .grid-rows .grid-row-text h2::before { content: ""; display: block; width: 6px; height: 20px; background: #fec00c; position: absolute; right: -14px; top: 5px; }
.domino-rows .grid-rows .grid-row-text { width: 100%; }
.domino-rows .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 35px; padding-left: 20px; }
.domino-rows .grid-row-text ul { list-style: none; padding-right: 16px; margin: 0; }
.domino-rows .grid-row-text ul li { position: relative; line-height: 1.1; margin-bottom: 10px; }
.domino-rows .grid-row-text ul li::before { content: ""; display: block; position: absolute; right: -16px; top: 4px; width: 8px; height: 8px; background: #f05277; border-radius: 50%; }
.domino-rows .grid-rows .grid-row { background: none; }
.domino-rows .grid-row li.slider-item { padding-bottom: 64.9%; }
.lobby-grid #GridPage .max-width { padding: 0; }
.human-response, .business-response { background: #f0f0f0; }
.voice-to-sms .section-title::before { content: ""; display: block; background: url(/warehouse/temp/beeper/human-response/02.png); width: 79.6px; height: 49px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 10px; }
.emergency-title { background: #f0f0f0; padding-bottom: 17px; }
.emergency-title::before { content: ""; display: block; background: url(/warehouse/temp/beeper/human-response/03.png); width: 79.6px; height: 49px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 10px; }
.domino-rows.emergency { background: #f0f0f0; }
.sections .grid-content-section.additional-services { max-width: 1200px; margin: 0 auto; padding-top: 70px; padding-left: 0; padding-right: 0; }
.additional-services h2 { font-family: 'FbReformaMedium'; font-size: 290%; }
.additional-services h2::after { content: ""; display: block; position: absolute; bottom: -14px; left: 50%; width: 100px; height: 6px; background: #fec00c; transform: translateX(-50%); }
#LobbyModule .additional-services .grid-boxes { padding-top: 10px; }
#LobbyModule .additional-services .grid-boxes .grid-box-image { padding-bottom: 64.7%; margin-bottom: 0; }
.additional-services .grid-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 90%; pointer-events: none; }
.additional-services .grid-boxes .grid-box-title h3 a { color: #fff; font-family: 'FbReformaMedium'; }
#LobbyModule .additional-services .grid-boxes .grid-box-title h3 { font-size: 170%; }
.additional-services .grid-boxes .box-image-animation::before { content: ""; display: block; position: absolute; bottom: 47px; left: 50%; transform: translateX(-50%); width: 48px; height: 30px; background: url(/warehouse/temp/beeper/human-response/white-arrow.svg); z-index: 1; background-repeat: no-repeat; }
.additional-services .grid-boxes .box-image-animation::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.3; }
.secretariat-page .top-caption { max-width: 450px; }
.secretariat-page .top-caption { max-width: 450px; }
.secretariat-page #lobbyview h2 { font-family: 'FbReformaMedium'; font-size: 290%; position: relative; margin-bottom: 25px; max-width: 90%; margin-left: auto; margin-right: auto; }
.secretariat-page #lobbyview h2::before { content: ""; display: block; position: absolute; bottom: -7px; left: 50%; width: 120px; height: 6px; background: #fec00c; transform: translateX(-50%); }
.secretariat-page #lobbyText { font-size: 105%; line-height: 1.3; max-width: 716px; padding-bottom: 40px; width: 90%; }
#SiteGridContainer { overflow: hidden; }
.secretariat-page #lobbyview { background: #f0f0f0; padding-top: 86px; width: calc( var(--vw) * 1 ); left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); position: relative; }
.secretariat-page .domino-rows { background: #f0f0f0; }
.secretariat-page .internalPage #GridPage { padding-top: 0; }
/*.domino-rows .grid-row li.slider-item { padding-bottom: 54.8%; }*/
.sections .grid-content-section.centers-types { background: #f0f0f0; width: calc( var(--vw) * 1 ); left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); max-width: none; padding-top: 65px; padding-bottom: 74px; margin-bottom: 0; }
#LobbyModule .centers-types .grid-boxes { max-width: 1200px; padding-top: 14px; }
.centers-types h2 { font-family: 'FbReformaMedium'; font-size: 290%; position: relative; }
.centers-types h2::before { content: ""; display: block; position: absolute; bottom: -24px; left: 50%; width: 120px; height: 6px; background: #fec00c; transform: translateX(-50%); }
.centers-types .grid-boxes .grid-box-title h3 a { font-family: 'FbReformaMedium'; color: #252525; }
#LobbyModule .centers-types .grid-boxes .grid-box-image { border-radius: 50%; box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.16); max-width: 170px; padding-bottom: 81%; margin: 0 auto; margin-bottom: 20px; height: 170px; }
.centers-types .grid-boxes .grid-box-subtitle a { font-family: 'FbReformaMedium'; font-size: 75%; position: relative; }
.centers-types .grid-boxes .grid-box-subtitle a::before { content: ""; display: block; position: absolute; bottom: -7px; left: 53%; width: 56px; height: 2px; background: #f05277; transform: translateX(-50%); }
.internalPage #SiteGrid.layout-bottom #GridPromo { background: #f0f0f0; z-index: 0; width: calc( var(--vw) * 1 ); left: 50% !important; right: 50%; margin-left: calc( var(--vw) * -0.5 ); max-width: none; margin-top: 210px; padding-bottom: 106px; margin-bottom: 0; }
.internalPage .form-container-wide #DynamicFormObject { max-width: 950px; margin: 0 auto; margin-top: -180px; padding: 40px 38px 50px; }
.internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; }
.internalPage .form-container-wide #DynamicFormObject::before { content: ""; display: block; position: absolute; top: -24px; right: -24px; width: 60px; height: 60px; border: 6px solid #f05277; border-radius: 50%; z-index: -1; }
.internalPage .form-container-wide #DynamicFormObject::after { content: ""; display: block; position: absolute; bottom: -45px; left: -45px; width: 130px; height: 130px; border: 6px solid #fec00c; border-radius: 50%; z-index: -1; top: auto; right: auto; }
.career-page .top-caption { color: #5253a3; }
.career-page .top-row .grid-rows .grid-row-text h2::before { background: #f05277; }
.center-text-grid.votes-text { padding-top: 90px; background: #f0f0f0; }
.domino-rows.votes { background: #f0f0f0; }

/* Contact page */
.contact-page .internalPage #SiteGrid.layout-bottom #GridPromo { background: none; margin: 0; left: auto !important; right: auto; width: 100%; margin-top: 0; z-index: inherit; order: 1; padding: 0; }
.contact-page .internalPage .form-container-wide #DynamicFormObject { margin: 0 auto; max-width: 100%; border-right: 2px solid #252525; padding: 6px 55px 0; box-shadow: none; }
.contact-page #GridWrapInner { display: flex; align-items: center; justify-content: space-between; }
.contact-page #GridContent { order: 2; }
.contact-page .internalPage .form-container-wide #DynamicFormObject::before { display: none; }
.contact-page .internalPage .form-container-wide #DynamicFormObject::after { display: none; }
.contact-page .internalPage #GridPage { padding-top: 75px; padding-bottom: 75px; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before { display: none; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 19px; }
.contact-page .normal-form input { border: none; box-shadow: none; background: #ebebeb; }
.contact-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; }
.contact-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email { width: 100%; }
.contact-page .normal-form textarea { border: none; background: #ebebeb; box-shadow: none; }
.contact-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.contact-page .internalPage #SiteGrid.layout-bottom #GridPromo { background: none; margin: 0; left: auto !important; right: auto; width: 100%; margin-top: 0; z-index: inherit; order: 1; padding: 0; }
.contact-page .internalPage .form-container-wide #DynamicFormObject { margin: 0 auto; max-width: 100%; border-right: 2px solid #252525; padding: 6px 55px 0; box-shadow: none; }
.contact-page #GridWrapInner { display: flex; align-items: center; justify-content: space-between; }
.contact-page #GridContent { order: 2; }
.contact-page .internalPage .form-container-wide #DynamicFormObject::before { display: none; }
.contact-page .internalPage .form-container-wide #DynamicFormObject::after { display: none; }
.contact-page #GridPage .max-width { max-width: 1480px; padding: 0 20px; }
.contact-page .internalPage #GridPage { padding-top: 75px; padding-bottom: 75px; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before { display: none; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 19px; }
.contact-page .normal-form input { border: none; box-shadow: none; background: #ebebeb; }
.contact-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; }
.contact-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email { width: 100%; }
.contact-page .normal-form textarea { border: none; background: #ebebeb; box-shadow: none; }
.contact-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.contact-page #text1 tr td:first-child { width: 50px !important; display: inline-table; border: none; margin-bottom: 20px; }
.contact-page #text1 tr td:last-child { width: calc(100% - 50px) !important; display: inline-flex; padding-right: 15px !important; align-items: center; border: none; margin-bottom: 20px; }
.contact-page table { border: none; }
.contact-page .normal-form textarea:focus { outline: 1px solid #000; }
#PopUpData ul { list-style: none; padding-right: 16px; margin: 0; font-size: 95%; }
#PopUpData ul li::before { content: ""; display: block; position: absolute; right: -16px; top: 4px; width: 8px; height: 8px; background: #f05277; border-radius: 50%; }
#PopUpData ul li { position: relative; line-height: 1.1; margin-bottom: 10px; }
strong { font-family: 'FbReformaMedium'; font-weight: 500; }

/* Blog */

.blog-grid .blog-posts .blog-post-title { font-size: 125%; }
.blog-grid .blog-posts .blog-post-text { height: 140px; overflow: hidden; padding-bottom: 0; }
.blog-related-posts { margin-bottom: 5%; }
#BlogView .blog-related-posts h2 { margin-bottom: 5%; }


@media (max-width: 767px) {
    .blog-grid .blog-posts { column-count: 1; }
    #BlogView .share-strip:before, #BlogView .share-strip:after { width: 20%; top: 40%; }
    #BlogView .blog-related-posts .share-strip { margin: -7% 0 2%; }
    #BlogView .blog-related-posts h2 { margin-bottom: 7%; }
}

/* Footer */
#SiteFooter { background: #5253a3; color: #fff; }
.footer-text-divided { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 65px 0; }
.footer-text-left p:first-child { font-size: 105%; margin-bottom: 4px; }
.footer-text-left p { max-width: 131px; margin-right: auto; text-align: right; }
.footer-text-left p a { font-size: 147%; }
.footer-text-left p a:not([href^="tel"]) { margin-left: 21px; }
.footer-text-left p a:not([href^="tel"]):last-child { margin-left: 0; }
.footer-text-left p:last-child { margin-top: 6px; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
.footer-text-divided > div.footer-text-right ul { list-style: none; padding: 0; margin: 0; line-height: 1.58; }
.footer-text-divided > div.footer-text-right { display: flex; }
.footer-text-divided > div.footer-text-right ul:first-child { margin-left: 30px; }
#SiteFooter a:hover, #SiteFooter a:focus { color: #fff; }

/* Modal */
body.modal-open { overflow: hidden !important; }
#PopUpData h2 { font-family: 'FbReformaMedium'; font-size: 237%; position: relative; margin-bottom: 35px; }
#PopUpData h2::after { content: ""; display: block; position: absolute; bottom: -11px; right: 0; width: 120px; height: 6px; background: #fec00c; }
#PopUpData h3 { font-family: 'FbReformaMedium'; font-size: 137%; margin-bottom: 7px; }
#PopUpData p { font-size: 95%; line-height: 1.28; }
#multi-content-modal.textInPop .modal-content { max-width: 650px; padding: 0; }
#multi-content-modal.textInPop #PopUpData { padding: 52px 40px 20px !important; }
.modal .close svg { width: 30px; height: 30px; }
#multi-content-modal.modal .close { top: -50px; left: 50%; }
#multi-content-modal.textInPop #PopUpData::before { content: ""; display: block; position: absolute; top: 0; width: 97%; height: 40px; left: -0; background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 12%, #ffffff 88%); z-index: 1; }
#multi-content-modal.textInPop #PopUpData::after { content: ""; display: block; position: absolute; bottom: 0; width: 97%; height: 40px; left: -0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 12%, #ffffff 88%); }
/* Works on Firefox */
#multi-content-modal.textInPop #PopUpData { scrollbar-width: thin; scrollbar-color: #5253a3 #d9d9d9; }

/* Works on Chrome, Edge, and Safari */
#multi-content-modal.textInPop #PopUpData::-webkit-scrollbar { width: 6px; }

#multi-content-modal.textInPop #PopUpData::-webkit-scrollbar-track { background: #d9d9d9; }

#multi-content-modal.textInPop #PopUpData::-webkit-scrollbar-thumb { background-color: #5253a3; border-radius: 0; border: none; }


/* Other */
.section-animation-item.up { animation: moveUp 1.5s forwards; -webkit-animation: moveUp 1.5s forwards; }
#header2 ul.menu li a:before { content: ""; display: block; position: absolute; width: 0; height: 2px; bottom: 0; right: 0; background: #5253a3; transition: 0.4s; }
#header2 ul.menu li a:hover::before, #header2 ul.menu li a:focus::before { width: 100%; }
#home-gallery .scroll-down svg { display: none; }
#home-gallery .scroll-down::before { content: ""; display: block; position: absolute; top: -9px; left: 50%; width: 20px; height: 13px; background: url(/warehouse/temp/beeper/homepage/small-arrow.svg); transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; }
.owl-carousel .owl-item { transition: 0.4s; }
.reviews .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }
.career-page .internalPage .form-container-wide #DynamicFormObject { margin-top: 0; }
.career-page .internalPage .form-container-wide #DynamicFormObject::before { display: none; }
.career-page .internalPage .form-container-wide #DynamicFormObject::after { width: 400px; height: 400px; bottom: -280px; left: -320px; }
.career-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.FileUploaderField { width: 100%; }
#promotionWindow-modal #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectField:nth-of-type(2) { order: 2; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectField:nth-of-type(1) { order: 1; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectField { width: 50%; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectField:nth-of-type(3) { order: 3; width: 100%; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectField:nth-of-type(4) { order: 4; width: 100%; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectField:nth-of-type(5) { order: 5; }
#promotionWindow-modal #DynamicFormObject h2 { font-family: 'FbReformaMedium'; }
#promotionWindow-modal .close { top: -50px; left: 50%; transform: translateX(-50%); position: relative; }
#promotionWindow-modal .close span { display: none; }
#promotionWindow-modal .close::before { content: ""; width: 30px; height: 30px; top: -30px; background: url(/warehouse/temp/beeper/X.svg); background-size: cover; position: absolute; left: 50%; transform: translateX(-50%); }
.features img { max-width: 100%; }
.features .grid-boxes .grid-box-image-container:hover .hideUntilHover { opacity: 1; }
.features .grid-box-image-text { width: 90%; font-size: 100%; }
#header2 ul.menu li.active a:before { width: 100%; }

/* Buttons */
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:focus { background: #fff; color: #000; }

.business-service .grid-rows .grid-row-text a.grid-row-button,
.gallery-text-btn,
.top-services .grid-boxes .grid-box-subtitle a { position: relative; overflow: hidden; -webkit-transition: ease 0.35s all; font: 300 126%/143% 'FbReformaMedium'; -moz-transition: ease 0.35s all; -o-transition: ease 0.35s all; height: 46px; }

.business-service .grid-rows .grid-row-text a.grid-row-button:before,
.gallery-text-btn::before,
.top-services .grid-boxes .grid-box-subtitle a:before { content: attr(data-button-text); position: absolute; top: -3.45em; }


.top-services .grid-boxes .grid-box-subtitle a { height: 36px; font: 300 99.8%/143% 'FbReformaMedium'; }



/* Other */
.features .grid-boxes .box-image-animation:hover img { transform: none; }
.features .grid-box-opacity-layer { background: #f05277; }
.plus-sign + span { display: none; }
.contact-page .MainContent { font-family: 'futura-pt-condensed', 'fbreformaen-regular-webfont'; }

/* Media @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media (max-width: 1450px) {
    #header2 { padding: 15px 15px; }
    #header2 ul.menu li a { font-size: 108%; }
    #header2 .header-top-left { display: none; }
    #header2 .header-top { width: 100px; }
    #header2 .menu-nav { width: calc( 100% - 100px); }
    .reviews .owl-carousel .photoTextWrapper { padding: calc( var(--vw) * 0.06 ) calc( var(--vw) * 0.09 ) calc( var(--vw) * 0.058 ); min-width: 717px; }
}

@media (max-width: 1300px) {
    #header2 ul.menu li { margin-left: 10px; }
    #header2 .header-top { display: none; }
    #header2 .menu-nav { width: 100%; }
}

@media (max-width: 1200px) {
    .top-services .grid-box { width: 100%; max-width: 591px; margin-left: 0; margin-right: 0; }
    .top-services .grid-box:nth-of-type(even) { margin-right: 0; }
    .top-services .grid-boxes { padding: 0 55px 0 10px; }
    .top-caption { font-size: 300%; }
    .additional-services .grid-boxes .box-image-animation::before { bottom: 19%; }
    #LobbyModule .centers-types .grid-box { width: 33.3333%; }
    #LobbyModule .centers-types .grid-boxes .grid-box-image { padding-bottom: 0; }
    .contact-page #GridPage .max-width { padding: 0; }
}

@media (max-width: 1024px) {
    #header2 .header-top-left { display: flex; }
    #header2 .header-top { display: block; position: absolute; left: 0; }
    #header2 #header-container { position: static; width: 56%; }
    #header2 .header-right-section { position: static; width: 33.33%; background: none; }
    #header2 #header-left { width: 33.33%; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #252525; height: 4px; }
    #header2 .menu-nav { display: flex; align-items: center; }
    #header2 ul.menu li.active { background: none; }
    #header2 ul.menu li a { color: #fff; font-size: 120%; }
    #header2 ul.menu li { border-bottom: 1px solid #6567c9; max-width: 90%; margin: 0 auto; float: none; text-align: right; padding: 10px 0; }
    #header2 ul.menu li.social-mobile { display: none; }
    #header2 ul.menu li.last-item { border: none; }
    #header2 ul.menu { width: calc( var(--vw) * 1 ); height: calc( var(--vh) * 1 ); position: fixed; margin-top: 83px; background: #5253a3; padding-top: 20px; }
    #header2.open { position: fixed; }
    #home-gallery .gallery-caption .gallery-text { font-size: 250%; }
    #home-gallery .gallery-caption { padding: 0 30px; }
    .bottom-image { display: none; }
    .home-page .bottom-form { margin-top: 0; padding-bottom: 90px; }
    .home-page .bottom-form .form-container-wide #DynamicFormObject { margin: 0 auto; }
}

@media (max-width: 991px) {
    .about-page .owl-carousel .owl-stage { left: -80px; }
    .features .grid-boxes .grid-box { margin-bottom: 0; }
    .additional-services .grid-boxes .box-image-animation::before { zoom: 0.8; }
    #LobbyModule .additional-services .grid-boxes .grid-box-title h3 { font-size: 150%; }
    .internalPage #GridPromo #DynamicFormObject { margin: 0 auto; margin-top: -180px; }
    .internalPage .form-container-wide #DynamicFormObject { width: 90%; }
    .contact-page #GridWrapInner { flex-direction: column; }
    .contact-page .internalPage #GridPromo #DynamicFormObject { margin: 0 auto; border: none; }
    .contact-page #GridContent { max-width: 70%; }
    .numbers::after { zoom: 0.7; }
    .contact-page #GridContent { margin-top: 40px; }
    .contact-page table tr { text-align: center; }
    .contact-page #text1 tr td:last-child { width: 100% !important; justify-content: center; padding-right: 0 !important; }
    .contact-page #text1 tr td:first-child { margin-bottom: 9px; }
    .contact-page .MainContent { background: #f0f0f0; padding-top: 20px; }
}

@media (min-width: 768px) {
    .business-service .grid-rows .grid-row-text a.grid-row-button:hover, .business-service .grid-rows .grid-row-text a.grid-row-button:focus,
    .gallery-text-btn:hover, .gallery-text-btn:focus,
    .top-services .grid-boxes .grid-box-subtitle a:hover, .top-services .grid-boxes .grid-box-subtitle a:focus { line-height: 9.3em; }
    .business-service .grid-rows .grid-row-text a.grid-row-button:hover, .business-service .grid-rows .grid-row-text a.grid-row-button:focus { line-height: 8.9em; }
    .top-services .grid-boxes .grid-box-subtitle a:hover, .top-services .grid-boxes .grid-box-subtitle a:focus { line-height: 9em; }
}

@media (max-width: 767px) {
    #header-left a { width: 100%; margin: 0; }
    #header2 #header-left { width: 100%; text-align: center; }
    #header2 #header-container { width: 64%; }
    #header2 #header-left img { max-width: 140px; }
    #home-gallery .gallery-caption { width: 100%; height: 50%; top: auto; bottom: 0; justify-content: flex-end; }
    .business-service .grid-rows .grid-row-text { padding-right: 0; padding-top: 20px; }
    .business-service { padding: 66px 20px 48px; }
    .top-services .section-title h2 { font-size: 160%; }
    .top-services h3 { font-size: 214%; }
    #GridTop, #GridTop.blog { height: 380px; }
    .top-caption { left: 50%; text-align: center; top: 71%; font-size: 220%; max-width: 75%; }
    .owl-carousel .owl-refresh .owl-item.active.center:not(.cloned) { display: block; }
    .about-page .owl-carousel .owl-stage { left: 50%; transform: translateX(-50%) !important; margin: 0 !important; display: table; width: auto !important; }
    .about-page .owl-carousel .photoTextWrapper { padding: 30px 50px; }
    .features .grid-box { max-width: 371px; width: 50%; }
    .features .grid-box:first-child { margin-right: 0; }
    .home-page .features .section-title h2 { font-size: 300%; }
    .reviews .owl-carousel .photoTextWrapper { min-width: unset; width: 80%; }
    .reviews .section-title h2 { font-size: 214%; }
    .reviews .section-title h3 { position: relative; font-size: 120%; margin-top: 10px; margin-bottom: 35px; }
    .top-row .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 0; }
    .top-row .grid-rows .grid-row-text { margin-top: 20px; }
    .top-row { margin-bottom: 20px; }
    .center-text-grid { padding-top: 50px; }
    .center-text-grid .section-title { font-size: 80%; }
    .center-text-grid .grid-text .grid-text-content { width: 100%; }
    .domino-rows .grid-row .grid-row-cell.grid-row-cell-text { padding-left: 0; padding-right: 15px; }
    .domino-rows .grid-rows .grid-row { overflow: visible; }
    .domino-rows .grid-rows .grid-row-text { margin-top: 10px; overflow: visible; }
    .domino-rows { padding-bottom: 10px; }
    .human-response .section-title::before, .voice-to-sms .section-title::before, .emergency-title::before { zoom: 0.8; }
    .top-row .grid-rows .grid-row-text h2 { font-size: 210%; }
    .additional-services h2 { font-size: 168%; }
    #LobbyModule .additional-services .grid-box { max-width: 440px; }
    .secretariat-page #lobbyview h2 { font-size: 165%; }
    .centers-types h2 { font-size: 210%; }
    .top-row .grid-rows .grid-row-text h2 { font-size: 210%; }
    .sections .grid-content-section.centers-types { PADDING-TOP: 60PX; padding-bottom: 40px; }
    #LobbyModule .centers-types .grid-box { width: 50%; margin-bottom: 40px; }
    .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 80%; }
    .internalPage #SiteGrid.layout-bottom #GridPromo { padding-bottom: 60px; }
    .footer-text-divided > div.footer-text-left { display: block; margin-top: 20px; }
    .footer-text-divided { flex-direction: column; padding: 40px 0 30px; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { width: 100%; justify-content: center; }
    .footer-text-divided > div.footer-text-right { margin-bottom: 30px; text-align: center; }
    .footer-text-left p { max-width: none; text-align: center; }
    #SiteFooter img { max-width: 220px; }
    .career-page .top-row .grid-rows .grid-row-text h2 { font-size: 168%; }
    .contact-page .internalPage #GridPromo #DynamicFormObject { padding: 0; max-width: 500px !important; width: 100%; }
    .contact-page #GridContent { width: 90%; max-width: 500px; }
    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }
    #multi-content-modal.textInPop #PopUpData { padding: 32px 20px 15px !important; }
    #PopUpData h2 { font-size: 130%; }
    .numbers .owl-carousel .owl-stage { padding: 0; }
    .numbers .owl-carousel .owl-controls .owl-nav .owl-prev { right: 0; }
    .numbers .owl-carousel .owl-controls .owl-nav .owl-next { left: 0; }
    .numbers .owl-item.active.center { transform: none; }
    .numbers .section-title h2 { font-size: 200%; }
    .sections .grid-content-section.top-services { padding-bottom: 40px; padding-top: 50px; }
    .home-page .features { padding-top: 40px; }
    .home-page .bottom-form { padding-top: 30px; padding-bottom: 40px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { text-align: center; }
    #home-gallery .gallery-caption { background: none; }
    .gallery-text::after { display: none; }
    .business-service .grid-rows .grid-row-text { padding-bottom: 0; }
    .features .grid-box-image .hideUntilHover { opacity: 0; top: 50%; bottom: auto; transform: translate(-50%,-50%); left: 50%; position: absolute; }
    .top-services .grid-box:last-child { margin-bottom: 20px; }
    .reviews .owl-nav div { height: 50px; width: 50px; }
    .reviews .owl-next:after, .reviews .owl-prev:after { zoom: 0.7; }
    .reviews .owl-nav { bottom: 4%; width: 130px; }
    .home-page .bottom-form .form-container-wide #DynamicFormObject { padding: 34px 18px 38px; width: 90%; }
    .footer-text-divided > div.footer-text-right { display: none; }
    .footer-text-divided > div.footer-text-left p:nth-of-type(1), .footer-text-divided > div.footer-text-left p:nth-of-type(2) { display: none; }
    .footer-text-left img { max-height: 20px; }
    .domino-rows .grid-rows .grid-row-text h2 { font-size: 148%; }
    .internalPage #GridPromo #DynamicFormObject { padding: 34px 18px 38px; }
    .secretariat-page #lobbyview h2::before { bottom: -9px; }
    .sections .grid-content-section.additional-services { padding-top: 40px; }
    .career-page .internalPage .form-container-wide #DynamicFormObject { padding: 34px 18px 38px; width: 100%; }
    #header2 .phone-icon { position: static; transform: none; display: block; margin-top: 3px; width: 28px; text-align: center; }
    #header2 .phone-icon a { color: #000; display: block; font-size: 100%; height: 26px; }
    #header2 .phone-icon .fa-phone:before { content: "\f3cd"; }
    #header2 .header-top-left a:nth-of-type(1) { order: 3; }
    #header2 .header-top-left a:nth-of-type(2) { order: 2; }
    #header2 .phone-icon { order: 1; }
    .features .grid-boxes .box-image-animation:hover .hideUntilHover { opacity: 1; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; }
    .features .grid-boxes .grid-box-image-container:hover .hideUntilHover { opacity: 1; height: 100%; width: 100%; transform: translate(-50%, -50%); right: auto; padding: 0 5%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    #DynamicFormObject input[type=submit] { font-size: 105% !important; }
    #PopUpData h3 { font-size: 108%; }
    #multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.7 ); min-height: calc( var(--vh) * 0.7 ); }
    #home-gallery .gallery-caption .gallery-text span { max-width: unset; margin: 0; margin-bottom: 20px; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-top: -20px; font-size: 147% !important; }
}

@media (max-width: 610px) {
    .top-services .grid-boxes .grid-box-image { position: static; transform: none; max-width: 100%; width: 100%; height: 100%; margin-top: -140px; }
    .top-services .grid-boxes .grid-box-image-container { position: static; }
    .top-services .grid-box { padding: 30px; max-width: 345px; width: 93%; margin-top: 100px !important; }
    .top-services .grid-boxes { padding: 0; }
}

@media (max-width: 550px) {
    #header2 .header-right-section { position: static; }
    #header2 .header-top-left { margin: 0; }
    #header2 .header-top { /* position: absolute; left: calc(calc( var(--vw) * -0.83 ) + 25px); */ width: auto; padding-left: 10px; }
    #header2 #header-left { margin: 0; text-align: center; }
    #header2 #header-container { width: 73%; }
    #header2 ul.menu { margin-top: 73px; }
    #home-gallery .gallery-caption .gallery-text { font-size: 180%; }
    #home-gallery .gallery-caption .gallery-text span { font-size: 60%; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { font-size: 55%; height: auto; }
    #home-gallery::after { width: 100px; height: 100px; bottom: -68px; }
    #home-gallery .gallery-caption { padding: 39px; align-items: flex-start; padding-top: 15px; }
    #home-gallery .scroll-down { bottom: 15px; }
    .business-service .grid-rows .grid-row-text h2 { font-size: 168%; max-width: none; }
    .about-page .owl-carousel .photoTextWrapper { padding: 20px 30px; }
    .about-page .GridBottomGallery { height: 100%; }
    .about-page .owl-carousel .owl-item { font-size: 130%; }
    .internalPage #GridPage { padding-top: 40px; }
    #subheadline h2 { font-size: 176%; }
    .internalPage #GridPage .max-width { width: 90%; }
    .about-page .GridBottomGallery { margin-top: 10px; }
    .features .grid-box-image { margin-bottom: 40px; }
    .features .grid-boxes .grid-box { width: 100%; }
    .home-page .features::before { height: 82%; }
    .reviews .section-title h2 { font-size: 200%; max-width: 356px; }
    .reviews .section-title h3 { position: relative; }
    .reviews .owl-carousel .owl-nav div { width: 50px; height: 50px; }
    .reviews .owl-carousel .owl-prev:after, .reviews .owl-carousel .owl-next:after { background-size: 14px; }
    .reviews .owl-carousel .photoTextWrapper { padding: 40px 20px; }
    .reviews .topImg { height: 576px; }
    .top-row .grid-rows .grid-row-text h2 { font-size: 169%; margin-bottom: 27px; }
    .contact-page .internalPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .contact-page #text1 tr td:first-child { width: 30px !important; }
    .contact-page #text1 tr td:last-child { padding-right: 10px !important; }
    .contact-page .internalPage #GridPage { padding-top: 50px; padding-bottom: 50px; }
    .numbers::after { zoom: 0.5; }
    .numbers { padding-top: 50px; }
    .numbers .section-title { margin-bottom: 10px; }
    .business-service .grid-rows .grid-row-text a.grid-row-button { font-size: 100%; padding: 9px 38px; }
    .top-services .grid-boxes .grid-box-subtitle a { height: 46px; font-size: 105%; padding: 9px 14px; }
    .home-page .features .section-title h2 { font-size: 214%; }
    .features .section-title { margin-bottom: 35px; }
    .reviews .section-title { padding-top: 40px; }
    .top-row .grid-rows .grid-row-text h2::before { bottom: -9px; }
    .center-text-grid.votes-text { padding-top: 40px; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 .phone-icon { margin-top: 4px; }
    #header2 .phone-icon a { font-size: 87%; height: 22px; }
    #home-gallery { height: calc( var(--vh) * 0.69 ) !important }
    #home-gallery .slider-bg.stellar-bg { height: calc( var(--vh) * 0.69 ) !important; }
    #home-gallery .gallery-caption { bottom: 10px; padding-right: 15%; }
    #home-gallery .gallery-caption .gallery-text span { max-width: 239px; margin-left: auto; }
    #home-gallery .gallery-caption .gallery-text { font-size: 150%; }
}

@media (max-width: 420px) {
    #LobbyModule .centers-types .grid-boxes .grid-box-image { height: 125px; width: 125px; }
    .centers-types .grid-boxes .grid-box-image-container img { height: 125px; }
    .centers-types .grid-boxes .grid-box-image-container { height: 125px; }
}

@media (min-width: 375px) {
    #home-gallery { height: calc( var(--vh) * 0.65 ) !important }
    #home-gallery .slider-bg.stellar-bg { height: calc( var(--vh) * 0.65 ) !important; }
    #home-gallery .gallery-caption { bottom: 10px; }
}

@media (max-width: 374px) {
    .reviews .owl-carousel .photoTextWrapper { width: 90%; }
    #home-gallery .slider-bg.stellar-bg { height: calc( var(--vh) * 0.88 ) !important; }
    #home-gallery { height: calc( var(--vh) * 0.88 ) !important; }
    #home-gallery .gallery-caption { bottom: 30px; }
}

@keyframes upAnddown {
    from { transform: translateY(0) }

    50% { transform: translateY(8px) }

    to { transform: translateY(0) }
}
