/* bootstrap spinner */
@-webkit-keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
  }

  .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
  }

  @-webkit-keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
  }

  .spinner-grow-sm {
    width: 1rem;
    height: 1rem;
  }

  @media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
    }
  }

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
         url('/fonts/Poppins/Poppins-Regular.woff') format('woff');

     font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Light.ttf');
}

html,
body{
    position: relative;
    height: 100%;
    min-height: 768px;
}
h1, h2, h3, h4, h5, p, span{
    color: #000;
}
h3{
    font-size: 38px;
}
p, span, li {
    font-family: 'Roboto';
}
h1, h2, h3, h4, h5 {
    font-width: bold;
}
.clear{
    clear: both;
}
.fz52 {
    font-size: 52px !important;
}
.bb{
    border-bottom: 2px solid #000;
}
.desktop{
  display: block;
}
.mobile{
    display: none;
}
.mobile-exp{
    display: none;
}
.fi,
.fib {
    background-position:50%;
    background-repeat:no-repeat;
    background-size:contain
}
.fi {
    display:inline-block;
    line-height:1em;
    position:relative;
    width:1.33333333em
}
.fi:before {
    content:"\00a0"
}
.fi.fis {
    width:1em
}
.fi-en{
    background-image: url("/img/gb.svg");
}
.fi-gb{
    background-image: url("/img/gb.svg");
}
.fi-fr {
    background-image: url("/img/fr.svg");
}
.fi-es {
    background-image: url("/img/es.svg");
}
.fi-de {
    background-image: url("/img/de.svg");
}
.fi-it {
    background-image: url("/img/it.svg");
}
.fi-nl {
    background-image: url("/img/nl.svg");
}
.fi-pl {
    background-image: url("/img/pl.svg");
}
#lang-list{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    padding: 0;
}
.dropdown-menu{
    min-width: 100%;
}
.dropdown-item{
    padding: 2px 10px;
    font-size: 13px;
}
#lang-list.header{
    background: transparent !important;
}
#dropdownMenuButton{
    padding: 2px 7px 2px 0;
    background-color: transparent;
}
#dropdownMenuButton .lang{
    font-size: 13px;
}
#modalNewsletterHorizontal .modal-content {
    border-radius: 0rem;
}
#modalNewsletterHorizontal .modal-body {
    padding: 2rem;
    text-align: justify;
}
#modalNewsletterHorizontal button {
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    width: auto;
    padding: 12px;
    min-width: 150px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 16px;
    border-radius: 0;
}
#modalNewsletterHorizontal .modal-dialog {
    max-width: 600px;
}
#modalNewsletterHorizontal .text-info {
    color: #5aba8c !important;
    text-decoration: underline;
}
#modalNewsletterHorizontal button.btn-close {
    background: transparent;
    color: #000;
    min-width: auto;
    border: none;
    cursor: pointer;
}
/*-------------------*/
/* Disclaimer cookie */
/*-------------------*/
.disclaimer-cookie {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	padding: 12px 0;
	color: #fff;
	font-size: 16px;
    font-family: 'Roboto';
	line-height: 1.3;
	font-weight: 400;
	background-color: rgba(0, 0, 0, 0.8);
}
.disclaimer-cookie a {
    color: #5aba8c !important;
    text-decoration: underline;
}
.disclaimer-cookie .btn-green {
	background-color: #5aba8c;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    width: auto;
    padding: 12px;
    min-width: 150px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 16px;
    border-radius: 0;
}
.disclaimer-cookie .btn-green:hover,
.disclaimer-cookie .btn-green:focus {
	background-color: #5aba8c;
}
.disclaimer-cookie .link-more {
    display: inline-block;
}
@media screen and (max-width: 480px) {
	.disclaimer-cookie .link-more {
		display: block;
		margin-top: 5px;
	}
	.disclaimer-cookie div[class*="col-xs"] {
		width: 100%;
	}
	.disclaimer-cookie .btn {
		margin-top: -25px;
	}
}
#sp-header{
    height: auto;
    background-color: #bde3d1;
    z-index: 0;
}
#sp-header-container{
    padding: 135px 50px 40px 50px;
    background-color: #bde3d1;

    height: 100%;
    position: relative;
}
#sp-header .navbar-brand{
    position: absolute;
    top: 20px;
}
.about a, .about a:hover {
    color: #5ABA8C;
}

.about .page-about {
    color: #000;
}

.shoppingpremium #sp-header-logo {
    background-image: none;
}

.shoppingpremium #sp-header-container {
    padding: 0px 50px 0 50px;
}

.shoppingpremium #sp-header-content {
    width: 70%;
    margin: 0 0 0 12rem;
    background-image: url("/img/shoppingpremium.svg");
    background-size: 65%;
    background-repeat: no-repeat;
    padding: 225px 50px 0px 90px;
    background-position: 2rem 6rem;
    min-height: 600px;
}

.shoppingpremium #sp-header-content h2 {
    font-size: 35px !important;
}

