@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

/*@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200italic,300italic,700italic|Fondamento:400italic,400|Open+Sans+Condensed:300,700&subset=latin,latin-ext);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);

/*@import url(http://fonts.googleapis.com/css?family=Cabin|Oleo+Script|Roboto+Condensed|Francois+One|Archivo+Narrow|Special+Elite|Amatic+SC|Satisfy|Bangers&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Francois+One|Cutive+Mono|Special+Elite&subset=latin,latin-ext);*/
@import url(https://fonts.googleapis.com/css?family=Cutive+Mono&subset=latin,latin-ext);

img, object, embed, video, iframe/**/ {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/




/*
	view-source:http://alistapart.com/article/fluid-images
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
	color:#FFF;
	font-style: normal;
}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
img, object, embed, iframe {
	max-width: 100%
}
[hidden] {
display:none
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll
}
html, button, input, select, textarea {
	/*color: #222;
	line-height: 1.4;*/
}
body {
	margin: 0;
	font-size: 1em;
	background-color:#9B131F;
	/*background-color:#000;*/
	height:100%;
}

html,body,#gridContainer {
	/*font-family: 'PT Sans Caption', sans-serif;
	letter-spacing:0.01em;
	font-family: 'Antonio Bold', sans-serif;
	letter-spacing:-0.04em;
	font-family: 'Titillium Web', sans-serif;			/italic 200,300,700
	http://www.google.com/fonts#UsePlace:use/Collection:Titillium+Web:400italic,700italic,300italic,200italic,300,200
	font-family: 'Fondamento', cursive;*/
	font-family: 'Open Sans Condensed', sans-serif;		/*300+700*/
	/*font-family: 'Titillium Web', sans-serif;
	font-style:italic;
	font-weight:200;*/
}
h1,h2,h3,h4,h5,h6 {
	/*font-family: "Typo3", sans-serif;
	font-family: "delicious", sans-serif;
	font-family: "calluna", sans-serif;
	font-family: "Bebas", sans-serif;
	font-family: "BebasNeue", sans-serif;
		
	font-family: 'Racing Sans One', cursive;
	font-family: 'PT Sans Caption', sans-serif;
		
	font-family: 'Six Caps', sans-serif;
	font-family: 'Stardos Stencil Regular', sans-serif;
	font-family: 'Stardos Stencil Bold', sans-serif;
	font-family: 'BenchNine Light', sans-serif;
	font-family: 'BenchNine Bold', sans-serif;
	font-family: 'BenchNine Regular', sans-serif;
	font-family: 'PT Sans Caption', sans-serif;
	font-weight:bold;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Antonio Light', sans-serif;*/
	letter-spacing:-0.04em;
	
	/*font-family: 'Titillium Web', sans-serif;
	font-style:italic;
	font-weight:200;*/
	
	
	/*font-family: 'Open Sans Condensed', sans-serif;
	font-style:normal;
	font-weight:200;*/
	/*font-family: 'Fondamento', cursive;
	font-style:italic;
	font-weight:400;*/
	
}



a:link {
	/**/color: #FFF;
	text-decoration: none !important;
}
a:visited {
	/**/color: #FFF;
	text-decoration: none !important;
}
a:hover {
	/*color: #FFF;
	background-color: #000;*/
    border-bottom: 2px dotted #FFF;
    padding-bottom: 6px;
}
a:active {
	/**/background-color:#000;
	color: #CCC;
}


img {
	background-color: transparent !important;
	background-color: none !important;
}




@media only screen and (max-width: 480px) {
	#LayoutDiv1, #LayoutDiv2, #LayoutDiv3 {
		/*float:none!important;*/
	}
}














/* Mobile Layout: 480px and below. */

#gridContainer {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	/*width: 96.7391%;
	padding-left: 1.6304%;
	padding-right: 1.6304%;*/
	/*background: #9B131F url(v4/images/energetika-bg1-800x50px.png) repeat left top;
	height:100%;
	padding-bottom: 10%;*/
	cursor: default;
	
}

#layoutContainer {
	position:relative;
	margin: 0;
	/* height:800px;
	padding-bottom: 5%;		to include bg-image, use padding */
	/*width:100%;height:100%;
	
	position:relative;
	padding-bottom: 10%;*/
	
}





	#mainDiv, #LayoutDiv1, #LayoutDiv-PromoDiv, #LayoutDiv2, #LayoutDiv3, #LayoutDiv4 {
		display: block;
		position: relative;
		padding: 0;
		margin: 0;
		float: left;
		/*height: 100%;*/
		background-color: #9B131F;
		width: 100%;
		/*visibility: hidden;
		max-width: 33.3%;*/
	}

	#mainDiv {
		/*background-color: #000;*/
		background-color: #9B131F !important;
	}







