/**
 *
 * @author  
 * @version v1.0
 */
/**
 * Variables to be used throughout the project
 */
/**
 * TYPOGRAPHY 
 */
body {
  font-family: "Arial", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Arial", sans-serif;
}

/**
 * STANDARD STYLES
 */
ul {
  padding: 0;
  margin: 0;
}

hr {
  border-color: #aaaaaa;
  margin: 0;
  padding: 0;
}

.img-responsive {
  min-width: 100%;
}

.align-c {
  text-align: center;
}

.align-r {
  text-align: right;
}

.align-l {
  text-align: left;
}

.push-down-main {
  margin-bottom: 0px;
}

.push-down-main-3x {
  margin-bottom: 0px;
}

.push-down-main-6x {
  margin-bottom: 0px;
}

.push-down-0 {
  margin-bottom: 0px;
}

.push-down-5 {
  margin-bottom: 5px;
}

.push-down-10 {
  margin-bottom: 10px;
}

.push-down-15 {
  margin-bottom: 15px;
}

.push-down-20 {
  margin-bottom: 20px;
}

.push-down-25 {
  margin-bottom: 25px;
}

.push-down-30 {
  margin-bottom: 30px;
}

.push-down-35 {
  margin-bottom: 35px;
}

.push-down-40 {
  margin-bottom: 40px;
}

.push-down-45 {
  margin-bottom: 45px;
}

.push-down-50 {
  margin-bottom: 50px;
}

.push-down-55 {
  margin-bottom: 55px;
}

.push-down-60 {
  margin-bottom: 60px;
}

.push-down-65 {
  margin-bottom: 65px;
}

.push-down-70 {
  margin-bottom: 70px;
}

.push-down-75 {
  margin-bottom: 75px;
}

.push-down-80 {
  margin-bottom: 80px;
}

.push-down-85 {
  margin-bottom: 85px;
}

.push-down-90 {
  margin-bottom: 90px;
}

.push-down-95 {
  margin-bottom: 95px;
}

.push-down-100 {
  margin-bottom: 100px;
}

.push-down-105 {
  margin-bottom: 105px;
}

.push-down-110 {
  margin-bottom: 110px;
}

.push-down-115 {
  margin-bottom: 115px;
}

.push-down-120 {
  margin-bottom: 120px;
}

.push-down-125 {
  margin-bottom: 125px;
}

.pull-down-main {
  margin-top: 0px;
}

.secondary-margin {
  margin: 0px;
}

.push-down-secondary {
  margin-bottom: 0px;
}

.pull-down-secondary {
  margin-top: 0px;
}

.pull-down-0 {
  margin-top: 0px;
}

.pull-down-5 {
  margin-top: 5px;
}

.pull-down-10 {
  margin-top: 10px;
}

.pull-down-15 {
  margin-top: 15px;
}

.pull-down-20 {
  margin-top: 20px;
}

.pull-down-25 {
  margin-top: 25px;
}

.pull-down-30 {
  margin-top: 30px;
}

.pull-down-35 {
  margin-top: 35px;
}

.pull-down-40 {
  margin-top: 40px;
}

.pull-down-45 {
  margin-top: 45px;
}

.pull-down-50 {
  margin-top: 50px;
}

.pull-down-55 {
  margin-top: 55px;
}

.pull-down-60 {
  margin-top: 60px;
}

.pull-down-65 {
  margin-top: 65px;
}

.pull-down-70 {
  margin-top: 70px;
}

.pull-down-75 {
  margin-top: 75px;
}

.pull-down-80 {
  margin-top: 80px;
}

.pull-down-85 {
  margin-top: 85px;
}

.pull-down-90 {
  margin-top: 90px;
}

.pull-down-95 {
  margin-top: 95px;
}

.pull-down-100 {
  margin-top: 100px;
}

.pull-down-105 {
  margin-top: 105px;
}

.pull-down-110 {
  margin-top: 110px;
}

.pull-down-115 {
  margin-top: 115px;
}

