/*
GLOBAL STYLES
*/
    html{
        overflow-x: hidden;
    }
    body{
        font-family: 'Open Sans', sans-serif;
        overflow-x: hidden;
    }
    .section{
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .cta,
    .cta:link,
    .cta:hover,
    .cta:active,
    .cta:visited{
        background-color: #30ddf0;
        color: #141c5e;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        text-decoration: none;
    }
    .cta:active {
        background-color: #30ddf0;
    }
    .ctasmall{
        color: white;
        display: inline-block;
        padding: 15px 15px;
        margin-top: -5px;
        margin-bottom: -5px;
        font-size: 20px;
    }
    .cta-link{
      padding: 15px !important;
      font-weight: bold;
    }
    a.anchor {
        display: block;
        position: relative;
        top: -50px;
        visibility: hidden;
    }
    .clearlink,
    .clearlink:link,
    .clearlink:hover,
    .clearlink:active,
    .clearlink:visited{
        color: #cbc1d1;
    }
    .label-default{
        background-color:#cbc1d1;
    }
    section h1{
      font-size: 4.5rem;
      font-weight: bold;
      margin-top: 45px;
      margin-bottom: 45px;
    }
    @media (max-width: 995px) {
        section h1{
          font-size: 3.5rem;
        }
    }


/*
NAVBAR STYLES
*/
    .navbar{
      background-color: #ffffff;
    }
    .navbar .title{
      color: #141c5e;
    }
    .navbar .image{
      height: 45px;
      margin-left: 7px;
    }
    @media (max-width: 995px) {
        .navbar .image{
          height: 35px;
          margin-top: 7px;
          margin-left: 7px;
        }
    }
    .navbarspace{
        margin-top: 70px;
    }
    .navbarlink > li > a{
        font-size: 16px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    @media (max-width: 995px) {
        .navbarlink > li > a{
            font-size: 12px;
        }
        .ctasmall{
            font-size: 16px;
        }
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 450px;
    }
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover{
        color:black;
    }
    .navbar-brand{
        padding:0;
    }
    .navbar a,
    .navbar a:link,
    .navbar a:hover,
    .navbar a:active,
    .navbar a:visited{
        text-decoration: none;
        border-bottom:none;
    }

    .navbar .navheadsection{
        font-weight: bold;
        font-size: 0.87em;
        display: block;
        padding: 3px 12px;
        color:#333;
    }

    @media (min-width: 768px) {
        .navbarlink > li > a{
            padding: 25px 10px;
        }
    }

    @media (max-width: 995px) {
        .navbarlink > li > a{
            padding: 25px 5px;
        }
    }

    @media (max-width: 767px) {
        .navbar-nav{
            margin: 0;
        }
        .navbar-collapse{
            padding: 0;
        }
        .navbarlink > li > a{
            padding: 25px 25px;
        }
        .navbar-nav .open .dropdown-menu{
            padding-left: 25px;
            padding-right: 25px;
        }
    }

    .navbar-toggle{
        margin: 10px;
        width: 45px;
        height: 45px;
    }

    .navbar-inverse .navbar-brand{
        margin: 10px;
    }


/*
INTRO STYLES
*/
    .intro{
        background-color:#141c5e;
        color: #cbc1d1;
        vertical-align: middle;
        padding-bottom: 15px;
    }
    .intro h1{
      color: #FFFFFF;
      letter-spacing: 0.2rem;
      line-height: 6rem;
      margin-top: 55px;
      margin-bottom: 65px;
    }
    .highlighted-pink {
        position: relative;
        display: inline-block;
        z-index: 0;
        color: black;
    }
    .highlighted-pink::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.3em; /* Ajusta la altura según lo necesites */
        background-color: #ff1c5e; /* Color de "marca textos" */
        z-index: -1;
        transform: rotate(-1deg); /* Añade un pequeño ángulo para simular la imperfección de un marcador */
    }
    .highlighted-lblue {
        position: relative;
        display: inline-block;
        z-index: 0;
        color: black;
    }
    .highlighted-lblue::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.3em; /* Ajusta la altura según lo necesites */
        background-color: #30ddf0; /* Color de "marca textos" */
        z-index: -1;
        transform: rotate(1deg); /* Añade un pequeño ángulo para simular la imperfección de un marcador */
    }
    .highlighted-orange {
        position: relative;
        display: inline-block;
        z-index: 0;
        color: black;
    }
    .highlighted-orange::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.3em; /* Ajusta la altura según lo necesites */
        background-color: #f48156; /* Color de "marca textos" */
        z-index: -1;
        transform: rotate(1deg); /* Añade un pequeño ángulo para simular la imperfección de un marcador */
    }
    .intro .text table{
        height:100%;
        width:100%;
    }
    .intro .text td{
        vertical-align: middle;
        padding: 20px 0;
    }
    .intro .row,
    .intro .container,
    .intro table,
    .intro tr,
    .intro td{
        vertical-align: middle;
        text-align:center;
    }
    .intro .sync {
        font-size: 16px;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: left;
    }
    .intro h1#sentence{
        text-align:left;
        font-size:3em;
        color: #FFFFFF;
    }
    .intro #swap,
    .intro #swap1{
        width:0;
        vertical-align:top;
    }
    .intro #swap>span{
        position:absolute;
        color:#30ddf0;
    }
    .intro #swap1>span {
        position: absolute;
        color: #30ddf0;
    }
    .intro #parallax-funnel-image{
      margin-top: 60px;
      position: relative;
    }
    .intro #layer1,
    .intro #layer2,
    .intro #layer3{
        top:-35px;
        left:-35px;
        position:absolute;
    }
    .intro #layer3{
        width: 70%;
        left: 35px;
    }
    @media (max-width: 995px) {
        .intro #parallax-funnel-image{
          display: none
        }
    }
    .navbar-inverse .navbar-toggle .icon-bar{
        background-color:#9d9d9d;
    }
    .intro .video-container {
    	position:relative;
    	padding-bottom:56.25%;
    	padding-top:30px;
    	height:0;
    	overflow:hidden;
    }
    .intro .video-container iframe,
    .intro .video-container object,
    .intro .video-container embed {
    	position:absolute;
    	top:0;
    	left:0;
    	width:100%;
    	height:100%;
    }