#sp-header-logo {
    height: 100%;
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("/img/Logo_Shopping-Push_sansTWS.svg");
    background-repeat: no-repeat;
    background-size: 75% auto;
    background-position: left top;
}
#sp-header-logo #nav-lang{
    left: 0;
    z-index: 100;
}
#sp-header-logo .header{
    background: transparent;
}
#menu-login {
    position: absolute;
    right: 140px;
    top:-4px;
}
.navbar-menu {
    position: absolute;
    top: 0px;
    right: 0;
    width: 12%;
    height: 100%;
    background: transparent;
}
#sp-header-content{
    z-index: 99;
    width: 70%;
}
ul#sp-header-icons {
    float: left;
    width: 100%;
}
ul#sp-header-icons li{
    width: 135px;
    float: left;
    margin-right: 15px;
    height: 40px;
}
ul#sp-header-icons li.icons{
    background-size: auto 99%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
}
ul#sp-header-icons li.link-start, ul#sp-header-icons li.link-contact{
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    width: auto;
    padding: 0 10px;
    min-width: 150px;
}
ul#sp-header-icons li.link-start a, ul#sp-header-icons li.link-contact a{
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
}
ul#sp-header-icons li#microsoft-advertising{
    background-image: url("/img/microsoft-advertising.png");
}
ul#sp-header-icons li#google-shopping{
    background-image: url("/img/google-shopping.png");
}
ul#sp-header-icons li#petal-search{
    background-image: url("/img/petal-search.png");
}
#sp-header-content .sp-icons span {
    font-size: 14px;
    line-height: 1.2;
    display: inline-block;
}

#sp-shopping-ads{
    padding: 50px 75px;
}
#sp-shopping-ads h4{
    text-transform: uppercase;
}
#sp-shopping-ads span{
    font-weight: lighter;
}
#shopping-ads-content {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin-top: 50px;
}
#ads-animation {
    width: 100%;
    height: 380px;
    margin: 0 auto;
}
#ads-animation-store,
.ads-animation-flech,
#ads-animation-sp,
#ads-animation-search,
#ads-animation-bottom {
    opacity: 0;
}
#ads-animation-store {
    width: 25%;
    height: 200px;
    float: left;
    background-repeat: no-repeat;
    background-size: 145% auto;
    background-image: url("/img/bg-ads-animation-store.svg");
    background-position: center;
}
.ads-animation-store-fr {
    background-size: 135% auto;
    background-image: url("/img/bg-ads-animation-store-fr.png") !important;
}
.ads-animation-store-es {
    background-size: 135% auto;
    background-image: url("/img/bg-ads-animation-store-es.png") !important;
}
.ads-animation-flech {
    width: 10%;
    height: 200px;
    float: left;
    background-repeat: no-repeat;
    background-size: 200% auto;
    background-image: url("/img/bg-ads-animation-flech.svg");
    background-position: center;
}
#ads-animation-sp {
    width: 30%;
    height: 200px;
    float: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("/img/Logo_SP_V_sansTWS.svg");
    background-position: center;
}
#ads-animation-sp.ads-animation-sp-fr {
    background-size: auto 100%;
}
#ads-animation-sp.ads-animation-sp-es {
    background-size: auto 100%;
}
#ads-animation-search {
    width: 24%;
    height: 200px;
    float: left;
    background-repeat: no-repeat;
    background-size: 92% auto;
    background-image: url("/img/laptop2_lastversion.png");
    background-position: center;
}
h.ads-animation-search-fr {
    background-size: 92% auto;
    background-image: url("/img/laptop2_lastversion.png") !important;
}
.ads-animation-search-es {
    background-size: 92% auto;
    background-image: url("/img/laptop2_lastversion.png") !important;
}
#ads-animation-bottom {
    width: 100%;
    height:100px;
    float: left;
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-image: url("/img/bg-ads-animation-bottom.svg");
    background-position: center;
}
#sp-avantages-container {
    padding: 10px 0px;
}
#sp-advantages .carousel-item .carousel-image {
    height: 600px;
    transition:  all 2s ease;
    opacity: 0;
}
#sp-advantages .carousel-item.animate .carousel-image {
    opacity: 1;
}
#sp-advantages .carousel-item .media {
    transition:  all .35s ease;
    opacity: 0;
    transform: translate3d(0, -100px, 0);
}
#sp-advantages .carousel-item.animate .media {
    opacity: 1;
    transform: none;
}
#sp-advantages .carousel-control-prev, #sp-advantages .carousel-control-next {
    width: 2%;
}
#sp-advantages .media img {
    width: 40px;
    height: 40px;
}
ul#sp-advantages-icons li{
    width: 33%;
    float: left;
    padding: 10px 0 20px 50px;
    min-height: 228px;
}
ul#sp-advantages-icons li.icon{
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("/img/bg-advantages.svg");
    background-position: -165px -90px;
}

