/************ RESET ***********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;

	}

/******************* END OF RESET ****************/

#MenuUL2 {
display:none;
}

#MobileMenu { 
display:none;
}

.msgResponse {
	display:none;
    color: #00A79D;
    position: absolute;
    top: 0;
    left: 500px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 45px;
    font-family: Roboto;
    padding-top: 260px;
    text-align: center;
}


.MenuWraper {
width: 100%;
position: fixed;
z-index: 50;
background-color: #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}



.MenuContainer { 
width:1086px; 
overflow:hidden;
margin:0 auto;  
}

.MenuLi { 
margin-left: 30px;
padding-top: 20px;
display: inline;
float: right;
padding-bottom: 17px;
border-bottom:3px solid #fff;
}

.Logo { 
float:left;
margin-top: 8px;
}

.MenuLink { 
font-family: 'Roboto', sans-serif;
color: #00A79D;
TEXT-DECORATION: NONE;
    padding: 20px 0;
}

.MenuLi:hover { 
border-bottom:3px solid #00A79D;
}

.Headline1 {

font-family: Roboto;
color: #fff;
font-size: 80px;
text-align: center;
font-weight: 600;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 80px;

}

.Hspan { 

font-family: Roboto;
color: #fff;
font-size: 50px;
text-align: center;
font-weight: 100;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 70px;

}


.mainVideo {
width:100%
height:100%;
}

.MainLearnMore { 

text-align: center;
font-family: Roboto;
TEXT-DECORATION: NONE;
background-color:#00A79D;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
color:#fff;
border-radius: 3px;
}

.MainLearnMore:hover { 
background-color:#009289
}

.TextVideoContainer { 
    position: absolute;
    top: 260px;
    width: 90%;
    margin-left: 5%;
}

.LearnMoreCOntainer { 
margin: 0 auto;
text-align: center;
margin-top: 18px;

}

.FirstContentContainer { 
width:100%;
background-color:#00A79D;
overflow:hidden;
margin-top: -4px;


}

.FirstContentCenter {
width:810px;
margin:0 auto; 
    overflow: hidden;

}

.FirstFloatLeft { 
width:800px; 
float:left;
margin-top:50px;
margin-bottom:50px; 
 text-align: center ;

}


.FirstContentCenter p { 
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.FirstFloatRight { 
width:380px; 
float:right;
margin-top:50px;
margin-bottom:50px;
   
}


.SecondContentContainer { 
width:100%;
background-color:#fff;
overflow:hidden;
}

.SecondContentCenter {
width:1086px;
margin:0 auto; 
overflow: hidden;
}

.Title2 { 
font-family: Roboto;
color: #00A79D;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 80px;
}

.CenterP {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;

}


.SecondFloatLeft { 
width:400px; 
float:left;
margin-top:70px;
margin-bottom:50px;
padding-top: 50px 
}

.SecondFloatLeft p { 
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;

}


.SecondFloatRight { 
width:450px; 
float:right;
margin-top:85px;
margin-bottom:50px

}

.CenterPhoto { 
width:450px;
}

.ThirdContentContainer { 
width:100%;
background-color:#00A79D;

}

.ThirdContentCenter {
width:1086px;
margin:0 auto; 

}
.Title3 { 
font-family: Roboto;
color: #fff;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 80px;
margin-bottom:10px;
}

.CenterP3 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 770px;
margin: 0 auto;
line-height: 30px
}

.Benefits {
float: left;
width: 20%;
background-color: #fff;
text-align: center;
padding-bottom: 15px;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 80px;
margin-top: 60px;
border-radius: 3px;
padding-top: 15px;
position: relative;
cursor: pointer
} 

.Benefits img {
    margin-bottom: 7px;
}

.BenefitsP {
font-family: Roboto;
    color: #444444;
    font-size: 18px;
    padding: 0 20px;
}



.BenfitsHover {
background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
border-radius: 3px;
}


.Benefits:hover .BenfitsHover {
display:block;
}


.BenfitsHover p {
font-family: Roboto;
    color: #444444;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
padding:5px

}

.FourthContentContainer {
width:100%;
background-color:#fff; 
overflow:hidden;
}

.FourthContentCenter { 
width:1086px; 
margin:0 auto; 
overflow:hidden;
}

.CenterP2 {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;
padding-top:30px;
width: 80%;
margin: 0 auto;
line-height: 30px;
}

.CustomerImgContainer {
float: left;
width:177px;
height:100px;
background-color: #fff;
text-align: center;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 25px;

position: relative;
cursor: pointer
}

.CustomerImage { 
position: absolute;
top:0px;
left:0px; 
}

.CustomerImageHover { 
position: absolute;
top:0px;
left:0px; 
display:none;
}

.CustomerImgContainer:hover .CustomerImageHover {
display:block;
z-index:20;
}

#GoTop { 
position: fixed;
bottom: 50px;
right: 50px;
display:none;
}

.FifthContentContainer {
width:100%;
background-color:#00A79D;
overflow:hidden;
}

.FifthContentCenter { 
width:1086px; 
margin:0 auto; 
overflow:hidden;
}


.Iphone { 
margin: 0 auto;
width: 800px;
height: 392px;
margin-top: 50px;
position: relative;
margin-bottom: 100px;
}


.IphoneVideo { 
width: 615px;
    height: 348px;
    position: absolute;
    top: 22px;
    left: 92px
}

.CenterP4 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 770px;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
}

.Ads { 
    position: absolute;
    bottom: 35px;
    left: 188px;
}



.JoinTheSucesess {
position: absolute;
width: 800px;
height: 392px;
top: 0px;
border-radius: 54px;
text-align: center;
display:none;
}


.JoinButton {
    position: absolute;
    top: 163px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    opacity: 2.5;
    z-index: 80;
    font-size: 30px;
    font-family: Roboto;
    text-decoration: none;
    color: #C652C3;
    border-radius: 3px;
   left: 235px;
    font-weight: 100;
    border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}

.JoinButton:hover { 
 border: 3px solid #C652C3;
}

.Iphone:hover .JoinTheSucesess { 
display:block;
}

.Iphone:hover .Ads {
display:none;
}




.popuphover { 
display:none;
width: 200px;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    text-shadow:none;
    color: #444444;
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    z-index: 5;
    bottom:36px;
    left: 0px;
    text-align: left
  
}