#videoDiv {
	/*overflow: hidden;
	position: absolute;*/
	position: fixed;
}
#videoDiv > img,
#videoDiv > video {
	/*CHANGE THIS TO SCALE THE IMAGES*/
	width: 100%;
	height: 100%;
}

#videoDivOverlay {
	/*
	position: absolute;*/
	position: fixed;
}
#videoDivOverlay > img {
	/*CHANGE THIS TO SCALE THE IMAGES*/
	width: 100%;
	height: 100%;
}




#LayoutDiv-Motto blockquote {
	/**/
	text-transform: uppercase;
	/*font-family: 'Cabin', sans-serif;
	font-family: 'Francois One', sans-serif;
	font-family: 'Special Elite', cursive;*/
	font-size: 160%;
	letter-spacing: -.078em;
	font-family: 'Cutive Mono', cursive;
	line-height: 1em;
	margin-top: 0.34em;
	color: #9B131F;
	/*background-color: #9B131F;*/
	border: 1px dashed rgba(255,255,255,.4);
}

#LayoutDiv1 {
	/**/
}


#LayoutDiv-PromoDiv {
	text-align: center;
	position: relative;
	z-index: 10;
	/*
		background-color: transparent;*/
}
#LayoutDiv-BookDiv {
	position: relative;
	width: 55%;
	float: left;
	/**/
}
#LayoutDiv-MottoDiv {
	position: relative;
	float: left;
	width: 45%;
	/**/
}

#LayoutDiv-Book {
	width: 100%;
	/**/
}
#LayoutDiv-Book2 {
	width: auto;
	padding: 50px;
	/**/
}

#LayoutDiv-Motto {
	width: 100%;
	/**/
}
#LayoutDiv-Motto2 {
	text-align: center;
	padding-top: 12.5%;
	padding-right: 7.5%;
	/**/
}

#LayoutDiv2 {
}

#LayoutDiv3 {
	/* NOT due to hover
	margin-top: 2em;*/
}

#LayoutDiv4 {
}		





#LayoutDiv2 h1,h2 {
	margin: 0;
	padding: 0;
	line-height: 1;
	margin-bottom: -.08em;

}
#LayoutDiv2 h1 {
	font-size: 2.8em;
}
#LayoutDiv2 h2 {
	font-size: 1.8em;
}
#LayoutDiv2 p {
	font-size:1.64em;
	margin: 3px 2px 4px;
	/*margin-right: 100px;*/
	cursor: pointer;
}
#LayoutDiv2 div.item {
	margin-bottom: 1em;
}
#LayoutDiv2 span.readMore {
	position: relative;
	display: inline-block;
	margin-top: -5px;
	padding: 2px 10px;
	font-size:.7em;
	margin-left: 1em;
	color: #000;
	font-weight: bold;
	background-color: #FFF;
	cursor: pointer;
	/**/
}

#LayoutDiv2 p.personsCredits {
	display: inline-block;
	font-size:.8em;
	/*font-weight: bold;*/
}

#LayoutDiv2 p.smallerFont {
	font-size: 100%;
}



/* Owl-crousel absolute position */
#textRollDiv1 {
	/*
	display: block;
	clear:both;
	position:relative;*/
	width: 100%;
	padding: 0;
	margin: 0;
	height: auto;
}

#textRollDiv2 {
	/* absolute position for owl-crousel */
	/*position: absolute;
	height: 100px;
	top: 0;
	left: 0;*/
	width:100%;
}
#textRollDiv3 {
	padding: 10px 70px;
		/*position: relative;
	top: 0;
	width:30%;
	text-align:center;
	display:block;
	overflow:hidden;*/
}
.textRoll{
	color:#fff;
	padding: 0;
	margin: 0;
	/**/
}








#citationsDiv {
	margin: 0;
	padding: 0 70px;
	margin-top: 2em;
	
}

#citationsImg {
	width: 44px;
	float: left;
	/**/
}


#citationsListNav {
	height: 3em;
	float: right;
	position: relative;
	cursor: pointer;
	background-color: rgba(255,255,255,.022);
	/**/

}

		#cLNav1 {
			position:relative;
			/*width: 16px;
			height: 16px;
			*/
			width: 100%;
			margin: auto;
			top: 35%;
		}
		#cLNav1 p {
			/**/
			line-height: 1;
			text-align: center;
			background-color: rgba(255,255,255,.44);
			color: #000;
			margin: auto;
			padding: 0 2px;
			/*width: 1em;
			height: 1em;*/
			vertical-align: middle;
		}