#sp-steps{
    background-color: #000;
}
#sp-steps-container{
    padding: 50px 0;
}
#sp-steps h2,
#sp-steps h4,
#sp-steps p,
#sp-steps hr
{
    color: #fff;
}
#sp-steps h4 {
    text-transform: uppercase;
}
#sp-steps-icons {
    height: 70px;
}
#sp-steps-icons div {
    width: 14%;
    float: left;
}
#sp-steps-icons div#sp-steps-1 {
    width: 17%;
}
#sp-steps-icons div.hr {
    padding: 20px 0;
    width: 10%;
}
#sp-steps-icons div.hr hr{
    border: 2px solid #fff;
}
#sp-steps-icons div#sp-steps-4{

}
#sp-steps-infos{

}
#sp-steps-infos li{
    width: 25%;
    float: left;
}
#sp-steps-infos li#infos1{
    width: 18%;
}
#sp-steps-infos li#infos2{
    width: 30%;
    margin-left: 32px;
}
#sp-steps-infos li#infos3{
    width: 27%;
    padding: 0 2.5%;
}
#sp-steps-infos li#infos4 {
    width: 13%;
    margin-left: 9%;
}
#sp-steps-infos-contrainer{
    margin-top: -15px;
}
#sp-machine-learnin-container{
    background-repeat: no-repeat;
    background-size: 520px;
    background-image: url("/img/bg-machine-learning.svg");
    background-position: right 330px;
    padding: 25px 0;
}
#sp-machine-learning-infos{
    width: 50%;
}
#sp-machine-learning-infos li {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 300px;
    background-image: url("/img/bg-machine-learning-infos.svg");
    background-position: -146px -68px;
    padding: 25px 40px 25px;
    cursor: pointer;
}
#sp-machine-learning-infos li ul li{
    background: none;
    padding: 0;
    list-style: inside;
}
#sp-machine-learning-infos li p.question{
    font-weight: bold;
}
#sp-machine-learning-infos li p.description,
#sp-machine-learning-infos li div
{
    font-size: 14px;
    margin-top: 10px;
    color: #000;
    font-family: 'Roboto';
    line-height: 24px;
}
#sp-our-awards{
    background-color: #000;
    padding: 45px 0 10px;
}
#sp-our-awards h3{
    text-transform: uppercase;
    color: #fff;
}
#sp-our-awards-infos{
    margin: 20px 0 50px;
    display: inline-flex;
}
#sp-our-awards-infos li{
    float: left;
    margin-right: 25px;
}
#sp-twenga-number{
    padding: 50px 0 25px;
    /*background-color: #bde3d1;*/
    background-color: #000;
}
#sp-twenga-number-infos {
    margin: 20px 0;
    height: 80px;
}
#sp-twenga-number-infos li {
    width: 20%;
    float: left;
    text-align: center;
}
#sp-twenga-number p,
#sp-twenga-number span,
#sp-twenga-number h5,
#sp-twenga-number h3 {
    color: #fff;
}
#sp-twenga-blog .container{
    padding-top: 30px;
    padding-bottom: 75px;
}
#sp-twenga-blog .slick-slide > div {
    height: 100%;
}
#sp-twenga-blog .slick-slide > div > a {
    height: 100%;
}
#sp-twenga-blog .slick .card {
    height: 100%;
}
#sp-twenga-blog .slick .card img {
    height: 150px;
    object-fit: cover;
}
#sp-twenga-blog .carousel {
    min-height: auto;
}
#sp-twenga-blog hr {
    border-color: currentColor;
    border-width: 0 0 1px 0;
    border-style: dashed;
    color: #404040;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#sp-twenga-blog #sp-twenga-blog-testimonial {
    background-color: #bde3d1;
}
#sp-twenga-blog #sp-twenga-blog-testimonial .carousel-item {
    padding: 0px 150px;
}
#sp-twenga-blog #sp-twenga-blog-testimonial .witness {
    font-size: 24px;
}
#sp-twenga-blog #sp-twenga-blog-testimonial img {
    width: 150px;
}
#sp-twenga-blog .link-start
{
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    width: auto;
    padding: 12px;
    min-width: 150px;
    display: inline-block;
    text-transform: uppercase;
}

.page-shoppingpremium .hTt1 {
    font-weight: 700;
}

.page-shoppingpremium .link-start
{
    background-color: #5aba8c;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    width: auto;
    padding: 12px;
    min-width: 150px;
    display: inline-block;
    text-transform: uppercase;
}

.page-shoppingpremium #campaigns {
    background-color: #FFFFFF;
}

.page-shoppingpremium #sp-twenga-blog #sp-twenga-blog-testimonial {
    background-color: #FFFFFF;
}

#sp-ready-popin {
    position: fixed;
    z-index: 1;
    top: 50%;
    right: 0;
    width: auto;
    height: auto;
    margin-right: 5%;
    transform: translateY(-50%);
}
#sp-ready-popin .promotion-icon {
    background-color: transparent;
    display: none;
    background-image: url("/img/promo.svg");
    width: 75px;
    height: 75px;
    background-size: 150% auto;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
