@font-face {
    font-family: 'Impact';
    src: url('../fonts/Impact.eot');
    src: url('../fonts/Impact.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Impact.woff2') format('woff2'),
        url('../fonts/Impact.woff') format('woff'),
        url('../fonts/Impact.ttf') format('truetype'),
        url('../fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
}

.style1 {
  font-family: Impact;
  font-size: 40px;
}
.style3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
}
.style6 {font-size: 19px}
.style140 {
  font-family: Impact;
  font-size: 25px;
}
.style141 {font-family: Arial, Helvetica, sans-serif}
.style144 {color: #009900}
.style149 {font-family: Impact, Oswald, sans-serif; font-size: 28px; text-align: center; text-transform: uppercase; }
.style8 {font-size: 17px}
.style10 {font-size: 25px}
.style11 {font-size: 20px}
.style16 {font-size: 18px}
.style17 {
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
}
.style18 {
  font-size: 32px;
  font-family: Arial, Helvetica, sans-serif;
}
.style20 {font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; }
.style22 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 31px;
}
.style24 {font-family: Impact; font-size: 27px; }
.style27 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 27px;
}
.style31 {font-size: 37px}
.style35 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.style37 {
  font-family: segoe;
  font-style: italic;
  font-size: 23px;
  font-weight: bold;
  color: #B30000;
}
.style42 {font-size: 14px}
.style45 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 35px;
  color: #000099;
}
.style47 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
}
.style49 {font-size: 21px}
.style50 {font-size: 22px}
.style150 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
}
.style153 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 25px;
}
.style155 {font-size: 28px; font-family: Arial, Helvetica, sans-serif; }
.style156 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; }
.style157 {
  font-family: segoe;
  font-style: italic;
  font-size: 22px;
  font-weight: bold;
  color: #B30000;
}

.style176 {
    font-family: Impact;
    font-size: 35px;
}

.blueprint-style3 {
    margin-left: -25px;
    margin-top: -15px;
}

.l-submain .blueprint-content {
    max-width: 872px;
    margin: 0 auto 50px;
    background: #fff;
    padding: 30px;
    color: #000000 !important;
}

.l-submain .blueprint-content img {
  max-width: 100%;
  height: auto;
}

.blueprint-giveaway-section {
    max-width: 86%;
    margin: 50px auto auto;
    padding: 30px auto !important;
    padding: auto;
}


.blueprint-description {
    padding: 25px 0 0;
    max-width: 85%;
}

.blueprint-giveaway-tableau-img {
    margin-top: -2%
}
.blueprint-giveaway-tableau-img img {
    width: 580px;
    height: 477px;
    object-fit: contain;
}

.blueprint-giveaway-title-img img {
    width: 670px;
    object-fit: contain;
}

.blueprint-giveaway-title-img {
    height: 70px;
}

.blueprint-giveaway-countdown {
    margin: 0 0 0 -6%;
    max-height: 120px;
}

