@font-face {
    font-family: "OpenSansRegular";
    src: url("/static/unity/font/OpenSans/Regular/OpenSansRegular.eot");
    src: url("/static/unity/font/OpenSans/Regular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("/static/unity/font/OpenSans/Regular/OpenSansRegular.woff") format("woff"),
    url("/static/unity/font/OpenSans/Regular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
	font-display: swap;
}


* { font-family:"OpenSansRegular",Verdana,Tahoma,sans-serif; font-size:1em; }
body { font: 0.814em/150% "OpenSansRegular",Verdana,Tahoma,sans-serif; font-size:1em; line-height:150%; background:#eee; }

p { margin:0 0 18px; }
ul { margin:1em 0; }

img { border:0px; }
img {
	max-width: 100% !important; 
	height: auto; 
}
iframe {
	max-width: 100% !important;
}

a:link{color:#09F;}
a:visited{color:#09F;}
a:hover{color:red;}	
a, a:link { text-decoration:none; }
a:hover { text-decoration:underline; }

h1, h2, h3, h4, h5 { font-family:"OpenSansRegular",Verdana,Tahoma,sans-serif; color:#000; }
h1, .uiH1 { font-size:2.2em; line-height:1em; margin:0.2em 0 1em 0; }
h2, .uiH2 { font-size:1.8em; font-weight:normal; line-height:1em; margin:0.2em 0 0.85em 0; }
h3, .uiH3 { font-size:1.6em; line-height:1.5em; margin:1em 0; }
h4, .uiH4 { font-size:1.3em; line-height:1.5em; margin:1em 0; }
h5, .uiH5 { font-size:1.2em; line-height:1.5em; margin:1em 0; }

@media (max-width: 850px) {
	body { font-size:0.85rem; }		
}

/*==================================================
 * UIPageStandart
 * ===============================================*/

.uiStandartTemplateHeaderWrapper { background:#47a3da; }
.uiStandartTemplateHeader {
	
	min-width:320px;
 	max-width: 1280px;
	margin:0 auto;
}

.uiStandartTemplateWrapper {
	background:#fff; 
	min-width:320px;
 	max-width: 1280px;
	margin:0 auto;
	 
}
.uiStandartTemplateWrapperMaxSize { 
	width:100%;
}
.uiStandartFooterWrapper  { float:left; background:#47a3da; width:100%; }
.uiStandartFooterWrapper a { color:#fff !important; }
.uiStandartColumn25 { float:left; width:25%; }

.uiStandartTemplateMain { padding:20px; }
 @media only screen and (min-width : 1224px) {
	.uiStandartTemplateWrapper
	{
	    position:relative;
	    
	}
}  


.ntxW { background:#141e30; float:left; width:100%;
background-image: linear-gradient(to right, #141e30, #182539, #1c2c42, #20334b, #243b55);
									 
		
		}
			.uiMenu {
	
  max-width:1280px;
  margin: 0 0 0px 0;
  padding: 0;
  background: #000;
  
margin:0 auto;
	
 }
 .uiMenu ul { padding:0 15px 0 15px; }
.uiMenu a {  padding:0 25px 15px 10px; float:left; color:#fff !important; line-height:40px; font-size:1.25em; text-align:center; }
 .ntxW a:hover { color:#ff3700 !important; text-decoration:none; }
.uiMenu .uiMenuSpecialLink {  }

 
@media (max-width: 850px) {
	.uiMenu a { line-height:60px; }								
	.uiMenu a { width:31%; padding:0; }
	.uiMenu .uiMenuSystemLink { font-size:1em; }
	.uiMenu .uiMenuSpecialLink { display:block; }
	.uiMenu .uiMenuStandartLink { display:none; }
}
.uiMenuAdditional { display:none; padding:10px 0; }
.uiMenuAdditional { float:left; width:100%; background:#111; }
.uiMenuAdditional .uiMenuBar a { float:left; width:20%; text-align:center; color:#fff; padding:15px 0; }
@media (max-width: 850px) {
	.uiMenuAdditional .uiMenuBar a { float:left; width:50%; text-align:center; color:#fff; }	
}

@media (min-width:1220px) {
						.uiStandartTemplateHeader  { max-width:1280px !important; }
						.uiMenuHsAdaptiveRoot  { margin:0 !important;   }
						.uiStandartTemplateWrapper  { max-width:1280px !important; }
						.uiStandartTemplate { padding:0px; }
						.altLB { display:none; float:right; width:210px; padding-left:20px;padding-bottom:20px; }
						.uiStandartContentMaximum { float:left; max-width:1280px; padding:0px; } /* use new wrapper for global setData */
	.altNavChain li { display:block; float:left; }
	.altNavChainWrapper { overflow:hidden; }
	.moreStyleNav { display:block !important; }
}
						@media (max-width:600px) {
							.altNavChain li { display:block; float:left; width:100%;  }
						}
						.headSearch { width:100px; }
						.headSearch input[name=query] { width:120px; } 
						.headNav { padding-left:10px; }
						.ui-global-wrapper, .ui-global-wrapper-simple { max-width: 1280px !important; }

.uiTable { margin:0 auto;  }

.uiTable td, .uiTable th { padding:10px; vertical-align:top; }
.uiTable th { background:#fff; }

.uiTableBordered td, .uiTableBordered th { border:1px solid #666; }
.uiTableBordered tr:nth-child(even) { background:#ededed; }
.uiTableBordered tr:nth-child(odd) { background:#fff; }

.uiSelect { width:100%; }

.uiTdColspan { text-align:center; }

.uiTextarea { width:100%; }

.uiInput { width:100%; }
.uiInputSubmit { background:#ededed; }

.uiStandartTemplateList { float:left; }
.uiStandartTemplateList li { padding:10px; }

.uiStandartTemplateSection {  }
.uiStandartTemplateSectionHeader { background:#ededed; font-size:2em; padding:20px; }
.uiStandartTemplateSectionContent { margin-top:1em; }

.uiNavigationCrumbWrapper { float:left; width:100%; background:#393832; }
.uiNavigationCrumbMain { padding:20px; float:left; }
.uiNavigationCrumbSep { color:#999; }
.uiNavigationCrumb { float:left; margin-right:10px; }
.uiNavigationCrumbA { color:#999 !important; }
.uiNavigationCrumbA:hover { color:#fff !important; }
.uiNavigationCrumbALast { color:#fff !important; }


.uiCrumbV2Wrapper { width:100%; float:left; margin:0px 0 0px 0; }
a.uiCrumbV2Link { float:left; color:#666; }
.uiCrumbV2Delimiter { float:left; margin:0 10px; }

.uiClear { clear: both; }

.uiVoid { width:100%; height:2em; }

.uiMargin { width:100%; height:1em; }
.uiMarginFloat { width:100%; height:1em; float:left; }


.uiStandartListWrapper {
	width:100%;
}
	
	.uiStandartListWrapper .uiStandartListSimple {
		margin: -3em 0 0 -2em;
		
	}
	
	.uiStandartListSimple .uiStandartListElement {
	text-align:center;
		text-decoration: none;
		
	
		display: -moz-inline-box;
		
	
		display: inline-block;
		
		vertical-align: top;
		
	
		text-align: left;
		
	
		margin: 3em 0 0 2em;
		
	
		/float:left;
	}
	
	.uiStandartListElement .uiStandartListElementInside {
	
	width:10em;
	
	float: left;
	text-align:center;
	}

	.uiStandartHighlightImage {
		text-decoration:none;
		}
	.uiStandartHighlightImage img {  
		background: white;
	  	padding: 6px;
	  	border: solid 1px #ccc;
	  }
	.uiStandartHighlightImage img:hover {
		border: solid 1px #4B819B;
	}
.uiSectionV1Wrapper { float:left; width:100%; }
.uiSectionV1Preview { float:left; width:180px; }
.uiSectionV1Media { float:left; width:300px; }
.uiSectionV1Content { float:left; min-width:310px; max-width: 400px; padding-left:10px; }
	
.uiSectionV2Wrapper { float:left; width:100%; }
.uiSectionV2Preview { float:left; width:330px; }
.uiSectionV2Media { float:left; width:100%; }
.uiSectionV2Content { float:left; min-width:310px; max-width: 600px; padding-left:10px; }
	
@media (max-width: 360px) {
	.uiSectionV2Preview { display:none; }
}

.uiStandartVarList { width:100%; }
.uiStandartVarList td { border-bottom:1px dotted #ccc; }
.uiStandartVarList .uiStandartVarListName { font-weight:bold; width:40%; }
.uiStandartVarList .uiStandartVarListVal { width:60%; }


.uiStandartVarListWidth30S70 { width:100%; }
.uiStandartVarListWidth30S70 td { border-bottom:1px dotted #ccc; }
.uiStandartVarListWidth30S70 .uiStandartVarListName { font-weight:bold; width:30%; }
.uiStandartVarListWidth30S70 .uiStandartVarListVal { width:70%; }

.uiSectionV3Wrapper { float:left; width:100%; }
.uiSectionV3Media { float:left; width:60%; }
.uiSectionV3Content { float:left; width:38%; margin-left:2%; }
	
@media (max-width: 360px) {
	.uiSectionV3Media { width:100%; }
	.uiSectionV3Content { width:100%; margin-left:0%; }
}

.uiSectionV4Wrapper { float:left; width:100%; }
.uiSectionV4Media { float:left; width:20%; }
.uiSectionV4Content { float:left; width:78%; margin-left:2%; }
	
@media (max-width: 360px) {
	.uiSectionV4Media { width:100%; }
	.uiSectionV4Content { width:100%; margin-left:0%; }
}

.uiSectionV5Wrapper { float:left; width:100%; }
.uiSectionV5Content { float:left; width:32%; margin-right:1%; margin-bottom:1%; }
	
@media (max-width: 600px) {
	.uiSectionV5Content { width:100%; margin-left:0%; }
}

.uiSectionV6Wrapper { float:left; width:100%; }
.uiSectionV6Media { float:left; width:70%; }
.uiSectionV6Content { float:left; width:28%; margin-left:2%; }
	
@media (max-width: 360px) {
	.uiSectionV6Media { width:100%; }
	.uiSectionV6Content { width:100%; margin-left:0%; }
}

.uiSectionV7Wrapper { float:left; width:100%; }
.uiSectionV7Media { float:left; width:35%; margin-right:2%;}
.uiSectionV7Content { float:left; width:63%;  }
	
@media (max-width: 360px) {
	.uiSectionV7Media { width:100%; }
	.uiSectionV7Content { width:100%; margin-left:0%; }
}

.uiSectionV8Wrapper { float:left; width:100%; }
.uiSectionV8Media { float:left; width:320px; }
.uiSectionV8Content { float:left; min-width:310px; max-width: 630px; padding-left:10px; }

@media (max-width: 360px) {
	.uiSectionV8Media { width:100%; float:left; }
	.uiSectionV8Content { width:100%; float:left; padding-left:0; margin-left:0; }
}


.uiQuoteWrapper { width:100%; float:left; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #CCC; }
					.uiQuoteCharacters { width:20%; float:left; }
					.uiQuoteText { width:55%; float:left; }
					.uiQuoteTextIns { padding:0 10px; }
					.uiQuoteData { width:25%; float:left; text-align:center; }
			
			
					@media (max-width : 600px) {
							.uiQuoteCharacters, .uiQuoteText, .uiQuoteData { width:100%; }
						}
						
						

					
.uiPersonAvatar { width:100%; text-align:center; }
.uiPersonAvatar .uiPersonAvatarPrettyMin a { display:block; border-radius: 50%;width:70px;height:70px; margin:0 auto 20px auto; }
.uiPersonAvatar .uiPersonAvatarPretty a { display:block; border-radius: 50%;width:140px;height:140px; margin:0 auto 20px auto; }
.uiPersonAvatar .uiPersonAvatarPrettyMin a:hover {
						transition: all 0.3s ease-in-out 0s;
						z-index: 9;
						position: relative;
						-webkit-box-shadow:0 0 0 3px #47a3da;box-shadow:0 0 0 3px #47a3da
					}
					
					.uiPersonAvatar .uiPersonAvatarPretty a:hover {
						transition: all 0.3s ease-in-out 0s;
						z-index: 9;
						position: relative;
						-webkit-box-shadow:0 0 0 7px #47a3da;box-shadow:0 0 0 7px #47a3da 
					}
					.uiPersonName { width:100%; text-align:center; font-size:1.2em; }
					.uiPersonOriginal { width:100%; text-align:center; font-size:0.8em; color:#666; }
						
					
					
.uiCustomFilmPeople, .uiCustomFilmCharacter  { float:left; width:25%; min-height:250px;  }
								.uiCustomFilmPeopleP, .uiCustomFilmCharacterP { padding:1em;   }
								.uiCustomFilm { float:left; width:50%; text-align:center; }
								.uiCustomPeople { float:left; width:50%; text-align:center; }
								.uiCustomFilmPeopleIns { width:100%; }
			
								@media (max-width: 900px) {
									.uiCustomFilmPeople, .uiCustomFilmCharacter { width:50%;}
						
								}
								@media (max-width: 600px) {
									.uiCustomFilmPeople, .uiCustomFilmCharacter { width:100%;}
								}
								
								
								
		.movieWrapper {
	width:100%;
	margin-top:20px;
}
	
	.simpleMovieLesson {
		width:450px;background:#fff;padding:0px;margin:0 auto;height:400px;overflow:hidden;
	}
	.movieWrapper .movieList {
	
		margin: -3em 0 0 -2em;
		
	
		text-align: center;
	}
		
	.movieList .simpleMovie {
		
	
		text-decoration: none;
		
	
		display: -moz-inline-box;
		
	
		display: inline-block;
		
		vertical-align: top;
		
	
		text-align: left;
		
	
		margin: 3em 0 0 2em;
		
	
		/float:left;
	}
		
	.simpleMovie .r {
	
	width:14em;
	
	float: left;
	text-align:center;
	}
		
	.thumb {
		text-decoration:none;
		}
	.thumb img {
		background: white;
	  	padding: 6px;
	  	border: solid 1px #ccc;
	  }
	.thumb img:hover {
		border: solid 1px #4B819B;
	}
	 .simpleMovie .movieName { text-align:center; }
	 .movieWrapper .movieDiscription { text-align:left; }
	
.gsc-control-cse { background:none !important; border:none !important; }
	
	.cse, .gsc-control-cse { margin:0 !important;padding:0 !important; }
	
	.uiAddReview { width:600px; margin:2em 0; }
	.uiAddReview input, .uiAddReview textarea { width:100%; }
	
	.uiSimilarHeaderWrapper { float:left; width:100%; }
	.uiSimilarHeader { float:left; }
	.uiSimilarRate { float:left; line-height:2em; }
	
	.uiSimilarTU { float:left; padding:5px; color:green !important; }
	
.uiSimilarTU { float:left; padding:5px; color:#fff !important; }
a.uiSimilarTU {
    box-shadow: 0 2px 25px rgba(243, 156, 18, 0.5);
    background: #f39c12;
    color:#fff !important; 
    padding: 5px 15px;
	border:1px solid #f39c12;
    border-radius: 5px;
    margin: 15px 0;
}
	
	.uiSimilarTD { float:left; padding:5px; color:#666 !important; }
	
	@media (max-width: 600px) {
		.uiSimilarRate { float:left; width:100%; }
	}
	
	
	
.simpleMovieReview { float:left; border-bottom:1px solid #ccc; margin-bottom:25px; padding-bottom:25px; }
								.simpleMovieStar { width:100%; }
								.simpleMovieDate { width:100%; }
								@media (max-width: 900px) {
									.simpleMovieStar {width:60%; margin:0 auto; float:left;}
									.simpleMovieDate { width:40%; margin:0 auto; float:left;}
								}
								
								
								.makeMovieReview #movieReview { width:100%; height:150px; }
								

.stButton {color:#fff !important;background-color:#007bff;border-color:#007bff}
.stButton:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
								
.useButton{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.useButton:focus,.useButton:hover{text-decoration:none}
								
								
.uiSimilarTU { float:left; padding:.375rem .75rem; margin-right:5px; color:green !important; border:1px solid green; border-radius:5px; }
.uiSimilarTD { float:left; padding:.375rem .75rem; color:#666 !important; border:1px solid #666; border-radius:5px; }
								
								
								
								
.uiX3DCard, .uiX3DCardLast { float:left; width:300px; height:150px; overflow:hidden; }
						.uiX3DCard { margin:0 10px 0px 0; }
						.uiX3DCardLast { margin:0; }
								@media (max-width: 900px) {
									.uiX3DCard, .uiX3DCardLast { width:320px; height:150px; margin-bottom:10px; }
								}
								

								
								
.uiLinkChain li { float:left; display:block; font-size:0.8em; margin-right:10px; color:#666; }
.uiLinkChain li a { color:#666 !important; }

.uiForBigScreen {
	display:block;	
}
@media (max-width: 500px) {
	.uiForBigScreen {
		display:none;	
	}
}
.uiForSmallScreen { display:none; }
@media (max-width: 500px) {
	.uiForSmallScreen {
		display:block;	
	}
}
a.uiStandartButton {
	padding:15px;
	background:#34A0CF;
	color:#fff;
	border-radius:5px;
}



.uiSlider {
	clear:both;
	margin:15px 0;
}
@media (max-width: 500px) {
	.uiSlider {
		margin:0;
	}
}


//VARIABLES
$gray: #555;
$yellow: #f2e968;
$white: #efefef;


.uiSliderGridContainter {
  background: $white;
}


@supports(display: grid) {

  .uiSliderGridContainter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr auto;
	
    grid-template-areas:
      "main main main";
    @media screen and (max-width: 500px) {
      grid-template-columns: 1fr;
      grid-template-rows: 0.3fr 1fr auto 1fr;
      grid-template-areas: 
        "main"
      ;
    }
  }

  .uiSliderGridItem {
    color: #fff;
    
    padding: 3.5em 1em;
    font-size: 1em;
    font-weight: 700;
  	
  }
  
  
  .uiSliderGridItemMain {
    
    grid-area: main;
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
  	overflow-x: hidden;
  }
  
  

  .uiSliderGridItemList {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    
    will-change: transform;
    user-select: none;
    
  	
  	
  }
  .uiSliderGridItemList::-webkit-scrollbar {
	   background:#fff;
  }


  .uiSliderGridItemList.uiActiveSlider {
    background: rgba(255,255,255,0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
    
  }

  .uiSliderGridItemOne {
    display: inline-block;
    
    /*
    min-height: 190px;
    min-width: 250px;
    
    */
  	margin: 2em 1em 2em 0.1em;
    @media screen and (max-width: 500px) {
      /*
      min-height: 200px;
      min-width: 200px;
      */
    }
  }
  .uiSliderGridItemWidth200 {
	 display: inline-block;
  	min-width: 200px;
  }
.uiSliderGridItemOneNoMargin {
    display: inline-block;
    
    /*
    min-height: 190px;
    min-width: 250px;
    
    */
  	margin: 1em 0em 1em 0.1em;
    @media screen and (max-width: 500px) {
     
    	margin: 1em 0em 1em 0.1em;	
    }
  }
}


.uiPanelV2AnkElement a { border-bottom:3px solid #EEE; box-shadow: 0 0 3px rgba(0,0,0,0.5); float:left; background:#f4f4f4; padding:10px 25px; color:#000; transition-timing-function:ease; transition-property:background; transition-duration:0.3s; transition-duration:0; }
.uiPanelV2AnkElement:hover, .uiPanelV2AnkElement a:hover { background:#fff; text-decoration:none; }

.uiPanelV2AnkElementCurrent { background:#fff;border-bottom:3px solid gold; color:#000; float:left; padding:10px 25px;box-shadow: 0 0 3px rgba(0,0,0,0.5); }


@media (max-width: 850px) {
	.uiPanelV2AnkElement, .uiPanelV2AnkElementCurrent {
		
	}
	.uiPanelV2AnkElement a, .uiPanelV2AnkElementCurrent {
		padding:8px;
	}
	.uiPanelV2AnkElement a {
		width:40%;
		float:left;
	}
	.uiPanelV2AnkElementCurrent {
		width:40%;
		float:left;
		
	}
}



.uiListStyleV1MainWrapper {
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	border-radius: 5px;
}

.uiListStyleV1MainElementContainer img {
	
	border-radius: 5px;
}

.uiListStyleV1MainElementContainer {
	position: relative;
	text-align: center;
	color: white;
	border-radius: 5px;
}

.uiListStyleV1MainElementContainerInsideText {
	bottom: 0;
	padding: 10px;
}

.uiListStyleV1MainElementContainerInside {
	position: absolute;
	white-space: normal;
	bottom: 0;
	font-size: 1.25em;
	line-height: 1.5em;
	
	background: linear-gradient(to bottom, transparent 0%, black 100%);
	border-radius: 5px;
}

.uiListStyleV1MainSetSizeV1 { width: 240px; height: 180px; }
.uiListStyleV1MainSetWidthV1 { width: 240px; }
.uiListStyleV1MainSetHeightV1 { height: 180px; }

.uiListStyleV1MainSetSizeV2 { width: 240px; height: 360px; }
.uiListStyleV1MainSetWidthV2 { width: 240px; }
.uiListStyleV1MainSetHeightV2 { height: 360px; }

@media (max-width: 850px) {
	.uiListStyleV1MainWrapper { margin:15px auto; }	
}



.uiMainV4ListWrapper {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
	margin:25px 0;
	gap: 12px;
}
.uiMainV4ListWrapper_element {
	width:calc(50% - 6px);
    height:450px;
    margin-bottom: 25px;
    
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	border-radius:5px;
}
.uiMainV4ListWrapper_element_container_wrapper_text {
	padding:10px;
}
.uiMainV4ListWrapper_element img {  height:340px; border-radius: 5px; }

@media (max-width: 850px) {
	.uiMainV4ListWrapper_element {
		width: 100%;
		margin-right: 0px;
		height:350px;
	}
	.uiMainV4ListWrapper_element img {  height:240px; border-radius: 5px; }	
}

.uiMainV3ListWrapper {
						display: flex;
    flex-wrap: wrap;
    width: 100%;
							margin:25px 0;
						}
						.uiMainV3ListWrapper_element {
						    width: 240px;
    height:180px;
    margin-bottom: 8px;
    margin-right: 8px;
						box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
						border-radius:5px;
						
						}
						
						.uiMainV3ListWrapper_element_container img {  height:180px; border-radius: 5px; }
						.uiMainV3ListWrapper_element_container {
						
	width:240px;
	height:180px;					
    position:relative;
    text-align: center;
    color: white;
						
						
		border-radius:5px;				    
}
						.uiMainV3ListWrapper_element_container_wrapper_text { padding:10px; }

.uiMainV3ListWrapper_element_container_wrapper {
    position: absolute;
    bottom:0;
						font-size:1.25em;
						line-height:1.5em;
						width:100%;
background: linear-gradient(to bottom, transparent 0%, black 100%);
 border-radius: 5px;
						
						
}

@media (max-width: 850px) {
	.uiMainV3ListWrapper_element { margin:15px auto; }	
}


.uiPeopleCastCardWrapper {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
}
.uiPeopleCastCard {
	width:calc(33% - 20px);
	margin-bottom:5rem;
}
@media (max-width: 850px) {
	.uiPeopleCastCard {
		margin-bottom:0;
		border-bottom:1px solid #EEE;
		margin-top:15px;
	}
}
.uiPeopleCastCard__wrapper {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
}
.uiPeopleCastCard__poster {
	width:calc(30% - 20px);
	text-align:center;
}
.uiPeopleCastCard__poster img {
	
	border-radius:8px;
}
.uiPeopleCastCard__desc {
	width:calc(70% - 20px);	
}
.uiPeopleCastCard__role {
	width:100%;margin:10px 0;color:#666;font-size:0.9em;
}
.uiPeopleCastCard__rate {
	margin:10px 0;
	width:100%;
}

@media (max-width: 850px) {
	.uiPeopleCastCard { width:100%; }
}

.uiMovieVarXVWrapper {
	width:100%;
	float:left;
}
.uiMovieVarXVTitle {
	float:right;
	width:880px;
}
.uiMovieVarXVTrailer {
	float:left;
	width:320px;
}
.uiMovieVarXVContent {
	float:right;
	width:880px;
}
@media (max-width: 1280px) {
	.uiMovieVarXVTitle { width:100%; float:left; }
	.uiMovieVarXVTrailer { width:100%; float:left; }
	.uiMovieVarXVContent { width:100%; float:left; }
}

.uiMovieListSimpleSection {
	width:100%;
	margin-bottom:25px;
	
}
@media (max-width: 850px) {
	.uiMovieListSimpleSection {
		width:100%;
		margin-right:0;
	}
}

.uiButtonList__wrapper {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
}
.uiButtonList__element {
	width:calc(20% - 1rem);
	margin:2rem 1rem 2rem 0;
}
.uiButtonV1Active, .uiButtonV1Active:link, .uiButtonV1Active:visited {
	padding:10px 15px;background:#4682B4;color:#fff;margin-right:10px;border-radius:15px;
}
@media (max-width: 850px) {
	.uiButtonList__element { width:calc(50% - 1rem); }
}

.uiPeopleCard__wrapper {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
}
.uiPeopleCard__poster {
	width:calc(10% - 1rem);
	margin:1rem 1rem 1rem 0;
	text-align:center;
}
.uiPeopleCard__desc {
	width:calc(90% - 1rem);
	margin:1rem 1rem 1rem 0;
}

@media (max-width: 850px) {
	.uiPeopleCard__poster {
		width:calc(30% - 1rem);
	}
	.uiPeopleCard__desc {
		width:calc(70% - 1rem);
	}	
}


.uiSearchResult__wrapper {
	display: flex;
    flex-wrap: wrap;
	width:100%;
}
.uiSearchResult__element {
	width: calc(50% - 25px);
    border: 1px solid #e7e8e7;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 15px;
    margin-right: 15px;
	
	display: flex;
    flex-wrap: wrap;
}
.uiSearchResult__poster {
	width: calc(50% - 25px);
	padding:10px;
}
.uiSearchResult__content {
	width: calc(50% - 25px);
	padding:10px;
}							
						
						.uiElementLine { width:100%; margin:15px 0; }
						@media (max-width: 900px) {
							.uiSearchResult__element, .uiSearchResult__poster, .uiSearchResult__content {
								width:100%;
							}
						}
						
.uiMovieSnippetWrapper {
	display:flex;
	flex-wrap: no-wrap;
}						
.uiMoviePoster { width: calc(10% - 25px); }
.uiMovieDescription { width: calc(90% - 25px); }

@media (max-width: 900px) {
	.uiMoviePoster { width: calc(32% - 25px); }
	.uiMovieDescription { width: calc(68% - 25px); }	
}
.uiMovieSnippetWrapper {
	border-bottom:1px solid #EEE;
}

.uiDivChart { width:100%;  }
.uiDivChart td { padding:5px; vertical-align:top; }
.uiDivChart .spec { width:30%; }
.uiDivChart .val { width:70%; }

@media (max-width: 600px) {
.uiDivChart .spec { width:50%; }
.uiDivChart .val { width:50%; }	
}

.uiContentListElementBlock {
	margin:15px 0 15px 0;
	border:1px solid #AAA;
	border-radius:5px;
	padding:15px;
}

.uiMenuColumnFull {
	width:1280px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
.uiMenuColumnSection {
	width:calc(50% - 50px);
	padding:25px;
}
.uiMenuColumnSection li {
	padding:10px;
}
.uiMenuColumnFull a {
	color:#fff;
}
@media (max-width: 1280px) {
	.uiMenuColumnFull { width:100%; }
	.uiMenuColumnSection {
		width:calc(100% - 50px);
	}	
}

.uiListFolderWrapper {
	width:100%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
.uiListFolderElement {
	width:calc(25% - 50px);
	padding:25px;
}
@media (max-width: 1280px) {
	.uiListFolderElement {
		width:calc(50% - 50px);
	}	
}


.uiFilmographyW {
	display: flex;
    flex-wrap: wrap;
	width:100%;
}
.uiFilmographyElementW {
	width: calc(50% - 25px);
    border: 1px solid #e7e8e7;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 15px;
    margin-right: 15px;
}
						.uiFilmographyElement {
						padding:10px;
						display: flex;
    flex-wrap: wrap;
	width:100%;
						}
						.uiElementLine { width:100%; margin:15px 0; }
						
						.uiFilmographyPoster {
							width:30%;	
						}
						.uiFilmographyDesc {
							width:calc(70% - 25px);	
						}
						@media (max-width: 500px) {
							.uiFilmographyElementW {
								width:100%;
								margin-bottom: 0px;
    							margin-right: 0px;
								border:none;
								border-bottom: 1px solid #e7e8e7;
    							border-radius: 0px;
							}
							.uiElementLine { margin:0; }
						}
						
						
						
.uiSemanticVideoX1 {
	float:left;width:344px;margin-right:10px;margin-bottom:10px;
	font-size:0.85rem;color:#666;
}
@media (max-width: 500px) {
	.uiSemanticVideoX1 {
		width:100%;
		margin:0;
	}	
}


.uiProfilePanel {
					border:1px solid #eee;
					border-radius:5px;
					padding:5px;
					margin:15px 0;
					display: flex;
    flex-wrap: wrap;
	width:100%;
				}
				.uiReviewAvatar {
					width:30%;
				text-align:center;
				}
				.uiReviewPeopleName {
					width:35%;
				text-align:center;
				}
				.uiReviewPeopleInfo {
					width:35%;
				text-align:center;
				}
				.uiReviewAvatar img { 
					border-radius: 50%;
				}
				.uiReviewReadMore {
					margin:10px 0;
				}
				.uiReviewRateVote {
					width:180px;
					float:right;
				}
				
				
.uiStandartUniversalFlexContainer {
	 display: flex;
	flex-wrap: wrap;
}
.uiStandartUniversalFlexW50Block {
	width:50%;
}
.uiStandartUniversalFlexW50Block img { border-radius:10px; }

.uiStandartUniversalFlexW50BlockText {
	padding:0 10px;
}

@media (max-width: 850px) {
	.uiStandartUniversalFlexW50Block {
		width:100%;
	}
	.uiStandartUniversalFlexW50BlockText {
		padding:10px 0;
	}
}



.uiEverySliderWrapper {
	
	max-width: 1240px;
	overflow:hidden;	
}
@media (max-width: 850px) {
	.uiEverySliderWrapper {
		width:calc(100% - 5px);
	}
}

.uiThemeScrollContainer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px;
    margin: 0 -16px;
	width:100%;
}

.uiThemeScrollContent {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 8px 0;
}

.uiThemeSimpleCard {
    flex: 0 0 auto;
    width: 240px;
    position: relative;
	box-shadow: rgb(38, 57, 77) 0px 10px 15px -10px;
}

.uiThemeSimpleCard a {
    display: block;
    text-decoration: none;
    color: white;
    position: relative;
}

.uiThemeSimpleCardPoster {
    position: relative;
    background: #000;
    border-radius: 4px;
    overflow: hidden;
}

.uiThemeSimpleCardPoster img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.uiThemeSimpleCardCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.9);
	font-weight:bold;
    padding: 8px 10px;
    font-size:1.25em;
	line-height:1.5em;
    
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	text-align:center;
}
.uiThemeSimpleCardCaption a, .uiThemeSimpleCardCaption, .uiThemeSimpleCardCaption:link {
	color:#fff;
}
/* eof theme */

/* poster and wall caption */
/* Основной контейнер слайдера */
.wallSlider {
    overflow-x: auto;
    padding: 25px 0;
    background: #fff;
    -webkit-overflow-scrolling: touch;
	width:calc(100% - 30px);
	
}


/* Контейнер элементов */
.wallPosterList {
    display: inline-flex;
    gap: 20px;
    padding: 0 30px;
    min-width: 100%;
}

/* Элемент слайдера */
.wallPosterList__simple {
    flex: 0 0 260px; /* Ширина с учетом padding */
    transition: transform 0.2s;
}

/* Внутренний контейнер постера */
.wallPosterInside {
    background: #181818;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wallPosterInside:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* Изображение с новыми размерами */
.wallPosterInside img {
    width: 100%;
    height: 180px; /* Новая высота */
    object-fit: cover;
    border-bottom: 3px solid #2a2a2a;
}

/* Название фильма */
.wallPosterName {
    padding: 15px;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    min-height: 60px; /* Фиксированная высота для текста */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .wallPosterList__simple {
        flex: 0 0 220px; /* Уменьшенная ширина */
    }
    
    .wallPosterInside img {
        height: 150px; /* Уменьшенная высота */
    }
    
    .wallPosterName {
        font-size: 14px;
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .wallPosterList__simple {
        flex: 0 0 200px;
    }
    
    .wallPosterInside img {
        height: 130px;
    }
}
/* eof wall */
/* movie poster */

/* Основной контейнер для слайдера */
.movieSlider {
    overflow-x: auto; /* Включаем горизонтальную прокрутку */
    padding: 15px 0;
    background: #fff;
    -webkit-overflow-scrolling: touch; /* Инерция для iOS */
    width:calc(100% - 30px);
	
}

/* Контейнер для элементов слайдера */
.moviePosterList {
    display: inline-flex; /* Элементы в одну строку */
    gap: 12px; /* Расстояние между элементами */
    padding: 0 15px; /* Отступы по краям */
    min-width: 100%; /* Гарантирует растягивание контейнера */
}

/* Стили для элементов слайдера */
.moviePosterList__simple {
    flex: 0 0 150px; /* Фиксированная ширина без сжатия */
    transition: transform 0.15s; /* Анимация при наведении */
}

.moviePosterInside {
    background: #181818; /* Темный фон карточки */
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3); /* Тень для объема */
    transition: transform 0.2s;
}



.moviePosterInside:hover {
    transform: translateY(-3px); /* Эффект поднятия при наведении */
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

.moviePosterInside img {
    width: 100%;
    height: 200px;
    object-fit: cover; /* Правильное масштабирование изображений */
    border-bottom: 2px solid #303030; /* Разделитель */
}


.moviePosterName {
    padding: 8px;
    color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	min-height:100px;
}

/* Адаптив для мобильных */
@media (max-width: 500px) {
 	.moviePosterList {
        gap: 8px;
        padding: 0 10px;
    }
    
    .moviePosterList__simple {
        flex: 0 0 150px;
    }
    
    .moviePosterInside img {
        height: 200px;
    }
    
    .moviePosterName {
        padding: 6px;
    }
    
    
}
/* set width for mobile */
@media (max-width: 500px) {
	.movieSlider, .wallSlider {
		width:100%;
    }
    .uiThemeScrollContainer {
		width:calc(100% - 15px);
    }
}

/* vertical nav */

 .uiPanelAnkList {
            display: flex;
            overflow-x: auto;
            white-space: nowrap;
            background-color: #222;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
 			width:calc(100% - 60px);
 			
 			margin:0 0 15px 0;
 			
 			
        }

        .uiPanelAnkListElementCurrent {
            background-color: #f39c12;
            color: #fff;
            padding: 10px 20px;
            border-radius: 5px;
            margin-right: 10px;
            font-weight: bold;
        }

        .uiPanelAnkListElement {
            color: #fff;
            padding: 10px 20px;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        .uiPanelAnkListElement:hover {
            background-color: #555;
        }

        .uiPanelAnkListElement a {
            color: #fff;
            text-decoration: none;
        }

        .uiPanelAnkListElement a:hover {
            text-decoration: underline;
        }
/* set width for mobile */
@media (max-width: 500px) {
	.uiPanelAnkList {
		width:calc(100% - 10px);
	}
}

/* people slider */

.uiPeopleSmartSlider {
            display: flex;
            overflow-x: auto;
            white-space: nowrap;
            
            
            border-radius: 8px;
            
            
            scrollbar-width: thin; /* Для Firefox */
			width:calc(100% - 60px)
        }


        .uiPeopleSmartSlider::-webkit-scrollbar {
            height: 8px; /* Высота скролла */
        }

        .uiPeopleSmartSlider::-webkit-scrollbar-thumb {
            
            border-radius: 4px;
        }

        .uiPeopleSmartSlider__people {
            display: flex;
            width: 200px;
            border-radius: 8px;
            
            padding: 10px;
            
        	gap: 10px;
        }
        .uiPeopleSmartSlider__people__inside_post {
			width:40px;
        }
        .uiPeopleSmartSlider__people__inside_desc {
			width:calc(100% - 45px);
        }

        .uiPeopleSmartSlider__people:hover {
            
            
        }

        .uiPeopleSmartSlider__people__poster img {
            width: 40px;
            height: auto;
            border-radius: 5px;
        }

        .uiPeopleSmartSlider__people__name {
            
            font-weight: bold;
            
        }

        .uiPeopleSmartSlider__people__desc {
            color:#666;
        }

        
.uiPeopleSmartSlider__container {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-auto-rows: 100px; /* Высота каждого элемента */
            gap: 10px;
            overflow-x: auto;
            padding:0 10px;
        }
        
@media (max-width: 500px) {
	.uiPeopleSmartSlider {
		width:calc(100% - 10px);
	}
}
/* eof uiPeople */

/* uiFilmPeople */

.uiFilmListPeopleSmartSlider {
            display: flex;
            overflow-x: auto;
            white-space: nowrap;
            
            
            border-radius: 8px;
            
            
            scrollbar-width: thin;
			width:calc(100% - 60px)
        }


        .uiFilmListPeopleSmartSlider::-webkit-scrollbar {
            height: 8px;
        }

        .uiFilmListPeopleSmartSlider::-webkit-scrollbar-thumb {
            
            border-radius: 4px;
        }

        .uiFilmListPeopleSmartSlider__people {
            display: flex;
            
            border-radius: 8px;
            
            padding: 0px;
            
        	gap: 10px;
        }
        .uiFilmListPeopleSmartSlider__people__inside_post {
			width:40px;
        }
        .uiFilmListPeopleSmartSlider__people__inside_desc {
			width:calc(100% - 45px);
        }

        .uiFilmListPeopleSmartSlider__people:hover {
            
            
        }

        .uiFilmListPeopleSmartSlider__people__poster img {
            width: 40px;
            height: auto;
            border-radius: 5px;
        }

        .uiFilmListPeopleSmartSlider__people__name {
            
            font-weight: bold;
            
        }

        .uiFilmListPeopleSmartSlider__people__desc {
            color:#666;
        }

        
.uiFilmListPeopleSmartSlider__container {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-auto-rows: 100px;
            gap: 10px;
            overflow-x: auto;
            padding:0 10px;
        }
        
@media (max-width: 500px) {
	.uiFilmListPeopleSmartSlider {
		width:calc(100% - 10px);
	}
}

/* uniword */

 .uiShortUniWord__wrapper {
            display: flex;
            overflow-x: auto;
            padding: 10px;
            
            
            scrollbar-width: thin; /* Для Firefox */
 			width:calc(100% - 60px)
        }

        .uiShortUniWord__wrapper::-webkit-scrollbar {
            height: 8px; /* Высота скролла */
        }

        .uiShortUniWord__wrapper::-webkit-scrollbar-thumb {
            background: #555;
            border-radius: 4px;
        }

        .uiShortUniWord__element {
            display: inline-block;
            margin-right: 10px;
            transition: background-color 0.3s, transform 0.3s;
            border-radius: 5px;
        	
        }

        .uiShortUniWord__element a {
            display: block;
            padding: 10px 15px;
            color: #fff;
            text-decoration: none;
            background-color: #f39c12;
            border-radius: 5px;
            transition: background-color 0.3s, transform 0.3s;
            font-weight: bold;
        	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
        }

        .uiShortUniWord__element a:hover {
            background-color: #e67e22;
            transform: scale(1.05);
        }

        .uiShortUniWord__element:last-child {
            margin-right: 0; /* Убираем отступ у последнего элемента */
        }
        
@media (max-width: 500px) {
	.uiShortUniWord__wrapper {
		width:calc(100% - 10px);
	}
}