/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/


/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
  min-height: 100%;
  font-size: 100%; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
body {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.download-link{
	-webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

h1, h2, h3, h4 {
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }

b, strong, .strong {
  font-weight: normal; }

dfn, em, .em {
  font-style: italic; }

small, .small {
  font-size: .875em; }

ul, ol {
  padding: 0;
  margin: 0;
  list-style-type: none; }

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }


/******************************************************************
MARGINS
******************************************************************/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0; }

p {
  margin: 0; }

#main p {
  margin: 0 0 1em; }


/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/

/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }


/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }



/*********************
GRID AND LAYOUT
*********************/

.wrapper {
  padding: 0 13px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.border-top {
  border-top: 1px #bebebe solid;
  padding-top: 13px; }

.line {
  border-top: 1px #bebebe solid; }

/*********************
TYPOGRAPHY
*********************/
@font-face {
  font-family: 'interfaceregular';
  src: url("../fonts/if_std_reg-webfont.eot");
  src: url("../fonts/if_std_reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/if_std_reg-webfont.woff") format("woff"), url("../fonts/if_std_reg-webfont.ttf") format("truetype"), url("../fonts/if_std_reg-webfont.svg#interfaceregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'interfacebold';
  src: url("../fonts/if_std_bold-webfont.eot");
  src: url("../fonts/if_std_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/if_std_bold-webfont.woff") format("woff"), url("../fonts/if_std_bold-webfont.ttf") format("truetype"), url("../fonts/if_std_bold-webfont.svg#interfacebold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'arrows';
  src: url("../fonts/arrows2-webfont.eot");
  src: url("../fonts/arrows2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arrows2-webfont.woff") format("woff"), url("../fonts/arrows2-webfont.ttf") format("truetype"), url("../fonts/arrows2-webfont.svg#interfacebold") format("svg");
  font-weight: normal;
  font-style: normal; }

::selection {
  color: #ff1111;
  /* Safari */ }

::-moz-selection {
  color: #ff1111;
  /* Firefox */ }

b, strong, .strong {
  font-family: "interfacebold", Helvetica, Arial, sans-serif; }

.arrows {
  font-family: 'arrows', Arial, helvetica, sans-serif; }

hr{ 
	border: 0;
    height: 1px;
	background: #bebebe;
	margin-top:0;
	margin-bottom:.5em;
}



/*********************
BUTTONS
*********************/
.button, .button:visited {
  font-family: "interfaceregular", Helvetica, Arial, sans-serif;
  border: 1px solid #be0d37;
  border-top-color: #db0f3f;
  border-left-color: #db0f3f;
  padding: 4px 12px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  border-radius: 4px;
  background-color: #e40f42;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f01d4f), to(#e40f42));
  background-image: -webkit-linear-gradient(top, #f01d4f, #e40f42);
  background-image: -moz-linear-gradient(top, #f01d4f, #e40f42);
  background-image: -o-linear-gradient(top, #f01d4f, #e40f42);
  background-image: linear-gradient(to bottom, #f01d4f, #e40f42); }
  .button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
    color: white;
    border: 1px solid #be0d37;
    border-top-color: #9d0a2d;
    border-left-color: #9d0a2d;
    background-color: #cc0e3b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#cc0e3b));
    background-image: -webkit-linear-gradient(top, #e40f42, #cc0e3b);
    background-image: -moz-linear-gradient(top, #e40f42, #cc0e3b);
    background-image: -o-linear-gradient(top, #e40f42, #cc0e3b);
    background-image: linear-gradient(to bottom, #e40f42, #cc0e3b); }
  .button:active, .button:visited:active {
    background-color: #f01d4f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#f01d4f));
    background-image: -webkit-linear-gradient(top, #e40f42, #f01d4f);
    background-image: -moz-linear-gradient(top, #e40f42, #f01d4f);
    background-image: -o-linear-gradient(top, #e40f42, #f01d4f);
    background-image: linear-gradient(to bottom, #e40f42, #f01d4f); }

.blue-button, .blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  box-shadow: inset 0 0 3px #59b3ec; }
  .blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
    border-color: #116396;
    background-color: #1472ad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
    background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
    background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
    background-image: -o-linear-gradient(top, #1784c9, #1472ad);
    background-image: linear-gradient(to bottom, #1784c9, #1472ad); }
  .blue-button:active, .blue-button:visited:active {
    background-color: #1990db;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
    background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
    background-image: -moz-linear-gradient(top, #1681c4, #1990db);
    background-image: -o-linear-gradient(top, #1681c4, #1990db);
    background-image: linear-gradient(to bottom, #1681c4, #1990db); }
 

/*PHONE*/

#container {
  width: 100%; }

.page-template-page-blog-php .post, .post-type-archive-news .news {
  width: 100%;
  padding: 0px 13px 1em; }

.list {
  width: 226px; }

.page .main-content, .single-people .main-content, .single-publication .main-content {
  width: 100%;
  float: left; }

.page .side-content, .single-people .side-content, .single-publication .side-content {
  width: 100%;
  float: left; }

.single .main-content {
  width: 100%; }

.single .side-content {
  width: 100%; }

.header {
  margin: 13px 0 2em; }

.right {
  padding: 13px;
  width: 100%; }

#logo1 {
  background: url("../images/logo/TM-phone.png") no-repeat no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-size: contain;
  float: left;
  width: 230px;
  height: 108px;
  margin: 0 13px 0; }

#logo2 {
  display: none; }

#spacer {
  display: none; }

#iso-main {
  width: 226px;
  margin: 0 auto 0; }


/**** MEDIA GALLERY ****/

.large-item, .small-item{
	width:100%;
}




/*Large Phone*/
@media only screen and (min-width: 452px) {
	
  #container {
    width: 452px;
    margin: 0 auto 0; }

  #iso-main {
    width: auto;
    margin: 0 auto 0; } 

}
/*end Large phone tings


/*IPAD*/
@media only screen and (min-width: 678px) {
	
  #container {
    width: 678px; }

  .left {
    width: 452px; }

  .right {
    width: 226px;
    padding: 0; }

  .page-template-page-blog-php .post, .post-type-archive-news .news {
    width: 452px;
    padding: 0px 13px 1em; }

  .list {
    width: 226px; }

  .page .main-content, .single-people .main-content, .single-publication .main-content {
    width: 452px;
    float: left;
    margin: 0 0 1em; }

  .page .side-content, .single-people .side-content, .single-publication .side-content {
    width: 452px;
    float: left;
    margin: 0 0 1em; }

  .single .main-content {
    width: 452px; }

  .single .side-content {
    width: 452px; }

  .cycle-slideshow {
    height: 300.58px; }

  #logo1 {
    display: block;
    -webkit-background-size: 200px;
    -moz-background-size: 200px;
    -o-background-size: 200px;
    background-size: 200px;
    background-image: url("../images/logo/theatrum1.png");
    float: left;
    width: 200px;
    height: 200px;
    margin: 0 13px 0; }

  #logo2 {
    display: block;
    -webkit-background-size: 200px;
    -moz-background-size: 200px;
    -o-background-size: 200px;
    background-size: 200px;
    background-image: url("../images/logo/mundi1.png");
    float: right;
    width: 200px;
    height: 200px;
    margin: 0 13px 0; }

  #spacer {
    display: none; }

  .page-template-page-about-php #logo1 {
    background-image: url("../images/logo/theatrum2.png"); }
  .page-template-page-about-php #logo2 {
    background-image: url("../images/logo/mundi1.png"); }

  .page-template-page-people-listing-php #logo1 {
    background-image: url("../images/logo/theatrum2.png"); }
  .page-template-page-people-listing-php #logo2 {
    background-image: url("../images/logo/mundi2.png"); }

  .single-people #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .single-people #logo2 {
    background-image: url("../images/logo/mundi1.png"); }

  .post-type-archive-activity #logo1 {
    background-image: url("../images/logo/theatrum3.png"); }
  .post-type-archive-activity #logo2 {
    background-image: url("../images/logo/mundi2.png"); }

  .single-activity #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .single-activity #logo2 {
    background-image: url("../images/logo/mundi2.png"); }

  .page-template-page-research-listing-php #logo1 {
    background-image: url("../images/logo/theatrum8.png"); }
  .page-template-page-research-listing-php #logo2 {
    background-image: url("../images/logo/mundi1.png"); }

  .page-template-page-gallery-listing-php #logo1, .post-type-archive-news #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .page-template-page-gallery-listing-php #logo2, .post-type-archive-news #logo2 {
    background-image: url("../images/logo/mundi4.png"); }

  .single-post #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .single-post #logo2 {
    background-image: url("../images/logo/mundi5.png"); }

  .page-template-page-contact-php #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .page-template-page-contact-php #logo2 {
    background-image: url("../images/logo/mundi1.png"); }

  .search #logo1 {
    background-image: url("../images/logo/theatrum4.png"); }
  .search #logo2 {
    background-image: url("../images/logo/mundi1.png"); }
  .search #spacer {
    display: block; }

  .js .nav-collapse {
    position: relative; }

  .js .nav-collapse.closed {
    max-height: none; }

  .nav-toggle {
    display: none; } 


