/*
Theme Name: Reversion
Author: Reversion
Description: Reversion, Theraderm Theme.
Version: 1.0.0
Text Domain: reversion
Tags:
*/

/* line 1, scss/_helpers.scss */
.uc {
  text-transform: uppercase;
}

/* line 5, scss/_helpers.scss */
figure {
  margin: 0;
  background-color: #eeeeee;
  font-size: 11px;
}
/* line 10, scss/_helpers.scss */
figure.alignleft {
  margin: 0 10px 10px 0;
}
/* line 14, scss/_helpers.scss */
figure.alignright {
  margin: 0 0 10px 10px;
}

/* line 20, scss/_helpers.scss */
img.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
/* line 25, scss/_helpers.scss */
img.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
/* line 30, scss/_helpers.scss */
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 37, scss/_helpers.scss */
blockquote {
  border-left-width: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 20px;
  margin-top: -7px;
  font-family: 'Raleway', Arial, sans-serif;
}

/* line 47, scss/_helpers.scss */
.alignright {
  float: right;
}

/* line 51, scss/_helpers.scss */
.alignleft {
  float: left;
}

/* line 55, scss/_helpers.scss */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 69, scss/_helpers.scss */
.flex-video {
  position: relative;
  padding-top: 1.388889rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 0.88889rem;
  overflow: hidden;
}

/* line 78, scss/_helpers.scss */
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 103, scss/_helpers.scss */
.text-black {
  color: black;
}

/* line 107, scss/_helpers.scss */
.bg-black {
  background-color: black;
}

/* line 103, scss/_helpers.scss */
.text-white {
  color: white;
}

/* line 107, scss/_helpers.scss */
.bg-white {
  background-color: white;
}

/* line 103, scss/_helpers.scss */
.text-primary {
  color: #08a8a8;
}

/* line 107, scss/_helpers.scss */
.bg-primary {
  background-color: #08a8a8;
}

/* line 103, scss/_helpers.scss */
.text-secondary {
  color: #50317f;
}

/* line 107, scss/_helpers.scss */
.bg-secondary {
  background-color: #50317f;
}

/* line 103, scss/_helpers.scss */
.text-tertiary {
  color: #fd6601;
}

/* line 107, scss/_helpers.scss */
.bg-tertiary {
  background-color: #fd6601;
}

/* line 103, scss/_helpers.scss */
.text-body {
  color: #313541;
}

/* line 107, scss/_helpers.scss */
.bg-body {
  background-color: #313541;
}

/* line 103, scss/_helpers.scss */
.text-cta {
  color: #87c141;
}

/* line 107, scss/_helpers.scss */
.bg-cta {
  background-color: #87c141;
}

/* line 103, scss/_helpers.scss */
.text-gray-light {
  color: #e1e1e1;
}

/* line 107, scss/_helpers.scss */
.bg-gray-light {
  background-color: #e1e1e1;
}

/* line 103, scss/_helpers.scss */
.text-gray-medium {
  color: #6c6c74;
}

/* line 107, scss/_helpers.scss */
.bg-gray-medium {
  background-color: #6c6c74;
}

/* line 103, scss/_helpers.scss */
.text-gray-dark {
  color: #313541;
}

/* line 107, scss/_helpers.scss */
.bg-gray-dark {
  background-color: #313541;
}

/* line 3, scss/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  font-weight: normal;
}

/* line 8, scss/_typography.scss */
h1 {
  font-family: 'Open Sans Condensed', sans-serif;
}

/* line 12, scss/_typography.scss */
h2 {
  font-family: 'Raleway', Arial, sans-serif;
}

/* line 16, scss/_typography.scss */
.modal-title {
  font-family: 'Open Sans', sans-serif;
  color: #50317f;
  text-transform: uppercase;
}

/* line 1, scss/_layout.scss */
html {
  overflow-y: scroll;
}

/* line 17, scss/_layout.scss */
.logo-wrapper {
  border-bottom: 3px solid #08a8a8;
  text-align: center;
}
/* line 21, scss/_layout.scss */
.logo-wrapper .logo {
  display: inline-block;
  padding: 30px 0;
}



/* line 25, scss/_responsive.scss */
.hero-banner-wrapper .hero-banner {
    width: auto;
    height: auto;
    background: none;
}

