@charset "UTF-8";
 
body {font-family: 'Roboto',sans-serif; font-size: 1rem; line-height: 1.875rem;}
p {font-family: 'Roboto',sans-serif; font-size: 1.125rem; line-height: 2rem;}
ul {margin-bottom: 0;}
ul li {font-family: 'Roboto',sans-serif; font-size: 1rem; line-height: 1.875rem;}
h1 {font-family: 'Roboto',sans-serif; font-weight: bold; font-size: 4rem !important; line-height:4.875rem !important; margin-bottom: 2rem;}
h2 {font-family: 'Roboto',sans-serif; font-weight: bold; font-size: 2.875rem !important; margin: 2rem 0 2rem 0; padding: 0; line-height: 3.25rem !important; font-style: normal;}
h3 {font-family: 'Roboto',sans-serif; font-weight: normal; font-size: 1.5rem; line-height: 2.125rem; margin: 0 0 1rem 0; padding: 0;}
h4 {font-family: 'Roboto',sans-serif;}

.grey-bg {width: 100%; max-width: none; background: #f1f1f1; margin: 3rem 0;}
.rsvp-btn {font-family: 'Roboto',sans-serif; padding: 1rem 1.5rem; font-size: 1.125rem; line-height: normal; color: #fff; font-weight: normal; border-radius: 5px; background: #be1f24; width: 100%;  border: none; box-shadow: 0 5px 10px rgba(0,0,0,0); margin-bottom: 0.5rem; text-align: center; display: block; text-decoration: none;}
.rsvp-btn.large {font-family: 'Roboto',sans-serif; padding: 1rem; font-size: 1.25rem; line-height: normal; color: #fff; font-weight: bold; border-radius: 5px; background: #be1f24; width: 100%; margin: 0; max-width: 400px;  border: none; box-shadow: 0 5px 10px rgba(0,0,0,.1); text-decoration: none; }
.callout-box {padding: 2rem; position: relative; border: solid 2px #be1f24; border-radius: 10px; background: #fff; box-shadow: 0 8px 25px rgba(0,0,0,.08);}
.callout-box-sp {width: 100%; text-align: center; margin-top: -3rem; margin-bottom: 1.5rem;}
.hover {margin-top: -7rem;}
.city-name-float {margin-top: -5rem; border: solid 2px #be1f24; border-radius: 5px; background: #fff; display: inline-block; padding: .5rem 1rem; font-weight: bold; font-size: 1.5rem; letter-spacing: .05rem;}
.arrow-wrap:before {padding-right: 5rem; position: absolute;  content: ""; background-image: url(https://d9hhrg4mnvzow.cloudfront.net/expo.ourkids.net/welcome/a853f6b6-group-22.svg); background-position: 0% 0%; background-repeat: no-repeat; width: 100%; max-width: 450px; height: 100px; margin-top: -2rem; }
.grey-box {padding: 3rem; background: #f1f1f1; border-radius: 5px; margin: 2rem 0 4rem 0;}
.limited-txt {width: 100%; text-align: center; font-size: 1rem; color: #666;}
.small-bullet {font-size: 1rem;}
.thin-box {padding: 1.5rem; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-bottom: 2rem;}
.img-bg-01 {background-image: url(https://d9hhrg4mnvzow.cloudfront.net/expo.ourkids.net/welcome/kzcd1q-group-40-1.png); background-size: cover; background-attachment: ;background-position: 50% 50%; background-repeat: no-repeat; padding: ;}
.img-bg-02 {background-image:url(/expo/images/expo22-stk03.png); background-size: cover; background-attachment: ;background-position: 60% 50%; background-repeat: no-repeat; padding: ;}

.reveal {padding: 3rem; border-radius: 10px; box-shadow: 0 10px 50px rgba(0,0,0,.1);}
.close-button {border: none; box-shadow: none; background: none !important; padding: 0;}
.arrow-wrap-side:before { position: absolute;  content: ""; background-image: url(https://d9hhrg4mnvzow.cloudfront.net/expo.ourkids.net/welcome/a853f6b6-group-22.svg); background-position: right top; height: 60px; background-size: contain; background-position: 50% 50%; width: 120px; background-repeat: no-repeat;transform: rotate(-90deg); left: 0; top: 0;}

.school-tile p {margin: 0; padding: 0; font-weight: 300; font-size: 14px; line-height: normal;}
.school-tile h4 {margin: 0 0 1rem 0; padding: 0; font-weight: 400;}

	.img-bg-1 {background:none;}
.programs-expand {
        padding: 2px 3px; cursor: pointer; width: 100px; background:#be1f24; color: #fff; border-radius: 3px 3px 0 0; font-weight: bold; font-family: 'Lato',sans-serif;
    }  
.programs-expand-pl {
        padding: 2px 3px; cursor: pointer; width: 150px; background:#be1f24; color: #fff; border-radius: 3px 3px 0 0; font-weight: bold; font-family: 'Lato',sans-serif;
    } 
    .programs-expand:after {  font-family: FontAwesome, Lato, sans-serif;  content:'\f0d7 \00a0 show all \00a0 \f0d7';}
    .programs-expand.show:after {  font-family: FontAwesome, Lato, sans-serif;  content: '\f0d8 \00a0 show less \00a0 \f0d8';}
   .programs-expand-pl:after {  font-family: FontAwesome, Lato, sans-serif;  content:'\f0d7\00a0pokaż\00a0wszystkie\00a0\f0d7';}
    .programs-expand-pl.show:after {  font-family: FontAwesome, Lato, sans-serif;  content: '\f0d8\00a0pokaż\00a0mniej\00a0\f0d8';}


		.programs-wrapper {max-height: 600px;}

.white-gradient {background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}



.whiteBox {border-radius: 5px; border: none; box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.two-columns {column-count:2; column-gap:50px;}
/*countdown*/
.clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: flex;
	font-weight: 100;
	text-align: center;
	font-size: 26px;

}

.clockdiv > div{
	padding: 0;
	border-radius: 3px;
	background: none;
	display: inline-block;
	flex: auto;
	margin: 0 2px;
}

.clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #f1f1f1;
	display: inline-block;
	color: #333;
	font-weight: bold;
}

.smalltext{
	padding-top: 5px;
	font-size: 14px;
	color: #666;
}

/*icons*/
ul {list-style: none;}
ul.icon-check li:before {    
    font-family: 'FontAwesome';
content:"\f058";
	margin:0 5px 0 -20px;
    color: #be1f24;
}
ul.icon-check.large li {    
   font-size: 1.325rem;
	
}
ul.icon-clock li:before {    
    font-family: 'FontAwesome';
content:"\f017";
	margin:0 5px 0 -20px;
		width: 20px;
	display: inline-block;
    color: #be1f24;
			text-align: center;

}
ul li.icon-cal:before {    
    font-family: 'FontAwesome';
content:"\f133";
	margin:0 5px 0 -20px;
		width: 20px;
	display: inline-block;
    color: #be1f24;
			text-align: center;

}
ul li.icon-map:before {    
    font-family: 'FontAwesome';
content:"\f041";
	margin:0 5px 0 -20px;
	width: 20px;
	display: inline-block;
    color: #be1f24;
		text-align: center;

}
ul li.icon-park:before {    
    font-family: 'FontAwesome';
content:"\f1b9";
	margin:0 5px 0 -20px;
	width: 20px;
	display: inline-block;
	color: #be1f24;
	text-align: center;
}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		.rsvp-btn.large {max-width: none;}
	.hover {margin-top: 0rem;}
.img-bg-02 {background-image:none;}

}



/* Small only */
@media screen and (max-width: 39.9375em) {
	h1 { font-size: 3rem !important; line-height:3.875rem !important; }
	h2 {font-size: 2rem !important; line-height: 2.5rem !important; margin: 1rem 0; text-align: left;}
	.grey-box {padding: 2rem 1rem;}
.grey-bg.first {margin: 0;}

	.hover {margin-top: 0rem;}
	.rsvp-btn.large {max-width: none;}
.arrow-wrap:before { position: absolute;  content: ""; background-image: url(https://d9hhrg4mnvzow.cloudfront.net/expo.ourkids.net/welcome/a853f6b6-group-22.svg); background-position: right top; height: 50px; background-size: contain; right: 0; bottom: auto; top: auto; left: auto; width: auto; transform: rotate(-90deg);}
	.img-bg-1 {background:none;}
.img-bg-02 {background-image:none;}
	.top-photo {width: 75%; margin-top: -5rem;}
	.expo-logo {margin: 2rem 0 1rem 0;}
	.img-bg-01 {background-image: none;}
}