/*
Theme Name: fenglish
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fenglish
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

fenglish is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
	text-decoration: underline;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}


button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

 .trhover tr:hover {
 background-color: #E9F2F5;
 }


.tdhover td:hover {
 background-color: #E9F2F5;
 }
 
 .navtable tr {
 background-color: #E9F2F5;
 }

:focus {
outline: none;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/


dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	/*background-image: url(/wp-content/themes/fenglish/images/back-ground.png);*/
	/*background-color: rgba(3, 169, 244, 0.1);*/
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
#menu-left {
	padding-left: 0px;
}
.sub-menu {
	padding-left: 0px;
}
.widget-area ul {
	margin: 0 0 0 1em;
}



.posts-navigation {
	text-align:center; margin:30px 0;
	font-size: 2em;
 }
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #1D369D;
}
/*
a:visited {
	color: #1D369D;
}
*/
a:hover,
a:focus,
a:active {
	color: #367BB7;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	margin: 1.5em 1.5em 1em;
	display: block;
	float: right;
	width: 50%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	margin: 0 10px 0;
	float: right;
	position: relative;
}

.main-navigation li a {
	font-family: Tahoma, Geneva, sans-serif; 
	color: #1D369D; 
	padding: 6px 15px 6px 15px;
	display: block;
	text-decoration: none;
}


.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
	color: #367BB7;
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous {
	float: left;
	width: 48%;
}

.comment-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.menu-toggle-left ul {
	padding-left: 0;
}

.nav-previous, .nav-next {
	font-size: 18px;
	text-align: center;
}

.nav-previous img {
	text-align: center;
}
.nav-next img {
	text-align: center;
}

.nav-ads {
	max-height: 450px;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-footer:after {
	clear: both;
}
.site-content {

	/*background-image: url(/wp-content/themes/fenglish/images/background-bottom.jpg); !* Путь к фоновому изображению *!*/
	/*background-size: 100% auto;*/
	/*background-position-y: bottom;*/
	/*background-repeat: no-repeat;*/
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content {

}
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-area {
	padding: 20px;
}

.comment-list {

} 

.comment {
	border: 1px solid #f0f0f0;
	border-radius: 20px;
	margin: 20px;
	padding: 10px;
	box-shadow: 0 0 0 3px #f0f0f0, 0 0 15px #cccccc;
	background-color:  #fff;
}

.comment-body {

}
.comment-meta {

}

.comment-author vcard {
	
}

.avatar {
border-radius: 32px; /* Радиус скругления */
    box-shadow: 0 0 0 3px #f0f0f0, 0 0 13px #f0f0f0; /* Параметры теней */
}

.fn {

}

.says {

}

.comment-metadata {
	text-align: right;
	margin-top: -2rem;
}
@media (max-width: 576px) { .comment-metadata { display: none} }

.comment-metadata a{
	color: #888888;
}

.edit-link {

}

.comment-content {
	margin-top: 1rem;
}

.reply {
	text-align: right;
}

.reply a {
}
.children {

}
.comment-respond {

}

.comment-reply-title {

}

.comment-form {
	border-radius: 10px;
}

.form-submit {
	
}

.submit {
	font-weight: bold;
}

.logged-in-as a {

}

.comment-form-comment {

}

#comment {

}

.form-allowed-tags {
	display: none;
}

#form-allowed-tags {

}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*------------------------------------------------------
   header
-------------------------------------------------------*/
.full-header {
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
}
.site-header {
	margin-right: auto;
    margin-left: auto;	
    margin-top:10px;
}

