*::-moz-selection {
  background: #3d9a96;
  color: #fff; }

*::selection {
  background: #3d9a96;
  color: #fff; }

*::-moz-selection {
  background: #3d9a96;
  color: #fff; }

body {
  min-width: 320px !important;
  font-family: 'Roboto-Normal', sans-serif;
  font-size: 13px;
  color: #5e7f9e;
  background-color: #ffffff; }

  body::-webkit-scrollbar {
    width: 5px; }
  body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  body::-webkit-scrollbar-thumb {
    background-color: #05b1ae; }

p {
  font-style: normal;
  font-family: "Roboto-Light", Verdana;
  line-height: 1.5;
  font-size: 1.3em; }
  p#required-description {
    font-style: italic !important;
    font-weight: 300 !important;
    font-size: 14px !important; }
  p.text{
    line-height: 1.8;
    font-size: 1.2em;
    text-align: center;
  }

button, button:active, button:focus, button:hover {
  border: none !important;
  outline: none !important; }

input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover {
  outline: none !important; }

.terms span, .terms2 span {float:left;}
.terms div, .terms2 div {padding-left: 23px;}
.terms.error div, .terms2.error div {color:#f64a45;}
#overlay {color:#373a3c;}
#overlay a {font-style:normal;font-weight: 300;}
#overlay .btn-seo-green {background-color:#23b9ae;}
#overlay .modal-header h4 {color: #0f1b27;margin: 5px 0 0;font-size: 1.3em;}

.grecaptcha-badge {
    bottom: 126px !important;
}

.dark-bg {
  background-color: #1a2733; }

.primary-bg {
  background-color: #ffffff; }

.secondary-bg {
  background-color: #e9f8f7; }

.green-bg {
  background-color: #05b1ae; }

.green-text-validate{
  color: #1ddc52 !important;
}
.sign {
  color: #5e7f9e !important; }

.btn {
  cursor: pointer; }

.primary {
  background-color: #05b1ae !important;
  color: #ffffff; }
  .primary:hover, .primary:focus {
    color: #ffffff;
    opacity: 0.8; }

.secondary {
  background-color: #e7ecf1 !important;
  color: #5e7f9e; }
  .secondary:hover, .secondary:focus {
    color: #5e7f9e;
    opacity: 0.8; }

.btn-form {
  padding: 5px 30px; }

.navbar {
  border-radius: 0; }

.span-icon {
  color: #05b1ae;
  font-size: 30px; }

h3 {
  color: #05b1ae;
  font-size: 1.85em;
  font-weight: 500;
  margin: 25px 0 50px;
  line-height: 1.3; }

.nopadding {
  padding: 0 !important; }

.no-results { text-align: center; padding: 30px 0 35px; }
.no-results  .icon { font-size: 8.5em; }
.no-results  h3 { margin: 10px 0 10px; color: black; font-family: 'Roboto-Normal', Verdana; font-size: 1.4em; }
.no-results  p { color: #ADADAD; margin-bottom: 25px; }

.seo-green {
    color: #23b9ae !important;
}

.icon-heading {
  border-radius: 50%;
  border: 2px solid #05b1ae;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  line-height: 1;
  padding-top: 2px;
  padding-left: 2px;
  position: relative; }

.circle {
  display: inline-block;
  position: relative;
  background: #ffffff;
  border-radius: 100px;
  color: #05b1ae;
  height: 100px;
  font-family: "Roboto-Bold",Verdana;
  width: 100px;
  margin: 50px 0 30px;
  box-shadow: 0 0 50px -5px rgba(0, 0, 0, 0.2); }
  .circle .counter { font-size: 1.5em; }
  .circle p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Roboto-Bold",Verdana;
    width: 100%;
     }
    .circle p small {
      font-family: "Roboto-Light",Verdana;
    }

#timeline-container {
  text-align: center;
  position: relative; }
  #timeline-container:before {
    content: '';
    border-top: 3px dotted #d1f2f0;
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%; }

.desc {
  width: 100px; }

.separator {
  text-align: center;
  padding: 70px 0;
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */ }
  .separator h4 {
    margin-bottom: 30px;
   font-family: "Roboto-Light",Verdana;
    font-size: 2.3em; }
    .separator h3 {
    margin-top: 0;
    margin-bottom: 30px;
    font-family: "Roboto-Light",Verdana;
    font-size: 2.3em;
    color: #5e7f9e; }

a.link {
  text-decoration: none;
  font-style: italic;
  color: #09b19b;
  font-weight: 600;
  cursor: pointer; }
  a.link:hover {
    color: #089986; }

.message {
  font-size: 1.4em;
  font-family: "Roboto-Light",Verdana !important;
  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
 }
  .message.success {
    color: #43d166; }
  .message.success.with-bg {
    box-shadow: 0 0 15px 0 rgba(67, 209, 102, 0.35);
    background-color: #43d166; }
  .message.error {
    color: #f64a45; }
  .message.with-bg.error {
    box-shadow: 0 0 15px 0 rgba(246, 74, 69, 0.35);
    background-color: #f64a45; }
  .message.info {
    color: #1eaaf1; }
  .message.with-bg.info {
    box-shadow: 0 0 15px 0 rgba(30, 170, 241, 0.35);
    background-color: #1eaaf1; }
  .message .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    float: left;
    padding: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px; }
  .message .right {
    display: inline-block;
    width: 95%;
    padding: 25px 0 14px 0; }
    @media (max-width: 991px) {
      .message .right {
        width: 92%; } }
    @media screen and (max-width: 500px) {
      .message .right {
        width: 90%; } }
  .message i.icon {
    font-size: 1.5em; }
  .message p {
    margin: 0;
    font-family: "Roboto-Light",Verdana !important;
    font-size: 1.2em;
    padding: 0 !important;
    text-align: left; }
  .message.with-bg {
    color: #fff !important;
    font-size: 1.1em;
    margin-bottom: 10px; }
    .message.with-bg .right {
      padding: 17px 0 15px; }
      .message.with-bg .right i.icon {
        font-size: 1.5em; }

.spinner {
  margin: 50px auto 50px;
  width: 110px;
  text-align: center;
}

.spinner > div {
  width: 22px;
  height: 22px;
  margin: 0 5px;
  background-color: #05b1ae;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.form-site-header {
  text-align: center;
  padding: 80px 0 180px; }
  .form-site-header h2 {
    font-size: 2.3em;
    font-family: "Roboto-Light", Verdana ;
    color: #05b1ae; }

.form-site-main-container {
  text-align: center; }
  @media screen and (max-width: 586px) {
    .form-site-main-container .container {
      margin: 0 5px; } }
  .form-site-main-container .container .row {
    position: relative; }
    .form-site-main-container .container .row .col-form {
      position: relative;
      top: -120px;
      box-shadow: 0px 0px 42px 2px rgba(0, 0, 0, 0.1);
      padding: 20px; }
    .form-site-main-container .container .row form {
      text-align: left; }
      .form-site-main-container .container .row form ol {
        list-style: none;
        padding: 0;
        margin: 0; }
        .form-site-main-container .container .row form ol li {
          margin-top: 15px; }
          .form-site-main-container .container .row form ol li:first-of-type {
            margin-top: 0; }
          .form-site-main-container .container .row form ol li label {
            color: #a7a7a7;
            font-size: 1.3em; }
            .form-site-main-container .container .row form ol li label:not([for="terms"]) {
              display: block; }
            .form-site-main-container .container .row form ol li label span {
              padding: 0 0 0 2px !important;
              font-size: 1.3em; }
          .form-site-main-container .container .row form ol li input, .form-site-main-container .container .row form ol li textarea {
            padding: 5px 10px;
            border: 1px solid #d9d9d9;
            font-size: 1.1em;
            font-weight: 500;
            resize: none; }
            .form-site-main-container .container .row form ol li input:not([type="checkbox"]), .form-site-main-container .container .row form ol li textarea:not([type="checkbox"]) {
              width: 100%; }
            .form-site-main-container .container .row form ol li input.error, .form-site-main-container .container .row form ol li textarea.error {
              border: 1px solid red; }
            .form-site-main-container .container .row form ol li input:focus, .form-site-main-container .container .row form ol li textarea:focus {
              border: 1px solid #17ada4; }
            .form-site-main-container .container .row form ol li input#captcha, .form-site-main-container .container .row form ol li textarea#captcha {
              width: 50%;
              margin-right: 10px; }
          .form-site-main-container .container .row form ol li textarea {
            height: 145px; }
            @media (max-width: 991px) {
              .form-site-main-container .container .row form ol li textarea {
                height: 230px; } }
          .form-site-main-container .container .row form ol li button {
            display: block;
            margin: 10px auto 0; }
          .form-site-main-container .container .row form ol li img {
            border: 2px solid #d9d9d9; }

.scrollToTop {
  padding: 5px 10px;
  background: #05b1ae;
  font-size: 1.5em;
  color: #ffffff;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  display: none;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  z-index: 1000; }
  .scrollToTop:hover, .scrollToTop:focus {
    text-decoration: none;
    color: #ffffff; }

#cookies-info {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 0; }
  #cookies-info p {
    color: #ffffff;
    float: left;
    font-size: 1.1em;
    padding: 0 10px;
    margin: 0;
    line-height: 24px; }
    @media screen and (max-width: 600px) {
      #cookies-info p {
        width: 100%;
        text-align: center; } }
  #cookies-info .close_cookies {
    color: #ffffff;
    display: block !important;
    width: 100px;
    text-align: center;
    float: right;
    font-family: "Roboto-Bold", Verdana;
    text-decoration: none;
    font-size: 1.2em; }
    @media screen and (max-width: 600px) {
      #cookies-info .close_cookies {
        width: 100%;
        text-align: center; } }
    #cookies-info .close_cookies span {
      font-size: 1.1em; }



#header nav {
  padding: 30px 0; }
  @media (max-width: 991px) {
    #header nav {
      padding: 25px 0; } }
  @media (max-width: 767px) {
    #header nav {
      padding: 15px 0; } }
  @media (max-width: 1199px) {
    #header nav .container {
      max-width: 100%; } }
  #header nav .container .navbar-brand {
    padding: 0;
    margin-right: 12px;
    line-height: 13px; }
    @media (max-width: 767px) {
      #header nav .container .navbar-brand {
        float: none;
        margin-right: 0; } }
  #header nav .container .navbar-brand h1{
  	overflow: hidden;
    margin: 0;
    line-height: 1;
    font-size: 1em;
    padding-top: 1px;
  }
  #header nav .container .navbar-brand h1 img{
  	vertical-align: initial;
  }
   @media (max-width: 991px){
    #header nav .container .navbar-brand h1 img{
      max-width: 150px;
      padding-top: 3px;
    }
   }
   @media (max-width: 767px){
    #header nav .container .navbar-brand h1 img{
      padding-top: 3px;
    }
   }
  #header nav .container #navbar-menu {
    margin: 0 -15px; }
    @media (max-width: 767px) {
      #header nav .container #navbar-menu {
        margin-top: 15px;
        border-top: 1px solid #05b1ae; } }
    #header nav .container #navbar-menu ul {
      margin: 0 15px;
      font-size: 1.3em; }
      @media (max-width: 767px) {
        #header nav .container #navbar-menu ul {
          margin-top: 15px; } }
      #header nav .container #navbar-menu ul li {
        margin-left: 0; }
        #header nav .container #navbar-menu ul li a {
          padding: 8px 12px; }
           @media (max-width: 991px) {
            #header nav .container #navbar-menu ul li a {
              padding: 8px; } }
          @media (max-width: 767px) {
            #header nav .container #navbar-menu ul li a {
              border-radius: 0; } }
          #header nav .container #navbar-menu ul li a:hover {
            background-color: #243443; }
  #header nav .container a, #header nav .container button {
    color: #ffffff;
    font-family: "Roboto-Light", Verdana;
    position: relative;
    display: inline-block; }