/*
HOWITWORKS SECTION
*/
    .howitworks{
        color: #cbc1d1;
        background-color:#55609f;
        overflow:hidden;
    }
    .howitworks h1{
        color: #30ddf0;
        text-align: center;
    }
    .howitworks h2{
      color: #ffffff;
      margin-top: 50px;
      margin-bottom: 30px;
      text-align: center;
      max-width: 500px;
    }
    .howitworksworld{
        max-width:300px;
        height:560px;
        margin:10px auto;
    }
    .howitworksworld .select_1,
    .howitworksworld .select_2,
    .howitworksworld .select_3,
    .howitworksworld .select_4{
        width:200px;
    }
    .howitworksworld .modalwindowcontext{
        padding:150px;
    }
    .howitworksworld .modalwindow{
        max-width:300px;
        height:200px;
        padding:20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background-color:white;
        margin:-150px;
    }
    .howitworksworld .configurationheadertext{
        width:100%;
        height:30px;
        background-color:#EAEAEA;
    }
    .howitworksworld .configurationinput{
        border:1px solid #EAEAEA;
        color:#666666;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding:5px;
        margin-top:10px;
        height:32px;
    }
    .howitworksanim1,
    .howitworksanim2,
    .howitworksanim3,
    .howitworksanim4,
    .howitworksanim5,
    .howitworksanim6{
        display:none;
    }
    .howitworksworld .productelement{
        background-color:#d9edf7;
        padding:10px;
        margin:5px;
        display:none;
    }
    .howitworksworld .productwrapper{
        width:25%;
        float:left;
        min-height:10px;
    }
    .howitworksworld .productimg{
        font-size: 33px;
        background-color: #31708f;
        color: #d9edf7;
        padding: 0px 10px;
        width:100%;
        border-radius:3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    .howitworksworld .productdata{
        float:left;
        padding-left:10px;
        width:75%;
    }
    .howitworksworld .productimg i{
        display:inline-block;
    }
    .howitworksworld .titlebox{
        width:100%;
        height:13px;
        overflow:hidden;
    }
    .howitworksworld .productelement2 .titlebox{
        width:90%;
    }
    .howitworksworld .productelement3 .titlebox{
        width:85%;
    }
    .howitworksworld .productelement4 .titlebox{
        width:95%;
    }
    .howitworksworld .titlebox div{
        width:100%;
        height:100%;
        background-color:#31708f;
    }
    .howitworksworld .descriptionline1{
        margin-top:10px;
        width:80%;
        height:5px;
        overflow:hidden;
    }
    .howitworksworld .productelement2 .descriptionline1{
        width:95%;
    }
    .howitworksworld .productelement3 .descriptionline1{
        width:35%;
    }
    .howitworksworld .productelement4 .descriptionline1{
        width:55%;
    }
    .howitworksworld .descriptionline1 div{
        width:100%;
        height:100%;
        background-color:#31708f;
    }
    .howitworksworld .descriptionline2{
        margin-top:10px;
        width:60%;
        height:5px;
        overflow:hidden;
    }
    .howitworksworld .productelement2 .descriptionline2{
        width:60%;
    }
    .howitworksworld .productelement3 .descriptionline2{
        width:90%;
    }
    .howitworksworld .productelement4 .descriptionline2{
        width:85%;
    }
    .howitworksworld .descriptionline2 div{
        width:100%;
        height:100%;
        background-color:#31708f;
    }
    .howitworksworld .desc1n2{
        width:85%;
        float:left;
        position:relative;
    }
    .howitworksworld .stocknprice{
        width:15%;
        float:left;
        text-align:right;
        font-size:11px;
    }
    .howitworksworld .stocknprice div{
        margin-top:3px;
    }
    .howitworksworld .label-default{
        background-color:#31708f;
        color:#d9edf7;
    }
    .howitworksworld .productelementsource2.productelement{
        background-color:#fcf8e3;
    }
    .howitworksworld .productelementsource2 .label-default{
        background-color:#8a6d3b;
        color:#fcf8e3;
    }
    .howitworksworld .productelementsource2 .descriptionline2 div{
        background-color:#8a6d3b;
    }
    .howitworksworld .productelementsource2 .descriptionline1 div{
        background-color:#8a6d3b;
    }
    .howitworksworld .productelementsource2 .titlebox div{
        background-color:#8a6d3b;
    }
    .howitworksworld .productelementsource2 .productimg{
        background-color:#8a6d3b;
        color:#fcf8e3;
    }

    .howitworksworld .productelementsource3.productelement{
        background-color:#dff0d8;
    }
    .howitworksworld .productelementsource3 .label-default{
        background-color:#3c763d;
        color:#dff0d8;
    }
    .howitworksworld .productelementsource3 .descriptionline2 div{
        background-color:#3c763d;
    }
    .howitworksworld .productelementsource3 .descriptionline1 div{
        background-color:#3c763d;
    }
    .howitworksworld .productelementsource3 .titlebox div{
        background-color:#3c763d;
    }
    .howitworksworld .productelementsource3 .productimg{
        background-color:#3c763d;
        color:#dff0d8;
    }

    .howitworksworld .productelementsource4.productelement{
        background-color:#f2dede;
    }
    .howitworksworld .productelementsource4 .label-default{
        background-color:#a94442;
        color:#f2dede;
    }
    .howitworksworld .productelementsource4 .descriptionline2 div{
        background-color:#a94442;
    }
    .howitworksworld .productelementsource4 .descriptionline1 div{
        background-color:#a94442;
    }
    .howitworksworld .productelementsource4 .titlebox div{
        background-color:#a94442;
    }
    .howitworksworld .productelementsource4 .productimg{
        background-color:#a94442;
        color:#f2dede;
    }

    .howitworksworld .productpubsubworld{
        position:relative;
    }
    .howitworksworld .remoteball{
        width:40px;
        height:40px;
        background-color:white;
        border-radius:20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        position:absolute;
    }
    .howitworksworld .remoteline{
        height:3px;
        width:100px;
        background-color:white;
        position:absolute;
        top:0;
        left:0;
    }
    .howitworksworld .remoteball1{
        background-color:#ed7d31;
        top: -3px;
        left: -22px;
    }
    .howitworksworld .remoteline1{
        background-color:#ed7d31;
        top: 52px;
        left: -8px;
        transform: rotate(39deg);
    }
    .howitworksworld .remoteball2{
        background-color:#70ad47;
        top: -20px;
        left: 177px;
    }
    .howitworksworld .remoteline2{
        background-color:#70ad47;
        top: 45px;
        left: 113px;
        transform: rotate(-52deg);
    }
    .howitworksworld .remoteball3{
        background-color:#ffc000;
        top: 185px;
        left: 240px;
    }
    .howitworksworld .remoteline3{
        background-color:#ffc000;
        top: 161px;
        left: 115px;
        width: 150px;
        transform: rotate(30deg);
    }
    .howitworksworld .remoteball4{
        background-color:#5b9bd5;
        top: 235px;
        left: 50px;
    }
    .howitworksworld .remoteline4{
        background-color:#5b9bd5;
        top: 195px;
        left: 15px;
        width: 150px;
        transform: rotate(-70deg);
    }
    .howitworksworld .productelementsync{
        background-color:white;
        display:block;
        position:absolute;
        top: 75px;
        left: -25px;
        width: 300px;
    }
    .howitworksworld .productelementsync .productimg,
    .howitworksworld .productelementsync .titlebox div,
    .howitworksworld .productelementsync .label-default,
    .howitworksworld .productelementsync .descriptionline2 div,
    .howitworksworld .productelementsync .descriptionline1 div{
        background-color:#cccccc;
        color:white;
    }
    .howitworksworld .ballexists{
        width:10px;
        height:10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        position:absolute;
    }
    .howitworksworld .ballexists1{
        background-color:#ed7d31;
        top: 23px;
        right: 42px;
    }
    .howitworksworld .ballexists2{
        background-color:#70ad47;
        top: 23px;
        right: 28px;
    }
    .howitworksworld .ballexists3{
        background-color:#ffc000;
        top: 23px;
        right: 14px;
    }
    .howitworksworld .ballexists4{
        background-color:#5b9bd5;
        top: 23px;
        right: 0px;
    }
    .remoteupdate{
        width:15px;
        height:15px;
        position:absolute;
        background-color:white;
        border-radius: 7.5px;
        -webkit-border-radius: 7.5px;
        -moz-border-radius: 7.5px;
    }
    .remoteupdateout{
        top:100px;
        left:111px;
    }
    .remoteupdate1{
        top: 9px;
        left: -9px;
        background-color:#ed7d31;
    }
    .remoteupdate2{
        top: -7px;
        left: 190px;
        background-color:#70ad47;
    }
    .remoteupdate3{
        top: 198px;
        left: 252px;
        background-color:#ffc000;
    }
    .remoteupdate4{
        top: 248px;
        left: 62px;
        background-color:#5b9bd5;
    }
    .sendUpdate{
        animation-name: sendUpdate;
        animation-duration: 1s;
        animation-timing-function: ease-in;
    }
    @keyframes sendUpdate{
        100% {
            top:100px;
            left:111px;
        }
    }
    .receiveUpdate1{
        animation-name: receiveUpdate1;
        animation-duration: 1s;
        animation-timing-function: ease-out;
    }
    @keyframes receiveUpdate1{
        0% {
            top:100px;
            left:111px;
        }
        100% {
            top: 9px;
            left: -9px;
        }
    }
    .receiveUpdate2{
        animation-name: receiveUpdate2;
        animation-duration: 1s;
        animation-timing-function: ease-out;
    }
    @keyframes receiveUpdate2{
        0% {
            top:100px;
            left:111px;
        }
        100% {
            top: -7px;
            left: 190px;
        }
    }
    .receiveUpdate3{
        animation-name: receiveUpdate3;
        animation-duration: 1s;
        animation-timing-function: ease-out;
    }
    @keyframes receiveUpdate3{
        0% {
            top:100px;
            left:111px;
        }
        100% {
            top: 198px;
            left: 252px;
        }
    }
    .receiveUpdate4{
        animation-name: receiveUpdate4;
        animation-duration: 1s;
        animation-timing-function: ease-out;
    }
    @keyframes receiveUpdate4{
        0% {
            top:100px;
            left:111px;
        }
        100% {
            top: 248px;
            left: 62px;
        }
    }
    .howitworksworld .consolidateinfoworld .col-xs-3{
        padding-left:7px;
        padding-right:7px;
    }
    .howitworksworld .smallproductwrapper{
        margin:22px 0;
    }
    .howitworksworld .smallproduct{
        background-color:#d9edf7;
        border:0;
        padding:3px;
        margin:0;
    }
    .howitworksworld .smallproduct .thumbnailwrapper{
        padding:0;
    }
    .howitworksworld .smallproduct .thumbnail{
        background-color:#31708f;
        border:0;
        margin:0;
        padding:2px 4px;
        font-size:11px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
    }
    .howitworksworld .smallproduct .productdata{
        width:66%;
        padding:0 2px;
    }
    .howitworksworld .smallproduct .line1wrapper,
    .howitworksworld .smallproduct .line2wrapper,
    .howitworksworld .smallproduct .line3wrapper,
    .howitworksworld .smallproduct .line4wrapper{
        margin:0 0 3px 0;
    }
    .howitworksworld .smallproduct .line1{
        height:4px;
        width:100%
    }
    .howitworksworld .smallproduct .line2{
        height:2px;
        width:50%;
    }
    .howitworksworld .smallproduct .line3{
        height:2px;
        width:80%;
    }
    .howitworksworld .noproductwrapper{
        border-style:dashed;
        border-width:1px;
    }
    .howitworksworld .prod0 .smallproduct{
        background-color:#d9edf7;
        color:#d9edf7;
    }
    .howitworksworld .prod1 .smallproduct{
        background-color:#dff0d8;
        color:#dff0d8;
    }
    .howitworksworld .prod2 .smallproduct{
        background-color:#fcf8e3;
        color:#fcf8e3;
    }
    .howitworksworld .prod3 .smallproduct{
        background-color:#f2dede;
        color:#f2dede;
    }
    .howitworksworld .prod0 .thumbnail,
    .howitworksworld .prod0 .line1,
    .howitworksworld .prod0 .line2,
    .howitworksworld .prod0 .line3{
        background-color:#31708f;
    }
    .howitworksworld .prod0.noproduct{
        border-color:#d9edf7;
    }
    .howitworksworld .prod0 .thumbnailwrapper{
        border-color:#31708f;
    }
    .howitworksworld .prod1 .thumbnail,
    .howitworksworld .prod1 .line1,
    .howitworksworld .prod1 .line2,
    .howitworksworld .prod1 .line3{
        background-color:#3c763d;
    }
    .howitworksworld .prod1.noproduct{
        border-color:#dff0d8;
    }
    .howitworksworld .prod1 .thumbnailwrapper{
        border-color:#3c763d;
    }
    .howitworksworld .prod2 .thumbnail,
    .howitworksworld .prod2 .line1,
    .howitworksworld .prod2 .line2,
    .howitworksworld .prod2 .line3{
        background-color:#8a6d3b;
    }
    .howitworksworld .prod2.noproduct{
        border-color:#fcf8e3;
    }
    .howitworksworld .prod2 .thumbnailwrapper{
        border-color:#8a6d3b;
    }
    .howitworksworld .prod3 .thumbnail,
    .howitworksworld .prod3 .line1,
    .howitworksworld .prod3 .line2,
    .howitworksworld .prod3 .line3{
        background-color:#a94442;
    }
    .howitworksworld .prod3.noproduct{
        border-color:#f2dede;
    }
    .howitworksworld .prod3 .thumbnailwrapper{
        border-color:#a94442;
    }
    .howitworksworld .nopicture .thumbnail{
        display:none;
    }
    .howitworksworld .yespicture .thumbnail{
        display:block;
    }
    .howitworksworld .nopicture .thumbnailwrapper{
        border-style:dashed;
        border-width:1px;
        height:17px;
    }
    .howitworksworld .yespicture .thumbnailwrapper{
        border:none;
    }
    .howitworksworld .noproduct .smallproduct{
        display:none;
    }
    .howitworksworld .noproduct{
        border-style:dashed;
        border-width:1px;
        height:25px;
    }
    .howitworksworld .noproduct{
        display:none;
    }
    .howitworksworld .yesproduct .smallproduct{
        display:block;
    }
    .howitworksworld .yesproduct{
        border:none;
    }
    .howitworksworld .select2-container{
        width:200px;
        display:block;
        margin:0 auto;
    }
    .howitworksnavigation{
        text-align: center;
        padding: 20px 0 45px 0;
    }
    .howitworksnavigation button{
        border: 2px solid #30ddf0;
        background-color: #ffffff;
        margin: 0 10px;
        color: black;
        border-radius: 50%;
        padding: 5px;
        width: 35px;
        height: 35px;
    }
    .howitworksnavigation button.active,
    .howitworksnavigation button:hover{
        border: 2px solid #ffffff;
        background-color: #30ddf0;
        color: white;
    }
    .howitworks .productsloaded{
        margin-top: 40px;
    }

/*
USE CASES SECTION
*/
    .examples{
        color: #141c5e;
        background-color:#ffffff;
    }
    .examples h1{
      text-align: center;
      color: #535989;
    }
    .examples .rollingusecases{
        text-align:left;
        vertical-align: middle;
    }
    .examples #swap3{
        font-size:20px;
        width:0;
        vertical-align:top;
    }
    .examples #swap3>span{
        position:absolute;
        color:#ff1c5e;
    }
    .examples image{
    }
    .examples .youcanusefor{
        margin-top: 50px;
        font-size:20px;
        text-align: left;
    }
    @media (min-width: 992px) {
        .examples #swap3{
            font-size:50px;
        }
    }
    @media (min-width: 1200px) {
        .examples #swap3{
            font-size:50px;
        }
    }
    .examples .card-usecase{
        -webkit-box-shadow: -1px 11px 69px -20px rgba(0,0,0,0.37);
        -moz-box-shadow: -1px 11px 69px -20px rgba(0,0,0,0.37);
        box-shadow: -1px 11px 69px -20px rgba(0,0,0,0.37);
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        border: 1px solid #ffffff;
        background: #e9eaee;
        width: 200px;
        height: 150px;
        text-align: center;
        padding: 35px;
        margin-bottom: 35px;
        margin-left: auto;
        margin-right: auto;
    }
    .card-usecase .material-symbols-outlined{
        display: block;
        padding-bottom: 8px;
        font-size: 45px;
        margin-top: -8px;
    }
    @media (max-width: 425px) {
        .examples .card-usecase{
            max-width: 100%;
            font-size: 13px;
            padding-left: 5px;
            padding-right: 5px;
        }
        .card-usecase .material-symbols-outlined{
            display: block;
            padding-bottom: 8px;
            font-size: 25px;
            margin-top: -8px;
        }
    }


