/* TEMP
@font-face {
	font-family: 'ars-maquette-web';
	src: url('../font/ARSMaquettePro-Regular.otf');
}
@font-face {
	font-family: 'ars-maquette-bold';
	src: url('../font/ARSMaquettePro-Bold.otf');
}
@font-face {
	font-family: 'ars-maquette-medium';
	src: url('../font/ARSMaquettePro-Medium.otf');
}
@font-face {
	font-family: 'ars-maquette-light';
	src: url('../font/ARSMaquettePro-Light.otf');
}

*/


body {
	background: #fff url(../images/backgroundTile.png) repeat 0 0;
	margin: 0;
    padding: 0;
	font-family: "ars-maquette-web", sans-serif;
    /*font-size: 25px;*/
    font-size: 14px;
    color: #5f4b41;
}

strong {
	/* font-family: "ars-maquette-bold"; */
	/* font-family: "ars-maquette-medium"; */
}

*:focus {
    outline: none;
}

a img {
	border: none;
}


/* HEADER */
#header {
	background-color: #0cc5db;
	height: 62px;
	width: 100%;
	position: relative;

}
#header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.badgets_font
{
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #2a9ec9;
    font-family: "ars-maquette-web",sans-serif;
    font-weight: 300;

}
a.badgets_font:hover
{
    color: #2a9ec9;
}
#site-logo {
	margin-top: 15px;
	margin-left: 35px;
	float: left;
}
#site-tagline {
	float: left;
	margin-top: 27px;
	margin-left: 15px;
}

#site-menu {
	color: #fff;
	font-size: 15px;
	float: right;
	margin-right: 30px;
	margin-top: 25px;
	font-weight: 500;
}
#site-menu-mobile {
    display: none;
}
#site-menu a {
	color: #fff;
	text-decoration: none;
	margin: 0 9px;
	font-weight: 500;
}
#site-menu a:hover, #site-menu a.selected {
	color: #d7ff46;
}
.border
{
    font-weight: 500;
}
/* - - - - - - */

/* FOOTER */
#footer-div{
	width:100%;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0 auto;

}

.footer-icons{
	padding-right:10px;
	padding-left:10px;
}
.center{

	text-align: center;
	margin: 0 auto;
}
.down-text{
	padding-top: 40px;
	font-size: 14px;
	font-weight: 300;
	color: #a19996;
}
.down-text a{
	font-weight: 500;
	color: #a19996;
	text-decoration: none;
	padding-bottom: 40px;
}
.footer-homepage{
  width:100%;
}
.table-footer{
  padding-top: 30px;
  text-align: center;
  margin: 0 auto;
}

.down-text{
	padding-top: 40px;
	font-size: 14px;
	font-weight: 300;
	color: #a19996;
}
.down-text a{
	font-weight: 500;
	color: #a19996;
	text-decoration: none;
	padding-bottom: 40px;
}
 #footer-div-mobile{ display: none;}

.typekit-badge {
	display:none !important;
}


.kidNames {
  text-transform: capitalize;
}

@media only screen and (max-width: 1000px) {

    #footer-div{
    display: none;
    }
    #footer-div-mobile{
      display: block;
      padding-bottom: 30px;
    }
    .footer-homepage{
       display: none;
    }

}


/* - - - - - - */


/* PAGE - HOME */
#bkg-img-container {
	width: 960px;
	left: 50%;
    margin-left: -480px;
	height: 531px;
	background: url(../images/yellow-circle.png) no-repeat right 0;
	/*top: 60%;*/
	margin-top: 50px;
	position: relative;
}

#bkg-img {
    display: table-cell;
    vertical-align: middle;
    height: 531px;
}
#content {
	position: absolute;
	text-align: center;
	width: 400px;
	top: 86px;
	right: 60px;
	font-family: "ars-maquette-web",sans-serif;
	font-weight: 300;
	font-size: 25px;
    color: #4d3c36;
}
#content p {
	padding: 0;
	margin: 7px 0 37px;
}
#small-img-container {
	display: none;
}
/* - - - - - - */

