/* GLOBAL */
body {
    color: black;
    background-color: white;
}

a.logo {
    margin-top: 18px;
}

a.logo img {
    width: 150px;
}

#header .header-right {
    margin-top: 8px;
}

h1, h1.smaller {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 48px;
    text-transform: uppercase;
}

h1.heading {
    margin-bottom: 15px;
    line-height: 1.25;
}

h1.heading span, h2.headline span {
    background-image:url(https://mapp.com/siteimg/mapp-heading-red.png);
    background-size: cover;
    padding: 14px 10px 0px 10px;
    color: white;
}

h1.heading span.yellow, h2.headline span.yellow {
    background-image: url(https://mapp.com/siteimg/mapp-heading-yellow.png);
    background-size: cover;
    padding: 14px 10px 0px 10px;
    color: white;
}

h1.heading span.green, h2.headline span.green {
    background-image: url(https://mapp.com/siteimg/mapp-heading-green.png);
    background-size: cover;
    padding: 12px 10px 0px 10px;
    color: white;
}

h2 {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 60px;
    font-weight: 800;
    color: #F9423A;
    text-transform: uppercase;    
}

h2.smaller {
    font-size: 30px;
    margin-top: 40px;
}

h2.feature {
    font-size: 36px;
    margin-top: 18px;
    color: black;
}

h2.leadership {
    font-size: 34px;
    margin-top: 10px;
    color: #F9423A;
}

h2.miniHeader, h3.miniHeader {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 8px;
    padding-right: 25%;
    color: #f9423a;
}

h2.miniHeader2, h3.miniHeader2 {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-right: 25%;
    color: #f9423a;
}

h3.list {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #000;
}

#privacy-section h2 {
    font-size: 38px;
    margin-top: 60px;
}

#privacy-section #content-dse > details div {
    padding: 3%;
}


header#header {
    /*box-shadow: 0px 5px 20px #ccc;*/
    /*background-color: transparent;*/
}

.megamenu-arrow {
    margin-bottom: 2px;
    margin-left: 4px;
    width: 8px;
}

.content-wrap h2 {
    font-family: 'Open-Sans', sans-serif; 
}

p {
    margin-bottom: 20px;
}

p.heading, h2.heading {
    font-family: 'Open-Sans-Light', sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: black;
    margin-bottom: 30px;
    text-transform: none;
    line-height: 1.6;
}

h2.heading {
    margin-top: 20px;
}

p.heading-small {
    font-size: 18px;
    line-height: 1.5;
}

strong {
    color: black;
}

strong.white {
    color: white;
}

strong.red {
    color: #f9423a;
}

.entry-content strong {
    font-size: inherit;
}

ul {
    margin: 30px 0 30px 20px;
}

ul>li {
    list-style: disc;
    padding-left: 0;
    line-height: 1;
}

ul>li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-image: none;
}

ul.new {
    margin: 50px 30px 50px 50px;
    list-style: none;
}

ul.new>li {
    font-family: 'Open-Sans-Light';
    font-size: 16px;
    padding-left: 0;
    line-height: 1;
    text-align: left;
    padding: 0 0 5px 30px;
    list-style: none;
    background-image: url("/siteimg/mapp-new-bullet.svg");
    background-size: 8px;
    background-repeat: no-repeat;
    background-position-y: 5px;
}

ul.new>li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-image: none;
}

ul.red {
    margin: 10px 20px 20px 0;
    list-style: none;
}

ul.red>li {
    padding-left: 0;
    line-height: 1;
    text-align: left;
    padding: 0 0 0 20px;
    margin-bottom: 14px;
    list-style: none;
    background-image: url("/siteimg/mapp-new-bullet.svg");
    background-size: 8px;
    background-repeat: no-repeat;
    background-position-y: 5px;
}

ul.red>li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-image: none;
}

div.input ul>li {
    list-style: none;
    padding-left: 0;
    line-height: 1;
}

a.btn {
    font-size: 14px;
    font-weight: 600;
}

a.btn, a.green-button, div.btn {
    font-family: 'Open-Sans';
    padding: 14px 34px 15px 34px;
}

a.btn-yellow {
    font-size: 14px;
    font-weight: 600;
    background-color: #F2AB34;
    color: white;
}

a.btn-white {
    background-color: white;
    color: #F9453A;
    border-color: white;
}

a.btn-white:hover {
    background-color: black;
    color: white;
    border-color: black;
}