.Popup:hover .popuphover { 
display:block;
}

.Popup { 
    position: relative;

padding-top:20px;
}


.questionmark {
margin-left: -3px;
margin-bottom: 7px;
}


.arrow {
    position: absolute;
    bottom: -14px;
}



.SixContentContainer {
width:100%;
background-image:url("crowded.jpg");
overflow:hidden;
background-position-y: -139px;
}

.SixContentCenter { 
width:1086px; 
margin:0 auto; 
overflow:hidden;
}



.CenterP5 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 770px;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:170px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}



.Title6 { 
font-family: Roboto;
color: #fff;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 170px;
margin-bottom:10px;
}

.EightContentContainer {
width:100%;
background-image:url("coffee.jpg");
overflow:hidden;
background-position-y: -139px;
}

.EightContentCenter { 
width:1086px; 
margin:0 auto; 
overflow:hidden;
}


.SevenContentContainer {
width:100%;
}


.SevenContentCenter { 
width:1086px; 
margin:0 auto; 
overflow:hidden;
}



.GrowP {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 420px;
float:left;;
line-height: 30px;
margin-top:116px;
    text-align: left;
    margin-bottom: 100px;
margin-left: 40px;
}


.GrowImage { 
float:right;
width: 386px;
margin-top: 35px;
margin-right: 40px;
}



.LetsMeet { 
margin: 0 auto;
text-align: center;
margin-top: 50px;
margin-bottom:170px;

}


.CoffeeP {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 770px;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:30px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}

#ContactBackground { 
position: fixed;
background-image: url("opacitybackground.png");    
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 6000;
display:none;

}




.ContactContentBackground { 
    background-color: #fff;
    width: 1000px;
    height: 600px;
    margin: 0 auto;
    margin-top: 63px;
    position: relative;
} 

#LetsMeetButton { 
    text-align: center;
    font-family: Roboto;
    TEXT-DECORATION: NONE;
    background-color: #00A79D;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    border-radius: 3px;
    width: 260px;
    margin: 0 auto;
    margin-bottom: 170px;
    cursor: pointer;
}

#LetsMeetButton:hover { 
background-color: #009289;
}

.GoodFriends {
width: 50%;
float: left;

height: 600px;
    background-color: #00A79D;
}


.FriendsTitle {
    font-family: Roboto;
    font-size: 41px;
    font-weight: 600;
    color: #fff;
    padding: 20px 15px 0px 15px;
    text-align: justify;
}


.GoodFriends p {
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px 15px 20px 15px;
    text-align: justify;
}

.CloseContact { 
    position: absolute;
    right: -45px;
    padding: 18px 16px 20px 16px;
    background-color: #00A79D;
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    cursor: pointer;
}


.FormCube { 
    float: right;
    width: 50%;
    padding-top: 100px;
}



#name , #mail , #phone , #textarea { 
       width: 418px;
    margin-left: 30px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #00A79D;
margin-bottom:15px;

}



#submitform { 
width: 440px;
margin-left: 30px;
color:#fff;
font-size:15px;
border-radius: 3px;
text-align:center;    
margin-bottom:15px;
background-color:#00A79D;
padding:12px 0px;
border: none;
    cursor: pointer;
-webkit-appearance: none;
}


#submitform:hover { 
background-color:#009289;
}





.BenefitsContainerCubes { 
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
}



#VideoReplace {
display:none;
}

.CustomerMainContainer { 
overflow: hidden;
width: 868px;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 80px;
}












@media (min-width: 870px) and (max-width: 1085px) {






.CustomerMainContainer { 
overflow: hidden;
width: 868px;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 80px;
}












.MenuUL { 
    padding-right: 10px;
}






.msgResponse {
	display:none;
    color: #00A79D;
    position: absolute;
    top: 0;
    left: 500px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 45px;
    font-family: Roboto;
    padding-top: 260px;
    text-align: center;
}


.MenuWraper {
width: 100%;
position: fixed;
z-index: 50;
background-color: #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}



.MenuContainer { 
width:100%; 
overflow:hidden;
margin:0 auto;  
}

.MenuLi { 
margin-left: 30px;
padding-top: 20px;
display: inline;
float: right;
padding-bottom: 17px;
border-bottom:3px solid #fff;
}

.Logo { 
float:left;
margin-top: 8px;
margin-left:10px;
}

.MenuLink { 
font-family: 'Roboto', sans-serif;
color: #00A79D;
TEXT-DECORATION: NONE;
    padding: 20px 0;
}

.MenuLi:hover { 
border-bottom:3px solid #00A79D;
}

.Headline1 {

font-family: Roboto;
color: #fff;
font-size: 80px;
text-align: center;
font-weight: 600;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 80px;

}

.Hspan { 

font-family: Roboto;
color: #fff;
font-size: 50px;
text-align: center;
font-weight: 100;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 70px;

}


.mainVideo {
width:100%
height:100%;
}

.MainLearnMore { 

text-align: center;
font-family: Roboto;
TEXT-DECORATION: NONE;
background-color:#00A79D;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
color:#fff;
border-radius: 3px;
}

.MainLearnMore:hover { 
background-color:#009289
}

.TextVideoContainer { 
    position: absolute;
    top: 182px;
    width: 90%;
    margin-left: 5%;
}

.LearnMoreCOntainer { 
margin: 0 auto;
text-align: center;
margin-top: 18px;

}

.FirstContentContainer { 
width:100%;
background-color:#00A79D;
overflow:hidden;
margin-top: -4px;


}

.FirstContentCenter {
width:90%;
margin:0 auto; 
    overflow: hidden;

}

.FirstFloatLeft { 
width:100%; 
float:left;
margin-top:50px;
margin-bottom:50px; 
 text-align: center ;

}


.FirstContentCenter p { 
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.FirstFloatRight { 
width:380px; 
float:right;
margin-top:50px;
margin-bottom:50px;
   
}


.SecondContentContainer { 
width:100%;
background-color:#fff;
overflow:hidden;
}

.SecondContentCenter {
width:100%;
margin:0 auto; 
overflow: hidden;
}

.Title2 { 
font-family: Roboto;
color: #00A79D;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 80px;
}

.CenterP {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;

}


.SecondFloatLeft { 
width:48%; 
float:left;
margin-top:38px;
margin-bottom:50px;
padding-top: 50px;
PADDING-LEFT: 10PX;
}

.SecondFloatLeft p { 
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;

}


.SecondFloatRight { 
width:370px; 
float:right;
margin-top:85px;
margin-bottom:50px

}

.CenterPhoto { 
width:350px;
}

.ThirdContentContainer { 
width:100%;
background-color:#00A79D;

}

.ThirdContentCenter {
width:100%;
margin:0 auto; 

}
.Title3 { 
font-family: Roboto;
color: #fff;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 80px;
margin-bottom:10px;
}

.CenterP3 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 80%;
margin: 0 auto;
line-height: 30px
}

.Benefits {
float: left;
width: 20%;
background-color: #fff;
text-align: center;
padding-bottom: 15px;
margin-left:2%;
margin-right: 2%;
margin-bottom: 80px;
margin-top: 60px;
border-radius: 3px;
padding-top: 15px;
position: relative;
cursor: pointer
} 

.Benefits img {
    margin-bottom: 7px;
}

.BenefitsP {
font-family: Roboto;
    color: #444444;
    font-size: 18px;
}



.BenfitsHover {
background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
border-radius: 3px;
overflow:hidden;
}


.Benefits:hover .BenfitsHover {
display:block;
}


.BenfitsHover p {
font-family: Roboto;
    color: #444444;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
padding:5px

}

.FourthContentContainer {
width:100%;
background-color:#fff; 
overflow:hidden;
}

.FourthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}

.CenterP2 {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;
padding-top:30px;
width: 80%;
margin: 0 auto;
line-height: 30px;
}

.CustomerImgContainer {
float: left;
width:177px;
height:100px;
background-color: #fff;
text-align: center;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 25px;

position: relative;
cursor: pointer
}

.CustomerImage { 
position: absolute;
top:0px;
left:0px; 
}

.CustomerImageHover { 
position: absolute;
top:0px;
left:0px; 
display:none;
}

.CustomerImgContainer:hover .CustomerImageHover {
display:block;
z-index:20;
}

#GoTop { 
position: fixed;
bottom: 50px;
right: 50px;
display:none;
}