/*
INTEGRATIONS SECTION
*/
    .integrations{
        color: #000000;
        background-color:#f48156;
        padding-bottom: 80px;
        position: relative;
        overflow: hidden;
    }
    .integrations h1{
        color: #000000;
        text-align: center;
    }
    .integrations h2{
        color: #000000;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
    }
    .integrations .nonsupported-item,
    .integrations .nonsupported-item:link,
    .integrations .nonsupported-item:hover,
    .integrations .nonsupported-item:active,
    .integrations .nonsupported-item:visited{
        display:block;
        width:180px;
        height:180px;
        padding:10px;
        margin: 5px;
        position: relative;
        float: left;
    }
    .integrations .supported-item,
    .integrations .supported-item:link,
    .integrations .supported-item:hover,
    .integrations .supported-item:active,
    .integrations .supported-item:visited{
        display:block;
        width:200px;
        height:200px;
        padding:20px;
        margin: 10px;
        position: relative;
        float: left;
    }
    .integrations .gridsupported,
    .integrations .gridnosupported{
        margin:0 auto;
    }
    .integrations .gridsupported:after,
    .integrations .gridnosupported:after{
        content: '';
        display: block;
        clear: both;
    }
    .integrations .integrationbubble{
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border:5px solid #30ddf0;
        background-color:#ffffff;
        height:100%;
        overflow:hidden;
        text-align:center;
    }
    .integrations .integrationscontrolsfilter{
        margin:40px;
        text-align:center;
    }
    .integrations .integrationlogo{
        width:130px;
        height:130px;
        margin-top:10px;
    }
    .integrations .voteintegrationlogo{
        width:100px;
        height:100px;
    }