.before-counter-title {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.giveaway-expired {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 20px;
}

.blueprint-giveaway-campaign .grwf2-wrapper.wf2-embedded {
    margin-left: 0 !important;
}

.blueprint-giveaway-campaign .giveaway-expired {
    margin-top: 25px;
    background-color: rgb(242, 242, 242);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

h2.blueprint-contact-title {
    font-size: 1.5rem;
}

.blueprint-giveaway-end-title {
    padding: 25px 0 0;
    font-size: 18px;
    font-weight: 600;
    max-width: 72%;
    margin: auto;
}

.based-on {
  margin: 25px auto;
  text-align: center
}


.row.get-row img {
    margin: 30px auto;
}

.row.back-row {
    margin: 5vw -15px 0;
}

.row.get-row .col-md-4  {
   text-align: center
}

.line-break {
  margin: 20px auto;
}

.see-row img {
    margin: 30px auto;
}

.more-questions {
    text-align: center;
    margin: 30px 0;
}

.row.get-row {
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.card {
    margin-bottom: 10px;
    border-radius: 0 !important;
    border: 0;
}



.card .btn {
    white-space: normal;
    color: #000;
    text-decoration: none;
    font-size: 19px;
}

.blueprint-content .card .btn:hover {
    color: unset !important;    
}

.ribbon {
  width: 97%;
  max-width: 600px;
  height: 60px;
  margin: 50px auto;
  position: relative;
  color: #fff;
  font: 28px/60px Impact, Oswald, sans-serif;
  text-align: center;
  text-transform: uppercase;
  background: #1B998B;
  font-weight: 700;
  -webkit-animation: main 250ms;
  -moz-animation: main 250ms;
  -ms-animation: main 250ms;
  animation: main 250ms;
  z-index: 1;
}

.ribbon i {
  position: absolute;
}

.ribbon i:first-child, .ribbon i:nth-child(2) {
  position: absolute;
  left: -20px;
  bottom: -20px;
  z-index: -1;
  border: 20px solid transparent;
  border-right-color: #157f73;
  
  -webkit-animation: edge 500ms;
  -moz-animation: edge 500ms;
  -ms-animation: edge 500ms;
  animation: edge 500ms;
  display: none;
}

.ribbon i:nth-child(2) {
  left: auto;
  right: -20px;
  border-right-color: transparent;
  border-left-color: #157f73;
}

.ribbon i:nth-child(3), .ribbon i:last-child {
  width: 20px;
  bottom: -20px;
  left: -60px;
  z-index: -2;
  border: 30px solid #157f73;
  border-left-color: transparent;
  
  -webkit-animation: back 600ms;
  -moz-animation: back 600ms;
  -ms-animation: back 600ms;
  animation: back 600ms;
  
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.ribbon i:last-child {
  bottom: -20px;
  left: auto;
  right: -60px;
  border: 30px solid #157f73;
  border-right-color: transparent;

  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.underline {
  text-decoration: underline;   
}

@media (max-width: 768px){

.blueprint-giveaway-section {
    margin: 35px auto auto;
}

.l-submain .blueprint-content {
    padding: 35px 15px;
}

.blueprint-giveaway-title-img {
    height: auto;
}

.blueprint-giveaway-countdown {
    margin: 15px auto auto;    
}

.blueprint-giveaway-tableau-img img {
    height: auto;    
}

.blueprint-description {
    max-width: 100%;
}

h2.blueprint-contact-title {
    font-size: 1.3rem;
}
.blueprint-giveaway-end-title {
    max-width: 100%;
}

.ribbon {
    transform: scale(0.85);
    font-size: 1.5rem;
}

}


@media only screen and (max-width: 410px) and (min-width: 200px) {
    .style24 {
        font-size: 16px !important;
    }
    
    .row.get-row img {
        margin-top: 8px;
    }
    
    .style31 {
        font-size: 32px;
    }
    
    .style3 {
        font-size: 17px;
    }
    
}

@media only screen and (max-width: 469px) {
    .style24 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 998px) {
    .style24 {
        font-size: 22px;
    }
}


/* animations */

@-webkit-keyframes main {
  0% { -webkit-transform: scaleX(0); }
  100% { -webkit-transform: scaleX(1); }
}

@-webkit-keyframes edge {
  0%, 50% { -webkit-transform: scaleY(0); }
  100% { -webkit-transform: scaleY(1); }
}

@-webkit-keyframes back {
  0%, 75% { -webkit-transform: scaleX(0); }
  100% { -webkit-transform: scaleX(1); }
}


@-moz-keyframes main {
  0% { -moz-transform: scaleX(0); }
  100% { -moz-transform: scaleX(1); }
}

@-moz-keyframes edge {
  0%, 50% { -moz-transform: scaleY(0); }
  100% { -moz-transform: scaleY(1); }
}

@-moz-keyframes back {
  0%, 75% { -moz-transform: scaleX(0); }
  100% { -moz-transform: scaleX(1); }
}


@keyframes main {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@keyframes edge {
  0%, 50% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}

@keyframes back {
  0%, 75% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}