.FifthContentContainer {
width:100%;
background-color:#00A79D;
overflow:hidden;
}

.FifthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.Iphone { 
margin: 0 auto;
width: 800px;
height: 392px;
margin-top: 50px;
position: relative;
margin-bottom: 100px;
}


.IphoneVideo { 
width: 615px;
    height: 348px;
    position: absolute;
    top: 22px;
    left: 92px
}

.CenterP4 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 80%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
}

.Ads { 
    position: absolute;
    bottom: 35px;
    left: 188px;
}



.JoinTheSucesess {
position: absolute;
width: 800px;
height: 392px;
top: 0px;
border-radius: 54px;
text-align: center;
display:none;
}


.JoinButton {
    position: absolute;
    top: 163px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    opacity: 2.5;
    z-index: 80;
    font-size: 30px;
    font-family: Roboto;
    text-decoration: none;
    color: #C652C3;
    border-radius: 3px;
   left: 235px;
    font-weight: 100;
    border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}

.JoinButton:hover { 
 border: 3px solid #C652C3;
}

.Iphone:hover .JoinTheSucesess { 
display:block;
}

.Iphone:hover .Ads {
display:none;
}




.popuphover { 
display:none;
width: 200px;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    text-shadow:none;
    color: #444444;
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    z-index: 5;
    bottom:36px;
    left: 0px;
    text-align: left
  
}

.Popup:hover .popuphover { 
display:block;
}

.Popup { 
    position: relative;

padding-top:20px;
}


.questionmark {
margin-left: -3px;
margin-bottom: 7px;
}


.arrow {
    position: absolute;
    bottom: -14px;
}



.SixContentContainer {
width:100%;
background-image:url("crowded.jpg");
overflow:hidden;
background-position-y: -139px;
}

.SixContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}



.CenterP5 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 80%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:170px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}



.Title6 { 
font-family: Roboto;
color: #fff;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 170px;
margin-bottom:10px;
    padding-left: 10px;
    padding-right: 10px;
}

.EightContentContainer {
width:100%;
background-image:url("coffee.jpg");
overflow:hidden;
background-position-y: -139px;
}

.EightContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.SevenContentContainer {
width:100%;
}


.SevenContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}



.GrowP {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 40%;
float:left;;
line-height: 30px;
margin-top:70px;
    text-align: left;
    margin-bottom: 100px;
margin-left: 40px;
}


.GrowImage { 
float:right;
width: 386px;
margin-top: 35px;
margin-right: 40px;
}



.LetsMeet { 
margin: 0 auto;
text-align: center;
margin-top: 50px;
margin-bottom:170px;

}


.CoffeeP {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:30px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}

#ContactBackground { 
position: fixed;
background-image: url("opacitybackground.png");    
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 6000;
display:none;

}




.ContactContentBackground { 
    background-color: #fff;
    width: 98%;
    height: 600px;
    margin: 0 auto;
    margin-top: 63px;
    position: relative;
} 

#LetsMeetButton { 
    text-align: center;
    font-family: Roboto;
    TEXT-DECORATION: NONE;
    background-color: #00A79D;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    border-radius: 3px;
    width: 260px;
    margin: 0 auto;
    margin-bottom: 170px;
    cursor: pointer;
}


.GoodFriends {
width: 50%;
float: left;

height: 600px;
    background-color: #00A79D;
}


.FriendsTitle {
    font-family: Roboto;
    font-size: 41px;
    font-weight: 600;
    color: #fff;
    padding: 20px 15px 0px 15px;
    text-align: left;
}


.GoodFriends p {
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px 15px 20px 15px;
    text-align: justify;
}

.CloseContact { 
    position: absolute;
    right: 0;
    padding: 18px 16px 20px 16px;
    background-color: #00A79D;
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    cursor: pointer;
}


.FormCube { 
    float: right;
    width: 50%;
    padding-top: 100px;
}



#name , #mail , #phone , #textarea { 
       width: 80%;
    margin-left: 8%;
    padding: 2%;
    border-radius: 3px;
    border: 1px solid #00A79D;