#header #welcome {
  text-align: center;
  background: url("../images/header_bg_image.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: auto; }
  #header #welcome h2 {
    color: #05b1ae;
    font-size: 2.3em;
    padding-top: 100px;
    padding-bottom: 15px; }
  #header #welcome h3 {
    color: #5e7f9e;
    font-size: 1.3em;
    padding-bottom: 25px;
    text-align: center;
    font-style: normal;
    font-family: "Roboto-Light", Verdana;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1rem; }
  #header #welcome a, #header #welcome button {
    margin: 10px 10px; }
  #header #welcome img {
    max-width: 80%;
    margin-top: 100px; }
    @media (max-width: 991px) {
      #header #welcome img {
        max-width: 100%; } }
  #header #welcome #account-status, #header #welcome #monitoring-position, #header #welcome #average-position {
    position: absolute;
    max-width: 24%;
    height: auto; }
    @media (max-width: 991px) {
      #header #welcome #account-status, #header #welcome #monitoring-position, #header #welcome #average-position {
        display: none; } }
  #header #welcome #account-status {
    top: 55%;
    left: 5%; }
  #header #welcome #monitoring-position {
    top: 15%;
    left: 0; }
  #header #welcome #average-position {
    top: 30%;
    right: 0; }

footer {
  padding: 60px 0 20px; }
  @media (max-width: 991px) {
    footer {
      padding: 50px 0 15px; } }
  @media (max-width: 991px) {
    footer img {
      margin: 0 auto 20px; } }
  footer ul {
    margin-left: 30px;
    margin-top: 6px; }
    @media (max-width: 1199px) {
      footer ul {
        margin-top: 2px; } }
    @media (max-width: 991px) {
      footer ul {
        text-align: center !important;
        margin-left: 0; } }
    @media (max-width: 767px) {
      footer ul li {
        display: block;
        width: 100%;
        text-align: center;
        margin: 5px 0 !important; } }
    footer ul li a {
      color: #5e7f9e;
      font-size: 1.2em;
      font-family: "Roboto-Light", Verdana; }
      footer ul li a:hover, footer ul li a:focus {
        color: #ffffff; }
  footer #social-icons {
    float: right !important;
    margin-top: 2px;
    font-size: 1.6em }
    @media (max-width: 991px) {
      footer #social-icons {
        margin: 20px 0;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 2em; } }
    footer #social-icons i {
      padding: 0 2px;
      color: #3d9a96; }
      footer #social-icons i:hover, footer #social-icons i:focus {
        color: #ffffff; }
  footer p {
    font-size: 1.1em;
    margin-top: 50px; }
    @media (max-width: 991px) {
      footer p {
        margin-top: 0px;
        text-align: center; } }
    footer p:first-of-type {
      margin-bottom: 0; }
    footer p:last-of-type {
      margin-top: 0; }
    @media screen and (max-width: 630px) {
      footer p a {
        display: block; } }