/***** Media Gallery *****/

	.small-item{
		width:50%;
	}
	
}
/*end media 3 column ting */


/*Small Desktop*/
@media screen and (min-width: 904px) {
  #container {
    width: 904px; }

  .left {
    width: 678px; }

  .page-template-page-blog-php .post, .post-type-archive-news .news {
    width: 339px; }

  .page-template-about-php .main-content, .single-publication .main-content {
    width: 339px;
    float: left; }

  .page-template-about-php .side-content, .single-publication .side-content {
    width: 339px;
    float: left; }

  .single-activity .main-content {
    width: 678px; }

  .single-activity .side-content {
    width: 678px; }

  .cycle-slideshow {
    height: 452px; }

  .page .main-content, .single-people .main-content {
    width: 339px;
    float: left; }

  .page .side-content, .single-people .side-content {
    width: 339px;
    float: left; }

  .page .column1, .single-people .column1 {
    width: 339px;
    float: left; }

  .page .column2, .single-people .column2 {
    width: 339px;
    float: left; }

  .page-template-page-blog-php #spacer, .post-type-archive-news #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 226px; }
  .page-template-page-blog-php #logo2, .post-type-archive-news #logo2 {
    float: left; } 

/***** Media Gallery *****/
	
	.large-item{
		width:50%;
	}

	.small-item{
		width:24.9%;
	}


}
/*end media 4 column */


