@charset "UTF-8";
body {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400
}

main{
    padding-top: 130px; 
}

#website-logo{
    width: 165px;
    height: auto;
    display: block;
}

.btn {
    border-radius: 4px;
    padding: 4px 18px 5px;
    font-size: 20px;
    color: #ffffff!important;
    border:0!important;
}

.btn:hover {
    color: #ffffff!important;
    border: 0;
}

.btn-big {
    padding: 10px 45px 12px!important;
}
.btn-mid{
    padding: 10px 30px!important;
    line-height: 1.5!important;
    height: auto!important;
    font-size: 18px!important;
}

.btn-rounded{
    border-radius: 28px;
    padding: 10px 40px 12px;
}

.btn-font-15 {
    font-size: 15px
}

.btn-white {
    background-color: #fff!important;
    color: #1D242C!important;
    font-weight: 500!important;
    border-radius: 6px!importan;
}

.btn-white:hover {
    background-color: #e9e9e9!important;
    color: #1D242C!important;
    border-radius: 6px;
}

.btn-white-border {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff!important;
    border-radius: 3px
}

.btn-white-border:hover {
    background-color: #fff!important;
    color: #6abf4b;
    border: 1px solid #fff!important;
    border-radius: 3px
}

.btn-green-border {
    background-color: transparent;
    color: #6abf4b!important;
    border: 1px solid #6abf4b!important;
    border-radius: 3px
}

.btn-green-border:hover {
    background-color: #6abf4b;
    color: #ffffff!important;
    border: 1px solid #6abf4b!important;
    border-radius: 3px
}

.btn-gray-border {
    background-color: transparent;
    color: #646464;
    border: 1px solid #646464;
    border-radius: 3px
}

.btn-gray-border:hover {
    background-color: #646464;
    color: #fff
}

.fadeInLeft {
    opacity: 0;
    animation: fadeInLeft .4s ease-in both
}

.fadeInRight {
    opacity: 0;
    animation: fadeInRight .4s ease-in both
}

.fadeInTop {
    opacity: 0;
    animation: fadeInTop 1s ease-in both
}

.fadeInBottom {
    opacity: 0;
    animation: fadeInLeft .4s ease-in both
}

.fadeDelay-5 {
    animation-delay: .5s
}

.fadeDelay1 {
    animation-delay: 1s
}

.fadeDelay2 {
    animation-delay: 2s
}

