/*             maintain the color of the logo                    */


.hover-active #download-btn:hover .downloadbg {
fill: #fff;
opacity: 1;
}
.hover-active #download-btn:hover path, .hover-active #download-btn:hover text {
fill: #4a89dc;
}
.hover-active #download-btn:hover line {
stroke: #4a89dc;
}

.press path, .quote path {
fill: #4a89dc;
}

.hover-active .press svg:hover path {
fill: #A4A4A4;
}


.logo path, .logo text {
fill: #fff;
}



.home-logo path, .home-logo text {
fill: #4a89dc;
}


.menu-btn rect {
fill: #fff;
}

.home-menu-btn rect {
fill: #4a89dc;
}


.LinkTexting-overlay {
padding: 0 !important;
bottom: 10% !important;
position: absolute;
margin: auto !important;
}



.mobile-header-download a {
border:1px solid #fff;
color: #fff;
}



.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
width: 300px !important;
}







.help-navbar {
border-bottom: 1px solid #fff;
}
.triangle {
border-bottom: 5px solid #fff;
}



.header-container {
background-color: rgba(255,255,255,0);
}
.scroll-down {
background-color: rgba(255,255,255,1);
}
.scroll-down-nav {
color: #4a89dc !important;
}
.scroll-down-nav:hover {
color: #A4A4A4 !important;
}
.scroll-down-nav-download {
border: 1px solid #4a89dc !important;
color: #4a89dc !important;
}

.header-download a {
border:1px solid #fff;
}






/* section-1                      */

section {
float: left;
clear: both;
width: 100%;
}

.section-home {
overflow: hidden;
}

.section-1 {
z-index: -100;
background-color: #1C1C1C;
background-size: cover;
width: 100%;
height: 100%;
}

.overlay { 
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: 10;
}

.previewimg { 
display: none;
}

.preview { 
float: right;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
transition: 1s opacity;
opacity: 0.3;
}





.quote {
clear: both;
position: relative;
height: 300px;
width: 80%;
top: 15%;
margin: 50px auto 0 auto;
z-index: -1;
display: block;
}

.quote ul li {
text-align: center;
}


.quote p {
text-align: center;
font-family: Lato-Regular, Helvetica, Arial Narrow, sans-serif;
color: #FFFFFF;
font-size: 30px;
line-height: 200%;
letter-spacing: 1px;
}





.play-btn {
position: relative;
clear: both;
margin-left: auto;
margin-right: auto;
width: 60px;
z-index: 1;
top: 16%;
}
#play-btn {
height: 60px;
width: 60px;
}

/* section-2                      */
.section-2 {
background-color: #FFFFFF;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#slider4 {
text-align: center;
margin-left: auto;
margin-right: auto;

}

.section-2 .feature-title {
margin: 60px 0 60px 0;
}

.section-2 .feature-title p {
color: #4a89dc;
font-size: 30px;
font-family: Lato-Light, Helvetica, Arial Narrow, sans-serif;
line-height: 0.7;
padding: 0;
}


/*         section-3           */

.section-3 {
background-color: #FFFFFF;
position: relative;
margin-top: -180px;
z-index: 2;
}

.s-3-content {
background-color: #4a89dc;
box-shadow: 0px 0px 10px 1px #6E6E6E;
-o-box-shadow: 0px 0px 10px 1px #6E6E6E;
-moz-box-shadow: 0px 0px 10px 1px #6E6E6E;
-webkit-box-shadow: 0px 0px 10px 1px #6E6E6E;
}

.slogan {
padding: 70px 0 40px 0;
margin: 0px auto 0px auto;
}

.slogan p {
font-size: 30px;
}





.press {
text-align: center;
display: block;
margin: 0px auto;
background-color: #E6E6E6;
}
#techcrunch {width: 160px;}
#cbs {width: 89px;}
#lifehacker {width: 89px;}
#fox {width: 58px;}
#forbes {width: 99px;}
#inc {width: 72px;}
#wsj {width: 47px;}
#bloomberg {width: 104px;}
#detelegraaf {width: 114px;}
#cbn {width: 140px;}

.press svg {
display: inline-block;
height: 25px;
margin: 20px 25px;
}










@media (max-width: 768px) {
.section-1 {
height: auto;
}
.play-btn {
top: 40px;
}
.overlay .quote {
top: 60px;
}
.overlay .quote p {
font-size: 22px;
}
.overlay { 
width: auto;
height: auto;
background-size: cover;
}

.previewimg { 
display: block;
float: right;
min-width: 100%;
min-height: auto;
width: auto;
height: auto;
background-size: cover;
transition: 1s opacity;
opacity: 0.4;
}
.section-3 .slogan p {
font-size: 26px;
}

.slogan {
padding: 70px 0 40px 0;
}






.download {
width: 450px;
height: 240px;
}

.textandbtn {
width: 100%;
text-align: center;
margin: 0 auto;
}
#mc_embed_signup {
height: 220px;
}
#mc_embed_signup label {
font-size: 21px;
width: 80%;
margin: 0 auto;
}
#mc_embed_signup #mce-EMAIL {
width: 70%;
float: none;
}
#mc_embed_signup #mc-embedded-subscribe {
margin: 24px auto 0 auto;
float: none;

}
}




@media (max-width: 628px) {
#mc_embed_signup {
height: 250px;
}
}


@media (max-width: 480px) {
.play-btn {
top: 10px;
}
.overlay .quote {
top: 30px;
}
.section-2 .feature-title p {
font-size: 1.8em;
}
.slogan {
padding: 50px 0;
}
.section-3 .slogan p {
font-size: 18px;
}
.s-3-content {
height: 440px;
}
.app-store, .google-play {
float: none;
margin: 0px auto 15px auto;
}
.download {
width: auto;
margin: 0;
}

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

.google-play, .app-store {
width: 160px;
margin: 0px auto 40px auto;
}
#techcrunch {width: 96px;}
#cbs {width: 53.4px;}
#lifehacker {width: 53.4px;}
#fox {width: 34.8px;}
#forbes {width: 59.4px;}
#inc {width: 43.2px;}
#wsj {width: 28.2px;}
#bloomberg {width: 62.4px;}
#detelegraaf {width: 68.4px;}
#cbn {width: 84px;}

.press svg {
margin: 5px 2% 5px 2%;
}
}


@media (max-width: 375px) {
.play-btn {
top: 10px;
}
.overlay .quote {
top: 55px;
}
.overlay .quote p {
font-size: 18px;
}
}



@media (max-width: 320px) {
.play-btn {
top: 20px;
}
.quote {
height: 260px;
}
.overlay .quote {
top: 40px;
}
.overlay .quote p {
font-size: 16px;
}
.section-2 .feature-title p {
font-size: 1.5em;
}
}












@media (max-height: 630px) {
.LinkTexting-overlay {
display: none;
}
}