#appStoresContainer
{
	height:40px;
	width: 285px;
	margin: 0px;
	padding: 0px;
	position:fixed;
	top:86%;
	left:50%;
	margin-left: -127.5px;
}



/* PAGE - TEAM */

#about-container {
	width: 960px;
	margin: 0 auto;
	padding-top: 13px;
	font-size: 16px;
	position: relative;
	margin-bottom: 0px;
}
/*#about-container {
	left: 50%;
    margin-left: -480px;
	height: 531px;
	top: 60%;
	margin-top: -233px;
	position: absolute;
}*/

#about-container h1 {
	margin: 0;
	padding: 0;
	font-size: 32px;
	color: #0cc5da;
	font-family: "ars-maquette-web",sans-serif;
	font-weight: 500;
	margin-top: 20px;
}

#row-one {
	margin-bottom: 50px;
	margin-top: 40px;
}

#row-one div{
	text-align: center;
	width: 194px;
	float: left;

}
#row-one img {
	margin-bottom: 12px;
}
#row-one strong {
	display: block;
}
#row-one:after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



#showOffir, #showJason, #showYael, #showAbby {
	cursor: pointer;
}

/*body#bios {
	background: none;
	width: 960px;
}*/


/* Modals */

.bio-header {
	font-size: 26px;
	color: #13aec0;
	line-height: normal;
	font-family: "ars-maquette-web",sans-serif;
	font-weight: 300;
	margin-bottom: 25px;
}
.bio-header strong {
	display: block;
}
.bio-image {
	position: absolute;
}
.bio-content {
	background: url(../images/yellow-circle.png) no-repeat right top;
	height: 503px;
	width: 503px;
	text-align: center;
	font-size: 18px;
	padding: 50px 50px 0;
	/* font-family: "ars-maquette-light"; */
	font-weight: 300;
	position: absolute;
	line-height: 24px;

	background-size: 503px 503px;
}
.bio-content p {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}

#bio-offir .bio-image {
	left: 2px;
	top: 57px;
}
#bio-offir .bio-content {
    left: 200px;
	top: 0;
	/*height: 481px;*/
	/*width: 431px;*/
	/*background-size: 531px 531px;*/
	/*font-size: 16px;*/
	/*line-height: 20px;*/
}


#bio-yael .bio-image {
	left: 256px;
    top: 57px;
}
#bio-yael .bio-content {
	left: 455px;
}

#bio-abby .bio-image {
	right: 260px;
	top: 57px;
}
#bio-abby .bio-content {
	left: -5px;
}



#bio-jason .bio-image {
    right: 6px;
    top: 57px;
}
#bio-jason .bio-content {
	right: 210px;
}

.close-button {
	position: absolute;
	bottom: 26px;
	cursor: pointer;
	width: 411px;
	text-align: center;
}

/* - - - - - - */


/* PAGE - VIDEO */
body#page-video {
	background: #fff none;
	margin: 40px 40px 0 !important;
	overflow: hidden;
}

#youtube-social {
	position: absolute;
	top: 10px;
	/*margin-top: 10px;*/
	/*margin-left: -30px;*/
}
#youtube-social a,
#youtube-social div {
	display: inline-block;
	width: 100px;
}

#video-footer {
	position: fixed;
	font-size: 16px;
	width: 854px;
	text-align: center;
	bottom: 13px;
	height: 40px;
}

#page-video #appStoresContainer {
	margin-top: 2px;
}

#keepyform {
	margin-top: 2px;
}
#thankyou {
	display: none;
	margin-top: 3px;
}

/*#thankyou {
   text-align: center;
   height: 60px;
   margin-bottom: 25px;
   display: none;
}*/


/*#thankyou .fb-like {
	position: relative;
	top: 15px;
}*/
/*.fb-like {
	position: relative;
	top: -3px;
}*/

