@font-face {
font-family: Lato-Regular;
src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
font-family: Lato-Bold;
src: url(../fonts/Lato-Bold.ttf);
}

@font-face {
font-family: Lato-Light;
src: url(../fonts/Lato-Light.ttf);
}


@font-face {
font-family: Helvetica-Light;
src: url(../fonts/Helvetica-Light.ttf);
}

@font-face {
font-family: Helvetica-Bold;
src: url(../fonts/Helvetica-Bold.ttf);
}






/*            LinkTexting              */
.linkTextingInput_oq3j39q0::-webkit-input-placeholder { /* WebKit browsers */
    color:    #E6E6E6;
}
.linkTextingInput_oq3j39q0:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #E6E6E6;
}
.linkTextingInput_oq3j39q0::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #E6E6E6;
}
.linkTextingInput_oq3j39q0:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #E6E6E6;
}





.linkTexting_oq3j39q0 {
position: relative;
height: auto !important;
bottom: auto !important;
width: atuo !important;
margin: 0px 0 40px 0!important;
}

.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
width: 265px !important;
background-color: transparent !important;
border:1px solid white !important;
color: #fff !important;
}
.intl-tel-input button {
width: 500px !important;
}
.linkTextingButton_oq3j39q0 {
color: #fff !important;
font-weight: normal !important;
background-color: transparent !important;
border:1px solid white !important;
width: auto !important;
-webkit-transition: color 0.25s, background 0.25s !important;
-moz-transition: color 0.25s, background 0.25s !important;
-o-transition: color 0.25s, background 0.25s !important;
transition: color 0.25s, background 0.25s !important;
}
.linkTextingButton_oq3j39q0:hover {
background-color: #fff !important;
color: #4a89dc !important;
border:1px solid #fff !important;
}
.linkTextingInner_oq3j39q0 {
width:auto !important;

}
.intl-tel-input .selected-flag .arrow {
border-top: 4px solid #fff !important;
}
.intl-tel-input .selected-flag .arrow.up {
border-bottom: 4px solid #fff !important;
}

.linkTextingError_oq3j39q0 {
color: #F2F2F2 !important;
}







html,
body {
margin: 0;
padding: 0;
height: 100%;
font-family: Lato-Regular, Helvetica, Arial Narrow, sans-serif;
color: #34495e;  
font-size: 14px;
line-height: 1.231;
}

ul {
list-style-type: none;
padding: 15px 0 15px 0;
margin: 0;
}

a {
text-decoration: none;
-webkit-transition: color 0.25s, background 0.25s;
-moz-transition: color 0.25s, background 0.25s;
-o-transition: color 0.25s, background 0.25s;
transition: color 0.25s, background 0.25s;
}

a:hover {
text-decoration: none;
}

path, text, rect, polygon, line{
-webkit-transition: fill 0.4s, stroke 0.4s, opacity 0.4s;
-moz-transition: fill 0.4s, stroke 0.4s, opacity 0.4s;
-webkit-transition: fill 0.4s, stroke 0.4s, opacity 0.4s;
-o-transition: fill 0.4s, stroke 0.4s, opacity 0.4s;
transition: fill 0.4s, stroke 0.4s, opacity 0.4s;
}


.facebook path, .twitter path, .right-bar-social path {
fill: #fff;
}
.hover-active #right-bar svg:hover path, .hover-active #right-bar svg:hover rect, .hover-active #right-bar svg:hover polygon, .hover-active #right-bar svg:hover text, .hover-active #right-bar svg:hover line {
fill: #4a89dc; 
}
.hover-active footer svg:hover path, .hover-active footer svg:hover rect, .hover-active footer svg:hover polygon, .hover-active footer svg:hover text, .hover-active footer svg:hover line {
fill: #4a89dc; 
}
.hover-active .play-btn svg:hover path, .hover-active .play-btn svg:hover polygon {
fill: #4a89dc; 
}


/*                  side nav bar                      */

#main-page {
display: block;
position: relative;
}

