.hero .wrap, SECTION .px, SECTION.entertain
{
    position: relative;

    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5) !important;*/
}
#mycontent {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #FFFFFF;
}

/*@ | Section ETC*/
#mycontent SECTION{
    width: 100%;
    position: relative;
}
SECTION.quickfind .qf_header{
    background: url(../img/find-vita-bar-bg.png) no-repeat center top;
    width: 482px;
    height: 18px;
    position: absolute;
    top: 34px;
    margin-top: -9px;
    text-indent: -10000%;
    left: 80px;
}
SECTION.quickfind{
    background: #106333;
    height: 68px;
}
SECTION
{
    color: #FFF;
}
SECTION .wrap
{
    width: 100%;
    margin: 0 auto;
}
/*@ | Section Attachments*/
SECTION .px
{
    overflow: hidden;
    z-index:150;
}
SECTION .px:before
{
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    height: 10px;
    content: '';

    z-index: 100;
}
SECTION .px
{
    padding-bottom: 65px;
}
/*@ | Section GLOBALS*/
SECTION.item .find, SECTION.item .find:hover
{
    background:#fb0000;

    padding:10px 30px;
    border-radius:20px;
    color:#fff !important;
    float:left;
    margin-top:20px;
    font-size:14px;
    font-family: 'Chivo', sans-serif;;

}
SECTION.lemonade .find, SECTION.lemonade .find:hover
{
    background:#65be2e;
    padding:10px 30px;
    border-radius:20px;
    color:#fff !important;
    float:left;
    margin-top:20px;


    font-size:14px;
	font-family: 'Source Sans Pro', sans-serif;

}
SECTION.cosmopolitan .find, SECTION.cosmopolitan .find:hover
{
    background:#e52020;
    padding:10px 30px;
    border-radius:20px;
    color:#fff !important;
    float:left;
    margin-top:20px;
    font-size:14px;
	font-family: 'Source Sans Pro', sans-serif;

}
SECTION.entertain .find, SECTION.entertain .find:hover
{
    background:#65be2e;
    padding:10px 30px;
    border-radius:20px;
    color:#fff !important;
    float:left;
    margin-top:20px;
    font-size:14px;
	font-family: 'Source Sans Pro', sans-serif;
}
SECTION.entertain .lemon{
    background:url(../img/mobiles.png) no-repeat top left;
    position:absolute;
    z-index:200;
    left:50px;
    top:0px;
    width:351px;
    height:393px;
}
SECTION.entertain .description{
    margin-left:-300px !important;
}
.rteat{
    background:url(../img/mobiles01.png) no-repeat top left;
    width:538px;
    height:470px;
    top:-100px;
    right:40%;
    margin-right:-600px;
    position:absolute;
    z-index:200;
}
.intro_overlay_bg
{
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background-color: transparent;
}
.intro_overlay
{
    top: 50%;
    margin-top: -330px;
    position: fixed;
    left: 50%;
    background: url(../img/intro-overlay.png) no-repeat center top;
    width: 1009px;
    height: 659px;
    margin-left: -505px;
    z-index: 800;
}
SECTION.item .find.whitetext, SECTION.item .find.whitetext:hover
{
    
}
SECTION.withwrap .wrap
{
    width:100%;
    
    position: relative;
}
SECTION.item .wrap H1, SECTION.item .wrap P
{
    z-index: 750;
    position: relative;
    margin:15px 0;

}
SECTION.entertain .box .wrap
{
    width: 265px;
    margin: 0 auto;
}
SECTION.entertain .tier-3 .box H3
{
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
SECTION.entertain .tier-3 .box P
{
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
}
SECTION.entertain .tier-3 .box P
{
    padding: 0 !important;
}
SECTION.item{
    height: 900px;
    position: relative;
}
SECTION.item .description{
    margin-top: 20px;
    margin-bottom: 20px;
    max-width:400px;
    position:absolute;
    z-index:200;
    left:55%;
    margin-left:-192px;
	font-family: 'Source Sans Pro', sans-serif;
}
SECTION.cosmopolitan .description{
    margin-left:-160px;
}
.margarita p{
    color:#444444 !important;
}
SECTION.item .description P{
    color: #163C47;
}
SECTION.item .description P.alt{
    color: #000;
}
SECTION.item .description P{
    margin-bottom: 15px;
    font-size:17px;
    line-height:26px;
}
SECTION.item .wrap{
    position: relative;
}
SECTION.item .edge{
    background-repeat: no-repeat;
    height: 300px;
    width: 320px;
    z-index: 250;
}
SECTION.item P A:hover{
    background: none !important;
}
SECTION.item H1, SECTION.item .description{
/*  margin-left: 65px;*/
}
SECTION.lemonade .description{
    margin-left:-270px !important;
}
SECTION.lemonade .description p{
    color:#000 !important;
}

SECTION.entertain .tier-3{
    padding-top: 75px;
}
SECTION.item .edge.leftdeco{
    float: left;
    left: 0;
    background-position: left bottom;
}
SECTION.item .edge.rightdeco{
    float: right;
    right:50%;
    margin-right:-740px;
    background-position: right bottom;
}
SECTION.item .edge{
    position: absolute;
    bottom: 50px;
}
SECTION.item .bottles{
    position: absolute;
	margin-left:30px;	
}
SECTION.item .leftdeco + .wrap > .bottles{
    right: 5px;
}
SECTION.item .rightdeco + .wrap > .bottles{
    left: 5px;
	margin-top:70px;
}
/*@ | Hero*/
.hero > .wrap
{
    height: 960px;
    background-image: url(../img/vi-hero-img-4.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.join_head
{
    width: 628px;
    height: 74px;
    position: absolute;
    top: 70px;
    left: 117px;
    background: url(../img/join_summer_tour_txt.png) no-repeat;
}
.get_started
{
    background: url(../img/get_started_call.png) no-repeat center top;
    width: 558px;
    height: 40px;
    position: absolute;
    top: 549px;
    left: 50%;
    margin-left: -279px;
}
.get_started A
{
    width: 100%;
    height: 100%;
    display: block;
}
SECTION.hero .tagline
{
    position: relative;
    background: url(../img/hero_copy_1.png) no-repeat center top;
    top: 260px;
    width: 100%;
    height: 101px;
}
/*@ | Intro*/

SECTION.intro
{
    height: 450px;
    background: url(../img/primary-bg.jpg);
}
SECTION.intro .wrap
{
    position: relative;
    top: 0px;
}
SECTION.intro .wrap IMG
{
    position: absolute;
    top: 0;
    left: 0;
}
SECTION.intro .bottles
{
    background: url(../img/hl-primary_bottles.png) no-repeat center top;
    width: 315px;
    height: 490px;
    position: absolute;
    left: 595px;
    top: -240px;
}
SECTION.intro .blockquote
{
    width: 533px;
    height: 100px;
    background: transparent url(../img/cp-a_better_way_1.png) no-repeat right 30px;
    margin-bottom: 10px;
}
SECTION.intro .blockquote P
{
    font-size: 14px;
    color: #FFF;
    text-align: right;
    padding-top: 75px;
}
SECTION.intro .introduction
{
    background: url(../img/cp-introducing_vita-frute.png) no-repeat center top;
    width: 520px;
    height: 150px;
    padding-top: 60px;
    font-size: 15px;
}
.tier-3
{
    width: 100%;
}
.tier-3 .box
{
    float: left;
    width: 33%;
    height: 90px;
}
.tier-3 P
{
    padding-top: 12px;
    padding-left: 70px;
    padding-right: 35px;
    font-size: 14px;
}
.tier-3 .box.taste
{
    background: url(../img/ico-taste.png) no-repeat left center;
}
.tier-3 .box.proof
{
    background: url(../img/ico-proof.png) no-repeat left center;
}
.tier-3 .box.superfruit
{
    background: url(../img/ico-acai-spirit.png) no-repeat left center;
}
/*@ | Margarita*/
SECTION.margarita
{
    background: #f2e0c2;
    height:329px !important;
}
SECTION.margarita .wrap
{
    background: url(../img/bg-margarita.png) no-repeat center top;
}
SECTION.margarita .px
{
    background-color: #8CC63F;
    background-image: url(../img/vi-mar-img-3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 300px;
}
.margarita .edge
{
    background-image: url(../img/dc-margarita.png);
}
.margarita .bottles
{
    background: url(../img/hl-margarita.png) no-repeat center top;
    width: 301px;
    height: 511px;
}
SECTION.margarita H1
{
    font-family: 'Chivo', sans-serif;
    color:#fb0000;
    font-size:36px;
    font-weight:900;

}
/*@ | Lemonade*/
SECTION.lemonade{
   background: #f2f773;
}
SECTION.lemonade .wrap
{
    background:url(../img/yelow.png) no-repeat center top;
}
SECTION.lemonade .px
{
    background-repeat: no-repeat;
    background-image: url(../img/vi-lemon-img-2.jpg);
    background-position: center top;
    height: 507px;
}
/*@media only screen and (min-width: 320px) and (max-width: 640px) {
SECTION.lemonade .px
{
    background-image: url(../img/vi-lemon-img-2-mobile.jpg);
}
}*/


.lemonade .edge{
    background:url(../img/televisions-right.png) no-repeat top left;
    width:677px !important;
    height:452px !important;
}

.lemonade .bottles{
    background: url(../img/wallpaper.jpg) no-repeat center top;
    width: 357px;
    height: 373px;
}

@media all and (max-width:1380px){
.lemonade .bottles{
    background: url(../img/wallpaper.jpg) no-repeat left top;
	margin-left:0 !important;
}

SECTION.item .bottles{
    position: absolute;
	margin-left:-130px;	
}
SECTION.entertain .lemon{
    background:url(../img/mobiles.png) no-repeat top left;
    position:absolute;
    z-index:200;
    left:0px;
    top:0px;
    width:351px;
    height:393px;
}
.desc1023mb {
	left:60% !important;
}
}

@media all and (max-width:1023px){
.lemonade .bottles{
    background:none !important;
}
SECTION.entertain .lemon{
	display:none;
}
.lemonade .edge{
    background:url(../img/televisions-right.png) no-repeat top left;
    width:677px !important;
    height:452px !important;
}
SECTION.item .edge.rightdeco{
    float: right;
    right:50%;
    margin-right:-600px;
    background-position: right bottom;
}
SECTION.lemonade .description{
	width:100%;
    margin-left:0px !important;
	float:left !important;
	position:relative;
}
SECTION.item .description {
	position:none;
	left:0;
	padding:0 15px;
}

.desc1023 {
		left:55% !important;
}

.cosmopolitan .bottles {
	display:none;
}

.cosmopolitan .namkeens {
    background:url(../img/home-appliance.png) no-repeat top left;
    width:460px;
    height:384px;
    position:absolute;
    z-index:200;
    left:60% !important;
    top:-100px;
}
.desc1023mb {
	left:0% !important;
	margin-left:192px !important;
}
SECTION.entertain .description{
    margin-left:0px !important;
}
}

@media all and (min-width:600px) and (max-width:767px){
SECTION.item .edge.rightdeco{
    float: right;
    right:50%;
    margin-right:-650px;
    background-position: right bottom;
}
SECTION.lemonade .description{
	width:100%;
    margin-left:0px !important;
	float:left !important;
	position:relative;
}
SECTION.item .description {
	position:none;
	left:0;
	padding:0 15px;
}

.desc1023 {
		left:60% !important;
		padding-right:30px;
}

.cosmopolitan .bottles {
	display:none;
}

.cosmopolitan .namkeens {
    background:url(../img/home-appliance.png) no-repeat top left;
    width:460px;
    height:384px;
    position:absolute;
    z-index:200;
    left:60% !important;
    top:-100px;
}
}

@media all and (max-width:599px){
SECTION.item .edge.rightdeco{
	display:none;
}
SECTION.lemonade .description{
	width:100%;
    margin-left:0px !important;
	float:left !important;
	position:relative;
}
SECTION.item .description {
	position:none;
	left:0;
	padding:0 15px;
}

.desc1023 {
		left:0% !important;
}

SECTION.cosmopolitan .description{
    margin-left:0px;
	padding:0 15px;
}

.cosmopolitan .bottles {
	display:none;
}

.cosmopolitan .namkeens {
    background:url(../img/home-appliance.png) no-repeat top left;
    width:460px;
	display:none;
    height:384px;
    position:absolute;
    z-index:200;
    left:60% !important;
    top:-100px;
}
.rteat {
	display:none;
}
.desc1023mb {
	max-width:599px;
}
}


SECTION.lemonade H2{
font-family: 'Chivo', sans-serif;
font-size:40px;
color:#65be2e;
font-weight:900;
margin-bottom:20px;
}
/*@ | Cosmopolitan*/
SECTION.cosmopolitan{
    background: #ffac0d;
}
SECTION.cosmopolitan .wrap{
    background: url(../img/bg-cosmopolitan.png) no-repeat;
}
SECTION.cosmopolitan .px{
    background-color: #EF4024;
    background-repeat: no-repeat;
    background-image: url(../img/vi-bg_full_cosmo.jpg);
    background-position: center top;
    height: 510px;
}

.cosmopolitan .bottles {
    background: url(../img/walltatoo.jpg) no-repeat center top;
	background-size:contain;
    width: 300px;
    height: 258px;
    right:50px !important;
    top:65px;
}
.cosmopolitan .namkeens {
    background:url(../img/home-appliance.png) no-repeat top left;
    width:560px;
    height:384px;
    position:absolute;
    z-index:200;
    left:48%;
    margin-left:-700px;
    top:-150px;
}
SECTION.cosmopolitan H2 {
	font-family: 'Source Sans Pro', sans-serif;
font-size:40px;
color:#e52020;
font-weight:900;
margin-bottom:20px;
}
SECTION.entertain H3 {
	font-family: 'Source Sans Pro', sans-serif;
font-size:40px;
color:#65be2e;
font-weight:900;
}
SECTION.entertain p
{
    color:#000 !important;
}
SECTION.margarita P, SECTION.lemonade P, SECTION.cosmopolitan P{
    /*width: 440px;*/
    text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

/*@ | Entertain*/

SECTION.entertain .px
{
    background-color: #EF4024;
    background-repeat: no-repeat;
    background-image:url(../img/lower-bg.jpg);
    background-position: center top;
    height: 510px;
}
SECTION.entertain .wrap
{
    background:url(../img/yelow.png) no-repeat center top;
}
SECTION.entertain
{
    background:#f2f773;
}
SECTION.entertain .box
{
    min-height: 535px;
    padding-top: 280px;
}
SECTION.entertain H1
{
    background: url(../img/tp-better-way-entertain.png) no-repeat center top;
    width: 100%;
    position: relative;
    height: 89px;
    text-indent: -100000%;
    top: 50px;

}
.box.shake-it
{
    background: url(../img/shake-it.png) no-repeat center top;
}
.box.style-it
{
    background: url(../img/style-it.png) no-repeat center top;
}
.box.garnish-it
{
    background: url(../img/garnish-it.png) no-repeat center top;
}
.cross-black-main
{
    display:block;
}
section.homescreen
{
    height:134px;
    position:absolute;
    z-index:10;
    top:-200px;
    left:50%;
    margin-left:-104px;
    width:208px;
    background:url(../img/scroll_down-2.png) no-repeat center top;
}

section.homescreen .tagline
{
	font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0 0 3px #000;
    font-size:56px;
    text-align:left;
    font-weight:900;
    line-height:60px;
    margin-left:38px;
    padding-left:60px;
}
section.homescreen .tagline span
{
    color:#e52020;
    font-size:70px;
}
.giftbox
{
    width:317px;
    height:322px;
    position:absolute;
    z-index:200;
    bottom:0px;
    right:0px;
    background:url(../img/giftbox.png) no-repeat top left;
}
.gifthamper
{
    background:url(../img/gifthamper.png) no-repeat top left;
    width:339px;
    height:311px;
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-544px;

    z-index:200;
}

/*@ | RESPONSIVE
@media only screen and (min-width : 320px) and (max-width : 568px) {*/
@media only screen and (min-device-width: 320px) and (max-device-width: 700px)
{
    .hero .wrap, SECTION .px, SECTION.entertain
    {
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
}
@media only screen and (min-device-width: 569px) and (max-device-width: 1024px)
{
    .hero .wrap, SECTION .px, SECTION.entertain
    {
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{
    .hero .wrap, SECTION .px, SECTION.entertain
    {
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    SECTION.entertain
    {
    
        min-height: 700px;
        background-position: center -40px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .hero .wrap, SECTION .px, SECTION.entertain {
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    SECTION.entertain {
        min-height: 700px;
        background-position: center -40px;
    }
}