@import url(https://fonts.googleapis.com/css?family=Pacifico);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider.
 Note: IE6 works fine without this fix.
*/
body { min-width: 996px; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 { margin-left: auto; margin-right: auto; width: 996px; position: relative; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position: relative; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }

.omega { margin-right: 0; }

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 { width: 63px; }

.container_12 .grid_2 { width: 146px; }

.container_12 .grid_3 { width: 229px; }

.container_12 .grid_4 { width: 312px; }

.container_12 .grid_5 { width: 395px; }

.container_12 .grid_6 { width: 478px; }

.container_12 .grid_7 { width: 561px; }

.container_12 .grid_8 { width: 644px; }

.container_12 .grid_9 { width: 727px; }

.container_12 .grid_10 { width: 810px; }

.container_12 .grid_11 { width: 893px; }

.container_12 .grid_12 { width: 976px; }

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 { padding-left: 83px; }

.container_12 .prefix_2 { padding-left: 166px; }

.container_12 .prefix_3 { padding-left: 249px; }

.container_12 .prefix_4 { padding-left: 332px; }

.container_12 .prefix_5 { padding-left: 415px; }

.container_12 .prefix_6 { padding-left: 498px; }

.container_12 .prefix_7 { padding-left: 581px; }

.container_12 .prefix_8 { padding-left: 664px; }

.container_12 .prefix_9 { padding-left: 747px; }

.container_12 .prefix_10 { padding-left: 830px; }

.container_12 .prefix_11 { padding-left: 913px; }

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 { padding-right: 83px; }

.container_12 .suffix_2 { padding-right: 166px; }

.container_12 .suffix_3 { padding-right: 249px; }

.container_12 .suffix_4 { padding-right: 332px; }

.container_12 .suffix_5 { padding-right: 415px; }

.container_12 .suffix_6 { padding-right: 498px; }

.container_12 .suffix_7 { padding-right: 581px; }

.container_12 .suffix_8 { padding-right: 664px; }

.container_12 .suffix_9 { padding-right: 747px; }

.container_12 .suffix_10 { padding-right: 830px; }

.container_12 .suffix_11 { padding-right: 913px; }

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 { left: 83px; }

.container_12 .push_2 { left: 166px; }

.container_12 .push_3 { left: 249px; }

.container_12 .push_4 { left: 332px; }

.container_12 .push_5 { left: 415px; }

.container_12 .push_6 { left: 498px; }

.container_12 .push_7 { left: 581px; }

.container_12 .push_8 { left: 664px; }

.container_12 .push_9 { left: 747px; }

.container_12 .push_10 { left: 830px; }

.container_12 .push_11 { left: 913px; }

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 { left: -83px; }

.container_12 .pull_2 { left: -166px; }

.container_12 .pull_3 { left: -249px; }

.container_12 .pull_4 { left: -332px; }

.container_12 .pull_5 { left: -415px; }

.container_12 .pull_6 { left: -498px; }

.container_12 .pull_7 { left: -581px; }

.container_12 .pull_8 { left: -664px; }

.container_12 .pull_9 { left: -747px; }

.container_12 .pull_10 { left: -830px; }

.container_12 .pull_11 { left: -913px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after { clear: both; }

/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix { zoom: 1; }

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }

body:after { content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png); display: none; }

.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }

.lightbox .lb-image { display: block; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.lb-outerContainer:after { content: ""; display: table; clear: both; }

.lb-container { padding: 4px; }

.lb-loader { position: absolute; top: 43%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(img/loading.gif) no-repeat; }

.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: none; }

.lb-prev, .lb-next { width: 49%; height: 100%; cursor: pointer; display: block; }

.lb-prev { left: 0; float: left; }

.lb-prev:hover { background: url(img/prev.png) left 48% no-repeat; }

.lb-next { right: 0; float: right; }