#sp-ready-popin .promotion-content {
    width: 300px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 7px 6px 1px rgba(0,0,0,.16);
    padding: 5px 0;
}
#sp-ready-popin .close,
#sp-ready-popin .btn-close-promotion {
    position: absolute;
    background: #687882;
    border: 1px solid #fff;
    top: -20px;
    right: -18px;
    border-radius: 50%;
    padding: 4px 11px 6px 11px;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer;
}
#sp-ready-popin .close span,
#sp-ready-popin .btn-close-promotion span {
    color: #ffffff;
}
#sp-ready-popin .content {
    margin: 10px 0px;
}
#sp-ready-popin .offer-link {
    color: #5aba8c;
    text-decoration: underline;
    float: right;
    padding-top: 15px;
}
#sp-ready-popin .offer-link:hover {
    color: #346d51;
}
#sp-ready{
    background-color: white;
}
#sp-ready p,
#sp-ready li,
#sp-ready a{
    color: #000;
}
#sp-ready h2 {
    color: #5aba8c;
}
#sp-ready-ecommerce{
    margin-top: 30px;
    text-decoration: underline;
}
#sp-ready-container{
    padding: 75px 0 40px 0;
}
ul#sp-ready-partners{
    height: 200px;
}
ul#sp-ready-partners li{
    width: 33%;
    height: 200px;
    float: left;
}
ul#sp-ready-partners li#shopware{
    background-image: url("/img/bg-shopware.svg");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}
ul#sp-ready-partners li#prestashop{
    background-image: url("/img/bg-prestashop_2.svg");
    background-position-x: center;
    background-repeat: no-repeat;
}
ul#sp-ready-partners li#shopify{
    background-image: url("/img/shopify.png");
    background-position-x: center;
    background-position-y: 70px;
    background-repeat: no-repeat;
    background-size: 230px;
 }

ul#sp-ready-partners-coming{
    height: 70px;
    width: 800px;
    margin: 0 auto;
}
ul#sp-ready-partners-coming li{
    width: 33.3%;
    float: left;
    height: 70px;
}
ul#sp-ready-partners-coming li#coming-soon{

}
ul#sp-ready-partners-coming li#coming-soon h4{
    color: #fff;
    line-height: 90px;
    text-transform: uppercase;
    font-size: 25px;
}
ul#sp-ready-partners-coming li#light-speed{
    background-image: url("/img/bg-light-speed.svg");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 350px;
}
ul#sp-ready-partners-coming li#big-commerce{
    background-image: url("/img/bg-big-commerce.svg");
    background-position-x: -105px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 350px;
}
ul#sp-ready-partners-coming li#ecwid{
    background-image: url("/img/bg-ecwid.svg");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 350px;
}
.sp-ready-partners-link{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#sp-contact{
    padding: 50px 0 25px;
}
#sp-contact select{
    color: #7c7c7c;
}
#sp-footer{
    margin: 25px auto;
}
#sp-footer #footer-subject{
    float: left;
    padding-top: 80px;
    width: 300px;
    height: auto;
    background-image: url("/img/logo-twenga.svg");
    background-position-x: -65px;
    background-position-y: -50px;
    background-repeat: no-repeat;
    background-size: 300px;
}
#sp-footer-infos{
    width: auto;
    position: absolute;
    right: 0;
    bottom: 100px;
    top: 20px;
}
#sp-footer-infos li{
    float: left;
    width: auto;
    text-align: left;
    margin-right: 20px;
}
#sp-footer-infos li:last-child{
    margin-right: 0;
}
#sp-footer-infos li#about{
    text-align: center;
}
#sp-footer-infos li a{
    color: #000;
    font-weight: bold;
    font-size: 14px;
}
#sp-footer-2022{
    position: absolute;
    right: 0;
    top: 50px;
    font-size: 14px;
}
#sp-footer-container{
    width: 100%;
}
#sp-footer-infos-bloc{
    position: relative;
}
.page-who hr {
    margin: 75px 0 45px;
}
.history .bordure {
    margin-left: 10px;
    padding: 6px 0 25px 55px;
    border-left: 2px solid #e9e9e9;
}
.page-who h2 {
    font-weight: 300;
    font-size: 44px;
    margin: 15px 0;
}

.page-who h3 {
    margin: 15px 0;
    font-size: 38px;
}

