*{
margin:0px auto;
padding:0px;
border:0px;
}

header, nav, section, footer{
display:block;
}

body{
background:url(../images/vine-bg.jpg) #ffffff top center;
background-repeat:repeat-x;
font-size:1rem;
zoom: 1;
}

li{
list-style:none;
}

a{
color:#000000;
text-decoration:none;
}

.underline{
text-decoration:underline;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

#wrapper{
width:1266px;
}

/*******
========== Font Collections
*******/

@font-face{
font-family:archDaughter;
src:url('../fonts/ArchitectsDaughter.ttf'),
    url('../fonts/ArchitectsDaughter.eot');/* IE9 */
}
@font-face{
font-family:Exo;
src:url('../fonts/Exo-Regular.otf'),
    url('../fonts/Exo-Regular.eot');/* IE9 */
}

/*******
========== Font Collections
*******/

#header-wrapper ul li a{
font-family:Exo;
}

#callus{
color:#6f7176;
}

#headerh1{
text-align:right;
margin-top:20px;
font-family:Calibri;
margin-bottom:10px;
}

.header-text-link{
float:left;
margin-right:20px;
padding-right:20px;
border-right:2px solid #000000;
}.header-text-link:nth-child(4){
border-right:0px;
}

#header-wrapper{
padding-top:10px;
width:1266px;
height:116px;
}

/*********
======	NAVIGATOR ========
*********/

#nav-bar{
padding-left:5px;
height:100px;
width:1266px;
}

.navigator-btn{
margin-right:3px;
float:left;
}

/**
	--------- Nav button area
**/
.nav ul li{
position:relative;
}

.nav li ul{
position:absolute;
left:0px;
top:73px;
opacity:0;
-webkit-transition:opacity .4s;
-moz-transition:opacity .4s;
-ms-transition:opacity .4s;
-o-transition:opacity .4s;
visibility:hidden;
}

.nav li:hover ul{
opacity:1;
visibility:visible;
} 

.youtube{
background:url(../images/youtube-nav-btn.png);
width:174px;
height:74px;
}.youtube:hover{
background:url(../images/youtube-hover-btn.jpg);
width:174px;
height:74px;
}