#details-monitoring-icons {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  @media (max-width: 543px) {
    #details-monitoring-icons {
      border-bottom: 0; } }
  #details-monitoring-icons .details-icon-container {
    padding: 20px 0;
    text-align: center;
    cursor: pointer; }
    @media (min-width: 992px) {
      #details-monitoring-icons .details-icon-container:hover {
        background-color: #f7f7f7; } }
    @media (max-width: 991px) {
      #details-monitoring-icons .details-icon-container {
        text-align: left;
        padding: 15px 0; } }
    @media (max-width: 543px) {
      #details-monitoring-icons .details-icon-container:nth-of-type(even) {
        background-color: #f7f7f7; }
        #details-monitoring-icons .details-icon-container:nth-of-type(even):hover {
          background-color: #ffffff; } }
    #details-monitoring-icons .details-icon-container .span-icon {
      margin-right: 15px; }
      @media (max-width: 767px) {
        #details-monitoring-icons .details-icon-container .span-icon {
          margin-left: 30px; } }
    #details-monitoring-icons .details-icon-container .details-icon-description {
      font-family: "Roboto-Light", Verdana;
      font-size: 1.2em;
      color: #aab9c8;
      vertical-align: super; }
      @media (max-width: 1199px) {
        #details-monitoring-icons .details-icon-container .details-icon-description {
          font-size: 1.1em; } }


.section-p{
	padding: 100px 0;
}
 @media (max-width: 991px) {
    .section-p {
      padding: 60px 0; } }
.flex-row{
	display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
} 
@media (max-width: 991px) {
    .flex-row > div:first-child {
      padding-bottom: 50px; } }

#details-monitoring {
	text-align: center; }
  #details-monitoring p {
    text-align: justify;
    margin-bottom: 40px; }
  #details-monitoring a {
      margin: 5px 3px; }
  #details-monitoring img {
    margin: 0 auto; }
    @media (max-width: 1199px) {
      #details-monitoring img {
        margin-bottom: 35px; } }

#tool-to-earn {
	text-align: center; }
  @media (max-width: 991px) {
    #tool-to-earn img {
      margin-bottom: 30px; } }
  #tool-to-earn p {
    text-align: justify;
    margin-bottom: 40px; }