/*#thankyou .twitter-share-button {
   position: relative;
   top: 19px;
}*/

/*#thankyou #___plusone_0 {
   position: relative;
   top: 19px;
}*/

/* - - - - - - */

/* MODAL OVERLAY */
#modal-backdrop {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	visibility: hidden;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition-property:opacity, visibility;
	-moz-transition-property:opacity, visibility;
	-o-transition-property:opacity, visibility;
	transition-property:opacity, visibility;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
	z-index:100000;
}
#modal-backdrop.visible {
	visibility:visible;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
	background-color:transparent;
	background-color:rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80F1F5F7,endColorstr=#80F1F5F7);
	zoom:1;
}

#widget-video {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100001;
	-webkit-box-shadow: #dbe3e5 2px 2px 10px;
	-moz-box-shadow: #dbe3e5 2px 2px 10px;
	box-shadow: #dbe3e5 2px 2px 10px;
	/*background: #fff;*/

	margin-top: -292px;
	margin-left: -470.5px;
}
#widget-video,
#widget-video #widget-content {
	height: 584px;
	width: 941px;
}

/*#widget-about {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100001;
	margin-top: -292px;
	margin-left: -470.5px;
	border: 1px solid yellow;
}*/
#widget-about {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 100001;
}

#widget-about,
#widget-about #widget-content {
	height: 531px;
	width: 960px;
}

#widget-close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 24px;
	width: 24px;
	z-index: 100002;
	/*background: #fff;*/
	color: #7b858d;
	cursor: pointer;
	line-height: 24px;
	text-align: center;
	font-weight: lighter;
	font-size: 33px;
}
#widget-close-button:after {
	content: '\d7';
}
#widget-close-button:hover {
	color: #3d4247;
}
/* - - - - - - */


/* MISC. */

/*.fb-like-box {
	position: absolute;
	bottom: 250px;
	left: 70%;
}*/

#privacytext {
	width: 500px;
	font-family: "ars-maquette-web",sans-serif;
	font-style: normal;
	font-size: 10pt;
	text-align: left;
	margin-left: 10px;
}

#termstext {
	width:500px;
	font-family: "ars-maquette-web",sans-serif;
	font-style: normal;
	font-weight: 30;
	font-size: 10pt;
	text-align: left;
	margin-left: 10px;
}


#playVideoButton {
	cursor: pointer;
}


#testIng {
	z-index: 100003;
	position: absolute;
	top 0;
}


/* PAGE - PRIVACY/TERMS */

#privacy-container {
	width: 960px;
	margin: 0 auto;
	padding-top: 13px;
	font-size: 16px;
	font-weight: 300;
	position: relative;
	margin-bottom: 0px;
}

#privacy-container h1 {
	margin: 0;
	padding: 0;
	font-size: 32px;
	color: #0cc5da;
	font-family: "ars-maquette-web",sans-serif;
	font-weight: 500;
}

#privacy-text {
	margin-left:200px;
	margin-top: -40px;
	width:700px;
	line-height: 24px;
}

/*
#privacy-text a:hover{
	color:#13aec0;
}
*/
#privacy-text a{
	color:#13aec0;
	text-decoration: none;
}

/* PAGE - about */

#a-container {
	width: 610px;
	margin: 0 auto;
	padding-top: 13px;
	font-size: 16px;
	position: relative;
	margin-bottom: 0px;
	padding-top: 35px;
	font-weight: 300;
}

#a-header {
	/*margin-left: 200px;*/
	font-size: 25px;
}

#a-container ul {
	/*margin-left: 150px;*/
	font-size: 18px;
	margin-left: -50px;
}

#a-container li {
	list-style-type: none;
	height: 160px;
	padding-left: 110px;
	background-size: 93px 93px;
}

#a-container h1 {
	margin: 0;
	padding: 0;
	font-size: 36px;
	color: #0cc5da;
	font-family: "ars-maquette-web",sans-serif;
	font-weight: 700;
	display: inline;
}

