Attendize/public/assets/stylesheet/custom.css

2399 lines
62 KiB
CSS

a:hover{
color: rgba(255, 255, 255, .8);
}
a:focus{
color: rgba(255, 255, 255, .8);
}
.container {
max-width: unset;
padding: 0 7.2% !important; }
.u-header__section.u-header__section--light {
background-image: url(../images/bg/menu-bg.svg);
background-position: center center;
background-size: cover; }
@media only screen and (max-width: 1280px) {
.u-header__section.u-header__section--light {
padding-bottom: 5px !important; } }
.navbar-brand.bilettm a {
display: block;
width: fit-content; }
.navbar-brand.bilettm a ~ .add-event {
color: #ffffff;
text-transform: uppercase;
margin-top: 10px;
font-size: 15px;
transition: opacity .2s; }
@media only screen and (max-width: 1440px) {
.navbar-brand.bilettm a ~ .add-event {
font-size: 13px; } }
@media only screen and (max-width: 1280px) {
.navbar-brand.bilettm a ~ .add-event {
font-size: 10px; } }
@media only screen and (max-width: 1440px) {
.navbar-brand.bilettm a img {
width: 200px; } }
.navbar-brand.bilettm {
padding-left: 0; }
@media only screen and (max-width: 1280px) {
.navbar-brand.bilettm {
width: 25%; } }
@media only screen and (max-width: 1440px) {
.search-panel .form-group {
margin-bottom: 10px; } }
#navBar a.nav-link {
color: #ffffff !important;
font-size: 16px;
padding: 5px 0 !important;
transition-property: opacity;
transition-duration: .2s; }
@media only screen and (max-width: 1440px) {
#navBar a.nav-link {
font-size: 13px; } }
@media only screen and (max-width: 1280px) {
#navBar a.nav-link {
font-size: 10px; } }
#navBar a.nav-link::after {
content: none; }
article > .u-block-hover__additional--partially-slide-up {
background-size: 100% !important; }
#bilet-menu-id {
padding: 0; }
#bilet-menu-id li {
margin: 0 !important; }
#bilet-menu-id li.diam-sim:last-child{
display: none;
}
#navBar .search-panel {
padding: 0; }
#navBar .search-panel input {
height: 40px;
border-radius: 5px;
color: #ce3b31;
font-weight: bold;
padding-left: 15px; }
#navBar .search-panel input:focus {
outline: none;
border: none; }
#top-header-submit {
position: absolute;
top: 4px;
right: 10px; }
#top-menu-three-btn {
padding-left: 0;
width: fit-content; }
#top-menu-three-btn li {
display: inline-block; }
#top-menu-three-btn li a {
color: #ffffff;
font-size: 15px;
transition-property: opacity;
transition-duration: .2s; }
@media only screen and (max-width: 1440px) {
#top-menu-three-btn li a {
font-size: 13px; } }
@media only screen and (max-width: 1280px) {
#top-menu-three-btn li a {
font-size: 10px; } }
#top-menu-three-btn li a img {
margin-top: -4px; }
#top-menu-three-btn li a:hover {
opacity: .7;
text-decoration: none; }
#top-menu-three-btn li:nth-child(2) {
margin: 0 5px; }
#bottom-of-three-btn {
margin-top: 10px;
border: 1px solid #ffffff;
border-radius: 5px;
padding: 5px auto;
text-align: center;
font-size: 20px;
margin-bottom: -5px; }
#bottom-of-three-btn a:hover {
opacity: 1 !important; }
#navBar {
position: relative;
z-index: 10; }
@media only screen and (max-width: 1600px) {
#main-top-slider .divimage.dzsparallaxer--target {
height: 110% !important;
top: 10px; } }
#main-top-slider .owl-dots {
position: relative;
top: -45px;
text-align: center; }
#main-top-slider .owl-dots .owl-dot {
padding-top: 5px !important;
padding-left: 30px !important;
background-color: rgba(127, 127, 127, 0.5);
border-radius: 50px;
margin: 5px; }
#main-top-slider .owl-dots .owl-dot span {
display: none !important; }
#main-top-slider .owl-dots .owl-dot.active {
background-color: #ffffff; }
.kinoteator-section {
margin-top: 50px; }
.tab-header h2 {
font-size: 35px;
font-weight: bold;
color: #000;
}
@media only screen and (max-width: 1440px) {
.kinoteator-section .tab-header h2 {
font-size: 30px; } }
.kinoteator-section .tab-header a.top-social-icons {
background-color: unset;
padding: 0;
margin-right: 10px; }
.kinoteator-section .tab-header a.top-social-icons svg {
width: 40px; }
@media only screen and (max-width: 1440px) {
.kinoteator-section .tab-header a.top-social-icons svg {
width: 30px; } }
.kinoteator-section .tab-header a:hover, .kinoteator-section .form-group.d-block input:hover {
background-color: #db635b;
text-decoration: none; }
.kinoteator-section .tab-header a.top-social-icons:hover {
background-color: unset; }
.kinoteator-section .tab-header a.top-social-icons:hover svg path {
fill: #db635b; }
.kinoteator-section .tab-header a:focus, .kinoteator-section .form-group.d-block input:focus {
text-decoration: none;
background-color: #ff4159; }
.kinoteator-section .tab-header a.top-social-icons:focus {
background-color: unset; }
.kinoteator-section .tab-header a.top-social-icons:focus svg path {
fill: #ff4159; }
.kinoteator-section .tab-ozi a {
font-size: 15px;
margin-right: 15px;
padding: 0; }
.big-cinema-item-col6 svg{
width: 35px;
}
.big-cinema-item-col6 .share, .big-cinema-item-col6 .like{
font-size: 20px !important;
}
.kinoteator-section .tab-ozi a.nav-link.active {
background-color: unset; }
.kinoteator-section .tab-ozi {
margin-top: 7px; }
.kinoteator-section .tab-ozi .nav.u-nav-v1-1 {
padding: 0 5px; }
.kinoteator-section .owl-nav.disabled {
display: block;
font-size: 35px;}
.kinoteator-section .owl-nav.disabled .owl-prev span, .kinoteator-section .owl-nav.disabled .owl-next span {
font-size: 30px; }
article.u-block-hover img {
border-radius: 5px;
width: 100%;
margin-bottom: 1px; }
#teator .tab-header a:hover {
background-color: #db635b;
text-decoration: none; }
#teator .tab-header a:focus {
text-decoration: none;
background-color: #ff4159; }
#teator .tab-ozi a {
font-size: 20px;
margin-right: 40px;
padding: 0; }
#teator .tab-ozi a.nav-link.active {
background-color: unset;
border-bottom: 2px solid #d33d33; }
#teator .tab-ozi {
margin-top: 10px; }
#teator .tab-ozi .nav.u-nav-v1-1 {
padding: 0 5px; }
#teator .owl-nav.disabled {
display: block; }
#teator .owl-nav.disabled .owl-prev span, #teator .owl-nav.disabled .owl-next span {
font-size: 30px; }
#konserty .tab-header a:hover {
background-color: #db635b;
text-decoration: none; }
#konserty .tab-header a:focus {
text-decoration: none;
background-color: #ff4159; }
#konserty .tab-ozi a {
font-size: 20px;
margin-right: 40px;
padding: 0;
color: #ffffff; }
#konserty .tab-ozi a.nav-link.active {
background-color: unset;
border-bottom: 2px solid #ffffff; }
#konserty .tab-ozi {
margin-top: 20px; }
#konserty .tab-ozi .nav.u-nav-v1-1 {
padding: 0 5px; }
#konserty .tab-ozi .nav.u-nav-v1-1 .dropdown-menu a {
color: #000000; }
#konserty .owl-nav.disabled {
display: block;
font-size: 35px;}
#konserty .owl-nav.disabled .owl-prev span, #konserty .owl-nav.disabled .owl-next span {
font-size: 30px; }
#kinoteator-tab1 .owl-item, .movie-items-group .owl-item {
padding: 0; }
#kinoteator-tab1 .owl-item .col-12, .movie-items-group .owl-item .col-12 {
padding: 0; }
#kinoteator-tab1 .overlay-details, .movie-items-group .overlay-details {
position: absolute;
bottom: 0;
width: 100%;}
#kinoteator-tab1 .owl-nav, .movie-items-group .owl-nav {
position: absolute;
top: -90px;
right: 0px; }
#kinoteator-tab1 .owl-prev, #kinoteator-tab1 .owl-next, .movie-items-group .owl-prev, .movie-items-group .owl-next {
border: 1px solid #000000;
border-radius: 5px;
padding: 0 10px !important;
transition-property: border-bottom-color, border-left-color, border-right-color, border-top-color;
transition-duration: .2s; }
#kinoteator-tab1 .owl-prev span, #kinoteator-tab1 .owl-next span, .movie-items-group .owl-prev span, .movie-items-group .owl-next span {
font-size: 20px !important;
line-height: 32px;
opacity: 0;
color: #000000;
transition-property: color;
transition-duration: .2s; }
#kinoteator-tab1 .owl-next, .movie-items-group .owl-next {
background-image: url(../images/icons/right.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
border: none !important; }
#kinoteator-tab1 .owl-prev, .movie-items-group .owl-prev {
background-image: url(../images/icons/left.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
border: none !important; }
#kinoteator-tab1 .owl-prev:hover, .movie-items-group .owl-prev:hover, #kinoteator-tab1 .owl-next:hover, .movie-items-group .owl-next:hover{
opacity: .5;
}
#kinoteator-tab1 .owl-prev:hover, #kinoteator-tab1 .owl-next:hover, .movie-items-group .owl-prev:hover, .movie-items-group .owl-next:hover {
border: 1px solid #7e7e7e; }
#kinoteator-tab1 .owl-prev:hover span, #kinoteator-tab1 .owl-next:hover span, .movie-items-group .owl-prev:hover span, .movie-items-group .owl-next:hover span {
color: #7e7e7e; }
#kinoteator-tab1 .owl-next:focus, #kinoteator-tab1 .owl-prev:focus, .movie-items-group .owl-next:focus, .movie-items-group .owl-prev:focus {
outline: none; }
#kinoteator-tab1 .owl-prev:active, #kinoteator-tab1 .owl-next:active, .movie-items-group .owl-prev:active, .movie-items-group .owl-next:active {
outline: none;
border: 1px solid #d1d1d1; }
#kinoteator-tab1 .owl-prev:active span, #kinoteator-tab1 .owl-next:active span, .movie-items-group .owl-prev:active span, .movie-items-group .owl-next:active span {
color: #d1d1d1; }
#kinoteator-tab1 .owl-next, .movie-items-group .owl-next {
margin-left: 7px; }
#kinoteator-tab1 .owl-dots, .movie-items-group .owl-dots {
text-align: center;
display: block;
margin-top: 10px; }
#kinoteator-tab1 .owl-dots .owl-dot, .movie-items-group .owl-dots .owl-dot {
margin: 0 5px; }
#kinoteator-tab1 .owl-dots .owl-dot span, .movie-items-group .owl-dots .owl-dot span {
height: 5px;
width: 30px;
display: block;
background-color: #ffc5cc;
border-radius: 50px; }
#kinoteator-tab1 .owl-dots .owl-dot.active span, .movie-items-group .owl-dots .owl-dot.active span {
background-color: #ff4159; }
#cartoon .owl-item, .movie-items-group .owl-item {
padding: 0; }
#cartoon .owl-item .col-12, .movie-items-group .owl-item .col-12 {
padding: 0; }
#cartoon .overlay-details, .movie-items-group .overlay-details {
position: absolute;
bottom: 0;
width: 100%;}
#cartoon .owl-nav, .movie-items-group .owl-nav {
position: absolute;
top: -90px;
right: 0px; }
#cartoon .owl-prev, #cartoon .owl-next, .movie-items-group .owl-prev, .movie-items-group .owl-next {
border: 1px solid #000000;
border-radius: 5px;
padding: 0 10px !important;
transition-property: border-bottom-color, border-left-color, border-right-color, border-top-color;
transition-duration: .2s; }
#cartoon .owl-prev span, #cartoon .owl-next span, .movie-items-group .owl-prev span, .movie-items-group .owl-next span {
font-size: 20px !important;
line-height: 32px;
opacity: 0;
color: #000000;
transition-property: color;
transition-duration: .2s; }
#cartoon .owl-next, .movie-items-group .owl-next {
background-image: url(../images/icons/right.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
border: none !important; }
#cartoon .owl-prev, .movie-items-group .owl-prev {
background-image: url(../images/icons/left.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
border: none !important; }
#cartoon .owl-prev:hover, .movie-items-group .owl-prev:hover, #cartoon .owl-next:hover, .movie-items-group .owl-next:hover{
opacity: .5;
}
#cartoon .owl-prev:hover, #cartoon .owl-next:hover, .movie-items-group .owl-prev:hover, .movie-items-group .owl-next:hover {
border: 1px solid #7e7e7e; }
#cartoon .owl-prev:hover span, #cartoon .owl-next:hover span, .movie-items-group .owl-prev:hover span, .movie-items-group .owl-next:hover span {
color: #7e7e7e; }
#cartoon .owl-next:focus, #cartoon .owl-prev:focus, .movie-items-group .owl-next:focus, .movie-items-group .owl-prev:focus {
outline: none; }
#cartoon .owl-prev:active, #cartoon .owl-next:active, .movie-items-group .owl-prev:active, .movie-items-group .owl-next:active {
outline: none;
border: 1px solid #d1d1d1; }
#cartoon .owl-prev:active span, #cartoon .owl-next:active span, .movie-items-group .owl-prev:active span, .movie-items-group .owl-next:active span {
color: #d1d1d1; }
#cartoon .owl-next, .movie-items-group .owl-next {
margin-left: 7px; }
#cartoon .owl-dots, .movie-items-group .owl-dots {
text-align: center;
display: block;
margin-top: 10px; }
#cartoon .owl-dots .owl-dot, .movie-items-group .owl-dots .owl-dot {
margin: 0 5px; }
#cartoon .owl-dots .owl-dot span, .movie-items-group .owl-dots .owl-dot span {
height: 5px;
width: 30px;
display: block;
background-color: #ffc5cc;
border-radius: 50px; }
#cartoon .owl-dots .owl-dot.active span, .movie-items-group .owl-dots .owl-dot.active span {
background-color: #ff4159; }
#teator .owl-next{
background-color: #FFFFFF;
background-image: url(../images/icons/right.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
height: 56px;
border: none !important; }
#teator .owl-next span, #teator .owl-prev span{
opacity: 0;
}
#teator .owl-nav{
position: absolute;
right: 290px;
top: 3px;
}
#teator .owl-prev{
background-color: #ffffff;
background-image: url(../images/icons/left.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
height: 56px;
border: none !important; }
#konserty-tab1 .owl-item {
padding: 0; }
#konserty-tab1 .owl-item .col-12 {
padding: 0; }
#konserty-tab1 .overlay-details {
position: absolute;
bottom: 0; }
#konserty-tab1 .owl-prev, #konserty-tab1 .owl-next {
border: 1px solid #ffffff;
border-radius: 5px;
padding: 0 10px !important;
transition-property: border-bottom-color, border-left-color, border-right-color, border-top-color;
transition-duration: .2s; }
#konserty-tab1 .owl-prev span, #konserty-tab1 .owl-next span {
font-size: 20px !important;
line-height: 32px;
color: #ffffff;
transition-property: color;
transition-duration: .2s;
opacity: 0; }
#konserty-tab1 .owl-next {
background-image: url(../images/icons/w-right.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
border: none !important; }
#konserty-tab1 .owl-prev {
background-image: url(../images/icons/w-left.png);
background-size: 56px !important;
transition-property: opacity;
transition-duration: .3s;
width: 56px;
border: none !important; }
#konserty-tab1 .owl-prev:hover, #konserty-tab1 .owl-next:hover{
opacity: .5;
}
#konserty-tab1 .owl-prev:hover, #konserty-tab1 .owl-next:hover {
border: 1px solid rgba(255, 255, 255, 0.5); }
#konserty-tab1 .owl-prev:hover span, #konserty-tab1 .owl-next:hover span {
color: rgba(255, 255, 255, 0.5); }
#konserty-tab1 .owl-next:focus, #konserty-tab1 .owl-prev:focus {
outline: none; }
#konserty-tab1 .owl-prev:active, #konserty-tab1 .owl-next:active {
outline: none;
border: 1px solid rgba(255, 255, 255, 0.2); }
#konserty-tab1 .owl-prev:active span, #konserty-tab1 .owl-next:active span {
color: rgba(255, 255, 255, 0.2); }
#konserty-tab1 .owl-next {
margin-left: 7px; }
#konserty-tab1 .owl-dots {
text-align: center;
display: block;
margin-top: 10px; }
#konserty-tab1 .owl-dots .owl-dot {
margin: 0 5px; }
#konserty-tab1 .owl-dots .owl-dot span {
height: 5px;
width: 30px;
display: block;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50px; }
#konserty-tab1 .owl-dots .owl-dot.active span {
background-color: #ffffff; }
#teator-tab1 .owl-item {
padding: 0; }
#teator-tab1 .owl-item .col-12 {
padding: 0; }
#teator-tab1 .overlay-details {
position: absolute;
bottom: 0; }
#teator-tab1 .owl-nav {
position: absolute;
top: -50px;
right: 5px; }
#teator-tab1 .owl-prev, #teator-tab1 .owl-next {
border: 1px solid #000000;
border-radius: 5px;
padding: 0 10px !important;
transition-property: border-bottom-color, border-left-color, border-right-color, border-top-color;
transition-duration: .2s; }
#teator-tab1 .owl-prev span, #teator-tab1 .owl-next span {
font-size: 20px !important;
line-height: 32px;
color: #000000;
transition-property: color;
transition-duration: .2s; }
#teator-tab1 .owl-prev:hover, #teator-tab1 .owl-next:hover {
border: 1px solid #7e7e7e; }
#teator-tab1 .owl-prev:hover span, #teator-tab1 .owl-next:hover span {
color: #7e7e7e; }
#teator-tab1 .owl-next:focus, #teator-tab1 .owl-prev:focus {
outline: none; }
#teator-tab1 .owl-prev:active, #teator-tab1 .owl-next:active {
outline: none;
border: 1px solid #d1d1d1; }
#teator-tab1 .owl-prev:active span, #teator-tab1 .owl-next:active span {
color: #d1d1d1; }
#teator-tab1 .owl-next {
margin-left: 7px; }
#teator-tab1 .owl-dots {
text-align: center;
margin-top: 10px; }
#teator-tab1 .owl-dots .owl-dot {
margin: 0 5px; }
#teator-tab1 .owl-dots .owl-dot span {
height: 5px;
width: 30px;
display: block;
background-color: #ffc5cc;
border-radius: 50px; }
#teator-tab1 .owl-dots .owl-dot.active span {
background-color: #ff4159; }
.owl-dots .owl-dot:focus {
outline: none;
border: none; }
.owl-dots .owl-dot:active {
outline: none;
border: none; }
img.d3-img {
position: absolute;
width: 80px !important;
top: 30px;
z-index: 100;
left: 30px; }
img.d2-img {
position: absolute;
width: 40px !important;
top: 10px;
z-index: 100;
left: 10px; }
.overlay-details {
padding: 30px 30px; }
@media only screen and (max-width: 1600px) {
.overlay-details {
padding: 20px 30px; } }
.overlay-details * {
color: #ffffff;
text-align: center; }
.overlay-details h2.title {
font-size: 40px;
font-weight: bold;
line-height: 40px;
margin-bottom: 20px;}
.big-cinema-item-col6 .overlay-details h2.title {
font-size: 60px;
font-weight: bold;
line-height: 60px;
margin-bottom: 20px;}
@media only screen and (max-width: 1600px) {
.overlay-details h2.title {
font-size: 30px;
line-height: 30px; } }
@media only screen and (max-width: 1600px) {
.big-cinema-item-col6 .overlay-details h2.title {
font-size: 40px;
line-height: 40px; } }
.overlay-details h4.date {
font-size: 20px;
margin-top: -10px;
margin-bottom: 20px;}
.big-cinema-item-col6 .overlay-details h4.date{
font-size: 30px;
}
.big-cinema-item-col6 .description{
display: block !important;
}
@media only screen and (max-width: 1600px) {
.overlay-details h4.date {
font-size: 18px;
margin-top: -15px;
margin-bottom: 10px;} }
@media only screen and (max-width: 1600px) {
.big-cinema-item-col6 .overlay-details h4.date {
font-size: 24px;
margin-top: -15px;
margin-bottom: 10px;} }
.overlay-details p.description {
display: none;
font-size: 30px;
margin-top: 30px;
line-height: 32px;
margin-bottom: 40px; }
@media only screen and (max-width: 1600px) {
.overlay-details p.description {
font-size: 25px;
line-height: 35px; } }
@media only screen and (max-width: 1600px) {
.overlay-details p.description {
font-size: 22px;
line-height: 26px;
margin: 10px 0} }
.overlay-details .overlay-details-bottom-part a:hover, .overlay-details .overlay-details-bottom-part a:focus {
color: #ffffff;
text-decoration: none; }
.overlay-details .overlay-details-bottom-part a.share {
font-size: 20px; }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.share {
font-size: 16px; } }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.share svg {
width: 20px !important; } }
.overlay-details .overlay-details-bottom-part a.like {
margin-right: 0 !important;
font-size: 20px; }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.like {
font-size: 16px; } }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.like svg {
width: 20px !important; } }
.overlay-details .overlay-details-bottom-part div.buy-btn-wrap {
text-align: -webkit-center; }
.overlay-details .overlay-details-bottom-part a.buy-btn {
font-size: 20px !important;
border-radius: 5px;
display: block;
margin-right: 0 !important;
width: fit-content;
border: 2px solid #ffffff;
padding: 7px 50px !important;
margin-top: 15px;
margin-bottom: 10px; }
.big-cinema-item-col6 .overlay-details .overlay-details-bottom-part a.buy-btn{
font-size: 24px !important;
}
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part a.buy-btn {
font-size: 18px !important;
padding: 5px 30px !important; } }
.overlay-details .overlay-details-bottom-part span.cost {
font-size: 20px; }
@media only screen and (max-width: 1600px) {
.overlay-details .overlay-details-bottom-part span.cost {
font-size: 18px; } }
.overlay-details.smalll {
width: 100%;
padding: 20px 40px; }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll {
padding: 10px 20px; } }
.overlay-details.smalll * {
color: #ffffff;
text-align: center; }
.overlay-details.smalll h2.title {
font-size: 40px;
line-height: 50px; }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll h2.title {
font-size: 25px;
line-height: 30px; } }
.overlay-details.smalll h4.date {
font-size: 20px;
margin-top: -5px;
margin-bottom: 40px; }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll h4.date {
font-size: 16px;
margin-top: -3px; } }
.overlay-details.smalll .overlay-details-bottom-part a:hover, .overlay-details.smalll .overlay-details-bottom-part a:focus {
color: #ffffff;
text-decoration: none; }
.overlay-details.smalll .overlay-details-bottom-part a.share {
font-size: 15px;
margin-right: 10px !important; }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll .overlay-details-bottom-part a.share {
font-size: 13px; } }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll .overlay-details-bottom-part a.share svg {
width: 16px !important; } }
.overlay-details.smalll .overlay-details-bottom-part a.like {
margin-right: 0 !important;
font-size: 15px; }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll .overlay-details-bottom-part a.like {
font-size: 13px; } }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll .overlay-details-bottom-part a.like svg {
width: 16px !important; } }
.overlay-details.smalll .overlay-details-bottom-part div.buy-btn-wrap {
text-align: -webkit-center; }
.overlay-details.smalll .overlay-details-bottom-part a.buy-btn {
font-size: 20px !important;
border-radius: 5px;
display: block;
margin-right: 0 !important;
width: fit-content;
border: 2px solid #ffffff;
padding: 3px 30px !important;
margin-top: 10px;
margin-bottom: 10px; }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll .overlay-details-bottom-part a.buy-btn {
font-size: 16px !important; } }
.overlay-details.smalll .overlay-details-bottom-part span.cost {
font-size: 20px; }
@media only screen and (max-width: 1600px) {
.overlay-details.smalll .overlay-details-bottom-part span.cost {
font-size: 16px; } }
.owl-item .col-12 {
margin: 0; }
.col-6 {
padding-left: 5px;
padding-right: 5px; }
.slider-slider .container {
padding: 0 !important; }
.slider-slider .container .col-6, .slider-slider .container .col-12 {
padding: 5px !important; }
.slider-slider .container .row {
width: 100% !important;
margin: 0 !important; }
.slider-slider > .container > .row > .col-6:first-child {
padding: 0 !important; }
.slider-slider > .container > .row > .col-6:last-child {
padding: 0 !important; }
#teator .tab-ozi {
padding: 0 10px 0 20px; }
#teator .tab-ozi .nav.u-nav-v1-1 {
padding-left: 0; }
#carousel-09-1 .js-prev {
left: 30px !important;
top: 50% !important;
transform: translateY(-50%);
background-image: url(../images/icons/t-left.png) !important;
background-color: transparent !important;
background-repeat: no-repeat;
background-size: 20px;
transition-property: opacity;
transition-duration: .3s;}
#carousel-09-1 .js-prev::before {
content: unset;
color: #ffffff;
font-size: 40px; }
#carousel-09-1 .js-prev:hover{
opacity: .7;
}
#carousel-09-1 .js-next {
left: calc(100% - 46px) !important;
top: 50% !important;
transform: translateY(-50%);
background-image: url(../images/icons/t-right.png) !important;
background-color: transparent !important;
background-repeat: no-repeat;
background-size: 20px;
transition-property: opacity;
transition-duration: .3s;}
#carousel-09-1 .js-next::before {
content: unset;
color: #ffffff;
font-size: 40px; }
#carousel-09-1 .js-next:hover{
opacity: .7;
}
#carousel-09-1 .js-slide a {
margin-right: 0;
position: relative !important; }
#carousel-09-1 .js-slide a img {
position: relative;
border-radius: 5px; }
#carousel-09-1 .js-slide a .teator-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(../images/bg/teatr.png);
background-size: 100%;
z-index: 10; }
#carousel-09-1 .js-slide a .teator-overlay .texts-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0 20%;
width: 100%; }
#carousel-09-1 .js-slide a .teator-overlay .texts-wrapper span {
font-size: 32px; }
#carousel-09-1 .js-slide a .teator-overlay .texts-wrapper h2 {
font-size: 70px;
font-weight: bold; }
#carousel-09-1 .js-slide a .teator-overlay .texts-wrapper h5 {
font-size: 30px; }
footer {
background-image: url(../images/bg/menu-bg.svg);
padding-top: 50px; }
footer .footer-header {
text-align: center; }
@media only screen and (max-width: 1600px) {
footer .footer-header {
padding: 0 10% !important; } }
footer .footer-header h2 {
color: #ffffff;
font-weight: bold;
margin-bottom: 15px;
font-size: 32px; }
@media only screen and (max-width: 1600px) {
footer .footer-header h2 {
font-size: 26px; } }
footer .footer-header input {
font-size: 24px;
padding: 4px 20px; }
@media only screen and (max-width: 1600px) {
footer .footer-header input {
font-size: 18px;
height: 40px !important; } }
footer .footer-header .col-9 input {
color: #ff4159;
height: 50px; }
footer .footer-header .col-9 input:focus {
outline: none;
border: none; }
footer .footer-header .col-3 input {
background: none;
border: 2px solid #ffffff;
color: #ffffff;
height: 50px; }
footer .footer-header h6 {
font-size: 20px;
color: #ffffff;
font-weight: bold;
text-align: left;
}
@media only screen and (max-width: 1600px) {
footer .footer-header h6 {
font-size: 18px; } }
@media only screen and (max-width: 1600px) {
.footer-logo {
width: 200px; } }
.footer-social-icons li {
margin: 0 !important;
padding: 0 !important; }
.footer-social-icons li a {
color: #ffffff; }
.footer-social-icons li a i {
font-size: 30px; }
.footer-social-icons li a img {
width: 32px !important; }
.col-3-with-text li {
list-style: none; }
.col-3-with-text li a {
color: #ffffff;
font-size: 20px; }
@media only screen and (max-width: 1600px) {
.col-3-with-text li a {
font-size: 14px; } }
.all-rights-reserved {
color: #ffffff;
font-size: 19px !important;
padding: 25px 0; }
@media only screen and (max-width: 1600px) {
.all-rights-reserved {
font-size: 15px !important; } }
#nav-submenu--home {
right: -20px;
left: unset;
border-radius: 5px; }
#nav-submenu--home li {
padding: 0; }
#nav-submenu--home a {
color: #5c5c5c !important;
text-align: center;
padding: 8px;
display: block;
font-size: 16px;
border-bottom: 1px solid #f8f8f9; }
#nav-submenu--home a:hover {
text-decoration: none; }
#nav-submenu--home li:last-child a {
border-bottom: none; }
#top-menu-three-btn .dropdown-menu {
right: 0;
left: unset; }
#top-menu-three-btn .dropdown-menu li {
display: block;
margin: 0;
text-align: center;
padding: 0; }
#top-menu-three-btn .dropdown-menu a {
color: #000000 !important;
width: 80%;
display: block;
margin: auto;
padding: 5px 0; }
#center-menu-dropdown .dropdown-menu {
right: 0;
left: unset; }
#center-menu-dropdown .dropdown-menu li {
display: block;
margin: 0;
text-align: center;
padding: 0; }
#center-menu-dropdown .dropdown-menu a {
color: #000000 !important;
width: 80%;
display: block;
margin: auto;
padding: 5px 0;
transition-property: opacity;
transition-duration: .2s; }
#bilet-menu-id a:hover {
text-decoration: none;
cursor: pointer;
opacity: .7; }
.dropdown-menu {
padding: 10px 0; }
.dropdown-menu a {
border-bottom: 1px solid #eaeaea; }
.dropdown-menu li:last-child a {
border-bottom: none; }
a.add-event:hover {
text-decoration: none;
opacity: .7; }
.tab-ozi .dropdown-menu a {
text-align: center !important;
padding: 5px 0 !important;
width: 80% !important;
margin: auto !important; }
.tab-ozi .dropdown-menu a:last-child {
border-bottom: none; }
#carousel-09-2 img {
border-radius: 5px; }
.slick-list.draggable {
border-radius: 5px; }
@media only screen and (min-width: 1900px) {
.slick-list.draggable {
height: 758px !important; } }
.footer-social-icons a {
transition-property: opacity;
transition-duration: .2s;
margin-right: 15px; }
.footer-social-icons a:hover {
opacity: .7; }
.page-breadcrumbs {
margin-top: 20px; }
.page-breadcrumbs ul li {
display: inline-block;
list-style: none;
margin-right: 10px; }
.page-breadcrumbs ul li a {
color: #000000;
font-size: 18px; }
@media only screen and (max-width: 1440px) {
.page-breadcrumbs ul li a {
font-size: 15px; } }
.page-breadcrumbs ul li.page-name a {
color: #7f7f7f; }
.movie-items-group {
margin-top: 0px; }
.movie-items-group .tab-content .container {
padding: 0 !important; }
.movie-items-group .tab-content .container .row {
padding: 0 10px; }
.movie-items-group .tab-content .container .col-3 {
padding: 10px !important; }
.movie-items-group.firts-child {
margin-top: 30px; }
.dropdown-toggle::after {
content: unset; }
.dropdown-toggle {
cursor: pointer; }
.item-group-bottom-pagination {
margin-top: 40px;
text-align: center;
padding: 0; }
.item-group-bottom-pagination li {
display: inline-block;
list-style: none; }
.item-group-bottom-pagination li a {
margin: 0 1px !important;
padding: 10px 15px !important;
border-radius: 5px;
border: 1px solid #000000;
color: #000000; }
.item-group-bottom-pagination li.active-li a {
border: 1px solid #9e534e;
color: #9e534e; }
.row.roww .col-4 {
padding: 10px; }
.row.roww .overlay-details.smalll {
bottom: unset;
top: 50%;
transform: translateY(-50%); }
.u-block-hover__additional--partially-slide-up.h-100.text-center.g-z-index-1.mt-auto {
border-radius: 5px; }
video.kinoteatr-video-tag {
margin-bottom: 20px; }
video.kinoteatr-video-tag[poster] {
width: 100%; }
.movie-details {
padding: 0 5px; }
.movie-details p {
font-size: 20px;
line-height: 26px;
color: #000000; }
@media only screen and (max-width: 1440px) {
.movie-details p {
font-size: 16px; } }
.movie-details img {
margin-bottom: 20px; }
.date-wrapper {
margin-left: -10px !important;
padding-top: 20px; }
.date-wrapper div {
display: inline-block;
width: 11.11%;
padding: 10px; }
.date-wrapper div a {
border: 2px solid #a2a1a7;
border-radius: 10px;
color: #000000;
display: block;
text-align: center;
padding: 20px 0; }
@media only screen and (max-width: 1440px) {
.date-wrapper div a {
padding: 10px 0; } }
.date-wrapper div a span {
display: block;
font-size: 18px;
font-weight: bold; }
@media only screen and (max-width: 1440px) {
.date-wrapper div a span {
font-size: 13px; } }
.date-wrapper div a.active-date {
border-color: #d43d34;
background-color: #d43d34;
color: #ffffff; }
.date-wrapper div a:hover {
border-color: #d43d34;
background-color: #d43d34;
color: #ffffff; }
.movie-details-bottom-part {
width: 100%;
margin: 30px auto 50px auto; }
.movie-details-bottom-part .col-8 .row {
margin: 0;
width: 100%; }
@media only screen and (max-width: 1440px) {
.movie-details-bottom-part .col-8 .row h2 {
font-size: 30px !important; } }
.time-and-form {
margin-top: 20px; }
.time-and-form h2 {
font-weight: bold;
margin-bottom: 25px; }
@media only screen and (max-width: 1440px) {
.time-and-form h2 {
font-size: 22px; } }
.time-and-form input[type=checkbox] {
display: none; }
.time-and-form label span {
background-image: url(../images/icons/black-time-ramka.svg);
padding: 13px 30px;
background-size: 100%;
background-repeat: no-repeat;
font-size: 18px; }
@media only screen and (max-width: 1440px) {
.time-and-form label span {
font-size: 13px; } }
.time-and-form .form-group {
display: inline-block;
margin-right: 7px; }
.time-and-form .form-group.d-block {
margin-top: 10px; }
.time-and-form .form-group.d-block input {
background-color: #d43d34;
border: none;
color: #ffffff;
padding: 12px 63px;
font-size: 20px;
border-radius: 5px;
transition: background-color .2s; }
@media only screen and (max-width: 1440px) {
.time-and-form .form-group.d-block input {
font-size: 15px; } }
.time-and-form input[type=radio]:checked ~ label > span {
background-image: url(../images/icons/red-time-ramka.svg) !important;
color: #ffffff !important; }
.metki {
margin-top: 30px; }
@media only screen and (max-width: 1440px) {
.metki h2 {
font-size: 30px !important; } }
.metki-wrapper {
margin-top: 10px; }
.metki-wrapper span {
margin: 7px 5px 7px 0;
display: inline-block; }
.metki-wrapper span a {
border: 1px solid #000000;
padding: 7px 20px;
border-radius: 5px;
font-size: 18px;
color: #000000; }
@media only screen and (max-width: 1440px) {
.metki-wrapper span a {
font-size: 13px; } }
.metki-wrapper span a:hover {
color: #d43d34;
border: 1px solid #d43d34; }
a:hover {
text-decoration: none; }
.adv-owl-carousel .owl-nav {
display: none !important; }
.adv-owl-carousel .owl-dots {
position: relative;
top: -40px; }
.adv-owl-carousel .owl-dots button span {
height: 5px !important;
width: 30px !important; }
.item-details p.mother-p {
float: left; }
.item-details p.child-p {
font-size: 18px;
color: #000000;
line-height: 24px; }
.main-title {
font-size: 35px;
font-weight: bold;
padding-left: 10px; }
@media only screen and (max-width: 1440px) {
.main-title {
font-size: 30px; } }
.main-title-bottom-line {
height: 5px;
margin-left: 10px;
position: absolute;
top: 50px;
width: 100px;
background-color: #d33d33; }
.details-image {
width: 100%;
}
.outter-p {
float: left; }
.inner-p {
font-size: 18px;
color: #000000;
line-height: 24px; }
.date-small-title, .time-small-title {
font-weight: bold;
margin-top: 30px;
padding-left: 5px;
margin-bottom: 20px; }
.date-box-wrap {
padding-left: 5px; }
.date-box-wrap a {
color: #000000;
border-radius: 5px;
font-size: 18px;
margin-right: 7px;
padding: 10px 20px;
border: 1px solid #000000; }
.date-box-wrap a:hover {
color: #ffffff;
background-color: #d43d34;
border-color: #d43d34; }
.date-box-wrap a.active-date {
color: #ffffff;
background-color: #d43d34;
border-color: #d43d34; }
.time-box-wrap .form-group {
display: inline-block;
margin-right: 7px; }
.time-box-wrap input[type=checkbox] {
display: none; }
.time-box-wrap span {
background-image: url(../images/icons/black-time-ramka.svg);
padding: 13px 30px;
background-size: 100%;
background-repeat: no-repeat;
font-size: 18px; }
.time-box-wrap input[type=radio]:checked ~ label span {
background-image: url(../images/icons/red-time-ramka.svg) !important;
color: #ffffff !important; }
@media only screen and (max-width: 1440px) {
.top-social-icons-wrapper svg {
width: 29px; } }
#submit-a {
width: 100%;
background-color: #d43d34;
border-radius: 5px;
color: #ffffff;
text-align: center;
display: block;
padding: 10px;
font-size: 18px;
margin-bottom: 10px; }
@media only screen and (max-width: 1440px) {
#submit-a {
font-size: 14px; } }
@media only screen and (max-width: 1440px) {
#submit-a ~ h4 {
font-size: 15px; } }
.view-e-ticket {
background-color: #d43d34;
color: #ffffff;
width: 100%;
display: block;
border-radius: 5px;
text-align: center;
padding: 8px 20px !important;
transition: background-color .2s; }
.view-e-ticket:hover {
background-color: #db635b;
color: #ffffff; }
.view-e-ticket:focus {
background-color: #ff4159; }
.code-img {
width: 100%;
margin-top: 10px; }
.item-wrapper-row {
padding: 50px 20px 20px 20px !important;
border-bottom: 1px solid #e7e7e7; }
.item-wrapper-row:last-child {
border-bottom: none; }
.container-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.container-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.container-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #000000;
border-radius: 5px;
margin-top: 8px; }
.container-checkbox .checkmark::after {
content: "";
position: absolute;
display: none;
left: 6px;
top: 3px;
width: 6px;
height: 10px;
border: solid black;
border-width: 0px 2px 2px 0px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.container-checkbox input:checked ~ .checkmark::after {
display: block; }
#login-form input[type=text] {
color: #000000;
font-size: 24px;
width: 100%;
border: none;
padding-left: 0;
border-bottom: 2px solid #808080;
margin: 10px 0;
padding-bottom: 15px; }
#login-form input[type=password] {
color: #000000;
font-size: 24px;
width: 100%;
border: none;
padding-left: 0;
border-bottom: 2px solid #808080;
margin: 10px 0;
padding-bottom: 15px; }
#login-form input[type=text]:focus {
outline: none; }
#login-form input[type=password]:focus {
outline: none; }
#login-form .form-group input[type=text]::placeholder {
color: black !important; }
#login-form .form-group input[type=password]::placeholder {
color: black !important; }
#login-forgot {
font-size: 22px;
color: #000000; }
#login-login, #login-signup {
width: 48%;
border-radius: 5px;
text-align: center;
padding: 10px 10px;
font-size: 24px; }
#login-login {
background-color: #d43d34;
color: #ffffff; }
#login-signup {
border: 1px solid #000000;
color: #000000; }
#login-term {
width: 100%;
display: block;
text-align: center;
margin-top: 25px;
color: #000000;
font-size: 20px;
text-decoration: underline; }
.personal-form label {
font-size: 20px;
font-weight: bold;
color: #000000; }
.personal-form input, .personal-form select {
font-size: 20px !important;
border-radius: 5px;
border: 1px solid #000000;
width: 100%; }
.personal-form input::placeholder {
font-size: 20px !important; }
.personal-form span.col-5 {
padding-left: 30px;
color: #b2b2b2;
font-size: 20px; }
#birth {
padding: 0;
margin-left: 0; }
#birth .col-4 {
padding: 0; }
#birth .col-4:first-child {
padding-right: 6px; }
#birth .col-4:nth-child(2) {
padding: 0 3px; }
#birth .col-4:last-child {
padding-left: 6px; }
#birth select {
height: 39px; }
.g-brd-bottom {
border-color: #000000 !important; }
.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
color: #000000 !important; }
.u-accordion-brd-primary .u-accordion__header [aria-expanded="true"] {
border-color: #000000 !important; }
.g-pa-15-0 {
padding-bottom: 0 !important; }
.or-with-line {
position: relative;
top: 20px;
margin-bottom: 100px; }
.or-with-line-line {
width: 100%;
position: absolute;
top: 39px;
display: block;
height: 1px;
background-color: #000000; }
.or-with-line-or {
display: block;
position: absolute;
top: 14px;
background-color: #ffffff;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
padding: 5px 21px; }
#continue-as-guest {
width: 100%;
color: #d43d34;
border: 1px solid #d43d34;
border-radius: 5px;
display: block;
text-align: center;
padding: 10px;
font-size: 24px; }
#choose_seats li {
margin: 0 5px; }
#choose_seats li a {
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
font-size: 13px;
padding: 15px 50px; }
#choose_seats li a.active.show {
color: #ffffff;
background-color: #d43d34;
border-color: #d43d34; }
.seat_check {
display: none; }
td.hor-space {
width: 20px; }
td {
padding: 0 5px; }
td svg {
fill: #ebecee; }
tr {
height: 40px; }
tr.ver-space {
height: 20px; }
#seats-form input:checked ~ label svg {
fill: #d43d34; }
#seats-form input:checked ~ label span, #seats-form input:disabled ~ label span{
color: #ffffff;
}
input.booked-seats ~ label svg {
fill: #06b84d; }
input.reserved-seats ~ label svg {
fill: #4e5ced; }
.seats-top-overlay {
background-color: #d33d33;
opacity: .3;
position: absolute;
height: 100%;
width: 55%;
top: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 15px;
padding: 15px 0; }
#choose_seats_content > div.active.show .seats-top-overlay {
display: none; }
.checked-seats {
margin-top: -50px; }
.your-selected-seats {
padding-top: 20px;
text-align: center;
margin: auto;
margin-bottom: 100px;
width: fit-content;
}
.your-selected-seats span {
color: #ffffff;
background-color: #d43d34;
padding: 17px 7px;
margin: 3px;
border-top-right-radius: 10px;
font-size: 1.25rem;
border-top-left-radius: 10px;
display: block;
width: fit-content;
float: left}
#confirm-seats {
font-size: 1.25rem;
color: #d43d34;
border: 1px solid #d43d34;
border-radius: 5px;
padding: 12px 70px; }
.review-and-pay span {
position: absolute;
color: #ffffff;
background-color: #d43d34;
border-radius: 5px;
padding: 7px 15px;
top: 0;
font-size: 18px;
margin-top: 30px;
margin-left: 30px; }
.review-and-pay-form {
padding-left: 15px; }
.review-and-pay-form form {
width: 100%; }
.review-and-pay-form input {
border: none;
font-size: 20px;
border-bottom: 1px solid #000000;
width: 100%; }
.review-and-pay-form input::placeholder {
color: #000000; }
.review-and-pay-form input:focus {
outline: none; }
.review-and-pay-form input[type=text] {
padding-bottom: 10px;
line-height: 39px; }
.review-and-pay-form input[type=submit] {
border: none;
background-color: #d43d34;
color: #ffffff;
width: 300px;
padding: 8px 0;
border-radius: 5px;
display: block;
margin-left: 80%;
margin-top: 40px;
position: relative;
z-index: 10; }
#accordion-10-body-03 > div > .col-6:first-child, #accordion-10-body-03 > div > .col-5:first-child {
padding-right: 40px; }
#accordion-10-body-03 > div > .col-6:last-child, #accordion-10-body-03 > div > .col-5:last-child {
padding-left: 40px; }
#accordion-10-body-03 > div > .col-6:last-child p, #accordion-10-body-03 > div > .col-5:last-child p {
font-size: 20px;
color: #000000;
line-height: 24px; }
#accordion-10-body-03 > div > .col-6:last-child div.d-flex, #accordion-10-body-03 > div > .col-5:last-child div.d-flex {
background-color: #f1f1f1;
padding: 10px 15px;
margin: 0 -15px; }
#accordion-10-body-03 > div > .col-6:last-child div.d-flex span, #accordion-10-body-03 > div > .col-5:last-child div.d-flex span {
color: #000000;
font-weight: bold;
font-size: 20px; }
.no-more-results {
color: #7e7e7e;
text-align: center;
padding-top: 10px;
font-size: 34px; }
.first-button-type {
transition-property: background-color !important;
transition-duration: .2s !important; }
.first-button-type:hover {
background-color: #db635b !important;
text-decoration: none !important; }
.first-button-type:focus {
text-decoration: none !important;
background-color: #ff4159 !important; }
.second-button-type {
transition-property: border-top-color, border-bottom-color, border-left-color, border-right-color, color !important;
transition-duration: .2s !important; }
.second-button-type:hover {
color: #e48a84 !important;
border-left-color: #e9a19c !important;
border-right-color: #e9a19c !important;
border-top-color: #e9a19c !important;
border-bottom-color: #e9a19c !important; }
.second-button-type:focus {
color: #ff4159 !important;
border-left-color: #ff4159 !important;
border-right-color: #ff4159 !important;
border-top-color: #ff4159 !important;
border-bottom-color: #ff4159 !important; }
.third-button-type {
transition-property: border-top-color, border-bottom-color, border-left-color, border-right-color, color !important;
transition-duration: .2s !important; }
.third-button-type:hover {
color: #7e7e7e !important;
border-left-color: #7e7e7e !important;
border-right-color: #7e7e7e !important;
border-top-color: #7e7e7e !important;
border-bottom-color: #7e7e7e !important; }
.third-button-type:focus {
color: #b1b1b1 !important;
border-left-color: #d1d1d1 !important;
border-right-color: #d1d1d1 !important;
border-top-color: #d1d1d1 !important;
border-bottom-color: #d1d1d1 !important; }
.four-button-type {
transition-property: border-top-color, border-bottom-color, border-left-color, border-right-color, color !important;
transition-duration: .2s !important; }
.four-button-type:hover {
color: #f5d8d6 !important;
border-left-color: #eeb9b6 !important;
border-right-color: #eeb9b6 !important;
border-top-color: #eeb9b6 !important;
border-bottom-color: #eeb9b6 !important; }
.four-button-type:focus {
color: #e18985 !important;
border-left-color: #e18985 !important;
border-right-color: #e18985 !important;
border-top-color: #e18985 !important;
border-bottom-color: #e18985 !important; }
#Shape:focus {
fill: #ff4159; }
#Shape:hover {
fill: #db635b; }
/*# sourceMappingURL=custom.css.map */
#date-click-content{
display: none;
}
#date-click-content.show-content{
display: block;
}
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
margin-right: 0 !important;
border: 1px solid #000000;
border-radius: 5px;
}
.ui-datepicker-prev.ui-corner-all i, .ui-datepicker-next.ui-corner-all i{
font-size: 24px;
font-weight: bold;
}
.ui-datepicker-header{
border-bottom: none !important;
}
#datepickerInline a{
margin-right: 0 !important;
}
.ui-datepicker-calendar{
border-collapse: collapse;
border-spacing: 0 !important;
margin-top: 15px !important;
}
.ui-datepicker-calendar thead{
background-color: #d33d33;
}
#datepickerInline thead span{
color: #ffffff;
}
.ui-datepicker-calendar tbody td{
border: 1px solid #e8e9ec;
}
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today{
background-color: #d33d33 !important;
color: #000000;
}
.u-datepicker-v1 .ui-datepicker-calendar td a:hover{
background-color: #d33d33;
border: none;
}
.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active{
background-color: transparent;
border: none;
}
.ui-datepicker-next.ui-corner-all:hover, .ui-datepicker-prev.ui-corner-all:hover{
border: 1px solid #000000;
}
#top-header-submit:hover{
cursor: pointer;
}
.slider-slider .row{
width: 100%;
margin: auto;
}
.single-item-6{
padding: 10px;
}
.teatr-show-more{
color: #ffffff;
background-color: #d33d33;
height: fit-content;
font-size: 20px;
padding: 12px 60px;
border-radius: 5px;
margin-right: 5px;
transition-property: background-color;
transition-duration: .2s;
}
.film_name a{
color: #000000;
transition-property: color;
transition-duration: .2s;
}
.film_name a:hover{
color: #D33D33;
}
.cat_but, .buy_button{
background-color: #D33D33 !important;
transition-property: opacity;
transition-duration: .2s;
}
.cat_but:hover, .buy_button:hover{
opacity: .8;
}
.film_op{
position: relative;
}
.buy_and_salary{
position: absolute;
bottom: 5px;
}
.modal-send{
color: #ffffff;
background-color: #d33d33;
height: fit-content;
font-size: 14px;
padding: 5px 40px;
border-radius: 5px;
margin-right: 0;
transition-property: background-color;
transition-duration: .2s;
}
.modal-dialog-centered{
width: 60%;
max-width: unset;
}
.title-and-btn input, .title-and-btn textarea{
border: 1px solid #000000;
}
.modal-send:hover{
color: rgba(255, 255, 255, .7);
}
.u-carousel-v3 .slick-center{
opacity: 1;
}
.category-filter li a{
padding-left: 0;
padding-right: 15px;
}
.category-filter li a.active{
background-color: #ffffff !important;
}
.calendar-form{
padding-top: 6px;
}
.calendar-form .wrapper{
margin-left: 0;
}
.calendar-form .gj-datepicker{
width: 70px;
margin: 0 10px;
}
.calendar-form #datepicker{
opacity: 0;
position: absolute;
z-index: -1;
}
.calendar-form .input-group-append > button{
border: none;
width: auto;
color: #000000;
background-color: unset;
cursor: pointer;
}
.calendar-form .input-group-append > button:hover{
color: #000000;
}
.calendar-form .input-group-append > button:focus{
color: #000000;
background-color: unset;
border: none;
outline: none;
}
.calendar-form td.selected{
background-color: red;
}
.filter-menu a.dropdown-item{
text-align: center;
padding-right: 0;
transition-property: opacity;
transition-duration: .3s;
}
.filter-menu a.dropdown-item:last-child{
border-bottom: none;
}
.filter-menu a.dropdown-item:hover{
background-color: unset;
opacity: .7;
text-decoration: none;
}
.filter-menu{
padding: 10px;
}
.red_button:hover{
background-color: #db635b;
text-decoration: none;
}
.red_button:focus{
text-decoration: none;
background-color: #ff4159;
}
.breadcrumbs-ul li, .breadcrumbs-ul li a{
font-size: 16px !important;
}
.big-cinema-item-col6 .overlay-details p{
font-size: 24px;
line-height: 30px;
}
.overlay-details-bottom-part a.share svg{
width: 20px;
}
.big-cinema-item-col6 .overlay-details-bottom-part a.share svg{
width: 40px;
}
.overlay-details-bottom-part a.share svg, .overlay-details-bottom-part a.like i{
font-size: 30px;
top: 4px;
position: relative;
}
.big-cinema-item-col6 .overlay-details-bottom-part a.share svg, .big-cinema-item-col6 .overlay-details-bottom-part a.like i{
font-size: 50px;
top: 9px;
position: relative;
}
.big-cinema-item-col6 .overlay-details .overlay-details-bottom-part span.cost{
font-size: 30px;
}
.it-detail p, .it-detail{
color: #000000;
font-size: 20px;
line-height: 24px;
}
.mobile-detail p, .mobile-detail{
color: #000000;
font-size: 16px;
line-height: 24px;
}
.nav.nav-pills.details-page .tablinks:hover{
color: #ffffff
}
.nav.nav-pills.details-page .tablinks.active{
color: #ffffff;
background-color: #d43d34;
border-color: #d43d34;
}
.dropdown-menu{
border: none;
}
#myTabContent .tabcontent{
display: none;
}
.tickets_table_wrap tr.checkout input[type=submit]{
width: 100%;
color: #ffffff;
background-color: #d33d33;
height: fit-content;
font-size: 20px;
padding: 12px 60px;
border-radius: 5px;
margin-right: 0;
transition-property: background-color;
transition-duration: .2s;
border: #d33d33;
}
.tickets_table_wrap tr.checkout input[type=submit]:hover{
background-color: #db635b;
text-decoration: none;
}
.tickets_table_wrap tr.checkout input[type=submit]:active{
background-color: #d33d33;
}
.tickets_table_wrap tr.checkout input[type=submit]:focus{
box-shadow: none !important;
}
input[type=checkbox].input-reserved ~ label svg{
fill: #4e5ced;
}
input[type=checkbox].input-booked ~ label svg{
fill: #06b84d;
}
choose_seats_content > div.tab-pane.fade{
display: none !important;
}
#choose_seats_content div.tab-pane.fade.active.show{
display: block !important;
}
#confirm-seats{
background-color: #d43d34;
color: #ffffff;
}
#kinoteator-tab1 .owl-dots, .movie-items-group .owl-dots {
margin-top: 30px;
}
.tab-ozi {
margin-top: 40px;
}
#konserty .tab-ozi {
margin-top: 40px;
}
#konserty-tab1 .owl-nav {
top: -90px;
right: 0px;
}
#konserty-tab1 .owl-dots {
margin-top: 30px;
}
#teator.container{
padding: 100px 7.2% !important;
}
.seats-map:focus{
border: none;
outline: none;
box-shadow: none;
}
.check-order-btn{
background-color: rgba(211,61,51,1) !important;
}
.pagination-wrapper ul.pagination{
width: fit-content;
margin: 20px auto;
}
.pagination-wrapper span.page-link{
width: auto;
}
.pagination-wrapper .page-item *{
color: rgba(211,61,51,1);
}
.pagination-wrapper .page-item.active .page-link{
background-color: rgba(211,61,51,1);
border-color: rgba(211,61,51,1);
}
#mobile .navbar-brand {
position: absolute;
left: 50%;
top: 8px;
transform: translateX(-50%); }
#mobile .navbar-collapse {
position: absolute;
top: 70px; }
#mobile .header-search-a {
margin-top: 5px;
margin-right: 32px; }
#mobile .header-search-a i {
font-size: 20px; }
#mobile nav.navbar {
background-image: url(../images/bg/menu-bg.svg);
background-position: center center;
background-size: cover;
padding-right: 0;
padding-left: 0;
height: 70px; }
#mobile .navbar-toggler {
border: none;
margin-left: 32px;
padding: 0; }
#mobile .navbar-toggler:focus {
outline: none;
border: none; }
#mobile .navbar-toggler span {
color: #ffffff !important;
background-image: none !important;
font-size: 24px; }
#mobile #mob-top-slider .bg-img {
background-size: cover;
background-position: center center;
width: 100%;
padding-top: 75%; }
#mobile #mob-top-slider .owl-dots {
display: none; }
#mobile #mob-top-slider .owl-nav {
display: none; }
#mobile .mob-footer h2 {
font-size: 20px; }
#mobile .mob-footer p {
font-size: 13px;
color: #ffffff;
width: 100%; }
#mobile .mob-footer p.all-rights {
border-top: 1px solid #ffffff;
margin: 15px 0 0 0;
padding: 23px 0; }
#mobile .mob-footer input {
height: 36px; }
#mobile .mob-footer input[type=text]::placeholder {
color: #ab4541; }
#mobile .mob-footer input[type=text]:focus {
outline: none !important;
border: none !important;
font-size: 12px; }
#mobile .mob-footer input[type=submit] {
background-color: unset;
border: 1px solid #ffffff;
border-radius: 5px;
color: #ffffff;
font-size: 12px; }
#mobile .mob-footer ul {
list-style: none;
padding: 0 10px; }
#mobile .mob-footer li {
margin-bottom: 10px; }
#mobile .mob-footer li a {
color: #ffffff;
font-size: 10px; }
#mobile .title-bottom-line {
height: 3px;
margin-top: 2px;
width: 40px;
background-color: #d43d34; }
#mobile .section-section h5 {
font-size: 17px;
font-weight: bold;
margin-bottom: -5px; }
#mobile .section-section .show-all {
font-size: 13px;
color: #ffffff;
background-color: #d43d34;
border-radius: 5px;
line-height: 36px;
padding: 0 13px;
margin-top: -1px; }
#mobile .section-section .dropdown-menu {
min-width: unset;
padding: 0 5px; }
#mobile .section-section .dropdown-menu li:last-child a {
border: none; }
#mobile .section-menu-ul {
padding-left: 0; }
#mobile .section-menu-ul li {
display: inline-block;
margin-right: 10px; }
#mobile .section-menu-ul li a {
font-size: 11px;
color: #000000; }
#mobile .owl-carousel .owl-stage::after {
content: unset !important; }
#mobile #section-slider1 .item, #mobile #section-slider2 .item, #mobile #section-slider3 .item {
text-align: center;
border-radius: 10px; }
#mobile #section-slider1 .overlay-details.smalll, #mobile #section-slider2 .overlay-details.smalll, #mobile #section-slider3 .overlay-details.smalll {
position: absolute;
bottom: 0; }
#mobile #section-slider1 .overlay-details.smalll .title, #mobile #section-slider2 .overlay-details.smalll .title, #mobile #section-slider3 .overlay-details.smalll .title {
font-size: 22px;
font-weight: bold; }
#mobile #section-slider1 .owl-nav, #mobile #section-slider2 .owl-nav, #mobile #section-slider3 .owl-nav {
display: none; }
#mobile #section-slider1 .owl-dots, #mobile #section-slider2 .owl-dots, #mobile #section-slider3 .owl-dots {
padding-top: 20px; }
#mobile #section-slider1 .owl-dots .owl-dot span, #mobile #section-slider2 .owl-dots .owl-dot span, #mobile #section-slider3 .owl-dots .owl-dot span {
height: 4px;
width: 20px;
background-color: #f1c4c1; }
#mobile #section-slider1 .owl-dots .owl-dot.active span, #mobile #section-slider2 .owl-dots .owl-dot.active span, #mobile #section-slider3 .owl-dots .owl-dot.active span {
background-color: #d53c34; }
#mobile .container-checkbox .checkmark::after {
left: 4px;
top: 2px;
width: 5px;
height: 8px;
border: solid black;
border-width: 0px 1.5px 1.5px 0px; }
#mobile #login-login, #mobile #login-signup {
font-size: 14px;
padding: 5px 10px; }
#mobile input[type=text]::placeholder {
font-size: 14px !important; }
#mobile input[type=email]::placeholder {
font-size: 14px !important; }
#mobile input:focus {
outline: none; }
#mobile #mbirth select, #mobile #mbirth option {
font-size: 14px !important;
height: 40px; }
#mobile #mbirth > .col-4 {
padding: 0 3px; }
#mobile #msubmit-a {
background-color: #d43d34;
color: #ffffff;
padding: 10px 60px;
border-radius: 5px; }
#mobile #mlogin-form input[type=text] {
color: #000000;
font-size: 24px;
width: 100%;
border: none;
padding-left: 0;
border-bottom: 2px solid #808080;
margin: 10px 0;
padding-bottom: 15px; }
#mobile #mlogin-form input[type=password] {
color: #000000;
font-size: 24px;
width: 100%;
border: none;
padding-left: 0;
border-bottom: 2px solid #808080;
margin: 10px 0;
padding-bottom: 15px; }
#mobile #mlogin-form input[type=text]:focus {
outline: none; }
#mobile #mlogin-form input[type=password]:focus {
outline: none; }
#mobile #mlogin-form .form-group input[type=text]::placeholder {
color: black !important; }
#mobile #mlogin-form .form-group input[type=password]::placeholder {
color: black !important; }
#mobile #mlogin-forgot {
font-size: 22px;
color: #000000; }
#mobile #mlogin-login, #mobile #mlogin-signup {
width: 48%;
border-radius: 5px;
text-align: center;
padding: 10px 10px;
font-size: 14px; }
#mobile #mlogin-login {
background-color: #d43d34;
color: #ffffff; }
#mobile #mlogin-signup {
border: 1px solid #000000;
color: #000000; }
#mobile #mlogin-term {
width: 100%;
display: block;
text-align: center;
margin-top: 25px;
color: #000000;
font-size: 20px;
text-decoration: underline; }
#mobile #mcontinue-as-guest {
width: 100%;
color: #d43d34;
border: 1px solid #d43d34;
border-radius: 5px;
display: block;
text-align: center;
padding: 10px;
font-size: 24px; }
#mobile #mchoose_seats li {
margin: 0 5px; }
#mobile #mchoose_seats li a {
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
font-size: 24px;
padding: 15px 50px; }
#mobile #mchoose_seats li a.active.show {
color: #ffffff;
background-color: #d43d34;
border-color: #d43d34; }
#mobile #mchoose_seats_content > div.active.show .seats-top-overlay {
display: none; }
#mobile #mseats-form input:checked ~ label svg {
fill: #d43d34; }
#mobile tr.first-tr td {
font-size: 6px; }
#mobile tr.last-tr td {
font-size: 6px; }
#seats tr td:first-child {
font-size: 20px;
display: block;
}
#mobile tr {
height: 10px; }
#mobile td label {
margin-bottom: 0 !important; }
#mobile td svg {
margin: 3px;
width: 30px !important;
height: 30px !important; }
#mobile .seats-top-overlay {
width: 100%;
display: block; }
#mobile #mchoose_seats_content > div.active.show .seats-top-overlay {
display: none; }
#mobile #mconfirm-seats {
font-size: 14px;
color: #d43d34;
display: block;
width: 100%;
border: 1px solid #d43d34;
border-radius: 5px;
padding: 7px 20px; }
#mobile .review-and-pay span {
position: absolute;
color: #ffffff;
background-color: #d43d34;
border-radius: 2px;
padding: 5px 10px;
top: 0;
font-size: 10px;
margin-top: 5px;
margin-left: 5px; }
#mobile .review-and-pay-form input[type=text]::placeholder, #mobile .review-and-pay-form input[type=email]::placeholder {
font-size: 12px !important; }
#mobile .review-and-pay-form input[type=text] {
font-size: 14px; }
#mobile .review-and-pay-form .form-group {
margin-bottom: 0; }
#mobile .review-and-pay-form input {
padding-bottom: 0; }
#mobile #navbarSupportedContent {
z-index: 100;
background-color: #ffffff; }
.capitalizer{
display: block;
text-transform: lowercase;
}
.capitalizer:first-letter{
text-transform: uppercase;
}
.text_black *{
color: #000000 !important;
}