.fadeDelay3 {
    animation-delay: 3s
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-30%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(30%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translate3d(0, 20%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translate3d(0, -10%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none
}

.bg-white {
    background-color: #fff
}

.bg-gray {
    background-color: #f2f2f2
}

.green-bg {
    background-color: #6cc04a!important
}

.dark-green-bg {
    background-color: #00945e!important
}

.orange-bg {
    background-color: #ed7624!important
}

.blue-bg {
    background-color: #446ca9!important
}

.dark-blue-bg {
    background-color: #006072!important
}

.darker-blue-bg {
    background-color: #003844!important
}

.purple-bg {
    background-color: #7e4082!important
}

.gray-bg {
    background-color: #f6f6f6!important
}

.light-gray-bg {
    background-color: #f6f6f6!important
}

.darker-gray-bg {
    background-color: #1e252b!important
}

.yellow-bg {
    background-color: #ffc710!important
}

.white-bg {
    background-color: #fff!important
}

.padding,
.row .padding,
.section-new .padding {
    padding-top: 20px;
    padding-bottom: 20px
}

.display-none {
    display: none
}

.display-block {
    display: block
}

.desktopT {
    display: block
}

.tablet {
    display: none
}

.mobile {
    display: none
}

.desktop {
    display: flex
}

.desktop-block {
    display: block
}

.mobShow {
    display: none
}

.hideme {
    opacity: 0
}

.grayscale {
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.grayscale:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.font-light {
    font-weight: 300
}

.text-center {
    text-align: center
}

.aligncenter {
    margin: 0 auto
}

.container img,
.section img {
    max-width: 100%;
    height: auto;
    display: block
}

.scrolled {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3)
}

.btn.btn-outline {
    background-color: transparent;
    border: 1px solid #fff
}

.btn.btn-small {
    height: 25px;
    font-size: 11px;
    line-height: 20px;
    font-size: .6875rem;
    line-height: 1.25rem;
    padding: 0 10px
}

.btn.btn-big,
.btn.btn-lg,
.btn.lg {
    height: 60px;
    font-size: 24px;
    line-height: 36px;
    font-size: 1.3rem;
    line-height: 2.25rem;
    padding: 10px 60px
}

.btn.btn-green {
    background-color: #6cc04a
}

.btn.btn-green:hover {
    background-color: #83C966
}

.btn.btn-bluegreen {
    background-color: #006072
}

.btn.btn-bluegreen:hover {
    background-color: #02505E
}

.btn.btn-darkgray {
    background-color: #646464
}

.btn.btn-darkgray:hover {
    background-color: #414141
}

.btn.btn-dark-green {
    background-color: #00945e
}

.btn.btn-dark-green:hover {
    background-color: #007047
}

.btn.btn-orange {
    background-color: #ed7624
}

.btn.btn-orange:hover {
    background-color: #db6412
}

.btn.btn-blue {
    background-color: #446ca9
}

.btn.btn-blue:hover {
    background-color: #3a5c90
}

.btn.btn-dark-blue {
    background-color: #006072
}

.btn.btn-dark-blue:hover {
    background-color: #00424e
}

.btn.btn-darker-blue {
    background-color: #003844
}

.btn.btn-darker-blue:hover {
    background-color: #001b20
}

.btn.btn-purple {
    background-color: #7e4082
}

.btn.btn-purple:hover {
    background-color: #67346a
}

.btn.btn-yellow {
    background-color: #ffc710
}

.btn.btn-yellow:hover {
    background-color: #ebb400
}

.btn.btn-border {
    border: 1px solid #1c252c;
    color: #1c252c
}

.btn.btn-border.btn-border-white {
    border-color: #fff;
    color: #fff
}

.btn.btn-border.btn-border-white:hover {
    background-color: #ffffff;
    color: #646464 !important;
}

.btn.btn-center {
    text-align: center;
    display: inline-block
}

.btn.btn-block {
    display: block
}

.btn-border-green {
    border-color: #6cc04a;
    color: #6cc04a
}

.btn-border-green:hover {
    border-color: #6cc04a;
    color: #ffffff;
    background-color: #6cc04a
}

img.responsive {
    max-width: 100%;
    height: auto
}

img.image-round {
    border-radius: 50%;
    display: block;
    max-width: 65%
}

img.image-center {
    display: block;
    margin: 0 auto
}

.no-padding-top {
    padding-top: 0!important
}

.centerV {
    min-height: 100%;
    display: flex;
    align-items: center
}

.centerV img {
    margin: 0 auto 20px
}

.desktop {
    display: flex
}

.mobile {
    display: none
}

.addtoany_shortcode {
    margin-bottom: 15px
}

.center {
    text-align: center
}

.fixed {
    position: fixed
}

.brandBox {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2)
}

.brandBoxLight {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2)
}

.brandBoxLighter {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.brandBox .header {
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 140px
}

.brandBox .header h1 {
    color: #f5f5f5;
    padding-top: 40px;
    margin-bottom: 0
}

.brandBox .body {
    padding: 60px 20px 30px;
    min-height: 300px;
    max-height: 350px
}

.brandBox .body h1,
.brandBox .body p {
    color: #646464
}

@media (min-width:768px) {
    img.image-round {
        max-width: 100%
    }
}


.site-navbar .site-top-icons ul li {
  display: inline-block;
}

.resourceRelatedBox {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 9, 38, .25);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 9, 38, .25);
    box-shadow: 0 0 3px 0 rgba(0, 9, 38, .25);
    border-radius: 3px
}

.resourceRelatedBox img {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.resourceRelatedBox p {
    margin-bottom: 0
}

.breadcrumb li {
    display: inline-block;
    list-style: none
}

.breadcrumb>li+li:before {
    content: '#f5f5f5';
    padding: 0 5px;
    color: #ccc
}

.stepNumber {
    background: #6abf4b;
    padding: 5px 25px;
    display: inline-block;
    margin-bottom: 10px
}

.stepNumber h3 {
    font-weight: 300;
    margin-bottom: 0
}

.modal-content {
    width: inherit;
    max-width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all
}

.spl-video:hover {
    cursor: pointer
}

#spl-video .modal-body,
.spl-video .modal-body {
    padding-top: 56.25%;
    position: relative
}

#modal-player {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#splClose {
    position: absolute;
    top: -6%;
    right: 1px;
    z-index: 999999999;
    background: #6cc04a;
    color: #fff;
    padding: 2px 6px 4px 6px;
    border-radius: 50%;
    font-size: 17px;
    opacity: 1
}

#splRequestClose {
    position: absolute;
    top: -8%;
    right: 1px;
    z-index: 999999999;
    background: #6cc04a;
    color: #fff;
    padding: 2px 7px 9px 8px;
    border-radius: 50%;
    font-size: 17px;
    opacity: 1;
    line-height: .5
}