/*
PRICING
*/
    .pricing{
        background-color:#30ddf0;
        padding-bottom:20px;
        text-align: center;
        color: #141c5e;
        font-weight: bold;
    }
    .pricing .description{
      text-align: left;
    }
    .pricing .descriptionswap{
      text-align: left;
      margin-top: 50px;
    }
    .pricing .panel{
        background-color: #ffffff;
        color: #141c5e;
    }
    .pricing .calculator{
        padding-top: 0px;
        text-align: left;
        color: #000000;
    }
    .pricing .totaltext{
      color: #ff1c5e;
    }
    .pricing .calculate{
        text-decoration: none;
        color:#ffffff;
        font-weight: bold;
        background-color: #ff1c5e;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        padding: 5px 14px;
        border:none;
        margin-left: 15px;
    }
    .pricing .calculate:active{
        background-color: #141d3a;
    }
    .pricing #swap2{
        width:0;
        vertical-align:top;
        margin-top: 100px
        margin-bottom:40px;
    }
    .pricing #swap2>span {
        font-size:20px;
        position: absolute;
        color: #ffffff;
    }
    .pricing p#sentence {
        text-align:center;
        color: #55609f;
    }
    .pricing .adoption{
        text-align:left;
        color: #141c5e;
        margin-top: 10px;
    }
    .pricing .adoptionpopup{
        text-align:center;
        color: #ffffff;
        margin-top: -10px;
        margin-right: 20px;
    }
    @media (max-width: 995px) {
        .pricing .image{
          display: none
        }
    }
    .pricing .pricingplans{
        margin-top:20px;
    }
    .pricing .pricingbox{
        background-color:#ffffff;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        overflow:hidden;
        color:#000000;
        margin-top:10px;
        margin-bottom:10px;
    }
    .pricing .pricingplan{
        background-color:#ff1c5e;
        color:#ffffff;
        padding:10px;
    }
    .pricing .pricingcost{
        height:80px;
        margin-top: 10px;
    }
    .pricing .pricingvalue{
        font-size:33px;
    }
    .pricing .planfeatures{
        font-size:12px;
        text-align:center;
    }
    .pricing .planfeatures ul{
        list-style: none;
        margin:25px 0;
        padding:0;
    }
    .pricing .planfeatures li{
        padding:0;
        margin:10px 0;
    }