.page-who h4 {
    font-size: 38px;
    margin: 15px 0;
}
.page-who .date {
    font-weight: 700;
    line-height: 42px;
    font-size: 14px;
}
.page-who .picto {
    position: absolute;
    left: 10px;
    top: -7px;
    width: 31px;
    height: 41px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background: url(/img/sprite3.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
}
.page-who .rouage {
    background-position: -61px -61px;
}
.page-who .euro {
    background-position: -61px -10px;
}
.page-who .world {
    background-position: -10px -10px;
}
.page-who .cup {
    background-position: -112px -10px;
}
.page-who .egg {
    background-position: -10px -61px;
}

.privacy-policy a, .privacy-policy a:hover {
    color: #5ABA8C;
}

.static-header {
    color: #000000;
}
.list_item:last-child .index .index-divider {
    border-width: 0;
}
.list_item .index {
    text-align: center;
    color: #ffffff;
}
.list_item .index .index-text {
    display: inline-flex;
    border: 1px solid;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    font-size: 26px;
    font-weight: bold;
}
.list_item .index .index-divider {
    position: absolute;
    top: 27px;
    left: calc(50% + 52px);
    width: calc(100% - 112px);
    height: 1px;
    border-top: 1px solid;
}
.sp-promotion-container h3 {
    font-size: 34px;
}
.sp-promotion-container p {
    font-size: 18px;
    margin-bottom: 20px;
}
.link {
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    width: auto;
    padding: 10px 10px;
    min-width: 150px;
    font-weight: bold;
}
.link:hover,
.link:visited{
    color: #fff;
}
input.error,
select.error,
.input-error,
.select-error {
    border-color: red;
}
.error,
.error a,
.error span {
    color: red !important;
}
.input-success{
    border-color: green;
}
#freemium{
    background-color: #bde3d1;
    padding: 0 50px;
}
body.freemium,
#freemium #sp-header,
#freemium #sp-header-container{
    height: auto;
}
#freemium #sp-footer{
    margin-bottom: 0 !important;
    padding-bottom: 50px;
}
#freemium #sp-header-logo{
    position: relative;
    height: auto;
    padding: 0;
    background-size: 100% auto;
}
#freemium #sp-header-container{
    padding-top: 0;
    padding-bottom: 0;
}
#bloc-from-freemium {
    padding-top: 10px;
}
#freemium #lang-list{
    position: relative;
    float: right;
    padding-bottom: 50px;
}
#freemium-form {
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
#freemium-form .step {
    padding: 0;
}
.sw .toolbar {
    padding: 0;
}
#freemium .form-submit{
    margin-bottom: 0;
}
#menu {
    float: right;
    width: 160px;
    position: relative;
}
#menu-content {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
}
#menu-content a {
    font-size: 12px;
    color: black;
}
#menu .menu-nav {
    min-height: 50px;
    z-index: 99;
    width: 35px;
    float: right;
}
#menu .menu-nav .navbar-toggler {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 32px;
    height: 32px;
    z-index: 500;
    transition: none;
}
#menu .menu-nav .navbar-toggler span {
    background: #343a40;
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition:  all .35s ease;
    cursor: pointer;
    z-index: 500;
}
#menu .menu-nav .navbar-toggler span:nth-of-type(2) {
    top: 11px;
}
#menu .menu-nav .navbar-toggler span:nth-of-type(3) {
    top: 22px;
}
#menu .menu-nav .navbar-toggler.active span.top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #fff;
}
#menu .menu-nav .navbar-toggler.active span.middle {
    opacity: 0;
    background: #fff;
}
#menu .menu-nav .navbar-toggler.active span.bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #fff;
}
#menu-nav-overlay {
    position: fixed;
    background: rgba(90, 186, 140, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
    z-index: 99;
}
#menu-nav-overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
}
#menu-nav-overlay.open li {
    animation: menuNavOverlayFadeInRight 0.5s ease forwards;
    animation-delay: 0.35s;
}
#menu-nav-overlay.open li:nth-of-type(2) {
    animation-delay: 0.4s;
}
#menu-nav-overlay.open li:nth-of-type(3) {
    animation-delay: 0.45s;
}
#menu-nav-overlay.open li:nth-of-type(4) {
    animation-delay: 0.5s;
}
#menu-nav-overlay nav {
    position: relative;
    height: 40%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    font-family: "Varela Round", serif;
    font-weight: 400;
    text-align: center;
}
#menu-nav-overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    height: 100%;
}
#menu-nav-overlay ul li {
    display: block;
    position: relative;
    opacity: 0;
}
#menu-nav-overlay ul li a {
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 40px;
    font-weight: bold;
}
#menu-nav-overlay ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: #fff;
    transition: 0.35s;
}
#menu-nav-overlay ul li a:hover:after, #menu-nav-overlay ul li a:focus:after, #menu-nav-overlay ul li a:active:after {
    width: 100%;
}
@keyframes menuNavOverlayFadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
#menu-button-login{
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 999;
}
#menu-button-login button {
    font-size: 12px;
    cursor: pointer;
}
#sp-ready #plan-infos {
    position: relative;
}
#sp-ready #plan-infos li {
    width: 30%;
    float: left;
    margin-right: 3.3%;
    border-radius: 5px;
    border: 1px solid #DFE0E0;
    padding: 10px 5px;
    box-sizing: border-box;
}
#sp-ready #plan-infos li table {
    width: 100%;
}
#sp-ready #plan-infos li table tr {
    text-align: center;
}
#sp-ready #plan-infos li table tr td h5 {
    font-size: 18px;
    color: #5aba8c;
    white-space: break-spaces;

}
#sp-ready #plan-infos li table tr.gris {
    background-color: #DFE0E0;
}
#sp-ready #plan-infos li table tr td h6 {
    font-size: 17px;
}
#sp-ready #plan-infos li table tr td h7 {
    font-size: 17px;
    display: block;
    text-align: left;
}
#sp-ready #plan-infos li table tr td .button-plan {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    color: #5aba8c;
    border-radius: 10px;
    padding: 20px 0;
    border: 1px solid #DFE0E0;
}
#sp-ready #plan-infos li table tr td .button-plan-over {
    border: 1px solid #5aba8c;
    background-color: #5aba8c;
    color: #ffffff;
}
#sp-ready #plan-infos li table tr td .button-plan p {
    font-size: 16px;
    color: #5aba8c;
    font-weight: bold;
    text-align: center;
    padding: 0;
}
#sp-ready #plan-infos li table tr td .button-plan-over p {
    color: #fff;
}
#sp-ready #plan-infos li table tr td .button-plan .button-plan-url{
    padding: 0 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #5aba8c;
    color: #fff;
    border-radius: 5px;
    display: block;
    width: 60%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

