@import "../style/bootstrap.css" screen;
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic-ext);

body {
 font-family: 'PT Sans Narrow', sans-serif;
 background-color: #141414;
 color: #999999;
 font-size: 16px;
 min-width: 310px;
}
.player { display: none; }
.d-none-imp { display:none !important; }
.tooltip { z-index: 10005; }

 .new_movie14 {
 -moz-transform: scale(1) translateY(20px);
 -webkit-transform: scale(1) translateY(20px);
 -o-transform: scale(1) translateY(20px);
 -ms-transform: scale(1) translateY(20px);
 transform: scale(1) translateY(20px);
 }
 .new_movie16:hover .new_movie14 {
 -moz-transform: scale(1) translateY(0px);
 -webkit-transform: scale(1) translateY(0px);
 -o-transform: scale(1) translateY(0px);
 -ms-transform: scale(1) translateY(0px);
 transform: scale(1) translateY(0px);
 }
 
 .new_movie15 * {
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
 }
 .new_movie15:hover .new_movie7,
 .new_movie15:hover .new_movie16,
 .new_movie16:hover .new_movie13 { opacity: 1; }
 .new_movie16:hover .new_movie14 { opacity: 1; visibility: visible; }
 .new_movie15:hover .new_movie7 { z-index: 3; }
 .new_movie15 {
 position: relative;
 }
 .new_movie15 .new_movie7 {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.72);
 border: 3px solid #00aeef;
 display: block;
 height: 250px;
 opacity: 0;
 position: absolute;
 width: 100%;
 z-index: 2;
 border-bottom: 0;
 }
 .new_movie8 a {
 background: url("../images/new_movie4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 display: block;
 height: 59px;
 left: 52px;
 line-height: 200px;
 opacity: 0.53;
 overflow: hidden;
 position: absolute;
 top: 87px;
 width: 59px;
 }
 .new_movie8 a:hover { opacity: 1; }
 .new_movie15 .new_movie16 {
 display: block;
 height: 27px;
 margin: 12px 0 0 12px;
 opacity: 0;
 position: absolute;
 width: 27px;
 z-index: 20;
 }
 .new_movie15 .new_movie13 {
 background: url("../images/new_movie5.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 display: block;
 height: 27px;
 opacity: 0.84;
 width: 27px;
 }
 .new_movie14 {
 background: none repeat scroll 0 0 #fff;
 box-shadow: 5px 5px 16px -4px rgba(0, 0, 0, 0.75);
 display: block;
 left: -22px;
 opacity: 0;
 padding-bottom: 75px;
 position: absolute;
 top: 40px;
 visibility: hidden;
 width: 384px;
 z-index: 9999;
 }
 
 .new_movie14:before {
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 border-color: transparent transparent #fff;
 border-image: none;
 border-style: solid;
 border-width: 8px;
 content: "";
 display: block;
 height: 0;
 left: 26px;
 position: absolute;
 top: -16px;
 width: 0;
 }
 
 .new_movinfo {
 background: url("../images/movinfo.png") no-repeat scroll 25px 18px #f0f0f0;
 bottom: 0;
 color: #232323;
 font-size: 14px;
 font-weight: bold;
 height: 59px;
 line-height: 60px;
 position: absolute;
 text-indent: 53px;
 width: 384px;
 }
 
 .new_movinfo b {
 background: url("../images/movinfo1.png") no-repeat scroll 0 18px rgba(0, 0, 0, 0);
 color: #232323;
 display: block;
 float: right;
 font-size: 16px;
 height: 59px;
 line-height: 58px;
 margin-right: 26px;
 text-indent: 33px;
 }
 .new_movinfo b a {
 color: #232323;
 }
 
 .new_movinfo1 {
 color: #101010;
 display: block;
 font-size: 20px;
 font-weight: bold;
 line-height: 22px;
 padding: 22px 23px 0;
 }
 
 .new_movinfo2 {
 color: #a1a1a1;
 display: block;
 font-size: 14px;
 padding: 3px 23px 7px;
 font-style: italic;
 font-family: PT Sarif;
 }
 .new_movinfo2 .fl-cats {margin-bottom: 0 !important;}
 
 .new_movinfo2 a {
 color: #a1a1a1;
 text-decoration: none;
 }
 
 .new_movinfo3 {
 color: #303030;
 display: block;
 font-size: 14px;
 line-height: 15px;
 padding: 0 18px 16px 24px;
 }
 
 .new_movinfo4 {
 display: block;
 height: 30px;
 padding: 0 25px 0 24px;
 }
 
 .new_movinfo4 b {
 background: none repeat scroll 0 0 #e45e49;
 color: #fff;
 display: block;
 float: right;
 font-size: 14px;
 height: 30px;
 line-height: 30px;
 padding: 0 10px;
 }
 .new_movie4 {
 display: block;
 height: 250px;
 overflow: hidden;
 position: relative;
 width: 100%;
 }
 .new_movie4 img {
 bottom: 0;
 left: 0;
 margin: auto;
 min-height: 242px;
 position: absolute;
 right: 0;
 top: 0;
 width: 170px;
 z-index: 1;
 }
 
 .oops img {
 height: 0;
 width: 0;
 }

.mimiser {
border-top:1px solid #848480;
overflow:auto;
margin-bottom:-5px;
padding:20px 0 0 0px;
}

.li_block img {
margin-right:10px;
border:1px solid #464646;
width:83px;
}

.li_block {
text-align:left;
position:relative;
float:left;
display:block;
padding:0 20px 10px 0;
}

.li_block_title {
padding-bottom:4px;
}

.li_block_title a {
font-weight:700;
text-shadow:1px 1px #292929;
text-decoration:none;
}

.li_block_bn {
position:relative;
display:block;
padding:0 8px 6px 6px;
}

.li_serial img:hover,.li_block img:hover {
border:1px solid #8B8B8B;
}

.blockstory {
font-size:11px;
color:#FFF;
}

.container { min-width: 310px; }

a { color: #00aeef; outline: none !important; }
a:hover { color: inherit; outline: none !important; }
a:focus { color: #00aeef; outline: none !important; }
button:hover,
button:focus { outline: none !important; }

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
 margin-top: 0;
 font-weight: bold;
}
h1, .h1 { margin-bottom: 20px; }
h2, .h2 { margin-bottom: 20px; }
h3, .h3,
h4, .h4 { margin-bottom: 10px; }
h5, .h5 { margin-bottom: 10px; }
h6, .h6 { margin-bottom: 5px; }
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 12px; }
h6, .h6 { font-size: 8px; }

ul, ol { padding-left: 15px; }

.text { line-height: 1.3; }

.fs-very-small { font-size: 12px; }
.fs-small { font-size: 14px; }
.fs-base { font-size: 16px; }
.fs-large { font-size: 18px; }
.fs-very-large { font-size: 20px; }

.fw-normal { font-weight: normal; }
.fw-bold { font-weight: bold; }
.tt-uppercase { text-transform: uppercase; }
.td-underline { text-decoration: underline; }
.td-underline:hover { text-decoration: none; }
.text-green { color: #8CBB59 !important; }
.text-purple { color: #7e4897 !important; }
.text-white { color: #ffffff !important; }
.text-red { color: #00aeef !important; }
.text-dark { color: #3f434b !important; }
.text-pin { color: #999999 !important; }
.link-dotted {
 position: relative;
 text-decoration: none;
}
.link-dotted:hover,
.link-dotted:focus,
.link-dotted:after { text-decoration: none; }
.link-dotted:after {
 position: absolute;
 right: 0;
 bottom: 1px;
 left: 0;
 border-bottom: 1px dashed;
 content: "";
}

hr { margin-top: 15px; margin-bottom: 15px; border-color: #ccc; }
p { margin-bottom: 10px; }
.block { margin-bottom: 30px; }
.padding-block { padding-top: 15px; padding-bottom: 0px; }
.margin-block { margin-top: 30px; margin-bottom: 5px; }
.w-100 { width: 100%; }
.va-top td { vertical-align: top; }
.d-block { display: block; }
.o-hidden { overflow: hidden; }

.mt-30 { margin-top: 30px !important; }

.mr-5 { margin-right: 5px !important; }
.mr-15 { margin-right: 15px !important; }

.mb-15 { margin-bottom: 15px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-0 { margin-bottom: 0px !important; }

.pb-0 { padding-bottom: 0px !important; }

.pt-20 { padding-top: 20px !important; }
.pr-20 { padding-right: 20px !important; }

.p-15 { padding: 15px !important; }
.p-5 { padding: 5px !important; }

.d-block { display: block; }

.label { border-radius: 0; -webkit-border-radius: 0; }
.modal-title { text-transform: uppercase; }

.vtitle {background: #2d2d2d; padding: 7px;}

.navbar-toggle { top: 5px; }
.navbar-toggle .icon-bar { background-color: #fff; }

.modal-content { border-radius: 0; -webkit-border-radius: 0; }

.form-control {
 border-radius: 0px;
 -webkit-border-radius: 0px;
 box-shadow: 0 0 0 transparent;
 -webkit-box-shadow: 0 0 0 transparent;
 background-color: transparent;
 color: #fff;
 height: 37px;
}
.form-control:focus {
 box-shadow: 0 0 0 transparent;
 -webkit-box-shadow: 0 0 0 transparent;
 border-color: #00aeef;
}
.form-group { margin-bottom: 20px; }
textarea { min-height: 140px; }

.error-block {
	background: url('../images/error.png') #00aeef no-repeat 10px;
	color: #ffffff;
	margin: 10px 0;
	min-height: 30px;
	padding: 10px 10px 12px 50px;
}
.error-block a {
	color: #ffffff;
	text-decoration: underline;
}
.error-block a:hover {
	text-decoration: none;
}
.error-block * {
	color: #ffffff !important;
}

.reset {
	list-style-type: none;
}

.pagination { margin-bottom: 0; border-radius: 0; -webkit-border-radius: 0; }
.pagination a { border-radius: 0 !important; -webkit-border-radius: 0 !important; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
 background-color: #00aeef;
 border-color: #00aeef;
}
.pagination > li > a,
.pagination > li > span { color: #31353d; }
.pagination > li > a:hover,
.pagination > li > a:focus { color: #00aeef; }

.navigation span, .navigation a{ 
 background-color: #2d2d2d;
 color: #fff;
 display: inline-block;
 padding: 7px 15px 8px;
 font-size: 16px;
 }
.navigation span{background: #00aeef; color:#FFFFFF;}

.pagesBlockuz1 {
 display: block;
 background-color: #242424;
 text-align: center;
 cursor: default;
 margin-bottom: 30px;
 color: #fff;
 padding-left: 15px;
 padding-right: 15px;
} 
span.swchItem a,
span.swchItem span {
 background-color: #2d2d2d;
 color: #fff;
 display: inline-block;
 padding: 7px 15px 8px;
 font-size: 16px;
}

.pagesBlockuz1 > *,
.navigation > *,
span.swchItem > * {
 cursor: default;
 box-shadow: 0 0 0 #00aeef;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.navigation > *:hover,
span.swchItem > *:hover {
 box-shadow: 0 4px 0 #0094cc;
 background-color:#00aeef;
 text-decoration: none;
 cursor: pointer;
 color: #fff;
}

.profile li > a {
 background-color: #2d2d2d;
 padding: 5px 15px;
 display:block;
 color: #fff;
 border-bottom: 1px solid #2d2d2d;
 
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.profile li > a:hover {background-color: #00aeef; text-decoration: none;}
.profile li > a .fa { color: #00aeef; margin-right: 10px !important;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;}
.profile li > a:hover .fa{ color: #2d2d2d;}
.profile-img { width: 80px; }

.btn {
 font-size: 18px;
 border-radius: 0;
 -webkit-border-radius: 0;
 font-weight: normal;
 text-decoration: none;
 text-transform: uppercase;
 padding: 6px 20px;
 border: 0;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.btn-green { background-color: #98bc45; color: #fff; }
.btn-green:hover, .btn-green:focus { background-color: #74A244; color: #fff; }
.btn-white { background-color: #fff; color: #333; }
.btn-white:hover, .btn-white:focus { background-color: #f5f5f5; color: #333; }
.btn-purple { background-color: #7e4897; color: #fff; }
.btn-purple:hover, .btn-purple:focus { background-color: #724884; color: #fff; }
.btn-red { background-color: #00aeef; color: #fff; }
.btn-red:hover, .btn-red:focus { background-color: #0094cc; color: #fff; }



.bgr-white { background-color: #fff; }
.bgr-gray { background-color: #F5F5F5; }
.bgr-green { background-color: #98bc45; color: #fff; }
.bgr-red { background-color: #00aeef; color: #fff; }
.bgr-dark { background-color: #31353d; color: #fff; }

.btn-to-top {
 position: fixed;
 right: 0;
 bottom: 0;
 z-index: 999;
 padding: 6px 12px;
 font-size: 11px;
 color: #777777 !important;
 text-decoration: none;
 background-color: rgba(235, 235, 235, 0.8);
 opacity: 0;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.btn-to-top:hover,
.btn-to-top:focus {
 color: #777777 !important;
 text-decoration: none;
 background-color: rgba(235, 235, 235, 0.9);
}
.btn-to-top:hover {
 padding-right: 22px;
}
.header {	
 background-image: url(../images/bg-header.jpg);
 background-position: top center;
 background-color: #31353d;
 color: #fff;
 padding-top: 30px;
}
.header {	
 background-position: top center;
 color: #fff;
 padding-top: 30px;
}
.header .container { position: relative; }
.header-top { width: 100%; margin-bottom: 30px; }
.header-top td { vertical-align: top; }
.header-search { margin-top: 10px; }
.header-search .input-group { margin-bottom: 0; }
.header-search .btn { font-weight: bold; }
.header-search .form-control {
 background-color: #fff;
 border: 0 !important;
}
.header-links { float: right; margin-top: 15px; }
.header-links a {
 font-size: 20px;
 font-weight: bold;
 text-transform: uppercase;
 padding-left: 20px;
}
.header-nav {}
.header-nav > ul { display: table; width: 100%; margin: 0; position: relative; }
.header-nav > ul > li {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 padding: 0;
 background-color: #2d2d2d;
 border-left: 1px solid #2d2d2d;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 width: 0.00001%;
}
.header-nav > ul > li > a {
 color: #fff;
 text-decoration: none;
 font-size: 16px;
 text-transform: uppercase;
 font-weight: bold;
 display: block;
 padding: 10px 10px;
}
.header-nav > ul > li:first-child { border-left: 0; }
.header-nav > ul > li:first-child a { font-size: 20px; }
.header-nav > ul > li.active,
.header-nav > ul > li:hover {
 text-decoration: none;
 background-color: #00aeef;
}
.header-nav > ul > li:hover > ul {
 opacity: 1;
 height: auto;
 overflow: visible;
}
.header-nav > ul > li > ul {
 margin: 0;
 padding: 0;
 background-color: #2d2d2d;
 position: absolute;
 top: 100%;
 z-index: 2;
 left: 0;
 right: 0;
 box-shadow: 0 -4px 0 #00aeef;
 -webkit-box-shadow: 0 -4px 0 #00aeef;
 text-align: left;
 opacity: 0;
 height: 0;
 overflow: hidden;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.header-nav > ul > li > ul > li {
 padding: 0;
 text-align: center;
 display: inline-block;
}
.header-nav > ul > li > ul > li > a {
 padding: 15px;
 text-decoration: none;
 display: block;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 14px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.header-nav > ul > li > ul > li > a:hover {
 background-color: #00aeef;
}
.drop-small { position: relative; }
.drop-small > ul > li {
 display: block !important;
 text-align: left !important;
 white-space: nowrap;
}


.main-carousel {
 height: 400px;
 overflow: hidden;
}
.main-carousel .item {
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
.main-carousel .item:after {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 width: 100%;
 background-color: rgba(0,0,0,0.7);
}
.mc-content { position: relative; z-index: 1; }
.mc-img img { width: 100%; min-height: 400px; }
.mc-desc {
 color: #fff;
 padding: 40px;
}
.mc-desc-title {
 color: #fff;
 font-size: 32px;
}
.mc-desc-lead {
 font-size: 18px;
 height: 135px;
 overflow: hidden;
}
.mc-control { position: relative; z-index: 1; }
.mc-control-inner {
 position: absolute;
 right: 15px;
 bottom: 40px;
}
.main-carousel .carousel-control.left { left: -4px; }
.main-carousel .carousel-control {
 background-color: #2d2d2d;
 background-image: none;
 color: #fff;
 font-size: 20px;
 line-height: 0;
 opacity: 1;
 padding: 5px 35px;
 position: relative;
 text-shadow: 0 0 0 transparent;
 -webkit-text-shadow: 0 0 0 transparent;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.main-carousel .carousel-control:hover {
 background-color: #00aeef;
 opacity: 1;
}


.title-line-block {
 background-color: #2d2d2d;
 margin-bottom: 15px;
 color: #777;
 text-transform: uppercase;
 font-size: 14px;
}
.tlb-title {
 padding: 10px 20px;
 background-color: #242424;
 float: left;
 color: #fff;
 margin-bottom: 0;
 font-size: 16px;
 margin-right: 15px;
}
.tlb-text { padding: 10px 15px 0; }
.title-line-block a { color: #fff; }
.tlb-link {
 padding: 13px 20px;
 float: right;
 line-height: 100%;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 12px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.tlb-link:hover { text-decoration: none; }



.pop-page {}
.pp-title {
 background-color: #31353d;
 background-image: url("../images/bg-header.jpg");
 background-position: center top;
 color: #fff;
 padding: 15px;
 text-transform: uppercase;
 font-weight: bold;
 border-bottom: 6px solid #00aeef;
}
.pp-body {
 background-color: #fff;
 padding: 15px;
}

.uRelatedEntries {
 margin: 0 -15px;
 padding: 0;
 list-style: unstyled;
}
.uRelatedEntries li { text-align:center; padding: 0 10px; display: inline-block; width: 24%; vertical-align: top; }
.uRelatedEntries li a {display: block;}
.uRelatedEntries li a:last-child {
 font-weight: bold;
 color: #fff;
 display: block;
 height: 80px;
 overflow: hidden;
 background-color: #00aeef;
 font-size: 16px;
 padding: 10px 15px;
 border-bottom: 4px solid #31353d;
 margin-bottom: 0;
 line-height: 1.1;
}
.uRelatedEntries li img {
 width: 100% !important; 
height: 205px !important;
opacity: 1;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.uRelatedEntries li img:hover { opacity: 0.8; }

.films-list { margin-left: -5px; margin-right: -5px; }
.fl-item { padding-left: 5px; padding-right: 5px; margin-bottom: 15px; }
.fl-img-block {
 display: block;
 height: 250px;
 opacity: 1;
 background-color: #31353d;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.carousel-block .fl-img-block { height: 250px; }
.fl-img-block:hover { /*opacity: 0.8;*/ }

.fl-img-block { position: relative; }
.fl-cats { margin-bottom: 10px; }
.fl-kach {
 margin-bottom: 10px;
 padding: 5px 10px;
 background-color: #00aeef;
 text-transform: uppercase;
 display: inline-block;
}
.fl-mes {
 opacity: 0.8;
}
.fl-inform-inner {
 height: 100%;
 overflow: hidden;
}
.fl-inform {
 background-color: #31353d;
 bottom: 0;
 color: #fff;
 font-family: PT Sans Narrow;
 font-size: 14px;
 left: 0;
 padding: 15px;
 position: absolute;
 right: 0;
 top: 0;
 visibility: hidden;
 opacity: 0;
 width: 100%;
 z-index: 500;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.fl-inform a { color: #fff; }
.fl-fa {
 color: #00aeef !important;
 background-color: #31353d;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 font-size: 30px;
 margin: 20px 15px;
 padding: 4px 6px 3px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.fl-img-block:hover .fl-fa {
 opacity: 1;
 visibility: visible;
}
.fl-fa:hover .fl-inform {
 opacity: 1;
 visibility: visible;
}
.fl-img {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 height: 100%;
}
.fl-title {
 background-color: #00aeef;
 font-size: 16px;
 padding: 10px 15px;
 border-bottom: 4px solid #242424;
 margin-bottom: 0;
}
.fl-title a {
 font-weight: bold;
 color: #fff;
 display: block;
 height: 36px;
 overflow: hidden;
}
.fl-options {
 background-color: #2d2d2d;
 font-size: 12px;
 padding: 7px 15px;
}
/*.fl-options-stars { margin-bottom: 5px; }*/
.fl-options-title { text-align: left; }
.fl-options-lead { color: #999999; float: right; }


.aside-block { background-color: #242424; padding: 15px; margin-bottom: 15px; }
.ab-title { text-transform: uppercase; }
.ab-inner { margin-left: -15px; margin-right: -15px; }

.panel-group .panel {
 border-radius: 0;
 -webkit-border-radius: 0;
 border: 0;
 box-shadow: 0 0 0 transparent;
 -webkit-box-shadow: 0 0 0 transparent;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body { border: 0; background: #242424;}
.panel-default > .panel-heading {
 border-radius: 0;
 -webkit-border-radius: 0;
 color: #fff;
 text-transform: uppercase;
 font-size: 16px;
 padding: 0;
 border-bottom: 1px solid #242424;
}
.panel-default > .panel-heading a {
 padding: 10px 15px;
 display: block;
 background-color: #00aeef;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.panel-default > .panel-heading a.collapsed { background-color: #2d2d2d;}
.panel-default > .panel-heading a:focus,
.panel-default > .panel-heading a:hover { text-decoration: none; color: #fff; }
.panel-default > .panel-heading a:hover { background-color: #00aeef; }
.panel-group .panel + .panel { margin-top: 0; }
.panel-group { margin-bottom: 0; }


.footer {
 background-color: #242424;
 color: #fff;
 padding: 30px 0;
}
.footer hr { border-color: #2d2d2d; }

.fancybox-opened .fancybox-skin {
 box-shadow: 0 0 0 transparent;
 -webkit-box-shadow: 0 0 0 transparent;
 border-radius: 0;
 -webkit-border-radius: 0;
}

.article-title {
 background-color: #00aeef;
 color: #fff;
 margin-bottom: 0px;
 display: table;
 width: 100%;
}
.at-title {
 padding: 10px 15px;
 width: 92%;
 display: table-cell;
 vertical-align: middle;
 margin-bottom: 0;
}
.at-fav {
 color: #fff;
 background-color: #242424;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 font-size: 18px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.at-fav:hover { color: #00aeef; font-size: 24px; cursor: pointer; }


.article-head {
 background-image: url(../images/bg-header.jpg);
 background-position: top center;
 background-color: #31353d;
 color: #fff;
}

.ah-img { display: block; }
.ah-img img { width: 100%; }
.ah-lead {}
.ah-lead p { margin-bottom: 8px; }
.ah-lead p:last-child { margin-bottom: 0px; }
.ah-lead p .ah-lead-tit { color: #00aeef; text-transform: uppercase; }
.ah-lead a { color: #fff; }
.ah-bottom {background-color: #242424; border-top: 6px solid #00aeef; padding: 10px 15px; color: #999999;}
.ah-bottom2 {background-color: #2d2d2d; border-top: 6px solid #00aeef; padding: 10px 15px; color: #999999;}
.ah-rating { float: left; }
.ah-sharing { float: right; margin-top: 5px; }
.ah-info { float: left; font-size: 14px; width: 40%; }
.ah-info a { color: #fff; }
.ah-info span { color: #00aeef; text-transform: uppercase; }

.full_r3 {
 height: 100%;
 left: 0;
 opacity: 0;
 position: fixed;
 top: 0;
 visibility: hidden;
 width: 100%;
 z-index: 10000;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.full_r3.full_dark {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
 opacity: 1;
 visibility: visible;
}

.article-content { background-color: #242424; }
.ac-desc { padding: 25px 15px; padding-bottom: 15px; color:#fff;}
.nav-pills { background-color: #00aeef; }
.nav-pills > li { margin-left: 0 !important; }
.nav-pills > li > a {
 height: 42px;
 border-radius: 0;
 -webkit-border-radius: 0;
 background-color: #00aeef;
 border-right: 4px solid #00a2df;
 color: #fff;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 16px;
 padding: 10px 30px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav > li > a:hover,
.nav > li > a:focus { background-color: #2d2d2d; }
.tab-content { background-color: #2d2d2d; padding: 10px 15px 5px; text-align: center; color: #fff; }

.comments-list {}
.cl-item {
 background-color: #242424;
 margin-bottom: 15px;
}
.cl-head {
 background-color: #2d2d2d;
 display: table;
 vertical-align: middle;
 padding: 8px 15px;
 color: #999999;
 width: 100%;
 font-size: 14px;
}
.cl-head-left {
 display: table-cell;
 vertical-align: middle;
 text-align: left;
}
.cl-head-right {
 display: table-cell;
 vertical-align: middle;
 text-align: right;
}
.cl-body { padding: 15px; }
.cl-img { display: block; width: 70px; border-radius: 50%; -webkit-border-radius: 50%;}

@media (max-width: 1200px) {
 .header-links a { font-size: 18px; }
 .form-control { height: 37px; }
 .main-carousel { height: 345px; }
 .mc-img img { min-height: 345px; }
 .fl-options-lead {
 float: none;
 display: block;
 }
 .fl-img-block { height: 200px; }
 .fl-title { font-size: 14px; padding: 5px 10px; }
 .fl-options { padding-left: 10px; padding-right: 10px; }
 .fl-title a { height: 48px; }
 .carousel-block { width: 75%; }
 .at-title { font-size: 20px; line-height: 1; }
 .ah-rating { margin-bottom: 5px; }
 .ah-sharing { float: left; }
 .uRelatedEntries { margin-left: -5px; margin-right: -5px; }
 .uRelatedEntries li { padding-left: 5px; padding-right: 5px; }
 .mgline { width: 80% !important; }
 .article-content .mgline { width: 23% !important; }
}
@media (max-width: 992px) {
 body { font-size: 14px; }
 .ht-logo { width: 0; display:block; }
 .ht-search { width: 75%; }
 .ht-login { width: 25%; }
 .header-top { margin-top: 70px; }
 .header-top a.logo { left: 50%; margin-left: -150px; position: absolute; top: 0; }
 .header-top a.logo img { width: 300px; }
 .header-nav > ul > li > a { font-size: 14px; padding: 6px; }
 .header-nav > ul > li > ul { right: auto; }
 .header-nav > ul > li > ul > li > a { padding: 10px; font-size: 12px; }
 .mc-img img { min-height: 250px; }
 .main-carousel { height: 250px; }
 .mc-desc { padding: 14px 10px; }
 .mc-desc-lead { font-size: 16px; }
 .mc-desc-title { font-size: 26px; margin-bottom: 10px; }
 .main-carousel .carousel-control { font-size: 16px; }
 .mc-control-inner { bottom: 25px; }
 .tlb-title { margin-right: 0; font-size: 14px; float: none; }
 .tlb-text { padding-bottom: 10px; font-size: 12px; }
 .footer { font-size: 14px; padding: 20px 0; }
 .carousel-block { width: 100% !important; }
 .panel-title { font-size: 14px; }
 .ab-title { font-size: 14px; }
 .title-line-block { position: relative; }
 .title-line-block .tlb-link {
 color: #ccc;
 position: absolute;
 right: 0;
 top: -2px;
 font-size: 14px;
 }
 .title-line-block .btn { top: 0; }
 .btn { font-size: 16px; padding-top: 8px; padding-bottom: 7px; }
 .frame-block {
 width: 100%;
 overflow: auto;
 }
 .nav-pills > li > a { font-size: 14px; }
 .tab-content .tab-pane,
 .ac-desc,
 .article-content .padding-block { width: 100%; overflow: auto; }
 iframe { width: 100% !important; }
 .article-content .padding-block { padding-left: 15px; padding-right: 15px; }
 h3, .h3, .fs-large { font-size: 16px; }
 .uRelatedEntries li img { height: 160px !important; }
 .uRelatedEntries li a:last-child { font-size: 14px; padding: 5px 10px; height: 60px; }
 .ucf-message-wrap,
 .ucf-smiles { display: block; width: 100% !important; margin-bottom: 10px; }
 .ucf-smiles table { width: 100%; }
 .block table td { display: block; padding-bottom: 10px; }
 .mgline { width: 90% !important; }
 .article-content .mgline { width: 23% !important; }
}
@media (max-width: 767px) {
 .queryField { width: 100% !important; }
 body { font-size: 13px; }
 .manTable,
 .commTd2 table,
 .commTd2 table tbody,
 .manTable tbody { display: block; width: 100%; text-align: center; }
 .manTable tr td,
 .commTd2 > table > tbody > tr > td { display: block; margin-bottom: 5px; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
 .manTable tr,
 .commTd2 > table > tbody > tr { display: block; margin-left: auto; margin-right: auto; }
 .commTd2 > table > tbody > tr > td tr { display: block; float: left; }
 .ht-logo a.logo { background-size: 100%; width: 300px; }
 .header-top td,
 .modal-body table td { display: block; width: 100%; }
 .header-links { float: left; }
 .header-links a:first-child { padding-left: 0; }
 .profile-img {
 margin: 0 auto 20px;
 width: 80px !important;
 }
 #Go_Bottom,
 #Go_Top { display: none !important; }
 .mc-img img {
 display: block;
 margin: 15px auto 0;
 max-height: 200px;
 min-height: auto;
 width: auto;
 }
 .main-carousel { height: auto; }
 .mc-desc-title { font-size: 16px; }
 .mc-desc-lead {
 font-size: 13px;
 height: 96px;
 margin-bottom: 45px;
 }
 .main-carousel .carousel-control { font-size: 14px; }
 article, aside {
 width: 100% !important;
 float: none !important;
 }
 article { margin-bottom : 20px; }
 .tlb-title,
 .tlb-link { padding-left: 10px; padding-right: 10px; }
 .fl-item { width: 25%; }
 .carousel-block .fl-item { width: 250px !important; margin-left: auto; margin-right: auto; float: none; }
 .header { background-size: cover; }
 .header-nav { margin-bottom: 20px; display: none; }
 .header-nav ul { display: block !important; }
 .header-nav > ul > li { display: block !important; width: 100% !important; }
 .header-nav li ul {
 background-color: #2d2d2d !important;
 position: static !important;
 border-bottom: 4px solid #00aeef;
 box-shadow: 0 0 0 trnsparent !important;
 -webkit-box-shadow: 0 0 0 trnsparent !important;
 -webkit-transition: all 0s ease-in-out !important;
 -moz-transition: all 0s ease-in-out !important;
 -ms-transition: all 0s ease-in-out !important;
 -o-transition: all 0s ease-in-out !important;
 transition: all 0s ease-in-out !important;
 }
 .header-nav > ul > li:hover > ul { height: 0; overflow: hidden; opacity: 0; }
 .header-nav > ul > li:hover {
 text-decoration: none;
 background-color: #2d2d2d;
 border-color: transparent;
 -webkit-transition: all 0s ease-in-out;
 -moz-transition: all 0s ease-in-out;
 -ms-transition: all 0s ease-in-out;
 -o-transition: all 0s ease-in-out;
 transition: all 0s ease-in-out;
 }
 .header-nav > ul > li > a.active { text-decoration: none; background-color: #00aeef; }
 .header-nav > ul > li > ul.active {
 height: auto;
 overflow: visible;
 opacity: 1;
 }
 .mn-toggle {
 float: right;
 display: block !important;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 background-color: #00aeef;
 border: 0;
 position: relative;
 top: 12px;
 background-image: none;
 padding: 9px 10px;
 }
 .icon-bar {
 border-radius: 1px;
 -webkit-border-radius: 1px;
 display: block;
 height: 2px;
 width: 22px;
 background-color: #fff;
 margin-bottom: 4px;
 }
 .icon-bar:last-child { margin-bottom: 0; }
 .at-fav { padding: 10px; }
 .at-title { font-size: 18px; }
 .tab-content iframe { width: 100% !important; height: 300px !important; }
 .ah-info { float: none; width: 100%; margin-bottom: 10px; }
 .smiles tr { display: block; float: left; }
 .mgline { width: 23% !important; }
}
@media (max-width: 600px) {
 .fl-item { width: 33.33333%; }
 .uRelatedEntries li { width: 33.33333%; }
 .uRelatedEntries li:last-child { display: none; }
 .cl-body .pull-left { float: none; margin: 0 auto 15px; width: 100%; }
 .cl-body .pull-left img { display: block; margin: 0 auto; }
 .cl-body .o-hidden { width: 100%; }
 .mgline { width: 31% !important; }
}
@media (max-width: 470px) {
 .fl-title a { height: 62px; }
 .carousel-block a { height: 30px; }
 .fl-item { width: 50%; }
 .uRelatedEntries li { width: 50%; margin-bottom: 15px; }
 .uRelatedEntries li:last-child { display: inline-block; }
 #table1 { display: block; }
 #table1 td { display: block; width: 100%; padding-bottom: 5px; }
 .title-line-block .btn { display: none; }
 .swchItem {
 font-size: 13px;
 padding: 7px 9px 8px;
 }
 .article-head > .row > * {
 float: none;
 width: 98%;
 margin-left: auto;
 margin-right: auto;
 
 }
 .article-head > .row > *:first-child { width: 200px; }
 #serial #video iframe, .tab-content iframe { height: 200px !important; }
 .nav-pills > li > a { padding-left: 15px; padding-right: 15px; }
 .mgline { width: 46% !important; }
}
@media (max-width: 380px) {
 .mgline { width: 70% !important; }
}
.mn-toggle { display: none; }
.manTable tr td { padding-bottom: 5px; }
.filterBlock { border: 1px solid #c0c0c0; padding: 10px; }

.carousel-block {
 margin: 0 auto;
 width: 68%;
 display: block;
}
.scrollUp {
width:42px;
height:42px;
background-color: #00aeef;
padding-left: 14px;
padding-top: 5px;
margin: 0 5px 10px 0;
font-size: 32px;
color: #fff;
}
ul.tabs {
line-height:26px;
list-style:none;
padding:0;
}

.tabs li {
float:left;
display:inline;
list-style:none;
cursor:pointer;
position:relative;
text-align:center;
font-weight:700;
text-shadow:#000 1px 1px 1px;
color:#c9c9c9;
height:28px;
padding:0 20px;
}

.tabs li:hover {
background:#a8a8a8;
color:#010101;
text-shadow:#fff 1px 1px 1px;
padding:0 20px;
}

.tabs li.current {
background:#1a1a1a;
text-align:center;
cursor:default;
padding:0 20px;
}

.tabs li.current:hover {
background:#1a1a1a;
text-shadow:#000 1px 1px 1px;
color:#c9c9c9;
padding:0 20px;
}


/* Хлопушка */
#viewFilmInfoWrapper #photoBlock .downcount{padding-left:0; overflow:hidden;width:120px;}
#viewFilmInfoWrapper #photoBlock .downcount{padding-left:10px;overflow:visible !important; width:auto !important;}
/*#CountdownClockHTML{width:165px;color:#00aeef;font-size:11px;height:33px;padding-left:0px;margin-bottom:2px}
#CountdownClockHTML .timeLeft{width:61px;display:inline-block;text-align:center}
#CountdownClockHTML .daysLeft{width:61px;display:inline-block;text-align:center;}*/
/*#CountdownClockHTML{width:165px;color:#00aeef;font-size:11px;height:33px; padding-left:0px !important;margin-bottom:2px}*/
#CountdownClockHTML .timeLeft{width:90px !important;display:inline-block;text-align:center; font-weight:bold}
#CountdownClockHTML .daysLeft{width:90px !important;display:inline-block;text-align:center; font-weight:bold}
#CountdownClockDiv{width:160px !important; margin-left:5px;}
.instagram-media, .twitter-tweet {display: inline-block !important;}

/* Некликабельный заголовок в полной новости*/
.at-title-full {
cursor: default;
      text-decoration: none;
      color: #FFFFFF;
      behavior: url(noclick.htc);
}


.hr {
  display: inline-block;
}
.hr:after {
  content: '';
  display: block;
  border-top: 1px solid gray;
  margin-top: 5px;
}

/* Preloader */

/*body{
  background: #212227;
  
}

.cssload-loader {
  position: relative;
  left: calc(50% - 31px);
  width: 100px;
  height: 100px;
  margin:130px 0;
  perspective: 780px;
}

.cssload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  &.cssload-one {
  left: 0%;
  top: 0%;
  animation: cssload-rotate-one 1.15s linear infinite;
    -o-animation: cssload-rotate-one 1.15s linear infinite;
    -ms-animation: cssload-rotate-one 1.15s linear infinite;
    -webkit-animation: cssload-rotate-one 1.15s linear infinite;
    -moz-animation: cssload-rotate-one 1.15s linear infinite;
  border-bottom: 3px solid #5C5EDC;
}
  &.cssload-two {
  right: 0%;
  top: 0%;
  animation: cssload-rotate-two 1.15s linear infinite;
    -o-animation: cssload-rotate-two 1.15s linear infinite;
    -ms-animation: cssload-rotate-two 1.15s linear infinite;
    -webkit-animation: cssload-rotate-two 1.15s linear infinite;
    -moz-animation: cssload-rotate-two 1.15s linear infinite;
  border-right: 3px solid rgba(76, 70, 101, 0.99);
}
&.cssload-three {
  right: 0%;
  bottom: 0%;
  animation: cssload-rotate-three 1.15s linear infinite;
    -o-animation: cssload-rotate-three 1.15s linear infinite;
    -ms-animation: cssload-rotate-three 1.15s linear infinite;
    -webkit-animation: cssload-rotate-three 1.15s linear infinite;
    -moz-animation: cssload-rotate-three 1.15s linear infinite;
  border-top: 3px solid rgb(233, 144, 138);;
}

}
@keyframes cssload-rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@-o-keyframes cssload-rotate-one {
  0% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@-ms-keyframes cssload-rotate-one {
  0% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@-webkit-keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@-moz-keyframes cssload-rotate-one {
  0% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes cssload-rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@-o-keyframes cssload-rotate-two {
  0% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@-ms-keyframes cssload-rotate-two {
  0% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@-webkit-keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@-moz-keyframes cssload-rotate-two {
  0% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes cssload-rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

@-o-keyframes cssload-rotate-three {
  0% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

@-ms-keyframes cssload-rotate-three {
  0% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

@-webkit-keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

@-moz-keyframes cssload-rotate-three {
  0% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}*/

/* Preloader */



.thumbnail-item {
    /* position relative so that we can use position absolute for the tooltip */
    position: relative;
    float: left; 
    margin: 0px 5px;
}
 
.thumbnail-item a {
    display: block;
}
 
.thumbnail-item img.thumbnail {
    border:3px solid #ccc; 
}
         
.person-tooltip {
    /* by default, hide it */
    display: none;
    /* allow us to move the tooltip */
    position: absolute;
    /* align the image properly */
    padding: 8px 0 0 8px;
}
 
    .person-tooltip span.overlay {
        /* the png image, need ie6 hack though */
        background: url(images/overlay.png) no-repeat;
        /* put this overlay on the top of the tooltip image */
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 350px;
        height: 200px;
    }


.tooltip-src{
    cursor:pointer;
    color:white;
}
.tooltip-src + span{
    opacity:0;
    transition:0.5s;
    visibility:hidden;
    position:absolute;
    transform:translate(-100%,20px);
    pointer-events:none;   
    background-color:rgba(0,0,0,0.8);
    color:white;
    padding:10px;
}
.tooltip-src:hover + span{
    opacity:1;
    visibility:visible; 
}



/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}