#access-devices {
	text-align: center; }
  @media (max-width: 991px) {
    #access-devices img {
      margin-bottom: 30px; } }
  #access-devices p {
    text-align: justify;
    margin-bottom: 40px; }

#advanced-seo-reports {
	text-align: center; }
  @media (max-width: 991px) {
    #advanced-seo-reports img {
      margin-bottom: 30px; } }
  #advanced-seo-reports p {
    text-align: justify;
    margin-bottom: 40px; }

#serp-features {
	text-align: center; }
  @media (max-width: 991px) {
    #serp-features img {
      margin-bottom: 30px; } }
  #serp-features p {
    text-align: justify;
    margin-bottom: 40px; }

#timeline {
  text-align: center;
  padding: 80px 0; }
  #timeline h3{
  	margin:  0 0 0.5rem 0;
  	color: inherit;
  }
  #timeline p {
    text-align: center; }
  #timeline .name {
    font-weight: 500;
    color: #23b9ae;
    font-size: 1.2em; }

#team {
  text-align: center; }
  @media (max-width: 991px) {
    #team img {
      margin: 0; } }

#opinions {
  text-align: center; }
  #opinions h4 {
    font-family: "Roboto-Light", Verdana;
    font-size: 2.1em;
    margin-bottom: 15px; }
  #opinions p {
    text-align: center; }
  #opinions .heading-desc {
    color: #aab9c8;
    font-size: 1.1em;
    font-family: "Roboto-Light", Verdana;
    margin-bottom: 35px; }
  #opinions #opinion-carousel .opinions-avatars {
    width: 280px !important;
    margin: 0 auto; }
    #opinions #opinion-carousel .opinions-avatars .slick-arrow{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 50;
      color: white;
      background-color: #05b1ae;
      font-size: 16px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
    }
    #opinions #opinion-carousel .opinions-avatars .slick-arrow:hover{
      opacity:  0.7;
    }
    #opinions #opinion-carousel .opinions-avatars .slick-arrow.slick-prev{
      left: -15px;
    }
    #opinions #opinion-carousel .opinions-avatars .slick-arrow.slick-next{
      right: -15px;
    }
   #opinions #opinion-carousel .opinions-avatars .slick-arrow.slick-next i{
      position: relative;
      left: 2px;
      top: 1px;
   }
   #opinions #opinion-carousel .opinions-avatars .slick-arrow.slick-prev i{
      position: relative;
      right: 1px;
      top: 1px;
   }
    #opinions #opinion-carousel .opinions-avatars .slick-track {
      padding: 40px 0; }
    #opinions #opinion-carousel .opinions-avatars .slick-slide img {
      width: 45px;
      opacity: 0.6;
      margin-left: 20px;
      margin-right: 20px;
      transition: all 0.6s ease; }
    #opinions #opinion-carousel .opinions-avatars .slick-center img {
      transform: scale(2);
      opacity: 1;
      -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);

 }
  #opinions .opinion .opinion-description {
    font-style: italic !important;
    font-family: "Roboto-Light", Verdana;
    font-size: 1.2em;
    line-height: 32px;
    margin-top: 30px; }
  #opinions .opinion .author {
    color: #05b1ae;
    font-size: 1.2em;
    font-family: "Roboto-Bold", Verdana; }

#contact .row{
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;

}
  #contact .row > div.col-md-6{
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  } 
  @media (max-width: 767px) {
    #contact .col-contact {
      height: auto;
      margin-bottom: 20px; } }
  #contact .col-contact .span-icon {
    font-size: 4.6em; }
  #contact .col-contact header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 40px; }
    @media (max-width: 991px) {
      #contact .col-contact header {
        margin-bottom: 30px; } }
    #contact .col-contact header img {
      margin: 50px 0 20px; }
    #contact .col-contact header h3 {
      color: #5e7f9e;
      font-family: "Roboto-Light", Verdana;
      font-size: 2em;
      margin: 25px 0; }
      #contact .col-contact header h3:last-of-type {
        margin: 25px 0 60px; }
  #contact .col-contact span {
    padding-top: 40px; }
  #contact .col-contact .contact-info {
    text-align: center;
    font-weight: 500;
    font-size: 1.4em;
    padding: 10px 0; }
    @media (max-width: 1199px) {
      #contact .col-contact .contact-info {
        font-size: 1.3em; } }
    @media (max-width: 991px) {
      #contact .col-contact .contact-info {
        padding: 10px 0; } }

#contact #company-data-container {
  text-align: center !important;
  color: #ffffff;
  position: relative;
  top: -50px; }
  @media screen and (max-width: 395px) {
    #contact #company-data-container {
      top: -70px; } }
  #contact #company-data-container span {
    margin-right: 15px;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: 1.3px; }
    @media (max-width: 991px) {
      #contact #company-data-container span {
        font-size: 1.3em; } }
    @media screen and (max-width: 395px) {
      #contact #company-data-container span {
        display: block;
        margin: 0 5px 10px; } }
    #contact #company-data-container span:last-of-type {
      margin-right: 0; }
      @media (max-width: 767px) {
        #contact #company-data-container span:last-of-type {
          display: block;
          margin: 0; } }
  #contact #company-data-container p {
    font-size: 1.1em;
    text-align: center;
    margin-top: 10px;
    opacity: 0.7; }
    @media (max-width: 767px) {
      #contact #company-data-container p {
        margin: 10px 5px 0; } }