#sp-ready .button-plan-url-normal {
    padding: 0 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #DFE0E0;
}
#sp-ready .button-plan-url-normal-ignore {
    border: none;
}
#sp-ready .button-plan-url-normal:hover {
    background-color: #5aba8c;
    color: #FFFFFF;
}
#sp-ready .button-plan-url-normal-ignore:hover {
    background-color: #fff !important;
}
#sp-ready #plan-infos li table tr td .button-plan-over .button-plan-url{
    background-color: #FFFFFF;
    color: #5aba8c;
    font-weight: 700;
    font-family: "Fira Sans", sans-serif;
}
#sp-ready #plan-infos li table tr.header,
#sp-ready #plan-infos li table tr.sub-header,
#sp-ready #plan-infos li table tr.content1,
#sp-ready #plan-infos li table tr.content2,
#sp-ready #plan-infos li table tr.content3,
#sp-ready #plan-infos li table tr.content4,
#sp-ready #plan-infos li table tr.content5,
#sp-ready #plan-infos li table tr.content6,
#sp-ready #plan-infos li table tr.content7
{
    display: table;
    width: 100%;
}
#sp-ready #plan-infos li table tr.header {
    min-height:90px;
}
#sp-ready #plan-infos li table tr.sub-header {
    min-height:60px;
}
#sp-ready #plan-infos li table tr.content1 {
    min-height:100px;
}
#sp-ready #plan-infos li table tr.content2 {
    min-height:75px;
}
#sp-ready #plan-infos li table tr.content3 {
    min-height:92px;
}
#sp-ready #plan-infos li table tr.content4 {
    min-height:120px;
}
#sp-ready #plan-infos li table tr.content5 {
    min-height:75px;
}
#sp-ready #plan-infos li table tr.content6 {
    min-height:75px;
}
#sp-ready #plan-infos li table tr.content7 {
    min-height:120px;
}
#sp-ready #plan-infos li table tr td {
    padding: 10px;
    box-sizing: border-box;
}
#sp-ready #plan-infos li table .hr-plan {
    margin-top: 0;
    margin-bottom: 10px;
}
#sp-ready #plan-infos li table p {
    font-size: 15px;
    text-align: center;
    white-space: normal;
}
#sp-ready #plan-infos li table p.title {
    text-align: left;
    padding-left: 10px;
    line-height: 24px;
    white-space: normal;
}
#sp-ready #plan-infos li table tr.content6 p.title {
    line-height: 25px;
}
#sp-ready #plan-infos li table p span {
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}
#sp-ready #plan-infos li table tr.header p {
    white-space: break-spaces;
    padding: 0;
    text-align: center;
    line-height: 20px;
}
#sp-ready #plan-infos li table .sprite {
    display: inline-table;
    width: 16px;
    height: 16px;
    /*background-image: url("/img/sprite.png");*/
    background-repeat: no-repeat;
    background-size: 16px;
}
#sp-ready #plan-infos li table .sprite.sprite-ok {
    /*background-position: 0px -17px;*/
    background-image: url("/img/valid_2.svg");
}
#sp-ready #plan-infos li table .sprite.sprite-ko {
    /*background-position: 0 1px;*/
    background-image: url("/img/croix_2.svg");
}
.modal-backdrop{
z-index: 1;
}
#login-title{
width: 100%;
}
#password-forgot{
cursor: pointer;
text-decoration: underline;
}
#business-plan-mobile{
    display: none;
}
.sw-btn {
    background-color: black !important;
    color: white !important;
    border: none !important;
}
.tab-content {
    margin: 20px auto;
}
#smartwizard {
    border: none !important;
    z-index: 0;
}
.sw-theme-dots > .nav .nav-link.done::after {
    background-color: #BDE3D1 !important;
}
.freemium-save-success .sw-toolbar-elm{
    display: none;
}
.freemium-save-success .nav-progress{
    display: none;
}
/*
.sw-theme-basic > .nav .nav-link.active,
.sw-theme-basic > .nav .nav-link.done,
.sw > .nav .nav-link > .num {
    color: #5ABA8C !important;
}
.sw-theme-basic > .nav .nav-link.active::after,
.sw-theme-basic > .nav .nav-link.done::after {
    background-color: #5ABA8C !important;
}
*/
#menu.menu-nav {
    min-height: auto;
    width: 100%;
    float: right;
    display: block;
    position: relative;
}
#nav-lang{
    width: 100px;
    position: absolute;
    left: 0px;
    z-index: 1;
}
#menu-content.menu-nav {
    background-color: white;
    padding: 5px 0;
    border-radius: 5px;
    position: absolute;
    right: 0;
}
#menu-content.menu-nav ul li {
    padding: 0 10px;
}
#title-smartwizard h5 {
    color: #343A40 !important;
}
.tab-content {
    height: auto !important;
}
#navbar-logo {
    width: 250px;
    max-width: 250px;
    vertical-align: top;
}
.main-section {
    padding: 50px 0 80px;
}
.page-about .banner-insights {
    height: 225px;
    line-height: 180px;
    vertical-align: middle;
    text-align: center;
    background: url("/img/bg-about.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 25px 0;
}
.banner-insights .bloc {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
.banner-insights .title-banner,
.banner-insights h1 {
    margin: 10px 0;
    color: #fff;
    font-size: 50px;
    font-weight: 400;
}
.page-management h3,
.page-management p,
.page-gtm h2,
.page-gtm h3,
.page-setup h2,
.page-setup h3,
.page-setup p,
.page-shoppingpremium h2,
.page-shoppingpremium h3,
.page-shoppingpremium p,
.page-gtm h2,
.page-gtm h3,
.page-gtm h1,
.page-gtm h4,
.page-gtm p,
.page-ratecard h2,
.page-ratecard h3,
.page-ratecard h1,
.page-ratecard h4,
.page-ratecard p,
.page-ratecard span,
.page-ratecard select
{
    color: #455a64;
    font-weight: normal;
}
.page-management h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.page-management p {
    margin-bottom: 15px;
}
.page-management .row {
    padding: 40px 0 50px;
}
.page-management .new-section,
.page-pixel .new-section {
    padding-bottom: 75px;
    padding-top: 75px;
}
.page-management .new-section a {
    width: 100%;
}
.hTt1 {
    font-size: 40px;
    font-weight: 300;
    margin: 0 0 13px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
    color: #484848;
}
.hTt3 {
    font-size: 32px !important;
    font-weight: 400;
}
.alert-warning {
    color: #ef9534;
    border-color: #ef9534;
    background-color: #ffefdd;
}
.page-gtm h2,
.page-setup h2 {
    font-size: 36px !important;
    margin: 10px 0;
}
.page-gtm .new-section {
    margin-bottom: 20px;
}
.page-gtm p,
.page-setup p{
    margin: 10px 0;
}
.page-gtm img {
    margin-bottom: 20px;
}
.page-gtm ul,
.page-gtm ol,
.page-setup ul,
.page-setup ol {
    margin-top: 0;
    margin-bottom: 10px;
    list-style: disc;
    padding-left: 30px;
}
.page-gtm ul li ul,
.page-setup ul li ul {
    list-style: circle;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre.prettyprint {
    padding: 2px;
    border: 1px solid #888;
}
#shoppingpremium {
    background-image: url("/img/google_shopping.png");
    padding: 80px 0;
}
.page-shoppingpremium img {
    border: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
#shoppingpremium h1,
#shoppingpremium p {
    color: #fff !important;
}
.page-shoppingpremium .new-section {
    padding-bottom: 60px;
    padding-top: 60px;
    color: #000000;
}

.page-shoppingpremium .new-section p {
    color: #000000;
}

.page-shoppingpremium h2 {
    margin-bottom: 20px;
    font-size: 50px;
    font-weight: 700;
    color: #000000;
}

.page-shoppingpremium .bg-new {
    background-color: #bde3d1;
}

.page-shoppingpremium h3 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #000;
}
.page-shoppingpremium h4 {
    margin-bottom: 20px;
    font-size: 20px;
}
.page-pixel a {
    width: 100%;
}
#layer-plan.carousel {
    background: #fff !important;
}
#ratecard-intro {
    background-image: url("/img/bg-ratecard-1280.jpg");
    padding: 100px 0;
}
.wide-head {
    background: #1e253c center;
    background-image: none;
    background-size: auto;
    background-size: cover;
    overflow: hidden;
}
.page-ratecard h1 {
    color: #fff !important;
}
.page-ratecard .new-section {
    padding-bottom: 60px;
    padding-top: 60px;
}
#feed-bid-billing .hTt3,
#smartleads-billing .hTt3 {
    font-weight: 300;
    margin: -6px 0 21px;
}
#universe-price .hTt4 {
    margin-bottom: 47px;
}
.hTt4 {
    font-size: 25px !important;
    font-size: 2.5rem;
    font-weight: 600;
}
#universe-price .white-box {
    margin-bottom: 23px;
}
#universe-price .dropdown,
#universe-price .white-box {
    padding: 0;
}
.white-box {
    background: #fff;
    border: 1px solid #cfd8dc;
}
.ratecard-list li, .ratecard-select {
    cursor: pointer;
    padding: 8px 15px;
    text-align: left;
}
.ratecard-list, .ratecard-select {
    background: #fff;
    border: 1px solid #cfd8dc;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
}
.hTt5 {
    font-size: 16px !important;
    font-weight: 600;
}
#product-cpc {
    background: #fff;
    border: 1px solid #cfd8dc;
    width: 100%;
    padding: 5px 10px;
}
table#cpc-result  td {
    text-align: center;
    font-size: 14px;
}
#home-end {
    background-color: #000;
}

