@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'beautiful_every_timeregular';
    src: url('../fonts/beautifuleverytime-webfont.eot');
    src: url('../fonts/beautifuleverytime-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/beautifuleverytime-webfont.woff') format('woff'),
         url('../fonts/beautifuleverytime-webfont.ttf') format('truetype'),
         url('../fonts/beautifuleverytime-webfont.svg#beautiful_every_timeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
div#social {
    position: fixed;
    z-index: 1000;
    width: 50px;
    top: 200px;
    right: 0;
}
div#social img {
    width: 40px;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
font-family: 'open_sanslight';	
}
section#natural h3 {
font-family: 'beautiful_every_timeregular';
}
section#problem .inner {
background: rgba(255, 255, 255, 0.87);
padding: 9px;
max-width: 100%;
text-align: center;
font-family: 'beautiful_every_timeregular';
letter-spacing: 2px;
font-size: 16px;
font-weight: bold;
}
#bio .inner {
max-width: 700px;
background: rgba(255, 255, 255, 0.85);
padding: 10px;
}
section#what {
    background-color: rgb(189, 2, 2);
    padding: 10px;
    color: white;
}
.product-holder {
    width: 300px;
    padding: 10px;
    float: left;
    box-shadow: 0px 0px  5px #DDDCDC;
    margin: 5px;
    border-radius: 20px;
	background: white;
}
section#note {
border-top: 10px solid rgb(216, 10, 10);
}
.product-holder img {
    width: auto;
max-height: 150px;
}
.product-holder {
	text-align:center;
}
.buy-button {
    width: 50%;
    float: left;
    text-align: center;
}
.info-button {
    width: 50%;
    float: left;
    text-align: center;
}

.product-name {
    text-align: center;
    border-bottom: 1px solid #DDDCDC;
    margin-bottom: 5px;
    font-family: 'beautiful_every_timeregular';
    color: rgb(145, 145, 145);
}
a.buy-but {
    background: rgb(213, 4, 4);
    color: white;
    text-decoration: none;
    padding: 5px 20px;
    font-family: 'beautiful_every_timeregular';
    letter-spacing: 2px;
    border-radius: 5px;
}
a.info-but {
    background: rgb(213, 4, 4); color: white; text-decoration: none; 
    padding: 5px 20px;
    letter-spacing: 2px;
    font-family: 'beautiful_every_timeregular';
    border-radius: 5px;
}
.product-buttons {
    display: inline-block;
    width: 100%;
}
.benefits {
line-height: 35px;
padding-top: 23px;
}
h3 {
font-family: 'beautiful_every_timeregular';
}
.product-desc {
min-height: 135px;
}
section#promo p {
font-size: 20px;
}
#testimonials > div > p {
text-align: center;
}
.owl-item > div {
box-shadow: 0px 0px 5px #DDDCDC;
margin: 5px;
border-radius: 20px;
background: white;
padding: 10px;
}
.col5 {
    width: 29%;
    float: left;
    padding: 1%;
    text-align: center;
    background: rgba(247, 247, 247, 0.77);
    margin: 1%;
}
.clear {
    clear: both;
}
#note > div > div:nth-child(2) {
    height: 300px;
}
#note > div > div:nth-child(6) {
    height: 130px;
}
#note > div > p:nth-child(1) {
    text-align: center;
    font-family: 'beautiful_every_timeregular';
    letter-spacing: 2px;
}
.col5 h4 {
    font-family: 'beautiful_every_timeregular';
}
#note > div > div:nth-child(2) > p {
    padding: 20px;
}
.product-price {
    text-align: center;
    font-weight: bold;
    color: rgb(204, 1, 1);
    letter-spacing: 2px;
}
.producthold6 {
    clear: both;
	display: inline-block;
}
.left {
    width: 45%;
    float: left;
    display: inline-block;
}
.right {
    width: 45%;
    display: inline-block;
}
section#video {
background-image: url(../images/fabric-bg2.jpg);
padding: 10px;
}
section#process img {
height: 156px;
}
#video .right {
	margin-bottom: 20px;
}
.allcups {
	background: url(../images/cups.png) 50% 100px no-repeat fixed;
min-height: 1000px;
padding: 0;
margin: 0;
width: 100%;
max-width: 1920px;
position: relative;
margin: 0 auto;
}
section#beautiful  {
background-image: url(../images/twirlslarge.jpg);
background-size: 100%;
}
section#sexy {
background-image: url(../images/Geniesback.jpg);
background-size: 100%;
padding-bottom: 15px;
}
section#promo {
background-image: url(../images/safe.jpg);
background-size: 100%;
line-height: 45px;
padding: 10px;
background-position: bottom;
background-repeat:no-repeat;
}
section#shipping {
background-color: rgb(189, 2, 2);
padding: 10px;
color: white;
text-align: center;
line-height: 28px;
font-family: 'beautiful_every_timeregular';
}
h3.into1 {
margin-left: 30px;
}
#promo > div > div {
    text-align: center;
}
#promo > div > div img {
    width: 100%;
    max-width: 400px;
}
#promo > div > p {
    max-width: 600px;
    margin: 0 auto;
}
#beautiful .inner {
background: rgba(255, 255, 255, 0.85);
padding: 10px;
}
h3.x {
font-family: 'beautiful_every_timeregular';
text-align: center;
letter-spacing: 2px;
line-height: 36px;
}
#note > div > p:nth-child(1) {
background: rgba(255, 255, 255, 0.52);
padding: 10px;
}
section#process {
padding: 10px;
border-top: 10px double rgb(214, 7, 7);
border-bottom: 10px double rgb(214, 7, 7);
}
section#bio {
background-image: url(../images/shoppingback2.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center;
position: relative;
z-index: 100;
}
p.logoholder {
text-align: center;
padding-top: 50px;
}
section#problem {
background-image: url(../images/fabric-bg.jpg);
padding: 40px 0px;
border-top: 5px solid rgb(189, 2, 2);
border-bottom: 5px solid rgb(189, 2, 2);
position: relative;
z-index: 100;
}
section#natural .inner {
line-height: 35px;
}
.inner2 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
div#introinside {
position: absolute;
width: 100%;
}
section#natural {
background-image: url(../images/natural.jpg);
height: 300px;
padding: 10px;
position: relative;
z-index: 100;
}
.beut {
text-align: center;
font-family: 'beautiful_every_timeregular';
font-size: 40px;
letter-spacing: 5px;
margin: 20px;
}
.inner3 {
    display: inline-block;
}
.step1 {
    float: left;
    width: 35%;
    margin-right: 1%;
}
.step2 {
    float: left;
    width: 33%;
    margin-right: 1%;
}
.step3 {
    float: left;
    width: 30%;
}
section#work {
    background: #F1F1F1;
}
#work > div > div > p:nth-child(1) {
    text-align: right;
    font-family: 'beautiful_every_timeregular';
    font-size: 22px;
}
section#chinese {
padding: 10px;
font-family: 'beautiful_every_timeregular';
text-align: center;
line-height: 24px;
letter-spacing: 1px;
color: white;
background-image:url(../images/chinese.jpg);
}
#note {
background-image: url(../images/kiss-sml.jpg);
padding: 10px;
background-size: 87%;
background-repeat: no-repeat;
}
p.x {
text-align: center;
line-height: 25px;
}
#natural .inner {
max-width: 500px;
margin: 0 50%;
}

