/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


   
/* --- Marketplace Module Customizations --- */
  .scrolling-content-banner img {max-height:60px; width:auto!important;filter: grayscale(1); opacity:0.5}

  .shadowInsetTop {box-shadow: inset 0px 10px 15px -3px rgba(0,0,0,0.1);}
  .shadowInsetBottom {box-shadow: inset 0px -10px 15px -10px rgba(0,0,0,0.1);}

  h1 {font-weight:200;}
  .modeLight h1, .modeLight h2 strong{
    background: -webkit-linear-gradient(0deg,#7146f2 0%,#0088cc 50%,#00c4ce 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

  .modeDark .ctaGradientAnimated .cta_button, .modeDark .ctaGradientAnimated .cta_button:hover{
    background: linear-gradient(-45deg, #f1edfe, #e6f3fa, #e6f9fa, #e6f3fa)!important;
  color:#0088cc!important}
  
 .modeDark .ctaGradientAnimated .cta_button:hover::before {
    background: linear-gradient(120deg,#f1edfe 0%,#e6f3fa 50%,#e6f9fa 100%)!important;
     
  }
  .modeDark .ctaGradientAnimated .cta_button:hover::before {
    background: linear-gradient(120deg, #f1edfe80 0%, #e6f3fa80 50%, #e6f9fa80 100%)!important;
  }
 
  .ctaGradientAnimated .cta_button:hover::before {
    content: "";
    position: absolute;
    inset: -3px; /* control the spread */
    transform: translate(10px, 8px); /* control the offsets */
    z-index: -1;
    background: linear-gradient(120deg,#7146f2 0%,#0088cc 50%,#00c4ce 100%);
    filter: blur(15px); /* control the blur */
  }
 .ctaGradientAnimated .cta_button:hover {
    position: relative;
    transform-style: preserve-3d;
  }
.ctaGradientAnimated .cta_button:hover::before {
    content: "";
    position: absolute;
    inset: -1px;
    transform: translate3d(0px, 4px, -1px);
    background: linear-gradient(120deg, #7146f280 0%, #0088cc80 50%, #00c4ce80 100%);
    filter: blur(15px);}



  .ctaLarge.ctaGradientAnimated .cta_button{
       padding:24px 28px 24px 32px!important; 
        font-size: 16px!important;
  }
  .ctaLarge .cta_button{
    margin:20px auto!important;
  }
  .cta_button {margin: 10px auto!important}
  .ctaGradientAnimated .cta_button{
    display:inline-block;
    min-width:150px;
    height: auto;
    font-size: 14px!important;
    text-transform:uppercase;
    font-family:Montserrat;
    font-weight:800;
    padding:14px 10px 14px 14px!important;
    text-align: center;
    line-height: 100%;
  	letter-spacing:2px;
    color: rgba(255,255,255,0.9);
    background: linear-gradient(-45deg, #00c4ce, #0088cc, #7146f2, #0088cc);
    background-size: 600%;
    animation: anime 16s linear infinite;}


  @keyframes anime {
    0%{background-position: 0% 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0% 50%;}
  }



  /*.presenterContainer {
    padding: 20px 0;
    width:100%}
  .presenterContainer .presenterContent{display:none!important}*/

  @media (min-width: 992px){
    .presenterColumn{width:20%; padding:0}
    .presenterColumn img{height:auto; width:100%}
    
  @media (max-width: 991px){
    .presenterColumn{width:100%; text-align:center}
    }