#citationsList {
	margin: 0;
	padding: auto;
	/* margin left/right must be set to real values, due to jquery manipulation */
	padding-right: 20px;
	/*padding-left: 178px;	book*/
	padding-left: 60px;
	cursor: pointer;
}


#citationsListNotice {
	margin: 0;
	padding: 1em;
	font-size: .8em;
	opacity: .74;
	/*display: none;*/
}

ul {
    list-style-type: none !important;
}

#citationsList ul {
	min-height: 2em;	/* for jquery queries */
	list-style-type: none;
	/*
	list-style-image: url('asset/sqpurple.gif');
	list-style-position:outside;
	padding: 2em;*/

	overflow-x: hidden;
	cursor: pointer;
}

#citationsList li{
	line-height: 1.3;
	font-weight: bold;
	font-size: 1em;
	list-style-type: none;
	/*
	margin-bottom: 2.58em;
	display: inline;
	float: left;*/
	position: relative;
	font-family: 'Cutive Mono', cursive;
	letter-spacing: -.078em;
}
#citationsList blockquote:first-line{
	text-indent: 3em;
	font-size: 120%;
	/*float: left; 
	line-height: 35px;
	padding-top: 3px; 
	padding-right: 3px;*/
}
#citationsList blockquote:first-letter{
	/*text-indent: 44px;
	float: left; 
	line-height: 35px;
	padding-top: 3px; 
	padding-right: 3px;*/
}
#citationsList li:nth-child(even) {
	/*background:#ff0000;*/
	font-weight: normal;
}
#citationsList cite {
	/*border-bottom: 1px dotted black;
	background-color: #B4121D;*/
	text-transform: uppercase;
}

#citationsList footer cite {
	display: block;
	/*width: 100%;*/
	text-align: right;
	margin-right: 3em;
	margin-top: 2px;
	text-transform: uppercase;
	font-style: normal;
	font-size: .7em;
	/*font-weight: bold;*/
	background-color: transparent;
}






/********************************************************************************************* 
 FOOTER
*********************************************************************************************/ 
#socialMediaContainer {
	/*padding-top: 100px;
	background-color: rgba(255,255,255,.03);*/
	padding: 40px 0;
}

	#socialIconsDiv {
		width: 5%;
		min-width: 120px;
		padding: 0;
		line-height: 0;
		margin: 0 auto;
	}
		#socialIcon1 {
			position: relative;
			float: left;
			width: 50%;
		}
		#socialIcon2 {
			position: relative;
			float: left;
			width: 50%;
		}




#payPainContainer {
	/*background-color: rgba(255,255,255,.03);*/
	padding-top: 60px;
}

	
	#payPainDiv1 {
		width: 3%;
		min-width: 30px;
		padding: 0;
		margin: 0 auto;
		line-height: 1;
		text-align: center;
	}
	#payPainContainer p {
		text-align: center;
		font-style: italic;
		/*font-size: 90%;*/
		line-height: 1;
	}
	#payPainContainer p span {
		text-align: center;
		font-style: normal;
		font-size: 70%;
		line-height: 1;
		padding-top: -1em;
	}


	#home-link {
		width: 100%;
		border-top: 1px dotted rgba(255,255,255,.06);
		border-bottom: 1px dotted rgba(255,255,255,.06);
		margin: 50px auto;
		/*background-color: #08121F;
		background-color: #000;*/
		padding: 2em 0;
		text-align: center;
	}	
	#home-link:hover {
		background-color: #08121F;
		/*background-color: #000;*/
		padding: 2em 0;
		text-align: center;
	}	


	#footerDiv {
		width: 40%;
		border-top: 1px dotted rgba(255,255,255,.7);
		/*background-color: #08121F;
		background-color: #000;*/
		margin: 30px auto;
		padding: 0 5px;
		text-align: center;

		font-size: 92%;
	}		

	#footerDiv p.copyright {
		font-size: .7em;
		/*font-family: Arial, Helvetica;*/
		margin-top: 2em;
	}	



/********************************************************************************************* 
 CTRL
*********************************************************************************************/ 

#controlsDiv {
	position: fixed;
	top: 88%;
	/*right: 0;*/
	left: 0;
	z-index: 100;
	margin: 0;
	padding: 0px;
	cursor: pointer;

	background-color: transparent;
	font-size: .99em;
	font-weight: bold;
	color: #000;
		padding-left: 7px;


	/*display: none;*/

}


#controlsImgSeqDiv {
	/*position: absolute;
	bottom: 0;*/
	position: relative;
	width: 200px;
	height: 28px;
}
#controlsImgSeqDiv div {
	position: relative;
	float: left;
	margin: 0 2px;
}

	#ctrlPlayImgSeqDiv {	/* Div for Img Sprite
		position: absolute;
		top: 0;
		left: 0; 
		width: 200px;*/
		position: relative;
		height: 28px;
	}
	#ctrlPlayImgSeq {
		/*background-color: #fff;
		*/position: absolute;
		left: 0px;
		width: 28px;
		height: 28px;
	}