/*Medium Desktop*/
@media screen and (min-width: 1130px) {
	
	
  #container {
    width: 1130px; }

  .left {
    width: 904px; }

  .text-col {
    width: 452px; }

  .main-content {
    width: 565px;
    float: left; }

  .side-content {
    width: 339px;
    float: left; }

  .single .main-content {
    float: left;
    width: 452px; }

  .single .side-content {
    float: right;
    width: 452px; }

  .cycle-slideshow {
    height: 300.58px; }

  .page .main-content, .single-people .main-content, .single-publication .main-content {
    width: 452px;
    float: left; }

  .page .side-content, .single-people .side-content, .single-publication .side-content {
    width: 452px;
    float: left; }

  .page .column1, .single-people .column1 {
    width: 452px;
    float: left; }

  .page .column2, .single-people .column2 {
    width: 452px;
    float: left; }

  .page-template-page-blog-php #spacer, .post-type-archive-news #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 226px; } 

}
/*end media width:1200px ting */


/*Desktop*/
@media screen and (min-width: 1356px) {

  #container {
    width: 1356px; }

  .left {
    width: 1130px; }

  .text-col {
    width: 282.5px; }

  .main-content {
    width: 452px;
    float: left;
    font-size: 1.0625em;
    line-height: 1.3125em; }

  .side-content {
    width: 678px;
    float: left;
    font-size: 1.0625em;
    line-height: 1.3125em; }

  .single .main-content {
    width: 565px; }

  .single .side-content {
    width: 565px; }

  .cycle-slideshow {
    height: 377.42px; }

  .page .main-content, .single-people .main-content, .single-publication .main-content {
    width: 376.516px;
    float: left; }

  .page .side-content, .single-people .side-content, .single-publication .side-content {
    width: 753.032px;
    float: left; }

  .page .column1, .single-people .column1 {
    width: 376.516px;
    float: left; }

  .page .column2, .single-people .column2 {
    width: 376.516px;
    float: left; }

  .page-template-page-blog-php #spacer, .post-type-archive-news #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 565px; }

  .single-people #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }

  .single-people #logo2 {
    background-image: url("../images/logo/mundi1.png");
    float: left; }

  .single-people #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 300.58px; }

  .page-template-page-about-php .main-content {
    width: 565px;
    float: left; }

  .page-template-page-about-php .side-content {
    width: 565px;
    float: left; }

  .page-template-page-about-php .side-content .column1 {
    width: inherit; } 

}
/*end media width:1330px ting */