.site-branding {
	float: left;
	margin: 0 1.5em 0;
}
/*------------------------------------------------------
   Footer
-------------------------------------------------------*/
.full-footer {
	width: 100%;
	background-color: #f5f5f5;
}
.site-info {
	text-align: center;
	margin-top: 15px;
}
.footer-widgets {
	clear: both;
	margin-right: auto;
    margin-left: auto;	
}
.my_widget {
	  width: 33%;
	  float: left;
	  padding-right: 15px;
	  padding-left: 15px;
}
.my_widget ul {
	margin: 0 0 0 1em;
	padding-left: 0;
}
.site-footer {
	clear: both;
	margin-right: auto;
    margin-left: auto;
}
/*------------------------------------------------------
Sidebar-Content
-------------------------------------------------------*/

#page {
	margin-right: auto;
    margin-left: auto;
}

	.content-area {
	clear: both;
	margin: 1em;
	width: 100%;
}


.my_widget {
	  width: 100%;
	  position: relative;
}


/*------------------------------------------------------
Masonry
-------------------------------------------------------*/
#container, #container1, #container2  {
    max-width: 1000px;
}

.brick {
	background-color: #f5f5f5;
	border: 1px solid #E5E5E5;
	width: 30%;
    padding: 10px;
	margin: 10px 10px 10px 10px;
}

@media screen and (max-width: 1080px){
	.brick {
	width: 46%;
}
}
@media screen and (max-width: 580px){
	.brick {
	width: 98%;
}
}

.brickadr {
	vertical-align: middle;
	width: 30%;
	margin: 10px;
	background: #999;
}
@media screen and (max-width: 1080px){
	.brickadr {
	width: 46%;
}
}
@media screen and (max-width: 580px){
	.brickadr {
	width: 98%;
}
}

.kadr span {
	color			: white;
	font			: bold 14px/18px Helvetica, Sans-Serif;
	letter-spacing		: -1px;
}

.kadr img {
	margin-top: 7px;
	margin-bottom: 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
}

.kadr {
     border-left: 23px solid #40c4c8;
	 border-right: 23px solid #40c4c8;
    -moz-border-image: url(/files/images/kadr.png) 23 repeat;
    -webkit-border-image: url(/files/images/kadr.png) 23 repeat; 
    -o-border-image: url(/files/images/kadr.png) 23 repeat;
    border-image: url(/files/images/kadr.png) 23 repeat;
   }



.height300 {
	height: 300px;
}

.height230 {
	height: 230px;
}

.height250 {
	height: 250px;
}


.height270 {
	height: 270px;
}
/*------------------------------------------------------
   Колонки
-------------------------------------------------------*/

.slot-1 {
	width: 31%;
	margin: 1%;
	float: left;
}

.slot-1-2 {
	width: 48%;
	margin: 1%;
	float: left;
}

.slot-2-3 {
	width: 64%;
	padding: 1%;
	float: left;
}
@media screen and (max-width: 992px){
	.slot-1 {
		width: 48%;
		margin: 1%;
		float: left;
	}
}
@media screen and (max-width: 576px){
.slot-1 {
	width: 100%;
	clear: both;
}
.slot-1-2 {
	width: 100%;
	clear: both;
}
.slot-2-3 {
	width: 100%;
	clear: both;
}
}
/*------------------------------------------------------
   Спойлер
-------------------------------------------------------*/
.spoiler-wrap {
	background:none repeat scroll 0 0 #f5f5f5;
	width:100%;
	border-color:#C1C1C1;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	margin:0px;
}
.spoiler-head {
	font-size:20px;
	line-height:30px;
	margin-left: 3px;
	cursor:pointer;
	width:100%;
	padding:5px 25px 5px 25px;
}
.folded {
	background:url(images/icon_plus.gif) no-repeat scroll left center transparent;
	display:block;
	padding-left:24px;
}
.unfolded {
	background:url(images/icon_minus.gif) no-repeat scroll left center transparent;
	display:block;
	padding-left:24px;
}
.spoiler-body {
	background:none repeat scroll 0 0 #fcfcfc;
	border-top:1px solid #C1C1C1;
	line-height:20px;
	padding:1px 6px 2px;
}
/*Прикреплённая панель*/
.sticky-content{
  background: #33b5e5;
  padding: 10px;
}