#right-bar {
position: fixed;
background: #333;
top: 0;
right: 0;
height: 100%;
width: 200px;
z-index: 999;
margin-right: -200px;
}
#right-bar li {
text-align: left;
border-bottom: 1px solid #393939;
}
#right-bar li a {
background: #333;
color: #ccc;
display: block;
margin: 0;
padding: 12px 12px;
font-weight: normal;
padding-left: 35px;
}
.hover-active #right-bar li a:hover {
background: #4a89dc;
color: #fff;
padding-bottom: 12px;
padding-left: 35px;
} 

.active-right-bar {
float: left;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #ccc;
margin-top: 12px;
}

.right-bar-social {
margin: 0px 0px 0 30px;
}

.right-bar-social .twitter {
margin: 0px 0px 0px 10px;
}
.right-bar-social .angellist {
margin: 0px 0px 0px 10px;
}




/*                  header                      */

.header-container {
left: 0;
right: 0;
padding: 0;
background-color: rgba(255,255,255,0.8);
position: fixed;
z-index: 10;
height: 75px;
transition: all 0.5s ease;
}

.header {
padding: 0px 0 0px 0;
margin: 15px auto 0 auto;
max-width: 800px;
border: 0px solid red;
}


.scroll-down {
background-color: rgba(255,255,255,1);
border-bottom: 1px solid #E6E6E6;
}




.help-navbar {
border-bottom: 1px solid #22a6ff;
margin: 0 0 0 58px;
position: relative;
display: none;
}
.triangle {
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #22a6ff;
margin: -5px 0 0 30px;
}





.menu-btn {
display: none;
float: right;
width: 20px;
padding: 16px;
position: relative;
right:10px;
}
#menu-btn {
height: 20px;
width: 17px;
}

.logo {
margin: 0;
padding: 13px 10px;
float: left;
}
#logo {
height: 25px;
width: 155px;
}









.hover-active #logo:hover path, .hover-active #logo:hover text {
fill: #A4A4A4;
}

.navbar {
float: right;
padding: 8px 0;
}

.navbar ul {
padding: 0;
margin: 6px 0;
}

.navbar ul li {
display: inline-block;
padding-left: 15px;
padding-right: 15px;

}

.navbar li a {
color: #fff;
-webkit-transition: color 0.4s, background 0.4s, border-color 0.4s;
-moz-transition: color 0.4s, background 0.4s, border-color 0.4s;
-o-transition: color 0.4s, background 0.4s, border-color 0.4s;
transition: color 0.4s, background 0.4s, border-color 0.4s;
}

.hover-active .navbar li a:hover, .hover-active.security a:hover {
background-color: transparent;
color: #A4A4A4;

}


.header-download a, .mobile-header-download a {
border-radius: 4px;
padding: 5px 15px;
background-color: transparent;
border:1px solid #4a89dc;
color: #4a89dc;
-webkit-transition: color 0.4s, background 0.4s, border-color 0.4s;
-moz-transition: color 0.4s, background 0.4s, border-color 0.4s;
-o-transition: color 0.4s, background 0.4s, border-color 0.4s;
transition: color 0.4s, background 0.4s, border-color 0.4s;
}


.header-download a:hover, .mobile-header-download a:hover {
border:1px solid #4a89dc !important;
background-color: #4a89dc !important;
color: #fff !important;
}



.mobile-header-download a {
font-size: 11px;
padding: 3px 8px;
float: right;
position: relative;
top: 16px;
right: 20px;
display: none;
}













.slogan {
padding: 20px 20px;
margin: 0px auto;
}

.slogan p {
text-align: center;
color: #fff;
font-family: Lato-Light, Helvetica, Arial Narrow, sans-serif;
font-size: 18px;
}



.download {
border: 0px solid black;
width: 450px;
height: 180px;
margin-right: auto;
margin-left: auto;
}
#download-btn {
height: 70px;
width: 200px;
}

.app-store, .google-play {
width: 200px;
margin: 0px auto 0px auto;
border: 0px solid black;
}

.app-store {
float: left;
margin-right: 10px;
}

.google-play {
float: right;
margin-left: 10px;
}

