/*Large Desktops – switched off for new homepage features*/
/*
@media screen and (min-width: 1582px) {
  #container {
    width: 1582px; }

  .left {
    width: 1356px; }

  .text-col {
    width: 339px; }

  .main-content {
    width: 678px;
    float: left;
    font-size: 1.125em;
    line-height: 1.3812em; }

  .side-content {
    width: 678px;
    float: left;
    font-size: 1.125em;
    line-height: 1.3812em; }

  .single .main-content {
    width: 678px; }

  .single .side-content {
    width: 678px; }

  .cycle-slideshow {
    height: 452px; }

  .page .main-content, .single-people .main-content, .single-publication .main-content {
    width: 452px;
    float: left; }

  .page .side-content, .single-people .side-content, .single-publication .side-content {
    width: 904px;
    float: left; }

  .page .column1, .single-people .column1 {
    width: 452px;
    float: left; }

  .page .column2, .single-people .column2 {
    width: 452px;
    float: left; }

  .page-template-page-blog-php #spacer, .post-type-archive-news #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 678px; }
  .page-template-page-blog-php #logo2, .post-type-archive-news #logo2 {
    float: right; }

  .single-people #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .single-people #logo2 {
    background-image: url("../images/logo/mundi1.png");
    float: left; }
  .single-people #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 452px; }

  .page-template-page-about-php .main-content {
    width: 678px;
    float: left; }
  .page-template-page-about-php .side-content {
    width: 678px;
    float: left; }
  .page-template-page-about-php .side-content .column1 {
    width: inherit; } }

/*end media 7 column ting  
@media screen and (min-width: 1808px) {
  #container {
    width: 1808px; }

  .left {
    width: 1582px; }

  .text-col {
    width: 339px; }

  .main-content {
    width: 565px;
    float: left; }

  .side-content {
    width: 1017px;
    float: left; }

  .single .main-content {
    width: 791px; }

  .single .side-content {
    width: 791px; }

  .cycle-slideshow {
    height: 527.258px; }

  .page .main-content, .single-people .main-content, .single-publication .main-content {
    width: 527.258px;
    float: left;
    font-size: 1.2em;
    line-height: 1.4; }

  .page .side-content, .single-people .side-content, .single-publication .side-content {
    width: 1054.516px;
    float: left;
    font-size: 1.2em;
    line-height: 1.4; }

  .page .column1, .single-people .column1 {
    width: 527.258px;
    float: left; }

  .page .column2, .single-people .column2 {
    width: 527.258px;
    float: left; }

  .page-template-page-blog-php #spacer, .post-type-archive-news #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 904px; }
  .page-template-page-blog-php #logo2, .post-type-archive-news #logo2 {
    float: left; }

  .single-people #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .single-people #logo2 {
    background-image: url("../images/logo/mundi1.png");
    float: left; }
  .single-people #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 601.16px; }

  .page-template-page-about-php #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .page-template-page-about-php #logo2 {
    background-image: url("../images/logo/mundi2.png");
    float: left; }
  .page-template-page-about-php #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 601.16px; } }

/*end media 8 column ting  

@media screen and (min-width: 2034px) {
  #container {
    width: 2034px; }

  .left {
    width: 1808px; }

  .text-col {
    width: 339px; }

  .main-content {
    width: 791px;
    float: left; }

  .side-content {
    width: 1017px;
    float: left; }

  .single .main-content {
    width: 904px; }

  .single .side-content {
    width: 904px; }

  .cycle-slideshow {
    height: 602.516px; }

  .page .main-content, .single-people .main-content, .single-publication .main-content {
    width: 602.516px;
    float: left; }

  .page .side-content, .single-people .side-content, .single-publication .side-content {
    width: 1205.032px;
    float: left; }

  .page .column1, .single-people .column1 {
    width: 602.516px;
    float: left; }

  .page .column2, .single-people .column2 {
    width: 602.516px;
    float: left; }

  .page-template-page-blog-php #spacer, .post-type-archive-news #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 1243px; }
  .page-template-page-blog-php #logo2, .post-type-archive-news #logo2 {
    float: left; }

  .single-people #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .single-people #logo2 {
    background-image: url("../images/logo/mundi1.png");
    float: left; }
  .single-people #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 752.58px; }

  .page-template-page-about-php #logo1 {
    background-image: url("../images/logo/theatrum1.png"); }
  .page-template-page-about-php #logo2 {
    background-image: url("../images/logo/mundi2.png");
    float: left; }
  .page-template-page-about-php #spacer {
    display: block;
    float: left;
    height: 200px;
    width: 752.58px; } 

}
end media 9 column ting */



/*********************
ISOTOPE STYLES
*********************/


/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

#iso-main {
  background: #fbfafa; }


/*********************
GENERAL STYLES
*********************/

html {
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll; }

body {
  font-family: "interfaceregular", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.375em;
  color: #333399;
  letter-spacing: .1em;
  background: #fbfafa; }

b {
  font-family: "interfacebold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

#content {
  padding-top: 13px; }


/*********************
LOADER
*********************/

.loader{
	position:fixed;
	top:0;left:0;
	width:100%;height:100%;
	background-color:#fbfafa;
	z-index:500;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position:center center;
  background-repeat:no-repeat;
}


@-webkit-keyframes spinning {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinning {
    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}
@-ms-keyframes spinning {
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}

.loading-inner{
	width:20px;
	height:20px;
	position:fixed;
	bottom:10%;
	left:50%;
	margin:-10px 0 0 -10px;
	border:1px solid #333399;
    animation: 1s spinning infinite linear;
    -moz-animation: 1s spinning infinite linear;
    -webkit-animation: 1s spinning infinite linear;
    -ms-animation: 1s spinning infinite linear;
}

.no-js .loader{
	display:none;
}

#logo{
	position:relative;
}

#logo1{
	position:absolute;
	left:0;
	z-index:505;
}

