/****************************************************************
 * Copyright notice
 *
 * (c) 2010 Christian Technology Ministries International Inc.
 * All rights reserved
 *
 * This file is part of the Web-Empowered Church (WEC)
 * (http://WebEmpoweredChurch.org) ministry of Christian Technology Ministries
 * International (http://CTMIinc.org). The WEC is developing TYPO3-based
 * (http://typo3.org) free software for churches around the world. Our desire
 * is to use the Internet to help offer new life through Jesus Christ. Please
 * see http://WebEmpoweredChurch.org/Jesus.
 *
 * You can redistribute this file and/or modify it under the terms of the
 * GNU General Public License as published by the Free Software Foundation;
 * either version 2 of the License, or (at your option) any later version.
 *
 * The GNU General Public License can be found at
 * http://www.gnu.org/copyleft/gpl.html.
 *
 * This file is distributed in the hope that it will be useful for ministry,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * This copyright notice MUST APPEAR in all copies of the file!
 ****************************************************************/

/****************************************************************
 *
 * This is a modified version of skin_bn_wireframe developed by Ron Hall of BusyNoggin, Inc.
 *
 ****************************************************************/

@font-face {
	font-family: 'BlueHighwayCondensed-Regular';
	src: url('webfonts/2B0F52_0_0.eot');
	src: url('webfonts/2B0F52_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2B0F52_0_0.woff') format('woff'),url('webfonts/2B0F52_0_0.ttf') format('truetype');
}

@font-face {font-family: 'DederonSLOT-Light';src: url('webfonts/2B36A6_0_0.eot');src: url('webfonts/2B36A6_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2B36A6_0_0.woff') format('woff'),url('webfonts/2B36A6_0_0.ttf') format('truetype');}
@font-face {font-family: 'DederonSLOT-LightItalic';src: url('webfonts/2B36A6_1_0.eot');src: url('webfonts/2B36A6_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2B36A6_1_0.woff') format('woff'),url('webfonts/2B36A6_1_0.ttf') format('truetype');}
@font-face {font-family: 'DederonSLOT-SemiBold';src: url('webfonts/2B36A6_2_0.eot');src: url('webfonts/2B36A6_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2B36A6_2_0.woff') format('woff'),url('webfonts/2B36A6_2_0.ttf') format('truetype');}

/* @group Reset Styling */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	}

/* @end Reset Styling */

/* @group Base Styling */

html {
	height: 100%;
}

body {
	font-family: 'DederonSLOT-Light', sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #555555;
	font-weight: normal;
	height: 100%;
	/* overflow-x: hidden; */	
}

/* NOTE: Much of the typography styling is handled in rte.css */


/* @group Table Styling */

/* NOTE: Table Styling is mostly handled in rte.css */
table {
	border-collapse:collapse;
	/*width: 100%;*/
	}

/* @end Table Styling */

/* @group Additional Tags */


pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre,
code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}


/* @end Additional Tags */

/* @group TYPO3 General Styling */

div.csc-textpic-center div.csc-textpic-imagewrap,
div.csc-textpic-left div.csc-textpic-imagewrap,
div.csc-textpic-right div.csc-textpic-imagewrap {
    margin-bottom: 10px;
}
    
/* @end */

/* @group Forms */


form input, form textarea {
	margin-right: 5px;
	}

form input:focus, form input:hover {
	color: black;
	}

form select {
	font-size: 11px;
	}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
	}

optgroup option {
	padding-left: 5px;
}

legend {
	font-weight: bold;
	color: black;
	}


/* @end Forms */

/* @end Base Styling */

/* @group Common Classes */

.clear {
	clear: both;
	}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
	}

.centralHeadline{
	font-size:28px;
	margin-top:0;
}

.csc-firstHeader {
	/*margin-top: 0px;*/
}

.graphicTextWrap {
	overflow: hidden;
	}

.graphicText {
	line-height:300px;
	display: block;
	}

/* @end Common Classes */

/* @group Layout */

#pageWrap {
	width: 980px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	}

#feature {
	margin-bottom: 30px;
	background:#e6e6e6;
	padding:15px;
	}

#generatedContent-1 {
	width: 230px;
	float: left;
	margin-right: 20px;
	}

#generatedContent-2 {
	width: 230px;
	float: right;
	}

#f1d #contentBlock-1 {
	float: right;
	width: 730px;
	}

