/* .get-started {
	width: 275px;
} */

/* iframe {
	display: block !important;
} */

.phone img {
	width: 100%;
	padding: 15px;
}

.wrapper-hero, .wrapper-for-kids, .wrapper-for-parents, .wrapper-quotes, .wrapper-kids-features, .wrapper-parents-features, .wrapper-both-features, .wrapper-devices {
	border-bottom: 1px solid #eee;
}

.wrapper-hero {
	padding-top: 110px;
}


.wrapper-hero .container {
	padding:  30px 30px 0px;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	width: 1500px;

}

.wrapper-hero .laptop {
	/* max-width: 660px; */
	height: 720px;
}

.wrapper-hero .laptop img {
	/* width: 100%; */
	height: 100%;
	width: auto;
	margin:  0px auto;
	/* max-width: 300px; */
}

.wrapper-hero .message {
	width: 330px;
	text-align: left;
    /* margin-right: 15px; */
}

.wrapper-hero .message h1 {
	margin-bottom: 0px;
}

.wrapper-hero .message p:first-child {
	/* text-align: center; */
	margin-top: 8px;
}

.message .get-started {
	max-width: 230px;
}






.wrapper-for-kids .container, .wrapper-for-parents .container {
	display: flex;
	padding: 90px 30px;
	justify-content: center;
	align-items: center;
	width: 1020px;
}

.wrapper-for-kids .container div, .wrapper-for-parents .container div  { 
	-webkit-flex:  1 1 auto;
	    -ms-flex:  1 1 auto;
	        flex:  1 1 auto;
	/* padding: 15px; */
}

.wrapper-for-kids .message-wrapper, .wrapper-for-parents .message-wrapper {
	flex: none !important;
	display: flex;
	align-items: center;
	min-width: 236px;
} 

.side-phone {
	-webkit-flex:  1 1;
	    -ms-flex:  1 1;
	        flex:  1 1;
	max-width: 150px;
	margin-left: 30px;
	display: none;
}

.side-phone img {
	width: 100%;
}

.wrapper-for-kids .video-message, .wrapper-for-parents .video-message {
	max-width: 236px;
}

.wrapper-for-kids .phone, .wrapper-for-parents .phone {
	max-width: 300px;
	width: 100%;
	/* padding: 0px 30px; */
	margin: 0px 60px;
}

.wrapper-for-kids .features, .wrapper-for-parents .features {
	max-width: 336px;
}

.wrapper-for-kids .features p, .wrapper-for-parents .features p {
	margin: 0px;
}

.feature {
	display: flex;
	max-width: 336px;
}

.message p:first-child {
	font-size: 18px;
}

.feature .icon {
	flex: none !important;

	margin-right: 15px;

	width: 60px;
	height: 60px;
}

.feature .icon img { width: 100%; height: auto; }

.video-message h2 {
	margin: 0px;
	line-height: 1.2;
}

.video-message p {
	margin-top: 8px;
}

.video-thumb {
	cursor: pointer;
}

#kids-video, #parents-video {
	display: block;
	width: 100%;
}

.video-modal .modal-card{
	width: 800px; 
}


.wrapper-quotes {
	position: relative;
}

.wrapper-quotes .container { 
	display: flex; 
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding:  90px 0px 0px;
}

.quote-bubbles {
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
    padding: 15px 0px;
}

.left-quote, .right-quote {
	margin-bottom: 30px;
}

.left-quote, .right-quote {
	position: relative;
	/* width: 300px; */
	/* height: 146px; */
	width: 350px;
	height: 230px;
	text-align: center;
}

.right-quote {
	margin-left: 90px;
}

.left-quote img, .right-quote img {
	position: absolute;
	z-index: -1;
	width: 100%;
}

.left-quote span, .right-quote span {
	z-index: -1;
}

.right-quote img {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-filter: FlipH;
	filter: FlipH;
	-ms-filter: "FlipH"; 
}

.left-quote .text, .right-quote .text {
	z-index: 100;
	padding: 15px 35px;
}

.hands img {
	width: 100%;
}

.left-quote .face, .right-quote .face {
	width: 96px;
	height: 96px;
	margin: 15px auto 0px;
	position: relative !important;
}


/* 
.wrapper-quotes .image {
	max-width: 550px;
}

.wrapper-quotes .image img {
	width: 100%;
}

.quotes {
	max-width: 375px;
	margin-left: 30px;
	font-family: "Maison Neue BoldItalic", sans-serif;
}

.quotes div {
	padding:  15px 30px;
	color: #fff;
}

.quote-blue {
	background-image: linear-gradient(-135deg, #00FFFF 0%, #00F7FF 3%, #0000FF 100%);
	margin-bottom: 15px;
}


.quote-purple {
	background-image: linear-gradient(49deg, #0000FF 0%, #FF00FF 100%);
}
 */