#mc_embed_signup {
background-color: #50B367;
text-align: center;
margin: -80px auto 0 auto;
display: block;
clear: both;
height: 200px;
display: none;
}
/*label*/
#mc_embed_signup label {
display: block;
font-family: Lato-Regular, Helvetica, Arial Narrow, sans-serif;
font-size: 24px;
color: #FAFAFA;
padding: 40px 0 30px 0;
}
.#mc_embed_signup_scroll {
text-align: center;
margin: 0 auto 0 auto;
}

.textandbtn {
max-width: 550px;
text-align: center;
margin: 0 auto 0 auto;
}
/*email tapping area*/
#mc_embed_signup #mce-EMAIL{
width: 74%;
height: 20px;
padding: 10px;
font-size: 14px;
border: solid 0px gainsboro;
-webkit-transition: box-shadow 0.3s, border 0.3s;
-moz-transition: box-shadow 0.3s, border 0.3s;
-o-transition: box-shadow 0.3s, border 0.3s;
transition: box-shadow 0.3s, border 0.3s;
border-radius: 4px;
font-family: Lato-Regular, Helvetica, Arial Narrow, sans-serif;
float: left;
}
/*summit button*/
#mc_embed_signup #mc-embedded-subscribe {
width: 100px;
height: 40px;
font-size: 16px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-family: Lato-Light, Helvetica, Arial Narrow, sans-serif;
text-decoration: none;
cursor: poiner;
border: 2px solid #fff;
background-color: transparent; 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
float: right;
}
/*summit button mouse over*/
.hover-active #mc_embed_signup #mc-embedded-subscribe:hover {
color: #4a89dc;
background-color: #fff; 
}







/*      footer     */
footer {
position:relative;
width: 100%;
background-color: #292929;
bottom: 0;
margin: 0;
padding: 0;
height: 85px;
clear: both;
}
.footer-container {
border: 0px solid white;
margin: 0 auto;
height: 85px;
max-width: 1250px;
}

.copy-right {
float: left;
margin: 23px 30px 0px 40px;
}
.copy-right p {
color: #c7c7c7;
font-family: Lato-Light, Helvetica, Arial Narrow, sans-serif;
font-size: 13px;
}


.security {
float: left;
margin: 21px 50px 0px 0px;
}
.security ul li{
display: inline-block;
margin: 0;
border: 0px solid white;
font-family: Helvetica, Arial Narrow, sans-serif;
height: 7.5px;
padding-left: 10px;
font-size: 13px;
}
.security ul li a {
color: white;
}
.security ul li a:hover {
color: #4a89dc;

}
.dot {
display:block;
width:4px;
height:4px;
border-radius:50px;
background-color: #fff;
}



.social {
border: 0px solid black;
float: right;
margin: 30px 30px 0px 0px;
}
#social {
height: 30px;
width: 30px;
}
.facebook, .twitter, .angellist {
height: 30px;
border: 0px solid white;
}
.social .twitter, .social .angellist{
margin: 0px 0px 0px 16px;
}






















@media (max-width: 1024px) {	
.header {
width: 87.5%;
}

.footer-container {
width: 95%;
}
}

@media (max-width: 768px) {
.header-container {
height: 50px;
}

.header {
width: 100%;
margin: 0 auto;
padding: 0 0;
position: relative;
}
.logo {
display: block;
padding: 22px 0 0 20px;
}
#logo {
height: 16px;
width: 99px;
}


.menu-btn, .mobile-header-download a {
display: block;
}
.navbar, .social, .security, .preview, .scroll-btn, .linkTexting_oq3j39q0 {
display: none;
}





.download {
width: auto;
}

#download-btn {
width: 160px;
height: 53px;
}


.app-store, .google-play {
float: none;
width: 160px;
margin: 20px auto 40px auto;
}










.copy-right {
border: 0px solid black;
position:relative;
float: none;
text-align: center;
display: table; 
height: 80px;
width: 100%;
margin: 0;
}
.copy-right p {
display: table-cell; 
vertical-align: middle;
}
}

@media (max-width: 480px) {
/* 
.logo {
padding: 15px 0 0 20px;
}
#logo {
height: 20px;
}
 */
}