#sectionDetailsResponsive {
    display: none
}

.subscribeBtn {
    background-image: url(https://sproutloud.com/wp-content/uploads/2018/12/Asset-63.png);
    background-size: cover;
    width: 85px;
    height: 85px;
    background-color: transparent;
    border: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 20;
    border-radius: 50%;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3)
}

.subscribeBtn:hover {
    cursor: pointer
}

.subscribeBtn:focus {
    outline: 0
}

.floatNewsMsj {
    background-image: url(https://sproutloud.com/wp-content/uploads/2019/02/Blurb.png);
    background-size: cover;
    width: 133px;
    height: 82px;
    background-color: transparent;
    border: 0;
    position: fixed;
    bottom: 110px;
    right: 10px;
    z-index: 20
}

.newsClose {
    position: fixed;
    width: 22px;
    height: 22px;
    bottom: 172px;
    right: 13px;
    border-radius: 50%
}

.newsClose:hover {
    cursor: pointer
}

.linkHoverable, .linkHoverable-blue {
	margin: 0 auto;
	padding: 0;
	transition: all 0.2s ease-in-out;
	position: relative;
	cursor: pointer;
}

.linkHoverable:before, .linkHoverable:after {
	content: "";
	position: absolute;
	bottom: -5px;
	width: 0px;
	height: 3px;
	margin: 3px 0 0;
	transition: all 0.1s ease-in-out;
	transition-duration: 0.25s;
	opacity: 0;
	background-color: #6ABF4B;
}

.linkHoverable-blue:before, .linkHoverable-blue:after {
	content: "";
	position: absolute;
	bottom: -5px;
	width: 0px;
	height: 2px;
	margin: 3px 0 0;
	transition: all 0.1s ease-in-out;
	transition-duration: 0.25s;
	opacity: 0;
	background-color: #0057D9;
}


.linkHoverable:before, .linkHoverable:after, .linkHoverable-blue:before, .linkHoverable-blue:after{
	left: 0;
}

.linkUnderline:hover .linkHoverable:before, .linkUnderline:hover .linkHoverable:after, .linkUnderline:hover .linkHoverable-blue:before, .linkUnderline:hover .linkHoverable-blue:after {
	width: 100%;
	opacity: 1;
}

@media (max-width:1200px) {
    .tablet {
        display: block
    }
    .desktopT {
        display: none
    }
}

@media (max-width:767px) {
    .ty-img {
        max-width: 80% !important;
    }
}

@media (max-width:500px) {
    .spl-video {
        margin-top: 25px
    }
    #sectionDetailsResponsive {
        display: block
    }
    .mobile {
        display: block
    }
    .desktop {
        display: none
    }
    .desktop-block {
        display: none
    }
    .mobShow {
        display: block!important
    }
    .deskHide {
        display: none!important
    }
    .floatNewsMsj {
        bottom: 65px
    }
    .newsClose {
        bottom: 127px
    }
}

@media (max-width:300px) {
    .content-mobile ul.signUp li a{
        font-size: 8px!important;
    }
    .btn.btn-big{
        padding: 0px 10px 0px !important;
        height: auto;
        font-size: 1rem;
    }
}

@media (min-width:300px) and (max-width:579px) {
    #sectionDetailsResponsive {
        display: block
    }
    .brandBox .body {
        padding: 50px 35px 30px
    }
    .brandBox .body h2 {
        font-size: 1.8rem
    }
    .subscribeBtn {
        width: 45px;
        height: 45px
    }
    .btn.btn-big{
        padding: 7px 40px 7px !important;
        height: auto;
        font-size: 1rem;
    }
}

@media (min-width:579px) and (max-width:768px) {
    .mobShow {
        display: block!important
    }
    .deskHide {
        display: none!important
    }
    #sectionDetailsResponsive {
        display: block
    }
    #sectionDetails {
        display: none
    }
}

@media (max-width:500px) {
    .marginBottomMovil {
        margin-bottom: 10px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .marginBottomMovil {
        margin-bottom: 10px
    }
}

@media (min-width:768px) and (max-width:992px) {
    #sectionDetailsResponsive {
        display: block
    }
    #sectionDetails {
        display: none
    }
}

.background-video {
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: 1;
    display: none
}

@media (min-width:768px) {
    .background-video {
        display: block
    }
}

.banner.banner-video {
    overflow: hidden;
    background-position: center center;
    position: relative
}

@media (min-width:768px) {
    .banner.banner-video {
        height: 300px;
        min-height: 300px
    }
}

