@charset "UTF-8";
/* ==========================================================================
   Mixins: Css Animation(transition), Border Radius
   ========================================================================== */
/* CSS Animation */
/*
Usage: @include transition(all 0.2);
*/
/* Border Radius */
/*
Usage:
@include border-radius(5px);

@include border-top-radius(10px);
@include border-right-radius(8px);
@include border-bottom-radius(10px);
@include border-left-radius (6px);
*/
/* Get Bar Percentage for VideoPal prices */
/* ==========================================================================
   Main Colors
   ========================================================================== */
/* Text Colors */
/* Background Colors */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #000; }

.relative {
  position: relative; }

body {
  font-family: 'Economica', sans-serif;
  font-size: 30px;
  font-weight: normal;
  line-height: normal;
  background: #fff; }

#wrapper {
  max-width: 1920px;
  margin: 0 auto; }

/* ==========================================================================
   Miscellaneous
   ========================================================================== */
textarea:focus, input:focus {
  outline: none; }

a {
  outline: 0; }
  a:focus {
    outline: 0; }

.temporary-block {
  display: block; }

.text-border-bottom {
  position: relative; }
  .text-border-bottom:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #666666;
    position: absolute;
    left: 0;
    bottom: 3px; }

.center-block {
  margin: 0 auto;
  float: none; }

.modal {
  z-index: 90002; }

.inlineB {
  display: inline-block; }

#wrapper .noMargin {
  margin: 0; }

#wrapper .noPadding {
  padding: 0; }

#wrapper .noBorderB {
  border-bottom: none; }

#wrapper .full-wide {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto; }

.text-underline {
  text-decoration: underline; }

