/** Generated by FG **/
@font-face {
    font-family: 'adaptrTitle';
    src: url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20Book.eot');
    src: local('☺'), url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20Book.woff') format('woff'), url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20Book.ttf') format('truetype'), url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'adaptrTitle';
    src: url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20SemiBold.eot');
    src: local('☺'), url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20SemiBold.woff') format('woff'), url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20SemiBold.ttf') format('truetype'), url('https://f.hubspotusercontent40.net/hubfs/8808146/Carnero%20SemiBold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'adaptrBody';
    src: url('https://f.hubspotusercontent40.net/hubfs/8808146/TT%20Norms%20Pro%20Medium');
    src: local('☺'), url('https://f.hubspotusercontent40.net/hubfs/8808146/TT%20Norms%20Pro%20Medium.woff') format('woff'), url('https://f.hubspotusercontent40.net/hubfs/8808146/TT%20Norms%20Pro%20Medium.ttf') format('truetype'), url('https://f.hubspotusercontent40.net/hubfs/8808146/TT%20Norms%20Pro%20Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,html {
    width:100%;
    height:100%;
}
body {
    font-family: 'adaptrBody';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0;
    color:#080B24;
}

.pageWrapper {
    height:100%;
}

body * {
    box-sizing:border-box;
}

input {
    font-family: 'adaptrBody' !important;
    font-size:18px !important;
    color:#878787 !important;
    height:50px !important;
    border:0px !important;
    border-radius:2px !important;
    padding:0 15px !important;
}
.modal input {
    background-color:#f1f1f1;
}
input:focus, button:focus {
    outline:0  !important;
}
button:hover {
    cursor:pointer  !important;
}

.adaptr-topnav {
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding:40px 100px;
    z-index:10;
}

body.scrolled .adaptr-topnav {
    position:fixed;
    animation:0.5s ease animateMenu;
    background-color:#fff;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-top:20px;
    padding-bottom:20px;
    transition:0.3s ease transform;
}
@keyframes animateMenu {
  0% {transform:translateY(-100%);}
  100% {transform:translateY(0px);}
}

.adaptr-topnav .links {
    padding:0;
    margin:0;
    list-style:none;
    text-align:left;
    position:relative;
    margin-left:120px;
    font-size:0;
}
.adaptr-topnav .links > li {
    display:inline-block;
    margin-right:25px;
    


}
.adaptr-topnav .links > li > a {
    display:inline-block;
    opacity:0.5;
    transition:0.3s ease opacity;
    padding:10px 0;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:11px;
    text-decoration:none;
    color:#080B24;
    
}
.adaptr-topnav .links > li > a:hover {
    opacity:1;
}
.adaptr-topnav .links > li.highlight a {
    opacity:1;
    background-color:#E81152;
    padding:14px 16px;
    color:#fff;
    position:absolute;
    right:0;
    top:-3px;
    border-radius:2px;
}

.adaptr-topnav.light .links > li > a {
    color:#fff;
    opacity:0.8;
}
.adaptr-topnav.light .links > li.highlight a {
    opacity:1;
}
.adaptr-topnav.home .links > li.highlight a {
    background-color:#080B24;
    color:#fff;
}

.adaptr-topnav .links > li.active a {
    opacity:1;
}

body.scrolled .adaptr-topnav .links li > a {
    opacity:0.5;
    color:#080B24;
}
body.scrolled .adaptr-topnav .links > li.highlight > a {
    opacity:1;
    color:#fff;
    background-color:#E81152; 
}
.logo.header {
    width:80px;
    height:26px;
    position:absolute;
    display:inline-block;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/img-logo-adaptr.png);
}
.adaptr-topnav.light .logo.header {background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/img-logo-adaptr-yellow.png);}
body.scrolled .adaptr-topnav .logo.header {
    background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/img-logo-adaptr.png);
}

.logo img {
    width:80px;
    height:auto;
}
.adaptr-section {
    position:relative;
    padding:100px 70px;
    display:flex; 
    align-items:center;
}

.adaptr-section.first {
    padding-top:150px;
}
.adaptr-section.blocks {
    padding:0;
    align-items:initial;
}
.adaptr-section .block-half {
    width:50%;
    padding:100px 70px;
    flex:1;

}
.adaptr-section .block-half.appcard {
    padding:50px;
}
.adaptr-section.layertop {
    z-index:3;
}
.adaptr-section.h100 {
    height:100%;
}

.adaptr-section .column {
    width:100%;
    padding:0 30px;
    z-index:2;
    position:relative;
}
.column.half {
    width:50%;
}
.column.fifth {
    width:20%;
}
.column.twothird {
    width:55%;
}
.column.third {
    width:45%;
}

.t-headline {
    font-family: 'adaptrTitle';
    font-size:40px;
    line-height:1.1em;
    letter-spacing:-1px;
}
.t-headline.lg {font-size:50px;}
.t-headline.sm {font-size:36px;}
.t-headline.sm-quiz {font-size:30px;}
.t-headline.xs {font-size:24px;letter-spacing:0px;}