#logo2{
	position:absolute;
	right:0;
	z-index:505;
}

/*********************
LAYOUT & GRID STYLES
*********************/

.wrap {
  width: 96%;
  margin: 0 auto; }

.text-col {
  padding: 13px;
  text-align: left;
  float: left;
  background: #fbfafa; }



/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #f01d4f;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #ff1111; }
  a:link, a:visited:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a.read-more {
  font-family: 'interfacebold', Arial, helvetica, sans-serif;
  display: block;
  padding-top: .3em; }


/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "interfaceregular", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: normal;
}

h1 a, h1 a:visited, .h1 a, .h1 a:visited, h2 a, h2 a:visited, .h2 a, .h2 a:visited, h3 a, h3 a:visited, .h3 a, .h3 a:visited, h4 a, h4 a:visited, .h4 a, .h4 a:visited, h5 a, h5 a:visited, .h5 a, .h5 a:visited {
    text-decoration: none;
    color: #333399; }

h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

h3, .h3 {
  font-size: 1em;
  font-family: "interfacebold", Helvetica, Arial, sans-serif;
  margin: 0 0 0em; }

h4, .h4 {
  font-size: 1em;
  font-family: "interfacebold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 0 0 0em; }

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }





/*************************************
ABOUT PAGE + CONTACT PAGE + SEARCH
*************************************/

.page h2, .archive h2, .search h2 {
  padding: 13px 0 13px;
  font-family: "interfacebold", Helvetica, Arial, sans-serif;
  font-size: 1.1875em;
  text-transform: uppercase;
  border-bottom: 1px #bebebe solid;
  border-top: 1px #bebebe solid;
  margin-bottom: 13px; }
.page .search-result, .archive .search-result, .search .search-result {
  width: 226px;
  padding: 13px; }
  .page .search-result h3, .archive .search-result h3, .search .search-result h3 {
    text-transform: uppercase;
    display: inline; }




/******************************
SINGLE ACTIVITY & BLOG POST
******************************/
.single .content-header {
  border-top: 1px #bebebe solid;
  margin: 0px 13px; }
  .single .content-header .date {
    padding-top: 13px;
    font-family: "interfacebold", Helvetica, Arial, sans-serif;
    font-size: .875em;
    line-height: 1.3em;
    float: left;
    width: 100%; }
  .single .content-header .single-title {
    padding: 0em;
    font-family: "interfacebold", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    text-align: left;
    text-transform: uppercase;
    display: block;
    float: left;
    width: 100%; }
  .single .content-header .sub-title {
    padding: 0 0 1em;
    font-size: 1em;
    text-align: left;
    display: block;
    float: left;
    width: 100%; }
    .single .content-header .sub-title a {
      text-decoration: none; }
.single #sidebar .sidebar-item {
  padding-top: 0px; }
.single .main-content {
  display: inline-block; }
.single .side-content {
  display: inline-block; }
.single .image {
  padding: 13px 0 13px; }
.single img {
  max-width: 100%;
  height: auto; }

.share {
  font-size: .875em;
  line-height: 1.3em; }




/*********************
HOME PAGE FEATURES
*********************/

/*Vertical Centring*/
.table{display:table;}
.table-cell{display:table-cell;vertical-align:middle;}

/*Background  Size*/
.cover{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; background-repeat:no-repeat;background-position:center;}

.features-container{
	width:100%;
	height:375px;
	font-family: "interfacebold", Helvetica, Arial, sans-serif; 
	margin-bottom:26px;
}

.features-container .inner.blue{
	color:#333399;
}


.features-container .inner{
	background-size:cover;
	display:block;
	color:#ffffff;
	background-color:#333399;
	width:100%;
	height:100%;
	position:relative;
	padding:30px 15px 30px;
}

.features-container .inner:hover{

 }

.project-title{
	vertical-align:middle;
	width:100%;
	height:100%;
	text-align:center;
 	font-size:24px;
	line-height:1.3;
	
}

.upper-text{
	position:absolute;
 	font-size:17px;
	line-height:1.3;
	top:15px;
	left:20px;
	padding-right:15px;
}