#select-version {
  padding: 100px 0 20px; }
  #select-version #version-header {
    text-align: center; }
    #select-version #version-header h2 {
      font-size: 2.1em;
      color: #05b1ae;
      font-family: "Roboto-Light", Verdana;
      padding-bottom: 70px; }
   
  #select-version #periods {
    text-align: center; }
    #select-version #periods ul {
      list-style: none;
    
      margin-bottom: 25px;
      padding: 0; }
      #select-version #periods ul li {
        display: inline-block;
        margin: 0 5px; }
        @media (max-width: 767px) {
          #select-version #periods ul li {
            display: block;
            margin: 15px 0; } }
        #select-version #periods ul li a {
          background-color: #d7d7d7;
          color: #7c8084;
          
          font-size: 1.2em;
          padding: 5px 15px; }
          @media (max-width: 767px) {
            #select-version #periods ul li a {
              width: 45%; } }
          @media screen and (max-width: 400px) {
            #select-version #periods ul li a {
              width: 60%; } }
          #select-version #periods ul li a:hover, #select-version #periods ul li a.active {
            background-color: #23b9ae;
            color: #ffffff; }
            #select-version #periods ul li a:hover ins, #select-version #periods ul li a.active ins {
              color: #23b9ae; }
          #select-version #periods ul li a ins {
            background-color: #ffffff;
            color: #939699;
            text-decoration: none;
            font-weight: 500;
            padding: 0 10px;
            margin-left: 10px;
            margin-right: -8px;
            border-radius: 3px; }
  #select-version #packets .packet {
    border-right: 1px solid #edeeef;
    text-align:  center;
     }
  #select-version #packets .packet .limited
    { display: inline-block; background: #ef4023; color: white; font-family: "Roboto-Bold", Verdana; width: 100%; left: 0; top: 0; text-transform: uppercase; position: absolute; }
    #select-version #packets .packet:first-of-type {
      border-left: 1px solid #edeeef; }
    @media (max-width: 1199px) {
      #select-version #packets .packet:nth-of-type(3), #select-version #packets .packet:nth-of-type(5) {
        border-left: 1px solid #edeeef; } }
    #select-version #packets .packet.actual-packet, #select-version #packets .packet:hover {
      background-color: #f7f7f8;
      border-top: 5px solid #23b9ae;
      margin-top: -5px; }
      #select-version #packets .packet.actual-packet .packet-name, #select-version #packets .packet:hover .packet-name {
        color: #09b19b;
        font-weight: 500; }
    #select-version #packets .packet .packet-params{
        border-bottom: 1px solid #edeeef;
        text-align: center;
    }
    #select-version #packets .packet .packet-name {
      padding: 35px;
      border-bottom: 1px solid #edeeef;
      border-top: 1px solid #edeeef;
      color: #0f1b27;
      font-size: 1.5em;
      text-transform: uppercase;
      text-align: center;
      line-height: 0; }
    #select-version #packets .packet .price {
      height: auto;
      border-bottom: 1px solid #edeeef;
      text-align: center; }
    #select-version #packets .packet .price.storage big,#select-version #packets .packet .price.storage em, #select-version #packets .packet .price.storage small {
      color: #7c8084;
    }
      #select-version #packets .packet .price em {
        font-size: 1.8em;
        color: #23b9ae;
        display: inline-block;
        font-family: "Roboto-Light", Verdana;
        line-height: 1;
        font-style: initial; }
      #select-version #packets .packet .price big {
        font-size: 2.3em;
        color: #23b9ae;
        display: inline-block;
        line-height: 1; }
        #select-version #packets .packet .price big strike {
          font-size: 0.5em;
          color: #8996a3;
          display: block; }
      #select-version #packets .packet .price small {
        font-size: 1em;
        color: #0f1b27;
        display: block;
        margin-top: 5px; }
  #select-version #packets ol {
    padding: 0;
    margin: 0;
    list-style: none; }
    #select-version #packets ol li {
      font-size: 1.1em;
      color: #0f1b27;
      padding: 8px 0; }
      #select-version #packets ol li.action {
        text-align: center;}
        #select-version #packets input {
          padding: 8px 20px;
          background-color: #23b9ae !important; }
          #select-version #packets ol li.action input:nth-of-type(2) {
            margin-top: 15px;
            background-color: #4bddd2 !important;
            font-weight: 500; }
            @media (max-width: 767px) {
              #select-version #packets ol li.action input:nth-of-type(2) {
                margin-top: 10px; } }
      #select-version #packets ol li strong, #select-version #packets ol li i {
        color: #23b9ae;
        margin-right: 5px; }
        #select-version #packets ol li strong.amount, #select-version #packets ol li i.amount {
          color: black; }
      #select-version #packets ol li i {
        font-size: 1.4em;
        vertical-align: sub; }
  #select-version #info {
    margin-top: 30px; }
    #select-version #info p {
      color: #0f1b27;
      font-size: 1.1em;
      font-family: "Roboto-Light", Verdana; }
      #select-version + .separator { padding: 40px 0;}

