/******************************************************************************
* Main Homepage
******************************************************************************/
body {
	color: #808080;
    overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

h1 {
	color: #fffffe;
	font-size: 1.5rem;
	line-height: 20px;
	font-family: "Zandes-Black", Helvetica, Arial, sans-serif;
  	font-style: normal;
  	font-weight: bold;
}

h2 {
	color: #46545c;
	font-size: 2rem;
	line-height: 26px;
	font-family: "Zandes", Helvetica, Arial, sans-serif;
  	font-style: normal;
  	font-weight: 700;
}

p {
    color: #46545c;
    font-family: "Zandes", Helvetica, Arial, sans-serif;
	font-style: normal;
  	font-weight: 400;
    font-size: 1.5rem;
	line-height: 22px;
	/*margin-bottom: 1.5em;*/
}

.main-home {
    background-color: #ffffff;
	padding-bottom:40px;
}

.main-home h1 {
	color: #4c4c4c;
	font-size: 2.6rem;
	line-height:26px;
    margin-bottom: 25px;
	text-transform: uppercase;
}

.container-form {
	background-color: #eff0f6;
	margin-top:50px;
	z-index: 100;
}

.rsvp .container-form {
	margin-top: 120px;
}

.rsvp p {
	text-align:center;
}

.rsvp h2 {
	text-align:center;
}

.inner-container-form {
	padding: 2em;
}

.container-form p {
	color: #46545c;
	font-size: 1.4rem;
}

p.disclaimer {
	font-size: 1rem !important;
	line-height:15px;
}

.hide-desktop {
	display:none;
}

.hide-mobile {
	display:block;
}

p.headline {
	text-align: center;
    font-size: 1.8rem;
    line-height: 25px;
    padding-bottom: 5px;
    font-weight: 700;
}

/******************************************************************************
* BUCKETS
******************************************************************************/

.buckets {
	margin-top: 30px;
}

.buckets .flex-control-nav {
    bottom: -20px;
}

@media (max-width: 767px) {
    [data-plugin="mobile-carousel"] {
        position: relative;
    }

    [data-plugin="mobile-carousel"] > .container-fluid,
    [data-plugin="mobile-carousel"] > .container {
        padding: 0;
    }

    [data-plugin="mobile-carousel"] > div > .flex-viewport > .row,
    [data-plugin="mobile-carousel"] > .container > .flex-viewport > .row {
        margin: 0;
    }

    .image-bucket {
        padding: 0;
    }
}

/******************************************************************************
* BANNER
******************************************************************************/

.banner-01,
.banner-02 {
    margin-top: 30px;
    position: relative;
}

.banner-01 {
    background: transparent url("../images/banner-ultivite.jpg") no-repeat 15% 0 scroll;
    color: #ffffff;
    height: 270px;
    position: relative;
}

.banner-01 .banner-content {
    font-family:"Swiss 721 W01 Condensed", Helvetica, Arial, sans-serif;
    font-size: 6rem;
    letter-spacing: -0.02em;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.banner-01 .banner-content span {
    font-size: 3.5rem;
    letter-spacing: -0.01em;
}

.banner-02 {
    background: transparent url("../images/banner2-ultivite.jpg") no-repeat 35% 0 scroll;
    color: #ffffff;
    height: 270px;
    position: relative;
}

.banner-02 .banner-content {
    color: #000;
    font-family:"Swiss 721 W01 Condensed", Helvetica, Arial, sans-serif;
    font-size: 5.1rem;
    left: 325px;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 20px;
    text-align: center;
}

.lp-womens .banner-02 {
    background: transparent url("../images/banner-womens.jpg") no-repeat 15% 0 scroll;
}

.lp-womens .banner-02 .banner-content {
    color: #fff;
}

.lp-womens .banner-02 .footnote {
    color: #fff;
}

.banner-02 .banner-content img {
    margin-bottom: 20px
}

.banner-02 .banner-content strong {
    font-size: 135%;
}

.banner-02 .banner-content sup {
    font-size: 50%;
}

.banner-02 .footnote {
    bottom: 15px;
    left: 325px;
    right: 15px;
    position: absolute;
    font-size: 1.4rem;
    text-align: center;
    color: #000000;
}

@media (max-width: 991px) {
    .banner-01 .banner-content {
        font-size: 4.5rem;
        left: 100px;
    }

    .banner-01 .banner-content span {
        font-size: 2rem;
    }

    .banner-02 .banner-content {
        left: 150px;
        font-size: 3.5rem;
    }

    .banner-02 .footnote {
        left: 150px;
        text-shadow: 0 0 5px rgba(255,255,255,1);
    }
}

@media (max-width: 767px) {
    .banner-01 {
        background-image: url("../images/banner-ultivite-mobile.jpg");
        background-position: 50% 0;
    }
    
    .banner-01 .banner-content {
        left: 0;
        font-size: 2.4rem;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        top: 65%;
    }

    .banner-01 .banner-content span {
        font-size: 1.6rem;
    }

    .banner-02 {
        background-position: 20% 0;
    }

    .banner-02 .banner-content {
        left: 30%;
    }
}

/******************************************************************************
* FEATURE TOP
******************************************************************************/

.feature-top {
	margin-top: 30px;
}

.feature-top .table-wrap {
	padding-top: 70%;
	position: relative;
}

.feature-top .image .focuspoint {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
	top: 0;
}

.feature-top .image {
    left: 0;
    padding-bottom: 70%;
    position: absolute;
    right: 0;
    top: 0;
}

.feature-top .img-content {
    color: #808080;
    font-family: "Swiss 721 W01 Condensed", Helvetica, Arial, sans-serif;
    font-size: 2.8rem;
    line-height: 30px;
    position: absolute;
    right: 16px;
    top: 8px;
}

.feature-top .image a {
    cursor: pointer;
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.feature-top .circle {
    background-color: #e8e8e8;
    border-radius: 50%;
    bottom: 10px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 50px;
}

.feature-top .circle::before,
.feature-top .circle::after {
    background-color: #000000;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
}

.feature-top .circle::after {
    height: 12px;
    width: 2px;
}

.feature-top ul {
    margin-bottom: 0;
    padding-left: 15px;
}

.feature-top ul li {
    color: #46545c;
    font-family: "Swiss721W01-Roman", Helvetica, Arial, sans-serif;
    padding-bottom: 10px;
    padding-right: 15px;
}

.lp-womens .feature-top ul li {
    padding-right: 40px;
}

/******************************************************************************
* QUOTE
******************************************************************************/

.quote {
	background-color: #f5f2e8;
    margin-top: 30px;
    padding: 45px 0 25px;
}

.quote p {
    font-size: 1.4rem;
    line-height: 20px;
    padding: 0 30px;
	text-align: center;
}

/******************************************************************************
* MAIN-CONTENT
******************************************************************************/

.main-content {
    padding: 45px 0 30px;
}

/* XS - Phone */
@media (max-width: 767px) {
	p {
		font-size: 1.4rem;
		line-height: 23px;
	}
	
	h1 {
	font-size:2.5rem;
	}

	.main-home {
		padding: 0 0 40px;
	}

    .main-home h1 {
		font-size: 2.4rem;
		display:inline-block;
        padding-top:10px;
		text-transform: uppercase;
    }
	
	p.headline {
		text-align: center; 
		font-size:1.4rem;
		line-height:20px;
		padding-bottom:5px;
	}
	
	.container-form p {
		padding-bottom:0px;
	}
	
	.hide-desktop {
		display:block;
	}
	
	.hide-mobile {
		display:none;
	}
	
	.extra-padding {
		padding-bottom:10px;
	}
	
	.spacing {
		margin-bottom:2px;
	}

}

/* SM - Tablet */
@media (min-width: 768px) {
    .decor {
        background-repeat: no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        position: absolute;
    }

    .pomegranate {
        background-image: url('../images/decor/pomegranate.png');
        height: 295px;
        left: -220px;
        top: -35px;
        width: 278px;
    }

    .leaf {
        background-image: url('../images/decor/rose-leaf.png');
        height: 233px;
        left: -135px;
        top: 300px;
        width: 186px;
    }

    .blood-orange {
        background-image: url('../images/decor/bloodorange.png');
        height: 273px;
        right: -80px;
        top: -25px;
        width: 273px;
    }

    .lp-womens .blood-orange {
        top: -15px;
        left: -200px;
    }

    .orange  {
        background-image: url('../images/decor/orange-2.png');
        height: 292px;
        right: -250px;
        top: 280px;
        width: 324px;
        z-index: -1;
    }

    .leaf-top-right  {
        background-image: url('../images/decor/bottom-leaf.png');
        height: 353px;
        right: -280px;
        top: 620px;
        width: 342px;
    }

    .orange-middle-left {
        background-image: url('../images/decor/orange-3.png');
        height: 310px;
        left: -260px;
        top: 900px;
        width: 273px;
    }

    .aloe {
        background-image: url('../images/decor/aloe.png');
        height: 519px;
        left: -240px;
        top: 2140px;
        width: 237px;
    }

    .leaf-middle-right {
        background-image: url('../images/decor/top-leaf.png');
        height: 319px;
        right: -280px;
        top: 2500px;
        width: 363px;
    }

    .bergamout {
        background-image: url('../images/decor-mens/bergamout.jpg');
        height: 330px;
        left: -135px;
        top: 0;
        width: 322px;
    }

    .ginger-leaf {
        background-image: url('../images/decor-mens/ginger2.jpg');
        height: 248px;
        left: -165px;
        top: 430px;
        width: 320px;
    }

    .tumeric {
        background-image: url('../images/decor-mens/tumeric1.jpg');
        height: 278px;
        left: -200px;
        top: 1500px;
        width: 360px;
    }

    .leaf-left-bottom {
        background-image: url('../images/decor-mens/leaf.jpg');
        height: 434px;
        left: -335px;
        top: 2440px;
        width: 363px;
    }

    .leaf1  {
        background-image: url('../images/decor-mens/leaf1.jpg');
        height: 128px;
        right: -100px;
        top: 0;
        width: 205px;
    }

    .artichoke  {
        background-image: url('../images/decor-mens/artichoke.png');
        height: 281px;
        right: -145px;
        top: 500px;
        width: 383px;
    }

    .ginger-left-2 {
        background-image: url('../images/decor-mens/ginger2.jpg');
        height: 248px;
        right: -300px;
        top: 1680px;
        width: 320px;
    }

    .whole-ginger {
        background-image: url('../images/decor-mens/whole-ginger.jpg');
        height: 453px;
        right: -215px;
        top: 2770px;
        width: 263px;
        z-index: -1;
    }

    .womens-leaf {
        background-image: url('../images/decor-womens/womens-leaf.png');
        height: 225px;
        left: -165px;
        top: 480px;
        width: 174px;
    }

    .petal {
        background-image: url('../images/decor-womens/petal.jpg');
        height: 256px;
        left: -125px;
        top: 880px;
        width: 146px;
    }

    .lavender-bottom {
        background-image: url('../images/decor-womens/lavender-bottom.png');
        height: 387px;
        left: -165px;
        top: 3380px;
        width: 287px;
        z-index: -1;
    }

    .bottom-leaf {
        background-image: url('../images/decor-womens/bottom-leaf.png');
        height: 387px;
        right: -265px;
        top: 2720px;
        width: 366px;
        z-index: -1;
    }

    .rose {
        background-image: url('../images/decor-womens/rose.png');
        height: 294px;
        right: -140px;
        top: 300px;
        width: 200px;
        z-index: -1;
    }

    .lavender-and-leaf {
        background-image: url('../images/decor-womens/lavender-and-leaf.png');
        height: 502px;
        right: -270px;
        top: 1130px;
        width: 375px;
    }

    h1 {
        font-size: 3.8rem;
        line-height: 40px;
        margin-top: 35px;
    }

	.feature-top .table-wrap {
		padding: 0;
	}

	.feature-top .table-cell {
		width: 50%;
	}

	.feature-top .text {
		height: 380px;
        padding-left: 30px;
	}

	.feature-top .table-cell.image.img-r .focuspoint{
		left: 30px;
	}

	.feature-top .table-cell.image.img-l .focuspoint {
		right: 30px;
	}

	.feature-top .image {
        padding: 0;
        position: relative;
	}

    .feature-top .img-content {
        font-size: 3.9rem;
        line-height: 40px
    }

    .lp-beauty .main-home .bg-products {
        background-image: url('../images/products-original.png');
        -webkit-background-size: 280px 152px;
        background-size: 280px 152px;
        bottom: 20px;
        height: 152px;
        position: absolute;
        right: 15px;
        width: 280px;
    }

    .lp-mens .main-home .bg-products {
        background-image: url('../images/img-ultivite-products.jpg');
        -webkit-background-size: 200px 166px;
        background-size: 200px 166px;
        bottom: 25px;
        height: 166px;
        position: absolute;
        right: 40px;
        width: 200px;
    }

    .lp-womens .main-home .bg-products {
        background-image: url('../images/womens-products.png');
        -webkit-background-size: 200px 167px;
        background-size: 200px 167px;
        bottom: 25px;
        height: 167px;
        position: absolute;
        right: 40px;
        width: 200px;
    }

    .quote {
        padding: 85px 0 65px;
    }

    .quote p {
        font-size: 1.6rem;
        padding: 0;
    }

}

/* MD - Desktop */
@media (min-width: 992px) {
    .lp-beauty .main-home .bg-products {
        -webkit-background-size: 280px 152px;
        background-size: 280px 152px;
        height: 152px;
        width: 280px;
    }

    .lp-mens .main-home .bg-products{
        -webkit-background-size: 280px 232px;
        background-size: 270px 224px;
        height: 224px;
        right: 30px;
        width: 270px;
    }

    .lp-womens .main-home .bg-products {
        background-size: 280px 234px;
        height: 234px;
        width: 280px;
    }
}

/* LG - Large desktop */
@media (min-width: 1200px) {
    .lp-beauty .main-home .bg-products {
        -webkit-background-size: 314px 170px;
        background-size: 314px 170px;
        height: 170px;
        width: 314px;
    }

    .lp-mens .main-home .bg-products {
        -webkit-background-size: 314px 170px;
        background-size: 300px 249px;
        height: 249px;
        width: 300px;
    }

    .lp-womens .main-home .bg-products {
        background-size: 320px 268px;
        height: 268px;
        width: 320px;
    }
}

/* XL - Extra large desktop */
@media (min-width: 1600px) {

}