@media (min-width:768px) {
    .banner.banner-video.banner-video-image {
        background-color: transparent
    }
}

.banner.banner-video.banner-video-image:after {
    display: block!important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, .7)
}

.banner.banner-video:after,
.banner.banner-video:before {
    display: none
}

@media (min-width:1024px) {
    .banner.banner-video {
        padding: 80px 0;
        margin-top: 108px
    }
}

.banner.banner-video .banner-content-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.banner.banner-video .wrap {
    position: relative;
    z-index: 9
}

.banner.banner-video .banner-logo {
    max-width: 260px;
    height: auto;
    display: block;
    margin: 0 auto 35px
}

@media (min-width:1024px) {
    .banner.banner-video h1 {
        font-size: 55px;
        line-height: 59px;
        font-size: 3.4375rem;
        line-height: 3.6875rem
    }
}

@media (min-width:1024px) {
    .banner.banner-video h2 {
        font-size: 32px;
        line-height: 34px;
        font-size: 2rem;
        line-height: 2.125rem
    }
}

.banner.banner-video .goDown {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: auto;
    display: block;
    -webkit-animation: MoveUpDown 1s linear infinite;
    animation: MoveUpDown 1s linear infinite
}

.banner.banner-video .goDown.static {
    position: relative
}

.banner.banner-video .goDown img {
    max-width: 100%;
    height: auto
}

@media only screen and (max-width:500px) {
    .page-template-default table tr td {
        display: block;
        width: 100%
    }
}

.btn-gray {
    color: #302b2b!important;
    padding: .375rem .75rem;
    font-weight: 700;
    text-decoration: none
}

.btn-gray:hover {
    color: #302b2b!important;
    text-decoration: none
}

.employee-stats {
    position: relative;
    margin-bottom: 0;
    margin-top: 20px
}

@media (min-width:768px) {
    .employee-stats {
        margin-top: 40px
    }
}

@media (min-width:60px) {
    .employee-stats {
        margin-top: 65px
    }
}

.employee-stats .col {
    padding: 0;
    position: relative
}

.employee-stats .col:after {
    content: "";
    display: block;
    padding-top: 20%
}

.employee-stats .content {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.employee-stats p {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem
}

.employee-stats p span {
    display: block;
    font-weight: 900;
    letter-spacing: normal;
    font-size: 30px;
    line-height: 30px;
    font-size: 1.875rem;
    line-height: 1.875rem
}

@media (min-width:1024px) {
    .employee-stats p span {
        font-size: 75px;
        line-height: 75px;
        font-size: 4.6875rem;
        line-height: 4.6875rem
    }
}

@media (min-width:1330px) {
    .employee-stats p span {
        font-size: 112px;
        line-height: 112px;
        font-size: 7rem;
        line-height: 7rem
    }
}

.employee-stats p sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    top: -.5em
}

.employee-stat {
    text-align: center;
    color: #fff;
    margin-top: 20%;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 130%
}

.employee-stat .lg-number {
    font-size: 6rem;
    line-height: 6rem;
    font-weight: 700;
    margin-bottom: 10px
}

.page-id-4043 #section-4 {
    padding: 30px 0 0
}

.promoterBox {
    width: 1000px;
    background-image: url(https://sproutloud.com/wp-content/uploads/2019/02/Drive-Revenue-with-an-Insight-Driven-Marketing-Strategy-Home-Button-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    bottom: 0;
    height: 70px;
    left: 50%;
    margin-left: -500px;
    cursor: pointer
}

@media (min-width:300px) and (max-width:500px) {
    .brandMainTitle {
        font-size: 1.8rem
    }
}

@media (min-width:300px) and (max-width:992px) {
    .promoterBox {
        display: none
    }
}

@media (min-width:300px) and (max-width:500px) {
    #banner_local {
        height: auto;
        padding-top: 30px;
        margin-bottom: 50px
    }
    #banner_local h1 {
        font-size: 1.5rem
    }
    #banner_local p {
        font-size: 1rem
    }
    #banner_local img {
        margin-bottom: 30px
    }
}

@media (min-width:500px) and (max-width:990px) {
    #banner_local {
        height: auto;
        padding-top: 130px;
        margin-bottom: 50px
    }
    #banner_local h1 {
        font-size: 1.6rem
    }
    #banner_local p {
        font-size: 1rem
    }
}

@media (min-width:300px) and (max-width:767px) {
    .desktop {
        display: none
    }
    .desktop-block {
        display: none
    }
    .mobile {
        display: block
    }
    main{
        padding-top: 140px!important;
    }
}

#ThankYouBanner {
    padding: 20px 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