.lower-text{
	position:absolute;
 	font-size:17px;
	line-height:1.3;
	bottom:15px;
	right:20px;
	padding-left:15px;
	text-align:right;
}

.features-container .inner:not(:first-child){
	 position:absolute;
	top:-30000px;
}

.features-container .inner{

}



/*********************
MEDIA GALLERY
*********************/

.video-item{
	
}

.video-item-inner{
	width:100%;
	padding-bottom:56%;
 	position:relative;
	display:block;
	background-position:center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size: cover;
}

.play{
	position:absolute;
	top:50%;left:50%;
	width:60px;height:60px;
	margin-top:-30px;margin-left:-30px;
	background-image:url('../images/play-button.png');
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-size: contain;
}

.image-item{
  
}

.sound-item{
 
}

.sound-item-inner{
	width:100%;
	padding-bottom:100%;
 	position:relative;
	display:block;
	background-position:center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size: cover;
}

.listen{
	position:absolute;
	top:50%;left:0;
	width:100%;height:30%;
	margin-top:-7.5%;
	background:red;
}

.gallery-item{
	height:auto;
	margin-bottom:26px;
	float:left;
}

.gallery-item:hover{
	opacity:.8;
}

.gallery-item img{
	width:100%;
	height:auto;
}

/*********************
PAGE INTRODUCTIONS
*********************/

.page-intro{
	width:100%;
	padding-bottom:6em;
}

.page-intro p{
	padding-top:1em;
	font-size:1.25em;
	max-width:600px;
}


/*********************
TWITTER FEED
*********************/

.tweets h3 a:link, .tweets h3 a:visited{
	color:#333399;
}

.widget.PI_SimpleTwitterTweets{
	padding:0;
	margin:1.5em 0 1em !important;
}

.tweets li{
	margin-bottom:1.5em !important;
}

.sidebar-item .tweets a:link,.sidebar-item .tweets a:visited{
	 
}

 .widgettitle{display:none !important;}





/*********************
INDEX PAGES
*********************/
.index-item {
  width: 226px;
  padding-bottom: 3.5em;
  text-align: left;
  font-size:.875em;
  line-height:1.3;
  background: #fbfafa;
  display: inline-block; 

}

  .index-item h3 {
    font-size: 1.065em;
    padding-top: .2em;
    text-transform: uppercase; }

  .index-item img {
	
 }

/*Grayscale styles*/

.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.grayscale-replaced.grayscale-fade:hover svg {
  opacity: 0;
}



.index-item:hover {
  color: #ff1111; 
 }

.details {
  font-size: .875em;
  line-height: 1.3em; }

.activity_type, .dates, .location {
  display: inline-block; }




/*********************
NEWS PAGE LONG LINK FIX
*********************/
.news a {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  text-decoration: underline; }




/*********************
ARCHIVE LIST PAGES
*********************/
.list {
  padding: 0px 13px 0;
  display: block;
  vertical-align: top; }
  .list .post-date {
    display: inline-block; }
  .list .list-item {
    padding: 1em 0 1em;
    font-size: .875em;
    border-top: 1px solid #bebebe;
    display: block; }
  .list h4 {
    display: inline-block; }


/*********************
SEARCHBOX STYLE
*********************/
.search-box {
  border-top: 1px #bebebe solid;
  border-bottom: 1px #bebebe solid;
  color: #ccc;
  font-size: .875em;
  font-family: "interfaceregular", Helvetica, Arial, sans-serif; }

input#s {
  width: 85%;
  border: 0;
  height: 2em;
  background: none;
  color: #ccc;
  font-family: "interfaceregular", Helvetica, Arial, sans-serif; }

.search-button {
  width: 10%;
  height: 2em;
  border: 0;
  float: right;
  background: url("../images/search.png") no-repeat center center; }



/*********************
NAVIGATION STYLES
*********************/

/*! responsive-nav.js 1.0.23 by @viljamis */
.nav-collapse {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000; }

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none; }

.nav-collapse li {
  width: 100%;
  display: block; }

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1; }

.nav-collapse.opened {
  max-height: 9999px; }

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: right;
  width: 22px;
  height: 22px;
  margin: 0 13px 0;
  background: url("../images/menu-icon.png");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-size: contain;
  z-index: 100000; }

