.header-p-container {
padding-left: 50px;
padding-right: 50px; }
@media (max-width: 767px) {
.header-p-container {
padding-left: 40px;
padding-right: 40px; } }
@media (max-width: 500px) {
.header-p-container {
padding-left: 10px;
padding-right: 10px; } }
div.navigation {
padding-top: 41px;
background-color: #3581ef;
padding-bottom: 30px;
color: white;
position: fixed;
z-index: 3001;
width: 100%; }
@media (max-width: 767px) {
div.navigation {
padding-top: 27px;
padding-bottom: 16px;
z-index: 2000;
width: 100%; } }
.background-transition-color {
color: #3581ef; }
.background-transition-nav-brand {
max-width: 70px;
-webkit-transition: 2s;
-o-transition: 2s;
transition: 2s; }
.background-transition-navbar {
background-color: white;
-webkit-transition: 2s;
-o-transition: 2s;
transition: 2s; }
button.navbar-toggler {
border: none;
margin-top: -8px; }
@media (max-width: 767px) {
button.navbar-toggler {
margin-top: -17px; } }
@media (max-width: 991px) {
button.navbar-toggler {
margin-top: -17px; } }
.bar-one, .bar-three {
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; }
span.icon-bar {
background-color: white;
width: 30px;
display: block;
height: 2px;
margin: 7px;
border-radius: 2px; }
button.navbar-toggler, button.navbar-toggler:focus, button.navbar-toggler:active {
border: none;
padding: 0px; }
.navbar-nav {
margin-top: -10px; }
@media (max-width: 767px) {
.navbar-nav {
padding-top: 40px;
padding-bottom: 140px; } }
.navbar-brand {
max-width: 112px;
float: left;
padding-top: 0px; }
@media (max-width: 767px) {
.navbar-brand {
max-width: 70px; } }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
color: white; }
@media (max-width: 991px) {
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
padding-top: 60px;
padding-bottom: 20px; } }
@media (max-width: 767px) {
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
padding-top: 20px;
padding-bottom: 40px; } }
.navbar {
background-color: #3581ef;
padding: 0px 8px 0px 8px; }
@media (max-width: 991px) {
.mobile-button {
width: 75%;
text-align: right;
margin-top: -15px;
margin-left: -30px; } }
@media (max-width: 767px) {
.mobile-button {
text-align: center;
margin-top: -17px;
margin-left: -30px;
width: 25%; } }
@media (max-width: 600px) {
.mobile-button {
margin-left: -20%; } }
.navbar-collapse { -webkit-transition: .1s;
-o-transition: .1s;
transition: .1s; }
.navbar .nav-link {
color: white;
font-weight: 200; }
.navbar .nav-link {
text-transform: uppercase;
font-size: 14px; }
@media (max-width: 991px) {
.navbar .nav-link {
font-size: 16px; } }
.navbar a.btn, .navbar a.btn:hover {
background-color: #3581ef;
color: white;
border: solid white 2px;
border-radius: 0px;
text-transform: uppercase;
font-size: 14px;
font-weight: 200;
margin-left: 15px;
text-decoration: none; }
@media (max-width: 767px) {
.navbar a.btn, .navbar a.btn:hover {
margin-left: 0px; } }
.navbar a.btn .background-transition, .navbar a.btn:hover .background-transition {
background-color: white;
-webkit-transition: 2s;
-o-transition: 2s;
transition: 2s;
color: #3581ef;
padding-top: 21px;
padding-bottom: 21px; }
.last {
padding-bottom: 100vh; }
@media (min-width: 991px) {
.last {
padding-bottom: 0px; } }
.bar-one-transition {
background-color: white;
width: 20px;
display: block;
height: 3px;
border-radius: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 10% 90%;
-ms-transform-origin: 10% 90%;
transform-origin: 10% 90%;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; }
.bar-two-transition {
opacity: 0;
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease; }
.bar-three-transition {
background-color: white;
width: 20px;
display: block;
height: 3px;
border-radius: 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
transform-origin: 10% 10%;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; }
body {
font-family: 'Nunito Sans', sans-serif;
color: #8f37ed;
font-weight: 400; }
a {
text-decoration: none; }
a:hover {
text-decoration: none; }
a.read-more {
display: inline-block;
margin-top: 15px;
font-size: 16px;
font-weight: bold;
color: #09d198;
border-bottom: 3px solid #09d198; }
*:target:before {
content: "";
display: block;
height: 55px;
margin: -55px 0 0; }
section {
padding-top: 50px;
padding-bottom: 50px; }
section.blue {
background-color: #3581ef; }
section.green {
background-color: #09d198; }
section.white {
background-color: #fff; }
section.orange {
background-color: #f26149; }
.img-container {
padding: 0;
margin-bottom: -90px; } .p-container {
padding-left: 40px;
padding-right: 40px; }
.p-col-15 {
padding-left: 0px;
padding-right: 0px; }
.p-left-50-40 {
padding-left: 40px; }
.mobile-p-left-50-40 {
padding-left: 40px; }
.p-top-90-60 {
padding-top: 60px; }
.p-bottom-90-60 {
padding-bottom: 60px; }
.row {
margin-right: 0px;
margin-left: 0px; } .page-header .fas {
color: #fff;
font-size: 40px; }
.sticky-nav-spacer {
height: 85px; }
.page-header h1 {
line-height: 1.1em; } .gray {
background-color: #f4f4f4 !important; } .press .navigation,
.press .navbar,
.press .navbar a.btn,
.press .navbar a.btn:hover,
.events .navigation,
.events .navbar,
.events .navbar a.btn,
.events .navbar a.btn:hover,
.blog .navigation,
.blog .navbar,
.blog .navbar a.btn,
.blog .navbar a.btn:hover {
background-color: #3581ef; }
.meet-mya .navigation,
.meet-mya .navbar,
.meet-mya .navbar a.btn,
.meet-mya .navbar a.btn:hover,
.about .navigation,
.about .navbar,
.about .navbar a.btn,
.about .navbar a.btn:hover {
background-color: #f26149; }
.our-clients .navigation,
.our-clients .navbar,
.our-clients .navbar a.btn,
.our-clients .navbar a.btn:hover {
background-color: #09d198; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 0;
padding-right: 0;
margin-left: 0.6rem;
margin-right: 0.6rem;
padding-bottom: 1px;
margin-bottom: 8px; }
.navbar-collapse.collapse.in {
display: block !important; } .intro {
height: 100vh;
min-height: min-content;
position: relative;
padding-top: 0;
padding-bottom: 0; }
.intro .page-header {
text-align: center;
color: #fff;
padding-top: 0;
padding-bottom: 100px; }
.intro a {
color: #fff; }
.intro h1 {
margin: 0;
font-size: 32px;
font-weight: 700;
letter-spacing: 1px; }
.intro .lead {
font-size: 18px;
font-weight: 300;
margin-top: 15px;
margin-bottom: 15px;
line-height: 1.2em;
margin-left: 10%;
margin-right: 10%; }
.intro .byline {
color: #fff;
margin-top: 5px; }
.intro .byline a {
color: #fff; }
.intro a.read-more {
margin-top: 0;
border-color: #fff;
letter-spacing: 0.5px; }
.intro .down-caret-full {
margin-top: 35px; }
.mobile-caret-container {
text-align: center; }
.mobile-caret-container .down-caret-full-mobile {
position: absolute;
bottom: 80px;
margin-left: -15px;
display: inline; }
.page-header p.lead {
font-size: 18px !important;
line-height: 1.2em !important; }
#index .intro, #meet-mya .intro {
height: 100vh; }
#index .intro .page-header, #meet-mya .intro .page-header {
padding-top: 0;
padding-bottom: 100px; } .lifecycle-map {
max-width: 900px;
margin-top: 40px;
z-index: 1000;
position: relative;
margin-right: -280px;
margin-left: -50px; }
.lifecycle-map a {
cursor: pointer;
opacity: 0; }
.lifecycle-map a:hover {
opacity: 1; }
.lifecycle-map .col:hover {
background-image: none !important; } #how-mya-thinks-carousel {
color: #fff;
position: relative;
height: 720px;
padding-top: 60px; }
#how-mya-thinks-carousel .slide-container {
max-width: 1200px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
opacity: 0; }
#how-mya-thinks-carousel .slide-left-col {
width: 35%; }
#how-mya-thinks-carousel .slide-center-col {
width: auto;
padding-left: 40px;
padding-right: 40px; }
#how-mya-thinks-carousel .slide-right-col {
width: 35%; }
#how-mya-thinks-carousel .code {
font-family: 'Roboto Mono', monospace;
font-weight: 300;
letter-spacing: .5px;
line-height: 1.5;
padding-bottom: 20px;
font-size: 13px;
line-height: 1.5em;
margin-left: 70px;
width: 100%; }
#how-mya-thinks-carousel .code pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
color: #fff;
height: 127px;
border-bottom: solid white 3px; }
#how-mya-thinks-carousel .code .code-img-container {
height: 127px;
border-bottom: solid white 3px;
width: 100%; }
#how-mya-thinks-carousel .code .code-img-container img {
max-height: 112px; }
#how-mya-thinks-carousel .slide-text {
margin-top: 80px;
margin-right: 60px; }
#how-mya-thinks-carousel h2 {
font-weight: 600;
padding-bottom: 10px;
max-width: 220px;
font-size: 22px;
line-height: 1.2; }
#how-mya-thinks-carousel h3 {
border-top: solid white 3px;
padding-top: 25px;
letter-spacing: .5px;
line-height: 1.2em;
font-size: 40px; }
#how-mya-thinks-carousel p {
line-height: 1.3;
font-weight: 100;
font-size: 16px; }
#how-mya-thinks-carousel .dot-group {
position: absolute;
top: 280px;
right: 30px; }
#how-mya-thinks-carousel .dot {
border: 1px solid white;
height: 9px;
width: 9px;
border-radius: 30px;
list-style: none;
margin: 12px;
-webkit-transition: 1s; -o-transition: 1s;
transition: 1s; }
#how-mya-thinks-carousel .dot-active {
border: 1px solid white;
height: 9px;
width: 9px;
border-radius: 30px;
background-color: white;
list-style: none;
margin: 12px;
-webkit-transition: 1s; -o-transition: 1s;
transition: 1s; }
#how-mya-thinks-carousel button:focus {
outline: 0; }
@media only screen and (max-width: 600px) {
.entry-main-body {
border-left: 0px;
color: #8f37ed;
padding-left: 0px; }
}
#how-mya-thinks-nav {
background-color: transparent;
border: none;
color: #fff;
font-weight: 600;
line-height: 1.3;
font-size: 16px;
position: absolute;
top: 630px;
left: 0;
right: 0; }
#how-mya-thinks-nav .nav-item {
width: auto;
max-width: 170px;
text-align: center;
margin-left: 5px;
margin-right: 5px; }
#how-mya-thinks-nav a.nav-link {
cursor: pointer;
color: #fff;
font-weight: 600;
padding-left: 0;
padding-right: 0; }
#how-mya-thinks-nav a.nav-link.active {
border-bottom: solid #fff 5px;
padding-bottom: 5px; } #about .section-one,
#press .section-one,
#clients .section-one {
height: 100vh !important; } .testimonial-quote {
font-size: 32px;
font-weight: 800;
line-height: 1.2em;
max-width: 100%;
padding-right: 40px; }
#clients p.see-more {
padding-bottom: 0 !important;
margin-bottom: 0; }
.featured-case-study .image-div {
background-image: url(//www.mya.com/assets/img/Mya_Website_Half_Image_desktop.jpg);
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
background-position: 60%;
min-height: 500px; }
.featured-case-study .text-col {
color: #8f37ed;
padding-left: 40px; }
.featured-case-study .text-col h1 {
text-align: left;
font-size: 35px;
font-weight: 800;
margin: 0px;
padding-left: 0px;
line-height: 1.2;
padding-top: -5px;
max-width: 100%;
padding-right: 40px;
margin-bottom: 10px; }
.featured-case-study .text-col h5 {
margin-top: 0;
margin-bottom: 20px;
font-weight: normal;
font-size: 22px;
text-align: left;
max-width: 400px;
padding-right: 40px; }
.featured-case-study .text-col p {
font-weight: 400px;
font-size: 16px;
text-align: left;
line-height: 1.4;
padding-bottom: 15px;
padding-right: 40px;
max-width: 100%; }
.featured-case-study .text-col p.see-more a {
color: #09d198;
border-bottom: 2px solid #09d198;
font-size: 16px;
font-weight: 600; }
.featured-case-study .text-col p.name {
text-align: right;
padding-right: 40px;
padding-top: 15px;
padding-bottom: 0;
margin-bottom: 0; }
.case-study-benefits {
background-color: #3581ef;
color: white;
padding-top: 90px;
padding-bottom: 40px; }
.case-study-benefits .benefit-group {
padding-left: 40px;
margin-bottom: 50px; }
.case-study-benefits .border-1 {
padding-left: 20px;
border-left: solid white 10px; }
.case-study-benefits h1 {
font-weight: 800;
font-size: 40px;
color: white;
margin-bottom: 0;
padding-top: -5px;
text-align: left; }
.case-study-benefits p {
font-weight: 200px;
font-size: 16px;
max-width: 400px;
color: white;
text-align: left;
margin-bottom: 9px;
line-height: 20px; }
.case-study-benefits p a {
color: #09d198;
border-bottom: 2px solid #09d198;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
padding-bottom: .5px;
text-decoration: none; }
.case-study-benefits p.subheader {
margin-bottom: 0;
font-weight: bold; }
.crosslinked-case-studies {
padding-top: 60px;
padding-bottom: 10px;
background-color: white;
color: purple; }
.crosslinked-case-studies .benefit-item {
padding-bottom: 20px;
margin-bottom: 50px; }
.crosslinked-case-studies h5 {
font-weight: 700;
font-size: 22px;
color: #8f37ed;
letter-spacing: .5px; }
.crosslinked-case-studies p {
color: #8f37ed;
line-height: 1.2;
font-weight: 100;
max-width: 90%;
padding-bottom: 10px; }
.crosslinked-case-studies p a {
color: #09d198;
border-bottom: 2px solid #09d198;
font-weight: 600;
font-size: 16px;
padding-bottom: .5px;
text-decoration: none; } .event-dot {
height: 180px;
width: 180px;
padding: 20px;
background-color: #09d198;
border-radius: 50%;
display: inline-block;
margin-bottom: 40px; }
.entry-sidebar {
font-size: 12px;
color: silver;
padding-top: 10px;
margin-bottom: 40px;
padding-right: 30px; }
.entry-sidebar .blog-byline {
margin-top: 45px;
margin-bottom: 5px; }
.entry-sidebar a {
color: #8f37ed; }
.entry-sidebar a.blog-category {
color: silver;
text-transform: uppercase; }
.entry-sidebar a.author {
font-size: 16px;
line-height: 18px;
text-decoration: none;
text-transform: initial;
border-bottom: 3px solid #8f37ed;
margin-bottom: 2px;
display: inline-block; }
.entry-main-body {
border-left: 10px solid #8f37ed;
color: #8f37ed;
padding-left: 60px; }
.entry-main-body h1 {
font-size: 40px;
font-weight: 800;
margin-bottom: 40px; }
@media only screen and (max-width: 600px) {
.entry-main-body {
border-left: 0px;
color: #8f37ed;
padding-left: 0px; }
}
@media only screen and (max-width: 768px) {
#logo-bar-query {
display:none}
}
}
@media only screen and (max-width: 810px) {
#carousel-col {
display: none; }
}
.media-source,
.event-dates {
font-size: 16px;
color: #8f37ed;
font-weight: bold; }
.st-custom-button {
cursor: pointer; } .logo-bar,
.blog-categories {
background-color: #09d198;
padding-top: 45px;
padding-bottom: 45px; }
.logo-bar img {
max-height: 55px;
margin-top: 40px; }
#clients .logo-bar img {
max-width: 45%; }
#clients .logo-bar a img {
max-width: 100%; }
.blog-categories {
color: #fff; }
.blog-categories h2 {
font-size: 20px;
font-weight: normal;
margin-top: 30px; }
.blog-categories a {
color: #fff;
font-size: 26px;
line-height: 36px;
text-align: center;
font-weight: bold;
display: inline-block;
margin: 0 15px; }
.news-and-events h5 {
font-size: 40px !important;
font-weight: 800 !important;
padding-left: 30px;}
.news-events-group {
margin-bottom: 50px !important; } .featured-article {
font-size: 16px; }
.news__article .news__wrapper::after {
background-image: -webkit-linear-gradient(top, rgba(35, 31, 31, 1) 0%, rgba(255, 255, 255, .2) 100%) !important;
background-image: linear-gradient(0deg, rgba(35, 31, 31, 1) 0%, rgba(255, 255, 255, .2) 100%) !important; }
.news__article .btn {
text-decoration: none;
border: none !important;
padding: 0 !important;
color: #09d198 !important;
border-bottom: 3px solid #09d198 !important;
font-size: 14px !important;
font-weight: 600 !important;
border-radius: 0 !important;
transition: border-bottom 500ms ease; }
.news__article .btn:hover {
border-bottom: 3px solid transparent !important;
opacity: 1 !important; } .article-list article,
.featured-article article {
border-left: 10px solid #8f37ed;
padding-left: 25px;
padding-right: 0;
margin-bottom: 50px; }
.featured-article article {
margin-bottom: 0;
margin-left: -20px;
margin-bottom: 40px; }
.article-title {
font-size: 40px;
line-height: 45px;
font-weight: 900;
margin-bottom: 0; }
.article-title a {
color: #8f37ed; }
.byline {
font-size: 11px;
text-transform: uppercase;
color: silver;
margin-bottom: 10px; }
.byline a {
color: silver; }
.byline a:hover {
text-decoration: underline; }
.article-text {
font-size: 16px;
line-height: 18px; } .pagination {
font-size: 16px;
line-height: 18px;
font-weight: bold; }
.pagination a {
margin-right: 12px;
color: #8f37ed; }
.pagination .current {
margin-right: 12px;
border-bottom: 2px solid #8f37ed; } #mya-scrollpin {
width: 100%;
height: 100vh;
position: relative; }
.mya-experience-container {
position: relative;
width: 100vw;
height: 100vh !important;
min-height: 600px;
max-height: 100vh;
background: #fff;
color: #fff;
overflow: hidden;
padding: 0; }
.mya-experience-container .panel {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden; }
.mya-experience-container .slide-indicators {
position: absolute;
z-index: 3000;
right: 40px;
top: 40%; }
.mya-experience-container #i-1, .mya-experience-container #i-2, .mya-experience-container #i-3, .mya-experience-container #i-4 {
background-color: transparent;
border: solid 1px white;
border-radius: 30px;
color: transparent;
height: 10px;
width: 10px;
margin-top: 10px; }
.mya-experience-container .slide-container {
width: 100%;
max-width: 1024px;
margin: 0 auto;
position: absolute;
top: 10%;
left: 0;
right: 0;
z-index: 1000;
height: 100vh; }
.mya-experience-container #slides,
.mya-experience-container #slides-mobile {
position: absolute;
top: 0;
overflow: hidden;
height: 100vh;
width: 100vw; }
.mya-experience-container #slides .slide-content,
.mya-experience-container #slides-mobile .slide-content {
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-ms-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
color: white;
display: block;
margin: auto;
opacity: 1;
max-width: 360px;
position: relative;
top: 0;
left: auto;
right: 0;
margin-right: 0;
padding-top: 0;
max-width: 75%;
padding-right: 50px; }
.mya-experience-container #slides .slide-content h2,
.mya-experience-container #slides-mobile .slide-content h2 {
padding-bottom: 15px;
border-bottom: solid white 2px;
font-size: 16px;
font-weight: 700;
letter-spacing: .5px;
text-align: left;
line-height: 1.2;
max-width: auto; }
.mya-experience-container #slides .slide-content h5,
.mya-experience-container #slides-mobile .slide-content h5 {
padding-top: 15px;
text-align: left;
font-size: 22px;
font-weight: 800; }
.mya-experience-container #slides .slide-content p,
.mya-experience-container #slides-mobile .slide-content p {
max-width: 260px;
text-align: left;
line-height: 1.4;
font-size: 14px;
margin-top: 15px; }
.mya-experience-container .phone-fixed {
position: absolute;
width: 260px;
height: auto;
top: 0;
right: 385px;
margin-top: 0;
padding-top: 0;
margin-left: auto; }
#slides-mobile .owl-dots {
text-align: center;
opacity: 1;
position: absolute;
bottom: 60px;
left: 0;
margin-left: 0;
margin-right: 0;
text-align: center;
width: 100%; }
#slides-mobile .owl-dot {
z-index: 15;
margin-left: 7px;
margin-right: 7px;
list-style: none;
bottom: 10px;
width: 10px;
height: 10px;
background-color: transparent;
border: 1px solid white;
border-radius: 40px; }
#slides-mobile .owl-dot.active {
background-color: white; }
ul.mya-experience {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
height: 100%; }
ul.mya-experience li {
width: 100%;
height: 100%; }
::-webkit-scrollbar {
width: 0px;
height: 0;
background: transparent; }
.phone-placeholder {
position: absolute;
top: 100px;
left: 50%;
width: 100px;
height: 200px;
background: gray;
color: #fff; } .dot-group li {
cursor: pointer; } .mya-form {
-ms-input-placeholder-color: #8f37ed;
-ms-input-placeholder-font-size: 14px;
-moz-placeholder-color: #8f37ed;
-moz-placeholder-font-size: 14px; }
.mya-form .form-group {
padding-left: 0; }
.mya-form .form-control {
background: transparent;
border: 0;
border-radius: 0;
border-bottom: 2px solid #8f37ed;
padding-left: 0; }
.mya-form ::-webkit-input-placeholder {
color: #8f37ed;
font-size: 14px; }
.mya-form ::-moz-placeholder {
color: #8f37ed;
font-size: 14px; } section .border-1 {
padding-left: 20px;
border-left: solid white 10px; }
section .quote-group {
max-width: 100%; }
section .quote-group .quote {
font-size: 35px;
font-weight: 800;
margin: 0px;
padding-left: 30px;
line-height: 1.2; }
section .quote-group .quote-attribution {
text-align: right;
margin-top: 10px;
font-size: 16px; }
.textAndImageSection {
padding-top: 0;
padding-bottom: 0; }
.textAndImageSection h2 {
font-size: 1.25rem;
padding-left: 30px; }
.textAndImageSection h3 {
font-size: 35px;
font-weight: 800;
margin-bottom: 5px;
padding-top: -5px;
text-align: left; }
.textAndImageSection .border-1 {
padding-left: 20px;
padding-right: 40px;
border-color: #8f37ed;
margin-top: 50px; }
.textAndImageSection .text-section {
padding-left: 40px; }
.textAndImageSection .text-section p {
font-weight: 200px;
font-size: 16px;
max-width: 90%;
margin-bottom: 9px;
line-height: 24px; }
.textAndImageSection .image-div {
height: 550px;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
background-position: center bottom; }
.teamSection {
background: #3581ef;
color: #fff;
padding-left: 40px;
padding-right: 40px; }
.teamSection h2 {
font-size: 35px;
font-weight: 800; }
.teamSection h5 {
font-weight: 800; }
.teamSection .bio-group:nth-child(n+2) {
border-top: 2px solid white; }
.teamSection .bio-group:nth-child(n+3) .headshot-div {
border-top: none; }
.teamSection .headshot {
max-width: 100%;
margin-top: 60px;
margin-bottom: 20px; }
.teamSection .bio-group {
padding-bottom: 5px; }
.teamSection .bio-text-group {
padding-right: 50px;
line-height: 1.4; }
.teamSection p.title {
font-size: 12px;
text-transform: uppercase; }
.teamSection p {
line-height: 1.4;
}
.textAndLogosSection {
padding-top: 0; }
.textAndLogosSection .border-1 {
border-color: #8f37ed; }
.textAndLogosSection h2 {
font-size: 35px;
font-weight: 800; }
.textAndLogosSection p {
max-width: 85%; }
.textAndLogosSection .investor-image {
padding-top: 20px;
max-width: 60%;
text-align: center; }
.text-2col,
.text-2col-bordered {
padding-top: 0;
padding-bottom: 0;
background-color: #8f37ed;
color: #fff; }
.text-2col h2,
.text-2col-bordered h2 {
font-size: 35px;
margin-bottom: 20px;
font-weight: 700; }
.text-2col .text-col p,
.text-2col-bordered .text-col p {
font-weight: 400;
font-size: 16px;
max-width: 85%;
text-align: left;
line-height: 1.2em;
padding-bottom: 15px; }
.text-2col .text-col a, .text-2col .text-col a:hover,
.text-2col-bordered .text-col a,
.text-2col-bordered .text-col a:hover {
color: white;
border-bottom: 2px solid white;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
padding-bottom: .5px;
text-decoration: none; }
.text-2col-bordered {
background: #f4f4f4;
color: #8f37ed; }
.text-2col-bordered .border-l {
padding-left: 25px;
border-left: 10px solid #9a4fef; }
.text-2col-bordered h2 {
font-weight: 800;
margin-bottom: 0.5rem; }
.text-2col-bordered .text-col p {
font-size: 20px;
font-weight: 600;
max-width: 95%; }
.join {
font-size: 22px !important;
font-weight:600 !important; }
#about-us p {
line-height: 1.4 !important;
font-weight: 400 !important;}
.phoneText {
padding-top: 0;
padding-bottom: 0; }
.phoneText .text-col { margin-top: auto;
margin-bottom: auto; }
.phoneText .text-col h2 {
font-size: 35px;
margin-bottom: 0px;
font-weight: 800; }
.phoneText .text-col h5 {
max-width: 90%;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 400;
font-size: 16px;
line-height: 1.4 !important }
.phoneText .text-col p {
font-weight: 300;
font-size: 16px;
max-width: 375px;
line-height: 1em;
padding-bottom: 15px; }
.phoneText .text-col p a {
color: #09d198;
border-bottom: 2px solid #09d198;
font-weight: 600;
font-size: 16px;
padding-bottom: .5px;
text-decoration: none; }
.phoneText .phone-col { filter: drop-shadow(0px 8px 10px rgba(0,0,0,.33));
-webkit-filter: drop-shadow(0px 8px 10px rgba(0,0,0,.33)); }
.textAndQuote {
padding-top: 0;
padding-bottom: 0; }
.textAndQuote .text-group {
max-width: 100%; }
.textAndQuote h2 {
font-size: 40px;
font-weight: 800;
margin-bottom: 20px; }
.textAndQuote p {
font-size: 16px;
line-height: 1.4em;
font-weight: 400; }
.textAndQuote p .link {
margin-top: 30px; }
.textAndQuote a, .textAndQuote a:hover {
color: #09d198;
border-bottom: 2px solid #09d198;
font-weight: 600;
font-size: 16px;
padding-bottom: .5px;
text-decoration: none; }
.textAndQuote .border-l {
border-left: 10px solid #505050;
padding-bottom: 10px; }
.ecosystem {
padding-left: 40px; }
.ecosystem .text-block h2 {
padding-top: 15px;
text-align: left;
font-size: 40px;
margin-bottom: 25px;
font-weight: 800 !important; }
.ecosystem .text-block ul {
margin-left: -15px; }
.ecosystem .text-block ul li {
font-size: 22px;
font-weight: 600;
padding-bottom: 25px; }
.ecosystem .text-block p {
line-height: 1.4;
font-size: 16px;
margin-bottom: 25px;
margin-right: 40px; }
.ecosystem .img-div {
margin-top: -25px; }
.ecosystem .img-div img {
max-width: 100%; }
.animationAndText {
background-color: #f26149;
color: white; }
.animationAndText div > h1 {
margin: 0px;
padding: 0px;
font-size: 35px;
margin-bottom: 15px;
line-height: .8;
text-align: left;
font-weight: 800; }
.animationAndText div > p {
font-size: 22px;
font-weight: 200;
text-align: left;
font-weight: 500;
line-height: 1.3;
padding-right: 10px; }
.animationAndText .parse-div {
text-align: center; }
.animationAndText .parse-tree {
max-width: 450px;
padding-left: 0px;
width: 100%;
padding-bottom: 30px; }
.animationAndText .border-2 {
padding-left: 30px;
border-left: 10px solid #fff;
height: auto; }
.animationAndText .border-2 a {
color: white;
border-bottom: 2px solid white;
font-size: 16px;
font-weight: 600;
padding-bottom: 0.5px; }
.imageAndTestimonial {
background-color: #fff;
color: #fff; }
.imageAndTestimonial .image-div {
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
background-position: 60%;
min-height: 500px; }
.imageAndTestimonial .quote-group {
color: #8f37ed;
max-width: 100%;
margin: none;
padding-left: 40px;
padding-right: 40px; }
.imageAndTestimonial .quote-group h1 {
text-align: left;
font-size: 30px;
font-weight: 800;
margin: 0px;
padding-left: 0px;
line-height: 1.2;
padding-top: -5px; }
.imageAndTestimonial .quote-group p.name {
text-align: right;
padding-right: 40px;
padding-top: 15px; }
.statistics {
background-color: #fff; }
.statistics .border-1 {
padding-left: 20px;
border-left: solid #8f37ed 10px;
text-align: left; }
.statistics h1 {
font-weight: 800;
font-size: 50px;
color: #8f37ed;
margin-bottom: 10px;
margin-top: 0px;
line-height: .8; }
.statistics .percent-item {
margin-top: 50px; }
.statistics .percent-item-mobile {
margin-top: 50px; }
.statistics p.subheader {
text-transform: uppercase;
letter-spacing: .5px;
color: #aaaaaa;
line-height: 1.4;
font-size: 16px;
font-weight: 800;
margin-bottom: 0px; }
.statistics p {
font-weight: 400px;
font-size: 16px;
max-width: 95%;
color: #8f37ed;
line-height: 1.4;
margin-bottom: 0px; } #contact {
color: #8f37ed; }
#contact h1 {
letter-spacing: 0.5px;
font-size: 40px;
font-weight: 800; }
#contact h1.say-hello {
padding-bottom: 20px; }
#contact .hello-mya-div {
padding-top: 100px;
background-color: #f4f4f4;
padding-left: 50px;
padding-bottom: 90px; }
#contact p.line {
border-bottom: 2px solid #8f37ed;
width: 90%;
margin-bottom: 30px;
font-size: 14px; }
#contact .address-div {
padding-left: 50px;
padding-top: 100px;
background-color: white; }
#contact .address-div .address {
margin-bottom: 30px; }
#contact .address-div p {
margin-top: 15px;
font-size: 14px;
line-height: 1.2; }
#contact button.submit-button {
background-color: #8f37ed;
color: white;
font-weight: 100;
letter-spacing: .5px;
font-size: 12px;
padding-left: 13px;
padding-right: 13px;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 0; } #privacy {
color: #8f37ed;
padding-top: 100px; }
#privacy .border-div {
border-left: 11px solid #8f37ed;
margin-left: 40px;
padding-left: 20px;
padding-right: 40px;
margin-top: 50px; }
#privacy h1 {
color: #8f37ed;
font-weight: 800;
font-size: 40px;
margin-bottom: 40px;
text-align: left; }
#privacy p a.anchor {
margin-left: 60px;
color: #8f37ed;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
padding-bottom: .5px;
text-decoration: none;
border-bottom: 3px solid #8f37ed;
margin-bottom: 30px; } #page-not-found {
height: 100vh;
padding-top: 200px; }
#page-not-found .div-404 {
border-left: solid 11px #8f37ed;
padding-left: 20px;
margin-left: 40px; }
#page-not-found .div-404 h1 {
font-weight: 900;
line-height: 1;
font-size: 35px;
letter-spacing: .5px; }
#page-not-found .div-404 p {
max-width: 85%;
color: #8f37ed;
text-align: left;
margin-bottom: 20px;
line-height: 20px;
margin-top: 20px;
font-size: 16px; }
#page-not-found .div-404 p a {
color: #09d198;
border-bottom: 2px solid #09d198;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
padding-bottom: .5px;
text-decoration: none; } .contact a {
color: #fff; }
.contact a:hover {
text-decoration: underline; }
.contact h5 a {
border-bottom: 2px solid #fff; }
.contact h5 a:hover {
text-decoration: none; }
@media (min-width: 576px) {
.imageAndTestimonial .image-div {
min-height: 700px; } .featured-case-study .image-div {
min-height: 700px; } }
@media (min-width: 768px) {
*:target:before {
content: "";
display: block;
height: 85px;
margin: -85px 0 0; }
section {
padding-top: 90px;
padding-bottom: 90px; }
.img-container {
margin-top: -90px;
background-size: cover; } .p-container {
padding-left: 50px;
padding-right: 50px; }
.p-left-50-40 {
padding-left: 50px; }
.mobile-p-left-50-40 {
padding-left: 0px; }
.p-top-90-60 {
padding-top: 90px; }
.p-bottom-90-60 {
padding-bottom: 90px; }
.sticky-nav-spacer {
height: 120px; } .intro {
height: 100vh; }
.intro .page-header {
padding-top: 130px;
padding-bottom: 0; }
.intro .page-header h1 {
font-size: 57px; }
.intro .down-caret-full-mobile {
display: inline; }
.intro p.lead {
font-size: 24px !important;
margin-top: 15px; }
#index .intro, #meet-mya .intro {
height: 100vh; }
#index .intro .page-header, #meet-mya .intro .page-header {
padding-top: 130px;
padding-bottom: 0; }
.blog .intro .page-header {
padding-top: 90px; } #about .section-one,
#clients .section-one {
height: 75vh !important; } .testimonial-quote {
font-size: 32px;
max-width: 400px;
padding-right: 50px; }
.featured-case-study .image-div {
min-height: initial; }
.featured-case-study .text-col {
padding-left: 50px; }
.featured-case-study .text-col h1 {
font-size: 40px;
padding-right: 50px;
max-width: 400px; }
.featured-case-study .text-col h5 {
padding-right: 50px; }
.featured-case-study .text-col p {
padding-right: 50px;
max-width: 400px; }
.case-study-benefits .benefit-group {
padding-left: 50px; }
.crosslinked-case-studies {
padding-top: 90px;
padding-bottom: 90px; }
.crosslinked-case-studies .benefit-item {
margin-bottom: initial; } .event-dot {
height: 130px;
width: 130px; } .featured-article article {
margin-bottom: 0; } .press-featured-logos {
max-width: 100% !important;
background-color: #f4f4f4;
padding: 30px 230px !important;
margin-top: -63px !important;
}
.logo-bar img {
max-height: auto;
margin-top: 0;
max-width: 100%; }
#clients .logo-bar img {
max-width: 100%; }
.blog-categories h2 {
font-size: 25px;
margin-top: 10px; }
.blog-categories a {
font-size: 32px; } .mya-experience-container .panel {
background-position: center center; }
.mya-experience-container .slide-indicators {
right: 100px; }
.mya-experience-container #slides .slide-content {
top: 70px;
max-width: 340px;
padding-right: 0; }
.mya-experience-container #slides .slide-content h2 {
font-size: 22px;
max-width: 280px; }
.mya-experience-container #slides .slide-content h5 {
font-size: 40px;
line-height: 1.1em;
max-width: 290px; }
.mya-experience-container #slides .slide-content p {
font-size: 16px;
max-width: 200px; } section .quote-group {
max-width: 90%; }
.textAndImageSection .text-section {
padding-left: 50px; }
.textAndImageSection .text-section h3 {
font-size: 40px; }
.textAndImageSection .image-div {
height: auto; }
.teamSection {
padding-left: 50px;
padding-right: 50px; }
.teamSection h2 {
font-size: 40px; }
.teamSection .bio-group:nth-child(n+3) .headshot-div {
margin-right: 50px;
border-top: 2px solid white; }
.teamSection .bio-group:nth-child(n+2) {
border-top: 0; }
.textAndLogosSection .investor-image {
padding-top: 140px;
padding-left: 0px;
max-width: 100%; }
.text-2col h2 {
font-size: 40px; }
.text-2col-bordered .text-col p {
max-width: 75%; }
.phoneText .text-col h2 {
font-size: 40px; }
.phoneText .text-col h5 {
max-width: 375px; }
.textAndQuote .text-group {
max-width: 80%; }
.ecosystem {
padding-left: 50px; }
.ecosystem .text-block p {
margin-right: 0; }
.animationAndText .parse-div {
text-align: left; }
.animationAndText .parse-tree {
padding-left: 20px;
width: 80%; }
.imageAndTestimonial .image-div {
min-height: initial; }
.imageAndTestimonial .quote-group {
margin: auto;
max-width: 40%; }
.statistics p {
max-width: 75%; } #privacy .border-div {
margin-left: 0;
margin-top: 0;
padding-right: 70px; }
#privacy p a.anchor {
margin-left: 50px; } #page-not-found .div-404 {
margin-left: 50px; }
#page-not-found .div-404 h1 {
font-size: 40px; } }
@media (min-width: 992px) { .section-1023-flex {
max-width: 1024px;
margin-left: auto;
margin-right: auto; }
.section-1023-flex-left-only {
max-width: 511px;
margin-right: 0px;
margin-left: auto; }
.section-1023-flex-right-only {
margin-left: 0px;
margin-right: auto; } .p-left-50-40 {
padding-left: 0px; } #meet-mya .nav-link-meetmya,
.our-clients .nav-link-our-clients,
.about .nav-link-about,
.press .nav-link-press,
.blog .nav-link-blog {
border-bottom: 3px solid #fff; }
.article-list article {
padding-right: 110px; }
.article-list img {
display: none; }
.article-list .active {
font-size: 22px;
line-height: 1.1;
font-weight: 600;
color: #8f37ed;
text-decoration: none; } #how-mya-thinks-carousel .dot-group {
right: 45px; } .event-dot {
height: 180px;
width: 180px; } .featured-case-study .flex-1023-container {
margin-left: auto;
max-width: 511px; } section .quote-group .quote {
font-size: 40px; }
.textAndImageSection .expand-1023-container {
margin-right: 0px;
margin-left: auto;
max-width: 511px; }
.textAndLogosSection h2 {
font-size: 40px; }
.text-2col-bordered h2 {
font-size: 40px; }
.text-2col-bordered .text-col p {
font-size: 22px; }
.phoneText .text-col { .animationAndText div > h1 {
font-size: 40px; }
.animationAndText .parse-tree {
padding-left: 0px; }
.imageAndTestimonial .quote-group {
margin-left: 0px;
margin-right: auto;
max-width: 511px;
padding-left: 50px;
padding-right: 50px; }
.imageAndTestimonial .quote-group h1 {
font-size: 40px; }
.statistics h1 {
font-size: 67px; }
.statistics .percent-item-mobile {
margin-top: 0px; } } .footer {
background-color: #3581ef;
color: white; }
.footer .top-group {
padding-left: 50px;
padding-top: 35px;
padding-bottom: 35px; }
@media (max-width: 767px) {
.footer .top-group {
padding-left: 40px; } }
.footer .top-group h1 {
font-size: 40px;
margin: 0px;
padding: 0px;
font-weight: 800;
line-height: 1.2; }
.footer .top-group p {
margin-top: 10px;
margin-bottom: 0rem;
font-weight: 100;
font-size: 16px;
line-height: 1.2; }
.footer .top-group p.lead {
max-width: 200px; }
.footer .top-group h5.contact-us {
letter-spacing: 1px;
padding-bottom: 10px;
margin-top: 10px;
font-weight: 800; }
.footer .top-group .more-options {
padding-top: 25px;
letter-spacing: 1px;
font-weight: 700; }
.footer .top-group .more-options .fa-chevron-right {
font-size: 14px; }
.footer .top-group .contact {
padding-left: 50px; }
.footer .top-group a.btn, .footer .top-group a.btn:hover {
background-color: #3581ef;
color: white;
border: solid white 2px;
border-radius: 0px;
text-transform: uppercase;
font-size: 14px;
font-weight: 200;
margin-top: 25px;
text-decoration: none; }
.footer .top-group p.sales {
line-height: 1.3;
margin-top: 0px;
font-weight: 700;
font-size: 14px; }
.footer .top-group p.sales-email {
line-height: 1.3;
margin-top: 0px;
font-size: 14px; }
.footer .top-group p.sales-number {
line-height: 1.3;
margin-top: 0px;
font-size: 14px; }
.footer .bottom-group {
background-color: #3581ef;
color: white;
border-top: white solid 2px;
margin-left: 50px;
margin-right: 50px;
height: 58px; }
.footer .bottom-group .fa-linkedin-in, .footer .bottom-group .fa-facebook-f, .footer .bottom-group .fa-instagram, .footer .bottom-group .fa-twitter {
font-size: 15px;
color: white; }
.footer .bottom-group p {
margin-top: 0;
margin-bottom: 0rem;
font-weight: 100;
font-size: 16px;
line-height: 1.2;
color: white; }
.footer ul li {
display: inline;
list-style: none;
color: white;
font-size: 12px;
font-weight: 100;
letter-spacing: .5px;
color: white; }
.footer .border-mobile {
background-color: #3581ef;
color: white;
border-top: white solid 2px;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 20px;
padding-top: 20px; }
.footer ul.footer-group-mobile li a {
display: block;
list-style: none;
color: white;
font-size: 16px;
padding-left: 0px; }
.footer ul.icon-group-mobile li a {
display: inline;
list-style: none;
color: white;
font-size: 16px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 0px; }
.footer .footer-group-left {
padding-top: 15px;
text-align: left;
color: white; }
.footer .footer-group-left p {
color: white;
font-weight: 100;
letter-spacing: .3px;
font-size: 12px; }
.footer .footer-group-left .address {
padding-left: 10px;
padding-right: 0px; }
.footer .footer-group-right {
margin-top: -7px;
text-align: right;
color: white; }
.footer .footer-group-right li {
padding-left: 20px;
font-weight: 100;
letter-spacing: .5px; }
.footer .footer-group-right a {
color: white; }
.footer .all-rights-reserved {
text-align: right;
font-size: 9px;
padding-right: 50px;
padding-bottom: 20px;
font-weight: 100;
letter-spacing: .5px; }
.footer .all-rights-reserved a.legal {
color: white;
border-bottom: 1px solid white; }
@media (max-width: 767px) {
.footer .all-rights-reserved {
text-align: left; } }