.youtube-SUB-btn{
background:-webkit-linear-gradient(top, #0e7cf4, #0062cc); /** BLUE **/
background:-moz-linear-gradient(top, #0e7cf4, #0062cc);
background:-ms-linear-gradient(top, #0e7cf4, #0062cc);
background:-o-linear-gradient(top, #0e7cf4, #0062cc);
width:174px;
height:52px;
text-align:center;
line-height:52px;
font-family:Calibri;
font-weight:bold;
color:#ffffff;
text-shadow:2px 2px 2px #000000;
font-size:1.2rem;
border-top:1px solid #c1dae6;
}.youtube-SUB-btn:hover{
background:-webkit-linear-gradient(top, #fc786b, #ef3737 ); /** RED **/
background:-moz-linear-gradient(top, #fc786b, #ef3737);
background:-ms-linear-gradient(top, #fc786b, #ef3737);
background:-o-linear-gradient(top, #fc786b, #ef3737);
}


.twitter{
background:url(../images/twitter-nav-btn.png);
width:176px;
height:74px;
}.twitter:hover{
background:url(../images/twitter-hover-btn.jpg);
width:176px;
height:74px;
}

.twitter-SUB-btn{
background:-webkit-linear-gradient(top, #0e7cf4, #0062cc); /** BLUE **/
background:-moz-linear-gradient(top, #0e7cf4, #0062cc);
background:-ms-linear-gradient(top, #0e7cf4, #0062cc);
background:-o-linear-gradient(top, #0e7cf4, #0062cc);
width:176px;
height:52px;
text-align:center;
line-height:52px;
font-family:Calibri;
font-weight:bold;
color:#ffffff;
text-shadow:2px 2px 2px #000000;
font-size:1.2rem;
border-top:1px solid #c1dae6;
}.twitter-SUB-btn:hover{
background:-webkit-linear-gradient(top, #29b2df, #127292);
background:-moz-linear-gradient(top, #29b2df, #127292);
background:-ms-linear-gradient(top, #29b2df, #127292);
background:-o-linear-gradient(top, #29b2df, #127292);
}

.facebook{
background:url(../images/facebook-nav-btn.png);
width:177px;
height:74px;
}.facebook:hover{
background:url(../images/facebook-hover-btn.jpg);
width:177px;
height:74px;
}

.facebook-SUB-btn{
background:-webkit-linear-gradient(top, #0e7cf4, #0062cc); /** BLUE **/
background:-moz-linear-gradient(top, #0e7cf4, #0062cc);
background:-ms-linear-gradient(top, #0e7cf4, #0062cc);
background:-o-linear-gradient(top, #0e7cf4, #0062cc);
width:176px;
height:52px;
text-align:center;
line-height:52px;
font-family:Calibri;
font-weight:bold;
color:#ffffff;
text-shadow:2px 2px 2px #000000;
font-size:1.2rem;
border-top:1px solid #c1dae6;
}.facebook-SUB-btn:hover{
background:-webkit-linear-gradient(top, #456fc5, #3d64af);
background:-moz-linear-gradient(top, #456fc5, #3d64af);
background:-ms-linear-gradient(top, #456fc5, #3d64af);
background:-o-linear-gradient(top, #456fc5, #3d64af);
}

.soundcloud{
background:url(../images/soundcloud-nav-btn.png);
width:177px;
height:74px;
}.soundcloud:hover{
background:url(../images/soundcloud-hover-btn.jpg);
width:177px;
height:74px;
}

.soundcloud-SUB-btn{
background:-webkit-linear-gradient(top, #0e7cf4, #0062cc); /** BLUE **/
background:-moz-linear-gradient(top, #0e7cf4, #0062cc);
background:-ms-linear-gradient(top, #0e7cf4, #0062cc);
background:-o-linear-gradient(top, #0e7cf4, #0062cc);
width:176px;
height:52px;
text-align:center;
line-height:52px;
font-family:Calibri;
font-weight:bold;
color:#ffffff;
text-shadow:2px 2px 2px #000000;
font-size:1.2rem;
border-top:1px solid #c1dae6;
z-index:3;
}.soundcloud-SUB-btn:hover{
background:-webkit-linear-gradient(top, #ed8837, #f74f0e);
background:-moz-linear-gradient(top, #ed8837, #f74f0e);
background:-ms-linear-gradient(top, #ed8837, #f74f0e);
background:-o-linear-gradient(top, #ed8837, #f74f0e);
z-index:3;
}

.vine{
background:url(../images/vine-nav-btn.png);
width:176px;
height:74px;
}.vine:hover{
background:url(../images/vine-hover-btn.jpg);
width:176px;
height:74px;
}.vine-home{
background:url(../images/vine-hover-btn.jpg);

}

.vine-SUB-btn{
background:-webkit-linear-gradient(top, #0e7cf4, #0062cc); /** BLUE **/
background:-moz-linear-gradient(top, #0e7cf4, #0062cc);
background:-ms-linear-gradient(top, #0e7cf4, #0062cc);
background:-o-linear-gradient(top, #0e7cf4, #0062cc);
width:176px;
height:52px;
text-align:center;
line-height:52px;
font-family:Calibri;
font-weight:bold;
color:#ffffff;
text-shadow:2px 2px 2px #000000;
font-size:1.2rem;
border-top:1px solid #c1dae6;
}.vine-SUB-btn:hover{
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00B489", endColorstr="#00B489",GradientType=0);
background:#00B489;
}

.instagram{
background:url(../images/instagram-nav-btn.png);
width:174px;
height:74px;
}.instagram:hover{
background:url(../images/instagram-hover-btn.jpg);
width:174px;
height:74px;
}.instagram-active{
background:url(../images/instagram-hover-btn.jpg);
width:174px;
height:74px;
}

.instagram-SUB-btn{
background:-webkit-linear-gradient(top, #0e7cf4, #0062cc); /** BLUE **/
background:-moz-linear-gradient(top, #0e7cf4, #0062cc);
background:-ms-linear-gradient(top, #0e7cf4, #0062cc);
background:-o-linear-gradient(top, #0e7cf4, #0062cc);
width:176px;
height:52px;
text-align:center;
line-height:52px;
font-family:Calibri;
font-weight:bold;
color:#ffffff;
text-shadow:2px 2px 2px #000000;
font-size:1.2rem;
border-top:1px solid #c1dae6;
}.instagram-SUB-btn:hover{
background:-webkit-linear-gradient(top, #a83e04, #592500);
background:-moz-linear-gradient(top, #a83e04, #592500);
background:-ms-linear-gradient(top, #a83e04, #592500);
background:-o-linear-gradient(top, #a83e04, #592500);
}

.clientP{
background:url(../images/client-portal-nav-btn.png);
width:177px;
height:74px;
}.clientP:hover{
background:url(../images/client-portal-hover-btn.jpg);
width:176px;
height:74px;
}

/**
	--------- END Nav button area
**/

#CenterHeader-TEXT{
color:#ffffff;
text-align:center;
font-family:Arial;
font-weight:bold;
margin-bottom:33px;
}

section h1{
font-size:2.5rem;
margin-bottom:5px;
}
#Over18k{
color:#ed9b00;
}

/********
============ Css for Cards ======
*********/

.cardsCONTAINER{
margin-top:8px;
}
.packagesCONTAINER{
background:#ffffff;
width:100%;
height:546px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}
.vine-card-header{
background:url(../images/vine-cards/vine-card-header.png) #08D5A1 top center no-repeat;
width:266px;
height:87px;
}
#card-header-txt-container {
text-align:center;
font-family:'Myriad Pro';
color:#ffffff;
text-shadow:2px 2px #000000;
margin-right:50px;
float:right;
}#card-header-txt-container p{
font-size:1.3em;
margin-top:-10px;
}#card-header-txt-container h2{
margin-top:10px;
font-size:1.8em;
}

.card1{
margin-top:80px;
width:266px;
box-shadow:-4px 2px 8px #1e1e1e;
-moz-box-shadow:-4px 2px 8px #1e1e1e;
}

.card2{
margin-top:50px;
margin-left:-25px;
background:#ffffff;
height:440px;
width:266px;
box-shadow:-4px 2px 8px #1e1e1e;
-moz-box-shadow:-4px 2px 8px #1e1e1e;
display:none;
}

.card3{
margin-top:20px;
margin-left:-10px;
background:#ffffff;
width:266px;
height:470px;
box-shadow:-4px 2px 8px #1e1e1e;
-moz-box-shadow:-4px 2px 8px #1e1e1e;
display:none;
}

.card4{
margin-top:50px;
margin-left:-20px;
background:#ffffff;
height:440px;
width:266px;
box-shadow:-4px 2px 8px #1e1e1e;
-moz-box-shadow:-4px 2px 8px #1e1e1e;
display:none;
}

.card5{
margin-top:80px;
margin-left:-10px;
width:266px;
box-shadow:-4px 2px 8px #1e1e1e;
-moz-box-shadow:-4px 2px 8px #1e1e1e;
display:none;
}

#bodycard{
margin-top:-6px;
padding-top:10px;
text-align:center;
background:#ffffff;
width:266px;
height:320px;
font-family:Impact;
}

#bodycard h1{
font-family:Arial, Calibri, Sans;
font-weight:bolder;
font-size:4em;
}

#bodycard h3, #bodycard h2{
font-family:"Myriad Pro";
}

.first-startTODAY-btn{
background:#0adfa9;
background:-webkit-linear-gradient(top, #0adfa9 ,#00a47a);
background:-moz-linear-gradient(top, #0adfa9 ,#00a47a);
background:-ms-linear-gradient(top, #0adfa9 ,#00a47a);
background:-o-linear-gradient(top, #00B489,#00B489);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00B489", endColorstr="#00B489",GradientType=0);
border-radius:8px;
-moz-border-radius:8px;
line-height:48px;
height:48px;
width:194px;
color:#ffffff;
margin-bottom:10px;
font-family:archDaughter;
box-shadow:3px 3px 5px #606060;
}

.second-startTODAY-btn{
background:-webkit-linear-gradient(top, #a33c04 ,#602700);
background:-moz-linear-gradient(top, #a33c04 ,#602700);
background:-ms-linear-gradient(top, #a33c04 ,#602700);
background:-o-linear-gradient(top, #a33c04 ,#602700);
border-radius:8px;
-moz-border-radius:8px;
line-height:48px;
height:48px;
width:194px;
color:#ffffff;
margin-bottom:10px;
font-family:archDaughter;
box-shadow:3px 3px 5px #606060;
}

.third-startTODAY-btn{
background:-webkit-linear-gradient(top, #a33c04 ,#602700);
background:-moz-linear-gradient(top, #a33c04 ,#602700);
background:-ms-linear-gradient(top, #a33c04 ,#602700);
background:-o-linear-gradient(top, #a33c04 ,#602700);
border-radius:8px;
-moz-border-radius:8px;
line-height:48px;
height:48px;
width:194px;
color:#ffffff;
margin-bottom:10px;
font-family:archDaughter;
box-shadow:3px 3px 5px #606060;
}

.fourth-startTODAY-btn{
background:-webkit-linear-gradient(top, #a33c04 ,#602700);
background:-moz-linear-gradient(top, #a33c04 ,#602700);
background:-ms-linear-gradient(top, #a33c04 ,#602700);
background:-o-linear-gradient(top, #a33c04 ,#602700);
border-radius:8px;
-moz-border-radius:8px;
line-height:48px;
height:48px;
width:194px;
color:#ffffff;
margin-bottom:10px;
font-family:archDaughter;
box-shadow:3px 3px 5px #606060;
}

.fifth-startTODAY-btn{
background:-webkit-linear-gradient(top, #a33c04 ,#602700);
background:-moz-linear-gradient(top, #a33c04 ,#602700);
background:-ms-linear-gradient(top, #a33c04 ,#602700);
background:-o-linear-gradient(top, #a33c04 ,#602700);
border-radius:8px;
-moz-border-radius:8px;
line-height:48px;
height:48px;
width:194px;
color:#ffffff;
margin-bottom:10px;
font-family:archDaughter;
box-shadow:3px 3px 5px #606060;
}

#Shadow-under-cards{
margin-top:-50px;
}

/********
============ END of Css for Cards ======
*********/

.vine-logo{
margin-top:110px;
}

.under-sign-up-today{
font-family:Arial;
color:#787677;
text-align:center;
margin-top:116px;
margin-bottom:50px;
font-size:1.2rem;
}.under-sign-up-today span{
color:#00a47a;
}

.Body-Content{
margin-top:74px;
background:#ffffff;
width:1266px;
font-size:1em;
margin-bottom:80px;
}

.web-content{
font-family:Arial;
font-size:1.5rem;
color:#545454;
margin-bottom:100px;

}.web-content h2{
font-size:4rem;
padding-right:-5px;
display:run-in;
}.web-content h1{
line-height:200px;
font-size:4rem;
text-align:center;
}#specialH1{
font-size:3rem;
}

.shadowBAR{
margin-left:100px;
margin-bottom:30px;
}


.Sign-up-Beside-TV-container{
margin-top:100px;
font-family:arial;
font-size:2rem;
}.Sign-up-Beside-TV-container span{
color:#00a47a;
}.Sign-up-Beside-TV-container h1{
font-size:4rem;
}.Sign-up-Beside-TV-container p {
color:#777777;
margin:30px 0px 60px 5px;
}.Sign-up-Beside-TV-container h3 {
color:#777777;
}.Sign-up-Beside-TV-container a{
background:#0adfa9;
background:-webkit-linear-gradient(top, #0adfa9 ,#00a47a);
background:-moz-linear-gradient(top, #0adfa9 ,#00a47a);
background:-ms-linear-gradient(top, #0adfa9 ,#00a47a);
background:-o-linear-gradient(top, #0adfa9 ,#00a47a);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0adfa9", endColorstr="#00a47a",GradientType=0);
color:#ffffff;
font-weight:bold;
border-radius:20px;
margin-top:120px;
padding:20px 40px 20px 40px;
font-size:3rem;
}

#how-it-woks{
font-family:Arial;
color:#545454;
text-align:center;
font-size:4rem;
}#how-it-woks span{
color:#00a47a;
}



/**
=======
		-----		FOOTER 		-------
=======
**/

.under-comment-container{
font-family:Arial;
color:#006186;
text-align:center;
margin-bottom:80px;
}.under-comment-container span{
font-weight:bold;
}.under-comment-container p{
font-size:1.5em;
margin-bottom:40px;
}.under-comment-container a{
background:#0adfa9;
background:-webkit-linear-gradient(top, #0adfa9 ,#00a47a);
background:-moz-linear-gradient(top, #0adfa9 ,#00a47a);
background:-ms-linear-gradient(top, #0adfa9 ,#00a47a);
background:-o-linear-gradient(top, #0adfa9 ,#00a47a);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0adfa9", endColorstr="#00a47a",GradientType=0);
color:#ffffff;
font-size:3rem;
font-family:"Bebas Neue";
padding:10px 50px 10px 50px;
border-radius:15px;
border:1px solid #000000;
}

.footer-bg{
background:url(../images/footer-bg.jpg) bottom center;
background-repeat:repeat-x;
width:100%;
}
.footer h2{
font-family:Arial;
font-weight:bold;
color:#005f87;
font-size:2rem;
padding-top:50px;
margin-bottom:50px;
}

.footer{
background:url(../images/footer-bg.jpg);
width:1266px;
font-family:Arial;
color:#005f87;
text-align:center;
}.footer a{
font-family:Arial;
color:#005f87;
}.footer ul{
padding-bottom:40px;
margin-left:100px;
}.footer ul:nth-child(2){
margin-left:350px;
}
.last-link-footer a{
font-weight:bold;

}.sitemap a{
border-right:0px;
}
.last-link-footer li:nth-child(1){
color:#000000;
}
.top-link{
float:left;
margin-right:20px;
padding-right:20px;
}

.bottom-link{
float:left;
margin-right:20px;
padding-right:20px;
border-right:2px solid #000000;
}.bottom-link:nth-child(1){
border:0px;
}


/**
=======
		-----		PACKAGES 		-------
=======
**/

.package1{
border:3px solid #aeadad;
border-style:dashed;
width:260px;
height:350px;
}
.package1wrapper{
margin-left:20px;
margin-top:20px;
margin-right:-15px;
padding-left:30px;
}.package5set{

}


.packagesCONTAINER h1{
float:left;
margin-right:10px;
margin-left:5px;
font-size:2.3em;
}.packagesCONTAINER h2{
font-family:"Myriad Pro";
color:#343434;
margin-top:13px;
font-size:1.1em;
}
.packagesCONTAINER span{
text-shadow:2px 2px #000000;
font-family:Calibri;
color:#ffbe09;
font-size:1em;
}

#trynow-btn{
margin-left:15px;
margin-top:10px;
}

#total{
font-family:"Myriad Pro";
font-size:1.7em;
}
#total-size{
margin-left:20px;
color:#b84903;
}

#total-divider-1{
background:url(../images/vine-cards/vine-packageTotal-1.jpg) no-repeat;
height:98px;
width:260px;
padding-top:10px;
}
#total-divider-2{
background:url(../images/vine-cards/vine-packageTotal-2.jpg) no-repeat;
height:98px;
width:260px;
padding-top:10px;
}
#total-divider-3{
background:url(../images/vine-cards/vine-packageTotal-3.jpg) no-repeat;
height:98px;
width:260px;
padding-top:10px;
}
#total-divider-4{
background:url(../images/vine-cards/vine-packageTotal-4.jpg) no-repeat;
height:98px;
width:260px;
padding-top:10px;
}

.web-content ul{
  margin-left: 16px;
  padding-left:30px;
}
.web-content li{
  list-style-type:disc;
}

#total-divider-1 p, #total-divider-2 p, #total-divider-3 p, #total-divider-4 p{
font-family:"Myriad Pro", Myriad, serif;
color:#b84903;
font-size:1.9em;
font-weight:bold;
text-align:right;
margin-right:30px;
margin-top:8px;
}