div#introtwirls {
	background-image: url(../images/twirls1.gif);
height: 500px;
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom;
position: absolute;
width: 100%;
}
	
section#intro {
	background-image: url(../images/back1.jpg);
height: 500px;
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom;
font-family: 'beautiful_every_timeregular';
vertical-align: top;
border-bottom: 5px solid rgb(189, 2, 2);
background-color: #F5F6F8;
z-index: 1;
position: relative;
}
.inner {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
h3.into1 {
background: rgba(199,28,28,1);
background: -moz-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(71%, rgba(199,28,28,1)), color-stop(72%, rgba(199,28,28,0.97)), color-stop(100%, rgba(199,28,28,0)));
background: -webkit-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%);
background: -o-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%);
background: -ms-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%);
background: linear-gradient(to right, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71c1c', endColorstr='#c71c1c', GradientType=1 );
width: 70%;
padding: 10px;
clear: both;
float: left;
padding-left: 100px;
color:white;
}
.productimagehold img {
    width: 200px;
}
.productimagehold {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
}
img.cup1 {
    margin-right: -45px;
}
img.cup2 {
    /* margin-top: -5px!important; */
    z-index: 2;
    position: absolute;
}
img.cup3 {
    margin-left: 151px;
    z-index: 1;
    position: absolute;
}
h1.intro2 {
    text-align: center;
width: 100%;
float: left;
padding: 10px;
clear: both;
padding-right: 100px;
color: black;
}
h3.intro3 {
    background: rgba(199,28,28,1); background: -moz-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%); background: -webkit-gradient(left top, right top, color-stop(71%, rgba(199,28,28,1)), color-stop(72%, rgba(199,28,28,0.97)), color-stop(100%, rgba(199,28,28,0))); background: -webkit-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%); background: -o-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%); background: -ms-linear-gradient(left, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%); background: linear-gradient(to right, rgba(199,28,28,1) 71%, rgba(199,28,28,0.97) 72%, rgba(199,28,28,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71c1c', endColorstr='#c71c1c', GradientType=1 ); width: 30%; padding: 10px; clear: both; float: left;
	color:white;
}
h2.intro4 {
    clear: left;
    text-align: center;
}