/* line 39, scss/_layout.scss */
.hero-banner-wrapper .main-headline {
  text-align: center;
  padding: 20px 0;
  font-family: Raleway, Arial, sans-serif;
}
/* line 44, scss/_layout.scss */
.hero-banner-wrapper .main-headline h1 {
  color: #08a8a8;
  font-size: 57px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
/* line 51, scss/_layout.scss */
.hero-banner-wrapper .main-headline h2 {
  font-size: 34px;
  margin-bottom: 30px;
}
/* line 56, scss/_layout.scss */
.hero-banner-wrapper .main-headline .goodbye {
  color: #08a8a8;
}
/* line 60, scss/_layout.scss */
.hero-banner-wrapper .main-headline .breakouts, .hero-banner-wrapper .main-headline .price,
.hero-banner-wrapper .limited_time {
  color: #50317f;
}
/* line 64, scss/_layout.scss */
.hero-banner-wrapper .main-headline .goodbye,
 .hero-banner-wrapper .main-headline .breakouts,
 .hero-banner-wrapper .main-headline .price,
 .hero-banner-wrapper .main-headline .limited_time {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
/* line 69, scss/_layout.scss */
.hero-banner-wrapper .main-headline .price {
  font-size: 22px;
}
/* line 73, scss/_layout.scss */
.hero-banner-wrapper .main-headline .button {
  font-size: 24px;
  margin-top: 15px;
}

/* line 80, scss/_layout.scss */
.testimonials-wrapper {
  padding: 20px 0;
  color: white;
  background: #313541;
  font-family: 'Open Sans', sans-serif;
}

/* line 87, scss/_layout.scss */
.benefits-wrapper {
  padding: 20px 0;
  padding-bottom: 180px;
  text-align: center;
  font-family: 'Raleway', Arial, sans-serif;
}
/* line 93, scss/_layout.scss */
.benefits-wrapper h1 {
  color: #08a8a8;
  font-size: 36px;
  margin-bottom: 3px;
}
/* line 99, scss/_layout.scss */
.benefits-wrapper h2 {
  color: #313541;
  font-size: 28px;
  margin-bottom: 20px;
}
/* line 105, scss/_layout.scss */
.benefits-wrapper h3 {
  color: #50317f;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}
/* line 111, scss/_layout.scss */
.benefits-wrapper a {
  color: #fd6601;
  text-transform: lowercase;
  text-decoration: underline;
}
/* line 117, scss/_layout.scss */
.benefits-wrapper .media {
  margin-bottom: 10px;
}
/* line 121, scss/_layout.scss */
.benefits-wrapper .guarantee-badge {
  text-align: center;
}
/* line 124, scss/_layout.scss */
.benefits-wrapper .guarantee-badge img {
  display: inline-block;
  width: 60%;
}
/* line 130, scss/_layout.scss */
.benefits-wrapper .carousel img {
  max-height: 265px;
  margin: 0 auto;
}
/* line 136, scss/_layout.scss */
.benefits-wrapper .carousel-control.left, .benefits-wrapper .carousel-control.right {
  background-image: none;
  color: black;
}
/* line 142, scss/_layout.scss */
.benefits-wrapper .list-unstyled li {
  margin-bottom: 10px;
}

/* line 147, scss/_layout.scss */
.product-system-wrapper {
  padding: 20px 0;
  padding-bottom: 0;
  color: white;
  background: #313541;
  font-size: 20px;
}
/* line 154, scss/_layout.scss */
.product-system-wrapper h1 {
  color: #08a8a8;
  font-size: 45px;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 0;
}
/* line 162, scss/_layout.scss */
.product-system-wrapper .reversion-product {
  display: inline-block;
  margin-top: -200px;
}
/* line 170, scss/_layout.scss */
.product-system-wrapper .description {
  font-size: 22px;
  padding-top: 35px;
  line-height: 1.3;
  font-family: Raleway, Arial, sans-serif;
}

/* line 178, scss/_layout.scss */
.product-pieces-wrapper {
  padding: 20px 0;
  padding-bottom: 0;
  border-bottom: 40px solid #313541;
  text-align: center;
}
/* line 184, scss/_layout.scss */
.product-pieces-wrapper .product-image {
  position: relative;
  height: 550px;
}
/* line 188, scss/_layout.scss */
.product-pieces-wrapper .product-image img {
  position: absolute;
  bottom: 0;
}
/* line 193, scss/_layout.scss */
.product-pieces-wrapper .product-image.product-image-1 {
  margin-left: -220px;
}
/* line 197, scss/_layout.scss */
.product-pieces-wrapper .product-image.product-image-2 {
  margin-left: -136px;
}
/* line 201, scss/_layout.scss */
.product-pieces-wrapper .product-image.product-image-3 {
  margin-left: -276px;
}
/* line 205, scss/_layout.scss */
.product-pieces-wrapper .product-image.product-image-4 {
  margin-left: -116px;
}

/* line 211, scss/_layout.scss */
.product-piece-description-wrapper {
  margin-top: -70px;
  padding-bottom: 100px;
}

/* line 216, scss/_layout.scss */
.circle-wrapper {
  border-radius: 50%;
  height: 260px;
  padding: 30px;
  text-align: center;
  color: white;
  font-family: Raleway, Arial, sans-serif;
}
/* line 224, scss/_layout.scss */
.circle-wrapper h1 {
  font-size: 16px;
  margin-bottom: 0;
  color: #08a8a8;
  font-family: Raleway, Arial, sans-serif;
}
/* line 231, scss/_layout.scss */
.circle-wrapper h2 {
  font-size: 14px;
  font-weight: bold;
}
/* line 236, scss/_layout.scss */
.circle-wrapper ul {
  text-align: left;
  font-size: 12px;
  padding: 0 0 0 15px;
}
/* line 242, scss/_layout.scss */
.circle-wrapper li {
  margin-bottom: 8px;
  line-height: 1.3;
  display: table;
}
/* line 247, scss/_layout.scss */
.circle-wrapper li:before {
  content: "\00BB";
  position: absolute;
  margin-left: -10px;
}
/* line 254, scss/_layout.scss */
.circle-wrapper.bg-gray-light {
  color: #313541;
}
/* line 259, scss/_layout.scss */
.circle-wrapper.bg-primary h1 {
  font-family: Raleway, Arial, sans-serif;
  color: #313541;
}

/* line 1, scss/_buttons.scss */
.button {
  padding: 5px 20px;
  display: inline-block;
  border: none;
}
/* line 6, scss/_buttons.scss */
.button.button-cta {
  color: white;
  background: #87c141;
}
/* line 10, scss/_buttons.scss */
.button.button-cta:hover {
  background: #7fb73c;
}

/* line 2, scss/_widgets.scss */
.the-form .error {
  color: #900;
}

/* line 7, scss/_widgets.scss */
.testimonial-bg {
  display: inline-block;
  width: 202px;
  height: 60px;
  line-height: 60px;
  margin: -20px 0;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}
/* line 17, scss/_widgets.scss */
.testimonial-bg.primary {
  background: url(img/quote-primary.png) no-repeat;
  line-height: 1.3;
  padding-top: 13px;
}
/* line 23, scss/_widgets.scss */
.testimonial-bg.gray-light {
  background: url(img/quote-gray-light.png) no-repeat;
  cursor: pointer;
}

/* line 29, scss/_widgets.scss */
.sticky-cta {
  display: none;
  right: 40px;
  margin-left: 20px;
  position: fixed;
  z-index: 999;
}

/* .woocommerce ul#shipping_method li */

.woocommerce ul#shipping_method li
{
  text-indent: 0px; 
}


/* Header Contact Number */

.header-contact-number {
  float: right;
  padding: 40px 0;
  text-align: center;
}

/* Header Contact Number */

/* Site Footer */

.site-custom-footer {
    background: #313541 none repeat scroll 0 0;
    color: #aaaaaa;
    padding: 10px 0;
}

/* Site Footer */


/* Site Woo Commerce Product Thumbnail */

.woocommerce div.product div.images img
{
  width: auto;
  height: auto;
}
/* Site Woo Commerce Product Thumbnail */


.circle{height: 41px; left: -58px;margin-left: 25px;position: absolute;width: 34px; top:-4px;}
.circle1{height: 41px;left: -58px;position: absolute;width: 34px; top:-6px;}
.woocommerce-checkout #payment{ position:relative;}
.product-total .amount{ font-weight:700;}
.line2 {background: #eae9e5;height: 100%;left: 44%;position: absolute;width: 1px;}
#order_review .opc_cart_item td.product-name{ min-width:68% !important;}
body{ font-size:13px;}
#order_review .opc_cart_item td.product-name{ padding-left:0.8px;}
.woocommerce ul#shipping_method{ margin-left:-67%;}


@media (max-width: 1200px) {
  /* Header Contact Number */
  .header-contact-number {
  width: 100%;
  }
  .line2 { background:none; width:auto;}

  .product-system-wrapper .description {
      margin-top: -60px;
      padding-bottom: 30px;
  }
    /* line 81, scss/_responsive.scss */
    .circle-wrapper {
        border-radius: 0;
        padding: 20px;
        height: auto;
    }
    /* line 77, scss/_responsive.scss */
    .product-piece-description-wrapper {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {

	.hero-banner-wrapper .main-headline {
 	 float: right;
	}
    /* line 28, scss/_layout.scss */
    .hero-banner-wrapper .hero-banner {
        width: 1140px;
        height: 400px;
        background: url(img/hero-banner.jpg) no-repeat;
    }
  /* line 3, scss/_responsive.scss */
  .tagline {
    font-size: 22px;
    line-height: 1.2;
  }

  /* line 8, scss/_responsive.scss */
  .sticky-cta {
    bottom: 400px;
    font-size: 26px;
  }
}
@media (max-width: 992px) {

    /* line 32, scss/_responsive.scss */
    .testimonials-wrapper {
        text-align: center;
    }

        /* line 37, scss/_responsive.scss */
    .testimonial-bg.primary {
        margin: -20px 0 20px;
    }
        /* line 41, scss/_responsive.scss */
    .testimonial-bg.gray-light {
        margin: 20px 0 -20px;
    }
}
@media (max-width: 767px) {

  /* line 47, scss/_responsive.scss */
  .benefits-wrapper h2 {
    margin-bottom: 10px;
  }
  /* line 51, scss/_responsive.scss */
  .benefits-wrapper h3 {
    margin-top: 15px;
  }
  /* line 55, scss/_responsive.scss */
  .benefits-wrapper .media {
    display: none;
  }

  /* line 60, scss/_responsive.scss */
  .product-system-wrapper {
    text-align: center;
  }
  /* line 63, scss/_responsive.scss */
  .product-system-wrapper .hero {
    margin-top: 0;
  }
  /* line 67, scss/_responsive.scss */
  .product-system-wrapper .description {
    padding-top: 10px;
      margin-top: 0;
      padding-bottom: 0;
    margin-bottom: 20px;
  }

  /* line 73, scss/_responsive.scss */
  .product-pieces-wrapper {
    display: none;
  }



  /* line 87, scss/_responsive.scss */
  .mobile-cta {
    text-align: center;
    margin-top: 20px;
  }

  /* line 97, scss/_responsive.scss */
  .button-cta {
    font-size: 40px;
    display: block;
  }
}
.wcopc img.attachment-shop_single.wp-post-image {
  width: 200px !important;
}
#post-7 .woocommerce-info , .woocommerce-info{font-weight:bold;  font-family: "Open Sans",sans-serif; background:none!important; padding-left:0px!important}
.woocommerce-info::before{content:""!important;}
p#billing_country_field , p#shipping_country_field,  #order_comments_field{display:none;}
#ship-to-different-address .checkbox{display:inline-block;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border: 1px solid #ccc !important;
    padding: 5px 3px;}
	.woocommerce-billing-fields h4{text-transform:uppercase;}
	.woocommerce-checkout #payment , .woocommerce-checkout #payment div.payment_box{background:none!important;}
	.woocommerce-checkout #payment div.payment_box{ padding: 1em 0 !important;}
	.woocommerce-checkout #payment div.payment_box::after{border:0px!important;}
	#place_order {background: #ff7930 none repeat scroll 0 0 !important;}
	
	.woocommerce-checkout #payment div.payment_box{margin-bottom:0px!important;margin-top:0px!important;padding-bottom:0px!important;padding-bottom:0px!important;}
label , .woocommerce table.shop_table th{font-weight:normal!important}
.woocommerce table.shop_table{border:none!important}

@media (max-width:900px){.circle,.circle1{ display:none;}}
@media (max-width:680px){.woocommerce ul#shipping_method{ margin-left:-111%}}
@media (max-width:540px){#shipping_method label{ font-size:11px;}
.woocommerce ul#shipping_method{ margin-left:-148%;}}


@media (max-width:380px){.woocommerce-checkout #payment div.payment_box{ width:100%;}
#wc-authorize-net-aim-account-number{ width:97%;}.woocommerce form .form-row label{ letter-spacing:-0.1px;}.payment_method_authorize_net_aim label{ width:84%;}
.woocommerce ul#shipping_method li{ padding: 0.25em 0 0.25em 41px;}
#shipping_method label{ font-size:11px;}
.woocommerce ul#shipping_method{ margin-left:-148%;}

}
p.limited_time { font-size: 30px; margin: 25px 0 0; text-transform: uppercase;}
p.for_new { font-size: 20px; }