#controlsAudioDiv {
	/*position: absolute;
	bottom: 0;
	width: 100%;
	display: none;*/
	position: relative;
	width: auto;
	color: #000;

}

#controlsLayoutSwitchDiv {
	/*position: absolute;
	bottom: 0;
	width: 100%;
	display: none;*/
	position: relative;
	width: auto;
	color: #000;

}








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

5. Welcome Message 

*********************************************************************************************/   
 
#heading {
	float: left;
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
 
#heading .action {
	float:right;
	margin:50px;
	background: url("../../v4/images/button.png") no-repeat 0 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #525c69;
    /*position: relative;
    overflow: visible;*/
    padding: 13px 0;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height:1.1;
}

#heading .action:hover {
	text-decoration:none;
	color:#747F8F;
}

#heading .action:active {
	top:1px;
}
	
#heading .action span {
    position: relative;
    /**/white-space: nowrap;
    left: 24px;
    padding: 13px 24px 13px 0;
    top: 1px;
    background: url("../../v4/images/button.png") no-repeat 100% 0;
}







ul.inline-items li {
	display: inline-block
}

.global-nav {
	/*
	float: left;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #eee;
	clear: both;
	*/
	text-align: center;
	display: block;
	font-size: .76em;
	color:#FFF;
}

.global-nav ul {
	/*width: 960px;
	max-width: 100%;*/
	margin: 0 auto;
	line-height: 42px;
	background: #000;
}
.global-nav li {
	margin-right: 20px;
}
.global-nav a {
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
}
.global-nav li:first-child a {
	/*
	position:absolute;
	top:0px;
	left:100px;
	*/
	display: inline-block;
	line-height: 42px;
	width: 35px;
	overflow: hidden;
	text-indent: 100%;
	margin-top: 2px;
	vertical-align: middle;
	/*
	vertical-align: top;
	margin-left: -200px;*/
	background: url(../../v4/imgs) no-repeat center -4px;
}









.stretch-the-type {
    /*display:inline-block;*/
    transform:scale(1,1.2); /* W3C */
    -webkit-transform:scale(1,1.2); /* Safari and Chrome */
    -moz-transform:scale(1,1.2); /* Firefox */
    -ms-transform:scale(1,1.2); /* IE 9 */
    -o-transform:scale(1,1.2); /* Opera */
}




















/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/*@media only screen and (min-width: 769px) {*/
@media only screen and (min-width: 481px) {
	
a:link {
	/*text-decoration: underline;*/
}
	
	
#gridContainer {
	/*padding-left: 0;
	padding-right: 0;
	margin: 0;*/
	/*margin: 0 10%;*/
}

	
#mainDiv {
	position: relative;
	height: 100%;
	width: auto;
		background-color: #9B131F;
}

#layoutContainer {
	/**/
}


#LayoutDiv1 {
	/**/
}

#LayoutDiv1 h1,p {
	/**/
}


#LayoutDiv2 {
	/**/
}
#LayoutDiv3 {
	/**/
}
#LayoutDiv4 {
	/**/
}


}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	#gridContainer {
		/*margin: auto;*/
	}
	#layoutContainer {
		/* padding-bottom: 6%;		to include bg-image, use padding */
	}




	/********************************************
	LAYOUT SWITCH
	*********************************************/
	#mainDiv, #LayoutDiv1 {
		/**/
		width: 50%;
		max-width: 50%;
		/*background-color: #aaa;*/
		background-color: #9B131F;
	}
	#mainDiv {
		margin-left: 50%;
	}



	#LayoutDiv-PromoDiv {
		/*background-color: #9B131F;*/
	}
}



/* Bigscreen Layout */

@media only screen and (min-width: 1360px) {
	/*@media only screen and (min-width: 1160px) {*/
	#gridContainer {
		/*width:auto;
		margin: auto 10% auto 10%;*/
	}

	#LayoutDiv1, #LayoutDiv2, #LayoutDiv3 {
		/*max-width: 33.3%;*/
	}

	#LayoutDiv1 {
		/**/
	}
	#LayoutDiv2 {
		/**/
	}

}



@media only screen and (min-width: 2100px) {
	/*@media only screen and (min-width: 1160px) {*/
	#gridContainer {
		/*max-width: 2100px;
		margin: auto 20% auto 20%;*/
	}
}




@media print
  {
  	/*#LayoutDiv1 header h1 {display:block;}*/
  }





/* =============================================================================
       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.
     */

a:active,
a:hover {
  outline: 0;
}