.page-shoppingpremium #campaigns-content{
    margin-top: 20%;
}

#campaigns-content p {
    color: #000;
}

#home-intro {
    padding: 60px 0;
}
#header-global #logo {
    width: 194px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    background-image: url("/img/tw_B.svg");
}
#header-scroll {
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 999;
}
#header-scroll #logo {
    display: block;
    width: 194px;
    height: 18px;
    background-image: url("/img/tw_W.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
}
#header-scroll #dropdownMenuButton .lang,
#header-scroll .dropdown-toggle::after {
    color: #fff;
}
#header-scroll.headerFixed{
    position: fixed;
}
#header-scroll.headerFixed .navbar-area{
    background-color: #fff;
    border-bottom: 1px solid #cfd8dc;
}
#header-scroll.headerFixed #logo {
    background-image: url("/img/tw_B.svg");
}
#header-scroll.headerFixed #dropdownMenuButton .lang,
#header-scroll.headerFixed .dropdown-toggle::after {
    color: #000;
}
#header-scroll.headerFixed #menu .menu-nav .navbar-toggler.active span {
    background: #5aba8c;
}
.header.header-4 .navbar {
    padding-bottom: 30px;
}

.page-signup {
    width: 100%;
    padding: 100px 0 50px;
    color: #000;
}
.grey {
    color: #343A40;
}
.green {
    color: #5aba8c !important;
}