#f1e #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f1f #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2a #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2a #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2b #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2b #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2c #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2c #contentBlock-2 {
	width: 230px;
	float: right;
	}


#f2d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2d #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2e #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f2e #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 230px;
	float: right;
	}

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 230px;
	float: left;
	margin-right: 20px;
	}

/* @end Layout */

/* @group Header */

#header {
	margin-top: 0px;
	margin-bottom: 10px;
	position:relative;
	}

#masthead {
	float: left;
	margin: 25px 0;
	padding: 0;
	}

#masthead a {
	display: block;
	}

#masthead h1 {
	margin: 0;
	font-size:36px;
	padding: 0;
}

#masthead h1 a,
#masthead h1 a:active {
	color: #666;
	font-family: 'DederonSLOT-Light', sans-serif;
}


#masthead h1 a:hover{
	color: #222;
}

#topNav {
	margin: 0;
	padding-top: 4px;
	position:absolute;
	right:0;
	z-index:5;
}

#login {
	margin: 0;
	padding-right: 15px;
	float: left;
	padding-top: 3px;
	font-size:11px;
	color:#eee;
}

#login,
#login a {
	color: #999;
}

#login a {
	font-weight: bold;
}
#login a:hover {
	color:#000;
}

#search {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 170px;
}
#search form {
	margin: 0;
}
#search input {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

#search #siteSearchInput {
	padding: 2px;
	width: 130px;
}

/* @group Global Menu */
#globalMenu-wrapper{ /* adding this div is for fix the clear float in IE7 */
	margin: 0;
	padding:10px 0 0 0;
	border-top: 3px solid #e6e6e6;
	clear:both; /* this helps to clear the float for masthead and topnav */
}

#globalMenu {
	clear: both;/* thie clear is necessary because it clears the masthead and topnav float */
	margin: 0px;
	padding: 0;
	font-size: 16px;
	}

#globalMenu li {
	display: inline;
	float: left;
	padding: 0 20px 0 0;
	margin: 0 20px 5px 0; 
	border-right: 2px solid #e6e6e6;
	white-space:nowrap;
	}

#globalMenu li.last {
	border: none;
	}

#globalMenu a {
	height: 17px;
	display: inline;
	float: left;
	color: #666666;
}

#globalMenu a:hover {
	color: black;
	}

#globalMenu li.active a {
	color: #3399cc;
}

#globalMenu ul {
	position: absolute;
	height: 20px; 
	top: 20px;
	left: 0px;
	margin: 0px;
	background-color: #999;
	width: 940px;
	font-size: 11px;
	padding-left: 10px;
}

/* @end Global Menu */

/* @end Header */

/* @group Footer */

#footer {
	border-top: 2px solid #e6e6e6;
	padding-top: 10px;
	margin-top: 30px;
}

#footerCopyright {
	float: left;
	color: #999999;
	text-align:left;
	width:60%;
}

a#footerHomeLink {
	display: block;
	float: right;
	color: #999999;
	text-align:right;
	width:30%;
	}

a#footerHomeLink:hover {
	color: black;
	}

/* @end Footer*/

/* @group Local Menu */

#localMenu {
	margin-left: 0;
	margin-top:5px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-right: 1px solid #3399cc;
	border-top: 3px solid #3399cc;
	margin-bottom:20px;
	}

#localMenu ul {
	margin-left:0;
	margin-top:10px;
	}
#localMenu ul ul, 
#localMenu ul ul ul, 
#localMenu ul ul ul ul{
	margin-left:20px;
	}
#localMenu ul li {
	margin-bottom: 8px;
	}

#localMenu li {
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
	}
#localMenu li li, 
#localMenu li li li, 
#localMenu li li li li {
	margin-bottom: 8px;
	font-size: 12px;
	}
#localMenu li a {
	color: #666666;
	padding-right:8px;
	}

#localMenu li a:hover {
	color: black;
	}

#localMenu li.current a {
	color: #3399cc;
	}

#localMenu li.current li a {
	color: #666666;
	}

#localMenu li.current {
	background: url(images/local_menu_arrow.gif) no-repeat right -5px;
	}

/* @end Local Menu */






/* @group Module Styling */

.moduleHeader {
	margin: 0;
	padding: 0 15px 0 0;
	color: white;
	background: url(images/right_module_cap.gif) no-repeat right top;
	font-size: 16px;
	}