.separator-top {
  position: relative; }
  .separator-top:after {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    margin: auto;
    border-top: 2px dashed #ccc; }

.separator-bot {
  position: relative; }
  .separator-bot:after {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    margin: auto;
    border-bottom: 2px dashed #ccc; }

/* 5 Columns */
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }

/* Default List */
.default-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .default-list li {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 35px; }

/************************************
CUSTOM Icons
************************************/
@font-face {
  font-family: 'videobuilder';
  src: url("../fonts/videobuilder.eot?81342547");
  src: url("../fonts/videobuilder.eot?81342547#iefix") format("embedded-opentype"), url("../fonts/videobuilder.svg?81342547#videobuilder") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'videobuilder';
  src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"); }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'videobuilder';
    src: url('../font/videobuilder.svg?81342547#videobuilder') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "videobuilder";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-ok:before {
  content: '\e800'; }

/* '' */
/* ==========================================================================
   ########################### VideoBuilder Sections ########################
   ========================================================================== */
/***************************
DEFAULT SECTION
***************************/
/***************************
Section 01
***************************/
.discount-bar {
  background: #000;
  min-height: 66px; }
  .discount-bar p {
    line-height: 66px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 0; }
  .discount-bar .defaultCountdown {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 30px;
    margin: auto;
    transform: scale(0.5); }

.section01 .section01-content {
  position: relative;
  background: #7387d1;
  color: #fff; }
  .section01 .section01-content:before {
    content: '';
    display: block;
    width: 100%;
    height: 270px;
    background: url(../assets/large/bg-top-section01.gif) no-repeat center top;
    position: absolute;
    left: 0;
    top: 0; }

.section01 .bg-waves {
  margin-top: -140px;
  position: relative;
  z-index: 2; }

.section01-content h1.logo {
  margin: 0 0 15px 0;
  padding-top: 15px;
  text-align: center; }
  .section01-content h1.logo:before {
    content: '';
    display: block;
    width: 34px;
    height: 20px;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: 2; }
  .section01-content h1.logo img {
    position: relative;
    z-index: 3; }

.section01-content h1.main-title {
  font-size: 72px;
  font-weight: 700;
  line-height: 74px;
  text-align: center;
  margin: 25px 0; }

.s01-text1 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  text-align: center; }

.s01-text2 {
  background: #657ac6;
  font-size: 36px;
  line-height: 38px;
  font-weight: 700;
  text-align: center;
  padding: 20px;
  margin-bottom: 25px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.video-container {
  background: #d2d2d2; }
  .video-container iframe {
    max-width: 100%; }
  .video-container img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

.s01-list1 {
  list-style: none;
  padding: 0;
  margin: 0; }
  .s01-list1 li {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 30px;
    background: url(../assets/large/list-border.png) repeat-x left bottom; }
    .s01-list1 li:last-child {
      background: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    .s01-list1 li i {
      font-size: 21px;
      margin-right: 5px; }

.get-access {
  text-align: center;
  padding: 25px 0;
  position: relative;
  z-index: 3; }
  .get-access strong {
    font-size: 18px; }
  .get-access .btn-access {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    width: 520px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f428b1+0,ee1c8f+100 */
    background: #f428b1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f428b1 0%, #ee1c8f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f428b1 0%, #ee1c8f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f428b1 0%, #ee1c8f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f428b1', endColorstr='#ee1c8f',GradientType=0 );
    /* IE6-9 */
    color: #fff;
    text-decoration: none;
    font-size: 34px;
    line-height: 100px;
    padding: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    text-shadow: 2px -2px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.3); }
    .get-access .btn-access:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f832cd+0,ea1274+100 */
      background: #f832cd;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f832cd 0%, #ea1274 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f832cd 0%, #ea1274 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f832cd 0%, #ea1274 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f832cd', endColorstr='#ea1274',GradientType=0 );
      /* IE6-9 */ }
  .get-access span {
    display: block;
    font-size: 18px;
    color: #000; }

/***************************
Section 02
***************************/
.section02-content {
  text-align: center;
  color: #000; }
  .section02-content .s02-text1 {
    font-size: 60px;
    font-weight: 400;
    line-height: 62px;
    margin-bottom: 35px; }
  .section02-content .s02-text2 {
    font-size: 48px;
    line-height: 50px;
    font-style: italic;
    margin-bottom: 25px;
    padding: 0 45px; }
  .section02-content .s02-text3 {
    font-size: 60px;
    line-height: 62px;
    font-weight: 700;
    margin-bottom: 70px; }
  .section02-content .s02-text4 {
    font-size: 48px;
    line-height: 50px;
    font-style: italic;
    color: #7387d1; }

/***************************
Section 03
***************************/
.section03 {
  background: #ececec;
  margin-top: 90px; }
  .section03 .s03-bg-top {
    position: absolute; }

.hubspot-stats p {
  padding: 0 15px;
  margin: 25px 0 0 0;
  font-weight: 700;
  line-height: 36px;
  color: #000;
  text-align: center; }
  .hubspot-stats p span {
    color: #7387d1; }

.circle strong {
  position: absolute;
  top: 87px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 60px;
  line-height: 62px;
  height: 62px;
  font-weight: 700;
  color: #7387d1; }
  .circle strong:after {
    content: '';
    display: block;
    width: 166px;
    height: 166px;
    background: transparent;
    box-shadow: 0 0 35px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    left: -10px;
    top: 7px;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    border-radius: 100%; }

.circle canvas {
  background: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: inset 15px -15px 15px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 0, 0, 0.4); }

.s03-box {
  background: #fff;
  margin-top: 200px;
  position: relative;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .s03-box h2.s03-title {
    background: url(../assets/large/s03-bg-title.png) no-repeat left top;
    font-size: 60px;
    font-weight: 700;
    line-height: 100px;
    color: #fff;
    height: 143px;
    padding: 0 0 0 65px;
    position: relative;
    top: -75px;
    left: 5px;
    margin-bottom: -55px; }

p.s03-text1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
  padding-bottom: 85px; }
  p.s03-text1.bottom-separator {
    position: relative; }
    p.s03-text1.bottom-separator:after {
      content: '';
      width: 55%;
      height: 3px;
      background: url(../assets/large/s03-bottom-separator.gif) repeat-x left top;
      position: absolute;
      bottom: 35px;
      left: 0;
      right: 0;
      margin: auto; }
  p.s03-text1 span strong {
    text-decoration: underline; }

p.s03-text2 {
  color: #7387d1;
  font-size: 60px;
  font-weight: 700;
  line-height: 62px;
  text-align: center;
  margin-top: 70px; }

.s03-img1 {
  position: absolute;
  left: -190px;
  top: -18px; }

.s03-img2 {
  position: absolute;
  right: -300px;
  top: -90px; }

/***************************
Section 04
***************************/
.section04 {
  background: #313645;
  color: #fff;
  position: relative;
  z-index: 4; }

h2.s04-title {
  background: url(../assets/large/s03-bg-title.png) no-repeat left top;
  font-size: 48px;
  font-weight: 700;
  line-height: 100px;
  color: #fff;
  height: 143px;
  padding: 0 0 0 55px;
  margin-bottom: 50px;
  position: relative;
  top: -25px;
  left: 5px; }

.tester-review .tester-name {
  float: left;
  margin-right: 10px;
  text-align: center; }
  .tester-review .tester-name p {
    font-size: 18px;
    color: #b0bef2;
    text-transform: uppercase;
    margin-bottom: 0; }

.tester-review .tester-name img {
  border-radius: 50%;
  border: 3px solid #b0bef2;
  margin-bottom: 15px; }

.tester-review .tester-feedback p {
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 15px; }
  .tester-review .tester-feedback p.tester-rating {
    font-size: 21px;
    line-height: 21px; }

.tester-review .tester-feedback .fa {
  color: #f8ad2a;
  font-size: 21px;
  margin-right: 8px; }

.s04-waves {
  margin-bottom: -97px;
  position: relative;
  top: -1px; }

/***************************
Section 05
***************************/
.section05 {
  padding-top: 200px;
  background: #fff url(../assets/large/s05-bg-gears.jpg) no-repeat right 25px;
  background-size: 844px 475px; }

.section05 p {
  color: #000;
  margin-bottom: 45px; }

.s05-title {
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 45px; }

.s05-subtitle {
  text-align: center;
  font-size: 36px;
  line-height: 38px; }

/***************************
Section 06
***************************/
.section06 {
  position: relative;
  background: #7387d1;
  color: #fff; }

.s06-subtitle {
  background: url(../assets/large/s06-bg-title.png) no-repeat left top;
  height: 239px;
  font-size: 48px;
  line-height: 50px;
  color: #000;
  font-weight: 700;
  padding: 20px 0 0 50px;
  margin-bottom: 50px;
  position: relative;
  top: -3px; }
  .s06-subtitle:after {
    content: '';
    display: block;
    width: 96px;
    height: 80px;
    background: url(../assets/large/s06-arrow.png) no-repeat left top;
    background-size: contain;
    position: absolute;
    right: 130px;
    top: 84px; }

.videobuilder-feature {
  display: table;
  background: #fff;
  height: 166px;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  box-shadow: -10px 10px 15px rgba(0, 0, 0, 0.2); }
  .videobuilder-feature:before {
    content: "‘‘";
    font-family: 'Enriqueta', serif;
    position: absolute;
    left: 40px;
    top: -27px;
    color: #7387d1;
    font-size: 76px;
    font-weight: bold;
    text-shadow: 0px -2px 0 #fff, 2px 0px 0 #fff; }
  .videobuilder-feature:after {
    content: "‘‘";
    font-family: 'Enriqueta', serif;
    position: absolute;
    right: 40px;
    top: -27px;
    color: #7387d1;
    font-size: 76px;
    font-weight: bold;
    text-shadow: 0px -2px 0 #fff, 2px 0px 0 #fff;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .videobuilder-feature p {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: #000;
    margin: 0;
    padding: 0 50px 0 25px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    .videobuilder-feature p img {
      position: absolute;
      right: -5px;
      bottom: -18px; }

.s06-text {
  text-align: center;
  font-size: 24px;
  font-style: italic;
  color: #fff;
  margin: 15px 0 65px 0; }

/***************************
Section 07
***************************/
.section07 {
  background: #fff; }

.s07-title {
  margin: 0 0 50px 0;
  font-size: 60px;
  line-height: 62px;
  font-weight: 700;
  text-align: center;
  position: relative;
  margin-top: -50px; }

.section07-content {
  background: url(../assets/large/s07-bg.jpg) no-repeat center bottom;
  background-size: cover;
  padding-bottom: 50px; }

.s07-subtitle {
  text-align: right;
  height: 239px;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  color: #fff;
  padding: 20px 50px 0 0;
  margin-bottom: 50px;
  position: relative;
  top: -3px;
  background: url(../assets/large/s07-bg-title.png) no-repeat right top; }
  .s07-subtitle .text-border-bottom:after {
    background: #fff; }
  .s07-subtitle:after {
    content: '';
    display: block;
    width: 96px;
    height: 80px;
    background: url(../assets/large/s07-arrow.png) no-repeat left top;
    background-size: contain;
    position: absolute;
    left: 130px;
    top: 84px; }

.featured-box {
  background: #2a2f3d;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
  z-index: 3;
  padding: 15px 0;
  margin-bottom: 70px; }
  .featured-box strong {
    color: #ffdb5e; }
  .featured-box.left {
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    background-clip: padding-box;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    background-clip: padding-box; }
    .featured-box.left:before {
      content: '';
      display: block;
      width: 50%;
      height: 100%;
      position: absolute;
      left: -45%;
      top: 0;
      background: #2a2f3d;
      z-index: -1; }
    .featured-box.left .featured-icon {
      position: absolute;
      right: -105px;
      top: -35px; }
  .featured-box.right {
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    background-clip: padding-box;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    background-clip: padding-box;
    text-align: right; }
    .featured-box.right:before {
      content: '';
      display: block;
      width: 50%;
      height: 100%;
      position: absolute;
      right: -46%;
      top: 0;
      background: #2a2f3d;
      z-index: -1; }
    .featured-box.right .featured-icon {
      position: absolute;
      left: -105px;
      top: -35px; }

/***************************
Section 08
***************************/
.section08 {
  background: #fff;
  padding-bottom: 100px; }
  .section08 .video-container {
    position: relative;
    height: 420px;
    background: none; }
    .section08 .video-container:before {
      content: '';
      display: block;
      width: 122px;
      height: 136px;
      background: url(../assets/large/s08-arrow1.png) no-repeat left top;
      position: absolute;
      left: 20px;
      bottom: -4px;
      z-index: 4; }
    .section08 .video-container:after {
      content: '';
      display: block;
      width: 171px;
      height: 123px;
      background: url(../assets/large/s08-arrow2.png) no-repeat left top;
      position: absolute;
      right: 25px;
      top: -46px;
      z-index: 4; }

.s08-text1 {
  text-align: center;
  font-size: 48px;
  font-weight: 700; }

/***************************
Section 10
***************************/
.section10 {
  background: #fff;
  margin-top: 100px;
  padding: 50px 0 0 0; }

.s10-title {
  display: inline-block;
  font-size: 48px;
  font-weight: 700;
  color: #000;
  margin-bottom: 75px;
  position: relative;
  z-index: 3; }

.s10-content1 p {
  margin: 0;
  padding-right: 55px; }

.s10-content1 .flex-row {
  margin-top: -150px; }

.s10-content2 {
  background: #e4e4e4; }
  .s10-content2 .s10-img2 {
    margin-top: -82px; }
  .s10-content2 p {
    text-align: right; }

.s10-content3 {
  padding: 100px 0 0 0; }
  .s10-content3 p {
    margin: 0;
    text-align: center; }
  .s10-content3 .s10-img3 {
    margin-top: 60px;
    margin-bottom: -120px;
    position: relative;
    z-index: 3; }

.s10-content4 {
  background: #e4e4e4;
  padding: 30px 0 0 0; }

.s10-content5 .s10-img5 {
  margin-top: 25px;
  margin-left: -100px; }

.s10-content5 p {
  text-align: right;
  margin: 0; }

.s10-content6 {
  background: #e4e4e4;
  padding: 30px 0 0 0; }
  .s10-content6 .s10-img6 {
    margin-top: 25px;
    margin-left: -100px; }

.s10-content7 {
  background: #fff;
  padding: 30px 0 0 0; }
  .s10-content7 .s10-img6 {
    margin-left: -40px; }
  .s10-content7 p {
    text-align: right; }

.s10-content8 {
  background: #e4e4e4;
  padding: 0; }
  .s10-content8 .s10-img8 {
    margin-top: -90px; }

.s10-text1 {
  text-align: center;
  margin-top: -50px; }

/***************************
Section 11
***************************/
.section11 {
  background: #f3f3f3;
  padding-bottom: 50px; }

.section11 p,
.section11 h3 {
  position: relative;
  z-index: 3; }

.s11-title {
  font-size: 60px;
  font-weight: 700;
  line-height: 64px;
  color: #000;
  text-align: center;
  margin-bottom: 190px; }

.s11-content1 {
  padding: 70px 0;
  background: url(../assets/large/s11-img1.jpg) no-repeat right center;
  position: relative; }

.s11-subtitle {
  font-size: 48px;
  font-weight: 700;
  color: #5870c9;
  margin-bottom: 30px; }

.s11-item {
  padding: 0 0 0 60px;
  position: relative;
  margin-bottom: 30px; }
  .s11-item:last-child {
    margin-bottom: 0; }
  .s11-item i.icon-ok {
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #7060ad;
    font-size: 32px; }

.s11-content2 {
  padding: 50px 0;
  background: url(../assets/large/s11-img2.jpg) no-repeat left center;
  position: relative; }

.s11-content3 {
  padding: 50px 0 150px 0;
  position: relative; }

.s11-img3 {
  position: absolute;
  right: 0;
  top: -425px;
  z-index: 2; }

.s11-content4 {
  padding: 50px 0 150px 0;
  position: relative; }

.s11-img4 {
  position: absolute;
  left: 0;
  top: -175px;
  z-index: 2; }

.s11-content5 {
  padding: 50px 0 150px 0;
  position: relative; }

.s11-img5 {
  position: absolute;
  right: 0;
  top: -100px;
  z-index: 2; }

/***************************
Section 13
***************************/
.section13 {
  background: #d0d1d2 url(../assets/large/s13-bg.jpg) no-repeat right center;
  position: relative;
  padding-top: 50px;
  min-height: 700px; }
  .section13 .s13-bg-top {
    position: absolute;
    top: -175px;
    z-index: 3; }

.s13-text {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 70px; }

/***************************
Section 15
***************************/
.section15 {
  background: #5870c9;
  padding: 150px 0;
  position: relative; }
  .section15 .flex-row {
    margin-bottom: 50px; }

.s15-title {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 70px; }
  .s15-title strong.text-border-bottom:after {
    background: #fff; }

.s15-text {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  color: #fff; }

.s15-woman {
  position: absolute;
  left: 5%;
  bottom: -56px; }

.s15-man {
  position: absolute;
  right: 5%;
  bottom: -52px; }

/***************************
Section 16
***************************/
.section16 {
  background: #fff;
  padding: 75px 0; }
  .section16 h2 {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 64px;
    color: #000;
    margin-bottom: 60px; }
  .section16 p {
    color: #000;
    margin-bottom: 30px; }

.s16-img1 {
  position: relative;
  z-index: 7; }

/***************************
Section 17
***************************/
.section17 {
  background: #fff;
  padding: 75px 0 125px 0;
  position: relative;
  margin-top: -250px; }
  .section17 h2 {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 64px;
    color: #000;
    margin-bottom: 120px; }
  .section17 p {
    color: #000;
    margin-bottom: 30px; }

.s17-img1 {
  position: absolute;
  left: 0;
  top: 120px; }

/***************************
Section 18
***************************/
.section18 {
  background: #fff;
  position: relative; }
  .section18 h2 {
    text-align: center;
    font-size: 60px;
    line-height: 64px;
    font-weight: 700;
    margin-top: 70px;
    margin-bottom: 60px; }
  .section18 h3 {
    color: #000;
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px; }

.s18-video {
  margin-bottom: 30px; }

.s18-text1 {
  margin-bottom: 45px; }
  .s18-text1 a {
    color: #5870c9;
    text-decoration: none; }
  .s18-text1 a:hover {
    text-decoration: underline; }

/***************************
Section 19
***************************/
.section19 {
  background: #fff; }
  .section19 h2 {
    text-align: center;
    font-size: 60px;
    line-height: 64px;
    font-weight: 700;
    margin-top: 70px;
    margin-bottom: 60px; }
  .section19 p {
    margin-bottom: 45px; }

/***************************
Section 20
***************************/
.section20 {
  background: #fff;
  position: relative;
  padding-bottom: 50px; }

.s20-title {
  font-size: 60px;
  line-height: 64px;
  font-weight: 700;
  margin-top: 70px;
  margin-bottom: 60px; }

.s20-subtitle {
  font-size: 36px;
  line-height: 40px; }

.s20-text {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 45px; }
  .s20-text:last-child {
    margin-bottom: 0; }

.s20-timeline {
  margin-bottom: 110px;
  margin-top: -400px; }

.s20-img {
  position: absolute;
  bottom: -45px;
  right: 150px;
  z-index: 4; }

/***************************
Section 21
***************************/
.section21 {
  background: none;
  position: relative;
  padding-bottom: 50px; }
  .section21 h2.s21-title {
    position: absolute;
    text-align: center;
    font-size: 60px;
    line-height: 64px;
    font-weight: 700;
    top: 120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff; }
  .section21 .text-border-bottom:after {
    background: #fff; }
  .section21 .get-access {
    padding-bottom: 0;
    margin-bottom: 15px; }

.s21-subtitle {
  text-align: center;
  font-size: 60px;
  line-height: 64px;
  font-weight: 700;
  margin: 70px 0 0 0; }
  .s21-subtitle strong {
    display: block;
    margin-top: 20px;
    font-size: 120px;
    font-weight: 700;
    color: #f122a0; }

.s21-img1 {
  position: absolute;
  left: 0;
  top: 50px; }

.s21-img2 {
  position: absolute;
  right: 0;
  top: 50px; }

.s21-text {
  font-size: 48px;
  line-height: 52px;
  margin: 70px 0;
  text-align: center; }

.s21-note {
  text-align: center; }

.defaultCountdown {
  position: relative;
  text-align: center;
  margin-bottom: 70px; }
  .defaultCountdown span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 48px;
    position: relative;
    width: 120px;
    height: 103px;
    background: #5870c9;
    font-size: 60px;
    line-height: 103px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.2); }
    .defaultCountdown span:after {
      content: ':';
      position: absolute;
      right: -35px;
      top: 0;
      color: blue;
      font-size: 60px;
      font-weight: 700; }
    .defaultCountdown span:last-child {
      margin-right: 0; }
      .defaultCountdown span:last-child:after {
        display: none; }
    .defaultCountdown span b {
      display: block;
      position: absolute;
      font-size: 24px;
      font-weight: normal;
      left: 0;
      bottom: -80px;
      text-align: center;
      width: 100%;
      z-index: 9;
      text-transform: uppercase;
      color: #000; }

/***************************
Section 22
***************************/
.section22 {
  background: url(../assets/large/s22-bg.gif) repeat left top;
  color: #fff;
  padding: 70px 0 0 0; }

.s22-title {
  text-align: center;
  font-size: 60px;
  line-height: 64px;
  font-weight: 700; }

.row.bonus-row {
  margin: 0 -50px; }
  .row.bonus-row div[class^="col-"] {
    padding: 0 50px; }

.s22-bonus {
  color: #fff;
  margin-bottom: 50px; }
  .s22-bonus .bonus-img {
    margin-bottom: 30px; }
  .s22-bonus .bonus-text {
    background: #3e5093;
    padding: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
  .s22-bonus .bonus-text p {
    margin-bottom: 45px;
    font-size: 28px;
    font-weight: 700; }
    .s22-bonus .bonus-text p:last-child {
      margin: 0; }

/***************************
Section 23
***************************/
.section23 {
  background: #fff;
  padding: 50px 0;
  margin-top: -80px; }

.s23-title {
  font-size: 60px;
  line-height: 64px;
  font-weight: 600;
  color: #000;
  margin: 0 0 30px 0;
  text-align: center;
  position: relative;
  z-index: 3; }

.get-access.blue .btn-access {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6985d3+0,485cbf+100 */
  background: #6985d3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6985d3 0%, #485cbf 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6985d3 0%, #485cbf 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6985d3 0%, #485cbf 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6985d3', endColorstr='#485cbf', GradientType=0);
  /* IE6-9 */ }
  .get-access.blue .btn-access:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82a5e3+0,313eb1+100 */
    background: #82a5e3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #82a5e3 0%, #313eb1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #82a5e3 0%, #313eb1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #82a5e3 0%, #313eb1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82a5e3', endColorstr='#313eb1', GradientType=0);
    /* IE6-9 */ }

.s23-important {
  background: #f122a0;
  position: relative;
  padding: 75px 0 125px 0; }

.important-text {
  margin-bottom: 45px;
  color: #fff; }

.s23-img1 {
  position: absolute;
  right: 0;
  bottom: -160px; }

.s23-counter {
  position: relative;
  top: -55px;
  text-align: center; }

/***************************
Section 24
***************************/
.section24 {
  background: #fff;
  color: #000;
  padding: 50px 0;
  text-align: center; }
  .section24 h2 {
    font-size: 60px;
    line-height: 64px;
    font-weight: 700;
    margin: 0; }
  .section24 img {
    display: inline-block;
    margin: 50px 0; }
  .section24 h3 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
    margin: 0; }

/***************************
Section 26
***************************/
.section26 {
  margin-top: 75px; }
  .section26 .get-access strong {
    color: #000; }

/***************************
Section 27
***************************/
.section27 {
  background: #fff;
  padding: 30px 0; }

.s27-text1 {
  text-align: center;
  color: #000;
  margin-bottom: 20px; }

.author-box {
  text-align: center;
  position: relative; }
  .author-box.paul {
    -ms-transform: rotate(-12deg);
    /* IE 9 */
    -webkit-transform: rotate(-12deg);
    /* Safari */
    transform: rotate(-12deg); }
  .author-box.todd {
    margin-top: 70px;
    -ms-transform: rotate(12deg);
    /* IE 9 */
    -webkit-transform: rotate(12deg);
    /* Safari */
    transform: rotate(12deg); }
  .author-box img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px; }
  .author-box p {
    font-weight: 700;
    color: #5870c9; }

.s27-title {
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin: 25px 0 65px 0; }

.faq-box {
  background: #5870c9;
  color: #fff;
  padding: 30px 45px;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.faq-title {
  display: block;
  font-size: 36px;
  font-weight: 700;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff; }

.faq-text {
  font-size: 24px;
  line-height: 30px;
  margin: 0; }

.s27-text2 {
  margin-top: 40px;
  text-align: center;
  color: #000; }

/***************************
Footer
***************************/
footer {
  background: #dadada;
  color: #000;
  text-align: center;
  padding: 30px 0; }
  footer p {
    font-size: 18px;
    margin-bottom: 25px; }
    footer p:last-child {
      margin: 0; }
  footer p a {
    color: #000;
    text-decoration: none; }
  footer p a:hover {
    text-decoration: none; }

/* ==========================================================================
   Responsiveness Styles
   ========================================================================== */
/**************************************
Screen HD - 1920px wide
**************************************/
@media all and (max-width: 1919px) {
  .section12 {
    background-size: 100% auto; }
  .s03-img1 {
    max-width: 360px; }
  .s03-img2 {
    max-width: 320px;
    right: -200px; }
  .featured-box.right:before {
    right: -230px; }
  .section05 {
    background-size: 644px auto; }
  .s11-content1 {
    background-size: 820px auto; }
  .s11-content2 {
    background-size: 500px auto; }
  .s11-img3 {
    max-width: 620px;
    top: -180px; }
  .s11-img4 {
    top: 0;
    max-width: 500px; }
  .s11-img5 {
    top: -55px;
    max-width: 800px; }
  .section13 .s13-bg-top {
    top: -150px; }
  .section13 {
    background-size: contain; }
  .s17-img1 {
    max-width: 800px; }
  .section21 h2.s21-title {
    font-size: 48px;
    line-height: 52px;
    top: 110px; }
  .s23-img1 {
    max-width: 420px; } }

/**************************************
Screen Default
*******************************/
@media all and (max-width: 1599px) {
  .featured-box.right:before {
    right: -150px; }
  .s03-img2 {
    right: -110px; }
  .s11-img5 {
    max-width: 670px;
    top: 50px; }
  .section13 .s13-bg-top {
    top: -140px; }
  .s17-img1 {
    max-width: 680px;
    top: 150px; }
  .s20-img {
    right: 50px; }
  .section21 h2.s21-title {
    font-size: 36px;
    line-height: 38px; }
  .s20-timeline {
    margin-top: -200px; } }

/**************************************
Default Laptop
*******************************/
@media all and (max-width: 1439px) {
  .featured-box.right:before {
    right: -104px; }
  .s03-img1 {
    left: -110px;
    max-width: 260px; }
  .s11-content1 {
    background-size: 720px auto;
    background-position: right 220px; }
  .s11-img3 {
    max-width: 520px;
    top: -100px; }
  .s11-img4 {
    max-width: 400px; }
  .s11-img5 {
    max-width: 570px;
    top: 140px; }
  .section13 .s13-bg-top {
    top: -120px; }
  .s15-woman {
    max-width: 110px;
    left: 2%;
    bottom: -34px; }
  .s15-man {
    max-width: 180px;
    bottom: -43px; }
  .s23-img1 {
    max-width: 320px; } }

/**************************************
Laptop - 11" Displays
*******************************/
@media all and (max-width: 1279px) {
  .s03-img2 {
    right: -30px; }
  .s04-waves {
    margin-bottom: -77px; }
  .section05 {
    background-size: 444px auto; }
  .featured-box.left:before,
  .featured-box.right:before {
    display: none; }
  .featured-box.left {
    padding-left: 40px; }
  .featured-box.right {
    padding-right: 40px; }
  .s11-content2 {
    background-size: 400px auto; }
  .s17-img1 {
    max-width: 580px;
    top: 250px; }
  .s20-img {
    max-width: 300px;
    bottom: -35px; }
  .s20-timeline {
    margin-top: 0; }
  .section21 h2.s21-title {
    font-size: 32px;
    line-height: 32px; } }

/**************************************
Tablets
*******************************/
@media all and (max-width: 1199px) {
  .video-container {
    margin-bottom: 35px; }
  .s01-list1 {
    text-align: center; }
  .section03 .circle {
    text-align: center; }
  .s03-img1 {
    left: -80px;
    top: 0; }
  .s03-img2 {
    right: 0;
    max-width: 180px; }
  p.s03-text1 {
    padding-left: 100px;
    padding-right: 100px; }
    p.s03-text1:nth-child(4) {
      padding-left: 200px;
      padding-right: 200px; }
  .section03 .circle {
    margin-bottom: 60px; }
  .section03 .temporary-block,
  .section05 .temporary-block,
  .featured-box .temporary-block {
    display: inline; }
  .featured-box {
    margin-bottom: 100px; }
  .featured-box.left {
    padding-right: 140px; }
  .featured-box.right {
    padding-left: 140px; }
  .featured-box.left .featured-icon {
    right: 0;
    top: -100px; }
  .featured-box.right .featured-icon {
    left: 0;
    top: -100px; }
  .section05 {
    padding-top: 100px;
    background-size: 360px auto; }
  .section06 .bg-waves {
    position: relative;
    top: 5px; }
  .s06-subtitle:after {
    right: 30px; }
  .s11-content1 {
    background-size: 420px auto;
    background-position: right 420px; }
  .s11-content2 {
    background-size: 320px auto; }
  .s11-img3 {
    max-width: 400px;
    top: 100px; }
  .s11-img4 {
    max-width: 320px;
    top: 20px; }
  .s11-img5 {
    max-width: 420px;
    top: initial;
    bottom: 20px; }
  .section13 .s13-bg-top {
    top: -100px; }
  .section21 h2.s21-title {
    top: 70px; }
  .s23-img1 {
    max-width: 220px;
    bottom: 0; } }

@media all and (max-width: 991px) {
  .section01-content h1.main-title {
    font-size: 48px;
    line-height: 52px; }
  .tester-review {
    margin-bottom: 50px; }
  .s03-box h2.s03-title,
  h2.s04-title,
  .s06-subtitle,
  .s07-subtitle {
    background-size: contain;
    font-size: 36px; }
  .s04-waves {
    margin-bottom: -58px; }
  .section05 .temporary-block {
    display: inline; }
  .section05-content p:first-child {
    padding-right: 260px; }
  .s06-subtitle:after {
    right: 30px;
    left: 30px;
    margin: auto;
    top: 180px; }
  .videobuilder-feature {
    width: 100%; }
  .s07-subtitle:after {
    top: 180px; }
  .featured-box .featured-icon {
    max-width: 140px; }
  .s10-title {
    font-size: 36px; }
  .section10 .temporary-block {
    display: inline; }
  .s10-content1 p {
    padding-bottom: 80px; }
  .s10-content6 .s10-img6 {
    margin-left: 0; }
  .s10-content8 .s10-img8 {
    margin-top: -20px; }
  .s11-content1 {
    background-size: 100% auto;
    background-position: center bottom;
    padding-bottom: 400px; }
  .s11-content2 {
    background-size: 90% auto;
    padding-bottom: 600px;
    background-position: left bottom; }
  .s11-subtitle {
    font-size: 36px;
    line-height: 38px; }
  .s11-content3 {
    padding-bottom: 0; }
  .s11-img3 {
    position: relative;
    width: 100%;
    max-width: initial;
    top: 0;
    margin-top: -300px;
    margin-bottom: -150px; }
  .s11-img4 {
    top: 0;
    position: static;
    width: 100%;
    display: block;
    max-width: initial;
    margin-top: 50px; }
  .s11-img5 {
    display: none; }
  .section13 .s13-bg-top {
    top: -70px; }
  .section15 {
    text-align: center; }
  .s15-text {
    margin-top: 30px; }
  .section16 h2 .temporary-block,
  .section18 h3 .temporary-block,
  .section18 h2 .temporary-block,
  .s22-title .temporary-block {
    display: inline; }
  .s17-img1 {
    position: static; }
  .section20 {
    padding-bottom: 100px; }
  .s20-img {
    max-width: 200px;
    bottom: -25px; }
  .section21 h2.s21-title {
    top: 40px;
    font-size: 28px;
    line-height: 28px;
    font-weight: normal; }
  .row.bonus-row {
    margin: 0 -15px; }
    .row.bonus-row div[class^="col-"] {
      padding: 0 15px; } }

/**************************************
Mobile  - Default
*******************************/
/* styles for mobile browsers smaller than 767px; */
@media all and (max-width: 767px) {
  #wrapper .author-box img {
    max-width: 75%; }
  #wrapper .author-box.paul,
  #wrapper .author-box.todd {
    -ms-transform: rotate(0);
    /* IE 9 */
    -webkit-transform: rotate(0);
    /* Safari */
    transform: rotate(0); }
  .temporary-block {
    display: inline; }
  body {
    font-size: 16px;
    line-height: 18px; }
  .section01-content h1.main-title {
    font-size: 28px;
    line-height: 28px; }
  .s01-text2 {
    font-size: 24px;
    line-height: 26px; }
  .video-container {
    padding: 100px 0;
    height: auto; }
  .get-access .btn-access {
    width: 100%;
    font-size: 21px;
    line-height: 56px; }
  .section01 .bg-waves {
    margin-top: -70px; }
  .section02-content .s02-text1,
  .section02-content .s02-text3 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 30px; }
  .section02-content .s02-text2,
  .section02-content .s02-text4 {
    font-size: 18px;
    line-height: 20px;
    padding: 0 15px; }
  .s03-img1,
  .s03-img2 {
    display: none; }
  .s03-box h2.s03-title, h2.s04-title, .s06-subtitle, .s07-subtitle {
    font-size: 18px;
    line-height: 42px;
    padding-left: 30px;
    height: 90px; }
  h2.s04-title {
    margin-bottom: 0; }
  #wrapper h3.s07-subtitle {
    padding-right: 15px; }
    #wrapper h3.s07-subtitle .temporary-block {
      display: block; }
  p.s03-text1 {
    font-size: 21px;
    line-height: 23px;
    padding-bottom: 30px;
    margin-bottom: 0; }
    p.s03-text1.bottom-separator {
      padding-bottom: 60px; }
  p.s03-text1:nth-child(4),
  p.s03-text1 {
    padding-left: 15px;
    padding-right: 15px; }
  .s03-box {
    margin-top: 30px; }
  p.s03-text2 {
    font-size: 30px;
    line-height: 32px; }
  .tester-feedback {
    text-align: center; }
  .tester-review .tester-name {
    float: none;
    margin-bottom: 30px; }
  .tester-review .tester-feedback p {
    font-size: 16px;
    line-height: 16px; }
  .section05-content p:first-child {
    padding-right: 0; }
  .s04-waves {
    margin-bottom: -45px; }
  .section05 {
    padding-top: 220px;
    background-position: right top; }
  .s05-title {
    font-size: 24px;
    line-height: 26px; }
  .s05-subtitle {
    font-size: 18px;
    line-height: 20px; }
  .videobuilder-feature p {
    font-size: 17px;
    line-height: 19px; }
  .videobuilder-feature:before,
  .videobuilder-feature:after {
    font-size: 36px;
    top: 0; }
  #wrapper h2 {
    font-size: 24px;
    line-height: 36px; }
    #wrapper h2.s04-title {
      font-size: 18px;
      line-height: 36px; }
  #wrapper h3 {
    font-size: 18px;
    line-height: 20px;
    margin-top: 35px;
    margin-bottom: 35px; }
    #wrapper h3.s06-subtitle {
      padding-top: 5px; }
      #wrapper h3.s06-subtitle .temporary-block {
        display: block; }
    #wrapper h3.s07-subtitle {
      padding-top: 5px; }
  .section04 .s04-waves {
    margin-bottom: -30px; }
  .s17-img1 {
    max-width: 100%; }
  .hubspot-stats p {
    line-height: 18px; }
  .featured-box {
    font-size: 18px;
    line-height: 20px; }
  .featured-box.left {
    padding-right: 0; }
  .featured-box.right {
    padding-left: 0; }
  #wrapper img {
    max-width: 100%; }
    #wrapper img.featured-icon {
      max-width: 100px; }
  .s08-text1 {
    font-size: 18px;
    line-height: 20px; }
  .section08 .video-container:after {
    background-size: contain;
    width: 100px;
    right: 0;
    top: -27px; }
  .section08 .video-container:before {
    background-size: contain;
    height: 100px;
    width: 100px; }
  .s10-content2 .s10-img2 {
    margin-top: 0;
    margin-bottom: 30px; }
  .s10-content3 .s10-img3 {
    margin-bottom: -40px; }
  .s10-content5 {
    padding: 30px 0; }
  .s10-content5 .s10-img5 {
    display: none; }
  .s11-img3 {
    margin-top: -100px;
    margin-bottom: -100px; }
  .s13-text {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 30px; }
  .section13 .s13-bg-top {
    top: -30px; }
  #wrapper .s15-woman {
    bottom: -13px;
    max-width: 40px; }
  #wrapper .s15-man {
    max-width: 60px;
    bottom: -14px; }
  #wrapper .s21-img1,
  #wrapper .s21-img2 {
    max-width: 70px; }
  .s21-subtitle strong {
    font-size: 60px; }
  .s21-text {
    font-size: 18px;
    line-height: 20px; }
  .s22-bonus .bonus-text p {
    font-size: 18px;
    line-height: 20px; }
  .s23-img1 {
    display: none; }
  .s23-important {
    padding: 25px 0; }
  .faq-title {
    font-size: 17px;
    line-height: 19px; }
  .faq-text {
    font-size: 14px;
    line-height: 16px; }
  footer p {
    font-size: 13px;
    line-height: 16px; }
  #defaultCountdown .countdown-section {
    width: 50px;
    height: 50px; }
  #defaultCountdown .countdown-section .countdown-amount {
    font-size: 30px;
    line-height: 50px; }
  #defaultCountdown .countdown-section .countdown-period {
    font-size: 14px;
    text-transform: none;
    bottom: -30px; }
  .defaultCountdown span {
    width: 60px;
    height: 50px;
    margin-right: 30px;
    font-size: 32px;
    line-height: 50px; }
    .defaultCountdown span:after {
      font-size: 32px;
      right: -20px; }
    .defaultCountdown span b {
      bottom: -40px;
      font-size: 21px; }
  .discount-bar {
    min-height: 90px; }
  .discount-bar .defaultCountdown {
    top: 60px;
    transform: scale(0.8); }
  .section07 {
    padding-top: 60px; }
  .s10-content8 {
    padding-top: 15px; }
    .s10-content8 p {
      margin-bottom: 30px; }
  .section10 {
    margin-top: 0; }
  .s10-content1 .flex-row {
    margin-top: 0; }
  #wrapper .s10-title {
    margin-bottom: 15px;
    font-size: 21px; }
  #wrapper .s10-content8 .s10-img8 {
    max-width: 280px;
    display: block;
    margin: auto; }
  .s10-text1 {
    margin-top: 30px; }
  .s11-content1 {
    padding-top: 30px; }
  #wrapper .s11-content1 .s11-title {
    margin-bottom: 30px; }
  .s11-content1 {
    padding-bottom: 200px; }
  .s11-content2 {
    padding-bottom: 280px; }
  .s11-content4,
  .s11-content5 {
    padding-bottom: 0; }
  .section13 {
    background-size: 640px auto;
    background-position: right bottom;
    min-height: initial;
    padding-bottom: 200px; }
  .section15 {
    padding: 30px 0; }
  .s15-text {
    font-size: 19px;
    line-height: 21px; }
  .section15 .flex-row {
    margin-bottom: 15px; }
  #wrapper .section16 {
    padding: 35px 0; }
    #wrapper .section16 h2 {
      margin-bottom: 15px; }
  #wrapper .s16-img1 {
    max-width: 280px;
    display: block;
    margin: auto; }
  .section17 {
    margin-top: -170px;
    padding-bottom: 0; }
  #wrapper .section17 h2 {
    margin-bottom: 15px; }
  .section18 h2 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .s18-text1 {
    margin-bottom: 15px; }
  .section19 h2 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .section19 p {
    margin-bottom: 15px; }
  .s20-title {
    margin-top: 30px;
    margin-bottom: 30px; }
  .s20-title {
    text-align: center; }
  .s20-subtitle,
  .s20-text {
    font-size: 19px;
    line-height: 21px;
    text-align: center; }
  #wrapper .s20-img {
    max-width: 120px;
    bottom: -15px;
    right: 5px; }
  #wrapper .s21-title {
    top: 80px; }
  #wrapper .s21-bg {
    height: 300px; }
  .section22 {
    padding: 30px 0; }
  .s23-title {
    padding: 0 30px; }
  #wrapper .section23 {
    margin-bottom: -120px;
    padding-bottom: 0; }
  .s23-counter {
    top: -30px; }
  .section26 {
    margin-top: 15px; }
  .section27 {
    padding: 15px 0; }
  .author-box.todd {
    margin-top: 0; }
  #wrapper .s27-title {
    margin-bottom: 30px; }
  .s27-text2 {
    margin-top: 0; } }