.sticky-content.fixed{
  	position: fixed;
  	top: 0;
  	right: 10rem;
	left: 10rem;
}
@media screen and (max-width: 768px){
    .sticky-content.fixed{
      position: fixed;
      top: 0;
      left: 1em;
      right: 1em;
    }
}
/*------------------------------------------------------
   Прочее
-------------------------------------------------------*/
/*
blockquote {
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
margin: 0.25em 0 0 2em;
padding: 0.25em 20px;
line-height: 1.2;
position: relative;
color: #383838;
border-left:3px solid #c1c1c1;
background:#f9f9f9;
}
*/

.moviedesc {
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
margin: 0.25em;
padding: 0.25em 20px;
line-height: 1.2;
position: relative;
color: #383838;
border-left:3px solid #c1c1c1;
background:#E9F2F5;
}

.skroll {
padding: 5px;
height: 300px; 
width: 100%; 
background: #fff; 
border: 1px solid #C1C1C1;
overflow-y: scroll;
}
.skroll table tr:hover {
 background-color: #E9F2F5;
}
.skroll table td {
 padding: 10px 5px;
}

.loginreg {
  border: 1px solid #C1C1C1;
  background: #f7f7f7;
  font-weight: bold;
  font-size: 14px;
  padding: 14px 10px;
}
/*CONTRAST*/
.contrast img {
  -webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
       -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;
}

.contrast img:hover {
  -webkit-filter: contrast(125%);  
}

.b-top {   
	z-index:2600;
	position:fixed;
	left:0;   
	bottom:20px;
	width:35%;
	margin-left:50%;   
	opacity:0.5;
	filter:alpha(opacity=50); 
} 
.b-top:hover {
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
} 
.b-top-but {   
	z-index:2600;
	position:absolute; 
	display:block;   
	left:56px;
	bottom:0;
	margin:0 0 0 100%;
	padding:32px 12px 4px;   
	color:white;
	border-radius:7px;   
	background:#888 url(images/b-top.png) no-repeat 50% 11px; 
}

/*Black & White*/
.bw {
  -webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
       -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}
.pic {
  overflow: hidden;
}
/*  Список эпизодов в табах */
.episodes-tab {

}
.episode-tab {
    padding: 5px 0;
    border-bottom: 1px dotted #666;
}
.show-desc {
    cursor: pointer;
    color: #666;
    margin-bottom: 10px;
}
.episode-thumb {
    padding: 5px;
    width: 80px;
}
.episode-title {
    padding-left: 20px;
    align:left;
}
/*  Таблица ключевых слов */
.well > table > tbody > tr > td {padding:5px;}
.well > table > tbody > tr > td:first-child {font-weight: bold;}
/*----------------------------------------------------------------------------------------------
 Register & Edit Profile Forms
------------------------------------------------------------------------------------*/
.wppb-user-forms {
	padding: 10px;
}

.login-username, .login-password {
	text-align: left;
}

.wppb-user-forms input[type="submit"] {
	padding: 10px;
	border: 2px solid;
        font-size: 18px;
	color: #1D369D;
	font-weight: bold;
}
.form-submit {
	clear: both;
}

#wppb-login-widget-2 {
  background: #E9F2F5;
  font-weight: bold;
  font-size: 14px;
  padding: 14px 10px;
}

#loginform label, #wppb-login-widget-2 label {
  display: block;
}

.wppb-user-forms wppb-register-user label, .wppb-register-user p{
	text-align: right;
}

.wppb-user-forms ul li{
    list-style:none;
	padding-bottom:14px;
	text-align: right;
}

.wppb-edit-user, .wppb-register-user, #wppb-recover-password ul {
	float: left; 
}

/*--------------------------------------------------------------
Register & Edit Profile Forms -- Errors & Notices
--------------------------------------------------------------*/