.moduleHeader .moduleHeaderInnerWrap {
	display: block;
	padding: 5px 0 5px 10px;
	background: #3399cc url(images/left_module_cap.gif) no-repeat left top;
	}

.moduleFooter {
	height: 15px;
	margin: 0;
	padding-right: 15px;
	background: url(images/right_module_cap.gif) no-repeat right bottom;
	font-size: 1px;
	overflow: hidden;
	line-height: 1em;
	}

.moduleFooter span {
	display: block;
	height: 15px;
	background: #3399cc url(images/left_module_cap.gif) no-repeat left bottom;
	}

.moduleBody {
	padding: 15px 10px 10px 10px;
	}

.moduleBodyWrap {
	border-left: 2px solid #3399cc;
	border-right: 2px solid #3399cc;
	/* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
	}

.unframed .moduleBody,
.unframed .moduleBodyWrap {
	padding: 0;
	border: 0;
	}

.unframed .moduleBodyWrap {
	background:none; 
} 

.moduleBodyBleed {
	padding: 0;
	}

.columnGroup {
	margin-bottom: 10px;
	}

.columnGroupRule {
	border-bottom: 1px solid #7f7f7f;
	}

.moduleGroup {
	margin-bottom: 10px;
	margin-top:5px;
	}

.moduleFeature {
	margin-bottom: 15px;
	}

/* @end Module Styling */



/* @group Forms */

.csc-mailform-field label,
.csc-mailform-field label {
	display: block;
	}

/* @end */



/************section menu*******************/

.sectionMenuWrapper {
	width: 100%;
}

.sectionMenu {
	margin: 0;
	text-align: left;
}

.sectionMenu .menuItem {
	display: inline-block;
	width: 345px;
	margin: 0 20px 20px 0;
	vertical-align: top;
	zoom: 1; 
	*display:inline;
}

.wrapper {
	vertical-align: top;
}

.menuItem > a + .wrapper {
	margin-left: 120px;
}

.menuItem > a {
	float: left;
	vertical-align: top;
}

.menuItem h3 {
	margin: 0;
}


/************* Section Menus ********************/
label {
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.instructions {
	font-size: 10px;
	line-height: 1.1em;
}

input[type=text],
input[type=password],
textarea,
select {
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 5px 0 0 0;
}

input[type=text]:focus,
input[type=password]:focus
textarea:focus,
select:focus {
	border-color: #666;
}

input[type=text],
input[type=password],
textarea,
select {
	margin: 3px 0;
}

input[type=text],
input[type=password] {
	/* width: 300px; */
	padding:3px;
}

textarea {
	width: 390px;
	height: 250px;
	padding: 3px;
}

input[type=checkbox],
input[type=radio] {
	position: relative;
	top: .25em;
}

/* Account for Frontend User Registration using <label> for checkbox items with no other surround markup */
#tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label,
#tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label {
	margin-top: 0;
	display: inline;
	font-weight: normal;
}
#tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label:after,
#tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.inline {
	display: inline-block;
	vertical-align: top;
}

.error, .notice, .success {
	border:2px solid #DDDDDD;
	margin-bottom:1em;
	padding:0.8em;
}

.error:empty, .notice:empty, .success:empty {
	display: none;
}

.error {
	background: #FBE3E4 none repeat scroll 0 0;
	border-color: #FBC2C4;
	color: #8A1F11;
}

.success {
	background: #E6EFC2 none repeat scroll 0 0;
	border-color: #C6D880;
	color: #264409;
}

.notice {
	background: #FFF6BF none repeat scroll 0 0;
	border-color: #FFD324;
	color: #514721;
}

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

form hr {
	height: 1px;
	border: none;
	border-top: 1px solid #bbb;
	margin: 15px 0 15px 0;
}

ul#subpages { 
	position: fixed; 
	z-index: 1001; 
	left: 0; 
	bottom: 0; 
	width: 100%; 
	background: #C6C7C8; 
	padding: 5px; 
	margin: 0;
	font-family: BlueHighwayCondensed-Regular;
	text-transform: uppercase;
	font-size: 15px;
}

@media screen and (max-width: 1366px) {
	ul#subpages { font-size: 14px; }
}

ul#subpages li { display: inline-block; margin-right: 10px; padding-right: 10px; border-right: solid 1px #999;}
ul#subpages a { color: #000; }
ul#subpages a.mPS2id-highlight, ul#subpages a:hover { color: #44A12B; }