a.btn-white-red {
    display: inline-flex;
    background-color: white;
    color: #F9453A;
    border: 2px solid #F9453A;
    font-size: 13px;
    height: 47px;
    margin-top: 9px;
    width: 60%;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 600;
}

a.btn-white-red:hover {
    background-color: #F9453A;
    color: white;
}

a.btn-black {
    font-family: 'Open-Sans';
}

a.plain-red {
    font-family: 'Open-Sans';
    text-transform: uppercase;
    color: #F9453A; 
    font-weight: 600;
    font-size: 1rem;
}

a.plain-purple {
    font-family: 'Open-Sans';
    text-transform: uppercase;
    color: #7A2D96;
    font-weight: 600;
    font-size: 1rem;
}

a.plain-yellow {
    font-family: 'Open-Sans';
    text-transform: uppercase;
    color: #F2AB34;
    font-weight: 600;
    font-size: 1rem;
}

a.plain-teal {
    font-family: 'Open-Sans';
    text-transform: uppercase;
    color: #00999F;
    font-weight: 600;
    font-size: 1rem;
}

a.plain-blue {
    font-family: 'Open-Sans';
    text-transform: uppercase;
    color: #273AC2;
    font-weight: 600;
    font-size: 1rem;
}

a.plain-red:hover, a.plain-purple:hover, a.plain-yellow:hover, a.plain-teal:hover, a.plain-blue:hover {
    text-decoration: underline;
}

a.plain-smaller {
    font-size: 0.9rem;
}

a[name="top"] {
    display: block;
}

.mappBoxContent a.btn {
    font-size: 13px;
    margin-top: 6px;
    padding: 14px 26px 15px 26px;
}

.menu-list > li, .menu-sub > li {
    list-style: none;
}

.wp-block-button__link {
    border-radius: 0;
}

.searchform {
    padding: 8px;
    border: 1px solid #afafaf;
    max-width: 100%;
    width: 340px;
    margin: 0;
    background-color: #fff;
}

.searchform input[type="text"] {
    font-size: 16px !important;
    color: #333;
    border: 0;
}

.searchform input[type='submit'] {
    top: 3px;
    transform: scale(0.7);
    margin-right: 7px !important;
}

.blog-search .searchform {
    display: inline-block;
    width: 350px;
    background-color: white;
}

.defer-load-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1200px;
    background-color: #FCFCFC;
    z-index: 1999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabsArea-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 75%;
    height: 100%;
    margin-top: 5%;
}

.tabsArea-wrapper-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 45%;
    height: 100%;
    margin-top: 5%;
}

.tabsArea-title-area {
    width: 100%;
    margin: 0;
    text-align: center;
}

.tabsArea {
    width: 70%;
    height: 100px;
    margin: 40px auto 0 auto;
}

.current .featuresContentText {
    opacity: 1;
    transition: opacity .2s;
}

.hiddenTab .featuresContentText {
    opacity: 0;
    transition: all .1s ease-in-out;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    width: 100%;
    margin: auto
}

ul.tabs li:before {
    background-image: none;
}

ul.tabs li:hover, ul.tabs li a:hover {
    color: #f9423a;
}

ul.tabs li:hover:after {
    border-bottom: solid 4px #f9423a;
    transform: scaleX(1);
}

ul.tabs li, ul.tabs li a {
    color: #000;
    display: inline-block;
    flex: 1;
    border-bottom: 0px solid #f9423a;
    transition: all .3s;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding-left: 0;
    line-height: 1.4;
}

ul.tabs li, ul.tabs li a.current {
    color: #000;
}

ul.tabs li:after {
    display: block;
    padding-top: 20px;
    content: '';
    border-bottom: solid 4px #bfbfbf;
    transform: scaleX(1);
    transition: transform 250ms ease-in-out
}

ul.tabs li.current {
    font-weight: 600;
    color: #f9423a
}

ul.tabs li.current:after {
    display: block;
    padding-top: 20px;
    content: '';
    border-bottom: solid 4px #f9423a;
    transform: scaleX(1)
}
.current {
    opacity: 1;
    width: 100%;
    transform: scale(1);
}

.load-more {
    font-weight: 600;
    background-color: #F9423A;
    color: #fff;
    padding: 15px 8px 15px 15px;
    min-width: 165px;
}

.load-more:hover {
    background-color: #000;
    color: #fff;
}

.load-more img {
    opacity: 0;
    width: 10px;
}

.load-more span {
    position: relative;
}

