/* Start:/local/templates/volga/html/style.css?1630440340117010*/
*, ::before, ::after {
box-sizing: border-box;
outline: none;
}
@font-face {
font-family: "PFDinDisplay";
src: url("/local/templates/volga/html/./fonts/PFDinDisplay-Pro-Regular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "PFDinDisplay";
src: url("/local/templates/volga/html/./fonts/PFDinDisplayPro-Bold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "PFDinDisplay";
src: url("/local/templates/volga/html/./fonts/PFDinDisplayPro-Med.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
body, html {
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 18px;
letter-spacing: 0;
line-height: 28px;
padding: 0px;
margin: 0px;
background: #E9EBEF;
/*background: #433E3B;*/
/*test*/
color: #222;
}
.clear {
clear: both;
}
h1 {
font-size: 48px;
line-height: 52px;
text-transform: uppercase;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
margin: 20px 0;
color: #FF3E40;
text-align: center;
}
h2 {
font-size: 32px;
line-height: 36px;
text-transform: uppercase;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
margin: 20px 0;
color: #222;
}
h1:first-of-type, h2:first-of-type, p:first-of-type {
margin-top: 0;
}
h1:last-of-type, h2:last-of-type, p:last-of-type {
margin-bottom: 0;
}
.invisible-movies {
display: none;
}
a {
text-decoration: none;
cursor: pointer;
}
a[href="javascript:;"] {
cursor: default;
}
.wrap {
max-width: 1400px;
padding: 0px 20px;
margin: 0px auto;
position: relative;
display: block;
height: 100%;
}
.header-wrap {
min-height: 60px;
position: -webkit-sticky;
position: sticky;
z-index: 350;
top: 0;
}
.header {
background: #000;
width: 100%;
/*position: fixed;*/
/*z-index: 100;*/
}
.menu-list {
list-style: none;
margin: 0;
margin-left: 105px;
}
.menu-item {
display: inline-block;
margin-right: 12px;
padding: 10px 0;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
text-transform: uppercase;
}
.menu-item.dropped {
position:relative;
}
.menu-item.dropped:after {
display:inline-block;
vertical-align:middle;
content:'';
top: 11px;
right: 8px;
width: 10px;
height: 12px;
-webkit-mask-image: url('/local/templates/volga/html/./images/select-triangle.svg');
mask-image: url('/local/templates/volga/html/./images/select-triangle.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color:#fff;
mask-size: 100%;
-webkit-mask-size: 100%;
margin:-2px 0 0 -7px;
transition: all 0.2s;
}
.menu-item.dropped:hover:after {
background-color:#FF3E40;
}
.menu-item.dropped > ul {
position:absolute;
left:-10px;
list-style:none;
background:#000;
font-size: 15px;
line-height: 18px;
font-weight: 500;
font-family: PFDinDisplay, Arial, sans-serif;
text-transform: uppercase;
padding:0;
margin:0;
white-space: nowrap;
opacity:0;
visibility:hidden;
top:-100px;
transition: all 0.2s;
pointer-events: none;
}
.menu-item.dropped:hover > ul {
opacity:1;
visibility:visible;
top:56px;
pointer-events: auto;
}
.menu-item.dropped > ul > li {
list-style:none;
}
.menu-item.dropped > ul > li > a {
display:block;
padding:12px 20px;
color:#fff;
transition: all 0.2s;
}
.menu-item.dropped > ul > li:hover a, .menu-item.dropped > ul > li.active a {
background: #222222;
color:#FF3E40;
}
.logo {
border-top: 110px solid #d52b1e;
border-left: 34px solid transparent;
border-right: 34px solid transparent;
height: 0;
width: 29px;
box-sizing: initial;
position: absolute;
left: 20px;
z-index: 100;
}
.logo--small {
border-top: 60px solid #d52b1e;
border-left: 19px solid transparent;
border-right: 19px solid transparent;
width: 59px;
}
.logo-text {
background: url('/local/templates/volga/html/./images/logo.svg') center center no-repeat;
position: absolute;
top: -51px;
left: -12px;
width: 37px;
height: 8px;
background-size: 37px 8px;
animation: logo-text 0.5s;
}
.logo--small .logo-text {
top: -38px;
left: -9px;
width: 65px;
height: 13px;
background-size: 65px 13px;
animation: logo-text1 0.5s;
}
@keyframes logo-text {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes logo-text1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header__back {
width: 40px;
height: 40px;
background: url('/local/templates/volga/html/./images/header-arrow.svg') left center no-repeat;
top: 10px;
background-size: 9px 16px;
position: absolute;
display: none;
}
.header__title {
text-align: center;
color: #FF3E40;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
padding-top: 20px;
display: none;
font-weight: 600;
}
.button {
border: 2px solid #FF3E40;
line-height: 24px;
padding: 10px 15px 6px 15px;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
color: #FF3E40;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
cursor: pointer;
transition: all 0.2s;
border-radius:8px;
}
.header__link {
border: 2px solid transparent;
color: #fff;
padding: 7px 10px 5px 10px;
font-size: 16px;
}
.header__link--selected .header__link {
color: #FF3E40;
cursor: default;
}
.header__link:hover {
color: #FF3E40;
}
.header__link--selected:hover {
border-color: transparent;
}
.login {
position: absolute;
top: 15px;
right: 145px;
}
.login-link {
display: inline-block;
background: url('/local/templates/volga/html/./images/login-hover.svg') center center no-repeat;
background-size: 15px 24px;
content: '';
width: 30px;
height: 30px;
}
.login-link:hover {
background-image: url("/local/templates/volga/html/./images/login-red.svg");
}
.logout {
position: absolute;
top: 10px;
right: 135px;
}
.logout-link {
display: inline-block;
position: relative;
content: '';
width: 40px;
height: 40px;
}
.logout-link:after {
content:'';
display:block;
position:absolute;
left:50%;
top:50%;
width: 12px;
height: 16px;
-webkit-mask-image: url('/local/templates/volga/html/./images/logout.svg');
mask-image: url('/local/templates/volga/html/./images/logout.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 12px;
-webkit-mask-size: 12px;
background-color:#fff;
transform: translate(-50%, -50%);
transition: all 0.2s;
}
.logout-link:hover:after {
background-color:#FF3E40;
}
.search {
position: absolute;
top: 10px;
right: 91px;
}
.search-link {
display: inline-block;
position: relative;
content: '';
width: 40px;
height: 40px;
}
.search-link:after {
content:'';
display:block;
position:absolute;
left:50%;
top:50%;
width:16.53px;
height:16px;
-webkit-mask-image: url('/local/templates/volga/html/./images/search-hover.svg');
mask-image: url('/local/templates/volga/html/./images/search-hover.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 16px;
-webkit-mask-size: 16px;
background-color:#fff;
transform: translate(-50%, -50%);
transition: all 0.2s;
}
.search-link:hover:after {
background-color:#FF3E40;
}
.search-form-margin {
margin:0 0 30px;
}
.language {
position: absolute;
top: 14px;
right: 25px;
}
.language .jq-selectbox__select {
font-size:16px;
line-height:19px;
border:0;
padding: 6px 18.5px 0 18.5px;
text-align: center;
background:transparent!important;
border-color:transparent!important;
}
.language .jq-selectbox__select:hover {
color: #FF3E40;
}
.language .jq-selectbox .jq-selectbox__trigger {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
width:7px;
height:6px;
top: 13px;
right: 7px;
}
.language .jq-selectbox.opened .jq-selectbox__trigger {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.language .jq-selectbox__trigger-arrow {
background-size: 8px 8px;
top: 0;
right: 0;
}
.language .jq-selectbox__dropdown {
top: 48px !important;
font-size:15px;
border:0;
text-align: center;
}
.language .jq-selectbox li {
padding:10px 0;
}
.language .jq-selectbox li.sel {
color:#FF3E40;
background:#000;
background: #222222;
}
.language .jq-selectbox__trigger:after {
background-color: #fff;
}
.header__burger {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.burger-link {
display: block;
width: 40px;
height: 40px;
background: url('/local/templates/volga/html/./images/burger.svg') center center no-repeat;
background-size: 20px 16px;
}
.content {
background: #E9EBEF;
/*background: #433E3B;*/
margin-top: 50px;
}
.content--without-margin {
margin-top: 0;
}
.top-poster-block {
position: relative;
overflow: hidden;
margin-top: -50px;
}
.carousel {
position: relative;
}
.movie-poster {
display: block;
height: 860px;
background: url("/local/templates/volga/html/./images/main-test-carousel.png") center center no-repeat;
background-size: cover;
box-shadow: inset 0px -400px 100px -100px rgba(0,0,0,0.7);
position: relative;
}
.movie-poster__info {
display: block;
max-width: 65%;
position: absolute;
bottom: 100px;
z-index: 10;
}
.movie-poster__info--main {
display: block;
left: 122px;
bottom: 80px;
}
.top-poster-block.news-visible .movie-poster__info--main {
bottom: 172px;
}
.movie-age-restrict {
display: block;
content: '';
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.movie-age-restrict--poster {
margin-bottom: 15px;
}
.movie-age-restrict--0 {
background-image: url("/local/templates/volga/html/./images/age-0.svg");
}
.movie-age-restrict--0-dark {
background-image: url("/local/templates/volga/html/./images/age-0-dark.svg");
}
.movie-age-restrict--6 {
background-image: url("/local/templates/volga/html/./images/age-6.svg");
}
.movie-age-restrict--6-dark {
background-image: url("/local/templates/volga/html/./images/age-6-dark.svg");
}
.movie-age-restrict--12 {
background-image: url("/local/templates/volga/html/./images/age-12.svg");
}
.movie-age-restrict--12-dark {
background-image: url("/local/templates/volga/html/./images/age-12-dark.svg");
}
.movie-age-restrict--16 {
background-image: url("/local/templates/volga/html/./images/age-16.svg");
}
.movie-age-restrict--16-dark {
background-image: url("/local/templates/volga/html/./images/age-16-dark.svg");
}
.movie-age-restrict--18 {
background-image: url("/local/templates/volga/html/./images/age-18.svg");
}
.movie-age-restrict--18-dark {
background-image: url("/local/templates/volga/html/./images/age-18-dark.svg");
}
.movie-date {
text-transform: uppercase;
color: rgba(255,255,255,0.7);
font-size: 16px;
line-height: 22px;
font-family: PFDinDisplay, Arial, sans-serif;
display: block;
margin-bottom: 12px;
}
.movie-title {
text-transform: uppercase;
font-family: PFDinDisplay, Arial, sans-serif;
color: white;
font-size: 80px;
line-height: 80px;
font-weight: 600;
margin: 0 40px 0 0;
vertical-align: middle;
text-align: left;
}
.movie-buy-ticket {
display: inline-block;
height: 80px;
/*position: relative;*/
/*top: -5px;*/
}
.button--ticket-main {
border-color: white;
color: white;
min-width: 156px;
text-align: center;
}
.main-news {
position: relative;
z-index: 10;
background: linear-gradient(to bottom, rgba(0,0,0,0.01) , #000 70%, #000);
/*margin-top: -200px;*/
/*height: 200px;*/
/*box-shadow: -100px -100px 100px 0 rgba(0,0,0,0.1) ;*/
/*background: black;*/
height: 72px;
margin-top: -72px;
margin-bottom: 30px;
}
.arrow-bottom {
position: absolute;
font-size: 13px;
color: #B5B5B5;
width: 40px;
text-align: center;
left: 50%;
margin-left: -20px;
height: 50px;
z-index: 20;
bottom: 10px;
}
.arrow-bottom--movie {
bottom: 30px;
}
.arrow-bottom__image {
background: url('/local/templates/volga/html/./images/arrow-bottom.svg') center center no-repeat;
width: 16px;
height: 10px;
background-size: 16px 10px;
left: 12px;
position: absolute;
animation: animation--arrow-bottom 1.5s normal infinite;
}
@keyframes animation--arrow-bottom {
0% {opacity: 0; transform: translate(0, -5px)}
50% {opacity: 1; transform: translate(0, 5px)}
100% {opacity: 0; transform: translate(0, 15px)}
}
.main-news__link {
display: inline-block;
width: 29.5%;
color: white;
font-size: 14px;
line-height: 18px;
height: 72px;
border-right: 2px solid #202020;
padding-top: 19px;
padding-left: 20px;
padding-right: 30px;
/*margin-top: 128px;*/
position: relative;
vertical-align: top;
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.main-news__link--last {
border-right: none;
}
.main-news__link:hover {
background: #fff url('/local/templates/volga/html/./images/arrow-news-main.svg') right 12px center no-repeat;
color: #000;
border-color: #fff;
}
.news-mini-date {
color: #FF3E40;
font-size: 28px;
font-family: PFDinDisplay, Arial, sans-serif;
line-height: 32px;
display: inline-block;
z-index: 10;
position: absolute;
}
.news-mini-date--main {
top: 22px;
}
.main-news__info {
margin-left: 85px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-height: 38px;
}
.button--little {
padding: 6px 10px 2px 10px;
font-size: 15px;
}
.button--main-news {
position: absolute;
right: 20px;
border-color: #5C5B59;
border-radius: 0;
padding: 6px 10px 6px 10px;
bottom: 20px;
}
.button--main-news:hover {
background: white;
border-color: white;
}
.button--movies {
padding: 6px 10px 6px 10px;
}
.columns {
margin: 0 -15px;
/*text-align: center;*/
}
.column {
display : inline-block;
/*padding: 8px 12px 0 12px;*/
vertical-align: top;
}
.column--20 {
width: 20%;
text-align: center;
}
.fix-height-less-750.main-films {
margin-top:38px;
}
.movie-link {
text-align: center;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
text-transform: uppercase;
/*height: 530px;*/
position: relative;
/*padding-top: 12px;*/
transition: all 0.2s;
margin-bottom: 0px;
padding: 12px 10px 0px 10px;
display:block;
}
.movie-link:hover {
/*margin: -12px -12px 0 -12px;*/
/*padding: 12px;*/
}
.movie-link:hover .movie-link__name {
color: #FF3E40;
}
.movie-link--w-button:hover {
background: white;
/*margin: 0 -12px 0 -12px;*/
/*padding: 12px;*/
/*padding-bottom: 20px;*/
}
.movie-link--w-button:hover .button--movie-link {
/*bottom: 20px;*/
color: white;
background: #FF3E40;
border-color: #FF3E40;
}
.movie-link__image {
display: block;
transition: all 0.2s;
height: 365px;
max-width: 256px;
margin: 0 auto 10px auto;
}
.movie-link:hover .movie-link__image {
-o-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.movie-link__image img, .movie-link__shadow img {
display: block;
/*max-width: 100%;*/
max-height: 100%;
margin: 0 auto;
width:100%;
height: 100%;
}
.movie-link__shadow {
position:absolute;
left:0;
top:0;
height: 360px;
width:100%;
-webkit-filter: blur(40px);
-moz-filter: blur(40px);
-o-filter: blur(40px);
-ms-filter: blur(40px);
filter: blur(40px);
left:50%;
top:12px;
transform: translateX(-50%);
z-index:0;
transition: all 0.2s;
opacity:0;
}
.movie-link:hover .movie-link__shadow {
-o-transform: translate(-50%, -8px);
-ms-transform: translate(-50%, -8px);
-moz-transform: translate(-50%, -8px);
-webkit-transform: translate(-50%, -8px);
transform: translate(-50%, -8px);
opacity:1;
}
.movie-link__date {
display: block;
color: #9B9B9B;
font-size: 12px;
line-height: 24px;
}
.movie-link__date--premier {
color: #FF3E40;
}
.movie-link__name {
margin-bottom: 20px;
color: #222222;
font-size: 15px;
line-height: 20px;
display: block;
padding: 0 10px;
max-width: 95%;
transition: all 0.2s;
text-overflow: ellipsis;
margin:0 auto;
}
.main-films .movie-link {
margin:0 0 8px;
}
/*.button--movie-link {*/
/*position: absolute;*/
/*bottom: 20px;*/
/*left: 50%;*/
/*margin-left: -78px;*/
/*}*/
.show-more {
text-align: center;
margin-top: 5px;
margin-bottom: 45px;
}
.show-more--news {
margin-top: 25px;
}
.button--grey {
border-color: #A3A4A7;
color: #222;
}
.button--grey:hover {
color: white;
background: #FF3E40;
border-color: #FF3E40;
}
.bottom-banner {
display: block;
width: 100%;
position: relative;
z-index: 1;
}
.bottom-banner img {
display: block;
width: 100%;
}
.footer {
padding: 50px 0;
background: #000;
/*background: #433E3B;*/
}
.footer .flex-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: 1120px;
margin: 0 auto;
}
.footer__title {
font-family: PFDinDisplay, Arial, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
}
.footer__link {
display: block;
font-family: PFDinDisplay, Arial, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #FFFFFF;
margin:0 0 20px;
transition: all 0.2s;
}
.footer__link:last-child {
margin:0;
}
.footer__link:hover {
color:#FF3E40;
}
.social-column {
margin:10px 0 0 0;
}
.footer__social {
margin:17px 0 0 0;
}
.social__link {
width: 26px;
cursor: pointer;
height: 26px;
background: transparent center center no-repeat;
display: inline-block;
line-height: 0;
margin-right: 5px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color:#fff;
transition: all 0.2s;
}
.social__link:hover {
background-color:#FF3E40;
}
.social__link--tw {
-webkit-mask-image: url('/local/templates/volga/html/./images/twitter.svg');
mask-image: url('/local/templates/volga/html/./images/twitter.svg');
}
.social__link--fb {
-webkit-mask-image: url('/local/templates/volga/html/./images/fb.svg');
mask-image: url('/local/templates/volga/html/./images/fb.svg');
}
.social__link--insta {
-webkit-mask-image: url('/local/templates/volga/html/./images/insta.svg');
mask-image: url('/local/templates/volga/html/./images/insta.svg');
}
.social__link--vk {
-webkit-mask-image: url('/local/templates/volga/html/./images/vk.svg');
mask-image: url('/local/templates/volga/html/./images/vk.svg');
}
.social__link--youtube {
-webkit-mask-image: url('/local/templates/volga/html/./images/Youtube.svg');
mask-image: url('/local/templates/volga/html/./images/Youtube.svg');
}
.social__link--odnok {
-webkit-mask-image: url('/local/templates/volga/html/./images/odnoklas.svg');
mask-image: url('/local/templates/volga/html/./images/odnoklas.svg');
}
.social__link--zen {
-webkit-mask-image: url('/local/templates/volga/html/./images/zen-icon.svg');
mask-image: url('/local/templates/volga/html/./images/zen-icon.svg');
}
.social__link--telegram {
-webkit-mask-image: url('/local/templates/volga/html/./images/telegram_icon.svg');
mask-image: url('/local/templates/volga/html/./images/telegram_icon.svg');
}
.button--write-us {
color: white;
background: #FF3E40;
border-radius: 8px;
font-size: 15px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
font-weight:500;
font-family: PFDinDisplay, Arial, sans-serif;
min-width:190px;
transition: all 0.2s;
border:0;
padding:11px 15px 9px 15px;
}
.button--write-us:hover {
color:#FF3E40;
background:#fff;
}
.movie--go-back {
position: absolute;
z-index: 10;
color: white;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
left: 155px;
top: 20px;
background: url('/local/templates/volga/html/./images/arrow-left.svg') left top 2px no-repeat;
background-size: 8px 12px;
padding-left: 22px;
}
.movie-poster--2 {
background-image: url("/local/templates/volga/html/./images/bigfoot.png");
background-size: cover;
/*padding: 595px 0 0 0;*/
}
.button--movie-page-invisible {
display: none;
margin-top: 15px;
}
.movie-trailer {
position: absolute;
right: 110px;
bottom: 138px;
font-family: PFDinDisplay, Arial, sans-serif;
color: #fff;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
font-weight: 600;
z-index: 10;
cursor: pointer;
transition: all 0.2s;
}
.movie-trailer:before {
background: white;
content: '';
width: 76px;
height: 76px;
position: absolute;
right: -90px;
top: -31px;
border-radius: 50%;
transition: all 0.2s;
}
.movie-trailer:after {
width: 26px;
height: 27px;
content: '';
position: absolute;
right: -69px;
top: -5px;
-webkit-mask-image: url(/local/templates/volga/html/./images/play-red.svg);
mask-image: url(/local/templates/volga/html/./images/play-red.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 27px;
-webkit-mask-size: 27px;
background-color: #FF3E40;
transition: all 0.2s;
}
.movie-trailer:hover {
color: #FF3E40;
}
.movie-trailer:hover:before {
background: #FF3E40;
}
.movie-trailer:hover:after {
background-color: #FFF;
}
.movie-card {
padding-top: 45px;
background: white;
padding-bottom: 20px;
}
.movie-card.for-cinemas {
margin:0 0 20px;
padding:20px 0;
}
.movie-card--no-image {
margin-top: -50px;
}
.movie-card__left {
width: 27%;
display: inline-block;
text-align: center;
float: left;
}
.movie-card__image {
margin-bottom: 30px;
}
.movie-card__image img {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
width:100%;
}
.movie-card__info {
display: inline-block;
vertical-align: top;
width: calc(73% - 50px);
padding-top: 11px;
float: left;
margin: 0 0 0 35px;
}
.movie-card.for-cinemas .movie-card__image {
margin:0;
}
.movie-card__info h2{
color: #FF3E40;
margin-bottom: 20px;
}
.movie-card__info-2 {
padding-top: 0;
}
.movie-card__description {
margin-bottom: 35px;
}
.movie-card__description.mobile-description {
display:none;
}
.movie-card__awards {
margin-bottom: 30px;
}
.movie-card__awards-title {
color: #FF3E40;
font-size: 24px;
line-height: 28px;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
margin-bottom: 20px;
}
.movie-card__award {
font-style: italic;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #222222;
background: url('/local/templates/volga/html/./images/award-tag.svg') left top 6px no-repeat;
padding-left: 20px;
}
.movie-card__table {
border-top: 1px solid #C4C6CA;
border-bottom: 1px solid #C4C6CA;
margin-bottom: 40px;
margin: 0 0 35px;
}
.movie-card__table.mobile-movie {
display:none;
}
.movie-card__column {
display: inline-block;
margin-right: 50px;
vertical-align: top;
font-size: 14px;
line-height: 24px;
color: #4A4A4A;
padding: 30px 0 30px 0;
}
.movie-card__column-title {
font-weight: 600;
margin: 0 0 17px 5px;
}
.movie-card__table .movie-card__column-title {
margin-bottom: 4px;
margin-left:0;
text-transform: uppercase;
}
.movie-card__column-info {
color: #FF3E40;
}
.movie-card__column-info--grey {
color: #4A4A4A;
}
.movie-card__column-info--lowercase {
text-transform: uppercase;
}
.movie-card__button-buy {
}
.button--big {
line-height: 28px;
padding: 19px 20px 13px 20px;
color: #FF3E40;
font-size: 27px;
border-width: 3px;
}
.movie-card__buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 20px;
}
.button--movie-card {
background: #9B9B9B;
border-color: #9B9B9B;
color: white;
min-width: 170px;
border-radius:8px;
font-size:16px;
line-height:19px;
font-family: PFDinDisplay, Arial, sans-serif;
font-weight:500;
padding:13px 15px 12px 40px;
position:relative;
}
.button--movie-card:hover {
background:transparent;
color:#9B9B9B;
}
.button--movie-card:after {
content:'';
position:absolute;
left:10px;
top:50%;
margin-top:-14px;
width:23px;
height:28px;
transition: all 0.2s;
}
.button--movie-card-press:after {
-webkit-mask-image: url(/local/templates/volga/html/./images/press-button.svg);
mask-image: url(/local/templates/volga/html/./images/press-button.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #FFF;
-webkit-mask-position: center;
mask-position: center;
}
.button--movie-card-press {
margin-right: 20px;
}
.button--movie-card-materials:after {
-webkit-mask-image: url(/local/templates/volga/html/./images/material-button.svg);
mask-image: url(/local/templates/volga/html/./images/material-button.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #FFF;
-webkit-mask-position: center;
mask-position: center;
}
.button--movie-card-materials {
}
.button--movie-card:hover:after {
background-color: #9B9B9B;
}
.movie-card__see-online {
font-size: 14px;
line-height: 18px;
color: #4A4A4A;
display: block;
margin:0 -5px 23px -5px;
}
.movie-card__see-online-list {
max-width:95%;
}
.see-online-link span{
color:#fff;
text-align:center;
font-weight: 500;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
font-family: Arial;
display:block;
position:absolute;
top:6px;
left:0;
right:0;
}
.see-online-link {
display: inline-block;
background: center center no-repeat;
margin:0 4.5px 12px 4.5px;
margin-bottom: 12px;
vertical-align: middle;
width:140px;
height:60px;
position:relative;
transition: all 0.2s;
position:relative;
border-radius:7px;
}
.see-online-link:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
border-radius:7px;
transition: transform .2s;
}
.see-online-link:hover:before {
transform: scale(1.1);
}
.see-online-link:hover {
box-shadow:0px 4px 20px rgba(0, 0, 0, 0.4);
}
.see-online-link.btn-1185:before {
background: #EC174F;
}
.see-online-link.btn-1185:hover {
box-shadow:0px 4px 20px rgba(236, 23, 79, 0.5);
}
.see-online-link.btn-1188:before {
background: radial-gradient(93.15% 93.15% at -46.05% -20.87%, rgba(52, 0, 130, 0.9) 0%, rgba(52, 0, 130, 9e-05) 100%), linear-gradient(164.94deg, rgba(49, 26, 86, 0.0001) 23.42%, #311A56 114.93%), linear-gradient(217.83deg, #A22BD5 0%, rgba(162, 43, 213, 0.1) 59.34%, rgba(162, 43, 213, 0.0001) 71.83%), linear-gradient(225deg, #4F2891 0%, #3B2070 58.13%, #2C165B 100%), #1A082C;
}
.see-online-link.btn-1188:hover {
box-shadow:0px 4px 20px rgba(134, 40, 186, 0.4);
}
.see-online-link.btn-1196:before {
background: #16151A;
}
.see-online-link.btn-1196:hover {
box-shadow:0px 4px 20px rgba(22, 21, 26, 0.4);
}
.see-online-link.btn-1430:before {
background: #00B855;
}
.see-online-link.btn-1430:hover {
box-shadow:0px 4px 20px rgba(0, 184, 85, 0.4);
}
.see-online-link.btn-1498:before {
background: #16192E;
}
.see-online-link.btn-1195:before {
background: #43B8AE;
}
.see-online-link.btn-1195:hover {
box-shadow:0px 4px 20px rgba(67, 184, 174, 0.4);
}
/*.see-online-link.btn-1187 span, .see-online-link.btn-1186 span {
display:none;
}*/
.see-online-link.btn-1187 span {
left:25px;
}
.see-online-link.btn-1187 img, .see-online-link.btn-1186 img {
margin:0;
}
.see-online-link img {
max-width: 90%;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 6px 0px 0 0px;
}
.see-online-link--ivi {
width: 43px;
height: 25px;
background-image: url("/local/templates/volga/html/./images/ivi.svg");
background-size: 100%;
}
.see-online-link--gp {
width: 105px;
height: 19px;
background-image: url("/local/templates/volga/html/./images/Google-play.svg");
background-size: 100%;
}
.see-online-link--itunes {
width: 72px;
height: 25px;
background-image: url("/local/templates/volga/html/./images/iTunes.svg");
background-size: 100%;
background-position: top center;
}
.see-online-link--okko {
width: 44px;
height: 24px;
background-image: url("/local/templates/volga/html/./images/okko.svg");
background-size: 100%;
}
.section-selector {
text-align: center;
height: 70px;
position: relative;
overflow-x: auto;
overflow-y: hidden;
}
.movie_suggest .section-selector {
height: 75px;
}
.wrap--section-selector:before {
display: block;
z-index: 10;
bottom: -13px;
width: 100%;
height: 30px;
content: '';
background: white;
position: absolute;
}
.cast-facts .wrap--section-selector:before {
background: #E9EBEF;
/*background: rebeccapurple;*/
}
.movie_suggest__fix-height {
height: 540px;
position: relative;
/*overflow: hidden;*/
background: #222;
}
.movie_suggest__fix-height--404 {
height: 525px;
position: relative;
overflow: hidden;
}
.movie_suggest__absolute {
position: absolute;
width: 2000px;
height: 100%;
background: #222;
}
.content--404 .movie_suggest__absolute {
background: transparent;
}
.movie_suggest .wrap--section-selector:before {
background: #222222;
/*background: rebeccapurple;*/
}
.wrap--section-selector {
position: relative;
}
.wrap--section-selector-w-search {
margin-top: 32px;
}
.wrap--section-selector-w-search:before {
background: #E9EBEF;
}
.section-selector__inside {
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
background:#fff;
padding:6px;
border-radius:8px;
}
.wrap--section-selector-about:before {
background: #E9EBEF;
}
.section-selector__inside.section-alone {
background:transparent!important;
}
.cast-facts {
background: #E9EBEF;
text-align: center;
padding-top: 60px;
overflow: hidden;
}
.selector {
border: none;
margin-right: 1px;
color: white;
padding: 8px 20px 7px 20px;
}
.selector.selector--selected {
background: #FF3E40;
color: white;
}
.selector:hover {
background: #FF3E40;
color: white;
}
.selector--grey {
background: #6A6B6C;
}
.carousel--cast,
.carousel--facts {
padding: 0 85px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 80px;
}
.carousel--hidden {
display: none !important;
}
.cast__block {
width: 200px;
position: relative;
left: 50%;
margin-left: -100px;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: 600;
}
.cast__block img {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
margin-bottom: 30px;
border-radius: 50%;
}
.cast__eng-name {
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 15px;
}
.facts__block {
border: 2px solid #fff;
padding: 30px;
font-size: 20px;
line-height: 24px;
text-align: left;
}
.movie-content {
background: #E9EBEF;
text-align: center;
position: relative;
}
.carousel--content {
}
.movie-content__selector {
/*position: absolute;*/
/*top: 40px;*/
z-index: 10;
left: 50%;
transform: translateX(-50%);
width: 100%;
margin: 50px 0 30px 0;
position: relative;
}
.movie-content__selector .wrap--section-selector:before {
content: none;
}
.movie-content__selector .section-selector {
overflow-x: hidden;
}
.movie-content__block {
}
.movie-content__block img {
display: block;
max-width: 100%;
max-height: 100%;
}
.selector--black-opacity {
background: rgba(0,0,0,0.7);
}
.movie-news {
text-align: center;
background: #E5E5E5;
}
.selector--white {
background: white;
color: #879CB1;
border-radius:8px;
}
.carousel--news {
margin-bottom: 40px;
padding-top: 30px;
}
.movie-news__block {
background: white url('/local/templates/volga/html/./images/arrow-right-red.svg') bottom 20px right 20px no-repeat;
background-size: 10px 6px;
display: block;
text-align: left;
padding: 20px 25px 45px 25px;
font-size: 16px;
line-height: 20px;
position: relative;
color: #000;
}
.news-mini-date--movie-page {
font-size: 22px;
line-height: 26px;
right: 20px;
top: 20px;
}
.movie-news__block-title {
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin-bottom: 20px;
display: block;
padding-right: 60px;
}
.movie-content-2 {
background: #E9EBEF;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
overflow: hidden;
}
.movie-content-2__selector {
margin:0 0 30px 0;
}
.movie-content-2 .wrap--section-selector:before {
background: #E9EBEF;
}
.selector--sandy {
background: #B6AFA1;
}
.carousel--content-2 {
margin-bottom: 20px;
}
.movie-content-2__block img{
max-width: 100%;
}
.movie-content-2__img {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
margin-bottom: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.movie-content-2__img iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.movie-content-2__text {
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.movie-content-2__time {
display: block;
font-size: 14px;
color: #FF3E40;
}
.movie-socials {
background: #E9EBEF;
text-align: center;
padding-bottom: 40px;
}
.movie-socials__title {
margin-bottom: 45px;
position: relative;
}
.columns--movie-socials {
max-height: 850px;
overflow: hidden;
text-align: left;
}
.columns--movie-socials--active {
max-height: none;
}
.column--movie-socials {
padding: 10px;
width: 25%;
}
.column--movie-socials img {
display: block;
width: 100%;
margin: 0 auto 20px auto;
}
.movie-socials__button {
position: relative;
z-index: 5;
margin: 25px 0;
}
.movie-socials__button:before {
position:absolute;
top:-90px;
height:90px;
left:0;
right:0;
content:'';
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(233,235,239,1) 50%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(233,235,239,1) 50%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(233,235,239,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e9ebef",GradientType=1);
}
.button--movie-socials {
border-color: #A3A4A7;
color: #222;
padding:6px 10px 6px 10px;
}
.socials-item {
display: inline-block;
vertical-align: top;
width: calc(25% - 20px);
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,.3);
margin: 10px;
font-size: 14px;
text-align: left;
}
.socials-item a {
color: #FF3E40;
}
.socials-item img {
display: block;
width: 100%;
}
.socials-item__description {
padding: 5px 15px 15px;
line-height: 18px;
overflow: hidden;
}
.socials-item__instagram {
position: relative;
color: grey;
line-height: 40px;
padding: 0 45px 0 15px;
text-transform: lowercase;
}
.socials-item__instagram:after {
content: '';
display: block;
width: 19px;
height: 20px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -10px;
background-image: url('/local/templates/volga/html/./images/insta.svg');
background-repeat: no-repeat;
background-size: 19px 20px;
opacity: .4;
}
.socials-item__profile {
position: relative;
display: flex;
align-items: center;
padding: 10px 50px 10px 15px;
}
.socials-item__profile:after {
content: '';
display: block;
width: 25px;
height: 20px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -10px;
background-image: url('/local/templates/volga/html/./images/twitter.svg');
background-repeat: no-repeat;
background-size: 25px 20px;
opacity: .4;
}
.socials-item__profile img {
flex: 0 0 40px;
width: 40px;
height: 40px;
border-radius: 50%;
}
.socials-item__profile-info {
padding-left: 15px;
line-height: 18px;
}
.socials-item__profile-date {
color: grey;
text-transform: lowercase;
white-space: nowrap;
}
.movie_suggest {
background: transparent;
text-align: center;
overflow: hidden;
margin-top:30px;
}
.movie_suggest .owl-carousel .owl-stage-outer {
overflow: inherit;
}
.movie_suggest .owl-carousel {
z-index:10;
}
.selector--suggest {
padding: 20px 50px 16px 50px;
color: #808080;
}
.selector--suggest.selector--selected {
background: #222;
color: #FF3E40;
}
.selector--suggest:hover {
background: #222;
color: #FF3E40;
}
.carousel--suggest {
padding: 15px 0 0 0;
/*height: 548px;*/
background: #222;
}
.movie-suggest__selector {
margin-bottom: -1px;
position: relative;
}
.movie-suggest__block .movie-link {
margin-bottom: 0;
}
.movie-suggest__block .wrap--section-selector:before {
bottom: -30px;
}
.movie-suggest__block .movie-link--w-button:hover {
background: #E9EBEF;
}
.movie-suggest__block .movie-link__name {
color: white;
}
.search-popup {
width: 100%;
background: white;
background-size: 52px 54px;
z-index: 350;
position: fixed;
top: 0;
padding: 25px 0 25px 0;
display: none;
}
.input {
border: none;
color: #222;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 20px;
background: #E9EBEF;
padding: 11px 10px 9px 15px;
}
.input::placeholder{
font-style: italic;
}
.input--search {
width: 100%;
font-weight: 500;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 20px;
line-height: 24px;
padding: 13px 0 14px 33px;
background: #fff;
background-size: 27px;
border-radius: 8px;
color: #272931;
}
.input--search::placeholder {
font-style: normal;
}
.section-selector__input .input--search::-webkit-input-placeholder {
color:#879CB1;
font-size: 16px;
font-weight: 400;
}
.section-selector__input .input--search::-moz-placeholder {
color:#879CB1;
font-size: 16px;
font-weight: 400;
}
.section-selector__input .input--search:-ms-input-placeholder {
color:#879CB1;
font-size: 16px;
font-weight: 400;
}
.section-selector__input .input--search:-moz-placeholder {
color:#879CB1;
font-size: 16px;
font-weight: 400;
}
.input--search-big {
width: 90%;
padding-left: 100px;
padding-top: 10px;
background-size: 52px 54px;
background: #fff url('/local/templates/volga/html/./images/search-popup.svg') left center no-repeat;
font-size: 48px;
line-height: 52px;
}
.input--hidden {
display: none;
}
.search-popup__close {
position: absolute;
right: 10px;
background: url('/local/templates/volga/html/./images/cross.svg') center center no-repeat;
background-size: 23px;
padding: 22px;
top: 7px;
}
.wrap--news {
padding: 0 40px;
}
.section-selector__wrapper {
margin-top: 30px;
text-align: center;
margin-bottom: 30px;
}
.section-selector--with-search {
display: inline-block;
position: relative;
}
.section-selector__search {
position: absolute;
left: -53px;
top: 0;
content: '';
width: 50px;
height: 50px;
border-radius: 8px;
display: block;
border:0;
background: transparent;
transition: all 0.2s;
}
.section-selector__search:after {
content:'';
position:absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
width:22px;
height:20px;
-webkit-mask-image: url(/local/templates/volga/html/./images/search-hover.svg);
mask-image: url(/local/templates/volga/html/./images/search-hover.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 21px;
-webkit-mask-size: 21px;
background-color: #FF3E40;
transition: all 0.2s;
}
.section-selector__search:hover, .section-selector__search.button--search.active {
background-color: #FF3E40;
}
.section-selector__search:hover:after, .section-selector__search.button--search.active:after {
background-color: #FFF;
}
.section-selector__search.button--search {
background: #F5F6FA;
}
.section-selector__search.button--search:after {
background-color: #272931;
}
.section-selector__search.button--search.active {
pointer-events:all;
cursor:pointer;
}
ul.menu-nav {
list-style:none;
padding:0;
margin:0;
}
ul.menu-nav .button.selector {
position: relative;
z-index:1;
background:transparent;
}
ul.menu-nav .selector--selected .button.selector {
color:#fff!important;
}
ul.menu-nav .button.selector:hover {
color:#FF3E40;
}
ul.menu-nav .menu-items {
display:inline-block;
}
ul.menu-nav .magic-line:before {
content: "";
position: absolute;
top: 6px;
left:0;
right:0;
bottom: 6px;
width: 100%;
background:#FF3E40;
border-radius:8px;
}
ul.menu-nav .magic-line {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width:190px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform;
}
.selector--width-190 {
min-width: 190px;
}
.selector--width-120 {
min-width: 120px;
}
.selector--width-170 {
min-width: 170px;
}
.section-selector__input {
position: absolute;
width: 100%;
left: 0;
z-index: 40;
top: 0;
display: none;
text-align: left;
}
.section-selector__input:before {
content:'';
position:absolute;
left:26px;
top:14px;
bottom:14px;
width:1px;
background:#FF3E40;
display:none;
}
.section-search__close {
position: absolute;
right: 16px;
background: #F5F6FA;
border-radius:50%;
width:30px;
height:30px;
top: 11px;
}
.section-search__close:after {
content:'';
width:9px;
height:9px;
position:absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
-webkit-mask-image: url(/local/templates/volga/html/./images/search-close-mini.svg);
mask-image: url(/local/templates/volga/html/./images/search-close-mini.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 9px;
-webkit-mask-size: 9px;
background-color: #272931;
transition: all 0.2s;
}
.section-search__close:hover:after {
background-color: #FF3E40;
}
.news-block {
max-width: 1200px;
padding: 15px 20px;
transition: all 0.2s;
position: relative;
}
.news-block:last-of-type {
margin-bottom: 50px;
}
.news-block--w-button:hover {
background: white;
}
.news-block__date {
color: #858688;
font-size: 80px;
line-height: 80px;
text-transform: uppercase;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
display: inline-block;
vertical-align: top;
min-width: 120px;
}
.news-block--w-button:hover .news-block__date {
color: #FF3E40;
}
.news-block__month, .news-block__year {
font-size: 14px;
line-height: 18px;
}
.news-block__image {
position: relative;
width: 56%;
display: inline-block;
margin-right: 2%;
vertical-align: bottom;
}
.news-block__image img{
display: block;
width: 100%;
height: auto;
}
.news-block__no-image {
width: 100%;
height: 0;
padding-top: 56.25%;
background-color: #858688;
}
.news-block__title {
color: #fff;
font-size: 44px;
line-height: 48px;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
position: absolute;
bottom: 50px;
left: 50px;
max-width: 73%;
}
.news-block__info {
display: inline-block;
vertical-align: bottom;
width: 23%;
}
.button--news-block {
margin-top: 40px;
border-color: #c1c3c6;
color: #8a8b8d;
}
.button--news-block:hover {
border-color: #FF3E40;
color: #FF3E40;
}
.movie-trailer--news:before {
background: transparent;
border: 2px solid rgba(255,62,64,0.5);
width: 63px;
height: 63px;
}
.movie-trailer--news {
right: 115px;
bottom: 65px;
}
.movie-trailer--news:after {
width: 21px;
height: 22px;
mask-size: 21px;
-webkit-mask-size: 21px;
content: '';
position: absolute;
right: -72px;
top: -9px;
}
.movie-trailer--news:hover:before {
border-color: rgba(255,255,255,0.5);
background-color: transparent;
}
.movie-trailer--news:hover:after {
}
.article-top {
position: relative;
padding: 10px 0 25px 0;
margin-top: -50px;
overflow: hidden;
}
.article-top--no-image {
background-image: url('/local/templates/volga/html/./images/article-background.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.article-top__bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
filter: blur(10px);
transform: scale(1.2);
}
.wrap--article {
padding: 0 0 0 158px;
max-width: 1070px;
}
.article-go-back {
display: inline-block;
color: white;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
background: url('/local/templates/volga/html/./images/arrow-left.svg') left top 2px no-repeat;
background-size: 8px 12px;
left: -20px;
position: relative;
padding-left: 20px;
margin-bottom: 45px;
}
.article-go-back:hover {
color: #FF3E40;
background-image: url('/local/templates/volga/html/./images/arrow-left-red.svg');
}
.article-date {
color: #FF3E40;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.article-title {
text-transform: uppercase;
font-family: PFDinDisplay, Arial, sans-serif;
color: #fff;
font-size: 55px;
line-height: 55px;
font-weight: 600;
text-align: left;
}
.article-info {
margin: 50px 0 70px 0;
}
.carousel--article {
max-width: 640px;
margin-bottom: 60px;
}
.wrap--carousel-article {
position: relative;
}
.wrap--carousel-article .owl-item {
width: 100%;
max-width: 700px;
height: 400px;
}
.wrap--carousel-article .article__slide,
.wrap--carousel-article .article__slide img {
width: 100%;
height: 100%;
}
.wrap--carousel-article .article__slide img {
object-fit: cover;
}
.wrap--carousel-article .slider-counter {
bottom: -30px;
}
.wrap--carousel-article .owl-dots {
bottom: -10px !important;
}
.slider-counter {
position: absolute;
bottom: -20px;
z-index: 10;
left: 140px;
font-weight: 600;
font-size: 16px;
}
.movie-trailer--article {
right: 110px;
bottom: 52px;
}
.movie-content-2__text--article {
display: none;
}
.article-info img {
float: left;
margin-right: 40px;
margin-bottom: 10px;
}
.columns--movie-select {
margin: 30px 0 50px 0;
}
.column--33 {
width: 34%;
}
.column--33:first-of-type {
width: 32%;
}
.column--50 {
width: 45%;
margin-left: 5%;
}
.column--50-first {
margin-left: 0;
width: 47.5%;
}
.column--50-second {
width: 47.5%;
}
.input--checkable {
opacity: 0;
position: absolute;
}
.label {
display: block;
font-size: 15px;
line-height: 18px;
cursor: pointer;
padding: 7px 0 7px 10px;
}
.input:checked + .label {
background: white;
color: #FF3E40;
box-shadow: 0 1px 2px 0 #9AA6B9;
}
.movies__wrap-select--genre {
display: inline-block;
}
.movies__how-show {
text-align: center;
color: #9B9B9B;
font-size: 15px;
font-weight: 600;
margin-bottom: 40px;
margin-top: 10px;
}
.movies__how-show-text {
font-size: 14px;
line-height: 17px;
text-align: center;
color: #879CB1;
font-family: PFDinDisplay, Arial, sans-serif;
margin:0 0 15px;
}
.movies__wrap-select {
display: inline-block;
margin-left: 10px;
}
.select--how-show {
}
.how-show__button {
color: #FF3E40;
font-weight: 400;
margin-left: 30px;
display: inline-block;
position: absolute;
line-height: 32px;
}
.movies__columns-wrap {
margin-bottom: 40px;
}
.movies__columns-wrap h2{
margin-bottom: 20px;
}
.show-more--movies {
margin-bottom: 0;
}
.section-selector__input--visible {
display: block;
position: relative;
top: 22px;
margin-bottom: 50px;
}
.search__in-movie {
text-align: center;
color: #9B9B9B;
font-size: 15px;
line-height: 20px;
margin-top: 35px;
margin-bottom: 20px;
}
.search__in-movie-amount {
font-weight: 600;
color: black;
}
.search__in-news {
margin-top: 40px;
margin-bottom: 50px;
text-align: center;
}
.contacts__column {
width: 50%;
display: inline-block;
vertical-align: top;
}
.contacts__column--map {
position: absolute;
top: 0;
bottom:20px;
left: 0;
}
.contacts__column--info {
padding: 50px 0 85px 40px;
font-size: 16px;
line-height: 20px;
position: relative;
left: 50%;
}
.contacts__column--info h1 {
text-align: left;
margin-bottom: 30px;
}
.contacts__title {
font-size: 14px;
line-height: 18px;
color: #4A4A4A;
font-weight: 600;
margin-top: 25px;
margin-bottom: 5px;
}
.contacts__show-map {
display: none;
}
.link-email {
color: #FF3E40;
display: block;
margin-bottom: 3px;
}
.contacts__phone {
text-transform: uppercase;
font-family: PFDinDisplay, Arial, sans-serif;
color: #222;
font-size: 32px;
line-height: 35px;
font-weight: 600;
margin: 30px 0 20px 0;
}
.contacts__title--light {
font-size: 13px;
line-height: 17px;
font-weight: 400;
color: #9B9B9B;
margin-top: 30px;
}
.contacts__name {
font-family: PFDinDisplay, Arial, sans-serif;
color: #222;
font-weight: 600;
font-size: 24px;
line-height: 28px;
margin-bottom: 5px;
}
.content--404 {
background: url('/local/templates/volga/html/./images/404.png') center center no-repeat;
background-size: cover;
padding-bottom: 50px;
padding-top: 80px;
text-align: center;
margin-top: 0;
}
.number-404 {
background: url("/local/templates/volga/html/./images/404--number.png") center center no-repeat;
width: 480px;
height: 200px;
background-size: 100% auto;
display: inline-block;
margin-bottom: 50px;
}
.h1--404 {
font-size: 24px;
line-height: 28px;
max-width: 355px;
text-align: left;
display: inline-block;
position: relative;
top: -80px;
}
.carousel--suggest-404 {
background: transparent;
margin-top: 0;
}
.wrap--vacancies {
max-width: 1000px;
}
.wrap--vacancies h1 {
margin-bottom: 60px;
}
.vacancies-block {
max-width: 960px;
background: white;
padding: 30px 35% 70px 30px;
text-align: left;
font-size: 16px;
line-height: 20px;
position: relative;
margin-bottom: 20px;
}
.vacancies-block--with-border-close {
border: 1px solid #222;
}
.vacancies-block--last {
margin-bottom: 70px;
}
.vacancies-block h2 {
margin-bottom: 30px;
}
.vacancies-block__salary-city {
position: absolute;
top: 30px;
right: 60px;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #4A4A4A;
}
.vacancies-block__city {
color: #FF3E40;
background: url('/local/templates/volga/html/./images/city-tag.svg') left center no-repeat;
background-size: 16px 20px;
padding-left: 27px;
line-height: 20px;
margin-bottom: 30px;
}
.vacancies-block__salary {
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #FF3E40;
margin-top: 5px;
}
.vacancies-block__info {
position: relative;
padding-bottom: 20px;
display: none;
}
.vacancies-block__title,
.vacancies-block__info h4 {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-top: 35px;
}
.vacancies-block__list,
.vacancies-block__info ul {
padding-left: 25px;
}
.vacancies-block__list-item,
.vacancies-block__info li {
margin-bottom: 10px;
}
.vacancies-info__button {
position: absolute;
bottom: 0px;
right: -50%;
}
.vacancies-block__show-trigger {
border-top: 1px solid #9AA6B9;
display: block;
color: #FF3E40;
font-size: 13px;
line-height: 19px;
text-align: right;
margin: 30px 0 0 -30px;
padding: 10px 40px;
position: absolute;
width: 100%;
}
.vacancies-block__show-trigger:before {
content: '';
background: url('/local/templates/volga/html/./images/arrow-red-bottom.svg') center center no-repeat;
background-size: 10px 6px;
width: 10px;
height: 6px;
position: absolute;
right: 20px;
top: 17px;
transition: all 0.2s;
}
.vacancies-block__show-trigger--open:before {
transform: rotate(180deg);
}
.vacancies-block__respond {
margin-bottom: -40px;
position: relative;
display: none;
}
.vacancies-block__close {
content: '';
background: url('/local/templates/volga/html/./images/cross-dark.svg') center center no-repeat;
background-size: 15px;
width: 35px;
height: 35px;
padding: 20px;
position: absolute;
top: 15px;
right: 15px;
display: none;
}
.vacancies-block--with-border-close .vacancies-block__close {
display: block;
}
.input--vacancies {
width: 100%;
margin-top: 10px;
}
.textarea--vacancies {
padding-top: 20px;
resize: none;
}
.vacancies-block__file {
position: absolute;
top: 40px;
left: 105%;
width: 47%;
}
.vacancies-block__file [type="file"] {
display: none;
}
.vacancies-block__file-name {
margin-top: 20px;
}
.vacancies-block__add-file-link {
display: block;
margin-top: 20px;
font-size: 14px;
line-height: 18px;
color: #FF3E40;
background: url('/local/templates/volga/html/./images/plus.svg') left top 4px no-repeat;
padding-left: 20px;
background-size: 10px;
}
.vacancies-block__add-file-text {
display: block;
color: #9B9B9B;
}
.vacancies-block__title--respond {
margin-top: 15px;
margin-bottom: 5px;
}
.input--vacancies-hidden {
display: none;
}
.vacancies-block__add-link {
color: #FF3E40;
font-size: 14px;
line-height: 18px;
background: url('/local/templates/volga/html/./images/plus.svg') left center no-repeat;
padding-left: 20px;
background-size: 10px;
display: block;
margin-top: 20px;
margin-bottom: 30px;
}
.vacancies-block__send-respond {
padding-left: 42%;
margin-top: 40px;
}
.vacancies-block__send-respond a {
display: inline-block;
padding: 10px 0;
}
.button--red {
background: #FF3E40;
color: white;
padding: 10px 50px 6px 50px;
}
.button--respond {
margin-left: 30px;
}
.vacancies-block__thanks {
text-align: center;
font-size: 24px;
line-height: 28px;
position: relative;
margin: 60px 0;
display: none;
}
.thanks__title {
color: #FF3E40;
font-size: 60px;
line-height: 64px;
text-transform: uppercase;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
}
.thanks__close {
content: '';
background: url('/local/templates/volga/html/./images/cross-dark.svg') center center no-repeat;
background-size: 15px;
width: 25px;
height: 25px;
padding: 10px;
position: absolute;
top: 0;
right: 25px;
}
.popup-block {
display: none;
text-align: center;
font-size: 14px;
line-height: 18px;
color: #9B9B9B;
}
.button--buy-link {
display: block;
height: 44px;
width: 170px;
border-color: #c3b3b4;
margin: 15px auto 0;
background: center center no-repeat;
}
p.p--buy-ticket {
margin-bottom: 35px;
margin-top: 10px;
}
.button--buy-link:hover {
border-color: #FF3E40;
}
.button--kinohod {
background-image: url("/local/templates/volga/html/./images/kinohod.png");
background-size: 131px auto;
}
.button--rambler {
background-image: url('/local/templates/volga/html/./images/rambler.png');
background-size: 136px auto;
}
.popup-block--login h1{
color: white;
margin-bottom: 70px;
}
.popup-block--login .error {
color: #FF3E40;
}
.popup-login .error {
max-width: 320px;
}
.popup-password .error {
margin-bottom: 30px;
max-width: 500px;
}
.popup-registration .error {
margin: 0 auto 30px;
}
.input--login {
display: block;
width: 320px;
margin-top: 30px;
}
.input--confirm {
background-color: #fff;
}
.link-login {
font-size: 14px;
line-height: 18px;
color: #FF3E40;
margin-top: 30px;
display: block;
}
.link-login--password {
margin-top: 25px;
}
.button--login {
margin-top: 35px;
min-width: 200px;
display: inline-block;
}
.input--registration {
display: inline-block;
width: 250px;
margin-right: 1px;
}
.input--forget-password {
width: 450px;
padding-left: 20px;
}
p.p--forget-password {
color: #9B9B9B;
font-size: 16px;
font-style: italic;
margin: 30px 0 15px 0;
line-height: 20px;
}
.button--login-wide {
min-width: 240px;
padding: 10px 30px 6px 30px;
}
.blackout {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000000;
z-index: -1;
opacity: 0;
transition: opacity 0.4s linear;
}
.blackout--active {
z-index: 100;
opacity: .7;
}
.menu-right {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
opacity: 1;
transform: translateX(100vw);
transition: all 0.4s linear;
}
.active {
z-index: 300;
opacity: 1;
transform: translateX(0);
}
.menu-right__body {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 80%;
max-width: 380px;
overflow-y: auto;
background-color: #000;
}
.menu-right__inside {
display: flex;
flex-direction: column;
height: 100%;
}
.menu-right__top {
flex: 1 0 auto;
}
.menu-right__bottom {
flex: 0 0 auto;
}
.menu-right__close {
width: 40px;
height: 40px;
position: absolute;
top: 12px;
right: 12px;
-webkit-mask-image: url('/local/templates/volga/html/./images/cross-dark-big.svg');
mask-image: url('/local/templates/volga/html/./images/cross-dark-big.svg');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color:#fff;
mask-size: 24px;
-webkit-mask-size: 24px;
mask-position: center;
-webkit-mask-position: center;
}
.menu-right__list {
width: 100%;
padding: 0;
list-style: none;
margin: 0;
}
.menu-right__item {
border-top: 2px solid #1B1B1B;
width: 100%;
}
.menu-right__link {
display: block;
color: #fff;
font-size: 22px;
line-height: 26px;
font-family: PFDinDisplay, Arial, sans-serif;
text-transform: uppercase;
font-weight: 600;
padding: 18px 10px 12px 20px;
background: url('/local/templates/volga/html/./images/arraw-mini-grey.svg') right 15px center no-repeat;
}
.menu-right__link:hover,
.menu-right__link--active {
color: #FF3E40;
}
.menu-right__link--login {
background: url('/local/templates/volga/html/./images/login-red.svg') left 20px center no-repeat;
background-size: 13px 24px;
padding-left: 45px;
}
.menu-right__language {
border-top: 2px solid #1B1B1B;
height: 100px;
width: 100%;
display:flex;
justify-content:space-between;
padding:30px 20px 0 20px;
}
.language-radio {
display: none;
}
.language-radio__label {
font-size: 22px;
line-height: 44px;
display: inline-block;
font-family: PFDinDisplay, Arial, sans-serif;
font-weight: 600;
cursor: pointer;
color: #fff;
}
.language-radio__label.active {
color: #FF3E40;
}
.menu-right__search {
}
.input--menu-right {
border: none;
font-size: 22px;
line-height: 26px;
margin-top: 10px;
background: url('/local/templates/volga/html/./images/search-grey.svg') left 22px center no-repeat;
margin-bottom: 30px;
padding:15px 0 13px 60px;
color:#fff;
}
.input--menu-right::placeholder {
color:#fff;
}
.input--menu-right:-ms-input-placeholder {
color:#fff;
}
.input--menu-right::-ms-input-placeholder {
color:#fff;
}
.wrap--without-maxwidth {
overflow: hidden;
}
.about__partners-close {
display:none;
}
.about-page-margin {
margin-top:-50px;
}
.about__column {
}
.about__column-1 {
width: 150px;
}
.tabs {
position:relative;
height:100%;
}
.tabs>input {
display: none;
position: absolute;
}
.tabs > label {
text-align: center;
transition: all 0.2s;
display: block;
padding: 13px 10px;
line-height: 24px;
font-weight: 600;
font-size: 20px;
color: #9B9B9B;
background: transparent;
font-family: PFDinDisplay, Arial, sans-serif;
width:150px;
transition: all 0.2s;
position:relative;
z-index:1;
}
.tabs>label:first-of-type {
margin-left: 0;
}
.tabs>label:hover {
color:#FF3E40;
cursor: pointer;
}
.tabs>input:checked+label {
color: #fff;
background: #FF3E40;
position: relative;
z-index: 1;
}
.about__column-2 {
width: 320px;
padding: 0px 23px;
position: relative;
z-index: 1;
}
.about-link {
position: relative;
padding: 20px 0;
display: block;
color: #fff;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 16px;
line-height: 19px;
border-bottom: 1px solid rgba(75, 75, 75, 0.57);
text-transform:uppercase;
font-weight: 600;
transition: all 0.2s;
}
.about-link:last-child {
border:0;
}
.about-link:hover,
.about-link--selected {
color: #FF3E40;
}
.about-link:after {
content: '';
background: #FF3E40;
position: absolute;
display: block;
right: -22px;
z-index: 2;
top: 0px;
bottom:0;
width: 7px;
opacity:0;
transition: all 0.2s;
}
.about-link--selected:after {
opacity:1;
}
.about-link__date {
display: block;
font-size: 13px;
color: #7F7F7F;
margin-top: 3px;
text-transform: lowercase;
}
.about__column-3 {
position: absolute;
right:0;
top:0;
bottom:0;
left:490px;
height:100%;
overflow:auto;
}
.about-movie img {
width: 100%;
display: block;
}
.about-movie__no-image {
width: 100%;
height: 0;
padding-top: 50%;
background-color: #858688;
}
.about-movie {
margin-bottom: 10px;
position: relative;
}
.about-movie:last-child {
margin-bottom: 0;
}
.about-movie__tag {
position: absolute;
top: 20px;
left: 20px;
font-size: 32px;
line-height: 38px;
text-transform: uppercase;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
color: #FF3E40;
}
.about-movie__position {
position: absolute;
bottom:50px;
left: 50px;
max-width: 70%;
min-width:500px;
background: rgba(0, 0, 0, 0.6);
padding: 40px 40px 40px 40px;
font-family: PFDinDisplay, Arial, sans-serif;
}
.about-movie__name {
font-size: 44px;
line-height: 52px;
font-weight: 600;
color: white;
text-align:left;
}
.about-movie__name h4 {
padding:0;
margin:0;
}
.about-movie__date {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: rgba(255, 255, 255, 0.6);
margin:3px 0 0 0;
}
.about-movie__name .movie-date {
margin-bottom: 0;
}
.about-movie .movie-age-restrict {
position: absolute;
top: 40px;
right: 40px;
}
.about-movie--selected:before {
/*content: '';*/
background: url('/local/templates/volga/html/./images/about-arrow.svg') center center no-repeat;
background-size: 20px 21px;
position: absolute;
display: block;
left: -22px;
z-index: 2;
top: 35px;
width: 20px;
height: 21px;
}
.about-comment {
position: absolute;
bottom: 25px;
right: 20px;
padding-right: 70px;
text-align: right;
}
.about-comment__name {
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: white;
font-family: Arial, sans-serif;
}
.about-comment__job {
font-weight: 400;
color: #FF3E40;
font-size: 12px;
}
.about-comment img {
position: absolute;
right: 0;
bottom: -5px;
width: 60px;
}
.about-comment__text {
position: absolute;
width: 330px;
/*border: 1px solid #FF3E40;*/
/*border-radius: 10px;*/
font-size: 13px;
right: 51px;
bottom: 66px;
padding: 20px 20px 30px;
text-align: left;
/*background: rgba(0,0,0,0.4);*/
/*border-bottom-right-radius: 0;*/
font-weight: 400;
color: white;
line-height: 17px;
background: url('/local/templates/volga/html/./images/comment-cloud.png') top left no-repeat;
background-size: 100% 100%;
}
.about-comment__show {
display: none;
position: absolute;
right: 50px;
bottom: 50px;
width: 24px;
height: 25px;
background: url('/local/templates/volga/html/./images/comment-show.svg') center center no-repeat;
background-size: 24px 25px;
cursor: pointer;
}
.content-tab {
display: none;
}
.content-tab--1 {
display: block;
}
/*.about-comment__text:after {*/
/*content: ' ';*/
/*position: absolute;*/
/*width: 0;*/
/*height: 0;*/
/*left: 263px;*/
/*top: 76px;*/
/*border: 15px solid transparent;*/
/*border-top: 4px rgba(0,0,0,0.4) ;*/
/*border-right: 50px solid rgba(0,0,0,0.4);*/
/*}*/
.carousel-about {
}
.carousel-about__movie {
display: block;
height: calc(100vh - 60px);
background: url("/local/templates/volga/html/./images/main-test-carousel.png") center center no-repeat;
background-size: cover;
box-shadow: inset 0px -350px 100px -100px rgba(0,0,0,0.7);
position: relative;
}
.carousel-about__movie .movie-title {
font-size: 44px;
line-height: 44px;
}
.carousel-about__movie .movie-poster__info {
bottom: 155px;
left: 30px;
}
.carousel-about__movie .about-comment{
bottom: 50px;
}
.carousel-about__movie .about-comment img {
width: 62px !important;
}
.carousel-about__movie .about-comment .about-comment__name {
font-size: 15px;
display: block;
}
.carousel-about__movie .about-comment .about-comment__job {
display: block;
font-size: 12px;
}
.carousel-about__movie .about-comment__show {
width: 47px;
height: 49px;
background-size: 47px 49px;
bottom: 62px;
}
.about-comment__hide {
background: url('/local/templates/volga/html/./images/closs-white.svg') center center no-repeat;
background-size: 24px;
padding: 15px;
display: none;
position: absolute;
top: -45px;
right: -45px;
}
.js__index-films {
font-size: 0;
line-height: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.wrap-auth {
padding-top: 40px;
padding-bottom: 40px;
}
.about-page-bg .wrap--section-selector:before {
display:none;
}
.about__page {
margin:50px 0 0 0;
background:#fff;
border-radius:10px;
padding:40px;
}
.about__page .hide_menu {
display:none;
}
.about__page .hide_menu.active {
display: -ms-flexbox;
display: flex;
flex-wrap:wrap;
width:100%;
position:relative;
}
.about__page .hide_menu .name {
font-size: 32px;
line-height: 36px;
text-transform: uppercase;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
margin: 0 0 30px;
color: #FF3E40;
}
.about__page.about__page--no-wrap {
position: relative;
margin-left: 0;
margin-right: 0;
overflow: hidden;
padding: 0;
margin-top: 10px;
}
.about__partners-name {
display:none;
}
.about__menu {
width: 350px;
border-right: 1px solid #C4C6CA;
}
.about__menu-item {
position: relative;
font-family: PFDinDisplay, Arial, sans-serif;
font-weight: 500;
font-size: 17px;
line-height: 20px;
color: #879CB1;
text-transform: uppercase;
margin:0 0 30px;
display:block;
display:flex;
align-items:center;
flex-wrap:wrap;
min-height:40px;
padding:0 30px 0 0;
transition: all 0.2s;
}
.about__menu-item:hover {
color: #FF3E40;
}
.about__menu-item:after {
content: '';
position: absolute;
top: -10px;
bottom:-10px;
right: -2px;
width:3px;
background:#FF3E40;
opacity:0;
transition: all 0.2s;
}
.about__menu-item--active,
.about__submenu-item:hover,
.about__submenu-item--active {
color: #FF3E40;
}
.about__menu-item--active:after,
.about__submenu-item--active:after {
opacity:1;
}
.about__departments {
position: relative;
}
.about__departments-wrapper {
position: relative;
z-index: 1;
}
.about__departments .about__menu-item--active {
background-color: #FF3E40;
color: #fff;
}
.about__submenu {
height: 0;
background-color: #E9EBEF;
overflow: hidden;
}
.about__submenu-item p {
font-size: 18px;
}
.about__submenu-item span {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 16px;
text-transform: none;
color: #9B9B9B;
}
.about__content {
width: calc(100% - 370px);
max-height:100%;
height:100%;
left:390px;
position:absolute;
top:0;
}
.about__partners {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 40px 0 60px;
}
.about__partners-item {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;
height: 180px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border: 3px solid transparent;
transition: border, background-color .3s;
padding: 20px 40px;
}
.about__partners-item img {
filter: grayscale(1);
transition: filter .3s;
max-width: 100%;
}
.about__partners-item:hover {
background-color: #fff;
border-color: #FF3E40;
}
.about__partners-item:hover img {
filter: grayscale(0);
}
.about__employees {
display: none;
padding-left: 0;
}
.about__employees.active {
display: block;
z-index: 1;
}
.employees-item {
position: relative;
background-size: cover;
padding: 30px 30px 100px;
color: #fff;
min-height: 400px;
overflow: hidden;
}
.employees-item__bg {
background-image: url(/local/templates/volga/html/./images/employees-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: blur(8px);
transform: scale(1.2);
}
.employees-item__bg:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.5);
}
.employees-item:not(:first-of-type) {
margin-top: 10px;
}
.employees-item__header {
position: relative;
display: -ms-flexbox;
display: flex;
}
.employees-item__image {
-ms-flex: 0 0 90px;
flex: 0 0 90px;
width: 90px;
}
.employees-item__image img {
display: block;
border-radius: 50%;
width: 90px;
height: 90px;
border: 4px solid #FF3E40;
}
.employees-item__info {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.employees-item__image + .employees-item__info {
padding-left: 15px;
}
.employees-item__name {
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 32px;
line-height: 36px;
text-transform: uppercase;
}
.employees-item__position {
color: #FF3E40;
font-size: 16px;
line-height: 20px;
}
.employees-item__content {
position: relative;
padding-top: 40px;
font-size: 16px;
line-height: 22px;
max-width: 800px;
}
.employees-item__content--films {
width: 50%;
max-width: none;
}
.employees-item__films {
position: absolute;
bottom: 35px;
right: 0;
width: 45%;
}
.employees-item__films .owl-stage {
width: 1000px;
}
.employees-item__films .owl-item {
display: inline-block;
width: 0;
overflow: hidden;
}
.employees-item__films .owl-carousel .owl-nav button {
width: 64px;
height: 64px;
background-color: #fff;
background-size: 12px 18px;
top: auto;
margin-top: 0;
}
.employees-item__films .owl-carousel .owl-nav button:hover {
background-color: #FF3E40;
background-image: url(/local/templates/volga/html/./images/arrow-left-black.svg);
}
.employees-item__films .owl-carousel .owl-nav .owl-next {
bottom: -35px;
right: 0;
background-image: url(/local/templates/volga/html/./images/arrow-left-red.svg);
background-position: center right 28px;
}
.employees-item__films .owl-carousel .owl-nav .owl-prev {
bottom: -35px;
left: auto;
right: 66px;
background-image: url(/local/templates/volga/html/./images/arrow-left-red.svg);
}
.employees-item--mobile {
display: none;
padding: 0 20px;
}
.employees-item--mobile:first-of-type {
border-top: 1px solid #D8D8D8;
}
.employees-item--mobile--active {
background-color: #E9EBEF;
}
.employees-item--mobile .employees-item__header {
position: relative;
height: 80px;
-ms-flex-align: center;
align-items: center;
}
.employees-item--mobile .employees-item__header:before {
content: '';
width: 6px;
height: 10px;
background: url(/local/templates/volga/html/./images/arrow-right-red.svg) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
margin-top: -5px;
right: 0;
transform: rotate(90deg);
}
.employees-item--mobile--active .employees-item__header:before {
transform: rotate(270deg);
filter: grayscale(1);
}
.employees-item--mobile .employees-item__image {
-ms-flex: 0 0 50px;
flex: 0 0 50px;
width: 50px;
}
.employees-item--mobile .employees-item__image img {
width: 50px;
height: 50px;
border: none;
}
.employees-item--mobile .employees-item__name {
font-size: 24px;
line-height: 28px;
}
.employees-item--mobile .employees-item__position {
font-size: 13px;
line-height: 16px;
color: #9B9B9B;
}
.employees-item--mobile .employees-item__content {
height: 0;
overflow: hidden;
padding: 0 20px;
border-top: 1px solid #D8D8D8;
margin: 0 -20px;
}
.employees-item--mobile .employees-item__content p:first-of-type {
margin-top: 20px;
}
.employees-film {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
}
.employees-film__image {
-ms-flex: 0 0 180px;
flex: 0 0 180px;
width: 180px;
}
.employees-film__image img {
width: 120px !important;
}
.employees-film__content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
padding: 0 30px 0 15px;
}
.employees-film__quote {
position: relative;
font-size: 13px;
line-height: 17px;
padding-top: 10px;
}
.employees-film__quote:before {
content: '';
display: block;
width: 12px;
height: 9px;
background: url(/local/templates/volga/html/./images/quote.svg) no-repeat;
position: absolute;
top: 0;
left: -15px;
}
.employees-film__info {
text-align: right;
margin-top: 25px;
}
.employees-film__release {
font-size: 12px;
line-height: 17px;
font-weight: 700;
color: rgba(255,255,255,.7);
text-transform: uppercase;
white-space: nowrap;
}
.employees-film__release--premiere {
color: #FF3E40;
}
.employees-film__name {
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
margin-top: 5px;
}
.about__partners-content {
display:none;
position: absolute;
top: 0;
left: 0;
height: 100%;
overflow: auto;
}
.about__partners-content img {
max-width: 100%;
}
.about__partners-content .columns {
padding: 20px 0 10px;
font-size: 0;
line-height: 0;
}
.about__partners-content .column--20 {
width: 33.33%;
}
.about__partners-content .movie-link__image {
height: auto;
}
.about__employees--mobile,
.about__employees--mobile .about__submenu {
display: none;
width: 100%;
}
.about__employees--mobile .about__submenu {
height: auto !important;
background-color: #fff;
margin-bottom: 40px;
}
.about__employees--mobile .about__submenu.active {
display: block;
}
.about__employees {
position: relative;
}
.registration__checkbox {
font-size: 0;
line-height: 0;
margin-top: 30px;
}
.registration__checkbox-col {
display: inline-block;
margin-right: 50px;
}
.registration__checkbox-col:first-of-type {
margin-right: 20px;
}
.registration__checkbox-col:last-of-type {
margin-right: 0;
}
.registration__checkbox-col p {
position: relative;
font-size: 16px;
line-height: 24px;
/*color: #fff;*/
}
.registration__checkbox-col:first-of-type p {
color: #9B9B9B;
font-style: italic;
}
.registration__checkbox-col label input {
display: none;
}
.registration__checkbox-col label p {
padding-left: 35px;
}
.registration__checkbox-col label p:before {
content: '';
display: block;
width: 24px;
height: 24px;
border: 1px solid #979797;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
}
.registration__checkbox-col label input:checked + p {
color: #FF3E40;
}
.registration__checkbox-col label input:checked + p:before {
background-color: #fff;
}
.registration__checkbox-col label input:checked + p:after {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
position: absolute;
top: 7px;
left: 7px;
}
.registration__subscribe {
display: inline-block;
margin: 40px 0 15px;
}
.registration__subscribe p {
position: relative;
font-size: 16px;
line-height: 26px;
color: #9B9B9B;
font-style: italic;
}
.registration__subscribe label input {
display: none;
}
.registration__subscribe label p {
padding-left: 40px;
}
.registration__subscribe label p:before {
content: '';
display: block;
width: 26px;
height: 26px;
background-color: #E9EBEF;
position: absolute;
top: 0;
left: 0;
}
.registration__subscribe label input:checked + p:after {
content: '';
display: block;
width: 26px;
height: 20px;
background: url(/local/templates/volga/html/./images/check-icon.svg) no-repeat;
position: absolute;
top: 2px;
left: 4px;
}
.content-movie-tab--2 {
display: none;
}
.about__timeline {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position:relative;
}
.about__timeline-name {
font-weight: 500;
font-size: 48px;
line-height: 58px;
color: #FFFFFF;
text-align:center;
position:absolute;
top:-130px;
left:0;
right:0;
}
.tabs:after {
content:'';
position:absolute;
left:0;
top:0;
bottom:0;
width:150px;
background:#000;
}
.about__timeline:after {
position: absolute;
height: 100%;
width: 320px;
left: 150px;
background: #1B1B1B;
content: '';
display: block;
z-index: 0;
}
.about__timeline-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.about__timeline-left {
z-index: 1;
width:490px;
position: relative;
top:0px;
display:flex;
flex-wrap:wrap;
min-height:650px;
max-height: calc(100vh - 60px);
overflow: auto;
background:#1B1B1B;
}
.about__timeline-left::-webkit-scrollbar {
width: 12px;
height:12px;
position:absolute
}
.about__timeline-left::-webkit-scrollbar-track {
background: transparent;
}
.about__timeline-left::-webkit-scrollbar-thumb {
background: #B2C2D2;
border-radius: 12px;
border:4px solid #1B1B1B;
}
.about__timeline-left::-webkit-scrollbar-thumb:hover {
background: #555;
}
.about-page-bg {
background: url(/local/templates/volga/html/./images/about-page-bg.jpg) no-repeat center center;
padding:88px 0 190px 0;
background-size: cover;
}
.about__scroll {
/*max-height: 1000px;*/
/*overflow-y: scroll;*/
}
.js__social-update.loading {
position: relative;
color: rgba(255,255,255,0);
}
.js__social-update.loading:before {
content: '';
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 2px solid #fff;
border-top: 2px solid transparent;
border-radius: 50%;
animation: 1s linear 0s infinite loading;
}
@keyframes loading {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg)
}
}
.carousel-wrapper {
position: relative;
height: 0;
padding-top: 41.66%;
}
.carousel-wrapper .owl-stage-outer,
.carousel-wrapper .owl-stage,
.carousel-wrapper .owl-item {
height: 100%;
}
.carousel--stills,
.carousel--posters,
.carousel--onset {
position: absolute !important;
top: 0;
left: 0;
height: 100%;
}
.carousel-wrapper .movie-content__block {
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position:relative;
}
.carousel-wrapper .movie-content__block img {
opacity: 0;
}
select.select--language {
display: none;
}
.movies__wrap-select .jq-selectbox__select-text {
width: 100% !important;
}
@media (max-width: 1400px) {
.column--20 {
width: 25%;
}
.column--invisible-if-1400 {
display: none;
}
.footer__column--first {
width: 26%;
}
.footer__column--second {
width: 29.5%;
}
.footer__column--third {
width: 22%;
}
.movie-title {
font-size: 5.7vw;
line-height: 1.1;
}
.movie-buy-ticket {
height: 5.7vw;
}
.movie-card__info {
width: 67%;
}
.movie-card__left {
width:360px;
}
.movie-card__info {
width:calc(100% - 440px);
}
.movie-card.for-cinemas .movie-card__info {
width:calc(100% - 410px);
}
.button--movie-card-press {
margin-right: 0px;
}
.movie-card__see-online {
vertical-align: top;
}
.section-selector__input {
}
.wrap--main-news {
padding: 0;
}
.about-comment__text {
display: none;
bottom: 49px;
}
.about-comment__show {
display: block;
}
.about-comment__text {
right: 50px;
}
}
@media (max-width: 1300px) {
/*.social__row {*/
/*display: block;*/
/*}*/
.social__link--tw {
margin-right: 16px;
}
.social__link--youtube {
margin-right: 13px;
}
.social__link--fb {
margin-right: 12px;
}
.employees-item__films {
display: none;
}
.employees-item__content--films {
width: 100%;
max-width: 800px;
}
}
@media (max-width: 1260px) {
.wrap--news {
padding: 0 20px;
}
.news-block__title {
font-size: 3.5vw;
line-height: 1.1;
}
}
@media (max-width: 1250px) {
.main-news__link {
width: 41.8%;
}
.main-news__link:nth-of-type(2) {
display: none;
}
}
@media (max-width: 1200px) {
.footer__column--first {
width: 28%;
}
.footer__column--second {
width: 29%;
padding-left: 20px;
}
.footer__column--third {
width: 20%;
padding-left: 20px;
}
.column--movie-socials {
width: 33.33%;
}
.socials-item {
width: calc(33.33% - 20px);
}
.movie-poster {
box-shadow: inset 0px -350px 100px -100px rgba(0,0,0,0.7);
}
.about-comment__name,
.about-comment__job {
display: none;
}
.about__timeline {
display:block;
}
.about__column-1, .about__column-2 {
width:100%;
position: relative;
overflow-x: auto;
overflow-y: hidden;
height:50px;
}
.about__column-1 {
background:#000;
}
.about__timeline-left, .content-tab {
top:60px;
width:inherit;
white-space:nowrap;
height:inherit;
min-height:inherit;
}
.about__timeline-left {
position: -webkit-sticky;
position: sticky;
}
.tabs {
white-space: nowrap;
background: #000;
position:inherit;
}
.tabs > label {
width: 80px;
display:inline-block;
}
.about__column-2 {
height:80px;
padding:0;
background: #1B1B1B;
}
.about__column-2::-webkit-scrollbar, .about__column-1::-webkit-scrollbar {
width: 12px;
height:12px;
position:absolute
}
.about__column-2::-webkit-scrollbar-track, .about__column-1::-webkit-scrollbar-track {
background: transparent;
}
.about__column-2::-webkit-scrollbar-thumb, .about__column-1::-webkit-scrollbar-thumb {
background: #B2C2D2;
border-radius: 12px;
border:4px solid #1B1B1B;
}
.about__column-2::-webkit-scrollbar-thumb:hover, .about__column-1::-webkit-scrollbar-thumb:hover {
background: #555;
}
.about-link {
min-width:210px;
display:inline-block;
vertical-align: top;
padding:11px 14px;
border-right: 1px solid rgba(75, 75, 75, 0.57);
overflow:hidden;
position:relative;
height:80px;
margin-left:-4px;
}
.about-link:first-child {
margin:0;
}
.about-link .centered {
position:absolute;
top:50%;
transform: translateY(-50%);
width:180px;
white-space:normal;
}
.about-link:after {
right: 0;
left: 0;
top: auto;
bottom: 0;
width: inherit;
height: 5px;
}
.about__timeline:before {
bottom: auto;
width: 100%;
height: 50px;
}
.about__timeline:after {
height: 80px;
width: 100%;
top: 50px;
left: 0;
}
.about-link__name {
max-height:36px;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
overflow:hidden;
}
.about__column-3 {
width: 100%;
position:relative;
left:0;
}
}
@media (max-width: 1135px) {
.column--20 {
width: 33.33%;
}
.movie-card__left {
width: 300px;
}
.movie-card__info {
width: calc(100% - 360px);
}
.movie-card.for-cinemas .movie-card__info {
width:calc(100% - 350px);
}
.button--movie-card {
width:100%;
margin:0 0 10px;
text-align:left;
padding:13px 15px 12px 48px;
}
.movie-card__see-online-list {
max-width: 100%;
}
}
@media (max-width: 1100px) {
.movie-card__column--5 {
margin-right: 0;
}
.movie-card__button-buy .button {
font-size: 18px;
line-height: 24px;
padding: 10px 15px 6px 15px;
width: 100%;
}
.news-block__info {
width: 27%;
}
.contacts__phone {
margin-bottom: 0;
}
.contacts__column--block-if-1100 {
display: block;
}
.contacts__column--info {
max-width: 430px;
}
.content--404 {
}
.section-selector__input {
}
.about-movie__name {
font-size: 4vw;
line-height: 1.1;
bottom: 20px;
transform: none;
top: auto;
}
}
@media (max-width: 1000px) {
.section-selector__wrapper {
padding-left: 60px;
}
.footer__column--second {
display: none;
}
.footer__column--first {
width: 35.5%;
}
.footer__column--third {
padding-left: 30px;
width: 33%;
}
.footer__column--fourth {
width: 31.5%;
}
.social__row {
display: block;
}
.header__link--vacancies {
display: none;
}
}
@media (max-width: 900px) {
body, html {
font-size: 16px;
line-height: 22px;
}
/*.wrap {*/
/*max-width: 770px;*/
/*}*/
.header {
height: 60px;
}
.header__back {
display: block;
cursor: pointer;
}
.header--main .header__back {
display: none;
}
.header__title {
display: block;
}
.header--main .header__title {
display: none;
}
.menu,
.login,
.logout,
.language {
display: none;
}
.search {
right: 49px;
}
.header__burger {
display: block;
}
.movie-poster {
height: 520px;
}
.movie-poster__info {
max-width: 70%;
}
.movie-poster__info--full-width {
max-width: 100%;
}
.movie-poster__info {
bottom: 70px;
}
.movie-poster__info--main {
left: 20px;
bottom: 50px;
}
.top-poster-block.news-visible .movie-poster__info--main {
bottom: 162px;
}
.top-poster-block .owl-carousel--main .owl-dots {
bottom: 20px;
}
.top-poster-block.news-visible .owl-carousel--main .owl-dots {
bottom: 120px;
}
.movie-age-restrict--poster {
width: 40px;
height: 40px;
background-size: 40px;
}
.movie-buy-ticket {
/*position: absolute;*/
/*bottom: 9px;*/
/*top: auto;*/
/*right: -150px;*/
/*top: auto;*/
}
.arrow-bottom {
display: none;
}
.wrap--main-news {
padding: 0;
max-width: none;
/*padding-left: 20px;*/
}
.wrap--carousel-article {
margin: 0 -20px;
}
.fix-height-less-750.main-films {
margin-top:18px;
}
.main-news {
height: 100px;
margin-top: -100px;
margin-bottom: 15px;
}
.main-news__link {
width: 100%;
border: 2px solid rgba(151, 151, 151, 0.35);
height: 87px;
padding: 14px;
}
.main-news__info {
margin-left: 0;
display: block;
}
.news-mini-date--main {
position: static;
font-size: 22px;
line-height: 26px;
}
.button--main-news {
position: relative;
right: auto;
top: 27px;
}
.movie-date {
margin-bottom: 0;
}
.movie-title {
font-size: 44px;
line-height: 48px;
}
.slider-counter {
display: none;
}
/*.movie-link {*/
/*height: 500px;*/
/*}*/
/*.movie-link--w-button:hover {*/
/*background: transparent;*/
/*}*/
.movie-link__image {
height: 328px;
margin:0 auto 14px auto;
}
.movie-link .movie-link__shadow {
display:none;
}
.movie-link .movie-link__image {
-o-transform: none!important;
-ms-transform: none!important;
-moz-transform: none!important;
-webkit-transform: none!important;
transform: none!important;
}
/*.button--movie-link {*/
/*display: none;*/
/*}*/
.movie-link__name {
font-size: 15px;
line-height: 18px;
margin: 0 auto;
}
.movies__columns-wrap {
margin-bottom: 15px;
}
.footer__film {
font-size: 14px;
line-height: 18px;
}
.show-more {
display: none;
}
.movie--go-back {
display: none;
}
.logo {
display: none;
}
.carousel--article {
max-width: none;
}
.header--main .logo {
display: block;
}
.movie-trailer {
width: 88px;
text-align: right;
bottom: 50px;
}
.movie-trailer:before {
top: -23px;
}
.movie-trailer:after {
top: 3px;
}
.movie-card {
padding-top: 30px;
}
.cast-facts {
padding-top: 40px;
}
.wrap--movie-news,
.wrap--cast-facts {
max-width: 900px;
}
.carousel--cast,
.carousel--facts {
padding: 0;
}
/*.movie-content__selector {*/
/*margin: 0 0px 45px 0;*/
/*top: 30px;*/
/*position: relative;*/
/*}*/
.column--movie-socials {
width: 50%;
}
.socials-item {
width: calc(50% - 20px);
}
.content h1 {
display: none;
}
.content .movie-title {
display: block;
}
.movie-poster__info--main .movie-title {
display: inline;
}
.contacts__column--info h1 {
display: none;
}
.contacts__column--info {
padding: 5px 0 60px 30px;
}
.movies__columns-wrap h2 {
text-align: center;
}
.vacancies-block {
padding: 25px 35% 70px 25px;
}
.vacancies-info__button {
right: -52%;
}
.section-selector__wrapper {
padding-left: 0;
}
/*.section-selector__search {*/
/*left: auto;*/
/*}*/
.wrap--without-maxwidth {
max-width: none;
overflow: hidden;
padding: 0;
}
.columns--movie-select {
margin: 10px 0 30px 0;
}
.section-selector__input {
left: 0;
width: 100%;
}
.section-selector__input--visible {
margin-top: -30px;
}
.content {
margin-top: 50px;
}
.content--without-margin {
margin-top: 0;
}
.section-selector__wrapper {
margin-top: 0;
}
.wrap--news {
max-width: none;
padding: 0;
}
.news-block {
padding: 0;
margin-bottom: 10px;
}
.news-block:first-child {
margin-top: 10px;
}
.news-block__date {
position: absolute;
z-index: 1;
color: white;
top: 20px;
left: 20px;
font-size: 36px;
line-height: 40px;
}
.news-block__month {
position: absolute;
left: 43px;
top: 1px;
}
.news-block__year {
position: absolute;
top: 16px;
left: 43px;
}
.news-block__image {
width: 50%;
margin-right: 3%;
}
.news-block__title {
font-size: 24px;
line-height: 24px;
text-transform: none;
left: 20px;
bottom: 25px;
}
.news-block__info {
width: 37%;
vertical-align: top;
padding-top: 30px;
}
.button--news-block {
position: absolute;
bottom: 20px;
}
.news-block--w-button:hover .news-block__date {
color: white;
}
.news-block--last {
margin-bottom: 50px;
}
.article-go-back {
display: none;
}
.article-top {
text-align: center;
padding-top: 30px;
margin-top: -30px;
}
.wrap--article {
padding: 0;
}
.article-title {
font-size: 32px;
line-height: 36px;
text-align: center;
}
. article-info .movie-trailer:after {
top: -2px;
}
.movie-content-2__text--article {
display: block;
margin-top: -30px;
}
.vacancies-block__show-trigger {
left: 30px;
text-align: center;
}
.vacancies-block__show-trigger:before {
right: 50%;
margin-right: -50px;
}
.vacancies-block--with-border-close {
padding: 50px;
}
.vacancies-block__respond h2 {
text-align: center;
}
.vacancies-block__file {
position: static;
margin-bottom: 40px;
}
.movies__how-show {
margin-top: 6px;
}
.vacancies-block__send-respond {
padding-left: 0;
text-align: center;
}
.content--404 {
padding-bottom: 0;
margin-top: -30px;
}
.content--404 h1 {
display: inline-block;
text-align: center;
top: 20px;
margin-bottom: 40px;
}
.number-404 {
margin-bottom: 0;
}
.movie-trailer--news {
bottom: 70px;
}
.movie-trailer--news:after {
top: -2px;
}
.article-top h1 {
display: block;
}
.wrap--section-selector-w-search {
margin-top: 0;
}
.wrap--section-selector-w-search .section-selector__inside {
left: 50%;
transform: translateX(-50%);
max-width: 604px;
}
.wrap--section-selector-w-search .selector:last-child {
}
.films-search-block .button.selector {
margin:0;
}
ul.menu-nav .magic-line {
width:147px;
}
.section-selector__input .input--search {
padding: 10px 0 12px 27px;
}
.section-selector__input:before {
left: 20px;
}
.section-search__close {
right: 10px;
top: 9px;
}
.section-selector__inside .selector--width-190 {
min-width: 147px;
}
.section-selector__inside .button--little {
padding: 6px 10px 4px 10px;
font-size: 12px;
font-weight:500;
}
.section-selector__search {
width: 46px;
height: 46px;
}
.wrap--logs {
margin:0!important;
position: relative;
z-index: 11;
}
.about-movie__position {
padding: 18px;
left:20px;
bottom:20px;
}
.about-movie__position h4 {
font-weight:500;
}
.about-page-bg {
padding: 25px 0 100px 0;
}
.about__page {
margin: 2px 0 0 0;
padding: 20px;
}
.about__menu-item {
font-size: 15px;
line-height: 18px;
padding: 0 20px 0 10px;
}
.about__content {
font-size:16px;
line-height:19px;
width: calc(100% - 320px);
left: 310px;
}
.about__menu {
width: 280px;
}
.about__timeline-name {
font-size: 32px;
line-height: 38px;
top: -67px;
}
.about__column-2::-webkit-scrollbar, .about__column-1::-webkit-scrollbar {
display:none
}
.about-movie__date {
font-size: 14px;
line-height: 17px;
}
.about__column-3:before {
width: 283px;
left: -289px;
}
.about-link {
padding: 20px;
}
.about-movie__tag {
font-size: 14px;
line-height: 20px;
}
.about-movie__name {
font-size: 18px;
line-height: 24px;
left: 20px;
}
.about-movie__name .movie-date {
font-size: 13px;
}
.about-movie .movie-age-restrict {
width: 24px;
height: 24px;
background-size: 24px;
top: 20px;
right: 20px;
}
.about-comment__text {
width: 300px;
right: 31px;
bottom: 33px;
}
.about-comment__show {
right: 31px;
bottom: 34px;
}
.about-comment img {
width: 40px;
}
.about-comment {
bottom: 20px;
right: 15px;
}
.js__index-films .column--20 {
width: 100%;
}
.about__partners-content .column--20 {
width: 50%;
}
.about__partners-content .movie-link__name {
max-width: none;
height: auto;
}
.about-link--selected {
overflow: hidden;
}
.about-link--selected:after {
right: -1px;
}
.carousel-wrapper {
padding-top: 50%;
}
.movie-card--no-image {
margin-top: -50px;
padding-top: 30px;
}
.movie-card--no-image .movie-card__left {
margin-top: 20px;
}
.section-selector__search:hover{
background-color: #FFF;
}
.section-selector__search:hover:after {
background-color: #FF3E40;
}
.main-films .fix-height-less-750 {
height: auto;
overflow: inherit;
}
.main-films .movie-link {
height: inherit;
}
.main-films .column--20, .js__index-films .column--20 {
width: 33.33%;
}
.main-films .movie-link__image, .js__index-films .column--20 .movie-link__image {
margin: 0 auto 14px auto;
overflow: hidden;
height:inherit;
max-width:100%;
}
.main-films .movie-link__image img {
}
.movie-card__left {
width: 220px;
}
.movie-card__info {
width: calc(100% - 275px);
padding-top: 2px;
}
.movie-card__description {
line-height:25px;
margin-bottom: 23px;
}
.movie-card__table {
display:none;
}
.movie-card.for-cinemas .movie-card__table {
display:flex;
flex-wrap:wrap;
position:relative;
}
.movie-card.for-cinemas .movie-card__info {
width: calc(100% - 270px);
}
.movie-card.for-cinemas .movie-card__info .movie-card__column.age-limit {
min-width:inherit;
}
.movie-card__table.mobile-movie {
display:flex;
justify-content:space-between;
text-align:left;
flex-wrap:wrap;
margin: 0px 0 15px;
border-top: 0;
}
.movie-age {
display:none;
}
.movie-card__column {
margin:0;
padding:0px 0 10px 0;
min-width: 85px;
}
.movie-card.for-cinemas .movie-card__column {
padding:25px 0;
margin-right:30px;
}
.movie-card.for-cinemas .movie-card__column:last-child {
margin:0;
}
.movie-card__table .movie-card__column-title {
margin:0 0 4px;
}
.movie-card__image {
margin-bottom: 11px;
}
.movie-card__buttons {
margin:0;
}
.movie-content__selector {
top: 25px;
margin: 0 0 25px 0;
}
.movie-content-2 {
padding-top: 25px;
padding-bottom: 30px;
}
.movie-content-2__selector {
margin: 0;
}
.selector--suggest span {
display:none;
}
.selector--suggest {
padding: 20px 10px 16px 10px;
font-size: 12px;
font-weight: 500;
min-width: 147px;
}
.movie_suggest__absolute {
position: relative;
width: inherit;
padding:0 20px;
}
.movie_suggest .owl-carousel {
margin: 0 -15px;
width:inherit;
}
.movie_suggest .section-selector {
height: 65px;
}
.selector--suggest {
padding: 12px 10px 20px 10px;
}
.footer .flex-wrap {
align-items: flex-start;
}
.social-column {
margin: 0;
}
.button--write-us {
margin: 32px 0 0 0;
}
}
@media (max-width: 750px) {
.footer__column--fourth {
width: 37%;
}
.footer__column--third {
padding-left: 10px;
width: 29%;
}
.footer__film {
max-width: 95%;
}
.footer__column--first {
width: 34%;
}
/*.movie-link {*/
/*width: 276px;*/
/*}*/
.main-films .js__index-films{
display:flex;
flex-wrap:wrap;
}
.main-films.fix-height-less-750 {
height: inherit;
}
.main-films .movie-link__name {
margin:0;
height:inherit;
margin:0 auto;
}
.main-films .movie-link {
margin: 0 0 17px;
}
.movie-link__image {
height: 360px;
}
.main-films .movie-link__image {
}
.movie-link .movie-link__shadow {
display:none;
}
.column--20 {
width: 100%;
}
.movie-link__name {
height: 40px;
max-width: 252px;
}
.menu-right__body {
max-width: 320px;
}
.wrap--columns {
padding: 0;
}
.fix-height-less-750 {
height: 533px;
position: relative;
overflow: hidden;
}
.absolute-less-750 {
/*position: absolute;
left: 20px;
width: 800px;*/
}
.main-films .fix-height-less-750 {
height: auto;
overflow: inherit;
margin:0 -20px;
}
.main-films .absolute-less-750 {
position: relative;
left: 0;
width: auto;
padding:0 20px;
}
.absolute-less-750--relative {
position: relative;
width: auto;
}
.about__column-3:before {
display: none;
}
.about-link {
padding: 20px 10px;
}
.how-show__button {
top: 50px;
left: 50%;
transform: translateX(-50%);
margin-left: 0;
}
.movies__how-show {
margin-left: 0;
}
.movies__how-show {
padding:0 20px;
}
.footer {
padding: 40px 0;
}
.footer__column {
width:100%;
}
.social-column {
margin: 30px 0 0 0;
}
.footer__button {
text-align:center;
}
}
@media (max-width: 700px) {
.news-block__image {
width: 100%;
margin-right: 0;
/*max-height: 235px;*/
}
.news-block__info {
width: 100%;
padding: 20px;
}
.button--news-block {
position: static;
margin-top: 30px;
}
.about-page-bg {
}
.about__content {
height:auto!important;
width: inherit;
position:absolute;
padding:0;
z-index:1;
display: none;
font-size: 14px;
line-height: 17px;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:101;
}
.fixed-bg {
content:'';
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
background:rgba(27, 27, 27, 0.5);
z-index:100;
}
.about__partners-content {
position:absolute;
background:#fff;
border-radius:10px;
left:-20px;
right:-20px;
padding:30px 20px 45px 20px;
top:50%;
transform: translateY(-50%);
z-index:1;
max-height:calc(100vh - 80px);
overflow:auto;
}
.about__page {
display:flex;
flex-wrap:wrap;
}
.about__page .hide_menu.active {
display:block;
}
.about__partners-name {
display:block;
font-size: 18px;
line-height: 22px;
font-family: PFDinDisplay, Arial, sans-serif;
color: #FF3E40;
margin:0 0 20px;
padding:0 20px 0 0;
}
.about__partners-close {
display:block;
position:absolute;
right:10px;
top:10px;
text-indent: -9999px;
width:30px;
height:30px;
background: url(/local/templates/volga/html/./images/about__partners-close.svg) no-repeat center center;
}
.about-movie__name {
font-size: 15px;
line-height: 18px;
left: 0;
}
.about-movie__position {
padding: 14px 12px;
left: 10px;
bottom: 10px;
max-width: 300px;
min-width: 200px;
}
.about__menu {
width: 100%;
border:0;
}
.about__menu-item {
height: inherit;
padding-right: 25px;
border-bottom: 1px solid #C4C6CA;
margin:0 0 16px;
padding: 0 20px 16px 0;
display:block;
}
.about__menu-item:last-child {
border:0;
margin:0;
padding-bottom:0;
}
.about__menu-item--active:after,
.about__submenu-item--active:after {
content: none;
}
.about__menu-item span {
position:relative;
display:block;
}
.about__menu-item span:before {
content: '';
width: 6px;
height: 10px;
background: url(/local/templates/volga/html/./images/arrow-right-red.svg) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
margin-top: -5px;
right: -20px;
}
.about__departments .about__submenu-item {
display: none;
}
.employees-item--mobile {
display: block;
}
.about__menu-item--active {
color: #879CB1;
}
.about__employees.active {
display: none;
}
.about__departments .about__menu-item--active {
background-color: #fff;
color: #000;
}
.about__departments .about__submenu {
display: none;
}
.wrap--carousel-article .owl-item {
height: 300px;
}
.wrap--section-selector-w-search .section-selector__inside {
left: 73px;
transform: none;
max-width: inherit;
}
.wrap--section-selector-w-search .centered-menu .section-selector__inside {
left: 50%;
transform: translateX(-50%);
max-width: 604px;
}
.section-selector__input {
left: 0;
width: calc(100vw - 73px);
background:#E9EBEF;
}
.section-selector__input .input--search {
padding: 10px 0 12px 27px;
width: calc(100% - 20px);
}
.section-search__close {
right: 28px;
top: 9px;
}
}
@media (max-width: 650px) {
.wrap--section-selector-about .section-selector__inside {
}
.wrap--section-selector-about .selector:last-child {
}
.movie_suggest .section-selector__inside {
}
.movie_suggest .selector:last-child {
}
.movies__wrap-select--genre, .movies__wrap-select {
margin-bottom:10px;
}
.movie-card__see-online {
}
.contacts__column {
width: 100%;
}
.contacts__column--map {
display: none;
}
.contacts__column--info {
left: 0;
max-width: none;
padding: 0 0 45px 0;
width: 100%;
}
.contacts__show-map {
margin: 20px -20px 0 -20px;
display: block;
font-weight: 600;
font-family: Arial, sans-serif;
color: #FF3E40;
border-top: 2px solid #BFBFBF;
border-bottom: 2px solid #BFBFBF;
padding: 15px 10px 13px 20px;
font-size: 14px;
line-height: 24px;
}
.contacts__show-map:before {
content: '';
display: inline-block;
width: 16px;
height: 20px;
vertical-align: middle;
margin-right: 10px;
background: url(/local/templates/volga/html/images/map-tag.svg) no-repeat center;
background-size: cover;
position: relative;
top: -2px;
}
.map__map {
display: block;
height: 600px;
}
}
@media (max-width: 600px) {
.movie-link__date {
font-size: 9px;
}
/*.movie-content-2 .selector--first {*/
/*margin-left: 30px;*/
/*}*/
.article-info img {
display: block;
float: none;
}
.movie-content-2 .section-selector__inside {
}
.movie-content-2 .selector:last-child {
}
.fix-height-less-750.main-films {
margin-top:8px;
}
.movie-card {
padding-bottom: 0;
}
.movie-card__image {
display: none;
}
.movie-card.for-cinemas .movie-card__info.movie-card__info-1,
.movie-card.for-cinemas .movie-card__table {
display:block;
}
.movie-card.for-cinemas .movie-card__info {
width:100%;
margin:0;
}
.movie-card.for-cinemas .movie-card__column--5 {
position: absolute;
top: 0;
right: 0px;
}
.movie-card__info {
float: none;
width: inherit;
margin-top: 0;
margin:0;
display:block;
}
.movie-card__table {
border: none;
position: relative;
margin-bottom: 0;
}
.movie-card__column {
padding-top: 0;
}
.movie-card.for-cinemas .movie-card__column {
padding: 0 0 20px;
}
.movie-card__buttons {
display: block;
margin: 0 -20px;
}
.button--movie-card {
margin: 0;
width: 100%;
background: white;
color: #FF3E40;
border: none;
border-top: 2px solid #BFBFBF;
padding: 16px 10px 12px 20px;
background: url('/local/templates/volga/html/./images/arraw-mini-grey.svg') top 20px right 20px no-repeat;
background-size: 6px 10px;
}
.movie-card__see-online {
display: block;
margin: 0 -20px;
}
.see-online-link {
display: none;
}
.movie-card__see-online-list.active .see-online-link {
display: inline-block;
margin-bottom: 20px;
}
.movie-card__see-online-list.active {
padding: 0;
}
.movie-card__see-online .movie-card__column-title, .button--movie-card {
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
color: #FF3E40;
border-top: 1px solid #BFBFBF;
padding: 16px 10px 16px 20px;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
display: block;
cursor: pointer;
margin-bottom: 0;
background: url('/local/templates/volga/html/./images/arraw-mini-grey.svg') top 20px right 20px no-repeat;
background-size: 6px 10px;
border-radius:0;
margin:0;
}
.button--movie-card:after {
display:none;
}
.wrap--section-selector-about .section-selector__inside {
}
.wrap--section-selector-about .selector:last-child {
}
.about-comment__text {
bottom: 69px;
background: white;
color: #222222;
z-index:200;
border-radius: 10px;
padding: 20px;
font-size: 24px;
line-height: 24px;
border-bottom-right-radius: 0;
right: 49px;
}
.about-comment__text:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
bottom: -7px;
/* border-color: #666 transparent transparent #666; */
border: 13px solid transparent;
border-top: 4px solid white;
border-right: 32px solid white;
}
.about-comment__show {
right: 49px;
bottom: 59px;
}
.about-comment__hide {
display: block;
}
.about-comment img {
width: 60px;
}
.registration__checkbox-col {
display: block;
margin: 10px auto !important;
max-width: 150px;
}
.registration__checkbox-col label p {
text-align: left;
}
.about-link--selected:after {
content: none;
}
.about__timeline-left {
width: 100%;
position:relative;
top:0;
}
.movie-card__left {
width:100%;
float:none;
}
.movie-card__description {
display:none;
}
.movie-card__description.mobile-description {
display:block;
text-align:left;
}
.movie-card__column--5 {
display:block;
}
.movie-card__info.movie-card__info-1 {
display:none;
}
.see-online-link {
width: calc(50% - 11px);
}
.movie-card__see-online-list {
padding: 4px 15.5px 0 15.5px!important;
}
.movie_suggest__fix-height {
height: 480px;
}
}
@media (max-width: 500px) {
.number-404 {
width: 100%;
}
.content--404 h1 {
font-size: 18px;
line-height: 22px;
}
.column--movie-socials {
width: 100%;
}
.socials-item {
width: 100%;
margin: 10px 0;
}
.about__partners-content .column--20 {
width: 100%;
}
}
@media (max-width: 480px) {
.button--ticket-main {
display: none;
}
.movie-buy-ticket {
background: url('/local/templates/volga/html/./images/ticket.svg');
background-size: 44px;
color: transparent;
border: none;
width: 44px;
height: 44px;
vertical-align: top;
position: absolute;
right: -40px;
bottom: 0;
}
.select--how-show .jq-selectbox__select {
min-width: 150px;
max-width: inherit;
}
.movies__how-show .jq-selectbox {
display: block;
}
.wrap--section-selector-w-search .section-selector__inside {
left: 70px;
}
.section-selector__search {
left: -50px;
}
.section-selector__input {
width: calc(100vw - 70px);
}
.section-selector__inside .selector--width-190 {
min-width: 130px;
}
ul.menu-nav .magic-line {
width: 130px;
}
.section-selector {
height: 65px;
}
.movies__wrap-select--genre, .movies__wrap-select {
display: block;
margin:0 0 8px;
}
.movies__how-show-text {
margin: 0 0 12px;
}
.movies__how-show {
margin-bottom: 24px;
}
.movies__columns-wrap h2 {
}
h2 {
font-size: 24px;
line-height: 29px;
font-weight: 500;
}
.movie-link__image {
height: 328px;
}
.movie-link__image img {
width: 100%!important;
height: inherit;
}
.owl-carousel.js__index-films .owl-item {
width:230px!important;
}
.columns.carousel {
margin:0 0 0 0px;
}
.movie-link {
padding: 12px 0px 0px 0px;
}
.fix-height-less-750 {
height: 420px;
}
.movie_suggest .owl-carousel .owl-item {
width: 230px!important;
}
.movie_suggest .owl-carousel {
margin: 0 0 0 0px;
}
.main-films .js__index-films {
margin:-3px 0 0 0;
}
.main-films .absolute-less-750 {
padding: 0 7px;
}
.main-films .column--20 {
width: 50%;
}
.main-films .movie-link {
padding: 5px 5px 0px 5px;
}
.main-films .movie-link__image {
margin: 0 auto 6px auto;
}
}
@media (max-width: 450px) {
.wrap--cast-facts {
padding: 0;
max-width: 450px;
overflow: hidden;
}
/*.selector--first {*/
/*margin-left: 30px;*/
/*}*/
.cast-facts .section-selector__inside {
left: 20px;
transform: none;
}
.cast-facts .selector:last-child {
margin-right: 20px;
}
.movie-content .section-selector__inside {
}
.movie-content .selector:last-child {
}
.movie-content__selector .wrap--section-selector:before {
content: '';
display:none;
}
.movie-content__selector .section-selector {
overflow-x: scroll;
}
.movie-content__selector {
margin-bottom: 30px;
}
.wrap--carousel-article .owl-item {
height: 200px;
}
}
@media (max-width: 400px) {
.movie-title {
font-size: 32px;
line-height: 36px;
}
/*.movie-buy-ticket {*/
/*display: none;*/
/*}*/
.main-news {
display: none;
}
.movie-poster__info {
bottom: 45px;
}
.movie-poster__info--main {
bottom: 50px;
}
.top-poster-block.news-visible .movie-poster__info--main {
bottom: 70px;
}
.top-poster-block.news-visible .owl-carousel--main .owl-dots {
bottom: 20px;
}
/*.column--20 {*/
/*width: 100%;*/
/*}*/
.columns {
margin: 0;
}
/*.movie-link__image {*/
/*height: 360px;*/
/*}*/
.columns--movie-select {
display: none;
}
.movies__how-show {
margin-left: 0;
margin-top: 5px;
}
.article-title {
font-size: 24px;
line-height: 28px;
}
.wrap--without-maxwidth {
max-width: none;
}
.movie-trailer {
color: transparent;
}
.vacancies-block {
padding: 20px 20px 70px 20px;
}
.vacancies-block__salary-city {
position: static;
margin-top: 20px;
}
.vacancies-info__button {
position: static;
text-align: center;
}
.vacancies-block__info {
padding-bottom: 0;
}
.vacancies-block__file {
width: 100%;
}
.button--movie-page-invisible {
display: inline-block;
}
.vacancies-block__close {
top: 0;
right: 0;
}
.button--respond {
margin-left: 15px;
}
.owl-carousel--main {
margin-bottom: 10px;
}
.wrap--cast-facts {
padding: 0;
max-width: 450px;
overflow: hidden;
}
.movie-content-2 {
padding-bottom: 30px;
}
.movie-content-2__text--article {
display: block;
margin-top: -75px;
margin-bottom: 40px;
}
.wrap--section-selector-w-search {
margin-bottom: 5px;
}
.absolute-less-750 {
left: 20px;
}
.how-show__button {
top: 40px;
}
}
.button--movie-card-materials--new {
position: relative;
}
.materials-popup {
display: none;
position: absolute;
top: 50px;
left: -2px;
background-color: #fff;
border: 1px solid #9B9B9B;
z-index: 11;
padding: 15px;
cursor: default;
text-align:left;
border-radius:8px;
}
.materials-popup > span {
display: block;
}
.materials-popup > span:not(:last-of-type) {
margin-bottom: 10px;
}
.materials-popup a {
color: #000;
text-decoration: none;
text-transform: none;
font-size: 16px;
white-space: nowrap;
}
.materials-popup a:hover {
text-decoration: underline;
}
.popup-buy-ticket-base {
z-index: 100 !important;
}
#khBoxOfficeOverlay,
#afishaOverlay {
background: none !important;
}
#afishaOverlay.animated_overlay:after {
-webkit-filter: invert(1);
filter: invert(1);
}
.wrap--logs {
margin-top: 30px;
}
.movie-card__logs {
margin-bottom: 30px;
}
.movie-card__logs-title {
color: #FF3E40;
font-size: 24px;
line-height: 28px;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
margin-bottom: 20px;
}
.movie-card__log {
font-style: italic;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #222222;
background: url('/local/templates/volga/html/./images/award-tag.svg') left top 6px no-repeat;
padding-left: 20px;
}
.movie-card__log a {
color: #222222;
}
.movie-card__log a:hover {
color: #000000;
}
.movie-card__log span {
color: #666666;
}
.movie-card__counters {
margin-bottom: 30px;
}
.movie-card__counters-title {
color: #FF3E40;
font-size: 24px;
line-height: 28px;
font-weight: 600;
font-family: PFDinDisplay, Arial, sans-serif;
margin-bottom: 20px;
}
.movie-card__counter {
font-style: italic;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
.movie-card__counter a {
color: #222222;
}
.movie-card__counter a:hover {
color: #000000;
}
.movie-card__counter span {
color: #666666;
}
/* End */
/* Start:/local/templates/volga/html/jquery.formstyler.css?15834894512201*/
.jq-checkbox,
.jq-radio {
position: relative;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jq-checkbox input,
.jq-radio input {
position: absolute;
z-index: -1;
margin: 0;
padding: 0;
opacity: 0;
}
.jq-file {
position: relative;
display: inline-block;
overflow: hidden;
}
.jq-file input {
position: absolute;
top: 0;
right: 0;
height: auto;
margin: 0;
padding: 0;
opacity: 0;
font-size: 100px;
line-height: 1em;
}
.jq-file__name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox,
.jq-select-multiple {
position: relative;
display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*white-space: nowrap;*/
}
.jq-selectbox {
z-index: 10;
}
.jq-selectbox__select {
position: relative;
}
.jq-selectbox__select-text {
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
position: absolute;
top: 2px !important;
}
.jq-selectbox__search input {
-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
-webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
position: relative;
overflow: auto;
overflow-x: hidden;
list-style: none;
-webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
position: relative;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.jq-number {
display: inline-block;
}
.jq-number__field input {
-moz-appearance: textfield;
text-align: left; /* для Opera Presto */
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
margin: 0; /* в каких-то браузерах присутствует отступ */
-webkit-appearance: none;
}
/* End */
/* Start:/local/templates/volga/html/jquery.formstyler.theme.css?162374081312515*/
.jq-checkbox,
.jq-radio {
vertical-align: -4px;
width: 16px;
height: 16px;
margin: 0 4px 0 0;
border: 1px solid #C3C3C3;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
cursor: pointer;
}
.jq-checkbox.focused,
.jq-radio.focused {
border: 1px solid #08C;
}
.jq-checkbox.disabled,
.jq-radio.disabled {
opacity: .55;
}
.jq-checkbox {
border-radius: 3px;
}
.jq-checkbox.checked .jq-checkbox__div {
width: 8px;
height: 4px;
margin: 3px 0 0 3px;
border-bottom: 2px solid #666;
border-left: 2px solid #666;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.jq-radio {
border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
width: 10px;
height: 10px;
margin: 3px 0 0 3px;
border-radius: 50%;
background: #777;
box-shadow: inset 1px 1px 1px rgba(0,0,0,.7);
}
.jq-file {
width: 270px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.jq-file input {
cursor: pointer;
}
.jq-file__name {
box-sizing: border-box;
width: 100%;
height: 34px;
padding: 0 80px 0 10px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #FFF;
box-shadow: inset 1px 1px #F1F1F1;
font: 14px/32px Arial, sans-serif;
color: #333;
}
.jq-file__browse {
position: absolute;
top: 1px;
right: 1px;
padding: 0 10px;
border-left: 1px solid #CCC;
border-radius: 0 4px 4px 0;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px/32px Arial, sans-serif;
color: #333;
text-shadow: 1px 1px #FFF;
}
.jq-file:hover .jq-file__browse {
background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-file:active .jq-file__browse {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.focused .jq-file__name {
border: 1px solid #5794BF;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-number {
position: relative;
vertical-align: middle;
padding: 0 36px 0 0;
}
.jq-number__field {
width: 100px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
}
.jq-number__field:hover {
border-color: #B3B3B3;
}
.jq-number__field input {
box-sizing: border-box;
width: 100%;
padding: 8px 9px;
border: none;
outline: none;
background: none;
font: 14px Arial, sans-serif;
color: #333;
}
.jq-number__spin {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 14px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-shadow: 1px 1px #FFF;
cursor: pointer;
}
.jq-number__spin.minus {
top: auto;
bottom: 0;
}
.jq-number__spin:hover {
background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-number__spin:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
content: '';
position: absolute;
top: 4px;
left: 11px;
width: 0;
height: 0;
border-right: 5px solid transparent;
border-bottom: 5px solid #999;
border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
top: 5px;
border-top: 5px solid #999;
border-right: 5px solid transparent;
border-bottom: none;
border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-number.disabled .jq-number__spin:after {
border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
border-top-color: #AAA;
}
.jq-selectbox {
vertical-align: middle;
cursor: pointer;
}
.jq-selectbox__select {
height: 32px;
padding: 6px 19px 0 9px;
border: 2px solid #595959;
border-radius: 0;
background: #000;
font-size: 14px;
line-height: 20px;
font-family: PFDinDisplay, Arial, sans-serif;
color: #fff;
font-weight: 600;
transition: all 0.2s;
}
.jq-selectbox__select:hover {
background: #000
}
.jq-selectbox__select:active {
background: #000;
/*box-shadow: inset 1px 1px 3px #DDD;*/
}
.jq-selectbox.focused .jq-selectbox__select {
/*border: 1px solid #5794BF;*/
}
.jq-selectbox.disabled .jq-selectbox__select {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-selectbox__select-text {
display: block;
width: 100%;
min-width: 30px;
}
.jq-selectbox .placeholder {
color: #272931;
}
.jq-selectbox.opened .jq-selectbox__select {
background:#fff;
border-color:#fff;
}
.jq-selectbox__trigger {
position: absolute;
top: 0;
right: 10px;
width: 10px;
height:100%;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.jq-selectbox__trigger:after {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 12px;
-webkit-mask-image: url(/local/templates/volga/html/./images/select-triangle.svg);
mask-image: url(/local/templates/volga/html/./images/select-triangle.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 10px;
-webkit-mask-size: 10px;
background-color: #879CB1;
transform: translate(-50%, -50%);
}
.jq-selectbox.opened .jq-selectbox__trigger {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.jq-selectbox__dropdown {
box-sizing: border-box;
width: 100%;
margin: -2px 0 0;
padding: 0;
border: 2px solid #595959;
background: #000;
font-family: PFDinDisplay, Arial, sans-serif;
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 17px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.jq-selectbox__search {
margin: 5px;
}
.jq-selectbox__search input {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 5px 27px 6px 8px;
border: 1px solid #CCC;
border-radius: 3px;
outline: none;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%;
box-shadow: inset 1px 1px #F1F1F1;
color: #333;
}
.jq-selectbox__not-found {
margin: 5px;
padding: 5px 8px 6px;
background: #F0F0F0;
font-size: 13px;
}
.jq-selectbox ul {
margin: 0;
padding: 0;
}
.jq-selectbox li {
min-height: 18px;
padding: 5px 15px 5px;
color: #fff;
transition: all 0.2s;
}
.jq-selectbox li:hover {
color:#FF3E40;
}
.jq-selectbox li.sel {
background: #F5F6FA;
color:#FF3E40;
}
.jq-selectbox li.disabled {
color: #AAA;
}
.jq-selectbox li.disabled:hover {
background: none;
}
.jq-selectbox li.optgroup {
font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
background: none;
color: #231F20;
cursor: default;
}
.jq-selectbox li.option {
padding-left: 25px;
}
.jq-select-multiple {
box-sizing: border-box;
padding: 1px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #FFF;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px/18px Arial, sans-serif;
color: #333;
cursor: default;
}
.jq-select-multiple.focused {
border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-select-multiple ul {
margin: 0;
padding: 0;
}
.jq-select-multiple li {
padding: 3px 9px 4px;
list-style: none;
}
.jq-select-multiple li:first-child {
border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
background: #08C;
color: #FFF;
}
.jq-select-multiple li.disabled {
color: #AAA;
}
.jq-select-multiple li.optgroup {
font-weight: bold;
}
.jq-select-multiple li.option {
padding-left: 25px;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
background: #CCC;
color: #FFF;
}
input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
padding: 8px 9px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px Arial, sans-serif;
color: #333;
}
input[type='search'].styler {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea.styler {
overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
border-color: #B3B3B3;
}
input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
border-color: #CCC;
border-top-color: #B3B3B3;
outline: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
overflow: visible;
padding: 8px 11px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
outline: none;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
font: 14px Arial, sans-serif;
color: #333;
text-shadow: 1px 1px #FFF;
cursor: pointer;
}
button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
padding: 0;
border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
background: linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.select--how-show .jq-selectbox__select {
background: transparent;
border: 1px solid #BCCCDC;
color: #272931;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 14px;
line-height:17px;
font-weight: 400;
text-align: left;
padding: 8px 16px 6px 16px;
min-width: 180px;
border-radius: 6px;
height: inherit;
}
.select--how-show .jq-selectbox .placeholder {
color: #222;
}
.select--how-show .jq-selectbox li.selected {
background-color: white;
}
.select--how-show .jq-selectbox__dropdown {
background: white;
color: #222;
font-family: PFDinDisplay, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
top: 40px!important;
border: 0;
border-radius: 8px;
padding: 4px 0;
}
.jq-selectbox__dropdown ul::-webkit-scrollbar {
width: 12px;
}
.jq-selectbox__dropdown ul::-webkit-scrollbar-track {
}
.jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {
background: #B2C2D2;
border-radius: 12px;
border:4px solid #fff;
}
.select--how-show li {
color: #222;
text-align: left;
padding: 7px 15px 7px;
}
@media screen and (max-width: 480px) {
.select--how-show .jq-selectbox__dropdown ul {
max-height: 200px;
}
}
/* End */
/* Start:/local/templates/volga/html/owl.carousel.css?15834894518325*/
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel--columns {
width: auto;
}
.owl-carousel--suggest-404 .owl-item img,
.owl-carousel--suggest .owl-item img,
.owl-carousel--columns .owl-item img {
width: auto;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
font-size: 16px;
font-weight: 700;
border-radius: 0;
line-height: 34px;
display: inline-block;
cursor: pointer;
position: absolute;
border: none;
padding: 0;
background-color: transparent;
background: url('/local/templates/volga/html/./images/carousel-left.svg') center center no-repeat;
background-size: 45px 29px;
width: 50px;
height: 35px;
top: 50%;
margin-top: -17px;
left: 13px;
}
.owl-carousel.owl-carousel--cast .owl-nav .owl-prev,
.owl-carousel.owl-carousel--cast .owl-nav .owl-next,
.owl-carousel.owl-carousel--news .owl-nav .owl-prev,
.owl-carousel.owl-carousel--news .owl-nav .owl-next{
background: white url('/local/templates/volga/html/./images/arrow-left-red.svg') center center no-repeat;
width: 64px;
height: 64px;
left: -85px;
margin-top: -56px;
}
.owl-carousel.owl-carousel--article .owl-nav .owl-prev,
.owl-carousel.owl-carousel--article .owl-nav .owl-next {
background: white url('/local/templates/volga/html/./images/arrow-left-red.svg') center center no-repeat;
width: 64px;
height: 64px;
left: 0;
top: auto;
bottom: -32px;
}
.owl-carousel.owl-carousel--article .owl-nav .owl-next {
left: 67px;
}
.owl-carousel.owl-carousel--cast .owl-nav .owl-next,
.owl-carousel.owl-carousel--news .owl-nav .owl-next {
right: -85px;
left: auto;
}
.owl-carousel .owl-nav .owl-next {
transform: rotate(180deg);
left: auto;
right: 25px;
background-position: center right 18px;
}
.owl-carousel.owl-carousel--article .owl-nav .owl-prev:hover,
.owl-carousel.owl-carousel--article .owl-nav .owl-next:hover,
.owl-carousel.owl-carousel--cast .owl-nav .owl-prev:hover,
.owl-carousel.owl-carousel--cast .owl-nav .owl-next:hover,
.owl-carousel.owl-carousel--news .owl-nav .owl-prev:hover,
.owl-carousel.owl-carousel--news .owl-nav .owl-next:hover {
background-color: #FF3E40;
background-image: url('/local/templates/volga/html/./images/arrow-left-black.svg');
}
.owl-carousel .owl-nav .owl-next:hover {
transform: rotate(180deg);
}
/*.owl-carousel--content-2 .owl-item:nth-of-type(1) img ,*/
/*.owl-carousel--content-2 .owl-item:nth-of-type(3) img {*/
/*opacity: 0.7!important*/
/*}*/
.owl-dots {
position: relative;
bottom: -30px;
}
.owl-dot {
display: inline-block;
padding: 10px;
background: url('/local/templates/volga/html/./images/dot.svg') center center no-repeat;
background-size: 4px;
border: none;
vertical-align: middle;
}
.owl-dot.active {
background: transparent;
border: 3px solid #FF3E40;
width: 14px;
height: 14px;
position: relative;
border-radius: 50%;
padding: 0;
margin: 3px;
}
.owl-carousel--main .owl-dots {
position: absolute;
bottom: 120px;
text-align: center;
width: 100%;
}
.owl-carousel--news-2 .owl-item:last-of-type {
width: 120px !important;
}
.owl-carousel--news-2 .owl-item:first-of-type {
padding-left: 20px;
}
.owl-carousel--select .owl-item{
width: 190px !important;
}
.owl-carousel--select .owl-item:first-of-type {
width: 59px !important;
}
/*.owl-carousel--select-mini .owl-item:first-of-type {*/
/*margin-left: 30px; !important;*/
/*}*/
/*.owl-carousel--select-mini.owl-carousel .owl-stage {*/
/*width: auto !important;*/
/*}*/
.owl-carousel--main .owl-dot {
background-image: url("/local/templates/volga/html/./images/dot-main.svg");
}
.owl-carousel--main .owl-dot.active {
background: transparent;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: transparent}
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(/local/templates/volga/html/) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.owl-carousel--content-2 .owl-item {
opacity: 0.7;
}
.owl-carousel--content-2 .owl-item.active {
opacity: 1;
}
.owl-carousel--article .owl-dots {
text-align: center;
position: relative;
bottom: -65px;
}
/*@media screen and (max-width: 750px) {*/
/*.owl-carousel--columns .owl-item{*/
/*width: 276px !important;*/
/*}*/
/*}*/
.owl-carousel--content-2 .owl-dots {
position: absolute;
bottom: -100px;
left: 50%;
transform: translateX(-50%);
}
.owl-carousel--about .owl-dots {
bottom: 30px;
left: 30px;
text-align: left;
position: absolute;
}
@media screen and (max-width: 400px) {
.owl-carousel--main .owl-dots {
bottom: 20px;
left: 25px;
text-align: left;
}
.owl-carousel--content-2 .owl-item {
opacity: 1;
}
}
/* End */
/* Start:/local/templates/volga/html/jquery.fancybox.min.css?158348945117388*/
@charset "UTF-8";
body.fancybox-active {
overflow: hidden
}
body.fancybox-iosfix {
position: fixed;
left: 0;
right: 0
}
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99992;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: opacity .25s, visibility 0s linear .25s;
box-sizing: border-box
}
.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility 0s
}
.fancybox-infobar {
top: 0;
left: 0;
font-size: 13px;
padding: 0 10px;
height: 44px;
min-width: 44px;
line-height: 44px;
color: #ccc;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
mix-blend-mode: exclusion
}
.fancybox-toolbar {
top: 0;
right: 0;
margin: 0;
padding: 0
}
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translateZ(0)
}
.fancybox-is-closing .fancybox-stage {
overflow: visible
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform
}
.fancybox-slide:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: visible
}
.fancybox-slide--image:before {
display: none
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
background: #000
}
.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
background: #e5e3df
}
.fancybox-slide--next {
z-index: 99995
}
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box
}
.fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title {
display: none
}
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-image, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff
}
.fancybox-iframe {
display: block;
padding: 0;
border: 0;
height: 100%
}
.fancybox-error, .fancybox-iframe {
margin: 0;
width: 100%;
background: #fff
}
.fancybox-error {
padding: 40px;
max-width: 380px;
cursor: default
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font-size: 16px;
line-height: 20px
}
.fancybox-button {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: rgba(30, 30, 30, .6);
transition: color .3s ease;
cursor: pointer;
outline: none
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #ccc
}
.fancybox-button:focus, .fancybox-button:hover {
color: #fff
}
.fancybox-button[disabled] {
color: #ccc;
cursor: default;
opacity: .6
}
.fancybox-button svg {
display: block;
position: relative;
overflow: visible;
shape-rendering: geometricPrecision
}
.fancybox-button svg path {
fill: currentColor;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3
}
.fancybox-button--share svg path {
stroke-width: 1
}
.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
display: none
}
.fancybox-button--zoom svg path {
fill: transparent
}
.fancybox-navigation {
display: none
}
.fancybox-show-nav .fancybox-navigation {
display: block
}
.fancybox-navigation button {
position: absolute;
top: 50%;
margin: -50px 0 0;
z-index: 99997;
background: transparent;
width: 60px;
height: 100px;
padding: 17px
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 40px;
height: 40px;
background: rgba(30, 30, 30, .6)
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
z-index: 10;
cursor: pointer
}
.fancybox-close-small:after {
content: "×";
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background-color: transparent;
transition: background-color .25s;
box-sizing: border-box;
z-index: 2
}
.fancybox-close-small:focus {
outline: none
}
.fancybox-close-small:focus:after {
outline: 1px dotted #888
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee
}
.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small {
top: 0;
right: -40px
}
.fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after {
font-size: 35px;
color: #aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after {
color: #fff;
background: transparent
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none
}
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
pointer-events: none
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid hsla(0, 0%, 100%, .4);
font-size: 14px;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none
}
.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
pointer-events: all;
position: relative
}
.fancybox-caption a {
color: #fff;
text-decoration: underline
}
.fancybox-slide > .fancybox-loading {
border: 6px solid hsla(0, 0%, 39%, .4);
border-top: 6px solid hsla(0, 0%, 100%, .6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a .8s infinite linear;
animation: a .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999
}
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(.5, .5, .5);
transform: scale3d(.5, .5, .5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1
}
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1
}
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
opacity: 1
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
.fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%;
text-align: center
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px;
font-size: 35px;
font-weight: 700
}
.fancybox-share p {
margin: 0;
padding: 0
}
p.fancybox-share__links {
margin-right: -10px
}
.fancybox-share__button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 0 15px;
min-width: 130px;
border: 0;
border-radius: 3px;
background: #fff;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
transition: all .2s
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
position: relative;
top: -1px;
width: 25px;
height: 25px;
margin-right: 7px;
vertical-align: middle
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
box-sizing: border-box;
width: 100%;
margin: 10px 0 0;
padding: 10px 15px;
background: transparent;
color: #5d5b5b;
font-size: 14px;
outline: none;
border: 0;
border-bottom: 2px solid #d7d7d7
}
.fancybox-thumbs {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 212px;
margin: 0;
padding: 2px 2px 4px;
background: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-y: hidden;
overflow-x: auto
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
white-space: nowrap
}
.fancybox-thumbs-x > ul {
overflow: hidden
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
padding: 0;
margin: 2px;
width: 100px;
height: 75px;
max-width: calc(50% - 4px);
max-height: calc(100% - 8px);
position: relative;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, .1)
}
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94)
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1
}
@media (max-width: 800px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs > ul > li {
max-width: calc(100% - 10px)
}
}
/* End */
/* Start:/local/templates/volga/styles.css?1623740832640*/
.cast-facts .owl-carousel .owl-stage {
display: inline-block;
}
#map .bx-google-map {
position: absolute!important;
}
.logo-text.logonew {
background: url(/local/templates/volga/html/images/logo_new.svg) center center no-repeat;
top: -75px;
left: -16px;
width: 48px;
height: 30px;
}
.logo--small .logo-text.logonew{
top: -50px;
left: -12px;
}
.logo--small .logo-text.logonew{
width: 62px;
height: 43px;
}
@media (max-width: 1350px) {
#map .bx-yandex-view-map .bx-google-map {
width: 600px!important;
}
}
@media (max-width: 1135px) {
#map .bx-yandex-view-map .bx-google-map {
width: 500px!important;
}
}
/* End */
/* /local/templates/volga/html/style.css?1630440340117010 */
/* /local/templates/volga/html/jquery.formstyler.css?15834894512201 */
/* /local/templates/volga/html/jquery.formstyler.theme.css?162374081312515 */
/* /local/templates/volga/html/owl.carousel.css?15834894518325 */
/* /local/templates/volga/html/jquery.fancybox.min.css?158348945117388 */
/* /local/templates/volga/styles.css?1623740832640 */