body#f1a div#content-container { white-space: nowrap; }
div#content-container { height: 100%; }
div#content-container > section { display: inline-block; height: 100%; margin-right: 60px;}
div#pages { display: row; }
.page-content {
	display: inline-block;
	position: relative; 
	white-space: normal;
	max-height: 800px;
	min-width: 1280px !important;
	/* min-height: 650px !important; */
	height: 100% !important;
	/*max-height: 650px !important; */
}

.page-content .content-wrap {
	position: relative;
	margin: 0 auto;
	/* top: 50%;
	margin-top: -325px;*/
	width: 100%;
	max-height: 650px;
	height: 100%;
	float: left;
}


.page-content .center-marker { position: absolute; width: 1px; height: 1px; top: 50%; left: 50%; }

.page-content .content { position: relative; height: 500px; }
.main-image { position: relative; float: left; width: 582px; }
.main-image .item.hidden { dislay: none; }
.citations { text-align: left; margin-top: 27px; font-size: 13px;}
.click-gallery {
	font-family: BlueHighwayCondensed-Regular;
	text-align: left;
	text-transform: uppercase;
}
.click-gallery a { color: black; }
.click-gallery a:hover { color: #00AA00; }
.stand-wrap {
	width: 1320px;
	margin: 0 auto;
	position: relative;
	margin-top: 35px;
	overflow: hidden;
}

#good-luck .stand-wrap { height: 600px; float: left; }
#good-luck .stand-wrap .description {  }

.stand-wrap .description-wrap {
	width: 315px;
	float: left;
	margin-right: 65px;
	overflow-y: hidden;
	margin-bottom: 130px;
	height: 480px;
}

.stand-wrap .description-wrap .scroll {
	display: none;
	width: 21px;
	height: 19px;
	background: url('images/scroll.png') no-repeat;
	position: absolute;
	left: -8px;
	bottom: 0px;
	cursor: pointer;
}

.stand-wrap .description {  }



.stand-wrap ul.citations {
	position: absolute;
	bottom: 0px;
	margin: 0;
	left: 300px;
	width: 550px;
	list-style: none;
}
i { font-family: 'DederonSLOT-LightItalic'; font-style: normal}

.stand-wrap div.flexslider.commentnotes {
	width: 130px;
	list-style: none;
	margin: 0;
	border: solid 1px #CCC;
}

.stand-wrap .slider-container { position: absolute; top: 0; left: 1042px; }

.stand-wrap .flexslider.commentnotes img { 
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    border: solid 1px #CCC;
}
.slider-container { width: 130px; }
.note .left-content img {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    border: solid 3px #CCC;
}


.stand-wrap .slider-description { font-size: 13px; }
.stand-gallery { 
	text-align: left;
	padding-top: 5px;
	font-family: BlueHighwayCondensed-Regular;
	text-transform: uppercase;
}

.figurine-image { position: relative; }

.figurine-image a, .note-image a { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.figurine-image a:after,
.note-image a:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: -30px;
	width: 21px;
	height: 30px;
	background: url('images/magnifying-glass.png') no-repeat;
	content: '';
}

.page-content .navbtn { 
	position: absolute; 
	top: 50%; 
	margin-top: -10px; 
	width: 38px; 
	height: 24px; 
	cursor: pointer;
}

.page-content .navbtn.prev { left: 30px; background: url('images/arrow-left-white.png') no-repeat; margin-top: -8px; }
.page-content .navbtn.next { right: 0; background: url('images/arrow-left.png') no-repeat; }
.page-content .navbtn.movies,
.extra-movies .arrow.open {
	display: none; 
	width: 40px;
	height: 56px;
	margin-top: -28px;
	right: 0;
	background: url('images/filmy.png') no-repeat left bottom;
	text-align: center;
	text-transform: uppercase;
	font-family: BlueHighwayCondensed-Regular;
	font-size: 16px;
}

.extra-movies .movie { position: absolute; top: 100px; }
.extra-movies .movie.left { left: 78px; }
.extra-movies .movie.right { left: 474px; }

.extra-movies .arrow { position: absolute; top: 280px; height: 45px; width: 38px; cursor: pointer; }
.extra-movies .arrow.open { display: block; left: 0; }
.extra-movies .arrow.close { top: 0; left: 870px; background: url('images/cross.png') no-repeat;}

#introduction .title h1.exhibition-title { font-size: 37px; line-height: 45px; height: 45px;}
.title h1 { height: 40px; }
.caption { margin-top: 20px; }
.notes-description { position: relative; margin-bottom: 10px; width: 160px; height: 130px; }
.notes-description .inner { position: absolute; width: 160px; bottom: 0;}
.booklet-description { width: 168px; float: right; }

#introduction h1 { font-weight: normal; margin-bottom: 5px; }
#introduction .title h1 { height: 30px; }
#films-i .movie.left,
#films-ii .movie.left { float: left; }
#films-i .movie.right,
#films-ii  .movie.right { float: right; }
#introduction .content-wrap .description-wrap { width: 360px; }
#films-i, .films-ii { background: #282829; height: 100%; }
#films-i .caption,
#films-ii .caption { color: #87888A; }
#introduction .slider-container { width: 627px; margin-top: 40px;}
#films-i .stand-wrap,
#films-ii .stand-wrap { width: 1160px; margin-top: 95px; }
#introduction .stand-wrap .slider-container { left: 587px; }
#introduction .page-content .content { height: 580px; }

#jews-sacred-and-profane .caption { width: 300px; }
#jews-sacred-and-profane .captions { position: absolute; top: 0; left: 795px; width: 375px;}
#jews-sacred-and-profane .captions img { float: left; margin-right: 37px; }
#jews-sacred-and-profane .movies { float: left; margin-left: 95px; }
#jews-sacred-and-profane .movies > .bottom { margin-top: 115px; }
#jews-sacred-and-profane .slider-container { width: 318px; left: 855px; top: 324px; }
#jews-sacred-and-profane .note-image { height: 196px; }
#jews-sacred-and-profane .note-image:nth-child(1) { display: block; }

#land-of-milk-and-honey .flexslider.commentnotes,
#only-in-poland .flexslider.commentnotes { display: none;}

#comments .movie { background: #282829; }

#coming-soon { width:1250px; margin: auto; } 
#coming-soon #content-container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1250px;
	height: 700px;
	margin-top: -350px;
	margin-left: -625px;
}