.documentation h1, .documentation h2, .documentation h3, .documentation h4 {
    font-family: 'adaptrTitle';
    line-height:1.1em;
    letter-spacing:-1px;
    margin-top:40px;
}
.t-copy, .documentation p, .documentation ul {
    font-size:18px;
    line-height:1.4em;
    color:#878787;
}
.documentation a {
    text-decoration:none;
    color:#006EED;
    font-weight:bold;
}
.t-copy.sm {
    font-size:14px;
}
.t-copy b {color:#656565;}
.bg-darkblue .t-copy {
    color:rgba(255,255,255,0.7);
}
.t-price {
    font-size:70px;
    position:relative;
    padding:0 20px;
    display:inline-block;
    line-height: .75em;
}
.t-price::before {
    content:'$';
    width:20px;
    height:20px;
    line-height:20px;
    font-size:14px;
    position:absolute;
    top:0;
    left:5px;
    font-weight:bold;
}
.t-price::after {
    content:'/mo';
    width:20px;
    height:20px;
    line-height:20px;
    font-size:14px;
    position:absolute;
    bottom:0;
    right:5px;
    font-weight:bold;
}
.t-label {
    font-family: 'adaptrBody';
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;
}
.b-cta, input[type='submit'] {
    border:0;
    border-radius:2px;
    padding:18px 30px;
    font-family: 'adaptrBody';
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px !important;
}
.b-cta.b-disabled {
    background-color:#D0D0D0;
    color:#777777;
}
.b-borderw {
    border:2px solid #fff;
    background-color:transparent;
    color:#fff;
}
.b-borderw:hover {
    background-color:#fff;
    color:#080B24;
}
.b-borderd {
    border:2px solid #080B24;
    background-color:transparent;
    color:#080B24;
}
.b-borderd:hover {
    background-color:#080B24;
    color:#fff;
}
.b-borderblue {
    background-color:#fff;
    border:2px solid #006EED;
    color:#006EED;
}
.b-borderblue:hover {
    background-color:#006EED;
    color:#fff;
}
.shape {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

.adaptr-section  .form-wrapper, .adaptr-section .hbspt-form {
    position:relative;
    display:inline-block;
    max-width:400px;
    width:100%;
}
.adaptr-section .form-wrapper input[type='text'], .adaptr-section  .hbspt-form input[type='email'] {
    padding-right:140px;
    width:100%
}
.modal .form-wrapper input, .modal  .hbspt-form input {
    width:100%;
    margin-bottom:10px;
}
.modal .form-wrapper input[type='submit'], .modal  .hbspt-form input[type='submit'] {
    margin-top:20px;
}
.modal .submitted-message {
    text-align:center;
}
.adaptr-section  .form-wrapper input[type='submit'], .adaptr-section .hbspt-form input[type='submit'] {
    position:absolute;
    top:0;
    right:0;
    border-radius:0 2px 2px 0 !important;

}
.hbspt-form input[type='submit'] {
    background-color:#E81152;color:#fff !important;

}
.adaptr-section .hbspt-form label {
    display:none;
}
.modal .hbspt-form label {
    font-size:12px;
    text-align:left;
    margin-bottom:10px;
}
.hs-error-msgs label {
    display:initial !important;
}
.hs-error-msgs {
    text-align:left;
    font-size:12px;
    opacity:0.6;
}


img.fullwidth {width:100%;height:auto;}
.img-hero {
    position:absolute;
    width:50%;
    height:100%;
    top:0;
    left:50%;
    overflow:hidden;
}
.img-hero img {
    height:100%;
    min-width:100%;
    object-fit:contain;
    object-position:top right;
}

.animate-onscroll {
    opacity:0;
    transform:translateY(30px);
}
.animate-onscroll.show {
    opacity:1;
    transform:none;
    transition:0.7s ease opacity, 0.7s ease transform;
}

.app-card {
    height:100%;
    width:100%;
    background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/icon-appcard.png);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    /*height:100%;
    border:2px solid #fff;
    border-radius:2px;
    width:0;
    padding-left:55%;
    position:relative;
    display:inline-block;*/
}
.app-card .square {
    width:100%;
    height:0px;
    left:0;
    top:0;
    padding-top:100%;
    position:absolute;
}
.app-card .square::before {
    content:'';
    position:absolute;
    height:90%;
    border:2px solid #fff;

    top:20px;
    left:20px;
    right:20px;
}
.app-card .text {
    width:100%;
    bottom:0;
    left:0;
    position:absolute;
    padding:20px;
    font-size:14px;
    text-align:left;
}

.footerlinks {
    display:block;
    border-top:1px solid rgba(255,255,255,0.1);
    padding:10px 0 15px;
    color:#fff;
    text-decoration:none;
    font-family: 'adaptrTitle';
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;

}

.adaptr-footernav {
/*    padding:40px 100px;*/
    align-items:flex-start;
}

.howitworks-step {
    margin:0 30px;
    display:inline-block;
    width:175px;
    vertical-align:top;
}
.howitworks-img {
    background-color:#fff;
    
    width:100%;
    height:175px;
    border-radius:10px;
    box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.13);
    overflow:hidden;
    padding:20px;
    color:#000;
    margin-bottom:20px;
}
.howitworks-img.full {
    padding:0;
}
.howitworks-img img {
    width:100%;
    height:100%;
    border-radius:5px;
    display:block;
}
.contentWrap {
    max-width:800px;
    width:100%;
    display:inline-block;
    text-align:left;
}
.faqTitle {
    margin-bottom:30px;
}
.faqGroup {
    border-top:1px solid #f1f1f1;
    display:flex;
    align-items:top;
    padding:30px 0;
}
.faqGroup > div {
    width:50%;
}
.faqGroup div.question {
    font-size:24px;
    width:45%;
    padding-right:40px;
}
.faqGroup div.answer {
    width:55%;
}