.load-more span:after {
    position: absolute;
    top: -2px;
    right: -25px;
    content: url('https://mapp.com/siteimg/mapp-button-arrow-down-white.svg');
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    display: inline-block !important;
    margin-right: 10px !important;
    float: none !important;
}

.uc-embedding-wrapper h3 {
    font-family: 'Open-Sans';
    color: black;
    font-size: 28px;
    font-weight: 600;
    padding: 0 20px;
    line-height: 1.2;
}

p.description-text, p.not-existing-service {
    font-family: 'Open-Sans';
    color: black !important;
    max-width: 100% !important;
    padding: 0 20px;
    font-size: 0.9rem;
}

.uc-embedding-more-info {
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    font-size: 14px;
    display: inline-block;
    height: 38px;
    width: 100%;
    max-width: 180px;
    letter-spacing: 1.2;
    background: #ffffff;
    color: #6E6E6E;
    border: 1px solid #6E6E6E;
    margin: 5px 10px 15px 10px;
    line-height:0px;
}

.uc-embedding-accept {
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    box-shadow: none;
    font-size: 14px;
    display: inline-block;
    height: 38px;
    width: 100%;
    max-width: 180px;
    padding: 0;
    letter-spacing: 1.2;
    padding-left: 25px;
    padding-right: 25px;
    background: #f9423a;
    color: #fff;
    margin: 5px 10px 15px 10px;
    line-height:0px;
}

.uc-embedding-wrapper {
    width: 100%;
    height: 100%;
    min-height: 450px;
    justify-content: center;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    background-color: white;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.08);
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.uc-embedding-wrapper.popup {
    width: 100%;
    height: 100%;
    min-height: none;
    justify-content: center;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    background-color: white;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.08);
    position: static;
    padding: 10px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    z-index: 100;
}

.uc-embedding-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.uc-embedding-wrapper>h3 {
    margin-top: 0px !important;
    max-width: 100% !important;
    min-height: 60px;
}

footer#footer ul.footer-menu>li>ul>li {
    font-family: 'Open-Sans';
    line-height: 1.4;
    background-image: none;
}

footer#footer ul.footer-menu.wide>li {
    font-family: 'Open-Sans';
    background-image: none;
}

/* Remove blue border from iPhones */
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}



/* BASIC CONSTRUCTOR DIVS */
.mappContainer {
    min-height: 800px;
    min-width: 100%;
    text-align: left;
    height: auto;
    background-color: white;
}

.mappContainerShort {
    display: flex;
    align-items: center;
    min-height: 400px;
    min-width: 100%;
    text-align: left;
}

.mappContainerWrapper {
    display: flex;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

.mappContent {
    display: flex;
    width: 100%;
    align-self: center;
    margin-top: 80px;
    flex-wrap: wrap;
}

.mappContentTwoColumns {
    display: flex;
    width: 72%;
    align-self: flex-start;
    margin: 80px auto 0 auto;
    flex-wrap: nowrap;
}

.mappFullColumn {
    display: flex;
    flex: 0 1 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    padding: 50px 0 0 0;
}

.mappColumn {
    flex: 0 1 50%;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
}

.mappColumnThird {
    flex: 0 1 33%;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
    margin-top: 0px;
}

.mappListColumnWrapper {
    flex-direction: column;
    max-width: 80%;
}

.mappHeroColumnLeft {
    display: flex;
    flex-direction: column;
    flex: 0 1 45%;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
}

.mappHeroColumnRight {
    display: flex;
    flex-direction: column;
    flex: 0 1 55%;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto;
    margin-top: -30px;
}

.mappColumnListArea {
    display: flex;
    flex: 0 1 100%;
    align-items: center;
    margin-bottom: 60px;
}

.mappColumnListLeft {
    width: 22%;
    margin-right: 9%;
    text-align: center;
}

.mappColumnListRight {
    width: 69%;
}

.mappTopSection {
    padding: 0;
}

.mappTabContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
}

.mappSvgContainer {
    width: 42%;
    padding: 0 3% 3% 3%;
    margin-top: -10px;
}

.mappTabWrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 45%;
    height: 100%;
    margin-top: 3%;
}

.tabTitleArea {
    width: 100%;
    margin: 0;
}

.tabNavArea {
    width: 100%;
    height: 360px;
}

.tabContentArea {
    width: 100%;
    margin: 50px auto 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
}

.mappListPage {
    width: 70%;
    margin: 50px auto 0 auto;
}