margin-bottom:15px;

}



#submitform { 
width: 85%;
margin-left: 8%;
color:#fff;
font-size:15px;
border-radius: 3px;
text-align:center;    
margin-bottom:15px;
background-color:#00A79D;
padding:12px 0px;
border: none;
    cursor: pointer;
-webkit-appearance: none;
}


#submitform:hover { 
background-color:#009289;
}




#videoid { 
display:none;
}



#VideoReplace {
display:block;
height: 580px;
    width: 100%;
}


}











@media (min-width: 670px) and (max-width: 869px) {





.CustomerMainContainer {
    overflow: hidden;
    width: 651px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 80px;
}










.MenuUL { 
    padding-right: 10px;
}






.msgResponse {
	display:none;
    color: #00A79D;
    position: absolute;
    top: 0;
    left: 500px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 45px;
    font-family: Roboto;
    padding-top: 260px;
    text-align: center;
}


.MenuWraper {
width: 100%;
position: fixed;
z-index: 50;
background-color: #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}



.MenuContainer { 
width:100%; 
overflow:hidden;
margin:0 auto;  
}

.MenuLi { 
margin-left: 30px;
padding-top: 20px;
display: inline;
float: right;
padding-bottom: 17px;
border-bottom:3px solid #fff;
}

.Logo { 
float:left;
margin-top: 8px;
margin-left:10px;
}

.MenuLink { 
font-family: 'Roboto', sans-serif;
color: #00A79D;
TEXT-DECORATION: NONE;
    padding: 20px 0;
}

.MenuLi:hover { 
border-bottom:3px solid #00A79D;
}

.Headline1 {

font-family: Roboto;
color: #fff;
font-size: 80px;
text-align: center;
font-weight: 600;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 80px;

}

.Hspan { 

font-family: Roboto;
color: #fff;
font-size: 50px;
text-align: center;
font-weight: 100;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 70px;

}


.mainVideo {
width:100%
height:100%;
}

.MainLearnMore { 

text-align: center;
font-family: Roboto;
TEXT-DECORATION: NONE;
background-color:#00A79D;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
color:#fff;
border-radius: 3px;
}

.MainLearnMore:hover { 
background-color:#009289
}

.TextVideoContainer { 
    position: absolute;
    top: 182px;
    width: 90%;
    margin-left: 5%;
}

.LearnMoreCOntainer { 
margin: 0 auto;
text-align: center;
margin-top: 18px;

}

.FirstContentContainer { 
width:100%;
background-color:#00A79D;
overflow:hidden;
margin-top: -4px;


}

.FirstContentCenter {
width:90%;
margin:0 auto; 
    overflow: hidden;

}

.FirstFloatLeft { 
width:100%; 
float:left;
margin-top:50px;
margin-bottom:50px; 
 text-align: center ;

}


.FirstContentCenter p { 
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.FirstFloatRight { 
width:380px; 
float:right;
margin-top:50px;
margin-bottom:50px;
   
}


.SecondContentContainer { 
width:100%;
background-color:#fff;
overflow:hidden;
}

.SecondContentCenter {
width:100%;
margin:0 auto; 
overflow: hidden;
}

.Title2 { 
font-family: Roboto;
color: #00A79D;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 80px;
}

.CenterP {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;

}


.SecondFloatLeft { 
width:48%; 
float:left;
margin-top:38px;
margin-bottom:50px;
padding-top: 50px;
PADDING-LEFT: 10PX;
}

.SecondFloatLeft p { 
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;

}


.SecondFloatRight { 
width:370px; 
float:right;
margin-top:85px;
margin-bottom:50px

}

.CenterPhoto { 
width:350px;
}

.ThirdContentContainer { 
width:100%;
background-color:#00A79D;

}

.ThirdContentCenter {
width:100%;
margin:0 auto; 

}
.Title3 { 
font-family: Roboto;
color: #fff;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 80px;
margin-bottom:10px;
}

.CenterP3 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 80%;
margin: 0 auto;
line-height: 30px
}

.Benefits {
float: left;
width: 23%;
background-color: #fff;
text-align: center;
padding-bottom: 15px;
margin-left:1%;
margin-right: 1%;
margin-bottom: 80px;
margin-top: 60px;
border-radius: 3px;
padding-top: 15px;
position: relative;
cursor: pointer
} 

.Benefits img {
    margin-bottom: 7px;
}

.BenefitsP {
font-family: Roboto;
    color: #444444;
    font-size: 18px;
}



.BenfitsHover {
background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
border-radius: 3px;
overflow:hidden;
}


.Benefits:hover .BenfitsHover {
display:block;
}


.BenfitsHover p {
font-family: Roboto;
    color: #444444;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
padding:5px

}

.FourthContentContainer {
width:100%;
background-color:#fff; 
overflow:hidden;
}

.FourthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}

.CenterP2 {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;
padding-top:30px;
width: 80%;
margin: 0 auto;
line-height: 30px;
}

.CustomerImgContainer {
float: left;
width:177px;
height:100px;
background-color: #fff;
text-align: center;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 25px;

position: relative;
cursor: pointer
}

.CustomerImage { 
position: absolute;
top:0px;
left:0px; 
}

.CustomerImageHover { 
position: absolute;
top:0px;
left:0px; 
display:none;
}

.CustomerImgContainer:hover .CustomerImageHover {
display:block;
z-index:20;
}

#GoTop { 
position: fixed;
bottom: 30px;
right: 30px;
display:none;
}

.FifthContentContainer {
width:100%;
background-color:#00A79D;
overflow:hidden;
}

.FifthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.Iphone { 
margin: 0 auto; 
width: 650px;
height: 319px;
margin-top: 50px;
position: relative;
margin-bottom: 100px;
}


.IphoneVideo { 
width: 499px;
    height: 318px;
    position: absolute;
    top: 0px;
    left: 75px;
}

.IphoneVector { 
width:650px;
}



.CenterP4 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 80%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
}

.Ads { 
        position: absolute;
    bottom: 25px;
    left: 116px;
}



.JoinTheSucesess {
position: absolute;
width: 800px;
height: 392px;
top: 0px;
border-radius: 54px;
text-align: center;
display:none;
}


