/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video,
iframe {
    vertical-align: middle;
	max-width:100%;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   STYLES
   ========================================================================== */
	 .left { float:left; }
	 .right { float:right; }

     body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333333; }
     h1, h2, h3, h4, h5, h6, p { padding:0; margin:0; }
     h1 { font-size: 35px; }
     h1,
     h2,
     h5 { font-weight: normal; }
     h2 { font-size: 30px; color:#45b2e5; line-height: 35px; margin: 35px 0; font-family: 'Droid Serif', serif; }
     h3 { font-size: 18px; font-weight: 600; padding: 0; margin: 0 0 10px 0; }
     h4 { font-size: 16px; padding: 0; margin: 0 0 5px 0;}
     h5 { font-size: 14px; font-weight: 600; padding: 0; margin: 0 0 5px 0; text-transform: uppercase; }
     h6 { font-size: 14px; }
     p { padding: 0 0 15px 0; line-height: 22px; }
     a { color:#0469b1; }
     a:hover { color:#0469b1; text-decoration: underline; }
	a, a:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
     ol,
     ul { margin: 0 0 15px 25px; padding: 0; }
     ol li,
     ul li { padding: 0 0 0px 0; }
     ul li { /*font-size: 7px;*/ padding-left: 5px; }
     ul li span { font-size: 14px; line-height: 14px; }
     .btn, .event a  {
        display: inline-block;
        padding: 0 19px;
        line-height: 32px;
        font-size: 14px;
        font-weight: 600;
        color:#ffffff;
        background: #45b2e5;
        border-radius: 0;
     }
	.btn:hover, .event a:hover { text-decoration: none; background: #0068b1; color: #fff; }
     .spacer.s-80 { height: 80px; }
	img {
	border: none;
	max-width: 100%;
	max-height: none;
	height: auto
}
    .social-links ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; }
    .social-links ul li a.facebook { background-image: url(../images/facebook-img.png); }
    .social-links ul li a.twitter { background-image: url(../images/twitter-img.png); }

    /** HEADER **/
    header { padding: 9px 0 16px; position: relative; z-index: 999; }
    header #logo { margin: 8px 0 0 0; display: block; }
    header .social-links { margin: 0; }
    header .social-links ul { padding:0; margin:0; float: right; }
    header .social-links ul li { float: left; list-style: none; margin: 0 0 10px 7px; }
    header .social-links ul li a { width: 38px; height: 38px; text-indent: -9999px; }
    
    header #menu { padding:0; margin: 0 -15px 0 0; }
    header #menu ul { float: right; padding: 0; margin: 0; }
    header #menu ul li { float: left; list-style: none; padding: 0; position: relative; }
    header #menu ul li:first-child { padding-left: 0; }
    header #menu ul li a { font-size: 14px; color:#333333; line-height: 37px; padding: 0 15px; display: block; font-weight: 600; } 
    header #menu ul li a:hover,
    header #menu ul li:focus a,
    header #menu ul li.sfHover > a,
    header #menu ul li:hover > a { background: #45b2e5; color:#333333; text-decoration: none; }
    header #menu ul ul { position: absolute; display: none; background: #45b2e5; padding: 10px 0 0 0; }
	header #menu ul li:hover ul,
	header #menu ul li:focus ul{ display:block; }
    header #menu ul ul,
    header #menu ul ul li { width: auto; white-space: nowrap; }
    header #menu ul ul li { float: none; }
    header #menu ul ul li,
    header #menu ul ul li:first-child { padding: 0 0 10px 0; }
    header #menu ul ul li a { color:#ffffff; line-height: 1.3; }
    header #menu ul ul li a:hover,
    header #menu ul ul li:hover > a { color:#333333; }
    header .navbar-toggle { padding: 0; margin: 10px 0 0 0; }
    header .navbar-toggle .sr-only { float: left; color:#0068b1; font-size: 16px; height: auto; width: auto; position: static; margin: 0 5px 0 0; }
    header .navbar-toggle .icon-bars { float: left; }
    header .navbar-toggle .icon-bar { width: 30px; height: 4px; background: #0e7bae; }
	header #menu ul li a,	
	header #menu ul li a:hover,
    header #menu ul li:focus a,
    header #menu ul li.sfHover > a,
    header #menu ul li:hover > a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

    /** FOOTER **/
    footer { padding: 45px 0 48px 0; }
    footer .top { padding: 0 0 20px 0; }
    footer .quicklinks h3 { font-size: 17px; font-weight: bold; color:#0068b1; padding: 0 0 5px 0; border-bottom: 1px solid #d5d5d5; margin: 0 0 8px 0; }
    footer .quicklinks ul { padding: 0; margin: 0 0 23px 0; }
    footer .quicklinks ul li { list-style: none; padding: 0 0 6px 0; }
    footer .quicklinks ul li a { font-size: 14px; color:#333333; }
    footer .quicklinks ul li a:hover { color:#0068b1; }
    footer .quicklinks .make-donation {
        display: inline-block;
        padding: 0 15px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        color:#ffffff;
        font-weight: 600;
        background: #45b2e5;
    }
	footer .quicklinks .make-donation:hover { text-decoration: none; background: #0068b1; }
    footer .quicklinks .social-links ul li a { padding: 0 0 0 38px; line-height: 28px; background-size: 28px; }
    footer .copyright { text-align: center; }
    footer .copyright p { font-size: 12px; } 
    footer .copyright p a { color: #333333; }
	footer .copyright p a:hover { color: #0469b1; }

    /** BANNER **/
    #banner { border-bottom: 2px solid #ffffff; background: #1e4477; background-attachment: fixed; }
    #banner .container { background: url(../images/bg-banner.jpg) -436px center no-repeat; }
    #banner #hero { padding: 19px 0; }
    #banner #hero h2 { font-size: 27px; font-weight: normal; padding: 0; margin: 0 0 15px 0; }
    #banner #hero h2,
    #banner #hero p { color:#ffffff; }
    #banner #hero p { font-size: 15px; line-height: 20px; margin: 0 0 15px 0; padding: 0 30px 0 0; }
    #banner #hero .find-more {
        display: inline-block;
        padding: 0 11px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        font-weight: 600;
        color:#ffffff;
        background: #4b6992;
    }
	#banner #hero .find-more:hover {text-decoration: none; background: #45b2e5; }
    #slider-ad {  }
    #slider-ad .owl-wrapper-outer { overflow: hidden; }
    #slider-ad .owl-item { float: left; }
    #slider-ad .item { display:none; width: 274px; margin: auto; float: right; }
    #slider-ad .item:first-child { display:block; }
    #slider-ad .item img { position: relative; z-index: 0; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; }
    #slider-ad .item .caption { position: absolute; z-index: 1; bottom: 27px; margin: 0 10%; background: rgba(0, 0, 0, .65); padding: 20px; text-align: center; }
    #slider-ad .item .caption h3 { font-size: 38px; font-weight: normal; font-family: 'Droid Serif', serif; padding: 0; }
    #slider-ad .item .caption h3,
    #slider-ad .item .caption h4 { margin: 0; line-height: 1; }
    #slider-ad .item .caption h4 { font-size: 26px; font-weight: 600; padding: 0 0 5px 0; }
    #slider-ad .item .caption h3,
    #slider-ad .item .caption h4,
    #slider-ad .item .caption p { color:#ffffff; }
    #slider-ad .item .caption p { font-size: 16px; line-height: 1; padding: 0 0 17px 0; }
    #slider-ad .item .caption .find-more { background: rgba(255, 255, 255, .4); color:#ffffff; display: inline-block; font-size: 14px; font-weight: 600; height: 32px; line-height: 32px; padding: 0 12px; }
	#slider-ad .item .caption .find-more:hover {text-decoration: none; background: #45b2e5; }
	#slider-ad .owl-controls { position: absolute; left: 0; width: 100%; bottom: 7px; text-align: center; }
    #slider-ad .owl-controls .owl-pagination { display: table; margin: auto; }
    #slider-ad .owl-controls .owl-pagination .owl-page { display: inline-block; width: 9px; height: 9px; border: 2px solid #ffffff; border-radius: 5px; background: transparent; margin: 0 0 0 4px; cursor: pointer; }
    #slider-ad .owl-controls .owl-pagination .owl-page:first-child { margin-left: 0; }
    #slider-ad .owl-controls .owl-pagination .owl-page.active { background: #ffffff; }

    /** CTA **/
    #cta { padding: 30px 0; background: url(../images/bg-cta.gif) 0 0 repeat; }
    #cta .cta {
        display: table-cell;
        text-align: center;
        margin: auto;
        border-radius: 50%;
        position: relative;
        background: #ffffff;
        overflow: hidden;
        width: 196px;
        height: 196px;
        vertical-align: middle;
    }
    #cta .cta strong {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        color: #0068b1;
        font-style: normal;
        position: relative;
        z-index: 2;
        font-family: 'Droid Serif', serif;
    }
    #cta .cta img,
    #cta .cta .overlay { 
		position: absolute; top: 0; left: 0; opacity: 0; 		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
    #cta .cta .overlay {
        width: 100%;
        height: 100%;
        z-index: 1;
        transition: all ease 1s;
        background: rgba(69, 178, 229, .5);
    }
    #cta .cta:hover .overlay,
    #cta .cta:hover img { opacity: 1; }
    #cta .cta:hover strong { color:#ffffff; }

    /** INNER BANNER **/
    #inner-banner { background: url(../images/bg-inner-banner.gif) 0 bottom no-repeat #f1f1f1; box-shadow: 0 7px 5px rgba(0, 0, 0, 0.1) inset; padding: 60px 0 60px; }
    #inner-banner.therapies-services,
	#inner-banner.volunteer { background: #f1f1f1; }
    #inner-banner.care-support { background-position: center bottom; }
    #inner-banner .row { display: table; width: 100%; }
    #inner-banner .row [class*="col"] { display: table-cell; vertical-align: middle; float: none; }
    #inner-banner h1 { font-size: 35px; font-weight: normal; color:#333333; font-family: 'Droid Serif', serif; padding: 0; margin: 0 0 20px 0; }
	#inner-banner h2 { margin-bottom: 20px; }
	#inner-banner h5 { margin: 0 0 50px 0; text-transform: capitalize; font-size: 18px; font-family: 'Droid Serif', serif; font-weight: normal; }
    #inner-banner p { /*margin: 20px 0 0 0;*/ font-size: 16px; line-height: 23px; }
    #inner-banner .banner-img { position: absolute; bottom:-61px; right: 0; }
    #inner-banner .make-donation { display: inline-block; padding: 0 15px; line-height: 37px; font-size: 16px; font-weight: 600; color:#ffffff; background: #45b2e5; margin: 0; float: right; }
	#inner-banner .make-donation:hover { text-decoration: none; background: #0068b1; }
	#inner-banner .banner-overlap { position: absolute; right: -150px; bottom: -61px; z-index: 0; }
    #inner-banner .banner-overlap img { max-width: none; }
    #inner-banner .banner-text { position: relative; z-index: 5; }
    #inner-banner .working-calendar { display: table; position: absolute; width: 158px; height: 158px; position: relative; border-radius: 50%; text-align: center; z-index: 10; background: rgba(51, 51, 51, .5); }
    #inner-banner .working-calendar span { display: table-cell; vertical-align: middle; }
    #inner-banner .working-calendar strong { display: inline-block; font-size: 18px; line-height: 24px; font-weight: 600; color:#ffffff; padding: 0 30px; margin: 5px 0 0 0; }
	#inner-banner .working-calendar strong:hover { text-decoration: underline; }
	#inner-banner .working-calendar:hover,
    #inner-banner .working-calendar:focus,
    #inner-banner .working-calendar:active { outline: none; text-decoration: none; }

    /** CONTENT AREA **/
    #content-area { padding: 50px 0 35px 0; box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.05) inset; }
    #content-area .btn { margin: 0 0 30px 0; }
    #content-area .imgblock { margin: 0 0 12px 0; }
	#content-area ul li { line-height: 22px; }
    .btn-volunteer-opportunities {
        display: block;
        width: 302px;
        height: 255px;
        background: url(../images/volunteer-opportunities.png) 0 0 no-repeat;
        text-indent: -9999px;
        position: absolute;
        right: 9px;
        bottom: -235px;
    }
    .side-column { padding: 122px 0 0 0; }

    #therapies { margin: -89px 0 0 0; }
    #therapies .service .head { height: 39px; text-align: center; }
    #therapies .service .head h4 { font-size: 16px; font-weight: normal; color:#ffffff; padding:0; margin: 0; line-height: 39px; font-family: 'Droid Serif', serif; background: rgba(51, 51, 51, .5); }
    #therapies .service .desc { padding: 25px 30px 24px; background-position: 0 0; background-repeat: no-repeat; }
    #therapies .service.touch .desc { background-image:url(../images/touch-bg.jpg); height: 327px; }
    #therapies .service.mind-body .desc { background-image:url(../images/mind-body-bg.jpg); height: 372px; }
    #therapies .service.services .desc { background-image:url(../images/services-bg.jpg); height: 285px; }
    #therapies .service .desc h5 { font-size: 22px; font-weight: normal; padding: 0 0 10px 0; text-align: center; text-shadow: 0px 0px 5px #000; }
    #therapies .service .desc h5,
    #therapies .service .desc p { color:#ffffff; }
    #therapies .service .desc p { font-size: 16px; line-height: 22px; padding:0; margin: 0 0 15px 0; overflow: hidden; position: relative; text-shadow: 0px 0px 5px #000; }
    #therapies .service.touch .desc p { height: 202px; }
    #therapies .service.touch .desc p:after { position: absolute; display: block; content: '...'; left: 0; bottom:-4px; }
    #therapies .service.mind-body .desc p { height: 240px; }
    #therapies .service.mind-body .desc p:after { position: absolute; display: block; content: '...'; right: -2px; bottom:-2px; }
    #therapies .service.services .desc p { height: 158px; }
    #therapies .service.services .desc p:after { position: absolute; display: block; content: '...'; right: -5px; bottom: 3px; }
    #therapies .service .desc .find-more { display: inline-block;  padding: 0 12px; line-height: 32px; color:#333333; font-weight: 600; background: rgba(255, 255, 255, .5); }
    #therapies .service .list {}
    #therapies .service .list .link { display: block; height: 143px; line-height: 143px; text-align: center; background: #f6851f; display: table; width: 100%; }
    #therapies .service .list .link:hover,
    #therapies .service .list .link:active,
    #therapies .service .list .link:focus { text-decoration: none; outline: none; }
    #therapies .service .list .link strong { font-size: 22px; color:#ffffff; font-weight: normal; line-height: 28px; padding: 0 28px; display: table-cell; text-shadow: 0px 0px 5px #000; vertical-align: middle; font-family: 'Droid Serif', serif; }
    #therapies .service .list .link:nth-child(even) { background: #f79d4b; }
    #therapies .service.touch .list .link { background: #6ac1ea; }
    #therapies .service.touch .list .link:nth-child(even) { background: #45b1e4; }
    #therapies .service.mind-body .list .link { background: #ef88b5; }
    #therapies .service.mind-body .list .link:nth-child(even) { background: #f3a4c6; }
    #therapies .service.services .list .link { background: #f79d4b; }
    #therapies .service.services .list .link:nth-child(even) { background: #f6851f; }

    .event { padding: 0 0 15px 0; margin: 0 0 45px 0; border-bottom: 1px solid #d5d5d5; }
    .event-date { height: 22px; padding: 0 9px; display: inline-block; margin: 0 0 5px 0; background: #f99833; }
    .event-date p { line-height: 22px; padding:0; margin:0; font-size: 14px; font-weight: bold; color:#ffffff; font-family: 'Droid Serif', serif; text-transform: uppercase; }
	.event a{ margin: 0 0 30px; }
	.event-img img.imgblock { border: 1px #ccc solid }

    .who-row { margin: 0 0 40px 0; border-bottom: 1px solid #d5d5d5; }
    .who-row:last-child { border-bottom: none; }
    .who-row .heading { height: 88px; width: 100%; text-align: center; }
    .who-row .heading.patron { background: #6ac1ea; }
    .who-row .heading.board { background: #ef88b5; }
    .who-row .heading.centre { background: #f79d4b; }
    .who-row .heading.op-shops { background: #0068b1; }
    .who-row .heading.driver { background: #45b2e5; }
    .who-row .heading h5 { line-height: 88px; font-size: 18px; color:#ffffff; font-family: 'Droid Serif', serif; text-transform: uppercase; }
    .who-row .person-box { margin: 0 0 25px 0; text-align: center; width: 100%; min-height: 200px; }
    .who-row .person-box img { margin: 0 auto 12px auto; }
    .who-row .person-box p { font-size: 12px; padding: 0; margin: 0; line-height: 17px; }
    .persons { margin-right: -15px; margin-left: -15px; }
    .persons .person-box { width: 20%; padding-left: 15px; padding-right: 15px; float: left; }

    .sb-box { margin: 0 0 45px 0; }
    .sb-box .heading { height: 49px; padding: 0 10px; text-align: center; }
    .sb-box.events .heading { background: #6ac1ea; }
    .sb-box.posts .heading { background: #ef88b5; }
    .sb-box.tags .heading { background: #f79d4b; }
    .sb-box.social-links .heading { background: #0068b1; }
    .sb-box .heading h3 { line-height: 49px; padding:0; margin:0; font-size: 18px; font-weight: normal; color:#ffffff; font-family: 'Droid Serif', serif; text-transform: uppercase; }
    .sb-box .body { padding: 11px 0 0 0; }
    .sb-box .body ul { padding:0; margin:0; }
    .sb-box .body ul li { float: none; padding: 6px 0 6px 0; list-style: none; }
    .sb-box .body ul li a { font-size: 14px; color:#333333; display: block; line-height: 18px; }
	.sb-box .body ul li a:hover { color:#0469b1; text-decoration: underline; }
    .sb-box.tags .body ul li { float: left; padding: 0 7px 0px 0; }
    .sb-box.tags .body ul li a { display: block; padding: 0 6px; line-height: 34px; height: 34px; font-size: 13px; color:#666666; background: #f5f5f5; }
    .sb-box.tags .body ul li a:hover { background: #45b2e5; text-decoration: none; color:#ffffff; }
	.BlogRecentPost li {margin:0;}
    .sl-box { margin: 0 0 27px 0; text-align: center; }
    .sl-box img { display: table; margin: auto; }

    .news {}
    .news .heading { height: 49px; background: #f1f1f1; }
    .news .heading .date { background: #f99833; padding: 0 14px; width: 120px; }
    .news .heading .date p { line-height: 49px; font-size: 14px; font-weight: 600; color:#ffffff; font-family: 'Droid Serif', serif; text-transform: uppercase; }
    .news .heading .date p,
    .news .heading .title h3 { padding: 0; margin: 0; }
	.news .heading .title h3 a { color: #333; }
	.news .heading .title h3 a:hover { color:#0469b1; text-decoration: underline; }
    .news .heading .date,
    .news .heading .title { height: 49px; float: left; }
    .news .heading .title { padding:  0 18px; }
    .news .heading .title h3 { line-height: 49px; font-weight: 600; line-height: 49px; }
    .news .content { padding: 50px 0 85px 0; }
    .news .content .news-img { display:  table; margin: auto; }
    .news .content .social-media { margin: 38px 0 0 0; }
	.news p.page-nav { text-align: center; } 
	.news p.page-nav a { margin: 0 9px; }

	.sponsor { padding: 0 0 40px 0; margin: 0 0 40px 0; border-bottom: 1px solid #d5d5d5; }

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { height: 25px !important; line-height: 25px !important; }



.our_content {
	max-height: 0;
	overflow: hidden;

	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}
.outside_box:hover .our_content {
	max-height: 200px;
}


.panel-head{
    display: table;
    height: 143px;
    line-height: 143px;
    width: 100%;
	font-size:22px;
	color:#ffffff;
    text-align: center;
}
.panel-head p {
    color: #ffffff;
    display: table-cell;
    font-family: "Droid Serif",serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    padding: 0 35px;
	margin:0;
    text-shadow: 0px 0px 5px #000;
    vertical-align: middle;
}


.panelAccordion .item:hover .panel-head,
.panelAccordion .item:hover .panel-head p{
	display:block;
	background:none !important;
	height:auto;
	line-height:normal;
}
.panelAccordion .item:hover .panel-head p{
    padding: 25px 30px 10px;
	font-family: "Droid Serif",serif;
    font-size: 22px;
    font-weight: normal;
	color:#fff;
    text-align: center;
    text-shadow: 0px 0px 5px #000;
}

.touch .item:first-of-type .panel-head{ background:#45b1e4; }
.touch .item:first-of-type + .item .panel-head{ background:#6ac1ea; }
.touch .item:first-of-type + .item + .item .panel-head{ background:#45b1e4; }
.touch .item:first-of-type + .item + .item + .item .panel-head{ background:#a1d8f1; }

.mind-body .item:first-of-type .panel-head{ background:#ec68a4; }
.mind-body .item:first-of-type + .item .panel-head{ background:#ef88b5; }
.mind-body .item:first-of-type + .item + .item .panel-head{ background:#f3a4c6; }
.mind-body .item:first-of-type + .item + .item + .item .panel-head{ background:#f4b2cf; }
.mind-body .item:first-of-type + .item + .item + .item + .item .panel-head{ background:#ef8bb7; }
.mind-body .item:first-of-type + .item + .item + .item + .item + .item .panel-head{ background:#ec68a4; }

.services .item:first-of-type .panel-head{ background:#f6851f; }
.services .item:first-of-type + .item .panel-head{ background:#f79d4b; }
.services .item:first-of-type + .item + .item .panel-head{ background:#f6851f; }
.services .item:first-of-type + .item + .item + .item .panel-head{ background:#fac28f; }
.services .item:first-of-type + .item + .item + .item + .item .panel-head{ background:#f6851f; }
.services .item:first-of-type + .item + .item + .item + .item + .item .panel-head{ background:#f79d4b; }
.services .item:first-of-type + .item + .item + .item + .item + .item + .item .panel-head{ background:#f6851f; }

.otherServices .item:first-of-type .panel-head{ background:#f6851f; }
.otherServices .item:first-of-type + .item .panel-head{ background:#f79d4b; }
.otherServices .item:first-of-type + .item + .item .panel-head{ background:#f6851f; }
.otherServices .item:first-of-type + .item + .item + .item .panel-head{ background:#fac28f; }
.otherServices .item:first-of-type + .item + .item + .item + .item .panel-head{ background:#f6851f; }
.otherServices .item:first-of-type + .item + .item + .item + .item + .item .panel-head{ background:#f79d4b; }
.otherServices .item:first-of-type + .item + .item + .item + .item + .item + .item .panel-head{ background:#f6851f; }


@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	40% { opacity: 0.3; }
	60% { opacity: 0.5; }
	80% { opacity: 0.9; }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	40% { opacity: 0.3; }
	60% { opacity: 0.5; }
	80% { opacity: 0.9; }
	100% { opacity: 1; }
}
@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	20%{
		transform: translateY(0.9%);
	}
	40%{
		transform: translateY(0.5%);
	}
	80%{
		transform: translateY(0.3%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	20%{
		-webkit-transform: translateY(0.9%);
	}
	40%{
		-webkit-transform: translateY(0.5%);
	}
	80%{
		-webkit-transform: translateY(0.3%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	20%{
		transform: translateY(-0.9%);
	}
	40%{
		transform: translateY(-0.5%);
	}
	80%{
		transform: translateY(-0.3%);
	}
	100%{
		transform: translateY(0);
	}
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	20%{
		-webkit-transform: translateY(-0.9%);
	}
	40%{
		-webkit-transform: translateY(-0.5%);
	}
	80%{
		-webkit-transform: translateY(-0.3%);
	}
	100%{
		-webkit-transform: translateY(0);
	}	
}


@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}


.panelAccordion .item{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	min-height:143px;
}
/*.panelAccordion .item:hover  {
	max-height: 1200px;
    -webkit-transition: max-height 1.5s ease-out;
    -moz-transition: max-height 1.5s ease-out;
    -ms-transition: max-height 1.5s ease-out;
    -o-transition: max-height 1.5s ease-out;
    transition: max-height 1.5s ease-out;
}*/

.panel-content-holder{ overflow:hidden; }
.panel-content{
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 30px 24px;
	display:none;
}

.panelAccordion .item:focus > div > .panel-content,
.panelAccordion .item:hover > div > .panel-content{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;	
	display:block;
}

.panel-content p {
    font-size: 16px;
	color:#fff;
    line-height: 22px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-shadow: 0px 0px 5px #000;
}
.panelAccordion .find-more { display: inline-block;  padding: 0 12px; line-height: 32px; color:#333333; font-weight: 600; background: rgba(255, 255, 255, .5); }
.panelAccordion .find-more:hover { text-decoration: none; background: #0469b1; color: #fff; }

.touch .item{ background-image:url(../images/touch-bg.jpg); }
.mind-body .item{ background-image:url(../images/mind-body-bg.jpg); }
.services .item { background-image:url(../images/services-bg.jpg); }
.otherServices .item { background-image:url(../images/services-bg.jpg); }

table.photogalleryTable td { text-align: center; }


.btn-view{
	display:inline-block;
	background: #f99730; /* Old browsers */
	background: -moz-linear-gradient(top,  #f99730 0%, #ed8b24 50%, #e07e17 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99730), color-stop(50%,#ed8b24), color-stop(100%,#e07e17)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f99730 0%,#ed8b24 50%,#e07e17 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f99730 0%,#ed8b24 50%,#e07e17 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f99730 0%,#ed8b24 50%,#e07e17 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f99730 0%,#ed8b24 50%,#e07e17 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99730', endColorstr='#e07e17',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:2px 5px;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
}
.btn-view:hover{ color:#eee; text-decoration:none; }

.collapsible .item{ margin:0 0 1px; }
.collapsible .item .head{
	background:#45b2e5;
	padding:5px 10px;
	font-size:16px;
	color:#fff;
	font-weight:600;
	cursor:pointer;
}
.collapsible .item .head.open{ background:#5ac0f0; }
.collapsible .item .body{ display:none; padding:10px; background:#fff !important; }
.collapsible .item:first-of-type .body{ display:block; }