#contentBlock-1 { position: relative }
/* #lang-switch { position: fixed; top: 0; width: 1250px; margin: 0 auto; z-index: 1000; } */
.lang-switch {
	font-family: BlueHighwayCondensed-Regular;
	text-transform: uppercase;
	font-size: 15px;
}

.csc-default { text-align: left; }
.csc-default #lang-switch a { color: #000; }
.csc-default #lang-switch a:hover { color: #00AA00; }


#coming-soon #footer { display: none; }
img.coming-soon { max-width: 100%; }

.object-wrap {
	position: relative;
	height: 100%;
	margin: 0;
	text-align: center;
	color: #000;

}
.mfp-bg { opacity: 0.92 !important;}
.object-wrap .inner-wrap { display: inline-block; height: 100%; position: relative; background: #87888A; white-space: nowrap; }
.object-wrap .fb-like-box { top: 100px; right: -100px; }
.object-wrap .left-content { height: 100%; }
.viewer img { height: 100%; width: auto; }
.object-wrap .left-content { float: left; text-align: left; }
.object-wrap .right-content {
	display: inline-block;
	min-height: 100%;
	text-align: left;
	width: 260px;
	white-space: normal;
	position: relative;
}
	
.object-wrap .right-content > div { padding: 10px 10px 0 10px; }
.object-wrap .counter { position: absolute; bottom: 35px; right: 90px; width: 80px; text-align: center}
.object-wrap .right-content > div.name { padding: 35px 10px 0 10px ; font-weight: bold; }
.object-wrap .readmore { display: none; }
.object-wrap .readmore-toggle { cursor: pointer; }

/*.object-wrap  { width: 300px; position: relative; margin: 0 auto;}
 .object-wrap .counter { position: absolute; bottom: -20px; color: #FFF;} */

.note-wrap { height: 80%; text-align: center;}
.note-wrap img { max-height: 100%; width: auto; }
.note-wrap .wrap-inner { width: 300px; position: relative; margin: 0 auto;}



.fb-logo {
	position: absolute;
	left: 180px;
	bottom: 30px;
}

.fb-logo.polish { left: 210px; }

#top-navigation { position: relative; z-index:100; margin-top: 10px; text-align: right; float: right; width: 600px;}

#hp-container { font-size: 12px; line-height: 16px; width: 1040px; background: #fff; position: relative; height: 100%;}
#helper-pages {
	list-style: none; 
	float: right;
	font-family: BlueHighwayCondensed-Regular;
	text-transform: uppercase;
	font-size: 15px;
	margin-left: 180px;
}