.JoinButton {
    position: absolute;
    top: 127px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    opacity: 2.5;
    z-index: 80;
    font-size: 30px;
    font-family: Roboto;
    text-decoration: none;
    color: #C652C3;
    border-radius: 3px;
   left: 159px;
    font-weight: 100;
    border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}

.JoinButton:hover { 
 border: 3px solid #C652C3;
}

.Iphone:hover .JoinTheSucesess { 
display:block;
}

.Iphone:hover .Ads {
display:none;
}




.popuphover { 
display:none;
width: 200px;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    text-shadow:none;
    color: #444444;
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    z-index: 5;
    bottom:36px;
    left: 0px;
    text-align: left
  
}

.Popup:hover .popuphover { 
display:block;
}

.Popup { 
    position: relative;

padding-top:20px;
}


.questionmark {
margin-left: -3px;
margin-bottom: 7px;
}


.arrow {
    position: absolute;
    bottom: -14px;
}



.SixContentContainer {
width:100%;
background-image:url("crowded.jpg");
overflow:hidden;
background-position-y: -139px;
}

.SixContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}



.CenterP5 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 80%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:170px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}



.Title6 { 
font-family: Roboto;
color: #fff;
font-size: 60px;
text-align: center;
font-weight: 600;
padding-top: 170px;
margin-bottom:10px;
    padding-left: 10px;
    padding-right: 10px;
}

.EightContentContainer {
width:100%;
background-image:url("coffee.jpg");
overflow:hidden;
background-position-y: -139px;
}

.EightContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.SevenContentContainer {
width:100%;
}


.SevenContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}




.GrowP {
    width: 90%;
    float: left;
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: 5%;
    text-align: center;
}


.GrowImage { 
display:none;
}



.LetsMeet { 
margin: 0 auto;
text-align: center;
margin-top: 50px;
margin-bottom:170px;

}


.CoffeeP {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:30px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}

#ContactBackground { 
position: fixed;
background-image: url("opacitybackground.png");    
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 6000;
display:none;

}




.ContactContentBackground { 
    background-color: #fff;
    width: 98%;
    height: 600px;
    margin: 0 auto;
    margin-top: 63px;
    position: relative;
} 

#LetsMeetButton { 
    text-align: center;
    font-family: Roboto;
    TEXT-DECORATION: NONE;
    background-color: #00A79D;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    border-radius: 3px;
    width: 260px;
    margin: 0 auto;
    margin-bottom: 170px;
    cursor: pointer;
}


.GoodFriends {
width: 50%;
float: left;

height: 600px;
    background-color: #00A79D;
}


.FriendsTitle {
    font-family: Roboto;
    font-size: 41px;
    font-weight: 600;
    color: #fff;
    padding: 20px 15px 0px 15px;
    text-align: left;
}


.GoodFriends p {
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px 15px 20px 15px;
    text-align: justify;
}

.CloseContact { 
    position: absolute;
    right: 0;
    padding: 18px 16px 20px 16px;
    background-color: #00A79D;
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    cursor: pointer;
}


.FormCube { 
    float: right;
    width: 50%;
    padding-top: 100px;
}



#name , #mail , #phone , #textarea { 
       width: 80%;
    margin-left: 8%;
    padding: 2%;
    border-radius: 3px;
    border: 1px solid #00A79D;
margin-bottom:15px;

}



#submitform { 
width: 85%;
margin-left: 8%;
color:#fff;
font-size:15px;
border-radius: 3px;
text-align:center;    
margin-bottom:15px;
background-color:#00A79D;
padding:12px 0px;
border: none;
    cursor: pointer;
-webkit-appearance: none;
}


#submitform:hover { 
background-color:#009289;
}




#videoid { 
display:none;
}



#VideoReplace {
display:block;
height: 580px;
    width: 100%;
}


.BenefitsContainerCubes { 
    overflow: hidden;
    width: 100%;
    
}

}









@media (max-width: 749px) {





.SecondFloatLeft {
    width: 90%;
    float: left;
    margin-top: -20px;
    margin-bottom: 50px;
    margin-left: 5%;
    text-align: center;
}

.SecondFloatRight {display:none;}
}




















@media (min-width: 481px)  and (max-width: 669px){ 
.MenuLi2 { 
margin: 0 auto;
margin-top: 40px;
list-style: none;
}




#MenuUL2 {
position: fixed;
display:none;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 5000;
    background-image: url("opacitybackground.png");
    text-align: center;
padding-top:29px;

}

#MobileMenu { 
display:inline;
float: right;
    margin-right: 10px;
    margin-top: 16px;
}




.CustomerMainContainer {
    overflow: hidden;
    width: 480px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 10px;
}










.MenuUL { 
    display:none
}






.msgResponse {
	display:none;
    color: #00A79D;
    position: absolute;
    top: 0;
    left: 500px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 45px;
    font-family: Roboto;
    padding-top: 260px;
    text-align: center;
}