#ThankYouBanner h1 {
    font-size: 3.5rem
}

#ThankYouBanner p {
    font-weight: 400;
    font-size: 1.1rem
}

#ThankYouBanner h1 {
    font-size: 3.2rem
}

.thank-you-divisor {
    border-top: 1px solid #1D242C;
    height: 2px;
}

@media (min-width:991px) and (max-width:1024px) {
    #ThankYouBanner {
        padding: 15% 0 50px;
    }
}

@media (min-width:300px) and (max-width:500px) {
    #ThankYouBanner {
        padding: 5% 0 5%;
        background-image: none
    }
    #ThankYouBanner h1 {
        font-size: 2.2rem
    }
    #promoteContent h1 {
        font-size: 1.8rem
    }
}

@media (max-width:767px) {
    #subscribeModal #splClose {
        top: 1%;
        right: 6px
    }
    .challengeBox {
        height: 75px
    }
    .challengeBox i {
        top: 10px;
        position: relative
    }
    .collapse.show {
        height: 400px;
        overflow-y: scroll
    }
}

.divider-insurance {
    width: 2px;
    height: 380px;
    background-color: #fff;
    opacity: .5;
    margin: 20px auto
}

form.form {
    color: #666;
    font-size: 13px;
    margin: .5em 0 1em 0;
    padding: .5em
}

* html form.form {
    padding-top: .1em
}

form.form span.error {
    clear: left;
    display: block;
    font-weight: 700;
    margin-top: 2px;
    padding-left: 166px
}

form.form span.value {
    display: block;
    margin-left: 153px
}

form.form .value span {
    display: block
}

form.form .no-label .description,
form.form .no-label .value {
    margin-left: 0
}

form.form span.unsubscribe-value {
    display: block
}

form.form sup {
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    text-decoration: underline
}

form.form label.required,
form.form p.required,
form.form span.required {
    font-weight: 700
}

form.form p.required label,
form.form span.required label {
    color:#e14d43!important;
    font-size: 12px!important;
}

form.form p span {
    font-weight: 400
}

form.form p span.description {
    clear: both;
    display: block;
    margin-left: 153px
}

form.form p.email-pref span.description {
    display: block;
    margin-left: 5px;
    font-size: .9em
}

form.form p {
    clear: left;
    line-height: 1.4em;
    margin: 3px 5px;
    padding: 3px 2px
}

* html form.form p {
    margin-top: 0
}

form.form ol,
form.form ul {
    line-height: 1.5em;
    margin-bottom: 1em
}

form.form li {
    line-height: 1.5em
}

form.form .hidden,
form.form p.hidden {
    position: absolute;
    width: 190px;
    left: -999px
}

form.form p label.inline {
    background: 0;
    display: inline;
    float: none;
    font-weight: 400;
    line-height: 2em;
    margin-right: 10px;
    padding: 0;
    text-align: left;
    vertical-align: baseline
}

form.form p label {
    display: block;
    float: left;
    margin: 0;
    padding: 3px 13px 0 0;
    text-align: right
}

* html form.form p label {
    margin-right: -.2em
}

form.form p.email-pref,
form.form p.no-label {
    margin: .2em .5em .6em 160px;
    padding: 0
}

form.form p.submit {
    margin: 1em .5em .2em 160px;
    padding: 0
}

form.form p.inline {
    margin: 0 0 5px 160px;
    padding: 0 0 3px
}

form.form p.full-width {
    clear: none;
    margin: 0;
    padding: 0
}

form.form p span.inline a,
form.form p.full-width a {
    display: inline;
    line-height: 16px;
    margin: 0;
    padding: 0
}

form.form p.submit input {
    margin: 0 10px 0 0;
    padding: 2px 12px
}

form.form select {
    font-weight: 400
}

form.form select option {
    margin: 0;
    padding: 0 .3em
}

form.form textarea.standard {
    height: 70px;
    overflow: auto;
    padding: 2px;
    width: 200px;
    float: none
}

form.form input {
    font-weight: 400;
    padding: 2px
}

* html form.form input {
    padding-right: 0
}

form.form input.text {
    width: 200px
}

form.form div.error {
    padding: 0 0 .5em 170px;
    color: #8b0000
}

form.form div.message {
    color: green
}

form.form input.date {
    background: url(/images/calendar.png) no-repeat left;
    padding-left: 20px
}

form.form {
    padding: 0 10px!important;
    margin-top: 0!important;
    background: 0 0;
    margin: .5em 0 1em 0
}