/* .quotes {
  padding: 5em 0; }
  @media only screen and (min-width: 50em) {
    .quotes__container {
      width: 600px;
      margin: auto; } }
  .quotes__quote-container {
    position: relative;
    width: 100%;
    min-width: 200px;
    width: 270px;
    margin: 0 auto;
    margin-bottom: 2em; }
    @media only screen and (min-width: 50em) {
      .quotes__quote-container {
        float: left;
        margin: 0 15px;
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
        .quotes__quote-container--first {
          margin: -30px 10px 0 10px; } }
  .quotes__bubble {
    position: relative;
    top: 0;
    left: 0; }
    .quotes__bubble--left img {
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1);
      -webkit-filter: FlipH;
              filter: FlipH;
      -ms-filter: "FlipH"; }
  .quotes__text {
    position: absolute;
    top: 28px;
    left: 30px;
    width: 100%;
    max-width: 220px; }
  .quotes__quote, .quotes__user {
    margin: 0; }
  .quotes__quote {
    margin-bottom: 8px;
    font-family: 'Maison Neue Bold Italic';
    font-family: "Maison Neue Bold", "Akkurat-Bold", "HelveticaNeue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .quotes__user {
    font-size: 15px; }
  .quotes__img {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    text-align: center; } */







.wrapper-kids-features, .wrapper-parents-features, .wrapper-both-features {
	padding:  90px 0px;
	text-align: center;
}

.wrapper-kids-features h2, .wrapper-parents-features h2, .wrapper-both-features h2 {
	padding:  0px 15px;
	margin: 0px;
}

.wrapper-kids-features .container, .wrapper-parents-features .container, .wrapper-both-features .container   {
	display: flex;
	padding: 0px 30px;
	justify-content: center;
	width: 1120px;
	/* align-items: center; */
}

.wrapper-kids-features .container div, .wrapper-parents-features .container div, .wrapper-both-features .container div   { 
	flex: 1;
	max-width: 300px;
	margin: 30px;
	text-align: center;
}







.wrapper-devices .container {
	padding:  90px 30px;
	text-align: center;
}

.wrapper-devices .message {
	width: 340px;
	max-width: 100%;
	margin: 0px auto 60px;
}

.wrapper-devices .devices { 
	margin-bottom: 60px;
	max-width: 100%;
	width: 500px;
}



.wrapper-bottom-cta .container {
	padding:  90px 30px;
	text-align: center;
}

.wrapper-bottom-cta .get-started {
	width: 275px;
	max-width: 100%;
	margin:  0px auto;
}


.carousel {
	display: none !important;
	max-width: 100%;
	width: 100%;
	margin:  15px auto 0px;

}

.carousel img {
	max-width: 250px;
	margin: 0px auto;
}

.phone p {
	font-family: "Maison Neue Bold", sans-serif;
}

.slick-prev {
	left: 10px !important;
	z-index: 100;
}

.slick-next {
	right: 10px !important;
	z-index: 100;
}

.ios, .google-play {
	width: 140px;
	max-width: 45%;
}


.slick-dots li {
	margin: 0px !important;
}

.slick-dots li button:before {
	font-size: 10px !important;
	color: #0000FF !important;
}


@media (max-width: 1440px){
	.wrapper-hero .laptop {
		height: 520px;
	}

}

@media (max-width: 820px){
	.wrapper-hero .laptop {
		height: auto;
	}

	.wrapper-hero .laptop img {
		width: 100%;
		height: auto;
	    max-width: 300px;
	}

	.wrapper-hero .message h1 { 
		font-size: 24px;
	}
}



@media (min-width: 800px) {
	.quote-bubbles {
		flex-direction: row;
	}
}

@media (max-width: 800px) {
	.right-quote {
		margin-left: 0px;
	}

	.left-quote, .right-quote {
		height: 180px;
	}

	.quote-bubbles .face {
		display: none;
	}
}




@media (max-width: 980px) { 
	.carousel {
		display: block !important;
	}

	.wrapper-hero .container {
		align-items: center;
	    padding: 0px 30px 30px;
	}

	.wrapper-hero .container {
		flex-direction: column-reverse;
	}

	.wrapper-quotes .container, .wrapper-for-kids .container, .wrapper-for-parents .container  {
		flex-direction: column;
	}

	.wrapper-hero .message {
		/* margin-top: 30px; */
	    margin-top: 10px;
	    margin-bottom: 5px;
	    text-align: center;
	}

	.message .get-started {
		margin: 0px auto;
	}

	.wrapper-for-kids .phone, .wrapper-for-parents .phone {
		display: none;
	}

	.wrapper-for-kids .features, .wrapper-for-parents .features {
		margin-top: 60px;
	}

	.thumbs-desktop {
		visibility: hidden;
		display: none !important;
	}

	.side-phone { display: block; }

	.quotes {
		margin-top: 30px;
	}
}