.nav {
  border: 0;
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav li {
    float: left;
    position: relative;
    width: 100%;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */ }
    .nav li a {
      display: block;
      text-decoration: none;
      height: 2em;
      line-height: 2em;
      background-color: #fbfafa;
      border-bottom: 1px solid #bebebe;
      color: #333399;
      /*
      you can use hover styles here even though this size
      has the possibility of being a mobile device.
      */ }
      .nav li a:hover, .nav li a:focus {
        color: #ff1111; }
    .nav li ul.sub-menu,
    .nav li ul.children {
      margin-top: 0;
      border: 1px solid #ccc;
      border-top: 0;
      position: absolute;
      display: none;
      z-index: 8999;
      /* highlight sub-menu current page */ }
      .nav li ul.sub-menu li,
      .nav li ul.children li {
        /*
        if you need to go deeper, go nuts
        just remember deeper menus suck
        for usability. k, bai.
        */ }
        .nav li ul.sub-menu li a,
        .nav li ul.children li a {
          display: block; }
        .nav li ul.sub-menu li:last-child a,
        .nav li ul.children li:last-child a {
          border-bottom: 0; }
    .nav li:hover ul {
      top: auto;
      display: block; }

/* end .nav */


/*********************
POSTS & CONTENT STYLES
*********************/
.hentry a, .hentry a:visited {
  text-decoration: none;
  color: #333399; }
.hentry a:hover {
  color: #ff1111; }

/* end .hentry */
.post-date {
  display: block; }

.byline {
  color: #999; }

.activity_type, .dates, .location {
  display: inline-block; }

/* entry content */
.entry-content { }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }
/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */


/******************************************************************
SLIDESHOW STYLES
******************************************************************/
.cycle-slideshow {
  width: 100%; }

.cycle-slideshow img {
  padding: 13px 0px 13px;
  display: none;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%; }

.cycle-slideshow img.first {
  display: block; }

.slide-details {
  font-size: .875em; }

#caption {
  float: left;
  width: 100%; }

.slide-nav {
  width: 30%;
  float: right;
  text-align: right;
  display: inline-block; }

#prev, #next {
  display: inline-block;
  cursor: pointer; }

#prev {
  margin-right: 6px; }

#count {
  width: 20%;
  float: left;
  display: inline-block; }


/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em; }

.bones_page_navi {
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */ }
  .bones_page_navi li {
    float: left;
    margin-left: 10px; }
    .bones_page_navi li a {
      padding: 3px 6px;
      display: block;
      text-decoration: none;
      position: relative; }
      .bones_page_navi li a:hover, .bones_page_navi li a:focus {
        color: #f01d4f;
        text-decoration: underline; }
  .bones_page_navi li.bpn-current {
    padding: 3px 6px;
    border-bottom: 2px solid #f01d4f;
    position: relative; }
    .bones_page_navi li.bpn-current a {
      /* hovering on current page link */ }
  .bones_page_navi li.bpn-prev-link,
  .bones_page_navi li.bpn-next-link {
    font-weight: 700; }
    .bones_page_navi li.bpn-prev-link a,
    .bones_page_navi li.bpn-next-link a {
      padding: 0; }
  .bones_page_navi li.bpn-prev-link a:hover,
  .bones_page_navi li.bpn-next-link a:hover,
  .bones_page_navi li.bpn-first-page-link a:hover,
  .bones_page_navi li.bpn-last-page-link a:hover {
    background: none; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */




/*********************
SIDEBARS & ASIDES
*********************/
#share {
  font-size: .875em;
  line-height: 1.3em; }

#sidebar {
  font-size: .875em;
  line-height: 1.3em; }