.pricingCard {
    width:100%;
    border-radius:10px;
    box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.13);
    text-align:center;
    background-color:#fff;
    overflow:hidden;
}
.pricingCard .header {
    padding:30px 60px;
}
.pricingCard ul.features {
    list-style:none;
    padding:0;
    margin:0;
}
.pricingCard ul.features li {
    border-top:1px solid #f1f1f1;
    padding:10px;
    font-size:14px;
    color:#777;
}
.pricingCard ul.features li b {color:#080B24;}

.pricingCard.starter .t-label {font-family:'adaptrBody';color:#006EED;font-weight:bold;}
.pricingCard.starter .b-cta {background-color:#006EED;color:#fff;}

.pricingCard.developer .t-label {font-family:'adaptrBody';color:#FEB800;font-weight:bold;}
.pricingCard.developer .b-cta {background-color:#FEB800;color:#080B24;}

.pricingCard.teams .t-label {font-family:'adaptrBody';color:#E81152;font-weight:bold;}
.pricingCard.teams .b-cta {background-color:#E81152;color:#fff;}

.pricingCard button {
    width:100%;
    padding:25px 30px;
    margin-top:30px;
}



.quiz-wrapper {
    border-radius:10px;
    overflow:hidden;
    width:100%;
}
.quiz-slide {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    transition:0.3s ease transform;
    transform:translateX(100%);
    height:100%;
}
.quiz-slide.first {
    position:relative;
    transform:none;
}
.quiz-slide.active {
    transform:translateX(0%);
}
.quiz-slide.prev {
    transform:translateX(-100%);
}

.quiz-slide .header {
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:180px;
    background-color:#f1f1f1;
    padding:40px;
    justify-content:center;
    background-image:url('https://f.hubspotusercontent40.net/hubfs/8808146/img-quiz-banner.png');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
.quiz-slide .dots {

}
.quiz-slide .dots > div {
    width:8px;
    height:8px;
    border-radius:8px;
    border:2px solid #282932;
    display:inline-block;
    margin:0 2px;
    opacity:0.6;
}
.quiz-slide .dots > div.active {
    background-color:#282932;
    opacity:1;
}
.quiz-slide .content {
    padding:0 40px;
    position:relative;
    display: flex;
    height: 100%;
    flex-direction:column;

}

.quiz-slide .info-button {
    position:absolute;
    width:50px;
    height:50px;
    top:0;
    right:0;
    background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/icon-info.svg);
    background-size:25px;
    background-position:center;
    background-repeat:no-repeat;
}
.quiz-slide .info-button .info {
    position:absolute;
    width:300px;
    font-size:12px;
    border-radius:5px;
    top:100%;
    right:0;
    opacity:0;
    pointer-events:none;
    background-color:rgba(0,0,0,0.9);
    color:#fff;
    transition:0.3s ease opacity;
    z-index:1;
    padding:15px 20px;
    margin:0px 10px 10px;
}
.quiz-slide .info-button:hover .info {
    opacity:1;
}


.quiz-slide .content.end {
    justify-content: center;
}
.quiz-slide .content .endicon {
    width:100%;
    height:90px;
}
.quiz-slide .content .message-wrapper {
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:200px;
}
.quiz-slide .content .buttons {
    position:relative;
   padding-bottom:40px;
}
.quiz-slide .content .buttons > button {
    margin:0 10px;
}
.quiz-slide .content .input-wrapper {
    width:100%;
    overflow:hidden;
    margin:0 -10px;
}
.quiz-slide .content .input-wrapper .input-wrap {
    width:50%;
    float:left;
    padding:25px 10px 10px;
    position:relative;
}
.quiz-slide .content .input-wrapper .input-wrap input {
    width:100%;
    padding-left:40px !important;
    color:#282932 !important;
}
.quiz-slide .content .input-wrapper .input-wrap .label {
    position:absolute;
    top:0px;
    font-size:11px;
    height:20px;
    line-height:20px;
}
.quiz-slide .content .input-wrapper .input-wrap.currency::before {
    content: '$';
    position: absolute;
    left: 10px;
    top: 37px;
    /* margin-top: -25px; */
    width: 40px;
    text-align: center;
}
/*.quiz-slide .content .input-wrapper .input-wrap.currency::after {
    content: 'Million';
    position: absolute;
    right: 45px;
    top: 37px;
    text-align: center;
}*/

.t-copy a {
    color:#006EED;
    font-weight:bold;
    text-decoration:none;
}
@media (max-width:600px) {
    .quiz-slide .header {
        min-height:none;
        padding:40px 20px;
        background-size:auto 100%;
    }
    .quiz-slide .content {
        padding:0;
        position:static;
    }
    .quiz-slide .content .message-wrapper {
        min-height:none;
        padding:40px 30px 90px;
    }
    .quiz-slide .content .input-wrapper .input-wrap {
        width:100%;
        
    }
    .quiz-slide .content .input-wrapper {
        margin:0;
    }
    .quiz-slide .content .buttons {
        position:absolute;
        bottom:0;
        padding-bottom:20px;
        width:100%;
        left:0;

    }
    .quiz-slide .content .buttons button {
       /* width:50%;
        margin:0;
        float:left;
        border-radius:0px !important;*/
    }
}
.mb-s {margin-bottom:10px;}
.mb-m {margin-bottom:20px;}
.mb-l {margin-bottom:40px;}
.mb-xl {margin-bottom:80px;}
.pb-0 {padding-bottom:0px !important;}
.pt-0 {padding-top:0px !important;}

.t-center {text-align:center;}
.t-right {text-align:right;}

.bg-red {background-color:#E81152;color:#fff;}
.bg-red:hover {background-color:#006EED;}
.bg-blue {background-color:#006EED;color:#fff;}
/*.bg-blue:hover {background-color:#E81152;}*/
.bg-blueoutline {border:2px solid #006EED;background-color:#fff;color:#006EED;}
.bg-blueoutline::hover {background-color:#006EED;color:#fff;}
.bg-darkblue {background-color:#080B24;color:#fff;}
.bg-gray {background-color:#F8FAFB;}
.t-blue {color:#006EED !important;}
.t-yellow {color:#FEB800 !important;}

.herosection .column {
    padding-top:50px;
}

.menuButton {
    display:none;
    width:60px;
    height:60px;
    background-image:url('https://f.hubspotusercontent40.net/hubfs/8808146/icon-menu-dark.svg');
    background-size:20px;
    border-radius:100px;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    transition:0.3s ease background;
    top:12px;
    left:12px;
    z-index:100;
}
.adaptr-topnav.light .menuButton, .adaptr-topnav.home .menuButton {
    background-image:url('https://f.hubspotusercontent40.net/hubfs/8808146/icon-menu.svg');
}
body.menuOpen .menuButton {
    background-image:url('https://f.hubspotusercontent40.net/hubfs/8808146/icon-close-dark.svg');
}
body.menuOpen .adaptr-topnav.light .menuButton, body.menuOpen .adaptr-topnav.home .menuButton {
    background-image:url('https://f.hubspotusercontent40.net/hubfs/8808146/icon-close.svg');
}
.menuButton:hover {
    background-color:rgba(255,255,255,0.05);
    cursor:pointer;
}

.menuMobile {
    position:fixed;
    z-index:200;
    width:250px;
    height:100%;
    top:0;
    left:0;
    background-color:#080B24;
    transform:translateX(-250px);
    transition:0.3s ease transform;
}
body.menuOpen .menuMobile {
    transform:translateX(0);
}
.pageWrapper {
    transition:0.3s ease transform;
}
body.menuOpen .pageWrapper {
    transform:translateX(250px);
}
.menuMobile .linksMobile {
    padding:0;
    margin:0;
    list-style:none;
    margin-left:30px;
    margin-top:100px;
    position:relative;
}
.menuMobile .linksMobile::before {
    content:'';
    width:30px;
    height:30px;
    background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/icon-adaptr-white.svg);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    top:-50px;
    left:0;
}
.menuMobile .linksMobile li {
    display:block;
}
.menuMobile .linksMobile li a {
    text-decoration:none;
    color:#fff;
    font-size:14px;
    display:block;
    text-align:left;
    border-top:1px solid rgba(255,255,255,0.1);
    padding:20px 0;
}

.partnerLogo {
    width:160px;
    height:auto;
    display:inline-block;
    vertical-align:middle;
    margin:15px 30px;

}
.partnerLogo img {
    width:100%;
    height:auto;

}

.modal {
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:400;
    position:fixed;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    padding:30px;
}
body.modalShow .modal {
    pointer-events:auto;
}

.modal .box {
    width:100%;
    max-width:500px;
    background-color:#fff;
    padding:40px;
    border-radius:10px;
    position:relative;
    opacity:0;
    transform:translateY(50px);
    transition:0.3s ease opacity, 0.3s ease transform;

}
.modal .box.quiz {
    padding:0px;
    max-width:700px;
    overflow:hidden;
}
body.modalShow .modal .box {
    opacity:1;
    transform:translateY(0);
}

.modal .shadow {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.6);
    transition:0.3s ease background, 0.3s ease opacity;
    opacity:0;
}
body.modalShow .modal .shadow {
    opacity:1;
}
.modal .shadow:hover {
    cursor:pointer;
    background-color:rgba(0,0,0,0.7);
}

.floatLogo {
    position:absolute;
    bottom:50px;
    width:120px;
    margin-left:20px;
}

.blog-inner {
  width:100%;
  margin:0 auto;
  max-width:1000px;
}
.content-wrapper {
  margin:0 -20px;
  overflow:hidden;
  
}
.related-post {
  border:0px !important;
}
.related-post__content {
padding:0px !important;
}
.blog-card {
  width:50%;
  padding:0 20px;
  float:left;
  margin-bottom:20px;
}

.blog-card__image, .related-post__image {
width:100% !important;
  height:300px !important;
  object-fit:cover;
  object-position:center;
  border-radius:5px;
  background-color:#f1f1f1;
}
.blog-card__button {
  color:#006EED;
  border-bottom:3px solid #006EED;
  padding:5px 0;
  font-weight:bold;
  font-size:14px;
  text-decoration:none;
}
.blog-card__title {
  font-family:'adaptrTitle';
  font-size:32px;
  margin: 5px 0 3px;
  font-weight:normal;
}
.blog-card__title a {color:#080B24;text-decoration:none;}
.blog-post-listing__title {

}
@media (max-width:1000px) {
    .t-headline {font-size:30px;}
    .t-headline.lg {font-size:40px;}
    .t-copy {font-size:16px;}
    .adaptr-section {padding:75px 45px;}
    .adaptr-topnav {padding:30px 75px;}
    .adaptr-footernav {padding:75px 30px;}
}
.social-links {
  border-top: 1px solid #f1f1f1 !important;
    padding: 14px 0 !important;
}
.social-links__icon svg {
      fill: #5260B3 !important;
    height: 20px !important;
}
@media (max-width:700px) {

    .adaptr-section .block-half {
        width:100%;
    }
    .menuButton {display:block;}
    .column.half, .column.third, .column.twothird, .column.fifth {width:100%;}
    .t-center-mobile {text-align:center;}
    .adaptr-section {flex-direction:column;}
    .adaptr-section.h100 {justify-content:center;}

    .img-hero {
        width: 100%;
        height:100%;
        background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/img-hero-mobile.jpg);
        background-size:cover;
        left:0;
    }
    .img-hero img {
        display:none;
    }
    .herosection .t-headline {color:#fff;}
    .herosection .t-copy {color:rgba(255,255,255,0.7);}
    .adaptr-topnav.home .logo.header {
        background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/img-logo-adaptr-white.png);
        
    }
    .adaptr-topnav .logo.header {
        left:50%;
        margin-left:-40px;
    }
    .adaptr-topnav .links {display:none;}
    body.scrolled .adaptr-topnav {
        /*top:10px;*/
        display:none;
    }
/*    body.scrolled .adaptr-topnav {
        min-height:50px;
    }*/

    .faqGroup {
    
   display:block;
    padding:30px 0;
}
.faqGroup div.question {
    width:100%;
    padding-right:0px;
    margin-bottom:20px;
}
.faqGroup div.answer {
    width:100%;
}


    .hide-mobile {display:none;}
    .mobile-reverse {flex-direction:column-reverse;}

    .mb-s {margin-bottom:10px;}
.mb-m {margin-bottom:20px;}
.mb-l {margin-bottom:30px;}
.mb-xl {margin-bottom:60px;}

}
@media (max-width:500px) {

    
    input {font-size:14px;}
    .b-cta, input[type='submit'] {
        padding:15px 24px;
    }
    
    .t-headline {font-size:24px;}
    .t-headline.lg {font-size:30px;}
    .adaptr-section {padding:50px 0px;}
    .adaptr-section.h100 {/*height:auto;padding-top:100px;*/}
    .adaptr-topnav {padding:20px 30px;}

    .animate-onscroll {
            opacity:1;
            transform:none;
        }

        .menuButton {
            top:10px;
            left:10px;
            width:50px;
            height:50px;
        }
}

/* lobstervine adjustments */ 
.homepage .adaptr-section.first.lobstervine { padding: 0; }

.homepage .lobstervine .blog-inner { max-width: 100%; }

.homepage .dnd_area_top-row-0-background-image { height: 75vh; }

.homepage .top-banner-area .row-depth-1.row-number-3 { margin-top: 30px; }


.homepage .top-banner-area .dnd_area_top-row-0-padding { padding-top: 12% !important; }

@media (max-width: 490px) {
  .homepage .top-banner-area .dnd_area_top-row-0-padding { 
    margin: 0;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 18% !important;
  }
  .homepage .top-banner-area .dnd_area_top-row-0-padding h1,
  .homepage h1 { font-size: 24px !important; }
  .homepage .top-banner-area .dnd_area_top-row-0-padding h2 { font-size: 22px !important; }
  #hs_cos_wrapper_module_16235989256334_,
  #hs_cos_wrapper_widget_1623601214929_ { text-align: center; }
}

@media only screen and (max-width: 1000px) {
  .homepage .dnd_area_top-row-0-background-image {
    background-position: calc(100% + 300px) 0 !important;
  }
}

.homepage .top-banner-area .dnd_area_top-column-1-vertical-alignment {
  width: 50%;
  opacity: 1;
}

.lobstervine h1 {
  font-family: adaptrTitle;
  font-weight: normal;
  font-size: 40px;
  line-height: 1.1em;
  letter-spacing: -1px;
}
.lobstervine h2 {
  font-family: adaptrTitle;
  font-size: 32px;
}
.lobstervine .button {
  color: #fff;
  font-family: adaptrBody;
  text-transform: uppercase;
  background-color: #E81152;
  padding: 14px 16px;
  border: none;
  text-decoration: none;
  border: 0;
  border-radius: 2px;
  padding: 18px 30px;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 12px !important;
}
.lobstervine .button:hover {
  background-color: #006EED;
}
@media only screen and (max-width: 1000px) {
  .lobstervine h1 {
    font-size: 30px;
  }
  .lobstervine h2 {
    font-size: 24px;
  }
  .homepage .dnd_area_top-row-0-padding {
    margin-left: -26px;
  }
}
@media only screen and (max-width: 800px) {
  .homepage .adaptr-topnav .logo.header {
    background-image:url(https://f.hubspotusercontent40.net/hubfs/8808146/img-logo-adaptr-white.png);
  }
  .homepage .menuButton {
    background-image:url('https://f.hubspotusercontent40.net/hubfs/8808146/icon-menu.svg');
  }
  .homepage.menuOpen .menuButton {
    background-image:url('https://f.hubspotusercontent40.net/hubfs/8808146/icon-close.svg');
  }
}

  .homepage .lobstervine .row-number-6 {
    margin: 25px auto 50px;
  }
@media (max-width: 760px) {
  .homepage .lobstervine .row-number-6 {
        text-align: center;
  }
}
.centerit {
  text-align: center;
}
.greybodytext {
  font-size: 18px; line-height: 1.4em; color: #878787; 
}
.max800 {
  max-width: 800px; margin-left: auto; margin-right: auto; 
}
@media (min-width: 760px) {
  .row-fluid {
    display: flex;
    align-items: center;
  }
}
/* LOBSTERVINE */

/* BASIC PAGE */

/* all sections code like adaptr-section */
.container-fluid > .row-fluid-wrapper {
  padding: 100px 70px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1000px) {
  .container-fluid > .row-fluid-wrapper { padding: 75px 45px; }
}
@media (max-width: 500px) {
  .container-fluid > .row-fluid-wrapper { padding: 50px 0; }
}

/* adaptr-section first */
.lv-title-area > .row-fluid-wrapper {
  padding-top: 150px;
  padding-bottom: 0;
}

/* shape full width wherever used */
.shape {
  width: 100%;
}

/* the z-index lets it show over the curve */
.lv-content-area .dnd-column,
.lv-title-area .dnd-column {
  width: 100%; 
  padding: 0 30px; 
  z-index: 2; 
  position: relative; 
  text-align: center;
}
.lv-content-area .dnd-column > .dnd-row {
  max-width: 800px; 
  width: 100%; 
  display: inline-block; 
  text-align: left;
}
/*centers column */
.row-fluid { margin: auto; }
@media (min-width: 760px) { 
  .row-fluid { display: flex; align-items: center; }
} 

.lv-title-area h1 {
    margin: 0;
    font-size: 40px;
    font-family: 'adaptrTitle';
    line-height: 1.1em;
    letter-spacing: -1px;
}
.lv-content-area .hs_cos_wrapper_type_rich_text h2 {
  font-family: 'adaptrTitle';
line-height: 1.1em;
letter-spacing: -1px;
margin-top: 40px;
}

.lv-content-area .hs_cos_wrapper_type_rich_text p,
.lv-content-area .hs_cos_wrapper_type_rich_text ul,
.lv-title-area .hs_cos_wrapper_type_rich_text p{
  font-size: 18px;
line-height: 1.4em;
color: #878787;
}

.lv-title-area .hs_cos_wrapper_type_rich_text p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}  

.lv-content-area .hs_cos_wrapper_type_rich_text a {
  text-decoration: none;
color: #006EED;
font-weight: bold;
}

/* starting with playlists page, make h2s in the body consistent */
.lv-content-area h2,
.lv-content-area-3 h2 {
font-family: 'adaptrTitle';
font-size: 40px;
line-height: 1.1em;
letter-spacing: -1px;
margin-bottom: 20px;
  font-weight: 400;
}

/* GENERAL OVERRIDES*/
/* for full-width section backgrounds, override the padding on the wrapper have to apply padding further down */
.homepage .container-fluid > .row-fluid-wrapper { 
  padding: 0;
}
/* then apply padding to row inside instead */
.homepage .main-page-area .row-number-3 > .row-fluid {
  padding: 0 70px 100px 70px;
}
.homepage .main-page-area .row-number-10 > .row-fluid,
.homepage .main-page-area .row-number-14 > .row-fluid {
  padding: 100px 70px;
}
@media (max-width: 1000px) {
  .homepage .main-page-area .row-number-3 > .row-fluid { padding: 0 45px 75px 45px; }
  .homepage .main-page-area .row-number-10 > .row-fluid,
  .homepage .main-page-area .row-number-14 > .row-fluid { padding: 75px 45px; }
}
@media (max-width: 500px) {
  .homepage .main-page-area .row-number-3 > .row-fluid,
  .homepage .main-page-area .row-number-10 > .row-fluid,
  .homepage .main-page-area .row-number-14 > .row-fluid {
    padding: 0;
  }
}

/* SDK PAGE OVERRIDES */

/* h1 bigger */
.body-container--sdk-page .lv-title-area h1 { font-size: 50px; }
@media (max-width: 1000px) {
  .body-container--sdk-page .lv-title-area h1 { font-size: 40px; }
}
@media (max-width: 500px) {
  .body-container--sdk-page .lv-title-area h1 { font-size: 30px; }
}

/* grey color bg for content area on SDK page */
.body-container--sdk-page .lv-content-area > .row-fluid-wrapper {
  background-color: #F8FAFB;
  padding-top: 50px;  
}

/* shape is lower on sdk page */
.body-container--sdk-page .shape {
  top: 200px;
}
@media (max-width: 1000px) { 
  .body-container--sdk-page .shape { top: 190px }
}
@media (max-width: 500px) { 
  .body-container--sdk-page .shape { top: 180px }
}

/* HOMEPAGE SPECIAL STYLES */

/* used on home page */
.textonleft {
  padding: 0 70px;
}
@media (max-width: 760px) {
  .textonleft {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
/* used on home page only */
.homepage .partnerLogo {
  width: 21%;
margin: 0 2% 2% 0;
float: left;
background-color: #fff;
border-radius: 10px;
border: 1px solid #f1f1f1;
}
.homepage .partnerLogo img {
  padding: 20px;
}

@media (max-width: 700px) {
  /* mobile reverse on home page */
  .homepage .main-page-area .row-number-10 > .row-fluid {
    display: flex;
    flex-direction: column-reverse;
}
}

/* HOW IT WORKS */
.body-container--howitworks-page .lv-title-area {
  background-color: #F8FAFB;
}
/* h1 bigger & 40px margin bottom */
.body-container--howitworks-page .lv-title-area h1 { 
  font-size: 50px; 
  margin: 40px 0;
}
.body-container--howitworks-page .lv-title-area p {
  margin-bottom: 80px;
}
@media (max-width: 1000px) {
  .body-container--howitworks-page .lv-title-area h1 { font-size: 40px; }
}
@media (max-width: 500px) {
  .body-container--howitworks-page .lv-title-area h1 { font-size: 30px; }
}
.body-container--howitworks-page .lv-content-area > .row-fluid-wrapper {
  background-color: #080B24;
  padding: 0; /* remove padding to achieve bg image */
}

.body-container--howitworks-page .lv-content-area .row-depth-1.row-number-1 .span6 {
  /* then add padding to each half block half styles  */
  padding: 100px 70px;  
  align-self: flex-start; /* and top-align */
}
.body-container--howitworks-page .lv-content-area .dnd_area_2-column-1-margin {
  /* give this bg image */
  background-image: url(https://f.hubspotusercontent40.net/hubfs/8808146/bg-lighticon.svg);
  background-position: top right;
  background-repeat: no-repeat;
  margin-bottom: 0 !important;
}
/* when > 760, add extra padding for bg image */
@media (min-width: 760px) {
  .body-container--howitworks-page .lv-content-area .dnd_area_2-column-1-margin {
    padding-bottom: 305px !important;
  }
}
@media (min-width: 850px) {
  .body-container--howitworks-page .lv-content-area .dnd_area_2-column-1-margin {
    padding-bottom: 350px !important;
  }
}
@media (min-width: 1000px) {
  .body-container--howitworks-page .lv-content-area .dnd_area_2-column-1-margin {
    padding-bottom: 260px !important;
  }
}
/* limit faq to 800px */
.body-container--howitworks-page .lv-content-area-2 .row-number-2 > .row-fluid {
  max-width: 800px; width: 100%; display: inline-block; text-align: left;
}
@media (max-width: 830px) {
  .body-container--howitworks-page .lv-content-area-2 .row-number-2 > .row-fluid {
    padding: 0 30px;
  }
}

.modal .shadow::after {
  content: '';
width: 100px;
height: 100px;
top: 0;
right: 0;
position: absolute;
background-image: url(https://f.hubspotusercontent40.net/hubfs/8808146/icon-close.svg);
background-position: center;
background-size: 20px;
background-repeat: no-repeat;

}

/* Playlist Page */
/* grey stripe area */
.lv-content-area-grey > .row-fluid-wrapper {
  background-color: #f1f1f1;
  overflow: hidden;
  padding-bottom: 0px !important;
}
.lv-content-area-grey img {
  width: 75%;
  margin: auto auto -10px;
}
.lv-content-area-grey {
  text-align: center;
}
.lv-content-area-grey .span12,
.body-container--playlists-page .lv-content-area-3 .span12 {
  width: 100%;
}
.body-container--playlists-page .lv-content-area-3 .span12 {
  text-align: center;
}
.lv-content-area-grey p {
  margin-bottom: 80px;
}

.body-container--playlists-page .lv-content-area .row-number-1 {
  padding-bottom: 100px;
}

/* RIGHTSHOLDERS */
.body-container--rightsholders-page .lv-content-area > .row-fluid-wrapper {
  padding-bottom: 0;
}
.lv-content-area-notgrey > .row-fluid-wrapper {
  padding-top: 50px;
}
.lv-content-area-blackstripe > .row-fluid-wrapper {
  background-color: #080B24;
  color: #fff;
  padding-bottom: 0;
  overflow: hidden;
}

.innercolumn {
  width: 33.33%;
float: left;
padding: 0 20px;
}
@media (max-width: 600px){
  .innercolumn: width: 100%;
}
.column-icon {
  width: 100px;
height: 100px;
border-radius: 100px;
background-color: rgba(255,255,255,0.3);
display: inline-block;
margin-bottom: 20px;
background-size: 46px;
background-position: center;
background-repeat: no-repeat;
}

/*PRICING*/
.body-container--pricing-page .lv-title-area .dnd-column {
  padding: 0;
}
.body-container--pricing-page .lv-content-area {
  margin-top: 100px;
}

.body-container--pricing-page .lv-content-area > .row-fluid-wrapper {
  background-color: #f8fafb;
}
.shape2 {
  position: relative;
top: -930px;
left: 0;
z-index: 1;
width: 100%;
  height: 0;
}
@media (max-width: 1000px) {
  .shape2 {
    top: -810px;
  }
}
@media (max-width: 1100px) {
  .columnearly {
    flex-direction: column;
  }
  .columnearly .column.third {
    width: 100%;
  }
}
/*ABOUT*/
.body-container--about-page .lv-title-area > .row-fluid-wrapper {
  background-image: url(https://f.hubspotusercontent40.net/hubfs/8808146/bg-lighticon.svg);
    background-position: center bottom;
    background-size: auto 110%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
  .body-container--about-page .lv-title-area .hs_cos_wrapper_type_rich_text p {
    font-size: 16px;
  }}
/*
@media (min-width: 700px) {
  li.firstbtn a {
    margin-right: 8px;
  }
}
*/
/* CONTACT */
.contactusformpg .lv-content-area .row-fluid-wrapper > .row-fluid {
  z-index: 1;
}

.contactusformpg .lv-content-area .row-depth-1.row-number-1 {
  padding: 50px;
border: 1px solid black;
border-radius: 15px;
background: #fff;
}
.contactusformpg input {
  background-color: #efefef;
}
.contactusformpg .input textarea {
  width: 100%;
height: 80px;
background: #efefef;
border: none;
}
.contactusformpg input.hs-button {
  margin-top: 20px;
width: 100%;
color: #fff !important;
background-color: #E81152;
}
.bg-darkblue {
  z-index: 1;
}
.contactusformpg .field {
  margin-top: 10px;
}

.error-page { text-align: center; }
.error-page #hs_cos_wrapper_button {
  padding-bottom: 18px !important;
}

/* LANDING PAGE */
.landing .blog-inner {
  max-width: 100%;
}
.landing .lv-title-area > .row-fluid-wrapper { padding-top: 0; }
.landing input, .landing textarea { background-color: #eee; width: 100%; }
.landing .hs-form-field { margin-bottom: 10px; }
.landing .lv-title-area h1 { font-weight: bold; }
.landing .row-number-4 .widget-span { width: 100%; max-width: 500px; }
.landing .blog-inner .hs-button {
color: #fff !important;
  font-family: adaptrBody;
  text-transform: uppercase;
  background-color: #E81152;
  padding: 14px 16px;
  border: none;
  text-decoration: none;
  border: 0;
  border-radius: 2px;
  padding: 18px 30px;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 12px !important;
}
.landing .blog-inner .hs-button:hover {
  background-color: #006eed;
}