.MenuWraper {
width: 100%;
position: fixed;
z-index: 50;
background-color: #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}



.MenuContainer { 
width:100%; 
overflow:hidden;
margin:0 auto;  
}

.MenuLi { 
margin-left: 30px;
padding-top: 20px;
display: inline;
float: right;
padding-bottom: 17px;
border-bottom:3px solid #fff;
}

.Logo { 
    float: left;
    margin-top: 5px;
    margin-left: 6px;
    margin-bottom: 5px;
}

.MenuLink { 
    font-family: 'Roboto', sans-serif;
    color: #00A79D;
    TEXT-DECORATION: NONE;
    width: 200px;
    border: 1px solid #00A79D;
    margin: 0 auto;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
    list-style: none;   

}

.MenuLi:hover { 
border-bottom:3px solid #00A79D;
}

.Headline1 {

font-family: Roboto;
color: #fff;
font-size: 80px;
text-align: center;
font-weight: 600;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 80px;

}

.Hspan { 

font-family: Roboto;
color: #fff;
font-size: 37px;
text-align: center;
font-weight: 100;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 70px;

}


.mainVideo {
width:100%
height:100%;
}

.MainLearnMore { 

text-align: center;
font-family: Roboto;
TEXT-DECORATION: NONE;
background-color:#00A79D;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
color:#fff;
border-radius: 3px;
}

.MainLearnMore:hover { 
background-color:#009289;
}

.TextVideoContainer { 
    position: absolute;
    top: 150px;
    width: 90%;
    margin-left: 5%;
}

.LearnMoreCOntainer { 
margin: 0 auto;
text-align: center;
margin-top: 18px;

}

.FirstContentContainer { 
width:100%;
background-color:#00A79D;
overflow:hidden;
margin-top: -4px;


}

.FirstContentCenter {
width:100%;
margin:0 auto; 
    overflow: hidden;

}

.FirstFloatLeft { 
width:100%; 
float:left;
margin-top:30px;
margin-bottom:30px; 
 text-align: center ;

}


.FirstContentCenter p { 
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.FirstFloatRight { 
width:380px; 
float:right;
margin-top:50px;
margin-bottom:50px;
   
}


.SecondContentContainer { 
width:100%;
background-color:#fff;
overflow:hidden;
}

.SecondContentCenter {
width:100%;
margin:0 auto; 
overflow: hidden;
}

.Title2 { 
font-family: Roboto;
color: #00A79D;
font-size: 50px;
text-align: center;
font-weight: 600;
padding-top: 50px;
    width: 90%;
    margin-left: 5%;
}

.CenterP {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;

}


.SecondFloatLeft { 
width:90%; 
float:left;
margin-top:0px;
margin-bottom:50px;
padding-top: 30px;

}

.SecondFloatLeft p { 
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;

}


.SecondFloatRight { 
width:370px; 
float:right;
margin-top:85px;
margin-bottom:50px

}

.CenterPhoto { 
width:350px;
}

.ThirdContentContainer { 
width:100%;
background-color:#00A79D;

}

.ThirdContentCenter {
width:100%;
margin:0 auto; 

}
.Title3 { 
font-family: Roboto;
color: #fff;
font-size: 50px;
text-align: center;
font-weight: 600;
padding-top: 50px;
margin-bottom:10px;
}

.CenterP3 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px
}

.Benefits {
float: left;
width: 48%;
background-color: #fff;
text-align: center;
padding-bottom: 15px;
margin-left:1%;
margin-right: 1%;
margin-bottom: 10px;
margin-top: 0px;
border-radius: 3px;
padding-top: 15px;
position: relative;
cursor: pointer
} 

.Benefits img {
    margin-bottom: 7px;
}

.BenefitsP {
font-family: Roboto;
    color: #444444;
    font-size: 18px;
}



.BenfitsHover {
background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
border-radius: 3px;
overflow:hidden;
}


.Benefits:hover .BenfitsHover {
display:block;
}


.BenfitsHover p {
font-family: Roboto;
    color: #444444;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
padding:5px

}

.FourthContentContainer {
width:100%;
background-color:#fff; 
overflow:hidden;
}

.FourthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}

.CenterP2 {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;
padding-top:30px;
width: 90%;
margin: 0 auto;
line-height: 30px;
}

.CustomerImgContainer {
float: left;
width:140px;
height:100px;
background-color: #fff;
text-align: center;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 25px;

position: relative;
cursor: pointer
}

.CustomerImage { 
position: absolute;
top:0px;
left:0px; 
width:140px;
}

.CustomerImageHover { 
position: absolute;
top:0px;
left:0px; 
display:none;
width:140px;
}

.CustomerImgContainer:hover .CustomerImageHover {
display:block;
z-index:20;
}

#GoTop { 
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}

.FifthContentContainer {
width:100%;
background-color:#00A79D;
overflow:hidden;
}

.FifthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.Iphone { 
margin: 0 auto; 
width: 480px;
height: 235px;
margin-top: 50px;
position: relative;
margin-bottom: 50px;
}


.IphoneVideo { 
width: 369px;
    height: 315px;
    position: absolute;
    top: -41px;
    left: 55px;
}

.IphoneVector { 
width:480px;
}



.CenterP4 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
}

.Ads { 
position: absolute;
    bottom: 20px;
    left: 90px;
    width: 300px;
}



.JoinTheSucesess {
position: absolute;
width: 800px;
height: 392px;
top: 0px;
border-radius: 54px;
text-align: center;
display:none;
}


.JoinButton {
    position: absolute;
    top: 127px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    opacity: 2.5;
    z-index: 80;
    font-size: 30px;
    font-family: Roboto;
    text-decoration: none;
    color: #C652C3;
    border-radius: 3px;
   left: 159px;
    font-weight: 100;
    border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}

.JoinButton:hover { 
 border: 3px solid #C652C3;
}

.Iphone:hover .JoinTheSucesess { 
display:block;
}

.Iphone:hover .Ads {
display:none;
}




.popuphover { 
display:none;
width: 200px;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    text-shadow:none;
    color: #444444;
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    z-index: 5;
    bottom:36px;
    left: 0px;
    text-align: left
  
}

.Popup:hover .popuphover { 
display:block;
}

.Popup { 
    position: relative;

padding-top:20px;
}


.questionmark {
margin-left: -3px;
margin-bottom: 7px;
}


.arrow {
    position: absolute;
    bottom: -14px;
}



.SixContentContainer {
width:100%;
background-image:url("crowded.jpg");
overflow:hidden;
background-position-y: -139px;
}

.SixContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}



.CenterP5 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:60px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}



.Title6 { 
font-family: Roboto;
color: #fff;
font-size: 50px;
text-align: center;
font-weight: 600;
padding-top: 60px;
margin-bottom:10px;
    padding-left: 10px;
    padding-right: 10px;
}

.EightContentContainer {
width:100%;
background-image:url("coffee.jpg");
overflow:hidden;
background-position-y: -139px;
}

.EightContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.SevenContentContainer {
width:100%;
}


.SevenContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}




.GrowP {
    width: 90%;
    float: left;
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: 5%;
    text-align: center;
}


.GrowImage { 
display:none;
}



.LetsMeet { 
margin: 0 auto;
text-align: center;
margin-top: 50px;
margin-bottom:170px;

}


.CoffeeP {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:30px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}

#ContactBackground { 
position: fixed;
background-image: url("opacitybackground.png");    
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 6000;
display:none;

}




.ContactContentBackground { 
    background-color: #fff;
    width: 98%;
    height: 600px;
    margin: 0 auto;
    margin-top: 63px;
    position: relative;
} 

