@charset "UTF-8";
/*--------GENERAL------------------------------------*/
@font-face {
  font-family: 'pea jenny script';
  src: url("../fonts/pea-jenny/peajennyscript-webfont.eot");
  src: url("../fonts/pea-jenny/peajennyscript-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pea-jenny/peajennyscript-webfont.woff2") format("woff2"), url("../fonts/pea-jenny/peajennyscript-webfont.woff") format("woff"), url("../fonts/pea-jenny/peajennyscript-webfont.ttf") format("truetype"), url("../fonts/pea-jenny/peajennyscript-webfont.svg#pea_jenny_scriptregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GoudyTrajan';
  src: url("../fonts/goudy-trajan/goudytrajan-regular-trial-webfont.eot");
  src: url("../fonts/goudy-trajan/goudytrajan-regular-trial-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/goudy-trajan/goudytrajan-regular-trial-webfont.woff2") format("woff2"), url("../fonts/goudy-trajan/goudytrajan-regular-trial-webfont.woff") format("woff"), url("../fonts/goudy-trajan/goudytrajan-regular-trial-webfont.ttf") format("truetype"), url("../fonts/goudy-trajan/goudytrajan-regular-trial-webfont.svg#goudy_trajan_regularregular") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box; }

.brand-color {
  color: #ec96a4; }

.font-brand2 {
  font-family: Marcellus, "TFArrow", Gadget, serif; }

body {
  margin: 0 auto;
  font-family: "Roboto Condensed", "raleway", Arial, san-serif;
  font-weight: 200;
  /*padding-top: 55px;*/
  padding-top: 20px;
  width: 100%;
  overflow-x: hidden; }

a {
  color: #ec96a4;
  text-decoration: none !important; }

a:hover, a:focus {
  color: #180402; }

section {
  clear: both;
  font-size: 22px;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 35px;
  width: 100%; }

h1, h2 {
  text-align: left;
  font-weight: normal;
  color: #000; }

.xsmall {
  font-size: .59em; }

.small {
  font-size: .8em; }

.large {
  font-size: 1.2em; }

.xlarge {
  font-size: 2.5em; }

.centre {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

.caption {
  text-align: center;
  font-size: .9em;
  font-weight: bold; }

/* ---Navigation Bar -----------------------------------*/
.brand-name {
  font-family: Marcellus, "TFArrow", Gadget, serif;
  text-transform: uppercase; }

.navbar-brand > img {
  display: inline-block;
  margin-top: -18px; }

.navbar-brand .name {
  display: inline-block;
  line-height: 15px;
  padding-top: 2px; }

.navbar-text > a {
  font-size: 1.25em;
  color: #ec96a4;
  text-decoration: none; }

.navbar-text > a:hover {
  color: #180402; }

.dropdown-header {
  color: #ffffff;
  font-size: 1em;
  font-style: italic; }

.navbar-custom {
  background-color: #ffffff;
  height: 55px; }
  .navbar-custom .navbar-brand {
    color: #180402;
    font-family: Marcellus, "TFArrow", Gadget, serif;
    font-size: 20px;
    padding-top: 16px; }
    .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
      color: #ec96a4; }
  .navbar-custom .navbar-text {
    color: #180402; }
  .navbar-custom .navbar-nav > li > a {
    font-family: #fontGeneral;
    font-size: 1em;
    font-weight: 100;
    text-transform: uppercase;
    color: #180402; }
    .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
      color: #ec96a4 !important;
      background-color: #ffffff; }
  .navbar-custom .navbar-nav > li > .dropdown-menu {
    background-color: #ffffff; }
    .navbar-custom .navbar-nav > li > .dropdown-menu > li > a {
      color: #180402; }
      .navbar-custom .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav > li > .dropdown-menu > li > a:focus {
        text-shadow: none;
        color: #ffffff;
        background-color: #ffffff; }
    .navbar-custom .navbar-nav > li > .dropdown-menu > li > .divider {
      background-color: #ffffff; }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000;
    background-color: #ffffff; }
  .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
    color: #000; }
  .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
    text-shadow: none;
    color: #ffffff;
    background-color: #ffffff; }
  .navbar-custom .navbar-toggle {
    border-color: #ec96a4; }
    .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
      background-color: rgba(47, 10, 4, 0.3); }
    .navbar-custom .navbar-toggle .icon-bar {
      background-color: #180402; }
  .navbar-custom .navbar-collapse,
  .navbar-custom .navbar-form {
    border-color: #ffffff; }
  .navbar-custom .navbar-link {
    color: #000; }
    .navbar-custom .navbar-link:hover {
      color: #000; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-image: none !important;
  background-color: transparent !important;
  color: #ec96a4 !important; }

.navbar-custom .navbar-nav .open .dropdown-menu > li > a, .navbar-custom .navbar-nav .open .dropdown-menu {
  background-color: rgba(47, 10, 4, 0.3);
  color: #ffffff !important;
  border-bottom: 1px solid rgba(47, 10, 4, 0.3); }

.navbar-custom .navbar-nav .open .dropdown-menu {
  margin-top: -2px; }

/*-------------------Home Page--------------------*/
.underconstruction {
  font-family: Marcellus, "TFArrow", Gadget, serif; }

#home {
  width: 100%;
  padding: 0; }

.banner {
  background-color: #180402;
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  padding: 10px; }

.banner a:hover, .banner a:focus {
  color: #ffffff; }

#home .landing_image {
  background-image: url("../Images/slideshow/RedSilk1224.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  background-color: #ffffff; }

#home .logo {
  width: 145px; }

#home .cycle-slideshow {
  width: 250px;
  height: 80px;
  position: absolute;
  top: 65%;
  left: 0; }

#home .flex-caption-lg {
  width: 100%;
  height: 80px;
  padding-top: 10px;
  color: #ffffff;
  display: block;
  font-size: .75em;
  position: relative;
  top: 65%;
  left: 20px; }

.flex-hand {
  /*font-family: $fontBrand, "Pea alexis", cursive;*/
  font-size: .9em;
  color: #180402;
  text-transform: uppercase; }

.flex-border {
  padding: 5px;
  border: 1px solid #ec96a4;
  border-radius: 3px;
  background-color: rgba(200, 174, 152, 0.4);
  font-size: 1em;
  line-height: 200%;
  color: #180402; }

.Michelle {
  padding: 10px 30px 30px 15px; }

.owner {
  padding: 10px 30px 30px 15px; }

.fb-plugin {
  padding: 10px 30px 30px 15px; }

/*#home .cycle-slideshow a:hover {
	border: 1px solid $colBrand;
	text-decoration: none;
	color: $colBrand;
	background-color: $bgTranslucent3;
}*/
/*-------------------About Page----------------*/
#about .intro {
  padding-bottom: 30px;
  padding-right: 20px; }

#about .fb-plugin iframe {
  background: #ffffff; }

.testimonials {
  position: relative;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom: 0.5em;
  padding: 1em 2em 4.5em 4em;
  quotes: "“" "”" "‘" "’"; }

.testimonials p {
  font-size: 1em;
  font-style: italic; }

.testimonials p:before {
  position: absolute;
  top: 0;
  left: 0;
  content: open-quote;
  font-weight: bold;
  font-size: 80px;
  color: #ec96a4;
  line-height: 1;
  font-style: normal; }

.testimonials p:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: close-quote;
  font-weight: bold;
  font-size: 80px;
  color: #ec96a4;
  line-height: 1;
  float: right;
  font-style: normal; }

.testimonials .credits {
  padding: 0 2em 0 0;
  text-align: right; }

.testimonials cite:before {
  content: "\2013"; }

.testimonials .credits .name {
  font-style: normal;
  font-weight: bold; }

.testimonials .credits .position {
  font-style: italic;
  font-weight: normal; }

/*-------------------Services Page----------------*/
#services {
  margin: 20px 0 0 0;
  text-align: left; }

#services .intro {
  padding-bottom: 20px; }

.title {
  line-height: 44px;
  font-family: Oswald, "arial Black";
  padding-bottom: 20px; }

#services .glyphicon {
  color: #ec96a4;
  font-size: .5em;
  -ms-transform: translate(0px, -3px);
  /* IE 9 */
  -webkit-transform: translate(0px, -3px);
  /* Safari */
  transform: translate(0px, -3px); }

.services-info {
  font-size: .75em;
  padding: 20px 15px;
  padding-top: 10px;
  height: 80px;
  overflow-y: scroll; }

#services article {
  font-size: .9em;
  width: 100%;
  padding: 15px;
  overflow-x: hidden;
  overflow-y: auto; }

#services a:hover > .glyphicon {
  color: #180402; }

#services a:focus > .glyphicon {
  color: #180402; }

#services a.centre {
  color: #180402;
  display: block;
  text-decoration: none;
  line-height: 13px;
  padding: 20px; }

#services a.centre:hover, #services a.centre:focus {
  color: #ec96a4; }

#services a.centre:hover .brand-color {
  color: #180402; }

#services a.centre:focus .brand-color {
  color: #180402; }

.brand-color:hover, .brand-color:focus {
  color: #180402; }

div .container {
  margin-bottom: 20px; }

#services ul {
  padding-left: 15px; }

.call-to-action {
  color: #180402;
  display: inline-block;
  padding: 8px;
  background-color: rgba(200, 174, 152, 0.4);
  border: 1px solid #ec96a4;
  border-radius: 5px;
  margin-bottom: 15px; }

.call-to-action:hover {
  color: #ffffff;
  background-color: rgba(47, 10, 4, 0.3); }

#services .services-wrap {
  overflow: hidden; }

.imgBox {
  display: block;
  width: 100%;
  -moz-box-shadow: 0 0 10px #180402;
  -webkit-box-shadow: 0 0 10px #180402;
  box-shadow: 0 0 10px #180402; }

.imgBox:hover {
  -moz-box-shadow: 0 0 10px #ec96a4;
  -webkit-box-shadow: 0 0 10px #ec96a4;
  box-shadow: 0 0 10px #ec96a4; }

#services .cycle-slideshow {
  width: 80%; }

#services .laser-hairIMG {
  background-image: url("../images/Services/laser-hair-removal-men-women.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .electrolysisIMG {
  background-image: url("../images/Services/electrolysis.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .rejuvenationIMG {
  background-image: url("../images/Services/rejuvenation.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .pigmentationIMG {
  background-image: url("../images/Services/pigmentation.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .acneIMG {
  background-image: url("../images/Services/acne.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .vascularIMG {
  background-image: url("../images/Services/vascular.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .tatooIMG {
  background-image: url("../images/Services/tatooRemoval.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .botoxIMG {
  background-image: url("../images/Services/botox.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .waxingIMG {
  background-image: url("../images/Services/waxing.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .facialsIMG {
  background-image: url("../images/Services/facials.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .eyelashIMG {
  background-image: url("../images/Services/eyelash.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .giftsIMG {
  background-image: url("../images/Services/gifts.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#care {
  padding-bottom: 30px; }

.care .modal-body ul li {
  margin-left: 15px; }

#care li.modal-btn {
  margin-left: 10px; }

#care ul li.modal-btn:hover, #care ul li.modal-btn:focus {
  color: #ec96a4;
  cursor: pointer; }

#care .modal-title img {
  display: none; }

/*------------Products page---------------------------*/
#products .products-wrap {
  font-size: .7em; }

.product-nav {
  text-align: center;
  padding: 0px 0 20px 0; }

.product-nav a {
  font-size: 13px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  width: 180px;
  height: 30px;
  display: inline-block; }

#products .modal-btn {
  padding: 2px 6px;
  border-radius: 6px;
  display: block;
  margin-bottom: 8px; }

#products .modal-btn img {
  content: url(../Images/logo/product-modal-icon.png); }

#products .cleansers {
  background-color: #669999; }

#products .masks {
  background-color: #6e41ac; }

#products .exfoliants {
  background-color: #878b5b; }

#products .collagen {
  background-color: #435e7b; }

#products .elastin {
  background-color: #494f6a; }

#products .hyprocel {
  background-color: #626b69; }

#products .intense {
  background-color: #8e6b51; }

#products .classic {
  background-color: #8e6b51; }

.modal-content .milk {
  content: url(../Images/Products/modals/milk.jpg); }

.modal-content .gel-lotion {
  content: url(../Images/Products/modals/gel-lotion.jpg); }

.modal-content .purifying-gel {
  content: url(../Images/Products/modals/purifying-gel.jpg); }

.modal-content .oat-bran {
  content: url(../Images/Products/modals/oat-bran.jpg); }

.modal-content .bamboo {
  content: url(../Images/Products/modals/bamboo.jpg); }

.modal-content .aha-scrub {
  content: url(../Images/Products/modals/aha-scrub.jpg); }

.modal-content .cucumber {
  content: url(../Images/Products/modals/cucumber.jpg); }

.modal-content .moisturizing-mask {
  content: url(../Images/Products/modals/moisturizing-mask.jpg); }

.modal-content .aha-mask {
  content: url(../Images/Products/modals/aha-mask.jpg); }

.modal-content .mokaccino {
  content: url(../Images/Products/modals/mokaccino.jpg); }

.modal-content .collagen-gel {
  content: url(../Images/Products/modals/collagen-gel.jpg); }

.modal-content .collagen-gel-plus {
  content: url(../Images/Products/modals/collagen-gel-plus.jpg); }

.modal-content .collagen-serum {
  content: url(../Images/Products/modals/collagen-serum.jpg); }

.modal-content .elastin-gel {
  content: url(../Images/Products/modals/elastin-gel.jpg); }

.modal-content .elastin-gel-plus {
  content: url(../Images/Products/modals/elastin-gel-plus.jpg); }

.modal-content .elastin-serum {
  content: url(../Images/Products/modals/elastin-serum.jpg); }

.modal-content .hyprocel-gel {
  content: url(../Images/Products/modals/hyprocel-gel.jpg); }

.modal-content .hyprocel-extract {
  content: url(../Images/Products/modals/hyprocel-extract.jpg); }

.modal-content .hydra-one {
  content: url(../Images/Products/modals/hydra-one.jpg); }

.modal-content .illumine {
  content: url(../Images/Products/modals/illumine.jpg); }

.modal-content .idratense {
  content: url(../Images/Products/modals/idratense.jpg); }

.modal-content .nutri-sublime {
  content: url(../Images/Products/modals/nutri-sublime.jpg); }

.modal-content .hynoderm {
  content: url(../Images/Products/modals/hynoderm.jpg); }

.modal-content .hydra-light {
  content: url(../Images/Products/modals/hydra-light.jpg); }

.modal-content .placyderm {
  content: url(../Images/Products/modals/placyderm.jpg); }

.modal-content .matifying {
  content: url(../Images/Products/modals/matifying.jpg); }

#cleansers h2 {
  color: #669999; }

#cleansers .modal-button {
  background-color: #669999; }

#cleansers-nav a {
  border: 2px solid #669999; }

#cleansers-nav a:hover, #cleansers-nav a:focus, #cleansers-nav a:active {
  background-color: #669999; }

#masks h2 {
  color: #6e41ac; }

#masks-nav a {
  border: 2px solid #6e41ac; }

#masks-nav a:hover, #masks-nav a:focus, #masks-nav a:active {
  background-color: #6e41ac; }

#exfoliants h2 {
  color: #878b5b; }

#exfoliants-nav a {
  border: 2px solid #878b5b; }

#exfoliants-nav a:hover, #exfoliants-nav a:focus, #exfoliants-nav a:active {
  background-color: #878b5b; }

#collagen h2 {
  color: #435e7b; }

#collagen-nav a {
  border: 2px solid #435e7b; }

#collagen-nav a:hover, #collagen-nav a:focus, #collagen-nav a:active {
  background-color: #435e7b;
  color: #ffffff; }

#elastin h2 {
  color: #494f6a; }

#elastin-nav a {
  border: 2px solid #494f6a; }

#elastin-nav a:hover, #elastin-nav a:focus, #elastin-nav a:active {
  background-color: #494f6a;
  color: #ffffff; }

#hyprocel h2 {
  color: #626b69; }

#hyprocel-nav a {
  border: 2px solid #626b69; }

#hyprocel-nav a:hover, #hyprocel-nav a:focus, #hyprocel-nav a:active {
  background-color: #626b69;
  color: #ffffff; }

#intense h2, #classic h2 {
  color: #8e6b51; }

#intense-nav a, #classic-nav a {
  border: 2px solid #8e6b51; }

#intense-nav a:hover, #intense-nav a:focus, #intense-nav a:active, #classic-nav a:hover, #classic-nav a:focus, #classic-nav a:active {
  background-color: #8e6b51;
  color: #ffffff; }

#products .intro {
  background-color: #ccc0ba;
  width: 90%;
  padding: 20px;
  margin-bottom: 30px;
  text-align: center;
  height: 300px;
  border: solid transparent;
  border-width: 0 0px 120px 0px;
  border-image: url(../Images/Products/down-bracket2.jpg) 0 0% 30% 0% stretch; }

#products h2 {
  text-align: center; }

.overview {
  text-align: center; }

.product-details {
  padding: 30px 20px 20px 30px;
  text-align: left;
  background-color: #ccc0ba;
  margin: 10px 2.5% 100px 2.5%;
  width: 95%; }

div .product-img {
  z-index: 1;
  position: relative;
  left: -60%;
  top: -30%; }

div .quantity {
  width: 50%;
  border-top: 1px solid #180402;
  border-bottom: 1px solid #180402;
  line-height: 40px;
  margin: 8px 0px 8px 0px; }

div .price {
  display: inline-block;
  text-align: right;
  float: right; }

.product-info {
  z-index: 2; }

.product-info a:hover, .product-info a:focus {
  background-color: transparent;
  color: #180402;
  border: none; }

/*------------promotions page---------------------------*/
#promotions .promo {
  padding-left: 25px;
  overflow-y: auto;
  margin-top: -10px; }

#promotions a {
  margin-bottom: 20px;
  padding-bottom: 20px; }

#promotions .imgBox {
  background-image: url("../images/promotions/Promo Clayton nov-dec katra intl  press quality.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#purchase a {
  display: block;
  color: #6e41ac;
  font-weight: bold;
  text-align: left;
  margin-bottom: -10px; }

/*------------FAQ page---------------------------*/
/*#faq {border: 2px solid $colAccent;} */
#faq .row {
  margin-top: 30px; }

#faq ul {
  padding-left: 35px; }

#faq li .question {
  text-decoration: none;
  font-size: 1em;
  color: #180402; }

#faq li .question:hover, #faq .question:focus {
  color: #ec96a4; }

#faq li .answer {
  font-size: .8em; }

.faq-info {
  padding-left: 30px;
  padding-right: 30px;
  overflow-y: auto; }

/*------------Contact page---------------------------*/
#contact {
  margin: 30px 0 0 0;
  padding: 30px;
  text-align: left;
  background-color: rgba(47, 10, 4, 0.1);
  width: 100%; }

#contact .address {
  padding-bottom: 30px; }

#contact .michelle-wrap {
  margin-top: -20px;
  margin-bottom: 15px; }

#contact .call-to-action {
  margin: 10px;
  margin-left: 0px; }

.contact_form h1 {
  padding-left: 15px; }

.map {
  margin-top: 15px; }

/*-------------footer------------------------*/
.social2 {
  width: 100%;
  height: 58px;
  text-align: center;
  background-color: rgba(47, 10, 4, 0.1); }

.social2 .twitter-footer {
  background-image: url("../images/social/twitter-unhover.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 58px;
  height: 58px; }

.social2 .twitter-footer:hover, .social2 .twitter-footer:focus {
  background-image: url("../images/social/twitter-hover.png"); }

.social2 .gplus-footer {
  background-image: url("../images/social/google-unhover.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 58px;
  height: 58px; }

.social2 .gplus-footer:hover, .social2 .gplus-footer:focus {
  background-image: url("../images/social/google-hover.png"); }

.social2 .facebook-footer {
  background-image: url("../images/social/facebook-unhover.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 58px;
  height: 58px; }

.social2 .facebook-footer:hover, .social2 .facebook-footer:focus {
  background-image: url("../images/social/facebook-hover.png"); }

.social {
  display: none; }

footer {
  clear: both;
  color: #ffffff;
  background-color: rgba(47, 10, 4, 0.3);
  text-align: center;
  padding-bottom: 5px; }

/*-------------Responsive------------------------*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  .brand-name {
    font-size: .75em; }

  .navbar-custom .navbar-brand {
    font-size: 1.15em;
    padding-top: 12px; }

  .navbar-custom .navbar-nav .open .dropdown-menu > li > a, .navbar-custom .navbar-nav .open .dropdown-menu {
    font-size: 1.1em; }

  #home .landing_image {
    height: 320px;
    width: 100%; }

  footer {
    font-size: 1.1em;
    padding-top: 10px; } }
@media screen and (max-width: 479px) {
  .banner {
    font-size: .6em; }

  .testimonials {
    font-size: .65em; }

  #products .intro p {
    font-size: 1em; } }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .xlarge {
    font-size: 3em; }

  .title {
    line-height: 52px; }

  .brand-name {
    font-size: 1em; }

  .navbar-custom .navbar-brand {
    font-size: 1.5em; }

  #home .landing_image {
    height: 380px; }

  footer {
    font-size: 1.25em;
    padding-top: 8px; }

  #products .modal-btn {
    position: absolute;
    top: -4px;
    right: 15px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
  #services .cycle-slideshow {
    width: 60%; } }
@media only screen and (max-width: 639px) {
  div .quantity {
    width: 100%; } }
@media only screen and (min-width: 640px) {
  #home .landing_image {
    height: 500px; }

  div .product-img {
    left: -30%; } }
@media screen and (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff !important; }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: transparent !important; }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: red !important;
    text-shadow: none; }

  .navbar-custom .navbar-nav {
    background-color: rgba(47, 10, 4, 0.3);
    width: 240px;
    height: 100%;
    margin-top: -1px; }
    .navbar-custom .navbar-nav > li > a {
      color: #ffffff;
      border-bottom: 1px solid rgba(47, 10, 4, 0.3); }
      .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: #ffffff;
        text-shadow: none; }
      .navbar-custom .navbar-nav > li > a:active {
        color: #ffffff;
        background-color: #ffffff; }

  .navbar .nav > li.dropdown.open > a {
    color: #ec96a4;
    background-color: rgba(47, 10, 4, 0.3); }

  div .product-img {
    display: none; }

  div .product-details {
    -moz-box-shadow: 0 0 10px #180402;
    -webkit-box-shadow: 0 0 10px #180402;
    box-shadow: 0 0 10px #180402; } }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .navbar-custom .navbar-brand {
    font-size: 1.5em; }

  div .product-details {
    border: solid transparent;
    border-width: 0 15px;
    border-image: url(../Images/Products/sawtooth.jpg) 20 round; }

  #cleansers .overview {
    margin-top: 30px; }

  div .product-img {
    position: relative;
    left: -55%;
    top: -10%; }

  #products .intro {
    width: 60%; }

  #products .modal-btn {
    display: none; }

  #promotions .row {
    padding: 30px;
    border: 2px solid #6e41ac;
    margin-left: 5px;
    margin-right: 5px;
    font-size: .8em; }

  #promotions .promo {
    margin-top: 10px; } }
@media screen and (max-width: 991px) {
  .product-nav a {
    font-size: 11px;
    line-height: 25px;
    width: 158px; }

  .testimonials p {
    font-size: .9em; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .navbar-custom .navbar-brand {
    padding-left: 50px;
    font-size: 1.75em; }

  #home .landing_image {
    background-image: url("../Images/RedSilk.jpg");
    height: 480px; }

  #home .logo {
    width: 200px;
    margin-left: -100px; }

  #home .logo-small {
    display: inline-block; }

  main {
    width: calc(100% - 50px);
    margin: 0;
    float: right; }

  .social2 {
    display: none; }

  .social {
    display: inline-block;
    background: rgba(47, 10, 4, 0.3);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(47, 10, 4, 0.3), #ffffff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(47, 10, 4, 0.3), #ffffff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(47, 10, 4, 0.3), #ffffff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(47, 10, 4, 0.3), #ffffff);
    /* Standard syntax */
    width: 50px;
    height: 100px;
    margin: 150px 0 0 0;
    padding: 8px;
    float: left;
    position: fixed;
    border-radius: 8px 0 0 8px; }

  #products .intro {
    width: 50%; }

  #products .product-details {
    width: 80%;
    position: relative;
    margin-left: 10%;
    margin-right: 10%; }

  div .product-img {
    left: -45%; }

  #promotions .promo {
    padding-left: 50px;
    margin-left: 30px; } }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  body {
    width: 1200px; }

  .navbar-custom .navbar-nav li a {
    font-size: 1.25em; }

  #home .landing_image {
    height: 500px;
    background-image: url("../Images/RedSilkLg.jpg");
    background-size: contain; }

  #home .cycle-slideshow {
    top: 78%; }

  #products .intro {
    width: 50%; }

  div .product-img {
    left: -32%; } }

/*# sourceMappingURL=pixelutions.css.map */