.full-screen-video {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}  
.full-screen-video video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#close-video-btn {
	display: none;
}
  
/**
 * Sticky button
 */
.sticky-btn{
    height: 50px;
    margin: auto;
    padding: 0 1.5em;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #2a90ce;
    border: none;
    outline: none;
    -webkit-box-shadow: -1px 4px 10px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: -1px 4px 10px 0px rgba(0,0,0,0.26);
    box-shadow: -1px 4px 10px 0px rgba(0,0,0,0.26);
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    transition-property: color, background-color;
    transition-duration: .4s;
}
.sticky-btn i{
	margin-right: .4em;
	line-height: 50px;
	font-size: 1.8em;
	display: block;
	float: left;
}

.sticky-btn:hover{
	color: #2a90ce;
	background-color: #fff;
}



/*
*	OVERRIDES
*/
.top_bar .width_container{border-bottom:none}

/*............................................. BEGIN BANNER .............................................*/
.slideshow{height:360px}
.slideshow .slide{height:360px;background-color:#000;position:relative}
.slideshow .slide .img{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;left:0;opacity:.5;transition:opacity .4s;-webkit-transition:opacity .4s}
.slideshow h2{margin:auto;padding:45px;color:#fff;font-size:20px;font-family:'sinkin_sans700_bold';text-shadow:0 1px 4px #000;position:absolute;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s;-webkit-transition:opacity .4s}
.slideshow .slick-active h2, .slideshow .slick-active .img{opacity:1}
@media all and (max-width: 830px){
.slideshow h2{padding:35px;font-size:18px}
}
@media all and (max-width: 680px){
.slideshow h2{padding:20px;font-size:16px}
}
/*.............................................. END BANNER ..............................................*/


/*............................................ BEGIN CBE INTRO ...........................................*/
.cbe_intro{padding:40px 0;background-color:#f0f0f0}
.cbe_intro img{float:left}
.cbe_intro .text{margin-left:170px;padding-left:50px}
.cbe_intro .text h2,.cbe_intro .text h3{text-transform:uppercase}
.cbe_intro .text h2{margin:0}
.cbe_intro .text h3{margin:0 0 20px 0}
.cbe_intro .text p{font-size:16px}
@media all and (max-width: 830px){
.cbe_intro img{margin-bottom:30px;float:none}
.cbe_intro .text{margin-left:0;padding-left:0}
}
@media all and (max-width: 680px){
.cbe_intro img{margin-right:auto;margin-left:auto}
.cbe_intro .text p{font-size:14px}
}
/*............................................. END CBE INTRO ............................................*/


/*............................................. BEGIN CONTENT ............................................*/
.content{padding:60px 0}
.content h2{margin:0}
.content .list_link:after{margin-left:8px;content:'\f105';font-size:14px;font-family:'FontAwesome';display:inline-block}
/* right column */
.content .left_col{width:650px;float:left}
.content .right_col{margin-left:650px;padding-left:50px}
@media all and (max-width: 1024px){
.content .left_col{width:auto;float:none}
.content .right_col{margin-left:0;padding-left:0}
}

/*
*	COMMUNICATION
*/
.comm{position:relative}
.comm:after{width:83px;height:105px;content:'';background:url(../Images/Icons/comm_icon.png) no-repeat top left;display:block;position:absolute;top:-20px;right:0}
/* records */
.comm .records{padding:40px 0}
.comm .rec{width:300px;margin-bottom:30px;float:left}
.comm .rec:nth-child(odd){margin-right:50px}
/* image */
.comm .rec .image{height:220px;margin-bottom:15px}
.comm .rec .image a{width:300px;height:220px;display:table-cell;vertical-align:middle}
.comm .rec .image a img{max-width:300px;max-height:220px;margin:auto;display:block}
.comm .rec p{margin:0;line-height:18px;overflow:hidden}
.comm .rec p.date{height:18px;font-family:'sinkin_sans600_semibold'}
.comm .rec h4{margin:4px 0}
.comm .rec h4 a{height:40px;line-height:20px;opacity:1;overflow:hidden;display:block;transition:opacity .4s;-webkit-transition:opacity .4s}
.comm .rec h4 a:hover{opacity:.7}
.comm .rec p.text{height:72px}
@media all and (max-width: 680px){
.comm{padding-top:105px}
.comm:after{margin:auto;left:0}
.comm .rec:nth-child(odd){margin-right:0}
.comm .rec:nth-child(3), .comm .rec:nth-child(4){display:none}
}

/*
*	EVENTS
*/
.events{margin-bottom:28px;position:relative}
.events:after{width:96px;height:105px;content:'';background:url(../Images/Icons/events_icon.png) no-repeat top left;display:block;position:absolute;top:-20px;right:-30px}
.events .records{padding:40px 0}
.events .rec{margin-bottom:25px}
.events .rec p{margin:0;line-height:18px;overflow:hidden}
.events .rec p.date{height:18px;font-family:'sinkin_sans600_semibold'}
.events .rec p.text{height:36px;margin:0}
@media all and (max-width: 1024px){
.events{width:300px;margin:0 50px 0 0;float:left}
}
@media all and (max-width: 680px){
.events{margin-right:0;padding-top:105px}
.events:after{margin:auto;left:0}
}

/*
*	FACILITIES
*/
.facilities{margin-bottom:40px;position:relative}
.facilities:after{width:132px;height:105px;content:'';background:url(../Images/Icons/facilities_icon.png) no-repeat top left;display:block;position:absolute;top:-25px;right:-65px}
.facilities h2{height:38px;line-height:38px;overflow:hidden}
.facilities .records{padding:40px 0 0 0}
.facilities .rec{margin-bottom:15px; outline:none;}
.facilities .rec .image{height:220px;margin-bottom:15px}
.facilities .rec .image a{width:300px;height:220px;display:table-cell;vertical-align:middle}
.facilities .rec .image a img{max-width:300px;max-height:220px;margin:auto;display:block}
.facilities .rec video { width:100%; }
.facilities h4{height:138px;margin:0;line-height:23px;overflow:hidden}
@media all and (max-width: 1024px){
.facilities{width:300px;margin:0;float:left}
}
@media all and (max-width: 680px){
.facilities{padding-top:105px}
.facilities:after{margin:auto;left:0}
}
/*.............................................. END CONTENT ............................................*/


/*.......................................... BEGIN YOUTH HOUSE ...........................................*/
.youth_house_pane{padding:60px 0;color:#fff;background:#2a90ce url(../Images/Banners/youth_house.jpg) no-repeat center;background-size:cover}
.youth_house_pane .width_container{display:table}
.youth_house_pane .title{width:220px;text-transform:uppercase;display:table-cell;vertical-align:middle}
.youth_house_pane .title h2{margin:0}
.youth_house_pane .title a{padding-right:20px;color:#fff;transition:color .4s;-webkit-transition:color .4s}
.youth_house_pane .title a:after{margin-left:8px;content:'\f105';font-size:14px;font-family:'FontAwesome';display:inline-block}
.youth_house_pane .title a:hover{color:#ddd}
.youth_house_pane .text{padding:0 0 0 50px;font-family:'sinkin_sans300_light';font-size:16px;display:table-cell;vertical-align:middle}
@media all and (max-width: 1024px){
.youth_house_pane .text{padding-left:30px}
}
@media all and (max-width: 830px){
.youth_house_pane .width_container, .youth_house_pane .title, .youth_house_pane .text{display:block}
.youth_house_pane .title{width:auto}
.youth_house_pane .text{padding-left:0}
}
@media all and (max-width: 680px){
.youth_house_pane .text{font-size:14px}
}
/*........................................... END YOUTH HOUSE ............................................*/


/*........................................... BEGIN NEWSLETTER ...........................................*/
.newsletter_wrapper{padding:55px 0;color:#fff;background-color:#ebc517}
/* title */
.newsletter_wrapper h2{width:270px;height:80px;margin:0;padding-top:15px;line-height:80px;font-family:'sinkin_sans400_regular';font-weight:normal;text-transform:uppercase;float:left}
/* form */
.newsletter_wrapper .form_wrapper{width:500px;height:80px;padding-right:50px;float:left}
.newsletter_wrapper #op_result{height:25px;margin-bottom:5px;overflow:hidden}
.newsletter_wrapper #op_result b{height:25px;line-height:25px;font-family:'sinkin_sans400_regular';text-transform:uppercase;display:block}
.newsletter_wrapper #op_result b:before{margin-right:4px;font-family:'FontAwesome'}
.newsletter_wrapper #op_result b.error:before{content:'\f071';font-size:16px}
.newsletter_wrapper #op_result b.success:before{content:'\f00c';font-size:18px}
.newsletter_wrapper form{height:48px;border:1px solid #fff;transition:border-color .4s;-webkit-transition:border-color .4s}
.newsletter_wrapper form input{font-size:16px}
.newsletter_wrapper form input[type="text"]{width:348px;height:48px;color:#fff;background:none;padding:0 20px;float:left}
.newsletter_wrapper form input[type="text"]::-webkit-input-placeholder{color:#fff;font-style:italic}
.newsletter_wrapper form input[type="text"]:-moz-placeholder{color:#fff;font-style:italic}
.newsletter_wrapper form input[type="text"]::-moz-placeholder{color:#fff;font-style:italic}
.newsletter_wrapper form input[type="text"]:-ms-input-placeholder{color:#fff;font-style:italic}
.newsletter_wrapper form input[type="submit"]{width:150px;height:48px;padding:0;color:#fff;background-color:#ebc517;border-left:1px solid #fff;float:right;transition:color .4s, background-color .4s;-webkit-transition:color .4s, background-color .4s}
.newsletter_wrapper form input[type="submit"]:hover, .newsletter_wrapper form input[type="submit"]:focus{color:#ebc517;background-color:#fff}
/* social */
.newsletter_wrapper .social_pane{width:180px;padding-top:15px;text-align:right;float:left}
.newsletter_wrapper .social_pane .social{margin-left:10px;display:block;float:left}
@media all and (max-width: 1024px){
.newsletter_wrapper{text-align:center;float:none}
.newsletter_wrapper h2{width:auto;height:auto;padding-top:0;line-height:normal;float:none}
.newsletter_wrapper .form_wrapper{margin:auto;padding:0;float:none}
.newsletter_wrapper .social_pane{width:auto;margin-top:30px;text-align:center;float:none}
.newsletter_wrapper .social_pane .social{margin:0 10px;display:inline-block;float:none}
}
@media all and (max-width: 830px){
.newsletter_wrapper .form_wrapper{width:auto}
.newsletter_wrapper form input[type="text"]{width:299px}
}
@media all and (max-width: 680px){
.newsletter_wrapper .form_wrapper{height:110px}
.newsletter_wrapper form{height:80px}
.newsletter_wrapper form input{font-size:14px}
.newsletter_wrapper form input[type="text"]{text-align:center}
.newsletter_wrapper form input[type="text"], .newsletter_wrapper form input[type="submit"]{width:298px;height:40px;border-left:none;float:none}
.newsletter_wrapper form input[type="submit"], .newsletter_wrapper form input[type="submit"]{color:#ebc517;background-color:#fff;border-left:none}
.newsletter_wrapper form input[type="submit"]:hover, .newsletter_wrapper form input[type="submit"]:focus{color:#fff;background-color:#ebc517}
}
/*............................................ END NEWSLETTER ............................................*/