#LetsMeetButton { 
    text-align: center;
    font-family: Roboto;
    TEXT-DECORATION: NONE;
    background-color: #00A79D;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    border-radius: 3px;
    width: 260px;
    margin: 0 auto;
    margin-bottom: 60px;
    cursor: pointer;
}


.GoodFriends {
width: 50%;
float: left;

height: 600px;
    background-color: #00A79D;
}


.FriendsTitle {
    font-family: Roboto;
    font-size: 41px;
    font-weight: 600;
    color: #fff;
    padding: 20px 15px 0px 15px;
    text-align: left;
}


.GoodFriends p {
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px 15px 20px 15px;
    text-align: justify;
}

.CloseContact { 
    position: absolute;
    right: 0;
    padding: 18px 16px 20px 16px;
    background-color: #00A79D;
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    cursor: pointer;
}


.FormCube { 
    float: right;
    width: 50%;
    padding-top: 100px;
}



#name , #mail , #phone , #textarea { 
       width: 80%;
    margin-left: 8%;
    padding: 2%;
    border-radius: 3px;
    border: 1px solid #00A79D;
margin-bottom:15px;

}



#submitform { 
width: 85%;
margin-left: 8%;
color:#fff;
font-size:15px;
border-radius: 3px;
text-align:center;    
margin-bottom:15px;
background-color:#00A79D;
padding:12px 0px;
border: none;
    cursor: pointer;
-webkit-appearance: none;
}


#submitform:hover { 
background-color:#009289;
}




#videoid { 
display:none;
}



#VideoReplace {
display:block;
height: 470px;
    width: 100%;
}


.BenefitsContainerCubes { 
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px
    
}

}



@media (min-width: 320px)  and (max-width: 480px){ 


.MenuLi2 { 
margin: 0 auto;
margin-top: 40px;
list-style: none;
}




#MenuUL2 {
position: fixed;
display:none;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 5000;
    background-image: url("opacitybackground.png");
    text-align: center;
padding-top:29px;

}

#MobileMenu { 
display:inline;
float: right;
    margin-right: 10px;
    margin-top: 16px;
}




.CustomerMainContainer {
    overflow: hidden;
    width: 320px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 10px;
}










.MenuUL { 
    display:none
}






.msgResponse {
	display:none;
    color: #00A79D;
    position: fixed;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 45px;
    font-family: Roboto;
    padding-top: 260px;
    text-align: center;
}


.MenuWraper {
width: 100%;
position: absolute;
z-index: 50;
background-color: #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}



.MenuContainer { 
width:100%; 
overflow:hidden;
margin:0 auto;  
}

.MenuLi { 
margin-left: 30px;
padding-top: 20px;
display: inline;
float: right;
padding-bottom: 17px;
border-bottom:3px solid #fff;
}

.Logo { 
    float: left;
    margin-top: 5px;
    margin-left: 6px;
    margin-bottom: 5px;
}

.MenuLink { 
    font-family: 'Roboto', sans-serif;
    color: #00A79D;
    TEXT-DECORATION: NONE;
   font-size:25px;
    
    margin: 0 auto;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
    list-style: none;
}

.MenuLi:hover { 
border-bottom:3px solid #00A79D;
}

.Headline1 {
font-family: Roboto;
color: #fff;
font-size: 55px;
text-align: center;
font-weight: 600;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 80px;

}

.Hspan { 

font-family: Roboto;
color: #fff;
font-size: 30px;
text-align: center;
font-weight: 100;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
line-height: 45px;

}


.mainVideo {
width:100%
height:100%;
}

.MainLearnMore { 

text-align: center;
font-family: Roboto;
TEXT-DECORATION: NONE;
background-color:#00A79D;
padding-top:15px;
padding-bottom:15px;
padding-left:70px;
padding-right:70px;
color:#fff;
border-radius: 3px;
}

.MainLearnMore:hover { 
background-color:#009289;
}

.TextVideoContainer { 
    position: absolute;
    top: 150px;
    width: 90%;
    margin-left: 5%;
}

.LearnMoreCOntainer { 
margin: 0 auto;
text-align: center;
margin-top: 30px;

}



.FirstContentContainer { 
width:100%;
background-color:#00A79D;
overflow:hidden;
margin-top: -4px;


}

.FirstContentCenter {
width:100%;
margin:0 auto; 
    overflow: hidden;

}

.FirstFloatLeft { 
width:100%; 
float:left;
margin-top:30px;
margin-bottom:30px; 
 text-align: center ;

}


.FirstContentCenter p { 
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.FirstFloatRight { 
width:380px; 
float:right;
margin-top:50px;
margin-bottom:50px;
   
}


.SecondContentContainer { 
width:100%;
background-color:#fff;
overflow:hidden;
}

.SecondContentCenter {
width:100%;
margin:0 auto; 
overflow: hidden;
}

.Title2 { 
font-family: Roboto;
color: #00A79D;
font-size: 40px;
text-align: center;
font-weight: 600;
padding-top: 50px;
    width: 90%;
    margin-left: 5%;
}

.CenterP {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;

}


.SecondFloatLeft { 
width:90%; 
float:left;
margin-top:0px;
margin-bottom:50px;
padding-top: 30px;

}

.SecondFloatLeft p { 
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;

}


.SecondFloatRight { 
width:370px; 
float:right;
margin-top:85px;
margin-bottom:50px

}

.CenterPhoto { 
width:350px;
}

.ThirdContentContainer { 
width:100%;
background-color:#00A79D;

}

.ThirdContentCenter {
width:100%;
margin:0 auto; 

}
.Title3 { 
font-family: Roboto;
color: #fff;
font-size: 40px;
text-align: center;
font-weight: 600;
padding-top: 50px;
margin-bottom:10px;
}

.CenterP3 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px
}

.Benefits {
float: left;
width: 48%;
background-color: #fff;
text-align: center;
padding-bottom: 15px;
margin-left:1%;
margin-right: 1%;
margin-bottom: 10px;
margin-top: 0px;
border-radius: 3px;
padding-top: 15px;
position: relative;
cursor: pointer
} 

.Benefits img {
    margin-bottom: 7px;
}

.BenefitsP {
font-family: Roboto;
    color: #444444;
    font-size: 18px;
padding:0 50px;
}



.BenfitsHover {
background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
border-radius: 3px;
overflow:hidden;
}


.Benefits:hover .BenfitsHover {
display:block;
}


.BenfitsHover p {
font-family: Roboto;
    color: #444444;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
padding:5px

}

.FourthContentContainer {
width:100%;
background-color:#fff; 
overflow:hidden;
}

.FourthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}