input[type=email],
input[type=tel],
input[type=text],
input[type=url] {
    height: 35px!important;
    padding: 0 18px;
    font-size: 16px;
    line-height: 45px;
    font-size: 1rem;
    line-height: 2.875rem;
    background-color: #ededed;
    width: 100%;
    border: 0;
    border-radius: 4px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400;
    font-style: normal
}

form.form p label {
    font-size: 16px!important;
    line-height: 27px!important;
    font-size: 1rem;
    line-height: 1.6875rem;
    color: #646464!important;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400;
    font-style: normal;
    padding: 0 13px 0 0!important
}

form.form input.text {
    width: 100%!important
}

form.form textarea {
    background-color: #ededed;
    height: 90px!important;
    width: 100%!important;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #464646;
    border: 0;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400;
    font-style: normal
}

form.form p.no-label {
    margin-left: 3px!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important
}

form.form p {
    margin: 0 5px;
    padding: 0 2px;
    clear: left;
    line-height: 1.4em
}

.submit input[type=submit] {
    font-family: 'Roboto', sans-serif!important;
    background-color: #6abf4b!important;
    color: #fff!important;
    border: 1px solid #fff!important;
    border-radius: 3px!important;
    border-radius: 4px!important;
    padding: 5px 20px!important;
    color: #fff!important;
    font-size: 16px!important
}

.submit input[type=submit]:hover {
    font-family: 'Roboto', sans-serif!important;
    background-color: #5cab3b!important;
    color: #fff!important;
    border: 1px solid #fff!important;
    border-radius: 3px!important;
    border-radius: 4px!important;
    padding: 5px 20px!important;
    cursor: pointer;
    font-size: 16px!important
}

.g-recaptcha {
    padding-left: 7px!important;
    padding-top: 5px!important;
    margin-bottom: 5px!important
}

form.form p.submit input,
form.form p.submit input:hover {
    padding: 8px 20px 9px!important
}

.profile-link {
    display: none
}

.ui-notifications-header {
    letter-spacing: 0
}

.section-info-header,
.ui-notifications-header {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 10px
}

.section-info-header.blue {
    background: #61a6d4
}

.section-info-header.orange {
    background: #dc905d
}

.ui-notifications-header {
    background: #938adf
}

@media (max-width:767px) {
    #formHandler {
        height: 630px!important
    }
    #formHandlerRequest {
        height: 660px!important
    }
    #formHandlerStem {
        height: 530px!important
    }
    #formHandlerDemo {
        height: 550px!important
    }
    #LPboxed{
        padding: 30% 0px!important;
    }
    .splashlanding {
        padding-top: 120px!important
    }
    form.form p {
        padding-top: 0!important
    }
    .container-fluid.awards,
    .container-fluid.leadership,
    .container-fluid.tactics,
    .container.contactUs,
    .container.demoPage,
    .container.leaderChild,
    .container.pricingPage,
    .systemStatus {
        padding-top: 30px!important
    }
}

.author-header .avatar {
    border-radius: 50%;
    width: 60%;
    margin: 0 auto
}

.author-header {
    border-bottom: 0.5px solid rgba(100, 100, 100, 0.7);
    padding-bottom: 35px;
    margin-bottom: 30px
}

#cn-accept-cookie,
.cn-more-info {
    font-size: 14px!important
}

#cookie-notice {
    background-color: rgba(21, 27, 18, 0.8)!important
}

#cookie-notice .cn-button {
    margin-top: 10px;
    padding: 5px 40px 8px
}

.cookie-notice-container {
    padding: 15px 8%!important;
    font-size: 16px;
    line-height: 24px
}

#cn-notice-text {
    display: block
}

@media (max-width:767px) {
    #cookie-notice .cn-button {
        padding: 5px 25px 8px;
        font-size: 18px!important
    }
    .cookie-notice-container {
        padding: 25px 8%!important
    }
    #cn-notice-text {
        text-align: justify
    }
}


@media (min-width:768px) and (max-width:1500px) {
    .moove-gdpr-cookie-notice {
        width: 60%;
    }
    .moove-gdpr-button-holder{
        width: 40%
    }
}



.content-mobile {
    display: none;
    width: 100%;
    background-color: #fff;
    z-index: 999
}

.content-mobile .dropdown {
    position: unset
}

.content-mobile a {
    text-decoration: none;
    color: #646464;
    opacity: 1;
    font-size: 1em;
    font-weight: 400;
    transition: .2s;
    padding: 0
}

.content-mobile ul {
    padding: 0;
    list-style-type: none;
    margin: 0
}

.content-mobile nav {
    background-color: #fff;
    height: 65px;
    position: fixed;
    top: 40px;
    width: 100%
}