/* bootstrap carousel */
.carousel-control-prev {
    left: -15px;
}

.carousel-control-next {
    right: -15px;
}

/* bootstrap carousel white color */
.carousel-white
{
    background-color: unset;
}
.carousel-white .carousel-control-prev-icon
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-white .carousel-control-next-icon
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

/* slick */
.slick-track {
    display: flex !important;
}
.slick-slide {
    height: inherit !important;
}

/* slick theme color */
.slick-black .slick-prev:before, .slick-black .slick-next:before {
    color: #000000;
}

/* new table for mobile */
#layer-plan-mobile table {
    border: 1px solid #DFE0E0;
    border-radius: 20px;
    padding: 20px 0;
    display: block;
    max-width: 395px;
    margin: 0 auto;
}
#layer-plan-mobile table tr.gris {
    background-color: #DFE0E0;
}
#layer-plan-mobile table td {
    padding: 5px 0;
    text-align: center;
}
#layer-plan-mobile table td p {
    font-size: 12px;
}
#layer-plan-mobile table td a.btn {
    font-size: 12px;
    color: #000;
    border: 1px solid #DFE0E0;
}
#layer-plan-mobile table td h7 {
    font-weight: bold;
    margin-top: 10px;
    display: block;
}
#layer-plan-mobile table td.td20 {
    width: 27.5% !important;
}
#sp-ready .sprite {
    display: inline-table;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px;
}
#sp-ready .sprite.sprite-ok {
    background-image: url("/img/valid_2.svg");
}
#sp-ready .sprite.sprite-ko {
    background-image: url("/img/croix_2.svg");
}
#layer-plan-mobile .button-plan-url-mobile {
    background-color: #5aba8c;
    color: #fff;
    display: inline;
    width: auto;
    font-size: 12px;
}
#menu-login {
    display: contents;
    z-index: 999;
}
.slick-prev::before,
.slick-next::before,
.slick-black .slick-prev::before,
.slick-black .slick-next::before,
.slick-next hover {
    color: transparent;
}
.slick-prev,
.slick-next {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-image: none;
    background-size: auto;
    background-size: 100% 100%;
}
.slick-next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.slick-next:hover,
.slick-next:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.slick-prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.slick-prev:hover,
.slick-prev:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
#siret.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 1px 1px 1px #dc3545;
}
#siret-ex {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 15px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
    font-size: 14px;
    padding: 5px 0 5px 20px;
    line-height: 20px;
    display: none;
}
#loading_container {
    display: none;
}