.lb-next:hover { background: url(img/next.png) right 48% no-repeat; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { content: ""; display: table; clear: both; }

.lb-data { padding: 0 4px; color: #bbbbbb; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets
*********************************/
.flex-container a:active, #slideshow a:active, .flex-container a:focus, #slideshow a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face { font-family: 'flexslider-icon'; src: url("fonts/flexslider-icon.eot"); src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; }

/* FlexSlider Necessary Styles
*********************************/
#slideshow { margin: 0; padding: 0; }

#slideshow .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
#slideshow .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
#slideshow { margin: 0 0 60px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

#slideshow .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { display: block; width: 50px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: 0; }

.flex-direction-nav .flex-next { right: 0; text-align: right; }

#slideshow:hover .flex-prev { opacity: 0.7; left: 40px; }

#slideshow:hover .flex-next { opacity: 0.7; right: 40px; }

#slideshow:hover .flex-next:hover, #slideshow:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 50px; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 15px; z-index: 10; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 15px; height: 15px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.flex-control-paging li a:hover { background: #fff; background: rgba(255, 255, 255, 0.5); }

.flex-control-paging li a.flex-active { background: #fff; background: rgba(255, 255, 255, 0.5); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; outline: none; text-decoration: none; color: inherit; }
a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
a:before, a:hover { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.right, header ul { float: right; }

.left, header .site-title { float: left; }

body { font-family: Tahoma, serif; font-size: 62.5%; margin: 0; }

header { background: #da001a; height: 150px; }
header .site-title { padding-top: 50px; }
header .site-title a { color: #fff; font-family: "Pacifico", cursive; font-size: 4.2em; }
header .site-title a small { font-size: 14px; display: block; font-family: Tahoma; color: #a60014; margin-bottom: 10px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
header .site-title a:hover { color: #ccc; }
header .site-title a:hover small { color: #fff; }
header ul { padding-top: 90px; }
header ul li { display: inline-block; }
header ul li a { font-size: 1.4em; color: #fff; }
header ul li a img { margin-right: 5px; vertical-align: text-bottom; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
header ul li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
header ul li:first-child { margin-right: 15px; padding-right: 15px; border-right: 1px solid #990012; }

body > nav { background: #e4e4e4; height: 55px; line-height: 55px; text-align: center; }
body > nav > ul { display: inline; }
body > nav > ul > li { display: inline-block; position: relative; }
body > nav > ul > li:first-child a { border: none; }
body > nav > ul > li > a { font-size: 1.4em; color: #1a1a1a; padding: 0 25px; border-left: 1px solid #c6c6c6; }
body > nav > ul > li > ul { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; left: 0; top: 70px; overflow: hidden; z-index: 99; position: absolute; width: 100%; background: #1e1e1e; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; height: 0; }
body > nav > ul > li > ul li { line-height: 1em; }
body > nav > ul > li > ul li a { line-height: 1.1em; color: #fff; display: block; padding: 12px 0; font-size: 1.4em; }
body > nav > ul > li > ul li a:hover { color: #d70019; }
body > nav > ul > li:hover > a { color: #d70019; }
body > nav > ul > li:hover ul { top: 55px; overflow: visible; height: auto; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

#slideshow { height: 350px; overflow: hidden; position: relative; margin: 0; }
#slideshow .slides { width: 100%; }
#slideshow .slides li { height: 550px; background: no-repeat; background-position: center center; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); }
#slideshow .slides .caption { position: absolute; right: 0; top: 100px; max-width: 350px; z-index: 10; }
#slideshow .slides .caption .caption-title { color: #fff; font-family: "Pacifico", cursive; font-size: 5em; border-bottom: 1px solid #bdbdbd; margin-bottom: 20px; padding-bottom: 20px; }
#slideshow .slides .caption p { margin-bottom: 15px; font-family: Tahoma; font-size: 1.4em; color: #fff; font-weight: bold; line-height: 1.4em; }
#slideshow .slides .caption p a { color: #da001a; }
#slideshow .slides .caption p a:hover { color: #bdbdbd; }

#info_event { height: 80px; line-height: 80px; background: #1e1e1e; color: #fff; font-family: "Pacifico", cursive; font-size: 3.8em; text-align: center; }

#content { background: url("img/icon/bg_content.jpg") repeat; padding: 50px 0 10px; }
#content .row { margin-bottom: 40px; overflow: hidden; }
#content .row > div, #content .row > article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f8f8f8; padding: 15px 10px; min-height: 270px; -webkit-border-radius: 8px 8px; -moz-border-radius: 8px 8px; -ms-border-radius: 8px 8px; -o-border-radius: 8px 8px; border-radius: 8px 8px; }
#content .row > div h2, #content .row > article h2, #content .row > article .event-line { color: #595959; font-size: 3em; font-family: "Pacifico", cursive; margin-bottom: 10px; }
#content .row article p { color: #909090; font-size: 1.4em; margin-bottom: 8px; }
#content .row article img { max-width: 100%; margin-bottom: 10px; }
#content .row article .more { color: #3791b3; font-size: 2em; font-family: "Pacifico", cursive; text-align: right; display: inline-block; width: 100%; }

.more2 {
    color: #3791B3 !important;
    display: inline-block !important;
    font-family: "Pacifico",cursive !important;
    font-size: 2em !important;
    text-align: right !important;
    width: 100% !important;
}

#content .row article .more:hover { color: #da001a; }
#content .row #events .event { display: block; width: 100%; }
#content .row #events .event figure { float: left; margin-right: 10px; }
#content .row #events .event figure img { margin: 0; }
#content .row #events .event .text { float: left; width: 200px; }
#content .row #events .event .text h4 { color: #d70019; font-size: 2em; margin-bottom: 10px; font-family: "Pacifico", cursive; }
#content .row #events .event .text p { font-size: 1.3em; color: #909090; margin: 0; }
#content .row #events .event .text p a { display: inline; float: right; margin-right: 5px; color: #3791b3; font-size: 15px; font-family: "Pacifico", cursive; }
#content .row #events .event .text p a:hover { color: #da001a; }
#content .row #events hr { background: #dadada; height: 1px; width: 100%; margin: 20px 0; clear: both; border: none; display: inline-block; }
#content .row #events .more { color: #3791b3; font-size: 2em; font-family: "Pacifico", cursive; text-align: right; display: inline-block; width: 100%; margin-top: 20px; }
#content .row #events .more:hover { color: #da001a; }
#content #gallery { margin-bottom: 40px; }
#content #gallery h2 { color: #595959; font-size: 6em; font-family: "Pacifico", cursive; margin-bottom: 20px; }
#content #gallery #block { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f8f8f8; padding: 22px 22px 0; -webkit-border-radius: 8px 8px; -moz-border-radius: 8px 8px; -ms-border-radius: 8px 8px; -o-border-radius: 8px 8px; border-radius: 8px 8px; }
#content #gallery #block #big { max-width: 470px; float: left; }
#content #gallery #block #big img { max-width: 100%; }
#content #gallery #block #thumb { float: left; width: 482px; }
#content #gallery #block #thumb li { width: 215px; height: 87px; display: inline-block; margin: 0 0 22px 22px; }
#content #gallery #block #thumb li img { max-width: 100%; }
#content #generic_content { margin-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f8f8f8; padding: 22px; -webkit-border-radius: 8px 8px; -moz-border-radius: 8px 8px; -ms-border-radius: 8px 8px; -o-border-radius: 8px 8px; border-radius: 8px 8px; }
#content #generic_content h1, #content #generic_content h2 { color: #595959; font-size: 3em; font-family: "Pacifico", cursive; margin-bottom: 20px; }
#content #generic_content p { color: #909090; font-size: 1.4em; line-height: 1.2em; margin: 10px 0; }
#content #generic_content p a { color: #da001a; }
#content #generic_content p a:hover { color: #1e1e1e; }

footer { padding: 20px 0; background: #1e1e1e; color: #fff; overflow: hidden; }
footer nav { float: right; margin-bottom: 15px; }
footer nav ul li { display: inline; margin: 0 0 0 15px; }
footer nav ul li a { font-size: 1.4em; color: #fff; }
footer nav ul li a:hover { color: #da001a; }
footer .footer-title { font-family: "Pacifico", cursive; font-size: 4.8em; margin: 10px 0 30px; float: left; }
footer #copy { float: right; font-family: Tahoma; font-size: 1.4em; margin-top: 40px; }
footer #copy a { color: #fff; }
footer #copy a:hover { color: #da001a; }