#lista-funkcji.separator ul{
	text-align: left;
	margin: 0;
	padding: 0;
}
#lista-funkcji i {
	font-size: 80px;
	color: #05b1ae;
	position: relative;
  
}
@media (max-width: 767px){
	#lista-funkcji i{
		    font-size: 40px;
		    padding-bottom: 30px;
		    display: inline-block;
	}
}
#lista-funkcji .list-wrapper > div {
	padding: 30px 15px 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid  #edeeef;
}
#lista-funkcji .list-wrapper > div:first-of-type i::after{
	    content: "";
    width: 88px;
    height: 88px;
    border: 5px solid #05b1ae;
    position: absolute;
    left: -4px;
    top: -4px;
    border-radius: 50%;;
}
@media (max-width: 767px){
	#lista-funkcji .list-wrapper > div:first-of-type i::after{
		width: 44px;
	    height: 44px;
	    left: -3px;
    	top: -3px;
    	border: 3px solid #05b1ae;
	}
}
#lista-funkcji .list-wrapper > div h4{
	font-size: 26px;
	margin-bottom: 30px;
	width: 100%;
	color: #05b1ae;
  font-family: "Roboto-Medium", Verdana;
}
#lista-funkcji .list-wrapper > div ul{
	font-size: 16px;
	font-family: "Roboto-Light", Verdana;
}
@media (max-width: 767px){
	#lista-funkcji .list-wrapper > div ul{
		text-align: center;
		list-style: none;
	}
}
#lista-funkcji .list-wrapper > div ul li {
	line-height: 1.8;
	margin-bottom: 5px;
}
#error-site {
  padding: 80px 0;
  min-height: 100vh;
  text-align: center;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  #error-site i#error-icon {
    color: #09b19b;
    font-size: 12em;
    margin: 0 20px; }
    @media (max-width: 767px) {
      #error-site i#error-icon {
        font-size: 10em; } }
    @media (max-width: 543px) {
      #error-site i#error-icon {
        font-size: 8em; } }
  #error-site p#error-number {
    display: inline-block;
    font-size: 9em;
    font-family: "Roboto-Medium", Verdana;
    line-height: 160px;
    vertical-align: top; }
    @media (max-width: 767px) {
      #error-site p#error-number {
        font-size: 8em;
        line-height: 130px; } }
    @media (max-width: 543px) {
      #error-site p#error-number {
        font-size: 6em;
        line-height: 100px; } }
  #error-site h4 {
    font-size: 3.7em;
    color: #5e7f9e;
    margin: 0 !important;
    vertical-align: bottom;
    font-family: "Roboto-Light", Verdana; }
    @media (max-width: 767px) {
      #error-site h4 {
        font-size: 3.2em; } }
    @media (max-width: 543px) {
      #error-site h4 {
        font-size: 2.5em; } }
    @media screen and (max-width: 380px) {
      #error-site h4 {
        font-size: 2.15em; } }
  #error-site p#error-description {
    margin-top: 10px;
    font-size: 1.2em; }
  #error-site a {
    text-decoration: none;
    color: #09b19b;
    cursor: pointer; }
    #error-site a:hover {
      color: #089986; }

#terms {
  padding: 100px 0;
  text-align: justify; }
  #terms p{
  	line-height: 1.7;
    font-size: 1.2em;
  }
  #terms h2 {
    text-align: center;
    margin-bottom: 60px;
    color: #05b1ae; }
  #terms ol, #terms ul {
    font-family: "Roboto-Light", Verdana;
    font-size: 1rem;
    line-height: 1.5; }
    #terms ol li, #terms ul li {
      line-height: 30px !important; }
      #terms ol ol{
        list-style: lower-alpha;
      }
  #terms h3 {
    margin: 40px 0 20px; }
  #terms h4 {
    font-size: 1.5em;
    margin: 40px 0 20px;
  }
  #terms #update-date {
    text-align: right;
    font-weight: 500; }
  #terms table {}
  #terms table th {padding: 10px;vertical-align: top;border: 1px solid;}
  #terms table td {padding: 10px;vertical-align: top;border: 1px solid;}

#register .fullscreen-loader-wrapper{
      position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #23b9ae url(panel/gfx/login-bg.png) repeat-x fixed 0 100%;
    z-index: 11111111;
    overflow: hidden;
    color: white;
    padding: 15px;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;
}
#register .fullscreen-loader-wrapper img{
  margin-bottom: 40px;
}
#register .fullscreen-loader-wrapper h2 { margin-bottom: 40px; font-weight: normal; font-family: "Roboto-Medium", Verdana;}
#register .fullscreen-loader-wrapper h2, #register .fullscreen-loader-wrapper h3{
  color: white;
}
#register header h2 {
  font-weight: 400; }

#register header h3 {
  margin: 20px 0 0;
  font-family: "Roboto-Light", Verdana; }

#register section .col-form {
  padding: 30px; }
  @media screen and (max-width: 586px) {
    #register section .col-form {
      padding: 18px; } }
  #register section .col-form form ol {
    list-style: none;
    padding: 0;
    margin: 0; }
    #register section .col-form form ol li .error-tip {
      font-size: 1.1em;
      color: red;
      margin-top: 5px; }
    #register section .col-form form ol li label {
      color: #a7a7a7;
      font-size: 16px; }
      #register section .col-form form ol li label:not([for="terms"]) {
        display: block; }
      @media screen and (max-width: 378px) {
        #register section .col-form form ol li label[for="terms"] {
          font-size: 1.1em; } }

#register-sucess {
  padding: 80px 0; }
  #register-sucess h2 {
    text-align: center;
    margin-bottom: 35px; }

#coupon {
  padding: 60px 0; }
  #coupon h2 {
    text-align: center;
    color: #05b1ae;
    margin-bottom: 30px; }
    @media screen and (max-width: 440px) {
      #coupon h2 {
        font-size: 2em } }
  #coupon form {
    text-align: center;
    padding-bottom: 10px; }
    #coupon form ol {
      list-style: none;
      margin: 0;
      padding: 0; }
      #coupon form ol li {
        margin-bottom: 15px; }
        #coupon form ol li input[type="text"] {
          padding: 10px;
          width: 200px;
          font-family: "Roboto-Bold", Verdana;
          text-transform: uppercase;
          text-align: center;
          font-size: 1.4em;
          border-radius: 3px;
          border: 2px solid #d9d9d9; }
          #coupon form ol li input[type="text"]:focus {
            border: 2px solid #17ada4; }
        #coupon form ol li:last-of-type {
          margin-bottom: 30px; }
  #coupon .description p{
        padding: 30px 15px;
    border: 2px solid #05b1ae;
    margin-bottom: 40px;
    font-family: "Roboto", Verdana;
    font-size: 1.4em;
  }
  #coupon #coupon-desc p {
    margin-bottom: 5px !important; }
    #coupon #coupon-desc p:last-of-type {
      margin-bottom: 0; }
  #coupon .more {
    border: 1px solid;
    padding: 10px 5px;
    border-radius: 5px;
    margin-bottom: 15px; }
    #coupon .more p {
      margin-bottom: 5px !important; }