/*
RESELLER
*/
    .reseller{
        color: #535989;
        background-color:#ffffff;
    }
    .reseller a{
      color: #ff1c5e;
    }
    .reseller h1{
      color: #ff1c5e;
    }
    .reseller .image{
      margin-top: 60px;
    }





/*
ABOUT
*/
    .about{
        color: #535989;
        background-color:#ffffff;
        padding-top:20px;
    }
    .about h1{
      color: #535989;
    }





    /*
    TERMS AND CONDITIONS
    */
    .termsnconditions,
    .dataprivacy{
        color: #535989;
        background-color:#ffffff;
        padding-top:20px;
    }
    .termsnconditions h1,
    .dataprivacy h1{
      color: #535989;
    }


/*
PLATFORM
*/


#nav.alt{
    top:50px !important;
}
#nav a,
#nav a:link,
#nav a:hover,
#nav a:active,
#nav a:visited{
    text-decoration:none;
}
#nav ul li .special{
    background-color:#7ec3ee !important;
}


.fb-customerchat iframe{
    left:9pt !important;
}
.fb_dialog_advanced,
.fb_dialog_advanced iframe,
.fb_customer_chat_bubble_animated_no_badge{
    left:25px !important;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content{
    background-color: #ffdb78 !important;
}
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper{
    text-align: center !important;
}
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button{
    width: auto !important;
}