#wppb_general_top_error_message,
.wppb-error,
.wppb-warning {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #ffebe8;
    border: 1px solid #C00;
}

.wppb-required{
	color: red;
}

.wppb-required,
.wppb-checkbox-terms-and-conditions span.wppb-required{
    margin-left:5px;
}

#wppb_form_success_message,
.wppb-success {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #e7f7d3;
    border: 1px solid #6c3;
}

.wppb-register-user .wppb-field-error,
.wppb-edit-user .wppb-field-error,
#wppb-recover-password .wppb-field-error{
	background-color: #FFDFDF;
    border: 1px dotted #C89797;
    margin-bottom: 6px !important;
    padding: 6px !important;
}

.wppb-field-error > input,
.wppb-field-error > select,
.wppb-field-error > textarea,
.wppb-field-error > label{
    margin-bottom: 10px;
}

.wppb-field-error img{
    box-shadow: none;
    -webkit-box-shadow:none;
    border:none;
    border-radius:0px;
    vertical-align: middle;
    margin-top: -3px;
    padding-left:5px;
}

.wppb-form-field > span.wppb-form-error{
    margin-top:10px;
    padding-top: 5px;
    border-top:1px dotted #c89797;
    font-size:100%;
    margin-left: 0;
}

.type-movie table tr:hover {
	 background-color: #E9F2F5;
}

/*----------------------------------------------------------------------------------------------
V I D E O
------------------------------------------------------------------------------------*/
.movie-video {
  width: 100%;
}

/*----------------------------------------------------------------------------------------------
T R A N S C R I P T
------------------------------------------------------------------------------------*/
#transcript {
  margin: 5px auto;
  font-family: Arial, sans-serif;
}
.transcript-body {
  overflow-y: scroll;
  height: 360px;
}
@media (max-width: 992px) {.transcript-body { height: 150px; }}
.transcript-line {
  position: relative;
  padding: 5px;
  line-height: 1.3;
  display:flex;
  justify-content:space-between;
}
.transcript-line:hover {
  background-color: #c9f3f3;    
}
.transcript-timestamp {
  position: absolute;
  display: inline-block;
  color: #1D369D;
  width: 50px;
  cursor:pointer; 
}
.transcript-timestamp:hover {
    font-weight: bold;
    font-size: larger;
    color: #367BB7;
}
.transcript-text {
  margin-left: 50px;
}
.transcript-line.is-active {
  background-color: #e2fbfb;
  font-weight: bold;
}
#transcript-video header {
  font-weight: bold;
      display: inline;
}
#transcript-video select {
    display: inline;
    margin-left: 10px;
}