#coupon-help {
  padding: 50px 0; }
  #coupon-help .info-title {
    margin: 30px 0 20px; }
    #coupon-help .info-title h4 {
      color: #05b1ae;
      margin-bottom: 15px; }
    #coupon-help .info-title b {
      font-weight: 600; }
    #coupon-help .info-title ul {
      font-family: "Roboto-Light", Verdana;
      font-size: 1.3em; }

#coupon-register {
  padding: 70px 0; }
  #coupon-register h3 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 2em; }
  #coupon-register .registration {
    padding: 15px; }
    #coupon-register .registration ol {
      list-style: none;
      margin: 0;
      padding: 0; }
      #coupon-register .registration ol li {
        margin-top: 10px; }
        #coupon-register .registration ol li:first-of-type {
          margin-top: 0; }
        #coupon-register .registration ol li label {
          color: #a7a7a7;
          font-size: 1.3em; }
          #coupon-register .registration ol li label:not([for="terms"]) {
            display: block; }
          #coupon-register .registration ol li label[for="email"] {
            margin-top: 0; }
        #coupon-register .registration ol li input {
          padding: 5px 10px;
          border: 1px solid #d9d9d9;
          font-size: 1.1em;
          font-weight: 500; }
          #coupon-register .registration ol li input:not([type="checkbox"]) {
            width: 100%; }
          #coupon-register .registration ol li input.error {
            border: 1px solid red; }
          #coupon-register .registration ol li input:focus {
            border: 1px solid #17ada4; }
        #coupon-register .registration ol li:last-of-type {
          text-align: center;
          margin: 20px 0; }


	#coupon-register .packet{
	  	border: 1px solid #edeeef;
	  	background-color: #f7f7f8;
	    border-top: 5px solid #23b9ae;
	    margin-top: 15px;
	}
	@media (max-width: 767px){
		#coupon-register .packet{
			margin-bottom: 45px;
		}
	}
	#coupon-register .packet-name{
		padding: 29px;
	    border-bottom: 1px solid #edeeef;
	    font-size: 1.5em;
	    text-transform: uppercase;
	    text-align: center;
	    line-height: 0;
	    color: #09b19b;
    	font-weight: 500;
	}
	#coupon-register .price{
		height: auto;
	    border-bottom: 1px solid #edeeef;
	    text-align: center;
	}

	#coupon-register .price big{
		font-size: 2.3em;
	    color: #23b9ae;
	    display: inline-block;
	    line-height: 1;
	}
	#coupon-register .price big strike{
		font-size: 0.5em;
	    color: #8996a3;
	    display: block;
	}
	#coupon-register .price.storage big{
		color: #7c8084;
	}

	#coupon-register .price em{
		font-size: 1.8em;
	    color: #23b9ae;
	    display: inline-block;
	    font-family: "Roboto-Light", Verdana;
	    line-height: 1;
	}
	#coupon-register .price.storage em{
		color: #7c8084;
	}
	#coupon-register .price small{
		font-size: 1em;
	    color: #0f1b27;
	    display: block;
	    margin-top: 5px;
	}
	#coupon-register .price.storage small{
		color: #7c8084;
	}

.test-site {
  padding: 70px 0; }
  .test-site .test-header {
    margin-bottom: 40px; }
    .test-site .test-header h2 {
      color: #05b1ae; }
  .test-site ol {
    font-family: "Roboto-Light", Verdana;
    list-style: none;
    padding: 0;
    margin: 0; }
    .test-site ol li {
      list-style-position: inside;
      padding: 10px;
      margin-bottom: 1px; }
      .test-site ol li:last-of-type {
        list-style: none;
        margin-top: 20px; }
        .test-site ol li:last-of-type .page {
          padding: 5px;
          font-family: "Roboto-Bold", Verdana;
          color: #05b1ae; }
      .test-site ol li.error {
        background-color: #ffcad4;
        border: 1px solid #bd4147;
        border-radius: 5px; }
      .test-site ol li b {
        font-weight: 500; }
      .test-site ol li label {
        display: block;
        cursor: pointer; }
        .test-site ol li label input {
          vertical-align: middle;
          margin-right: 10px; }
  .test-site .create-account {
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    font-size: 1.1em;
    border: 1px solid #c2ece9; }
    @media (max-width: 767px) {
      .test-site .create-account {
        margin-top: 30px; } }
    .test-site .create-account a {
      margin: 5px 0 10px; }
  .test-site .fb-like {
    text-align: center;
    margin-bottom: 15px;
    display: block !important; }

.test-result {
  padding: 80px 0; }
  .test-result h2 {
    font-size: 2.3em;
    color: #05b1ae;
    margin-bottom: 30px; }
  .test-result p.score {
    font-weight: 500;
    font-size: 1.8em; }
  .test-result span.points {
    font-family: "Roboto-Bold", Verdana; }
  .test-result span.your-points {
    color: #05b1ae; }
  .test-result h3 {
    margin-bottom: 20px;
    font-size: 1.5em; }
  .test-result a {
    margin-top: 30px; }
  .test-result .source {
    margin-top: 5px;
    font-style: italic;
    font-weight: 300;
    font-size: 1.1em; }
  .test-result#personality-score h3 {
    font-size: 1.8em }
  .test-result .fb_iframe_widget {
    display: block !important; }
#api {
  padding: 80px 0; }
  #api h2 {
    text-align: center;
    color: #05b1ae;
    padding-bottom: 30px; }
  #api h3 {
    padding: 20px 0 15px;
    color: #05b1ae;
    margin: 0; }
  #api h4 {
    color: #05b1ae;
    font-family: "Roboto-Light", Verdana;
    font-size: 1.4em;
    padding-bottom: 10px;
    padding-top: 20px; }
  #api p {
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 1.1em; }
  #api strong {
     font-family: "Roboto-Bold", Verdana;
    display: block;
    padding-bottom: 5px; }
  #api ul {
    font-family: "Roboto-Light", Verdana;
    font-size: 1.1em; }
  #api pre {
    background-color: #f7f7f9;
    border: 1px solid #bd4147;
    color: #bd4147;
    border-radius: 5px;
    padding: 10px; }