.content-mobile #menuToggle {
    display: block;
    flex-direction: column;
    position: relative;
    top: 25px;
    left: 0;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    height: 40px
}

.content-mobile #menuToggle input {
    display: block;
    width: 25px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    left: 20px
}

.content-mobile #menuToggle span {
    display: block;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #646464;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0;
    transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
    left: 20px
}

.content-mobile #menuToggle span:first-child {
    transform-origin: 0 0
}

.content-mobile #menuToggle span:nth-last-child(3) {
    transform-origin: 0 100%
}

.content-mobile #menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #646464
}

.content-mobile #menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0) scale(.2, .2)
}

.content-mobile #menuToggle input:checked~span:nth-last-child(4) {
    transform: rotate(-45deg) translate(-5px, 0)
}

.content-mobile #menu {
    position: relative;
    margin: 0;
    padding: 0 25px;
    margin-top: 0;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1);
    opacity: 0;
    top: 0px;
    border-bottom: 10px solid #6abf4b;
    height: 500px
}

.content-mobile #menu li {
    padding: 10px 0;
    transition-delay: 2s;
    width: 100%;
    border-bottom: .5px solid rgba(100, 100, 100, .5)
}

.content-mobile #menu li a:after {
    content: "";
    position: absolute;
    right: 50px
}

.content-mobile #menu li>a:only-child:after {
    content: ""
}

.content-mobile #menu li ul li>a:after {
    content: ""!important
}

.content-mobile #menu li ul li>a:only-child:after {
    content: ""
}

.content-mobile #menu li:last-child {
    border-bottom: 0
}

.content-mobile #menu li ul {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 10px 25px;
    margin-top: 0;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1);
    border-bottom: 10px solid #6abf4b;
    top: 0px;
    z-index: 9999;
    left: 0;
    height: 168%
}

.content-mobile #menu li ul li {
    width: 100%
}

.content-mobile #menu li input:checked~ul {
    transform: none;
    position: absolute;
    height: 168%
}

.content-mobile #menuToggle input:checked~ul {
    transform: none;
    opacity: 1;
    position: relative
}

.content-mobile #wrapper-appbar-mobile {
    background: #f0f0f0;
    height: 45px;
    z-index: 1031;
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed
}

.content-mobile ul.signUp {
    margin: 0 auto
}

.content-mobile ul.signUp li {
    list-style: none;
    display: inline-block;
    padding: 7px 3px;
    margin-bottom: 0
}

.content-mobile .text-green {
    font-size: 24px;
    color: #6abf4b;
    font-weight: 400
}

.content-mobile .btn {
    border-radius: 3px;
    padding: 3px 8px 5px;
    font-size: 20px;
    color: #fff
}

.content-mobile .btn:hover {
    color: #fff
}

.content-mobile .btn-gray-border {
    background-color: transparent;
    color: #646464;
    border: 1px solid #646464;
    border-radius: 3px
}

.content-mobile .btn-gray-border:hover {
    background-color: #646464;
    color: #fff
}

.content-mobile .btn.btn-green {
    background-color: #6cc04a
}

.content-mobile .btn.btn-green:hover {
    background-color: #5cab3b
}

.content-mobile .btn.btn-darkgray {
    background-color: #646464
}

.content-mobile .btn.btn-darkgray:hover {
    background-color: #414141
}

.content-mobile ul.signUp li a {
    font-size: 10px
}

.content-mobile h3.text-green {
    margin-top: 0;
    margin-bottom: 5px
}

.content-mobile h3.text-green:hover {
    cursor: pointer
}

@media (max-width:769px) {
    .admin-bar .content-mobile nav {
        top: 85px
    }
    .content-mobile {
        display: block
    }
    #wrapper-appbar {
        display: none
    }
    #wrapper-navbar {
        display: none
    }
    .menu-search-form-mob {
        display: block;
        position: relative;
        left: 85%;
        bottom: 25px
    }
    #searchMobile {
        transition: all .2s ease
    }
    #searchMobile.active {
        opacity: 1!important;
        width: 300px!important;
        right: 10px!important;
        left: -285px!important;
        top: 40px!important;
        visibility: visible!important;
        z-index: 10000!important
    }
}

@media (max-width:992px) {
    
    .content-mobile {
        display: block
    }
    #wrapper-appbar {
        display: none
    }
    #wrapper-navbar {
        display: none
    }
}


@media (max-width:1200px) {
    ul.signUp{
        padding-right: 0;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .3rem;
        padding-left: .3rem
    }
    ul.signUp li{
        padding: 15px 2px;
    }
    
    .content-mobile {
        display: block
    }
}