.vjs-text-track-display {
    pointer-events: auto;
}
.transcript-addphrase {cursor:pointer;font-size:18px;}
.transcript-addphrase:hover {color: #367BB7;}
    
/*************Bootstrap**********/
.bg-info {
    padding: 15px;
}
/* СЛОВАРИ */
.list-div{float:left;margin:10px;}
/* ЛИЧНЫЙ КАБИНЕТ */
.cab_content { margin: 0; }
.rcl-cover-icon { display:none;}

    .voice_gb {background: url(/files/images/britain.jpg) no-repeat center; background-size:100% 100%; min-height:40px; max-width:110px; cursor:pointer;}
    .voice_us {background: url(/files/images/usa.jpg) no-repeat center; background-size:100% 100%; min-height:40px; max-width:110px; cursor:pointer;} 
    .audio_play_button:hover {  border: 1px solid #ccc; color: #000;}

    .word {cursor:pointer;}
    .word:hover {color: white; background-color: #4285F4; text-decoration:none;}
    .vjs-subs .word{cursor:pointer;border-bottom: 1px dotted #fff;}
    .w-trans {font-size:1.2em;}

    .phrase_play_button:hover i, .word_play_button:hover i {cursor:pointer;}
    .phrase_play_button .fa-volume-up:hover, .word_play_button .fa-volume-up:hover{color:gray;}
    .add-word {cursor:pointer; color:coral;}
    .added-word {cursor:default; color:green;}
    .delete-word {cursor:pointer; color:coral;}
    .popover-content {color:black;}
    .add-word {cursor:pointer; color:coral;}
    .added-word {cursor:default; color:green;}
    .tdword {font-weight:bold;}
    .modal-word {font-size:2em;font-weight:bold;}
    .modal-footer {display: flex;justify-content: space-between;}
    
    /*********** ЛАЙНБРО ************/

/* РЕКЛАМНАЯ СТРОКА */

/* Блок в котором будет выводиться рекламная строчка */
.lb_link_block{
	/*width:88%;*/
	/*margin-left:61px;*/
	/*height:40px;*/
	/*border-bottom:1px solid silver;*/
}

/* Первый столбец (ссылка) */
#lb_link{
    float:left; 
    text-align:left; 
    display:block;
    /*width:70%;*/
    height:40px; 
    line-height:40px;  
	overflow:hidden;
}
#lb_link .lb_link{
    display:block;
    font-weight:normal; 
    font-size:22px; 
}
#lb_link .lb_link a{
    
}


/* Второй столбец (Добавить сюда свою рекламу) */
#lb_link_add {
    float:right; 
    /*width:30%; */
    text-align:right; 
    height:40px; 
    line-height:50px; 
}
#lb_link_add .lb_link { 
    display:block; 
    font-size:10px; 
    text-decoration:none; 
    font-weight:normal; 
    margin-left:15px;
}
#lb_link_add .lb_link a{
    
}

/* БЛОК ССЫЛОК */

/* Обнуляем стили для таблицы блока ссылок */
.lb_blockurl{
	width:100% !important;
	border:none !important;
	border-spacing:1px !important;	
	padding:5px !important;
	margin:0 !important; 
}
.lb_blockurl tr td{ 
	border:none !important;
	border-spacing:0 !important;	
	padding:4px 1px 4px 1px !important;
	margin:0 !important;
}

/* Первый столбец (картинки) */
.lb_blockurl tr td{ 
	width:20px !important;
}
.lb_blockurl tr td img{ 
	position:relative !important;
	top:1px !important;
}

/* Второй столбец (ссылки) */
.lb_blockurl tr td.lb_blockurl_link{
	font-size:14px !important;
}

/* Ячейка (цена) */	
.lb_blockurl tr td.lb_blockurl_price{
	font-size:12px !important;
	padding-top:5px !important;
	color:red !important;
}

/* Ячейка (добавить рекламу) */	
.lb_blockurl tr td.lb_blockurl_add{
	width:70% !important;
	font-size:12px !important;
	text-align:right !important;
	padding-top:5px !important;
}


/* ТИЗЕРЫ */
.lb_teaser{
	border:1px solid silver; /* Рамка */   
}
.lb-clear{
	clear:both;
}

/* Добавить сюда свою рекламу */
#lb_teaser_add {
	float:right;
    text-align:center; 
    line-height:20px;
	padding:5px;	
}

/* ДОПОЛНИТЕЛЬНО */

/* Цвет ссылки */
span.lb-hidden {
	color:#0061c1; 
	cursor: pointer;
    display: flex;
    align-items: center;
}
span.lb-hidden:hover {
	color:orange; 
	cursor: pointer;
}

/* Цвет добавить рекламу */	
span.lb-hidden-add {
	color:gray !important; 
	cursor: pointer; 
	font-size:12px;
}
/**********конец лайн бро*************/

.rcl-tab-button {
    padding: 10px;
}

.audio-sticky {
	width: 100%;
}