.CenterP2 {
font-family: Roboto;
color: #444444;
font-size: 20px;
font-weight: 100;
text-align: center;
padding-top:30px;
width: 90%;
margin: 0 auto;
line-height: 30px;
}

.CustomerImgContainer {
float: left;
width:140px;
height:100px;
background-color: #fff;
text-align: center;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 25px;

position: relative;
cursor: pointer
}

.CustomerImage { 
position: absolute;
top:0px;
left:0px; 
width:140px;
}

.CustomerImageHover { 
position: absolute;
top:0px;
left:0px; 
display:none;
width:140px;
}

.CustomerImgContainer:hover .CustomerImageHover {
display:block;
z-index:20;
}

#GoTop { 
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}

.FifthContentContainer {
width:100%;
background-color:#00A79D;
overflow:hidden;
}

.FifthContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.Iphone { 
margin: 0 auto; 
width: 320px;
height: 156px;
margin-top: 25px;
position: relative;
margin-bottom: 50px;
}


.IphoneVideo { 
width: 246px;
    height: 153px;
    position: absolute;
    top: 2px;
    left: 37px;
}

.IphoneVector { 
width:320px;
}



.CenterP4 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
}

.Ads { 
    position: absolute;
    bottom: 10px;
    left: 60px;
    width: 200px;
}



.JoinTheSucesess {
position: absolute;
width: 800px;
height: 392px;
top: 0px;
border-radius: 54px;
text-align: center;
display:none;
}


.JoinButton {
    position: absolute;
    top: 127px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    opacity: 2.5;
    z-index: 80;
    font-size: 30px;
    font-family: Roboto;
    text-decoration: none;
    color: #C652C3;
    border-radius: 3px;
   left: 159px;
    font-weight: 100;
    border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}

.JoinButton:hover { 
 border: 3px solid #C652C3;
}

.Iphone:hover .JoinTheSucesess { 
display:none;
}

.Iphone:hover .Ads {
display:none;
}




.popuphover { 
display:none;
width: 200px;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    text-shadow:none;
    color: #444444;
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.46);
    z-index: 5;
    bottom:36px;
    left: 0px;
    text-align: left
  
}

.Popup:hover .popuphover { 
display:block;
}

.Popup { 
    position: relative;

padding-top:20px;
}


.questionmark {
margin-left: -3px;
margin-bottom: 7px;
}


.arrow {
    position: absolute;
    bottom: -14px;
}



.SixContentContainer {
width:100%;
background-image:url("crowded.jpg");
overflow:hidden;
background-position-y: -139px;
}

.SixContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}



.CenterP5 {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:60px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}



.Title6 { 
font-family: Roboto;
color: #fff;
font-size: 40px;
text-align: center;
font-weight: 600;
padding-top: 60px;
margin-bottom:10px;
    padding-left: 10px;
    padding-right: 10px;
}

.EightContentContainer {
width:100%;
background-image:url("coffee.jpg");
overflow:hidden;
background-position-y: -139px;
}

.EightContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}


.SevenContentContainer {
width:100%;
}


.SevenContentCenter { 
width:100%; 
margin:0 auto; 
overflow:hidden;
}




.GrowP {
    width: 90%;
    float: left;
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: 5%;
    text-align: center;
}


.GrowImage { 
display:none;
}



.LetsMeet { 
margin: 0 auto;
text-align: center;
margin-top: 50px;
margin-bottom:170px;

}


.CoffeeP {
font-family: Roboto;
color: #fff;
font-size: 20px;
font-weight: 100;
text-align: center;
width: 90%;
margin: 0 auto;
line-height: 30px;
margin-top:20px;
margin-bottom:30px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1)
}

#ContactBackground { 
position: fixed;
background-image: url("opacitybackground.png");    
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 6000;
display:none;
    overflow: scroll;

}




.ContactContentBackground { 
    background-color: #00A79D;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    margin-top: 0px;
    position: relative;
    overflow: scroll;
} 

#LetsMeetButton { 
    text-align: center;
    font-family: Roboto;
    TEXT-DECORATION: NONE;
    background-color: #00A79D;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    border-radius: 3px;
    width: 260px;
    margin: 0 auto;
    margin-bottom: 60px;
    cursor: pointer;
}


.GoodFriends {
width: 100%;
float: left;
height: 215px;
    background-color: #00A79D;
}


.FriendsTitle {
    font-family: Roboto;
    font-size: 41px;
    font-weight: 600;
    color: #fff;
    padding: 20px 15px 0px 15px;
    text-align: left;
}


.GoodFriends p {
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px 15px 20px 15px;
    text-align: justify;
display:none;
}

.CloseContact { 
    position: absolute;
    right: 0;
top:0;
    padding: 18px 16px 20px 16px;
    background-color: #00A79D;
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    cursor: pointer;
    z-index: 30000;
}

.CloseMenu { 
    position: absolute;
    right: 0;
top:0;
    padding: 18px 16px 20px 16px;
    background-color: #00A79D;
    font-family: Roboto;
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    cursor: pointer;
    z-index: 30000;
}



.FormCube { 
    float: right;
    width: 100%;
    padding-top: 30px;
}



#name , #mail , #phone , #textarea { 
width: 90%;
    margin-left: 3%;
    padding: 4% 2%;
    border-radius: 3px;
    border: 1px solid #00A79D;
margin-bottom:15px;

}



#submitform { 
-webkit-appearance: none;
width: 85%;
margin-left: 8%;
color:#fff;
font-size:15px;
border-radius: 3px;
text-align:center;    
margin-bottom:15px;
background-color:#00A79D;
padding:12px 0px;
border: 1px solid #fff;
    cursor: pointer;

}


#submitform:hover { 
background-color:#009289;
}




#videoid { 
display:none;
}



#VideoReplace {
display:block;
height: 600px;
    width: 100%;
}


.BenefitsContainerCubes { 
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px
    
}

#FirstContentSection {
display:none;
}

}