.cities {
    padding: 0 4px 0 0
}

.cities:last-child {
    padding: 0!important
}
.spl-arrow{
    display: inline-block;
}
.spl-arrow::before{
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url('https://storage.googleapis.com/cdnmwp.sproutloud.com/homepage-images/Arrow%20Icon.webp');
    background-position-y: -150%;
    background-size: 17.5px;
    background-repeat: no-repeat;
}
.spl-arrow-blue::before{
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url('https://sproutloud.com/wp-content/uploads/2021/01/arrow-blue.png');
    background-position-y: -500%;
    background-size: 17.5px;
    background-repeat: no-repeat;
}
.spl-arrow-white::before{
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    background: url('https://sproutloud.com/wp-content/uploads/2023/09/white-arrow-2023.webp');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    bottom: 2px;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a{
    font-weight: 400!important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
    font-weight: 400!important;  
    border-radius: 4px!important; 
}
.moove-gdpr-infobar-reject-btn{
    background-color: transparent!important;
    border:1px solid #ffffff!important;
}
.moove-gdpr-infobar-reject-btn:hover{
    background-color: #ffffff!important;
    border:1px solid #ffffff!important;
    color: #6cc04a!important
}

.btn:focus{
   -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 159, 34, .25);
   box-shadow: 0 0 0 0.2rem rgba(24, 159, 34, 0.25);
}

i {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



#menu-footer-clean-menu{
    list-style-type: none;
    padding: 0;
}
#menu-footer-clean-menu li{
    display: inline-block;
}
#menu-footer-clean-menu li a{
    color: #ffffff;
    padding: 0 5px;
}

#menu-footer-clean-menu li + li::before {
    content: " | ";
    color: #ffffff;
}

.page-template-page-boxed-landing #mainMenu, .page-template-page-thankyou-landing #mainMenu{
    top: 0!important;
}

@media (max-width: 769px){
    .page-template-page-boxed-landing .content-mobile {
        height: 0;
    }
    .page-template-page-boxed-landing .content-mobile nav{
        top: 0;
    }
    .page-template-page-boxed-landing .page-template-page-boxed-landing .content-mobile #menuToggle input:checked~span:nth-last-child(4) {
        opacity: 0;
        transform: rotate(0) scale(.2, .2)
    }

    .page-template-page-boxed-landing .content-mobile #menuToggle input:checked~span:nth-last-child(5) {
        transform: rotate(-45deg) translate(-5px, 0)
    }
    #pagination{
        width: 90%!important;
    }
    #pagination .mixitup-control:nth-of-type(2){
        padding-right: 15px!important;
    }
}

.bouncElement {
  margin-top: 50px;
  animation: bounce 0.5s infinite alternate;
  -webkit-animation: bounce 0.5s infinite alternate;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}


.menu1920{
        display: none;
}
@media (min-width:1920px) {
    .splash-title h1{
        font-size: 75px;
    }
    #section-splash .splash-title p{
        font-size: 1.5rem;
    }
    .banner_splash{
        background-size: 100%!important;
    }
    ul.dropdown-menu a.nav-link{
        font-size:14px!important;
    }

    .menu1366{
        display: none;
    }
    .menu1920{
        display: block;
    }
    .container-splash {
        max-width: 1440px!important; 
    }
}


@media (max-width: 980px) and (min-width: 1080px){
    .banner_splash {
        padding-top: 15%;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
  @supports (-ms-ime-align: auto) {
    .splash-image {
      width: 90%;
    }
  }
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #clientsSection{
        position: relative!important;
    }
    #section-splash{
        height: auto!important;
    }

    #wrapper-appbar {
        display: none
    }
    #wrapper-navbar {
        display: none
    }
    ul.signUp li{
        padding: 4px 3px!important;
    }

}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}


@media (min-width:992px) and (max-width:1366px) {
    .splash-description{    
        margin-bottom: 0!important;
    }
}



.hidden-xs-up {
    display: none !important
}

@media (max-width:575px) {
    .hidden-xs-down {
        display: none !important
    }

}

@media (min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }

}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none !important
    }

}

@media (min-width:768px) {
    .hidden-md-up {
        display: none !important
    }

}

@media (max-width:991px) {
    .hidden-md-down {
        display: none !important
    }

}

@media (min-width:992px) {
    .hidden-lg-up {
        display: none !important
    }

}

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none !important
    }

}

@media (min-width:1200px) {
    .hidden-xl-up {
        display: none !important
    }

}

.hidden-xl-down {
    display: none !important
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }

}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }

}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }

}

@media print {
    .hidden-print {
        display: none !important
    }

}