.sidebar-item {
  padding-bottom: 2em; }
  .sidebar-item h3 {
    text-transform: capitalize; }
  .sidebar-item li {
    text-transform: capitalize; }
  .sidebar-item a:link {
    text-decoration: none;
    color: #333399; }
  .sidebar-item a:visited {
    text-decoration: none;
    color: #333399; }
  .sidebar-item a:hover {
    color: #ff1111; }
  .sidebar-item a.selected {
    color: #ff1111; }

.participants h3:first-child{
	border-top:1px solid rgb(190, 190, 190);
}

.downloads a:link {
  text-decoration: none;
  color: #333399; }
.downloads a:visited {
  text-decoration: none;
  color: #333399; }
.downloads a:hover {
  color: #ff1111; }

.sidebar {
  margin-top: 2.2em; }

.widgettitle {
  border-bottom: 2px solid #444;
  margin-bottom: 0.75em; }

.widget {
  padding: 0 10px;
  margin: 2.2em 0; }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */ }
    .widget ul li ul {
      margin-top: 0.75em;
      padding-left: 1em; }



/*********************
CONNECT / MAILING LIST ETC...
*********************/


.mailing-list {
  margin: 1em 0 1em;
  color: #ccc; }
  .mailing-list input#s {
    width: 39%;
    border: 1px #bebebe solid;
    border-bottom: 1px #bebebe solid;
    height: 32px;
    background: none;
    color: #333;
    font-family: "interfaceregular", Helvetica, Arial, sans-serif;
    float: left;
    font-family: "interfaceregular", Helvetica, Arial, sans-serif;
    padding-left: .5em;
    color: #333399;
    letter-spacing: .1em; }
  .mailing-list .subscribe {
    border: 1px #bebebe solid;
    margin-left: 2%;
    width: 39%;
    background: #fbfafa;
    float: left;
    height: 32px;
    line-height: 28px;
    font-family: "interfaceregular", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #333399; }
  .mailing-list .subscribe:hover {
    color: #ff1111; }

.face-book-button {
  margin: 1em 0 1em;
  width: 2em;
  height: 2em;
  background: url(../images/facebook_icon_high_res.png);
  background-size: contain;
  display: inline-block; }

.twitter-button {
  margin: 1em 0 1em;
  width: 2em;
  height: 2em;
  background: url(../images/twitter_icon_high_res.png);
  background-size: contain;
  display: inline-block; }


/*********************
FOOTER STYLES
*********************/


.back-to-top {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  text-decoration: none;
  color: #000000;
  background: none;
  font-size: .875em;
  color: #333399;
  display: none;
  z-index: 20000; }

.back-to-top-link {
  float: right;
  width: 100%;
  text-decoration: none;
  background: #fbfafa;
  color: #333399;
  padding: 1em;
  z-index: 20000; }

.footer {
  clear: both;
  margin: 26px 0 26px; }

#infscr-loading {
  z-index: 10000;
  width: 226px;
  padding: 0 13px 0;
  text-align: left;
  height: 4em;
  line-height: 4em;
  background: #fbfafa;
  text-transform: uppercase; }
  #infscr-loading img {
    display: none; }




@media only screen and (min-width: 678px) {
 


  /*********************
  LAYOUT & GRID STYLES
  *********************/
  #container {
    padding-top: 1em;
    margin: 0 auto 0; }

  .left {
    margin: 0 0 0 0;
    height: inherit;
    float: left; }

  .right {
    margin: 0 0 0 0;
    padding: 0 13px 0;
    float: left;
    height: inherit; }

  /*********************
  HEADER STYLES
  *********************/
  .header {
    height: 200px;
    margin: 13px 0 13px; }

  #logo {
    margin: 0 auto 0;
    text-align: center;
    height: inherit; }

  /*********************
  SEARCHBOX STYLE
  *********************/
  .search-box {
    margin-bottom: 0.5em; }

  /*********************
  NAVIGATION STYLES
  *********************/
  .nav {
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .nav li {
      float: left;
      position: relative;
      width: 100%;
      /*
      plan your menus and drop-downs wisely.
      */
      /* showing sub-menus */ }
      .nav li a {
        display: block;
        text-decoration: none;
        padding: 0px;
        height: 1.4em;
        background-color: #fbfafa;
        border-bottom: none;
        color: #333399;
        line-height: 1.4em;
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }
        .nav li a:hover, .nav li a:focus {
          color: #ff1111; }
      .nav li ul.sub-menu,
      .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        border-top: 0;
        position: absolute;
        display: none;
        z-index: 8999;
        /* highlight sub-menu current page */ }
        .nav li ul.sub-menu li,
        .nav li ul.children li {
          /*
          if you need to go deeper, go nuts
          just remember deeper menus suck
          for usability. k, bai.
          */ }
          .nav li ul.sub-menu li a,
          .nav li ul.children li a {
            display: block; }
          .nav li ul.sub-menu li:last-child a,
          .nav li ul.children li:last-child a {
            border-bottom: 0; }
      .nav li:hover ul {
        top: auto;
        display: block; }

  /* end .nav */
  /*********************
  FOOTER STYLES
  *********************/
  .back-to-top {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    text-decoration: none;
    color: #000000;
    background: none;
    font-size: .875em;
    color: #333399;
    display: none;
    z-index: 0; }

  .back-to-top-link {
    float: right;
    width: 226px;
    text-decoration: none;
    background: #fbfafa;
    color: #333399;
    padding: 1em;
    z-index: 20000; }

  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */ }

  /* end .footer-links */ }



@media print {

  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .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; }

  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; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } 

}



/*! lightgallery - v1.2.13 - 2016-01-05
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(15, 27, 77, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1080;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(15, 27, 77, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(15, 27, 77, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 15px;
  position: fixed;
  right: 0;
  text-align: left;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
  -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
  -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -moz-transition: -moz-transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.group {
  *zoom: 1;
}

.group:before, .group:after {
  display: table;
  content: "";
  line-height: 0;
}

.group:after {
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: rgb(15, 27, 77);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}