html {
font-size: 0.875em;
line-height: 1.5;
height: 100%;
}
body {
margin:0;
padding:0;
color: #121212;
font-family: Arial, sans-serif;
font-size: 14px;
background: #fff7e2 url('/lyskovo-dk.ru/templates/kinosphere/img/pattern_noise.png') top left repeat;
}
body.hidden {
overflow:hidden;
}
a, a:hover {
text-decoration:none;
}
*, *::before, *::after {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr {
margin: 0;
padding: 0;
}
figure {
margin: 0;
}
.clear:after {
content: "";
display: table;
clear: both;
}
p a {
color: blue !important;
}
.social-btn {
width:40px;
height:40px;
margin-left:10px;
display:inline-block;
background-position:center;
background-repeat: no-repeat;
background-size: 80% 80%;
}
.social-btn.vk {
background-color: #2F76A4;
background-image: url('/lyskovo-dk.ru/templates/kinosphere/img/social/vk.svg');
}
.social-btn.fb {
background-color: #4E66A2;
background-image: url('/lyskovo-dk.ru/templates/kinosphere/img/social/fb.svg');
}
.main-info {
padding: 15px 20px;
}
.gcnt {
margin-bottom: 5px;
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.wrapper {
}
}
@media screen and (min-width: 1200px) {
.wrapper {
width: 100%;
margin: 0 auto;
}
header .wrap, .hslider, .page, footer .wrap:first-child, #menu .wrap, .top-anonces>.head, .top-anonces>.content {
width: 1200px;
margin: 0 auto;
}
.stock .content {
width: 100%;
margin: 0 auto;
max-width: 1200px;
}
}
.toolbar {
height: 45px;
background-color: #fff;
border-top: 5px solid #c1381c;
-webkit-box-shadow: 0px 10px 10px 0px rgba(209,209,209,1);
-moz-box-shadow: 0px 10px 10px 0px rgba(209,209,209,1);
box-shadow: 0px 10px 10px 0px rgba(209,209,209,.4);
padding: 0 10px;
}
header {
position: relative;
background-color: #fff;
z-index:10;
}
.main-news .content-list>.item>.content>.text span {
color: #444;
font-family: "SegoeUIRegular", sans-serif !important;
}
.page {
border: 10px solid rgba(0,0,0, 0.15);
border-bottom: none;
margin-top: 20px;
}
.hslider {
margin: 40px auto 20px;
}
.page-head {
margin-bottom: 40px;
}
@media screen and (max-width: 719px) {
header>.wrap {
position: relative;
padding:10px 60px 10px 0;
}
header>.wrap>.logo {
height: 60px;
}
header>.wrap>.logo img {
display:block;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
}
header>.wrap>.logo .logo-text {
display: none;
}
.toolbar_links a.pwd {
display:none;
}
.toolbar .search {
display:none!important;
}
header>.wrap>.menu-btn {
position:absolute;
top:10px;
right:0;
padding: 0 15px;
height: 60px;
line-height: 60px;
cursor: pointer;
}
header>.wrap>.menu-btn>span {
font-size: 1.7em;
color: #000;
}
header>.wrap>.menu-btn>span>.open {
display:inline-block;
color:#000;
}
header>.wrap>.menu-btn>span>.close {
display:none;
color:#000;
}
header>.wrap>.menu-btn.active {
}
header>.wrap>.menu-btn.active>span>.open {
display:none;
}
header>.wrap>.menu-btn.active>span>.close {
display:inline-block;
}
header>.wrap>.content {
display:none;
}
header .pwd {
padding-left: 10px;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
header>.wrap {
position: relative;
padding:10px 60px 10px 0;
}
header>.wrap>.logo {
float:left;
height: 60px;
}
header>.wrap>.logo img {
display:inline-block;
vertical-align:middle;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
}
header>.wrap>.logo .logo-text {
display:inline-block;
vertical-align:middle;
font-size: 1.7em;
margin-left: 30px;
margin-top: 15px;
font-weight: bold;
color:#000;
}
header>.wrap>.menu-btn {
position:absolute;
top:10px;
right:0;
padding: 0 15px;
height: 60px;
line-height: 60px;
cursor: pointer;
}
header>.wrap>.menu-btn>span {
font-size: 1.7em;
color: #000;
}
header>.wrap>.menu-btn>span>.open {
display:inline-block;
color:#000;
}
header>.wrap>.menu-btn>span>.close {
display:none;
color:#000;
}
header>.wrap>.menu-btn.active {
}
header>.wrap>.menu-btn.active>span>.open {
display:none;
}
header>.wrap>.menu-btn.active>span>.close {
display:inline-block;
}
header>.wrap>.content {
margin-left: 265px;
text-align: right;
}
header>.wrap>.content .buttons {
display: inline-block;
vertical-align: middle;
display: none;
}
header>.wrap>.content .buttons .btn {
margin-top:10px;
text-align: left;
background-color: #ff6364;
padding: 0 15px;
line-height: 35px;
height: 35px;
border-radius: 4px;
cursor: pointer;
}
header>.wrap>.content .buttons .btn:first-child {
margin-top: 0;
}
header>.wrap>.content .buttons .btn i {
color: #000;
font-size: 1.2em;
vertical-align: middle;
}
header>.wrap>.content .buttons .btn span {
color:#000;
font-family:'SegoeUILight';
vertical-align: middle;
text-transform: uppercase;
}
header>.wrap>.content .contacts {
display: inline-block;
vertical-align: middle;
margin-left:20px;
}
header>.wrap>.content .contacts .item {
text-align: left;
}
header>.wrap>.content .contacts i {
font-size: 1.2em;
color:#000;
}
header>.wrap>.content .contacts span {
font-size: 1.2em;
color:#000;
font-family: 'SegoeUILight';
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
header {
}
header>.wrap {
position: relative;
padding:30px 15px;
}
header>.wrap>.logo {
float:left;
}
header>.wrap>.logo img {
display:inline-block;
vertical-align:middle;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
}
header>.wrap>.logo .logo-text {
display:inline-block;
vertical-align:middle;
font-size: 1.7em;
margin-left: 30px;
margin-top: 15px;
font-weight: bold;
color:#000;
}
header>.wrap>.menu-btn {
display: none;
}
header>.wrap>.content {
margin-left: 315px;
text-align: right;
}
header>.wrap>.content .buttons {
display: inline-block;
vertical-align: middle;
}
header>.wrap>.content .buttons .btn {
margin-top:10px;
text-align: left;
background-color: #ff6364;
padding: 0 15px;
line-height: 35px;
height: 35px;
border-radius: 4px;
cursor: pointer;
}
header>.wrap>.content .buttons .btn:first-child {
margin-top: 0;
}
header>.wrap>.content .buttons .btn i {
color: #000;
font-size: 1.2em;
vertical-align: middle;
}
header>.wrap>.content .buttons .btn span {
color:#000;
font-family:'SegoeUILight';
vertical-align: middle;
text-transform: uppercase;
}
header>.wrap>.content .contacts {
display: inline-block;
vertical-align: middle;
margin-left:20px;
}
header>.wrap>.content .contacts .item {
text-align: left;
}
header>.wrap>.content .contacts i {
font-size: 1.2em;
color:#000;
}
header>.wrap>.content .contacts span {
font-size: 1.2em;
color:#000;
font-family: 'SegoeUILight';
}
}
@media screen and (min-width: 1200px) {
header {
}
header>.wrap {
position: relative;
padding:30px 20px;
}
header>.wrap>.logo {
float:left;
}
header>.wrap>.logo img {
display:inline-block;
vertical-align:middle;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
}
header>.wrap>.logo .logo-text {
display:inline-block;
vertical-align:middle;
font-size: 1.7em;
margin-left: 30px;
margin-top: 15px;
font-weight: bold;
color:#000;
}
header>.wrap>.menu-btn {
display: none;
}
header>.wrap>.content {
margin-left: 315px;
text-align: right;
}
header>.wrap>.content .buttons {
display: inline-block;
vertical-align: middle;
}
header>.wrap>.content .buttons .btn {
margin-top:10px;
text-align: left;
background-color: #ff6364;
padding: 0 15px;
line-height: 35px;
height: 35px;
border-radius: 4px;
cursor: pointer;
}
header>.wrap>.content .buttons .btn:first-child {
margin-top: 0;
}
header>.wrap>.content .buttons .btn i {
color: #000;
font-size: 1.2em;
vertical-align: middle;
}
header>.wrap>.content .buttons .btn span {
color:#fff;
font-family:'SegoeUILight';
vertical-align: middle;
text-transform: uppercase;
}
header>.wrap>.content .contacts {
display: inline-block;
vertical-align: middle;
margin-left:20px;
}
header>.wrap>.content .contacts .item {
text-align: left;
}
header>.wrap>.content .contacts i {
font-size: 1.5em;
color:#000;
}
header>.wrap>.content .contacts span {
font-size: 1.5em;
color:#000;
font-family: 'SegoeUILight';
}
}
@media screen and (max-width: 719px) {
#menu {
background-color: #d9d9d9;
position:fixed;
z-index:30;
top:0;
left:-100%;
width:100%;
bottom:0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
overflow: auto;
}
#menu.active {
left:0;
}
#menu>.wrap {
position: relative;
padding-right:60px;
}
#menu>.wrap>.menu-btn {
position:absolute;
top:0;
right:0;
padding: 0 15px;
height: 60px;
line-height: 60px;
cursor: pointer;
}
#menu>.wrap>.menu-btn>span {
font-size: 1.7em;
color: #fff;
}
#menu>.wrap>.menu-btn>span>.open {
display:inline-block;
color:#333;
}
#menu>.wrap>.menu-btn>span>.close {
display:none;
color:#333;
}
#menu>.wrap>.menu-btn.active {
}
#menu>.wrap>.menu-btn.active>span>.open {
display:none;
}
#menu>.wrap>.menu-btn.active>span>.close {
display:inline-block;
}
#menu>.wrap>.content-list.menu {
}
#menu>.wrap>.content-list.menu>.item {
}
#menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span {
display: block;
text-decoration: none;
padding: 10px 0;
}
#menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon {
margin-bottom: 10px;
}
#menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img {
display: block;
width:35px;
margin: 0 auto;
}
#menu>.wrap>.content-list.menu>.item>a>.title, #menu>.wrap>.content-list.menu>.item>span>.title {
text-align: left;
color:#333;
padding: 0 20px;
}
#menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span {
background-color: #45548E;
}
#menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span>.title {
color: #d9d9d9;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
#menu>.wrap>.content-list.menu>.item.parent .arrow {
display: none;
}
#menu .child {
background-color: #666;
}
#menu>.wrap>.content-list.menu>.item.parent:last-child .child {
right:0;
left:auto;
}
#menu .child>.content-list {
}
#menu .child>.content-list>.item {
}
#menu .child>.content-list>.item>a {
line-height: 30px;
display: block;
padding:0 10px;
color:#fff!important;
}
#menu .child>.content-list>.item:hover {
background-color: rgba(0,0,0,0.2);
}
#menu>.wrap>.content-list.menu>.item.parent:hover .child {
display: block;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
#menu {
background-color: #d9d9d9;
position:fixed;
z-index:30;
top:0;
left:-100%;
width:100%;
bottom:0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
overflow: auto;
}
#menu.active {
left:0;
}
#menu .search {
display:none;
}
#menu>.wrap {
position: relative;
padding-right:60px;
}
#menu>.wrap>.menu-btn {
position:absolute;
top:0;
right:0;
padding: 0 15px;
height: 60px;
line-height: 60px;
cursor: pointer;
}
#menu>.wrap>.menu-btn>span {
font-size: 1.7em;
color: #fff;
}
#menu>.wrap>.menu-btn>span>.open {
display:inline-block;
color:#333;
}
#menu>.wrap>.menu-btn>span>.close {
display:none;
color:#333;
}
#menu>.wrap>.menu-btn.active {
}
#menu>.wrap>.menu-btn.active>span>.open {
display:none;
}
#menu>.wrap>.menu-btn.active>span>.close {
display:inline-block;
}
#menu>.wrap>.content-list.menu {
}
#menu>.wrap>.content-list.menu>.item {
}
#menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span {
display: block;
text-decoration: none;
padding: 10px 0;
}
#menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon {
margin-bottom: 10px;
}
#menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img {
display: block;
width:35px;
margin: 0 auto;
}
#menu>.wrap>.content-list.menu>.item>a>.title, #menu>.wrap>.content-list.menu>.item>span>.title {
text-align: left;
color:#333;
padding: 0 20px;
}
#menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span {
background-color: #45548E;
}
#menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span>.title {
color: #d9d9d9;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
#menu>.wrap>.content-list.menu>.item.parent .arrow {
display: none;
}
#menu .child {
background-color: #666;
}
#menu>.wrap>.content-list.menu>.item.parent:last-child .child {
right:0;
left:auto;
}
#menu .child>.content-list {
}
#menu .child>.content-list>.item {
}
#menu .child>.content-list>.item>a {
line-height: 30px;
display: block;
padding:0 10px;
color:#fff!important;
}
#menu .child>.content-list>.item:hover {
background-color: rgba(0,0,0,0.2);
}
#menu>.wrap>.content-list.menu>.item.parent:hover .child {
display: block;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
#menu {
background-color: #eee;
position:relative;
z-index: 20;
border-bottom: 4px solid #ddd;
}
#menu .search {
display:none;
}
#menu>.wrap {
position: relative;
}
#menu>.wrap>.content-list.menu {
display:flex;
flex-flow: row wrap;
}
#menu>.wrap>.content-list.menu>.item {
}
#menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span {
padding: 15px 30px;
display: block;
text-decoration: none;
}
#menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon {
margin-bottom: 10px;
}
#menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img {
display: block;
width:35px;
margin: 0 auto;
}
#menu>.wrap>.content-list.menu>.item>a>.title, #menu>.wrap>.content-list.menu>.item>span>.title {
text-align: left;
color:#333;
font-family: 'SegoeUIBold';
font-size: .9em;
}
#menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span {
background-color: #a23820;
}
#menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span>.title {
color: #fddc99;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
#menu>.wrap>.content-list.menu>.item.parent {
position: relative;
}
#menu .child {
display:none;
position: absolute;
top:100%;
left:0;
width: 200%;
background-color: #333;
padding: 10px 0;
z-index: 200;
}
#menu>.wrap>.content-list.menu>.item.parent:last-child .child {
right:0;
left:auto;
}
#menu .child>.content-list {
}
#menu .child>.content-list>.item {
}
#menu .child>.content-list>.item>a {
line-height: 30px;
display: block;
padding:0 10px;
color:#fff!important;
}
#menu .child>.content-list>.item:hover {
background-color: rgba(0,0,0,0.2);
}
#menu>.wrap>.content-list.menu>.item.parent:hover .child {
display: block;
}
#menu>.wrap>.menu-btn {
display: none;
}
}
@media screen and (min-width: 1200px) {
#menu {
background-color: #eee;
position:relative;
z-index: 20;
border-bottom: 4px solid #ddd;
}
#menu .search {
display:none;
}
#menu>.wrap {
position: relative;
}
#menu>.wrap>.menu-btn {
display: none;
}
#menu>.wrap>.content-list.menu {
display:flex;
flex-flow: row wrap;
}
#menu>.wrap>.content-list.menu.hide {
display:none;
}
#menu>.wrap>.content-list.menu>.item {
}
#menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span {
padding: 15px 30px;
display: block;
text-decoration: none;
}
#menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon {
margin-bottom: 10px;
}
#menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img {
display: block;
width:50px;
margin: 0 auto;
}
#menu>.wrap>.content-list.menu>.item>*>.title, #menu>.wrap>.content-list.menu>.item>span {
text-align: left;
color:#333;
font-family: 'SegoeUIBold';
font-size: 1em;
text-transform: uppercase;
}
#menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span {
background-color: #a23820;
}
#menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span {
color: #fddc99;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
#menu>.wrap>.content-list.menu>.item.parent {
position: relative;
}
#menu .child {
display:none;
position: absolute;
top:100%;
left:0;
width: 200%;
background-color: #333;
padding: 10px 0;
z-index: 200;
}
#menu>.wrap>.content-list.menu>.item.parent:last-child .child {
right:0;
left:auto;
}
#menu .child>.content-list {
}
#menu .child>.content-list>.item {
}
#menu .child>.content-list>.item>a {
line-height: 35px;
display: block;
padding:0 10px;
color: #fff!important;
}
#menu .child>.content-list>.item:hover {
background-color: rgba(0,0,0,0.2);
}
#menu>.wrap>.content-list.menu>.item.parent:hover .child {
display: block;
}
}
.page {
background-color: #fff;
}
.uk-slidenav-position .uk-slidenav {
display: block !important;
}
.uk-slidenav-contrast {
color: #c1381c !important;
}
@media screen and (max-width: 719px) {
.page {
}
}
@media screen and (max-width: 767px) {
.page {
padding: 20px 0;
background-color: #fff;
display: flex;
flex-flow: row wrap;
border: none;
border-top: 10px solid rgba(0,0,0, .15);
}
.page>.content {
padding: 0 20px;
order: 1;
flex: 1 100%;
overflow: hidden;
}
.page>.sidebar {
order: 2;
flex: 1 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 20px;
overflow: hidden;
}
.page>.sidebar>.block {
padding: 0 20px;
width: 100%;
margin-top: 20px;
}
.page>.sidebar>.block:first-child {
margin-top: 0;
}
.page>.sidebar>.block>.head {
}
.page>.sidebar>.block>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.page>.sidebar>.block>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.pwd div {
display: none;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
.page {
padding: 20px 0;
background-color: #fff;
display: flex;
flex-flow: row wrap;
border: none;
border-top: 10px solid rgba(0,0,0, .15);
}
.page>.content {
padding: 0 15px;
order: 1;
flex: 1 100%;
overflow: hidden;
}
.page>.sidebar {
order: 2;
flex: 1 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 20px;
overflow: hidden;
}
.page>.sidebar>.block {
width: 50%;
padding: 0 20px;
}
.page>.sidebar>.block>.head {
}
.page>.sidebar>.block>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.page>.sidebar>.block>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.page {
padding: 20px 0;
}
.page>.content {
padding: 0 20px;
}
.page>.sidebar {
padding: 0 20px;
float:left;
width: 400px;
margin-right:-400px;
position: relative;
z-index: 1;
}
.page>.sidebar + .content {
padding: 0 20px;
width: 100%;
float:right;
padding-left: 420px;
}
.page>.sidebar>.block {
margin-top: 20px;
}
.page>.sidebar>.block:first-child {
margin-top: 0;
}
.page>.sidebar>.block>.head {
}
.page>.sidebar>.block>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.page>.sidebar>.block>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
}
@media screen and (min-width: 1200px) {
.page {
padding: 20px 0;
}
.page>.content {
padding: 0 20px;
}
.page>.sidebar {
padding: 0 20px;
float:left;
width: 400px;
margin-right:-400px;
position: relative;
z-index: 1;
}
.page>.sidebar + .content {
padding: 0 20px;
width: 100%;
float:right;
padding-left: 420px;
}
.page>.sidebar>.block {
margin-top: 40px;
}
.page>.sidebar>.block:first-child {
margin-top: 0;
}
.page>.sidebar>.block>.head {
}
.page>.sidebar>.block>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.page>.sidebar>.block>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.4em;
}
}
.block.stock {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.block.stock {
padding: 20px;
}
.block.stock>.head {
}
.block.stock>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.stock>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.block.stock .content-list {
}
.block.stock .content-list>.item {
margin-top: 20px;
}
.block.stock .content-list>.item:first-child {
margin-top: 0;
}
.block.stock .content-list>.item>.media {
}
.block.stock .content-list>.item>.media img {
display: block;
width: 100%;
}
.block.stock .content-list>.item>.content {
padding: 10px;
}
.block.stock .content-list>.item>.content>.date {
}
.block.stock .content-list>.item>.content>.date span {
font-family: 'SegoeUILight';
font-size: 0.8em;
}
.block.stock .content-list>.item>.content>.title {
}
.block.stock .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.block.stock {
padding: 20px;
}
.block.stock>.head {
}
.block.stock>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.stock>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.block.stock .content-list {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
}
.block.stock .content-list>.item {
width: calc(33.33% - 60px);
margin-bottom: 30px;
margin-right: 30px;
}
.block.stock .content-list>.item:first-child {
margin-top: 0;
}
.block.stock .content-list>.item:nth-child(3n) {
margin-right: 0;
}
.block.stock .content-list>.item>.media {
}
.block.stock .content-list>.item>.media img {
display: block;
width: 100%;
}
.block.stock .content-list>.item>.content {
padding: 10px;
}
.block.stock .content-list>.item>.content>.date {
}
.block.stock .content-list>.item>.content>.date span {
font-family: 'SegoeUILight';
font-size: 0.8em;
}
.block.stock .content-list>.item>.content>.title {
}
.block.stock .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.block.stock {
padding: 20px;
}
.block.stock>.head {
}
.block.stock>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.stock>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.block.stock .content-list {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
}
.block.stock .content-list>.item {
width: calc(33.33% - 60px);
margin-bottom: 30px;
margin-right: 30px;
}
.block.stock .content-list>.item:first-child {
margin-top: 0;
}
.block.stock .content-list>.item:nth-child(3n) {
margin-right: 0;
}
.block.stock .content-list>.item>.media {
}
.block.stock .content-list>.item>.media img {
display: block;
width: 100%;
}
.block.stock .content-list>.item>.content {
padding: 10px;
}
.block.stock .content-list>.item>.content>.date {
}
.block.stock .content-list>.item>.content>.date span {
font-family: 'SegoeUILight';
font-size: 0.8em;
}
.block.stock .content-list>.item>.content>.title {
}
.block.stock .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
}
}
@media screen and (min-width: 1200px) {
.block.stock {
padding: 20px;
}
.block.stock>.head {
}
.block.stock>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.stock>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.4em;
}
.block.stock .content-list {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
}
.block.stock .content-list>.item {
width: calc(33.33% - 20px);
margin-right: 30px;
}
.block.stock .content-list>.item:first-child {
margin-top: 0;
}
.block.stock .content-list>.item:nth-child(3n) {
margin-right: 0;
}
.block.stock .content-list>.item>.media {
}
.block.stock .content-list>.item>.title {
text-align: center;
}
.block.stock .content-list>.item>.title a {
display: inline-block;
color: #c1381c;
text-transform: uppercase;
padding-top: 10px;
font-weight: bold;
}
.block.stock .content-list>.item>.title a:hover {
text-decoration: underline;
}
.block.stock .content-list>.item>.media img {
display: block;
width: 100%;
object-fit: cover;
height: 200px;
}
.block.stock .content-list>.item>.content {
padding: 10px;
}
.block.stock .content-list>.item>.content>.date {
}
.block.stock .content-list>.item>.content>.date span {
font-family: 'SegoeUILight';
font-size: 0.8em;
}
.block.stock .content-list>.item>.content>.title {
}
.block.stock .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
}
}
.main-news {
}
@media screen and (max-width: 767px) {
.main-news {
}
.main-news>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.main-news>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.main-news .content-list {
}
.main-news .content-list>.item {
margin-top: 20px;
}
.main-news .content-list>.item:first-child {
margin-top: 0;
}
.main-news .content-list>.item:nth-child(2n) {
margin-right: 0;
}
.main-news .content-list>.item>.media {
overflow: hidden;
}
.main-news .content-list>.item>.media img {
display: block;
width: 100%;
}
.main-news .content-list>.item>.content {
padding: 10px 0;
}
.main-news .content-list>.item>.content>.title {
}
.main-news .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
}
.main-news .content-list>.item>.content>.text {
text-align: justify;
}
.main-news .content-list>.item>.content>.text span {
font-family: 'SegoeUILight';
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.main-news {
}
.main-news>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.main-news>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.main-news .content-list {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.main-news .content-list>.item {
width: calc(50% - 15px);
margin-bottom: 30px;
margin-right: 30px;
}
.main-news .content-list>.item:first-child {
margin-top: 0;
}
.main-news .content-list>.item:nth-child(2n) {
margin-right: 0;
}
.main-news .content-list>.item>.media {
max-height: 180px;
overflow: hidden;
}
.main-news .content-list>.item>.media img {
display: block;
width: 100%;
}
.main-news .content-list>.item>.content {
padding: 10px 0;
}
.main-news .content-list>.item>.content>.title {
}
.main-news .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
}
.main-news .content-list>.item>.content>.text {
text-align: justify;
}
.main-news .content-list>.item>.content>.text span {
font-family: 'SegoeUILight';
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.main-news {
}
.main-news>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.main-news>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.main-news .content-list {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.main-news .content-list>.item {
width: calc(100% - 15px);
margin-bottom: 30px;
margin-right: 30px;
}
.main-news .content-list>.item:first-child {
margin-top: 0;
}
.main-news .content-list>.item:nth-child(2n) {
margin-right: 0;
}
.main-news .content-list>.item>.media {
position:relative;
overflow: hidden;
padding-bottom: 100%;
}
.main-news .content-list>.item>.media img {
position:absolute;
display: block;
width: 100%;
height: 100%;
top:0;
left:0;
right: 0;
bottom: 0;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.main-news .content-list>.item>.content {
padding: 10px 0;
}
.main-news .content-list>.item>.content>.title {
}
.main-news .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
}
.main-news .content-list>.item>.content>.text {
text-align: justify;
}
.main-news .content-list>.item>.content>.text span {
font-family: 'SegoeUILight';
}
}
@media screen and (min-width: 1200px) {
.main-news {
}
.main-news>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.main-news>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.4em;
}
.main-news .content-list {
}
.main-news .content-list>.item {
width: 100%;
margin-bottom: 20px;
}
.main-news .lk-about .item {
float: none;
width: 100%;
margin-bottom: 30px;
}
.main-news .lk-schedule .item {
float: none;
width: 100%;
margin-bottom: 30px;
}
.main-news .lk-about .item img {
margin: 0 20px 20px 0 !important;
}
.main-news .lk-schedule .item img {
margin: 0 20px 20px 0 !important;
max-width: 100% !important;
}
.main-news .content-list>.item>.media {
float: left;
margin-right: 10px;
margin-top: 2px;
}
.main-news .content-list>.item>.media img {
display: inline-block;
max-width: 200px;
width: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.main-news .content-list>.item>.content {
}
.main-news .content-list>.item>.content>.title {
}
.main-news .content-list>.item>.content>.title span {
color: #c1381c;
font-family: 'SegoeUIBold';
line-height: 1;
text-transform: uppercase;
font-size: 1.25em;
}
.main-news .content-list>.item>.content>.text {
text-align: justify;
}
}
.block.poll {
}
@media screen and (max-width: 767px) {
.block.poll {
}
.block.poll>.head {
}
.block.poll>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.poll>.head>* {
color: #c1381c;
background-color: #fff;
padding: 0 15px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.block.poll .content {
background-color: #f0f0f0;
padding: 20px 10px;
}
.block.poll .content .title {
margin-bottom: 10px;
text-align: center;
}
.block.poll .content .title span {
font-family: 'SegoeUIBold';
font-size: 1.2em;
}
.block.poll .content .content-list {
}
.block.poll .content .content-list>.item {
margin-top: 10px;
}
.block.poll .content .content-list>.item:first-child {
margin-top: 0;
}
.block.poll .content .content-list>.item input {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 2px solid #c1381c;
border-radius: 100%;
outline: none;
}
.block.poll .content .content-list>.item input:checked {
background-color: #c1381c;
}
.block.poll .content .content-list>.item label {
display: inline-block;
vertical-align: middle;
width: calc(100% - 30px);
font-size: 1.2em;
}
.block.poll .content .manipulate {
margin-top: 25px;
text-align: center;
}
.block.poll .content .manipulate>input {
border-radius: 4px;
display: inline-block;
vertical-align: middle;
font-size: 1.2em;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #c1381c;
color: #fff;
text-transform: uppercase;
border: 0;
outline: none;
height: 35px;
cursor: pointer;
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.block.poll {
}
.block.poll>.head {
}
.block.poll>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.poll>.head>* {
color: #c1381c;
background-color: #fff;
padding: 0 15px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.block.poll .content {
background-color: #f0f0f0;
padding: 20px 10px;
}
.block.poll .content .title {
margin-bottom: 10px;
text-align: center;
}
.block.poll .content .title span {
font-family: 'SegoeUIBold';
font-size: 1.2em;
}
.block.poll .content .content-list {
}
.block.poll .content .content-list>.item {
margin-top: 10px;
}
.block.poll .content .content-list>.item:first-child {
margin-top: 0;
}
.block.poll .content .content-list>.item input {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 2px solid #c1381c;
border-radius: 100%;
outline: none;
}
.block.poll .content .content-list>.item input:checked {
background-color: #c1381c;
}
.block.poll .content .content-list>.item label {
display: inline-block;
vertical-align: middle;
width: calc(100% - 30px);
font-size: 1.2em;
}
.block.poll .content .manipulate {
margin-top: 25px;
text-align: center;
}
.block.poll .content .manipulate>input {
border-radius: 4px;
display: inline-block;
vertical-align: middle;
font-size: 1.2em;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #c1381c;
color: #fff;
text-transform: uppercase;
border: 0;
outline: none;
height: 35px;
cursor: pointer;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.block.poll {
}
.block.poll>.head {
}
.block.poll>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.poll>.head>* {
color: #c1381c;
background-color: #fff;
padding: 0 15px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.block.poll .content {
background-color: #f0f0f0;
padding: 20px 10px;
}
.block.poll .content .title {
margin-bottom: 10px;
text-align: center;
}
.block.poll .content .title span {
font-family: 'SegoeUIBold';
}
.block.poll .content .content-list {
}
.block.poll .content .content-list>.item {
margin-top: 10px;
}
.block.poll .content .content-list>.item:first-child {
margin-top: 0;
}
.block.poll .content .content-list>.item input {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 2px solid #c1381c;
border-radius: 100%;
outline: none;
}
.block.poll .content .content-list>.item input:checked {
background-color: #c1381c;
}
.block.poll .content .content-list>.item label {
display: inline-block;
vertical-align: middle;
width: calc(100% - 25px);
}
.block.poll .content .manipulate {
margin-top: 25px;
text-align: center;
}
.block.poll .content .manipulate>input {
border-radius: 4px;
display: inline-block;
vertical-align: middle;
font-size: 1.2em;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #c1381c;
color: #fff;
text-transform: uppercase;
border: 0;
outline: none;
height: 35px;
cursor: pointer;
}
}
@media screen and (min-width: 1200px) {
.block.poll {
}
.block.poll>.head {
}
.block.poll>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.block.poll>.head>* {
color: #c1381c;
background-color: #fff;
padding: 0 15px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.4em;
}
.block.poll .content {
background-color: #f0f0f0;
padding: 20px 10px;
}
.block.poll .content .title {
margin-bottom: 10px;
text-align: center;
}
.block.poll .content .title span {
font-family: 'SegoeUIBold';
font-size: 1.5em;
}
.block.poll .content .content-list {
}
.block.poll .content .content-list>.item {
margin: 10px 20px 0;
}
.block.poll .content .content-list>.item:first-child {
margin-top: 0;
}
.block.poll .content .content-list>.item input {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 2px solid #c1381c;
border-radius: 100%;
outline: none;
}
.block.poll .content .content-list>.item input:checked {
background-color: #c1381c;
}
.block.poll .content .content-list>.item label {
display: inline-block;
vertical-align: middle;
width: calc(100% - 25px);
}
.block.poll .content .manipulate {
margin-top: 25px;
text-align: center;
}
.block.poll .content .manipulate>input {
border-radius: 4px;
display: inline-block;
vertical-align: middle;
font-size: 1.2em;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #c1381c;
color: #fff;
text-transform: uppercase;
border: 0;
outline: none;
height: 35px;
cursor: pointer;
}
}
@media screen and (max-width: 767px) {
.top-anonces {
background-color: #d9d9d9;
padding: 20px;
}
.top-anonces>.head {
}
.top-anonces>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.top-anonces>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.top-anonces>.content {
padding: 20px 0;
}
.top-anonces>.head + .content {
padding: 0 0 20px;
}
.top-anonces>.content .item {
}
.top-anonces>.content .item .overlay {
position: absolute;
bottom:0;
left:0;
right:0;
z-index: 1;
padding:20px 0;
border: 1px solid rgba(104,105,104,0.32);
background: rgba(1,0,0,0.4);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .overlay>.info {
display: none;
}
.top-anonces>.content .item .overlay>.manipulate {
padding: 0 25px;
height: 100%;
}
.top-anonces>.content .item .overlay>.manipulate .btn {
margin-top:10px;
text-align: center;
text-transform: uppercase;
position:relative;
line-height: 25px;
}
.top-anonces>.content .item .overlay>.manipulate .btn a {
display: block;
}
.top-anonces>.content .item .overlay>.manipulate .btn span {
font-family: 'SegoeUIBold';
font-size: 0.8em;
}
.top-anonces>.content .item .overlay>.manipulate .btn:first-child {
margin-top:0;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more {
border-radius: 3px;
background-color: rgba(255,255,255,0.1);
border: 1px solid #fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more span {
text-decoration: none;
color:#fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets {
border-radius: 3px 0 0 3px;
background-color: #fff;
border-right: 3px solid #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:before {
content:'';
position: absolute;
display: block;
right: -2px;
top: 50%;
width: 5px;
height: 8px;
margin-top: -4px;
border-radius: 50% 0 0 50%;
background-color: #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:after {
content:'';
position: absolute;
z-index: 1;
display: block;
top: 0;
right: -5px;
bottom: 0;
height: 100%;
width: 2px;
border-right: 3px dotted #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets span {
color: #333;
}
.top-anonces>.content .item .trailer {
position: absolute;
z-index: 1;
top:-100%;
left:0;
right: 0;
height: 65%;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .trailer span {
position: absolute;
display:block;
top:50%;
left:50%;
margin-top: -20px;
margin-left:-20px;
background-color: #000;
height: 40px;
width: 40px;
text-align: center;
border-radius: 100%;
}
.top-anonces>.content .item .trailer i {
color: #fff;
vertical-align: top;
line-height: 40px;
height: 100%;
font-size: 1.2em;
}
.top-anonces>.content .item .soon {
position: absolute;
z-index:1;
top:10px;
right:10px;
height:25px;
line-height:25px;
padding:0 5px;
background-color: rgba(255, 99, 100, 0.5);
border: 1px solid #e41a1b;
border-radius: 3px;
}
.top-anonces>.content .item .soon span {
color:#fff;
}
.top-anonces>.content .item:hover .trailer {
top:0;
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.top-anonces {
background-color: #d9d9d9;
padding: 20px;
}
.top-anonces>.head {
}
.top-anonces>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.top-anonces>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.top-anonces>.content {
padding: 15px 0;
}
.top-anonces>.head + .content {
padding: 0 0 20px;
}
.top-anonces>.content .item {
}
.top-anonces>.content .item .overlay {
position: absolute;
bottom:0;
left:0;
right:0;
width:200%;
z-index: 1;
padding:20px 0;
border: 1px solid rgba(104,105,104,0.32);
background: rgba(1,0,0,0.4);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .overlay>.info, .top-anonces>.content .item .overlay>.manipulate {
float:left;
width: 50%;
height: 100%;
}
.top-anonces>.content .item .overlay>.info {
padding: 0 15px;
}
.top-anonces>.content .item .overlay>.info>.title {
}
.top-anonces>.content .item .overlay>.info>.title span {
font-family: 'SegoeUIBold';
color:#fff;
text-transform: uppercase;
}
.top-anonces>.content .item .overlay>.info>.genres {
line-height: 100%;
}
.top-anonces>.content .item .overlay>.info>.genres span {
font-family: 'SegoeUIRegular';
color:#e2e2e2;
font-size: 0.9em;
text-transform: capitalize;
}
.top-anonces>.content .item .overlay>.info>.genres .divider {
margin: 0 5px;
}
.top-anonces>.content .item .overlay>.manipulate {
padding: 0 25px;
}
.top-anonces>.content .item .overlay>.manipulate .btn {
margin-top:10px;
text-align: center;
text-transform: uppercase;
position:relative;
line-height: 25px;
}
.top-anonces>.content .item .overlay>.manipulate .btn a {
display: block;
}
.top-anonces>.content .item .overlay>.manipulate .btn span {
font-family: 'SegoeUIBold';
font-size: 0.8em;
}
.top-anonces>.content .item .overlay>.manipulate .btn:first-child {
margin-top:0;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more {
border-radius: 3px;
background-color: rgba(255,255,255,0.1);
border: 1px solid #fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more span {
text-decoration: none;
color:#fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets {
border-radius: 3px 0 0 3px;
background-color: #fff;
border-right: 3px solid #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:before {
content:'';
position: absolute;
display: block;
right: -2px;
top: 50%;
width: 5px;
height: 8px;
margin-top: -4px;
border-radius: 50% 0 0 50%;
background-color: #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:after {
content:'';
position: absolute;
z-index: 1;
display: block;
top: 0;
right: -5px;
bottom: 0;
height: 100%;
width: 2px;
border-right: 3px dotted #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets span {
color: #333;
}
.top-anonces>.content .item .trailer {
position: absolute;
z-index: 1;
top:-100%;
left:0;
right: 0;
height: 65%;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .trailer span {
position: absolute;
display:block;
top:50%;
left:50%;
margin-top: -20px;
margin-left:-20px;
background-color: #000;
height: 40px;
width: 40px;
text-align: center;
border-radius: 100%;
}
.top-anonces>.content .item .trailer i {
color: #fff;
vertical-align: top;
line-height: 40px;
height: 100%;
font-size: 1.2em;
}
.top-anonces>.content .item .soon {
position: absolute;
z-index:1;
top:10px;
right:10px;
height:25px;
line-height:25px;
padding:0 5px;
background-color: rgba(255, 99, 100, 0.5);
border: 1px solid #e41a1b;
border-radius: 3px;
}
.top-anonces>.content .item .soon span {
color:#fff;
}
.top-anonces>.content .item:hover .overlay {
left:-100%;
}
.top-anonces>.content .item:hover .trailer {
top:0;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.top-anonces {
background-color: #d9d9d9;
padding: 20px;
}
.top-anonces>.head {
}
.top-anonces>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.top-anonces>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.2em;
}
.top-anonces>.content {
padding: 20px 0;
}
.top-anonces>.head + .content {
padding: 0 0 20px;
}
.top-anonces>.content .item {
}
.top-anonces>.content .item .overlay {
position: absolute;
bottom:0;
left:0;
right:0;
width:200%;
z-index: 1;
padding:20px 0;
border: 1px solid rgba(104,105,104,0.32);
background: rgba(1,0,0,0.4);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .overlay>.info, .top-anonces>.content .item .overlay>.manipulate {
float:left;
width: 50%;
height: 100%;
}
.top-anonces>.content .item .overlay>.info {
padding: 0 15px;
}
.top-anonces>.content .item .overlay>.info>.title {
}
.top-anonces>.content .item .overlay>.info>.title span {
font-family: 'SegoeUIBold';
color:#fff;
text-transform: uppercase;
}
.top-anonces>.content .item .overlay>.info>.genres {
line-height: 100%;
}
.top-anonces>.content .item .overlay>.info>.genres span {
font-family: 'SegoeUIRegular';
color:#e2e2e2;
font-size: 0.9em;
text-transform: capitalize;
}
.top-anonces>.content .item .overlay>.info>.genres .divider {
margin: 0 5px;
}
.top-anonces>.content .item .overlay>.manipulate {
padding: 0 25px;
}
.top-anonces>.content .item .overlay>.manipulate .btn {
margin-top:10px;
text-align: center;
text-transform: uppercase;
position:relative;
line-height: 25px;
}
.top-anonces>.content .item .overlay>.manipulate .btn a {
display: block;
}
.top-anonces>.content .item .overlay>.manipulate .btn span {
font-family: 'SegoeUIBold';
font-size: 0.8em;
}
.top-anonces>.content .item .overlay>.manipulate .btn:first-child {
margin-top:0;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more {
border-radius: 3px;
background-color: rgba(255,255,255,0.1);
border: 1px solid #fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more span {
text-decoration: none;
color:#fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets {
border-radius: 3px 0 0 3px;
background-color: #fff;
border-right: 3px solid #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:before {
content:'';
position: absolute;
display: block;
right: -2px;
top: 50%;
width: 5px;
height: 8px;
margin-top: -4px;
border-radius: 50% 0 0 50%;
background-color: #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:after {
content:'';
position: absolute;
z-index: 1;
display: block;
top: 0;
right: -5px;
bottom: 0;
height: 100%;
width: 2px;
border-right: 3px dotted #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets span {
color: #333;
}
.top-anonces>.content .item .trailer {
position: absolute;
z-index: 1;
top:-100%;
left:0;
right: 0;
height: 65%;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .trailer span {
position: absolute;
display:block;
top:50%;
left:50%;
margin-top: -20px;
margin-left:-20px;
background-color: #000;
height: 40px;
width: 40px;
text-align: center;
border-radius: 100%;
}
.top-anonces>.content .item .trailer i {
color: #fff;
vertical-align: top;
line-height: 40px;
height: 100%;
font-size: 1.2em;
}
.top-anonces>.content .item .soon {
position: absolute;
z-index:1;
top:10px;
right:10px;
height:25px;
line-height:25px;
padding:0 5px;
background-color: rgba(255, 99, 100, 0.5);
border: 1px solid #e41a1b;
border-radius: 3px;
}
.top-anonces>.content .item .soon span {
color:#fff;
}
.top-anonces>.content .item:hover .overlay {
left:-100%;
}
.top-anonces>.content .item:hover .trailer {
top:0;
}
}
@media screen and (min-width: 1200px) {
.top-anonces {
background-color: #d9d9d9;
padding: 20px;
}
.top-anonces>.head {
}
.top-anonces>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.top-anonces>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline-block;
text-transform: uppercase;
font-size: 1.4em;
}
.top-anonces>.content {
padding: 20px 0;
}
.top-anonces>.head + .content {
padding: 0 0 20px;
}
.top-anonces>.content .item {
}
.top-anonces>.content .item .overlay {
position: absolute;
bottom:0;
left:0;
right:0;
width:200%;
z-index: 1;
padding:20px 0;
border: 1px solid rgba(104,105,104,0.32);
background: rgba(1,0,0,0.4);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .overlay>.info, .top-anonces>.content .item .overlay>.manipulate {
float:left;
width: 50%;
height: 100%;
}
.top-anonces>.content .item .overlay>.info {
padding: 0 15px;
}
.top-anonces>.content .item .overlay>.info>.title {
}
.top-anonces>.content .item .overlay>.info>.title span {
font-family: 'SegoeUIBold';
color:#fff;
text-transform: uppercase;
}
.top-anonces>.content .item .overlay>.info>.genres {
line-height: 100%;
}
.top-anonces>.content .item .overlay>.info>.genres span {
font-family: 'SegoeUIRegular';
color:#e2e2e2;
font-size: 0.9em;
text-transform: capitalize;
}
.top-anonces>.content .item .overlay>.info>.genres .divider {
margin: 0 5px;
}
.top-anonces>.content .item .overlay>.manipulate {
padding: 0 25px;
}
.top-anonces>.content .item .overlay>.manipulate .btn {
margin-top:10px;
text-align: center;
text-transform: uppercase;
position:relative;
line-height: 25px;
}
.top-anonces>.content .item .overlay>.manipulate .btn a {
display: block;
}
.top-anonces>.content .item .overlay>.manipulate .btn span {
font-family: 'SegoeUIBold';
font-size: 0.8em;
}
.top-anonces>.content .item .overlay>.manipulate .btn:first-child {
margin-top:0;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more {
border-radius: 3px;
background-color: rgba(255,255,255,0.1);
border: 1px solid #fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.more span {
text-decoration: none;
color:#fff;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets {
border-radius: 3px 0 0 3px;
background-color: #fff;
border-right: 3px solid #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:before {
content:'';
position: absolute;
display: block;
right: -2px;
top: 50%;
width: 5px;
height: 8px;
margin-top: -4px;
border-radius: 50% 0 0 50%;
background-color: #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets:after {
content:'';
position: absolute;
z-index: 1;
display: block;
top: 0;
right: -5px;
bottom: 0;
height: 100%;
width: 2px;
border-right: 3px dotted #bb1019;
}
.top-anonces>.content .item .overlay>.manipulate .btn.tickets span {
color: #333;
}
.top-anonces>.content .item .trailer {
position: absolute;
z-index: 1;
top:-100%;
left:0;
right: 0;
height: 65%;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-anonces>.content .item .trailer span {
position: absolute;
display:block;
top:50%;
left:50%;
margin-top: -20px;
margin-left:-20px;
background-color: #000;
height: 40px;
width: 40px;
text-align: center;
border-radius: 100%;
}
.top-anonces>.content .item .trailer i {
color: #fff;
vertical-align: top;
line-height: 40px;
height: 100%;
font-size: 1.2em;
}
.top-anonces>.content .item .soon {
position: absolute;
z-index:1;
top:10px;
right:10px;
height:25px;
line-height:25px;
padding:0 5px;
background-color: rgba(255, 99, 100, 0.5);
border: 1px solid #e41a1b;
border-radius: 3px;
}
.top-anonces>.content .item .soon span {
color:#fff;
}
.top-anonces>.content .item:hover .overlay {
left:-100%;
}
.top-anonces>.content .item:hover .trailer {
top:0;
}
}
.film {
}
.film>.information {
position: relative;
z-index: 1;
}
.film>.information>.cover {
margin-bottom: 20px;
}
.film>.information>.cover>.media {
}
.film>.information>.cover>.media img {
display:block;
width: 100%;
}
.film>.information>.ratings {
margin-bottom: 10px;
}
.film>.information>.ratings>.itemRatingBlock {
display: inline-block;
vertical-align:middle;
margin-right: 10px;
}
.film>.information>.ratings>.RUrating {
display: inline-block;
vertical-align:middle;
height: 25px;
line-height: 25px;
padding: 0 5px;
background-color: rgba(0,0,0,0.4);
border-radius: 4px;
}
.film>.information>.ratings>.RUrating span {
font-family: 'SegoeUILight';
font-size: 1.2em;
color:#fff;
}
.film>.information>.title {
margin-bottom: 20px;
}
.film>.information>.title * {
margin:0;
padding: 0;
font-family: 'SegoeUIRegular';
font-weight:normal;
line-height: normal;
color: #c1381c;
}
.film>.information>.meta {
margin-bottom: 20px;
}
.film>.information>.meta>.content-list {
}
.film>.information>.meta>.content-list>.item {
margin-bottom: 5px;
}
.film>.information>.meta>.content-list>.item>.title {
}
.film>.information>.meta>.content-list>.item>.title span {
font-family: 'SegoeUIBold';
color:#9a9a9a;
}
.film>.information>.meta>.content-list>.item>.value {
}
.film>.information>.meta>.content-list>.item>.value span {
}
.film>.information>.description {
}
.film>.information>.description span {
font-family: 'SegoeUIRegular';
font-size: 1.1em;
}
.film>.content {
}
.film>.content>.schedule {
margin-bottom: 40px;
}
.film>.content>.schedule>.head {
display: table;
margin: 0 auto 10px;
}
.film>.content>.schedule>.head span {
font-family: 'SegoeUIBold';
text-transform: uppercase;
line-height: 1;
color: #c1381c;
}
.film>.content>.schedule>.content {
}
.film>.content>.trailer {
margin-bottom: 40px;
}
.film>.content>.trailer>.head {
display: table;
margin: 0 auto 10px;
}
.film>.content>.trailer>.head span {
font-family: 'SegoeUIBold';
text-transform: uppercase;
line-height: 1;
color: #c1381c;
}
.film>.content>.trailer>.content {
}
.film>.content>.gallery {
}
.film>.content>.gallery>.head {
display: table;
margin: 0 auto 10px;
padding-bottom:5px;
}
.film>.content>.gallery>.head span {
font-family: 'SegoeUIBold';
text-transform: uppercase;
line-height: 1;
color: #c1381c;
}
.film>.content>.gallery>.content {
}
.film>.content>.gallery>.content>.content-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.film>.content>.gallery>.content>.content-list>.item {
margin-bottom: 20px;
}
.film>.content>.gallery>.content>.content-list>.item {
}
.film>.content>.gallery>.content>.content-list>.item img {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center top;
}
@media screen and (max-width: 719px) {
.film>.information {
margin-bottom: 40px;
}
.film>.information>.title * {
font-size: 1.4em;
}
.film>.content>.schedule>.head span {
font-size: 1.2em;
}
.film>.content>.trailer>.head span {
font-size: 1.2em;
}
.film>.content>.gallery>.head span {
font-size: 1.2em;
}
.film>.content>.gallery>.content>.content-list>.item {
width:calc((100% - 60px)/2);
height:120px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 399px) {
.film>.content>.gallery>.content>.content-list>.item {
width: 100%;
height:120px;
margin-bottom: 20px;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
.film>.information {
margin-bottom: 40px;
}
.film>.information>.title * {
font-size: 1.4em;
}
.film>.content>.schedule>.head span {
font-size: 1.4em;
}
.film>.content>.trailer>.head span {
font-size: 1.4em;
}
.film>.content>.gallery>.head span {
font-size: 1.4em;
}
.film>.content>.gallery>.content>.content-list>.item {
width:calc((100% - 60px)/4);
height:120px;
margin-bottom: 20px;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.film>.information {
width: 350px;
margin-right:-350px;
float:left;
position: relative;
z-index: 1;
}
.film>.information>.title * {
font-size: 1.6em;
}
.film>.content {
padding-left: 370px;
float:left;
width: 100%;
}
.film>.content>.schedule>.head span {
font-size: 1.6em;
}
.film>.content>.trailer>.head span {
font-size: 1.6em;
}
.film>.content>.gallery>.head span {
font-size: 1.6em;
}
.film>.content>.gallery>.content>.content-list>.item {
width:calc((100% - 60px)/4);
height:120px;
margin-bottom: 20px;
}
}
@media screen and (min-width: 1200px) {
.film>.information {
width: 400px;
margin-right:-400px;
float:left;
position: relative;
z-index: 1;
}
.film>.information>.title * {
font-size: 2em;
}
.film>.content {
padding-left: 420px;
float:left;
width: 100%;
}
.film>.content>.schedule>.head span {
font-size: 2em;
}
.film>.content>.trailer>.head span {
font-size: 2em;
}
.film>.content>.gallery>.head span {
font-size: 2em;
}
.film>.content>.gallery>.content>.content-list>.item {
width:calc((100% - 60px)/4);
height:120px;
margin-bottom: 20px;
}
}
.content.films.category {
}
.content.films.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
}
.content.films.category>.head:after {
content:'';
position:absolute;
display:block;
top:50%;
left:0;
right:0;
height:2px;
background-color:#c1381c;
}
.content.films.category>.head>* {
color: #c1381c;
background-color: #fff;
padding: 0 15px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.4em;
}
.content.films.category>.content-list {
padding: 20px 0 0;
}
.content.films.category>.content-list>.item>div {
position: relative;
}
.content.films.category>.content-list>.item>div:after {
content:'';
display: table;
clear:both;
}
.content.films.category>.content-list>.item>div>.description>.info {
margin-bottom: 10px;
overflow:hidden;
}
.content.films.category>.content-list>.item>div>.description>.info>.head span {
font: 30px Arial,sans-serif;
color: #fff;
margin-bottom: 5px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.content.films.category>.content-list>.item>div>.description>.info>.head a:hover {
text-decoration:none;
}
.content.films.category>.content-list>.item>div>.description>.info>.head a:hover h1 {
color: #429DE8;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta {
color: #fff;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta>span.sep {
margin: 0 8px;
color: #969696;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta>.Rurating {
background: #2E6EA3;
color: #FFF;
padding: 0 7px;
line-height: 25px;
height: 25px;
border-radius: 3px;
font-family: 'SegoeUILight';
font-size: 1.2em;
vertical-align: middle;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta>.genre {
margin-top:5px;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta>.genre>span.sep {
opacity: 0;
padding: 0;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta>.genre>span {
background: #000;
color: #fff;
padding: 3px 5px;
border-radius: 3px;
}
.content.films.category>.content-list>.item>div>.description>.info>.itemRatingBlock {
overflow: hidden;
margin-bottom: 10px;
}
.content.films.category>.content-list>.item>div>.description>.info>.desc {
color: #F3F3F3;
font-size: 0.95em;
line-height: normal;
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets {
background-image: linear-gradient(to bottom, #F5F5F5,#d9d9d9);
height: 30px;
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets:hover {
background: #c1381c;
border-left:1px solid #F5F5F5;
border-top:1px solid #F5F5F5;
border-bottom:1px solid #F5F5F5;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets:active {
box-shadow:none;
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets>a {
height: 28px;
line-height: 28px;
padding: 0 15px;
color: #333;
font-size: 14px;
display:block;
text-decoration: none;
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets:hover>a {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions {
background-image: linear-gradient(to bottom, #F5F5F5,#d9d9d9);
height: 30px;
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions:hover {
background: #c1381c;
border-top:1px solid #F5F5F5;
border-bottom:1px solid #F5F5F5;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions:active {
box-shadow:none;
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions>a {
height: 28px;
line-height: 28px;
padding: 0 15px;
color: #333;
font-size: 14px;
display:block;
text-decoration: none;
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions:hover>a {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.content.films.category>.content-list>.item>div>.description>.controls>.More {
border-radius: 3px 0 0 3px;
background-image: linear-gradient(to bottom, #F5F5F5,#d9d9d9);
border: 1px solid transparent;
height: 30px;
}
.content.films.category>.content-list>.item>div>.description>.controls>.More:hover {
background: #c1381c;
border:1px solid #F5F5F5;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.content.films.category>.content-list>.item>div>.description>.controls>.More:active {
box-shadow:none;
}
.content.films.category>.content-list>.item>div>.description>.controls>.More>a {
height: 28px;
line-height: 28px;
padding: 0 15px;
color: #333;
font-size: 14px;
display:block;
text-decoration: none;
}
.content.films.category>.content-list>.item>div>.description>.controls>.More:hover>a {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 719px) {
.content.films.category>.content-list>.item {
overflow:hidden;
margin-bottom:20px;
float:left;
width:calc((100% - 20px)/2);
margin-right: 20px;
}
.content.films.category>.content-list>.item:nth-child(2n) {
margin-right:0;
}
.content.films.category>.content-list>.item>div>.image {
padding-bottom: 150%;
background-size:100% 100%;
border: 4px solid #333;
position: relative;
}
.content.films.category>.content-list>.item>div>.image a {
display: block;
height: 100%;
}
.content.films.category>.content-list>.item>div>.image img {
position:absolute;
opacity: 0;
display: block;
width: 100%;
height: 100%;
}
.content.films.category>.content-list>.item>div>.description {
display:none;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
.content.films.category>.content-list>.item {
overflow:hidden;
background-color: #333;
margin-top:20px;
}
.content.films.category>.content-list>.item:first-child {
margin-top:0;
}
.content.films.category>.content-list>.item>div>.image {
width: 170px;
margin-right: -170px;
float:left;
border: 4px solid #333;
}
.content.films.category>.content-list>.item>div>.image img {
width: 100%;
height: 240px;
display:block;
}
.content.films.category>.content-list>.item>div>.description {
position: absolute;
left: 170px;
right: 0;
top:0;
bottom:0;
padding-bottom: 50px;
overflow: hidden;
}
.content.films.category>.content-list>.item>div>.description>.info {
height: 100%;
}
.content.films.category>.content-list>.item>div>.description>.info>.head {
padding: 10px 15px 0;
background-color: #333;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta {
padding: 0 15px 5px;
background-color: #333;
}
.content.films.category>.content-list>.item>div>.description>.info>.desc {
padding: 5px 15px;
}
.content.films.category>.content-list>.item>div>.description>.controls {
background-color: #333;
padding: 10px 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets {
border-radius: 3px 0 0 3px;
float:right;
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions {
border-radius: 0;
float:right;
}
.content.films.category>.content-list>.item>div>.description>.controls>.More {
float:right;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.content.films.category>.content-list>.item {
overflow:hidden;
background-color: #333;
margin-top:20px;
}
.content.films.category>.content-list>.item:first-child {
margin-top:0;
}
.content.films.category>.content-list>.item>div>.image {
width: 170px;
margin-right: -170px;
float:left;
border: 4px solid #333;
}
.content.films.category>.content-list>.item>div>.image img {
width: 100%;
height: 240px;
display:block;
}
.content.films.category>.content-list>.item>div>.description {
position: absolute;
left: 170px;
right: 0;
top:0;
bottom:0;
padding-bottom: 50px;
overflow: hidden;
}
.content.films.category>.content-list>.item>div>.description>.info {
height: 100%;
}
.content.films.category>.content-list>.item>div>.description>.info>.head {
padding: 10px 15px 0;
background-color: #333;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta {
padding: 0 15px 5px;
background-color: #333;
}
.content.films.category>.content-list>.item>div>.description>.info>.desc {
padding: 5px 15px;
}
.content.films.category>.content-list>.item>div>.description>.controls {
background-color: #333;
padding: 10px 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets {
border-radius: 3px 0 0 3px;
float:right;
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions {
border-radius: 0;
float:right;
}
.content.films.category>.content-list>.item>div>.description>.controls>.More {
float:right;
}
}
@media screen and (min-width: 1200px) {
.content.films.category>.content-list>.item {
width: calc(50% - 10px);
float: left;
overflow:hidden;
background-color: #333;
margin-top:20px;
}
.content.films.category>.content-list>.item:first-child, .content.films.category>.content-list>.item:nth-child(2) {
margin-top:0;
}
.content.films.category>.content-list>.item:nth-child(even) {
margin-left:10px;
}
.content.films.category>.content-list>.item:nth-child(odd) {
margin-right:10px;
}
.content.films.category>.content-list>.item>div>.image {
width: 170px;
margin-right: -170px;
float:left;
border: 4px solid #333;
}
.content.films.category>.content-list>.item>div>.image img {
width: 100%;
height: 240px;
display:block;
}
.content.films.category>.content-list>.item>div>.description {
position: absolute;
left: 170px;
right: 0;
top:0;
bottom:0;
padding-bottom: 50px;
overflow: hidden;
}
.content.films.category>.content-list>.item>div>.description>.info {
height: 100%;
}
.content.films.category>.content-list>.item>div>.description>.info>.head {
padding: 10px 15px 0;
background-color: #333;
}
.content.films.category>.content-list>.item>div>.description>.info>.meta {
padding: 0 15px 5px;
background-color: #333;
}
.content.films.category>.content-list>.item>div>.description>.info>.desc {
padding: 5px 15px;
}
.content.films.category>.content-list>.item>div>.description>.controls {
background-color: #333;
padding: 10px 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.content.films.category>.content-list>.item>div>.description>.controls>.PayTickets {
border-radius: 3px 0 0 3px;
float:right;
}
.content.films.category>.content-list>.item>div>.description>.controls>.Sessions {
border-radius: 0;
float:right;
}
.content.films.category>.content-list>.item>div>.description>.controls>.More {
float:right;
}
}
.content.contact {
padding-bottom: 20px;
}
.content.contact>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
}
.content.contact>.head:after {
content:'';
position:absolute;
display:block;
top:50%;
left:0;
right:0;
height:2px;
background-color:#c1381c;
}
.content.contact>.head>.title>* {
color: #c1381c;
background-color: #fff;
padding: 0 15px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.4em;
}
.content.contact .contact-group {
margin-bottom: 10px;
padding: 0 20px;
}
.content.contact .contact-group>.title {
font-family:'SegoeUIBold';
color:#333;
}
.content.contact .contact-form {
padding: 20px 20px 0;
}
.content.contact .contact-form>.head {
}
.content.contact .contact-form>.head span, .content.contact .contact-form>.head h1, .content.contact .contact-form>.head h2, .content.contact .contact-form>.head h3, .content.contact .contact-form>.head h4, .content.contact .contact-form>.head h5 {
font-family: 'SegoeUIBold';
font-size: 1.2em;
font-weight: normal;
}
.content.contact .contact-form>.content {
}
.content.contact .contact-form>.content .control-group {
margin-bottom: 10px;
}
.content.contact .contact-form>.content .control-group:last-child {
margin-bottom: 0;
}
.content.contact .contact-form>.content .control-group>.control-label {
margin-bottom: 5px;
}
.content.contact .contact-form>.content .control-group>.control-label>label {
font-family: 'SegoeUIBold';
color: #333;
}
.content.contact .contact-form>.content .control-group>.controls>input[type=text], .content.contact .contact-form>.content .control-group>.controls>input[type=email] {
width: 100%;
outline: none;
border: 2px solid #c1381c;
padding: 0 10px;
height: 40px;
}
.content.contact .contact-form>.content .control-group>.controls>input[type=checkbox] {
outline: none;
border: 2px solid #c1381c;
padding: 0 10px;
height: 30px;
width: 30px;
}
.content.contact .contact-form>.content .control-group>.controls>textarea {
width: 100% !important;
outline: none;
border: 2px solid #c1381c;
padding: 10px;
}
.content.contact .contact-form>.content .control-group>.controls>.btn {
outline: none;
background-color: #c1381c;
border: 0;
color:#fff;
padding: 0 15px;
height: 30px;
font-family: 'SegoeUIBold';
}
@media screen and (max-width: 899px) {
.content.contact .contact-group>.title {
margin-bottom:5px;
}
.content.contact .contact-group>.value {
}
.content.contact .contact-form>.content .control-group>.controls {
width: 100%;
}
.content.contact .contact-miscinfo #map {
height: 450px;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.content.contact .contact-group>.title {
width: 150px;
margin-right:-150px;
float:left;
}
.content.contact .contact-group>.value {
float:left;
margin-left:150px;
padding-left:20px;
}
.content.contact .contact-form>.content .control-group>.controls {
width: 300px;
}
.content.contact .contact-miscinfo #map {
height: 350px;
}
}
@media screen and (min-width: 1200px) {
.content.contact .contact-group>.title {
width: 220px;
margin-right:-220px;
float:left;
}
.content.contact .contact-group>.value {
float:left;
margin-left:220px;
padding-left:20px;
}
.content.contact .contact-form>.content .control-group>.controls {
width: 450px;
}
.content.contact .contact-miscinfo #map {
height: 450px;
}
}
.content.static {
}
.content.static>.head {
padding: 5px 15px;
position:relative;
background-color: #333;
margin-bottom: 20px;
}
.content.static>.head h1 {
color: #fff;
font-size: 1.2em;
}
.content.static>.content {
}
.content.static>.content a {
color: #333;
text-decoration: underline;
}
.content-list.banners {
}
.content-list.banners>.item {
}
.content-list.banners>.item img {
display: block;
}
.content.stock.item>.head {
padding: 0 38px;
}
.content.stock.item span {
display:block;
padding: 15px 0;
}
.content.stock.item p {
padding: 0 40px 5px;
}
.content.stock.item b {
font-family: 'SegoeUIBold';
font-size: 1.3em;
}
.content.stock.item img {
display: block;
max-width: 100%;
}
.content.stock.category {
}
.content.stock.category>.content-list {
}
.content.stock.category>.content-list a {
text-decoration:none;
}
@media screen and (max-width: 719px) {
.content.stock.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.stock.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.2em;
}
.content.stock.category>.content-list .item {
margin-top:20px;
}
.content.stock.category>.content-list .item:first-child {
margin-top:0;
}
.content.stock.category>.content-list .item>.image {
}
.content.stock.category>.content-list .item>.image img {
width:100%;
display: block;
}
.content.stock.category>.content-list .item>.title {
padding: 10px;
background-color: #F1F1F1;
border-bottom: 1px dashed #333;
}
.content.stock.category>.content-list .item>.title span {
color:#333;
font-family: 'SegoeUILight';
font-size: 1.2em;
text-decoration:none;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
.content.stock.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.stock.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.2em;
}
.content.stock.category>.content-list .item {
float:left;
margin-bottom:40px;
margin-right: 40px;
width: calc((100% - 40px)/2);
}
.content.stock.category>.content-list a:nth-child(2n)>.item {
margin-right: 0;
}
.content.stock.category>.content-list .item>.image {
}
.content.stock.category>.content-list .item>.image img {
width:100%;
display: block;
}
.content.stock.category>.content-list .item>.title {
padding: 10px;
background-color: #F1F1F1;
}
.content.stock.category>.content-list .item>.title span {
color:#333;
font-family: 'SegoeUILight';
font-size: 1.2em;
text-decoration:none;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.content.stock.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.stock.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.2em;
}
.content.stock.category>.content-list .item {
float:left;
margin-bottom:20px;
margin-right: 20px;
width: calc((100% - 20px)/2);
}
.content.stock.category>.content-list a:nth-child(2n)>.item {
margin-right: 0;
}
.content.stock.category>.content-list .item>.image {
}
.content.stock.category>.content-list .item>.image img {
width:100%;
display: block;
}
.content.stock.category>.content-list .item>.title {
padding: 10px;
background-color: #F1F1F1;
}
.content.stock.category>.content-list .item>.title span {
color:#333;
font-family: 'SegoeUILight';
font-size: 1.2em;
text-decoration:none;
}
}
@media screen and (min-width: 1200px) {
.content.stock.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.stock.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.4em;
}
.content.stock.category>.content-list .item {
float:left;
margin-bottom:20px;
margin-right: 20px;
width: calc((100% - 40px)/3);
}
.content.stock.category>.content-list a:nth-child(3n)>.item {
margin-right: 0;
}
.content.stock.category>.content-list .item>.image {
}
.content.stock.category>.content-list .item>.image img {
width:100%;
display: block;
}
.content.stock.category>.content-list .item>.title {
padding: 10px;
background-color: #F1F1F1;
}
.content.stock.category>.content-list .item>.title span {
color:#333;
font-family: 'SegoeUILight';
font-size: 1.2em;
text-decoration:none;
}
}
.content.news.item {
}
.content.news.item>.head {
padding: 10px 20px;
position:relative;
background-color: #333;
}
.content.news.item>.head h1 {
color: #fff;
font-size: 1.4em;
font-weight: normal;
font-family: 'SegoeUIBold';
text-transform: uppercase;
}
.content.news.item>.intro {
padding: 20px;
background-color: rgba(0,0,0,0.1);
}
.content.news.item>.content {
padding: 10px 20px;
}
.content.news.item>.content a {
color: #121212;
text-decoration: underline;
}
.content.news.item>.content a:hover {
text-decoration: none;
}
.content.news.item>.content p {
padding-bottom: 5px;
text-align: justify;
}
.content.news.item>.content img {
display:block;
margin: 10px auto;
max-width: 100%;
max-height: 800px;
}
.content.news.item>.content b {
font-family: 'SegoeUIBold';
font-size: 1.2em;
}
.content.news.item>.gallery {
background-color: rgba(0,0,0,0.1);
}
.content.news.item>.gallery>.content-list>.item {
}
.content.news.item>.gallery>.content-list>.item img {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center top;
}
.content.news.category {
}
.content.news.category>.content-list a {
text-decoration:none;
}
@media screen and (max-width: 719px) {
.content.news.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.news.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.2em;
}
.content.news.category>.content-list {
padding: 15px;
}
.content.news.category>.content-list .item {
margin-top:20px;
position: relative;
}
.content.news.category>.content-list .item>.image {
background-size: cover;
background-position: center center;
padding-bottom: 60%;
}
.content.news.category>.content-list .item>.image img {
display: none;
}
.content.news.category>.content-list .item>.content {
padding: 0 10px 10px;
}
.content.news.category>.content-list .item>.content>.title {
margin-bottom: 10px;
}
.content.news.category>.content-list .item>.content>.title span {
color:#c1381c;
font-family: 'SegoeUIBold';
font-size: 1.1em;
text-decoration:none;
text-transform: uppercase;
}
.content.news.category>.content-list .item>.content>.text {
}
.content.news.category>.content-list .item>.content>.text span {
color:#444;
font-family: 'SegoeUIRegular';
font-size: 0.9em;
ttext-decoration:none;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
.content.news.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.news.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.2em;
}
.content.news.category>.content-list {
padding: 15px 20px;
}
.content.news.category>.content-list .item {
margin-top:20px;
position: relative;
border-bottom: 2px solid #c1381c;
}
.content.news.category>.content-list .item:first-child {
margin-top: 0;
}
.content.news.category>.content-list .item>.image {
width: 150px;
position: absolute;
left:0;
top:0;
bottom: 0;
background-size: cover;
background-position: center center;
}
.content.news.category>.content-list .item>.image img {
display: none;
}
.content.news.category>.content-list .item>.content {
margin-left: 150px;
padding: 0 20px 10px;
}
.content.news.category>.content-list .item>.content>.title {
margin-bottom: 10px;
}
.content.news.category>.content-list .item>.content>.title span {
color:#c1381c;
font-family: 'SegoeUIBold';
font-size: 1em;
text-decoration:none;
text-transform: uppercase;
}
.content.news.category>.content-list .item>.content>.text {
}
.content.news.category>.content-list .item>.content>.text span {
color:#444;
font-family: 'SegoeUIRegular';
text-decoration:none;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.content.news.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.news.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.2em;
}
.content.news.category>.content-list {
padding: 15px 20px;
}
.content.news.item>.gallery>.content-list {
display: -ms-flexbox;
-ms-flex-wrap: wrap;
-ms-flex-direction: column;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
display: -webkit-box;
display: flex;
padding: .5vw;
}
.content.news.item>.gallery>.content-list>.item {
width:calc((100% - 60px)/6);
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
margin: .5vw;
}
.content.news.category>.content-list .item {
margin-top:20px;
}
.content.news.category>.content-list .item:first-child {
margin-top: 0;
}
.content.news.category>.content-list .item>.image {
width: 250px;
float:left;
}
.content.news.category>.content-list .item>.image img {
width:100%;
display: block;
}
.content.news.category>.content-list .item>.content {
margin-left: 250px;
padding: 0 20px 10px;
}
.content.news.category>.content-list .item>.content>.title {
margin-bottom: 10px;
}
.content.news.category>.content-list .item>.content>.title span {
color:#c1381c;
font-family: 'SegoeUIBold';
font-size: 1.4em;
text-decoration:none;
text-transform: uppercase;
}
.content.news.category>.content-list .item>.content>.text {
}
.content.news.category>.content-list .item>.content>.text span {
color:#444;
font-family: 'SegoeUIRegular';
font-size: 1em;
text-decoration:none;
}
}
@media screen and (min-width: 1200px) {
.content.news.category>.head {
padding: 5px 0 0;
margin-bottom: 10px;
text-align: left;
position:relative;
border-bottom: 2px solid #c1381c;
}
.content.news.category>.head>* {
color: #fff;
background-color: #c1381c;
padding: 5px 20px;
position:relative;
z-index:1;
display: inline;
text-transform: uppercase;
font-size: 1.4em;
}
.content.news.item>.gallery>.content-list {
display: -ms-flexbox;
-ms-flex-wrap: wrap;
-ms-flex-direction: column;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
display: -webkit-box;
display: flex;
padding: .5vw;
}
.content.news.item>.gallery>.content-list>.item {
width:calc((100% - 60px)/6);
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
margin: .5vw;
}
.content.news.category>.content-list {
padding: 15px 0;
}
.content.news.category>.content-list .item {
margin-top:20px;
}
.content.news.category>.content-list .item:first-child {
margin-top: 0;
}
.content.news.category>.content-list .item>.image {
width: 300px;
float:left;
}
.content.news.category>.content-list .item>.image img {
width:100%;
display: block;
}
.content.news.category>.content-list .item>.content {
margin-left: 300px;
padding: 0 20px 10px;
}
.content.news.category>.content-list .item>.content>.title {
margin-bottom: 10px;
}
.content.news.category>.content-list .item>.content>.title span {
color:#c1381c;
font-family: 'SegoeUIBold';
font-size: 1.4em;
text-decoration:none;
text-transform: uppercase;
}
.content.news.category>.content-list .item>.content>.text {
}
.content.news.category>.content-list .item>.content>.text span {
color:#444;
font-family: 'SegoeUIRegular';
font-size: 1em;
text-decoration:none;
}
}
footer {
background-color: #c1381c;
}
footer>.clear {
}
footer>.clear>.block>.head>span {
display: block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid #fff;
}
footer>.clear>.block>.head>span:after {
content: "";
display: block;
width: 50px;
height: 2px;
background: #fff;
margin-top: 10px;
}
@media screen and (max-width: 719px) {
footer>.clear {
}
footer>.info {
padding: 20px 0;
}
footer>.sirene {
padding: 20px 10px;
text-align: center;
text-transform: uppercase;
}
footer>.clear>.block {
padding:0 10px;
margin-bottom: 20px;
}
footer>.clear>.block:last-child {
margin-bottom: 0;
}
footer>.clear>.block>.head {
margin-bottom: 20px;
}
footer>.clear>.block>.head>span {
font-size: 1.2em;
}
footer>.clear>.block>.content {
color: #fff;
}
footer>.clear>.block.copyright {
}
footer>.clear>.block.copyright>.logo {
}
footer>.clear>.block.copyright>.logo img {
max-width: 200px;
}
.fmenu {
}
.fmenu {
}
.fmenu .content-list.menu {
}
.fmenu .content-list.menu>.item {
}
.fmenu .content-list.menu>.item>span {
display: none;
}
.fmenu .content-list.menu>.item>a {
text-decoration: none;
margin-bottom: 5px
}
.fmenu .content-list.menu>.item>a>.icon {
display: none;
}
.fmenu .content-list.menu>.item>a>.title {
color: #fff;
}
.fmenu .content-list.menu>.item:hover>a {
}
.fmenu .content-list.menu>.item:hover>a>.title {
color: #fff;
text-decoration: underline;
}
.fmenu .content-list.menu>.item.parent .arrow {
display: none;
}
}
@media screen and (min-width: 720px) and (max-width: 899px) {
footer>.clear {
}
footer>.info {
padding: 30px 0 20px;
}
footer>.sirene {
padding: 20px 30px;
text-align: center;
text-transform: uppercase;
}
footer>.clear>.block {
padding:0 30px;
margin-bottom: 30px;
}
footer>.clear>.block:last-child {
margin-bottom: 0;
}
footer>.clear>.block>.head {
margin-bottom: 20px;
}
footer>.clear>.block>.head>span {
font-size: 1.3em;
}
footer>.clear>.block>.content {
color: #fff;
}
footer>.clear>.block>.logo {
margin-bottom: 20px;
}
footer>.clear>.block>.logo img {
display: block;
width: 150px;
max-width: 100%;
}
footer>.clear>.block.copyright {
text-align: center;
}
footer>.clear>.block.copyright>.logo {
}
footer>.clear>.block.copyright>.logo img {
max-width: 200px;
}
.fmenu {
}
.fmenu {
}
.fmenu .content-list.menu {
}
.fmenu .content-list.menu>.item {
}
.fmenu .content-list.menu>.item>span {
display: none;
}
.fmenu .content-list.menu>.item>a {
text-decoration: none;
margin-bottom: 5px
}
.fmenu .content-list.menu>.item>a>.icon {
display: none;
}
.fmenu .content-list.menu>.item>a>.title {
color: #fff;
}
.fmenu .content-list.menu>.item:hover>a {
}
.fmenu .content-list.menu>.item:hover>a>.title {
color: #fff;
text-decoration: underline;
}
.fmenu>.content-list.menu>.item.parent .arrow {
display: none;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
footer>.clear {
}
footer>.info {
padding: 30px 0 20px;
}
footer>.sirene {
background-color: #121212;
padding: 20px 30px;
text-align: center;
text-transform: uppercase;
}
footer>.clear>.block {
width: calc(100%/3);
float:left;
padding:0 30px;
}
footer>.clear>.block>.head {
margin-bottom: 20px;
}
footer>.clear>.block>.head>span {
font-size: 1.3em;
}
footer>.clear>.block>.content {
color: #fff;
}
footer>.clear>.block>.logo {
margin-bottom: 20px;
}
footer>.clear>.block>.logo img {
display: block;
width: 150px;
max-width: 100%;
}
.fmenu {
}
.fmenu {
}
.fmenu .content-list.menu {
}
.fmenu .content-list.menu>.item {
}
.fmenu .content-list.menu>.item>span {
display: none;
}
.fmenu .content-list.menu>.item>a {
text-decoration: none;
margin-bottom: 5px
}
.fmenu .content-list.menu>.item>a>.icon {
display: none;
}
.fmenu .content-list.menu>.item>a>.title {
color: #fff;
}
.fmenu .content-list.menu>.item:hover>a {
}
.fmenu .content-list.menu>.item:hover>a>.title {
color: #fff;
text-decoration: underline;
}
.fmenu .content-list.menu>.item.parent .arrow {
display: none;
}
}
@media screen and (min-width: 1200px) {
footer {
background-color: #c1381c;
}
footer>.clear {
}
footer>.info {
padding: 40px 0 30px;
}
footer>.sirene {
background-color: #121212;
padding: 20px 50px;
text-align: center;
text-transform: uppercase;
background-color: #121212;
}
footer>.clear>.block {
width: 50%;
float:left;
padding:0 50px;
}
footer>.clear>.block>.head {
margin-bottom: 20px;
}
footer>.clear>.block>.head>span {
font-size: 1.4em;
}
footer>.clear>.block>.content {
color: #fff;
font-size: 1.1em;
}
footer>.clear>.block>.logo {
margin-bottom: 20px;
}
footer>.clear>.block>.logo img {
display: block;
width: 150px;
max-width: 100%;
}
footer .social.icons {
background: none!important;
}
.fmenu {
}
.fmenu {
}
.fmenu .content-list.menu {
}
.fmenu .content-list.menu>.item {
}
.fmenu .content-list.menu>.item>span {
display: none;
}
.fmenu .content-list.menu>.item>a {
text-decoration: none;
margin-bottom: 5px
}
.fmenu .content-list.menu>.item>a>.icon {
display: none;
}
.fmenu .content-list.menu>.item>a>.title {
color: #fff;
}
.fmenu .content-list.menu>.item:hover>a {
}
.fmenu .content-list.menu>.item:hover>a>.title {
color: #fff;
text-decoration: underline;
}
.fmenu .content-list.menu>.item.parent .arrow {
display: none;
}
}
.newTable {
overflow: auto;
}
.newTable table {
width:100%;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 115%;
}
.newTable caption {
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
}
.newTable th {
background-color: #45548E;
font-weight: bold;
color: white;
padding: 10px 20px;
text-align: left;
}
.newTable td {
background-color: rgb(238, 238, 238);
padding: 5px 20px;
color: #000;
vertical-align: top;
}
.newTable .tab_center th {
text-align: center;
}
.newList {
margin: 10px 0;
list-style:none;
}
.newList>li {
padding:5px 15px;
color:#333;
}
.newList>li:nth-child(odd) {
background-color:rgba(0,0,0,0.2);
}
.pagination {
text-align: center;
}
.pagination .pagination-list {
list-style: none;
display: inline-block;
}
.pagination .pagination-list {
list-style: none;
display: inline-block;
}
.pagination .pagination-list>li {
line-height: 30px;
width: 30px;
text-align: center;
display: inline-block;
}
.pagination .pagination-list>li a {
color: #000;
display: block;
}
.pagination .counter {
line-height: 30px;
padding: 0 15px;
}
.toolbar .social.icons {
float: right;
background: transparent !important;
}
.toolbar .social.icons>.item:hover i {
color: #fff !important;
}
.social>.item.vk:hover {
background-color: #45668e !important;
}
.social>.item.fb:hover {
background-color: #3b5998 !important;
}
.social>.item.ok:hover {
background-color: #F2720C !important;
}
.social>.item.tt:hover {
background-color: #00aced !important;
}
.social>.item.yt:hover {
background-color: #bb0000 !important;
}
.social>.item.gp:hover {
background-color: #dd4b39 !important;
}
.social>.item.in:hover {
background-color: #517fa4 !important;
}
.social>.item.pi:hover {
background-color: #cb2027 !important;
}
.social>.item.tb:hover {
background-color: #32506d !important;
}
.social>.item.tw:hover {
background-color: #6441A5 !important;
}
.player.video {
position:relative;
padding-bottom:55%;
}
.player.video>iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
@media screen and (max-width: 767px) {
.pop {
position: fixed;
z-index: 5000;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: scroll;
}
.pop>.controls {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.pop {
position: fixed;
z-index: 5000;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: scroll;
}
.pop>.controls {
display: none;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.pop {
position: fixed;
z-index: 5000;
top: 0;
bottom: 0;
left: 0;
width:100vw;
overflow-y: scroll;
padding: 50px 0;
}
.pop.bg {
background-color: rgba(0,0,0,0.8);
}
.pop>.block {
position: relative;
background-color: #fff;
}
.pop>.controls {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pop>.controls>.btn {
position: absolute;
min-width: 80px;
}
.pop>.controls>.btn span {
text-align: center;
width: 20px;
height: 26px;
line-height: 26px;
font-size: 1.8em;
cursor: pointer;
}
.pop>.controls>.btn:hover span {
color:#fff;
}
.pop>.controls>.prev {
top:0;
left:0;
bottom:0;
z-index: 1;
}
.pop>.controls>.prev span {
position: absolute;
top: 50%;
left:35px;
margin-top: -14px;
}
.pop>.controls>.next {
top:0;
right:0;
bottom:0;
z-index: 1;
}
.pop>.controls>.next span {
position: absolute;
top: 50%;
right:35px;
margin-top: -14px;
}
.pop>.controls>.close {
top:0;
right:0;
height: 30%;
z-index: 2;
}
.pop>.controls>.close span {
position: absolute;
top: 35px;
right:35px;
}
}
@media screen and (min-width: 1200px) {
.pop {
position: fixed;
z-index: 5000;
top: 0;
bottom: 0;
left: 0;
width:100vw;
overflow-y: scroll;
padding: 50px 0;
}
.pop.bg {
background-color: rgba(0,0,0,0.8);
}
.pop>.block {
position: relative;
background-color: #fff;
z-index: 2;
}
.pop>.controls {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pop>.controls>.btn {
position: absolute;
min-width: 80px;
}
.pop>.controls>.btn span {
text-align: center;
width: 20px;
height: 28px;
line-height: 28px;
font-size: 2em;
color: #838383;
}
.pop>.controls>.btn:hover span {
color:#fff;
}
.pop>.controls>.prev {
top:0;
left:0;
bottom:0;
z-index: 1;
}
.pop>.controls>.prev span {
position: absolute;
top: 50%;
left:40px;
margin-top: -14px;
}
.pop>.controls>.next {
top:0;
right:0;
bottom:0;
z-index: 1;
}
.pop>.controls>.next span {
position: absolute;
top: 50%;
right:40px;
margin-top: -14px;
}
.pop>.controls>.close {
top:0;
right:0;
height: 30%;
z-index: 2;
}
.pop>.controls>.close span {
position: absolute;
top: 40px;
right:40px;
}
}
.pop.trailer>.block .controls>.close {
position: absolute;
z-index:1;
top:0;
right:0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
}
.pop.trailer>.block .controls>.close span {
font-size: 1.3em;
color:#a6a6a6;
}
.pop.trailer>.block .controls>.close:hover span {
color:#fff;
}
.pop.trailer>.block>.head {
background-color: #555;
line-height: 40px;
padding: 0 20px;
}
.pop.trailer>.block>.head span {
color: #fff;
font-family: 'SegoeUIBold';
font-size: 1.3em;
display: inline-block;
}
.pop.trailer>.block>.content {
background-color: #EFEFEF;
}
.pop.trailer>.block>.content .row {
margin-bottom: 20px;
}
.pop.trailer>.block>.content .row:last-child {
margin-bottom: 0;
}
.pop.trailer>.block>.content .content-list {
}
.pop.trailer>.block>.content .content-list .btn {
margin-top: 10px;
border: 0.1em solid #333;
border-radius:4px;
line-height: 30px;
padding:0 10px;
cursor:pointer;
display:block;
text-align: center;
}
.pop.trailer>.block>.content .content-list .btn:first-child {
margin-top: 0;
}
.pop.trailer>.block>.content .content-list .btn i {
color:#333;
}
.pop.trailer>.block>.content .content-list .btn span {
color:#333;
}
.pop.trailer>.block>.content .content-list .btn:hover {
border: 0.1em solid #0067B8;
background-color: #0067B8;
}
.pop.trailer>.block>.content .content-list .btn:hover i {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.pop.trailer>.block>.content .content-list .btn:hover span {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 767px) {
.pop.trailer>.block {
background-color: #EFEFEF;
min-height: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.pop.trailer>.block {
background-color: #EFEFEF;
min-height: 100%;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.pop.trailer>.block {
width:600px;
margin:5% auto 0;
}
}
@media screen and (min-width: 1200px) {
.pop.trailer>.block {
width:800px;
margin:5% auto 0;
}
}
.pop.default .controls>.close {
position: absolute;
z-index:1;
top:0;
right:0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
}
.pop.default>.block .controls>.close span {
font-size: 1.3em;
color:#a6a6a6;
}
.pop.default>.block .controls>.close:hover span {
color:#fff;
}
.pop.default>.block>.head {
background-color: #555;
line-height: 40px;
padding: 0 20px;
}
.pop.default>.block>.head span {
color: #fff;
font-family: 'SegoeUIBold';
font-size: 1.3em;
display: inline-block;
}
.pop.default>.block>.content {
background-color: #EFEFEF;
padding: 20px;
}
.pop.default>.block>.content .row {
margin-bottom: 20px;
}
.pop.default>.block>.content .row:last-child {
margin-bottom: 0;
}
.pop.default>.block>.content .content-list {
}
.pop.default>.block>.content .content-list .btn {
margin-top: 10px;
border: 0.1em solid #333;
border-radius:4px;
line-height: 30px;
padding:0 10px;
cursor:pointer;
display:block;
text-align: center;
}
.pop.default>.block>.content .content-list .btn:first-child {
margin-top: 0;
}
.pop.default>.block>.content .content-list .btn i {
color:#333;
}
.pop.default>.block>.content .content-list .btn span {
color:#333;
}
.pop.default>.block>.content .content-list .btn:hover {
border: 0.1em solid #0067B8;
background-color: #0067B8;
}
.pop.default>.block>.content .content-list .btn:hover i {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.pop.default>.block>.content .content-list .btn:hover span {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 767px) {
.pop.default>.block {
background-color: #EFEFEF;
min-height: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.pop.default>.block {
background-color: #EFEFEF;
min-height: 100%;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.pop.default>.block {
width:800px;
margin:2% auto 0;
}
}
@media screen and (min-width: 1200px) {
.pop.default>.block {
width:1100px;
margin:2% auto 0;
}
}
#system-message-container {
}
#system-message-container .alert {
padding: 20px 15px;
background-color: rgba(5, 44, 115, 0.13);
position: relative;
}
#system-message-container .alert.alert-error {
background-color: rgba(152, 14, 14, 0.13);
}
#system-message-container .close {
position: absolute;
top:10px;
right:10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
background:none;
border:0;
font-size: 1.2em;
}
#system-message-container .close:hover {
background-color: rgba(152, 14, 14, 0.13);
}
.pwd {
cursor: pointer;
}
.pwd div {
cursor: pointer;
text-decoration: underline;
}
.pwd div:hover {
text-decoration: none;
}
.content p {
margin: 0 20px 20px;
}
.contact-profiles {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
align-content: flex-stretch;
}
.contact-profile {
max-width: 33%;
padding: 0 10px;
margin-bottom: 40px;
}
.contact-profile img {
display: inline-block;
width: 100%;
border-radius: 5%;
}
.contact-profile p:nth-child(2) {
font-weight: bold;
font-size: 1em;
}
.contact-profile p {
margin-bottom: 5px;
font-size: .9em;
}
@media screen and (max-width: 1024px) {
.contact-profile {
max-width: 50%;
padding: 0 10px;
margin-bottom: 40px;
}
}
.smi-list {
margin-bottom: 40px;
}
.smi-list li {
margin: 10px 0 10px 17px;
}
.smi-list li a:hover {
text-decoration: none !important;
}
footer {
color: #fff !important;
}
footer a {
color: inherit !important;
}
.static .gallery {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.static .gallery .item {
margin-bottom: 20px;
}
.static .gallery .item {
flex: 0 0 25%;
}
.static .gallery .item img {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center top;
}
.static img {
max-width: 100%;
}
a {
color: #c1381c !important;
}
table {
width: 100% !important;
border-collapse: collapse !important;
}
td {
border: 1px solid #c1381c;
padding: 10px 20px;
font-size: 14px;
}
tr td:first-child {
min-width: 25% !important;
width: auto !important;
font-weight: bold;
}
.asdad21 .content-list>.item>.content>.text {
overflow: hidden;
max-height: 100px;
}
.main-news .moduleCustomLink, .block.stock .moduleCustomLink {
display: block;
max-width: 200px;
text-transform: uppercase;
background-color: #c1381c;
color: #fff !important;
font-weight: bold;
padding: 10px 25px;
margin: 0 auto 40px;
text-align: center;
transition: all ease-out .25s;
}
.block.stock .moduleCustomLink {
margin: 20px auto 0;
}
.main-news .moduleCustomLink:hover, .block.stock .moduleCustomLink:hover {
background-color: #e2573c;
}
.osmap-items .even {
background: none;
}
.toolbar_links {
display: inline-block;
line-height: 40px;
}
.toolbar_links a {
display: inline-block;
margin-left: 10px;
color: #000!important;
text-decoration: underline;
}
.toolbar_links a:first-child {
margin-left: 0;
}
.toolbar_links a:hover {
text-decoration: none;
}
.toolbar .search {
display: inline-block;
float: right;
line-height: 40px;
}
.search fieldset {
margin: 10px 0;
border: 0;
}
.search .searchintro p {
margin: 10px 0;
}
.search .btn-group {
display: inline-block;
}
.search input[name=searchword] {
border: 2px solid #ddd;
padding: 0 10px;
line-height: 25px;
}
.search .btn {
line-height: 29px;
border: 0;
padding: 0 10px;
border-radius: 4px;
background: #c1381c;
color: #fff;
font-weight: bold;
}
.search .chzn-container {
width: auto!important;
}
.formResponsive .formControls {
margin-top: 10px;
}
.formResponsive label.formControlLabel {
font-weight: bold;
}
.formResponsive .rsform-block {
margin-top: 20px;
}