/* The default color for the playlist menu background, almost black */
/* The color used to emphasize the currently playing video and for
hover effects */
/* The primary foreground color */
/* The alternate foreground color */
/* Rules common to mouse and touch devices */
.playlist-container {
	list-style-type: none;
	overflow: auto;
	position: relative;
}
.playlist-container .vjs-playlist-item {
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.playlist-container .vjs-playlist-thumbnail {
	background-color: #a6a6a6;
	display: block;
	float: left;
}
.playlist-container .vjs-playlist-thumbnail:before {
	display: block;
	position: absolute;
	background-color: rgba(26, 26, 26, 0.5);
	text-align: center;
}
.playlist-container img {
	width: 100%;
	height: 100%;
}
.playlist-container .vjs-playlist-duration {
	background-color: rgba(26, 26, 26, 0.8);
	left: 0;
	padding: 2px 8px;
	position: absolute;
	top: 0;
}
.playlist-container .vjs-selected .vjs-playlist-duration {
	display: none;
}
.playlist-container cite {
	font-style: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.playlist-container .vjs-playlist-description {
	color: #a6a6a6;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	white-space: nowrap;
}
/* Prevent interaction with the playlist menu while ads are playing */
/* on browsers that don't support pointer-events (IE<11), prevent
scrolling past the ad overlay */
.playlist-container.vjs-ad-playing {
	overflow: hidden;
}
/* prevent clicks and scrolling from affecting the playlist during ads */
.playlist-container.vjs-ad-playing.vjs-csspointerevents {
	pointer-events: none;
	overflow: auto;
}
/* darken the playlist menu display to indicate it's not interactive
during ads and capture click events on IE<11 */
.playlist-container.vjs-ad-playing .vjs-playlist-ad-overlay {
	display: none;
}
.playlist-container.vjs-ad-playing .vjs-playlist-ad-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* IE8 fallback */
	background-color: #1a1a1a;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* modern browsers */
	background-color: rgba(0, 0, 0, 0.5);
}
/* Parametric rules. These are specialized for touch and mouse-based devices */
/* Touch-device playlist dimensions */
.playlist-container {
	font-size: 14px;
	min-width: 238px;
	background-color: #1a1a1a;
	color: #fff;
	padding: 14px 14px 0 14px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 320px;
	margin:0;
}
.videopl {
	height: 320px;
	width: inherit;
}
.playlist-container .vjs-playlist-item {
	height: 56px;
	margin-bottom: 14px;
}
.playlist-container .vjs-playlist-thumbnail {
	height: 56px;
	font-size: 11px;
	margin-right: 14px;
	width: 100px;
}
.playlist-container .vjs-selected {
	background-color: rgba(0, 0, 0, 0.5);
}
.playlist-container .vjs-selected .vjs-playlist-thumbnail:before {
	height: 56px;
	line-height: 56px;
	width: 100px;
}
.playlist-container time {
	font-size: 11px;
}
.playlist-container cite {
	height: 14px;
	line-height: 14px;
}
.playlist-container .vjs-playlist-description {
	height: 42px;
	line-height: 21px;
}
/* Mouse-only playlist dimensions */
.vjs-mouse.playlist-container {
	font-size: 17px;
	min-width: 289px;
	background-color: #1a1a1a;
	color: #fff;
	padding: 17px 17px 0 17px;
}
.vjs-mouse.playlist-container .vjs-playlist-item {
	height: 68px;
	margin-bottom: 17px;
}
.vjs-mouse.playlist-container .vjs-playlist-thumbnail {
	height: 68px;
	font-size: 13px;
	margin-right: 17px;
	width: 121px;
}
.vjs-mouse.playlist-container .vjs-selected .vjs-playlist-thumbnail:before {
	height: 68px;
	line-height: 68px;
	width: 121px;
}
.vjs-mouse.playlist-container time {
	font-size: 13px;
}
.vjs-mouse.playlist-container cite {
	height: 17px;
	line-height: 17px;
}
.vjs-mouse.playlist-container .vjs-playlist-description {
	height: 51px;
	line-height: 26px;
}
.vjs-mouse.playlist-container .vjs-playlist-item:hover .vjs-playlist-thumbnail:before,
.vjs-mouse.playlist-container .vjs-playlist-item:focus .vjs-playlist-thumbnail:before {
	border-radius: 5px;
	font-family: 'VideoJS';
	height: 34px;
	left: 40.5px;
	line-height: 34px;
	top: 17px;
	width: 40px;
}
.vjs-playlist-now-playing:before {
	content: 'Сейчас';
	top: 0;
	left: 0;
}

.menu-btn, .btn-small {
	padding: .2rem .3rem;
}
.btn-nav, .btn-ps-fl {
	padding: .2rem .3rem;
	font-size: large;
}
.btn-nav-posts {
	padding: .5rem .8rem;
	font-size: large;
}
.btn-action-dict {
	padding: .5rem .8rem;
	font-size: large;
}
.current span {
	background-color: grey!important;
	cursor: auto;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {.card-columns { column-count: 2; }}

 /*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {.card-columns { column-count: 3; }}

 /*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {.card-columns { column-count: 3; }}

 /*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {.card-columns { column-count: 4; }}

.text-indigo-d4 {
	color: #1a237e !important;
}
.page-title {
	font-family: "Verdana",sans-serif;
	margin: 0;
}
.arch-card-post {
	margin: .5rem;
	width: 15rem;
	height: 25rem;
}
.arch-card-small {
	margin: .5rem;
	width: 10rem;
	height: 12rem;
}
.arch-card-film, .arch-card-book {
	margin: .5rem;
	width: 15rem;
	height: 25rem;
}
.arch-card-img-post {
	height: 10rem;
}
.arch-card-img-small {
	height: 7rem;
}
.arch-card-img-film, .arch-card-img-book {
	height: 20rem;
}

.arc-card-title-post, .arc-card-title-film, .arc-card-title-book {
	  display: -webkit-box;
	  max-height: 2.9rem;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: normal;
	  -webkit-line-clamp: 2;
	  font-size: 1.2rem;
	  font-weight: 700;
	  line-height: 1.5rem;
  }
.arc-card-title-small {
	display: -webkit-box;
	max-height: 2.3rem;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-line-clamp: 2;
	font-size: .9rem;
	font-weight: 600;
	line-height: 1.2rem;
}

.arch-card-img-post, .arch-card-img-small, .arch-card-img-film{
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.arch-card-img-post:hover, .arch-card-img-small:hover, .arch-card-img-film:hover {
	-webkit-filter: contrast(150%);
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {.card-columns { column-count: 2; }}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {.card-columns { column-count: 3; }}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {.card-columns { column-count: 3; }}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {.card-columns { column-count: 4; }}

.breadcrumb-item a, .breadcrumb-item::before {
	color: #fff !important;
}
.wow {
	visibility: hidden;
}
.card-small .card-header {
	padding: .5rem;
}
.card-small .card-body {
	padding: .5rem;
}
.dropdown-item:hover {
	background-color: #4285F4;
	color:white !important;
}
.audio-play {
	cursor: pointer;
}

@media (min-width: 992px) {.movie-video {  height: 360px;  }}
@media (max-width: 992px) {.trans-full {  display: none;  }}

.site-name {
	display: inline-block;
	font-family: sans-serif;
	line-height: 1.5rem;
	font-size: 2rem;
	text-decoration: none;
	color:white;
}
a.site-name:hover {
	text-decoration: none;
	color: #fff4bb;
	cursor: pointer;
}

@media (max-width: 576px) {
	.w-ts, .smile-cap {  display: none;  }
	.site-name {
		font-size: 1.2rem;
		line-height: 2rem;
	}
}

.avatar-40{
	height: 40px!important;
	width: 40px!important;
}

.popover {
	z-index: 100000;
}

.catthumbs-nav {
	justify-content: space-between;
}

.catthumb-ad {
	width: 40rem;
}
@media (max-width: 768px) {.catthumb-ad {  width: 20rem; }}