#thanks {
  position: relative;
  background: #f1f1f1;
  height: 100vh; }
  #thanks #thanks-container {
    text-align: center;
    width: 500px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%); }
    @media screen and (max-width: 620px) {
      #thanks #thanks-container {
        width: 96%; } }
    #thanks #thanks-container img {
      width: 200px;
      margin: 30px 0; }
    #thanks #thanks-container #thanks-content {
      background-color: #ffffff;
      padding: 15px; }
      #thanks #thanks-container #thanks-content .icon-like {
        margin: 20px 0;
        font-size: 2.5em;
        color: #05b1ae; }
      #thanks #thanks-container #thanks-content h3 {
        text-align: center;
        font-size: 2.5em;
        margin-top: 10px;
        margin-bottom: 30px;
        color: #A8A8A8; }
        @media (max-width: 543px) {
          #thanks #thanks-container #thanks-content h3 {
            font-size: 2.15em; } }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@media (min-width: 1200px) {
/* 5 cols */
#packets .col-1-5 { width: 20%; }
#packets .col-2-5 { width: 40%; }
#packets .col-3-5 { width: 60%; }
#packets.col-4-5 { width: 80%; }
#packets .col-5-5 { width: 100%; }


}

@media (min-width: 544px) and  (max-width: 1199px){
  #packets .col-1-5:nth-of-type(5){
    margin: 0 25%;
  }
}


#projects h3 {
  color: #05b1ae;
  font-size: 1.3em;
  font-style: normal;
  font-family: "Roboto", Verdana;
  line-height: 1.5;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
#projects h2 {
  color: #5e7f9e;
  font-size: 1.6em;
  font-style: normal;
  font-family: "Roboto", Verdana;
  line-height: 1.5;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#projects p {
  line-height: 1.7;
  font-size: 1.2em;
}

#projects ol, #projects ul {
  font-family: "Roboto-Light", Verdana;
  font-size: 1rem;
  line-height: 1.5;
}

#projects ol li, #projects ul li {
  line-height: 30px !important;
}

#projects .baner{width:100%;}

























/*------*/
.cookie-infobox {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), -3px -4px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
  background: rgba(0,0,0,.4);
}

.cookie-infobox .card {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 1);
}

.cookie-infobox .card-inner {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  max-width: 48em;
}

.cookie-infobox .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}

.cookie-infobox .card-title {
  margin-bottom: 8px;
  display: block;
  line-height: 32px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  color: #05b1ae;
}

.cookie-infobox .card-action {
  position: relative;
  padding: 16px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, .2);
}

.cookie-infobox .card-action #basic_chkbx,
.cookie-infobox .card-action label[for="basic_chkbx"] {
  opacity: .5;
}

@media (max-width: 48em) {
  
  .cookie-infobox .card-action {
    flex-direction: column !important;
    width: 100%
  }
  
  .cookie-infobox .card-action .flex {
    margin-top: 10px;
  }
  
  .cookie-infobox .card-action > button {
    max-width: 200px;
    margin-top: 10px;
  }
}

.cookie-infobox .m-right--1 {
  margin-right: 1em;
}

.cookie-infobox .width--100 {
  width: 100%;
}

.cookie-infobox .flex {
  display: flex;
}

.cookie-infobox .align__items--center {
  align-items: center !important;
}

.cookie-infobox .justify--center {
  justify-content: center !important;
}

.cookie-infobox .button--orange {
  background: rgba(8, 125, 196, 1);
  color: rgba(255, 255, 255, 1);
}

.cookie-infobox .mw--48 {
  max-width: 48em;
}

.cookie-infobox .flex--row {
  flex-direction: row;
}

.cookie-infobox .flex--column {
  flex-direction: column;
}

.cookie-infobox .center {
  margin: 0 auto;
}

.cookie-infobox .button {
  position:relative;
  padding: 7.5px 15px;
  overflow: hidden;
  margin-bottom: 0;
  border: none;
  border-radius: 2px;
  background: rgba(8, 125, 196, 1);
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14.4px;
  font-size: 14.4px;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 1);
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all .2s ;
}

.cookie-infobox .button--orange {
  background: rgba(239, 113, 2, 1);
}


.cookie-infobox .block {
  display: block;
}

.form-site-main-container.ebook-form .container .row form ol li label, .form-site-main-container.ebook-form .container .row form ol li label div, .form-site-main-container.ebook-form .container .row form ol li label strong {color: #a7a7a7 !important; font-size: 16px !important;}
.form-site-main-container.ebook-form .container .row form ol li input[type="submit"] { display: block !important; margin: 10px auto 0 !important; width: auto; font-size: 1rem; border: none; }
.form-site-main-container.ebook-form .container .row form ol li label.error{color: #f64a45 !important;}