#snap-li {
	background: url('../images/icon-snap.png') no-repeat top left;
	padding-bottom: 100px;
    height: 220;
}

#organize-li {
	background: url('../images/icon-organize.png') no-repeat top left;
	background-size: 93px 93px;
	padding-bottom: 50px;
    height: 220;
}

#organize-li h1 {
	color: #aa9a96;
    height: 220;
}

#record-li {
	background: url('../images/icon-record.png') no-repeat top left;
	background-size: 93px 93px;
	padding-bottom: 50px;
    height: 220;
}

#record-li h1 {
	color: #6bc058;
}

#share-li {
	background: url('../images/icon-share.png') no-repeat top left;
	background-size: 93px 93px;
	padding-bottom: 100px;
}

#share-li h1 {
	color: #f48e33;
}

#repeat-li {
	background: url('../images/icon-repeat.png') no-repeat top left;
	background-size: 93px 93px;

}

#repeat-li h1 {
	color: #f7537d;
}

#a-halfCircle {
	position: absolute;
	left: -105px;
	top:0px;
	z-index: -1;
}

/* PAGE - faq */

#f-container {
	width: 610px;
	margin: 0 auto;
	padding-top: 13px;
	font-size: 16px;
	position: relative;
	margin-bottom: 0px;
	padding-top: 35px;
	font-weight: 300;
}

#f-header {
	/*margin-left: 200px;*/
	font-size: 25px;
}

#f-container ul {
	/*margin-left: 150px;*/
	font-size: 18px;
	margin-left: -50px;
}

#f-container li {
}

#f-container h1 {
	margin: 0;
	padding: 5px;
	font-size: 16px;
	/*color: #0cc5db;*/
	font-family: "ars-maquette-web",sans-serif;
	font-weight: 700;

}

#f-container h2 {
	margin: 0;
	padding: 5px;
	font-size: 16px;
	font-family: "ars-maquette-web",sans-serif;
	font-weight: 300;

}

/*Download Page*/

#dl-content {
	position: relative;
	text-align: center;
	width: 100%;
	top: 80px;

	font-family: "ars-maquette-web",sans-serif;
	font-weight: 300;
	font-size: 18px;
}

#dl-content p {
	/*padding: 0;*/
	/*margin: 7px 0 37px;*/
	/*position: relative;*/
	width: 500px;
}

#messenger-button {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
}

#messenger-button-wrapper {
	position: relative;
}

#messenger-button img.messenger-profile-image {
	width: 50px;
	height: 50px;
	z-index: 1000000000000;
}

.messenger-badge {
	position: absolute;
	width: 25px;
	height: 25px;
	bottom: -5px;
	right: -5px;
}

#messenger-button section {
	position: absolute;
	max-width: 450px;
	margin: 50px auto;
	left: -177px;
	top: -44px;
}

#messenger-button section div {
	max-width: 255px;
	word-wrap: break-word;
	margin-bottom: 20px;
	line-height: 4px;
}

#messenger-button section img {
	position: absolute;
	right: 12px;
	top: 0px;
	width: 14px;
	height: 14px;
	z-index: 1000;
}

.clear {clear: both}

.bubble {
	display: inline-block;
	margin: 0.5em;
	min-height: 2em;
	padding: 1em 1.5em;
	position: relative;
	border-radius: 1em;
	line-height: 1.5;
	color: white;
	background: #0B93F6;
}

.bubble::before {
	content: '';
	display: block;
	width: 1.5em;
	height: 1em;
	position: absolute;
	right: -0.5em;
	bottom: 0;
	border-left: 1em solid #0B93F6;
	border-bottom-left-radius: 100%;
	z-index: -1;
}

.bubble p {
	margin: 2px 5px 4px;
	font-size: 15px;
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

#messenger-button.shake section {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 1s;
	-webkit-transform-origin:50% 50%;
}