/* =============================================================================
   Flex CSS
   ========================================================================== */





video {
  width: 100%    !important;
  height: auto   !important;
}


@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}


#main{
max-width:960px;
overflow:hidden;
margin:0 auto 0;
height:100%;
 *zoom: 1;}

#loaderIcon {
left: 50%;
position: absolute;
top:30%;
}
header{text-align:center;}
.jackbox-description{display:none}
.addthis_toolbox {
    width: 130px;
    margin: 40px auto 0px;
}
.lead{margin-bottom:5px;font-size:16px;font-weight:200;}

.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}


.flex-caption{
    position:absolute;font-weight:bold;text-shadow:none;</ja:else>
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);width: 100%;
    z-index: 100;
    transition: all 300ms ease-out 0s;
 bottom:0;
	height:20px;
    text-align: center;
}
.comment{color: #FFFFFF;font-size:14px;}

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.glow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.glow:hover, .glow:focus, .glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}



/*
 * 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,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
@font-face {
  font-family: 'flex';
  src: url('css/fonts/flex.eot');
  src: url('css/fonts/flex.eot?#iefix') format('embedded-opentype'),
       url('css/fonts/flex.woff') format('woff'),
       url('css/fonts/flex.ttf') format('truetype'),
       url('css/fonts/flex.svg?#flex') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="fa fa-"]:before, [class*=" fa fa-"]:before {
  /*font-family: "flex";*/
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.fa fa-facebook-squared:before { content: '\e800'; } /* '' */
.fa fa-gplus-squared:before { content: '\e801'; } /* '' */
.fa fa-linkedin-squared:before { content: '\e802'; } /* '' */
.fa fa-twitter-squared:before { content: '\e803'; } /* '' */
.fa fa-pinterest-squared:before { content: '\e804'; } /* '' */
.fa fa-mail:before { content: '\e805'; } /* '' */
.fa fa-export-alt:before { content: '\e806'; } /* '' */
.fa fa-prev:before { content: '\e807'; } /* '' */
.fa fa-next:before { content: '\e808'; } /* '' */
.fa fa-play:before { content: '\e809'; } /* '' */
.fa fa-pause:before { content: '\e80a'; } /* '' */
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('css/fonts/flexslider-icon.eot');
	src:url('css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/flexslider-icon.woff') format('woff'),
		url('css/fonts/flexslider-icon.ttf') format('truetype'),
		url('css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; 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
*********************************/
.flexslider { margin: 0 0 25px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); 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; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 3px 3px 3px rgba(127, 127, 127, 0.6); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider: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: "flex"; font-size: 40px; line-height:1; display: inline-block; content: '\e807'; }
.flex-direction-nav a.flex-next:before  { content: '\e808'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 10px; left: 45px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #F; }
.flex-pauseplay a:before  { font-family: "flex"; font-size: 20px; display: inline-block; content: '\e80a'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\e809'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); 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;}

/* Menu bar */
.flex-menu-bar {height: 30px; background-color: #000; position: relative;  z-index: 3; color:#ffffff }
.flex-menu-bar .flex-menubar-thumblink {width: 30px; height: 30px; float: left; bottom: 1px; background: url(images/thumbs.png) no-repeat 50% 50%; cursor: pointer;}
.flex-menu-bar .flex-menubar-text {height: 30px; color: white; float: left; line-height: 30px; margin-left: 60px;}
.flex-menu-bar .flex-menubar-fullscreen {width: 30px; height: 30px; float: right; margin-right:15px; background: url(images/fullscreen.png) no-repeat; background-position: 8px 7px; cursor: pointer;}
.flexslider.fullscreen .flex-menu-bar .flex-menubar-fullscreen {background-position: 8px -93px;}
.flexslider.fullscreen {margin: 0; border: none; background: rgba(0, 0, 0, 1);}
.flexslider.fullscreen .slides > li img {margin: 0 auto; width: auto; max-width: 100%;}
.flexslider.fullscreen .flex-direction-nav a {color: rgba(255,255,255,0.8);}
.flexslider.customFullscreen {height: 100%; position: fixed; top: 0; left: 0; z-index: 9999;}
/*.flexslider.customFullscreen.flex-open-tab .flex-control-thumbs.flex-thums-tab {background: none;}*/
@media only screen and (orientation : portrait) {
	.flexslider.customFullscreen .slides,
	.flexslider.customFullscreen .flex-menu-bar,
	.flexslider.customFullscreen .flex-thums-tab {position: relative;}
}
.flex-thums-tab {display: none; margin: 0; top:0px;}
.flex-open-tab .flex-direction-nav > li {display: none;}
.flex-open-tab .flex-control-thumbs.flex-thums-tab {display: block; position: absolute; height: 100%; background: rgba(225,225,225,0.8); overflow: auto; z-index: 2;}
.flex-open-tab .flex-control-thumbs.flex-thums-tab li {width: 90px; margin: 10px 0 0 10px; border: white solid 3px; overflow: hidden; border-radius:4px;}
.flex-open-tab .flex-control-thumbs.flex-thums-tab > li:last-child {margin-bottom: 30px;}
.flex-open-tab .flex-control-thumbs.flex-thums-tab li img {opacity: 1; padding 10px;}
.flex-open-tab .flex-control-thumbs.flex-thums-tab li .flex-caption {text-overflow: ellipsis; white-space: nowrap;}

@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.share{text-decoration:none;}

.ui-share-box {
  position: fixed;
  top: 0;
  left: -10000px;
  width: 100%;
  height: 100%;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.ui-share-box .ui-share-options {
  font-size: 40px;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 80px;
  text-align: center;
}
.ui-share-box .ui-share-options .ui-icon {
  width: 60px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
}
.ui-share-box .ui-share-options .ui-icon i {
  margin: 10px;
  color: #ccc;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
}
.ui-share-box .ui-share-options .has-hint i {
  color: white;
  text-shadow: 0 0 10px white;
}
.ui-share-box .close-mark {
  width: 25px;
  height: 25px;
  color:#FFFFFF;
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
  opacity: 0.8;
}
.ui-share-box .close-mark:hover {
  opacity: 1;
}
.ui-share-box.show-ui-share-box {
  left: 0px;
  opacity: 1;
}
@media screen and (max-width: 480px) {
  .ui-share-box .ui-share-options {
    font-size: 30px !important;
  }
  .ui-share-box .ui-share-options .ui-icon {
    width: 50px !important;
    height: 50px !important;
  }
  .ui-share-box .ui-share-options {
    height: 50px !important;
  }
}

#slider {
    margin: 0px 0px 10px !important;
}
video{width:100%;max-width:100%;height:auto}
.mejs-audio{margin: 0px auto 0;}
.cj-video{margin: 0px auto 0;}
.credit{text-align:center;margin:10px auto 0px; width:230px;z-index:6;font-size:10px;opacity:.0; padding:6px; }.credit a{text-decoration:none; font-weight:normal;}.credit a:hover{opacity:.8; text-decoration:underline;}

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
.flex-video.widescreen {
  padding-bottom: 57.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video {
    padding-top: 0;
  }
}	


#slider .flex-active-slide{ 
position: relative;
 -webkit-animation: zoomIn;
    -moz-animation: zoomIn;
    -o-animation: zoomIn;
    animation: zoomIn;
    -webkit-animation-duration: 1.0s;
    -moz-animation-duration: 1.0s;
    -o-animation-duration:1.0s;
    animation-duration: 1.0s;}
	@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
	}