.pull-down-120 {
  margin-top: 120px;
}

.pull-down-125 {
  margin-top: 125px;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.full-witdh {
  width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.white {
  color: #FFF;
}

.primary-background {
  background: black;
}

.white-background {
  background: #FFF;
}

/**
 * BUTTONS
 */
/**
 * FORMS
 */
/**
 * All styles related to markup inside the header
 */
/**
 * All styles related to markup inside the content
 */
.main-banner {
  background-color: #CE3434;
  border-bottom: 30px solid #AC1212;
  padding-top: 10px;
}
.main-banner .head-content span {
  font-size: 30px;
  color: #FFF;
  margin-bottom: 30px;
  margin-top: 30px;
  display: block;
  font-weight: bold;
}
.main-banner .head-content ul {
  list-style: none;
}
.main-banner .head-content ul li {
  display: block;
  font-size: 40px;
  margin-bottom: 20px;
  font-weight: bold;
}
.main-banner .head-content ul li:last-of-type {
  margin-bottom: 0;
}

input {
  height: 34px;
  margin-bottom: 10px;
}

mark, .highlight {
  background-color: #FFFF00;
  line-height: 60px;
}
mark.purple, .highlight.purple {
  background-color: #DDDFFF;
}
mark.price, .highlight.price {
  border: 4px solid green;
}

.main-content {
  color: #000;
  font-size: 16px;
  line-height: 30px;
  padding: 30px;
  border-right: 50px solid #F8F8F8;
  border-left: 50px solid #F8F8F8;
}
.main-content .post-features {
  text-align: left;
  border: 2px dashed #9F0F0F;
  padding: 10px;
  line-height: 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.main-content .post-features span {
  font-weight: bold;
  text-transform: uppercase;
  line-height: 16px;
}

.size-22 {
  font-size: 22px;
}

.size-30 {
  font-size: 30px;
}

.red-color {
  color: #CE3434;
}

.main-button input {
  width: 280px;
  height: 70px;
  background: url(../img/atc2.png) no-repeat;
  cursor: pointer;
  border: 0px;
  color: #ffffff;
  margin: 0px 0px 10px -10px;
}

.secondary-font {
  font-family: "Century Gothic";
}

/**
 * All styles related to markup inside the footer
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  input[type='text'], input[type='number'], textarea {
    font-size: 16px !important;
  }

  .block-sm {
    display: block;
  }

  .no-l-gutter-sm {
    padding-left: 0;
  }

  .width-100-sm {
    width: 100%;
  }

  .pull-down-main {
    margin-top: 0px;
  }

  .push-down-main {
    margin-bottom: 0px;
  }

  .push-down-0-sm {
    margin-bottom: 0px;
  }

  .push-down-5-sm {
    margin-bottom: 5px;
  }

  .push-down-10-sm {
    margin-bottom: 10px;
  }

  .push-down-15-sm {
    margin-bottom: 15px;
  }

  .push-down-20-sm {
    margin-bottom: 20px;
  }

  .push-down-25-sm {
    margin-bottom: 25px;
  }

  .push-down-30-sm {
    margin-bottom: 30px;
  }

  .push-down-35-sm {
    margin-bottom: 35px;
  }

  .push-down-40-sm {
    margin-bottom: 40px;
  }

  .push-down-45-sm {
    margin-bottom: 45px;
  }

  .push-down-50-sm {
    margin-bottom: 50px;
  }

  .push-down-55-sm {
    margin-bottom: 55px;
  }

  .push-down-60-sm {
    margin-bottom: 60px;
  }

  .push-down-65-sm {
    margin-bottom: 65px;
  }

  .push-down-70-sm {
    margin-bottom: 70px;
  }

  .push-down-75-sm {
    margin-bottom: 75px;
  }

  .push-down-80-sm {
    margin-bottom: 80px;
  }

  .push-down-85-sm {
    margin-bottom: 85px;
  }

  .push-down-90-sm {
    margin-bottom: 90px;
  }

  .push-down-95-sm {
    margin-bottom: 95px;
  }

  .push-down-100-sm {
    margin-bottom: 100px;
  }

  .push-down-105-sm {
    margin-bottom: 105px;
  }

  .push-down-110-sm {
    margin-bottom: 110px;
  }

  .push-down-115-sm {
    margin-bottom: 115px;
  }

  .push-down-120-sm {
    margin-bottom: 120px;
  }

  .push-down-125-sm {
    margin-bottom: 125px;
  }

  .pull-down-secondary {
    margin-top: 0px;
  }

  .push-down-secondary {
    margin-bottom: 0px;
  }

  .pull-down-0-sm {
    margin-top: 0px;
  }

  .pull-down-5-sm {
    margin-top: 5px;
  }

  .pull-down-10-sm {
    margin-top: 10px;
  }

  .pull-down-15-sm {
    margin-top: 15px;
  }

  .pull-down-20-sm {
    margin-top: 20px;
  }

  .pull-down-25-sm {
    margin-top: 25px;
  }

  .pull-down-30-sm {
    margin-top: 30px;
  }

  .pull-down-35-sm {
    margin-top: 35px;
  }

  .pull-down-40-sm {
    margin-top: 40px;
  }

  .pull-down-45-sm {
    margin-top: 45px;
  }

  .pull-down-50-sm {
    margin-top: 50px;
  }

  .pull-down-55-sm {
    margin-top: 55px;
  }

  .pull-down-60-sm {
    margin-top: 60px;
  }

  .pull-down-65-sm {
    margin-top: 65px;
  }

  .pull-down-70-sm {
    margin-top: 70px;
  }

  .pull-down-75-sm {
    margin-top: 75px;
  }

  .pull-down-80-sm {
    margin-top: 80px;
  }

  .pull-down-85-sm {
    margin-top: 85px;
  }

  .pull-down-90-sm {
    margin-top: 90px;
  }

  .pull-down-95-sm {
    margin-top: 95px;
  }

  .pull-down-100-sm {
    margin-top: 100px;
  }

  .pull-down-105-sm {
    margin-top: 105px;
  }

  .pull-down-110-sm {
    margin-top: 110px;
  }

  .pull-down-115-sm {
    margin-top: 115px;
  }

  .pull-down-120-sm {
    margin-top: 120px;
  }

  .pull-down-125-sm {
    margin-top: 125px;
  }

  .main-banner {
    border-bottom: 20px solid #AC1212;
  }
  .main-banner .head-content span {
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .main-banner .head-content ul {
    list-style: none;
  }
  .main-banner .head-content ul li {
    font-size: 20px;
    margin-bottom: 0px;
  }

  mark {
    line-height: 60px;
  }
  mark.price {
    border: 2px solid green;
  }

  .main-content {
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    border-right: 50px solid #F8F8F8;
    border-left: 30px solid #F8F8F8;
  }
  .main-content .post-features {
    text-align: left;
    border: 2px dashed #9F0F0F;
    padding: 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  .main-content .post-features span {
    font-weight: bold;
    text-transform: uppercase;
  }

  .size-22 {
    font-size: 22px;
  }

  .size-30 {
    font-size: 30px;
  }

  .red-color {
    color: #CE3434;
  }

  .main-button input {
    width: 280px;
    height: 70px;
    background: url(../img/atc2.png) no-repeat;
    cursor: pointer;
    border: 0px;
    color: #ffffff;
    margin: 0px 0px 10px -10px;
  }

  .secondary-font {
    font-family: "Century Gothic";
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .no-border-xs {
    border: none;
  }

  .no-margin-xs {
    margin: 0;
  }

  .no-gutter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .no-r-gutter {
    padding-right: 15px;
  }

  .no-l-gutter {
    padding-left: 15px;
  }

  .block-xs {
    display: block;
  }

  .width-100-xs {
    width: 100%;
  }

  .align-c-xs {
    text-align: center;
  }

  .align-l-xs {
    text-align: left;
  }

  .align-r-xs {
    text-align: right;
  }

  .pull-down-main {
    margin-top: 0px;
  }

  .push-down-main {
    margin-bottom: 0px;
  }

  .push-down-0-xs {
    margin-bottom: 0px;
  }

  .push-down-5-xs {
    margin-bottom: 5px;
  }

  .push-down-10-xs {
    margin-bottom: 10px;
  }

  .push-down-15-xs {
    margin-bottom: 15px;
  }

  .push-down-20-xs {
    margin-bottom: 20px;
  }

  .push-down-25-xs {
    margin-bottom: 25px;
  }

  .push-down-30-xs {
    margin-bottom: 30px;
  }

  .push-down-35-xs {
    margin-bottom: 35px;
  }

  .push-down-40-xs {
    margin-bottom: 40px;
  }

  .push-down-45-xs {
    margin-bottom: 45px;
  }

  .push-down-50-xs {
    margin-bottom: 50px;
  }

  .push-down-55-xs {
    margin-bottom: 55px;
  }

  .push-down-60-xs {
    margin-bottom: 60px;
  }

  .push-down-65-xs {
    margin-bottom: 65px;
  }

  .push-down-70-xs {
    margin-bottom: 70px;
  }

  .push-down-75-xs {
    margin-bottom: 75px;
  }

  .push-down-80-xs {
    margin-bottom: 80px;
  }

  .push-down-85-xs {
    margin-bottom: 85px;
  }

  .push-down-90-xs {
    margin-bottom: 90px;
  }

  .push-down-95-xs {
    margin-bottom: 95px;
  }

  .push-down-100-xs {
    margin-bottom: 100px;
  }

  .push-down-105-xs {
    margin-bottom: 105px;
  }

  .push-down-110-xs {
    margin-bottom: 110px;
  }

  .push-down-115-xs {
    margin-bottom: 115px;
  }

  .push-down-120-xs {
    margin-bottom: 120px;
  }

  .push-down-125-xs {
    margin-bottom: 125px;
  }

  .pull-down-secondary {
    margin-top: 0px;
  }

  .push-down-secondary {
    margin-bottom: 0px;
  }

  .pull-down-0-xs {
    margin-top: 0px;
  }

  .pull-down-5-xs {
    margin-top: 5px;
  }

  .pull-down-10-xs {
    margin-top: 10px;
  }

  .pull-down-15-xs {
    margin-top: 15px;
  }

  .pull-down-20-xs {
    margin-top: 20px;
  }

  .pull-down-25-xs {
    margin-top: 25px;
  }

  .pull-down-30-xs {
    margin-top: 30px;
  }

  .pull-down-35-xs {
    margin-top: 35px;
  }

  .pull-down-40-xs {
    margin-top: 40px;
  }

  .pull-down-45-xs {
    margin-top: 45px;
  }

  .pull-down-50-xs {
    margin-top: 50px;
  }

  .pull-down-55-xs {
    margin-top: 55px;
  }

  .pull-down-60-xs {
    margin-top: 60px;
  }

  .pull-down-65-xs {
    margin-top: 65px;
  }

  .pull-down-70-xs {
    margin-top: 70px;
  }

  .pull-down-75-xs {
    margin-top: 75px;
  }

  .pull-down-80-xs {
    margin-top: 80px;
  }

  .pull-down-85-xs {
    margin-top: 85px;
  }

  .pull-down-90-xs {
    margin-top: 90px;
  }

  .pull-down-95-xs {
    margin-top: 95px;
  }

  .pull-down-100-xs {
    margin-top: 100px;
  }

  .pull-down-105-xs {
    margin-top: 105px;
  }

  .pull-down-110-xs {
    margin-top: 110px;
  }

  .pull-down-115-xs {
    margin-top: 115px;
  }

  .pull-down-120-xs {
    margin-top: 120px;
  }

  .pull-down-125-xs {
    margin-top: 125px;
  }
}
@media print {
  /* ==========================================================================
     Print styles.
     Inlined to avoid required HTTP connection: h5bp.com/r
     ========================================================================== */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}