#helper-pages li { display: inline-block; padding: 0 10px; }

body#f1a .mfp-content { text-align: left; }
body#f1a .mfp-content > div#content-container {
	width: 1000px;
	margin: 0;
	height: 100%;
	background: white;
	white-space: normal;
	position: relative;
}

.mfp-ajax-holder .mfp-content { height: 100%; }
h1.centralHeadline { text-align: left; }
.mfp-ajax-holder #content-container-inner { position: relative; padding: 35px 80px; }
.mfp-ajax-holder #contentBlock-1 { height: inherit; }
.mfp-ajax-holder .helper-slides { overflow-x: hidden; }
.mfp-ajax-holder .mfp-content .column.oneThird { width: 280px !important; }
.mfp-ajax-holder .mfp-content .column.oneQuarter { width: 205px !important; }
.mfp-ajax-holder div.helper-slides > div > div.csc-default { width: 910px; height: 90%; }

.mfp-ajax-holder a.customNav {
	position: absolute;
	top: 50%; 
	display: block;
	width: 38px;
	height: 24px;
	margin-top: -12px;
	line-height: 0;
	font-size: 0;
	background : #aaa;
	cursor: pointer;
}
/* .mfp-ajax-holder #controls a.prevBtn { background: url('images/arrow-left.png') no-repeat;} */
.mfp-ajax-holder a.customNav.prev { left: 20px; background: url('images/arrow-left.png') no-repeat; }
.mfp-ajax-holder a.customNav.next { right: 20px; background: url('images/arrow-right.png') no-repeat;}


/* body#f1a .mfp-content { height: 100%;} */

.extra-movies { 
	position: absolute;
	width: 2000px;
	right: -1960px;
	top: 0;
	height: 100%;
	z-index: 1000;
	background: #fff;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.viewer .mfp-close { right: -44px !important; }
.viewer { height: 100%; }
.mfp-image-holder .mfp-close { color: #333333 !important;}
div.mfp-content { display: inline-block; text-align: center !important; }
/* text-align: center !important;} */
.mfp-content .viewer { position: relative; display: inline-block; }
.sudo-slider { display: inline-block; width: 900px; marign: 0 auto;}

.mfp-content .viewer #controls a {
	position: absolute;
	top: 50%; 
	display: block;
	width: 78px;
	height: 64px;
	margin-top: -32px;
	line-height: 0;
	font-size: 0;
	background: center center no-repeat;
}
.mfp-content .viewer #controls a.prevBtn { left: -100px; background-image: url('images/arrow-left.png');}
.mfp-content .viewer #controls a.nextBtn { right: -100px; background-image: url('images/arrow-right.png');}

div.mfp-title, div.mfp-counter { color: #000 !important; 	}
div.mfp-arrow { width: 38px; height: 24px; cursor: pointer; }
div.mfp-arrow-right { background: url('images/arrow-right.png') no-repeat; right: 150px; }
div.mfp-arrow-left { background: url('images/arrow-left.png') no-repeat; left: 150px; }
div.mfp-arrow-right:before, div.mfp-arrow-right .mfp-b { border-left: none; }
div.mfp-arrow-left:before, div.mfp-arrow-left .mfp-b { border-right: none; }

.fb-like-box { position: absolute;  left: 580px; top: 9px; z-index: 1042;}
.fb-link { position: absolute;  left: 531px; top: 9px; z-index: 1042;}
.mfp-figure > .fb-like-box { position: absolute; top: 10; left: 0; z-index: 99999;}

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #919191 }

.vjs-default-skin .vjs-big-play-button {
	width: 80px !important;
	height: 80px !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	margin-top: -40px !important;
	margin-left: -40px !important;
}

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #393939 !important; }


.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 30px; }

div.sound-toggle { 
	position: absolute; 
	top: 390px; 
	right: -9px; 
	width: 30px; 
	height: 25px; 
	cursor: pointer; 
}
div.sound-toggle.on { background: url('images/bees-on.png'); }
div.sound-toggle.off { background: url('images/bees-off.png'); }

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: none !important;
}

.fb_iframe_widget { overflow: hidden; }