.mappListTitle {
    align-items: flex-start;
    padding: 50px 18% 0 60px;
}

.mappFeaturedBox {
    width: 70%;
    margin: 25px auto 10px auto;
}

.mappFeaturedResourceBox {
    width: 100%;
    margin: 0;
}

.mappFeatured {
    display: flex;
    flex: 0 1 100%;
    height: auto;
    min-height: 360px;
    padding: 0;
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    transition: 0.2s;
}

.mappFeaturedSlider {
    height: 340px;
    min-height: 340px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.mappFeatured:hover {
    cursor: pointer;
    transform: scale(1.01);
    transition: 0.2s;
}

.mappFeaturedContent {
    padding: 0 4%;
    align-self: center;
}

.mappFeaturedContent h6 {
    font-family: 'Open-Sans', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

.mappListBoxes {
    width: 86%;
    margin: 50px auto 0 auto;
}

.mappListBoxesResources {
    width: 89%;
    margin: 50px auto 0 auto;
}

.mappBoxWrapper {
    flex: 0 1 33%;
    align-items: flex-start;
    padding: 0 18px;
    margin-bottom: 40px;
}

.mappBox {
    display: flex;
    flex-direction: column;
    flex: 0 1 100%;
    height: auto;
    min-height: 525px;
    padding: 0;
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}

.mappBox:hover {
    cursor: pointer;
    transform: scale(1.01);
    transition: 0.2s;
}

.mappBoxResource {
    min-height: 480px;
}

.mappBoxSearch {
    min-height: 450px;
}

.leadershipBox {
    min-height: 200px;
    margin-top: 120px;
}

.mappBoxImage {
    background-size: cover;
    background-repeat: no-repeat;
}

.mappSmallBoxImage {
    max-height: 230px;
    min-height: 230px;
    background-size: cover;
    background-repeat: no-repeat;
}

.mappBoxImage > img, .mappSmallBoxImage > img {
    opacity: 0;
}

.mappTestimonials {
    padding-top: 100px;
    width: 80%;
}

.leadershipImage {
    width: 60%;
    max-width: 245px;
    margin: 0 auto;
    z-index: 200;
    position: relative; 
    top: -84px;
    text-align: center;
    max-height: 170px;
    min-height: 170px;
}

.leadershipImage > img {
    opacity: 1;
    min-width: -webkit-fill-available;
}

.keyCapabilityImage {
    max-height: 120px;
    min-height: 120px;
}

.mappBoxContent {
    position: relative;
    width: 100%;
    padding: 8% 8% 6% 8%;
    align-self: center;
    min-height: 420px;
}

.mappBoxContent h6 {
    font-family: 'Open-Sans', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #F9453A;
}

.mappBoxResourceContent {
    min-height: 410px;
}

.mappCaseStudyLeft {
    width: 40%;
}

.mappCaseStudyRight {
    width: 50%;
}

.leadershipBoxContent {
    position: relative;
    width: 100%;
    padding: 0 8% 6% 8%;
    align-self: center;
    min-height: 172px;
    z-index: 500;
    text-align: center;
}

.leadershipBoxContent p {
    line-height: 1.6;
    font-size: 15px;
}

.speaker-area { display: flex; width: 100%; align-items: flex-start; margin-top: 50px; }

.speaker-column { flex: 0 1 33%; padding-right: 30px; display: flex; flex-direction: column; justify-content: flex-start; }

.speaker-title { font-size: 0.9rem; text-align: center; margin-top: 10px; }

.mappButtonArea {
    margin: 5px auto 160px auto;
}

.right-side-svg {
    width: 50%;
    margin: 0%;
    padding: 0%;
    height: 450px;
    position: relative;
}

.resource-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 8% 8% 6% 8%;
}

.resource-footer .resource-tag {
    font-size: 9px;
    font-weight: 600;
    width: auto;
    padding: 2% 4%;
    margin: 4px 5px 4px 0;
    background-color: #FFF0EF;
}

.resource-tab select, select[name="category-filter"] {
    padding: 10px;
    font-size: 16px !important;
    border: 1px solid #afafaf;
    max-width: 100%;
    width: 340px;
    margin: 0;
    text-transform: none;
    background-image: url(https://mapp.com/siteimg/mapp-arrow-down.svg);
    background-position: calc(100% - 15px) 7px;
}

.resource-tab select, select[name="leadership-filter"] {
    padding: 10px;
    font-size: 16px !important;
    border: 1px solid #afafaf;
    max-width: 100%;
    width: 340px;
    margin: 0;
    text-transform: none;
    background-image: url(https://mapp.com/siteimg/mapp-arrow-down.svg);
    background-position: calc(100% - 15px) 7px;
}

.resource-list, .press-list {
    padding-top: 70px;
    overflow: visible;
}


/* TITLES AND TEXTS */
.mappContent h1 {
    font-family: 'DIN-Condensed', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 3rem;
    color: black;
    margin: 18px 0;
    line-height: 1.2;
}

h5.more-success-stories {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
}

h5.red {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 40px;
    font-weight: 800;
    color: #F9423A;
    text-transform: uppercase;
}

.demo-section-blurb {
    font-family: 'Open-Sans-Light', sans-serif;
    font-size: 17px;
    margin: 10px 0 40px 0;
}

.featured-post-title {
    font-family: 'DIN-Condensed', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    color: #F9453A;
    margin-top: 5px;
}
.breakingNews>ul>li {
    display: block;
}
.breaking_news h1 a, .breaking_box p, .breaking_box p a, .breaking_box a {
    margin-top: 2px;
}

/* LANGUAGE DROPDOWNS */
.lan-dropdown {
  position: relative;
  display: inline-block;
  margin: 14px 96px 0 0;
}

.lan-dropbtn {
  display: flex;
  align-items: center;
  background-color: transparent;
  color: black;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  border: none;
  cursor: pointer;
}

.lan-dropdown img#lanChanger {
    margin-right: 8px;
}

.lan-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.lan-dropdown-content a {
  display: flex;
  align-items: center;
  color: black;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.lan-dropdown-content a:hover { 
    background-color: #f1f1f1 
}

.lan-dropdown:hover .lan-dropdown-content {
  display: block;
}


/* ADDITIONAL CLASSES */
.bg-slash {
    background-image: url(https://mapp.com/siteimg/mapp-bg-slash.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fcfcfc;
    background-position: -220px 0;
}

.bg-slash-rev {
    background-image: url(https://mapp.com/siteimg/mapp-bg-slash-rev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fcfcfc;
}

.bg-slash-home {
    background-image: url(https://mapp.com/siteimg/mapp-bg-slash-home.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fcfcfc;
    background-position: 0 0;
}

.bg-slash-services {
    background-image: url(https://mapp.com/siteimg/mapp-bg-slash-services.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fcfcfc;
    background-position: 0 0;
}

.bg-slash-services-2 {
    background-image: url(https://mapp.com/siteimg/mapp-bg-slash-services-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fefefe;
    background-position: 0 0;
}

.bg-grid-home {
    background-image: url(https://mapp.com/siteimg/mapp-bg-grid-home-opacity-v2.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-color: #fcfcfc;
    background-position: 0 0;
}

.bg-gradient-horizontal {
    background-image: url(mapp-bg-gradient-horizontal.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fcfcfc;
}

.bg-demo-request-section {
    background-image: url(https://mapp.com/siteimg/mapp-bg-request-demo-section.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fcfcfc;
}

.bg-404 {
    background-image: url(https://www.mapp.com/siteimg/404/mapp-404-image.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 100% 0;
    margin-top: 50px !important;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
    align-items: flex-start;
}

.right {
    text-align: right;
}

.hero-svg {
    width: 90%;
    max-width: 1279px;
    height: auto;
}

.flex-column {
    flex-direction: column;
    justify-content: flex-start;
}

.flex-start {
    justify-content: flex-start;
}

.flex-end {
    justify-content: flex-end;
}

.flex-40 {
    flex: 0 1 40%;
}

.flex-60 {
    flex: 0 1 60%;
}

.flex-55 {
    flex: 0 1 55%;
}

.flex-45 {
    flex: 0 1 45%;
}

.no-margin {
    margin: 0;
}

.margintop40 {
    margin-top: 40px;
}

.margintop60 {
    margin-top: 60px;
}

.margintop80 {
    margin-top: 80px;
}

.margintop100 {
    margin-top: 100px;
}

.margintop120 {
    margin-top: 120px;
}

.margintop150 {
    margin-top: 150px;
}

.marginbottom10 {
    margin-bottom: 10px !important;
}

.paddingright0 {
    padding-right: 0 !important;
}

.paddingtop40 {
    padding-top: 40px;
}

.paddingbottom40 {
    padding-bottom: 40px;
}