html{ font-size: 0.875em; line-height: 1.5; height: 100%; background-color: #242424; } body{ margin:0; padding:0; background-color: #cfe4eb; color: #121212; font-family: Arial, sans-serif; font-size: 14px; } body.hidden{overflow:hidden;} a, a:hover{text-decoration:none;} *, *::before, *::after { -moz-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; } figure { margin: 0; } .clear:after{ content: ""; display: table; clear: both; } header{position: relative;background-color: #F5F5F5;z-index:10;} .social-btn{width:40px;height:40px;margin-left:10px;display:inline-block;background-position:center;background-repeat: no-repeat;background-size: 80% 80%;} .social-btn.vk{background-color: #2F76A4;background-image: url(../img/social/vk.svg);} .social-btn.fb{background-color: #4E66A2;background-image: url(../img/social/fb.svg);} .main-info{padding: 15px 20px;} @media screen and (min-width: 900px) and (max-width: 1199px){ .wrap{width: 900px;margin: 0 auto;} } @media screen and (min-width: 1200px){ .wrap{width: 1200px;margin: 0 auto;} } @media screen and (max-width: 719px){ header>.wrap{position: relative;padding:10px 60px 10px 0;} header>.wrap>.logo{max-width: 100%;height: 60px;padding: 0 15px;} header>.wrap>.logo img{display:block;margin: 0 auto;max-height: 100%;max-width: 100%;} header>.wrap>.menu-btn{position:absolute;top:10px;right:0;padding: 0 15px;height: 60px;line-height: 60px;cursor: pointer;} header>.wrap>.menu-btn>span{font-size: 1.7em;color: #fff;} header>.wrap>.menu-btn>span>.open{display:inline-block;color:#333;} header>.wrap>.menu-btn>span>.close{display:none;} header>.wrap>.menu-btn.active{position: fixed;top: 20px;right: 20px;z-index: 30;} header>.wrap>.menu-btn.active>span>.open{display:none;} header>.wrap>.menu-btn.active>span>.close{display:inline-block;} header>.wrap>.content{display:none;} } @media screen and (min-width: 720px) and (max-width: 899px){ header>.wrap{position: relative;padding:10px 60px 10px 0;} header>.wrap>.logo{float:left;width:150px;margin-right:-150px;height: 60px;padding: 0 15px;} header>.wrap>.logo img{display:block;margin: 0 auto;height: 100%;max-width: 100%;} header>.wrap>.menu-btn{position:absolute;top:10px;right:0;padding: 0 15px;height: 60px;line-height: 60px;cursor: pointer;} header>.wrap>.menu-btn>span{font-size: 1.7em;color: #fff;} header>.wrap>.menu-btn>span>.open{display:inline-block;color:#333;} header>.wrap>.menu-btn>span>.close{display:none;} header>.wrap>.menu-btn.active{position: fixed;top: 20px;right: 20px;z-index: 30;} header>.wrap>.menu-btn.active>span>.open{display:none;} header>.wrap>.menu-btn.active>span>.close{display:inline-block;} header>.wrap>.content{margin-left:150px;padding: 0 15px;text-align: right;} header>.wrap>.content .social.icons{background: none !important;display: inline-block;vertical-align: middle;} header>.wrap>.content .social.icons>.item{background: #333;border-radius: 50%;} header>.wrap>.content .contacts{display: inline-block;vertical-align: middle;margin-left:20px;} } @media screen and (min-width: 900px) and (max-width: 1199px){ header{background-color:#fff;background-image: url(../img/header_bg.jpg);background-repeat: no-repeat;} header>.wrap{position: relative;padding:30px 15px;} header>.wrap>.logo{float:left;width:270px;margin-right:-250px;} header>.wrap>.logo img{display:block;margin: 0 auto;height: 100%;max-width: 100%;} header>.wrap>.menu-btn{display: none;} header>.wrap>.content{margin-left: 285px;text-align: right;} header>.wrap>.content .social.icons{background: none !important;display: inline-block;vertical-align: middle;} header>.wrap>.content .social.icons>.item{background: #333;border-radius: 50%;} header>.wrap>.content .contacts{display: inline-block;vertical-align: middle;} } @media screen and (min-width: 1200px){ header{background-color:#fff;background-image: url(../img/header_bg.jpg);background-position: center center; background-repeat: no-repeat;} header>.wrap{position: relative;padding:30px 15px;} header>.wrap>.logo{float:left;width:270px;margin-right:-250px;} header>.wrap>.logo img{display:block;margin: 0 auto;height: 100%;max-width: 100%;} header>.wrap>.menu-btn{display: none;} header>.wrap>.content{margin-left: 285px;text-align: right;} header>.wrap>.content .social.icons{background: none !important;display: inline-block;vertical-align: middle;} header>.wrap>.content .social.icons>.item{background: #333;border-radius: 50%;} header>.wrap>.content .contacts{display: inline-block;vertical-align: middle;margin-left:20px;} } /*--Меню--*/ #menu>.wrap>.content-list.menu>.item .icon{display: none;} @media screen and (max-width: 719px){ #menu{background-color: #e6e6e7;position:fixed;z-index:30;top:0;left:-100%;width:100%;bottom:0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #menu.active{left:0;} #menu>.wrap{position: relative;padding-right:60px;} #menu>.wrap>.menu-btn{position:absolute;top:0;right:0;padding: 0 15px;height: 60px;line-height: 60px;cursor: pointer;} #menu>.wrap>.menu-btn>span{font-size: 1.7em;color: #fff;} #menu>.wrap>.menu-btn>span>.open{display:inline-block;color:#333;} #menu>.wrap>.menu-btn>span>.close{display:none;color:#333;} #menu>.wrap>.menu-btn.active{} #menu>.wrap>.menu-btn.active>span>.open{display:none;} #menu>.wrap>.menu-btn.active>span>.close{display:inline-block;} #menu>.wrap>.content-list.menu{} #menu>.wrap>.content-list.menu>.item{} #menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span{display: block;text-decoration: none;padding: 10px 0;} #menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon{margin-bottom: 10px;} #menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img{display: block;width:35px;margin: 0 auto;} #menu>.wrap>.content-list.menu>.item>a>.title, #menu>.wrap>.content-list.menu>.item>span>.title{text-align: left; color:#333;padding: 0 20px;} #menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span{background-color: #45548E;} #menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span>.title{color: #E6E6E7;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} #menu>.wrap>.content-list.menu>.item.parent .arrow{display: none;} #menu .child{background-color: #666;} #menu>.wrap>.content-list.menu>.item.parent:last-child .child{right:0;left:auto;} #menu .child>.content-list{} #menu .child>.content-list>.item{} #menu .child>.content-list>.item>a{line-height: 30px;display: block;padding:10px 0;} #menu .child>.content-list>.item:hover{background-color: rgba(0,0,0,0.2);} #menu .child>.content-list>.item>a>.title, #menu .child>.content-list>.item>span>.title{text-align: left; color:#fff;padding: 0 20px;} #menu>.wrap>.content-list.menu>.item.parent:hover .child{display: block;} #menu>.wrap>.search-btn{display:none;} #menu>.wrap>.form-search{padding: 10px 15px;} #menu>.wrap>.form-search.active{display: block;} #menu>.wrap>.form-search label{display: none;} #menu>.wrap>.form-search input[type="text"]{width: 100%;border:0;outline: none;height: 35px;padding: 0 15px;} } @media screen and (min-width: 720px) and (max-width: 899px){ #menu{background-color: #e6e6e7;position:fixed;z-index:30;top:0;left:-100%;width:100%;bottom:0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #menu.active{left:0;} #menu>.wrap{position: relative;padding-right:60px;} #menu>.wrap>.menu-btn{position:absolute;top:0;right:0;padding: 0 15px;height: 60px;line-height: 60px;cursor: pointer;} #menu>.wrap>.menu-btn>span{font-size: 1.7em;color: #fff;} #menu>.wrap>.menu-btn>span>.open{display:inline-block;color:#333;} #menu>.wrap>.menu-btn>span>.close{display:none;color:#333;} #menu>.wrap>.menu-btn.active{} #menu>.wrap>.menu-btn.active>span>.open{display:none;} #menu>.wrap>.menu-btn.active>span>.close{display:inline-block;} #menu>.wrap>.content-list.menu{} #menu>.wrap>.content-list.menu>.item{} #menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span{display: block;text-decoration: none;padding: 10px 0;} #menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon{margin-bottom: 10px;} #menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img{display: block;width:35px;margin: 0 auto;} #menu>.wrap>.content-list.menu>.item>a>.title, #menu>.wrap>.content-list.menu>.item>span>.title{text-align: left; color:#333;padding: 0 20px;} #menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span{background-color: #45548E;} #menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span>.title{color: #E6E6E7;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} #menu>.wrap>.content-list.menu>.item.parent .arrow{display: none;} #menu .child{background-color: #666;} #menu>.wrap>.content-list.menu>.item.parent:last-child .child{right:0;left:auto;} #menu .child>.content-list{} #menu .child>.content-list>.item{} #menu .child>.content-list>.item>a{line-height: 30px;display: block;padding:10px 0;} #menu .child>.content-list>.item:hover{background-color: rgba(0,0,0,0.2);} #menu .child>.content-list>.item>a>.title, #menu .child>.content-list>.item>span>.title{text-align: left; color:#fff;padding: 0 20px;} #menu>.wrap>.content-list.menu>.item.parent:hover .child{display: block;} #menu>.wrap>.search-btn{display:none;} #menu>.wrap>.form-search{padding: 10px 15px;} #menu>.wrap>.form-search.active{display: block;} #menu>.wrap>.form-search label{display: none;} #menu>.wrap>.form-search input[type="text"]{width: 100%;border:0;outline: none;height: 35px;padding: 0 15px;} } @media screen and (min-width: 900px) and (max-width: 1199px){ #menu{background-color: #e6e6e7;position:relative;z-index: 20;box-shadow: 0 0 5px rgba(0,0,0,0.6);} #menu>.wrap{padding-right: 80px;position: relative;} #menu>.wrap>.content-list.menu{display:table;width:100%;} #menu>.wrap>.content-list.menu.hide{display:none;} #menu>.wrap>.content-list.menu>.item{display: table-cell;} #menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span{padding: 15px 0;display: block;text-decoration: none;} #menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon{margin-bottom: 10px;} #menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img{display: block;width:50px;margin: 0 auto;} #menu>.wrap>.content-list.menu>.item>a>.title, #menu>.wrap>.content-list.menu>.item>span>.title{text-align: center; color:#333;font-family: 'SegoeUIBold';font-size: 1.2em;} #menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span{background-color: #333;} #menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span>.title{color: #E6E6E7;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} #menu>.wrap>.content-list.menu>.item.parent{position: relative;} #menu>.wrap>.content-list.menu>.item.parent .arrow{position: absolute;bottom:0;left:0;right:0;text-align: center;color:#333;} #menu>.wrap>.content-list.menu>.item.parent:hover .arrow{color: #E6E6E7;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} #menu .child{display:none;position: absolute; top:100%;left:0;width: 200%;background-color: #333;padding: 10px 0;} #menu>.wrap>.content-list.menu>.item.parent:last-child .child{right:0;left:auto;} #menu>.wrap>.content-list.menu>.item.parent .child .arrow{display: none;} #menu .child>.content-list{} #menu .child>.content-list>.item{} #menu .child>.content-list>.item>a{line-height: 35px;display: block;padding:0 10px;} #menu .child>.content-list>.item:hover{background-color: rgba(0,0,0,0.2);} #menu>.wrap>.content-list.menu>.item.parent:hover .child{display: block;} #menu>.wrap>.menu-btn{display: none;} #menu>.wrap>.search-btn{position:absolute;top:0;right:0;padding: 0 15px;height: 55px;line-height: 55px;cursor: pointer;} #menu>.wrap>.search-btn>span{font-size: 1.7em;color: #fff;} #menu>.wrap>.search-btn>span>.open{display:inline-block;color:#333;} #menu>.wrap>.search-btn>span>.close{display:none;color:#333;} #menu>.wrap>.search-btn.active>span>.open{display:none;} #menu>.wrap>.search-btn.active>span>.close{display:inline-block;} #menu>.wrap>.form-search{padding: 10px 15px;display: none;} #menu>.wrap>.form-search.active{display: block;} #menu>.wrap>.form-search label{display: none;} #menu>.wrap>.form-search input[type="text"]{width: 100%;border:0;outline: none;height: 35px;padding: 0 15px;} } @media screen and (min-width: 1200px){ #menu{background-color: #e6e6e7;position:relative;z-index: 20;box-shadow: 0 0 5px rgba(0,0,0,0.6);} #menu>.wrap{padding-right: 200px;position: relative;} #menu>.wrap>.content-list.menu{display:table;width:100%;} #menu>.wrap>.content-list.menu.hide{display:none;} #menu>.wrap>.content-list.menu>.item{display: table-cell;} #menu>.wrap>.content-list.menu>.item>a, #menu>.wrap>.content-list.menu>.item>span{padding: 15px 0;display: block;text-decoration: none;} #menu>.wrap>.content-list.menu>.item>a>.icon, #menu>.wrap>.content-list.menu>.item>span>.icon{margin-bottom: 10px;} #menu>.wrap>.content-list.menu>.item>a>.icon>img, #menu>.wrap>.content-list.menu>.item>span>.icon>img{display: block;width:50px;margin: 0 auto;} #menu>.wrap>.content-list.menu>.item>a>.title, #menu>.wrap>.content-list.menu>.item>span>.title{text-align: center; color:#333;font-family: 'SegoeUIBold';font-size: 1.2em;} #menu>.wrap>.content-list.menu>.item:hover>a, #menu>.wrap>.content-list.menu>.item:hover>span{background-color: #333;} #menu>.wrap>.content-list.menu>.item:hover>a>.title, #menu>.wrap>.content-list.menu>.item:hover>span>.title{color: #E6E6E7;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} #menu>.wrap>.content-list.menu>.item.parent{position: relative;} #menu>.wrap>.content-list.menu>.item.parent .arrow{position: absolute;bottom:0;left:0;right:0;text-align: center;color:#333;} #menu>.wrap>.content-list.menu>.item.parent:hover .arrow{color: #E6E6E7;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} #menu .child{display:none;position: absolute; top:100%;left:0;width: 200%;background-color: #333;padding: 10px 0;} #menu>.wrap>.content-list.menu>.item.parent:last-child .child{right:0;left:auto;} #menu>.wrap>.content-list.menu>.item.parent .child .arrow{display: none;} #menu .child>.content-list{} #menu .child>.content-list>.item{} #menu .child>.content-list>.item>a{line-height: 35px;display: block;padding:0 10px;} #menu .child>.content-list>.item:hover{background-color: rgba(0,0,0,0.2);} #menu>.wrap>.content-list.menu>.item.parent:hover .child{display: block;} #menu>.wrap>.menu-btn{display: none;} #menu>.wrap>.search-btn{position:absolute;top:0;right:0;padding: 0 15px;height: 55px;line-height: 55px;cursor: pointer;} #menu>.wrap>.search-btn>span{font-size: 1.7em;color: #fff;} #menu>.wrap>.search-btn>span>.open{display:inline-block;color:#333;} #menu>.wrap>.search-btn>span>.close{display:none;color:#333;} #menu>.wrap>.search-btn.active>span>.open{display:none;} #menu>.wrap>.search-btn.active>span>.close{display:inline-block;} #menu>.wrap>.form-search{padding: 10px 15px;display: none;} #menu>.wrap>.form-search.active{display: block;} #menu>.wrap>.form-search label{display: none;} #menu>.wrap>.form-search input[type="text"]{width: 100%;border:0;outline: none;height: 35px;padding: 0 15px;} } .wrapper{background-color: #fff;} @media screen and (max-width: 719px){ .wrapper{padding: 20px 0;background-color: #fff;display: flex;flex-flow: row wrap;} .wrapper>.content{padding: 0 15px;order: 1;flex: 1 100%;overflow: hidden;} .wrapper>.sidebar{order: 2;flex: 1 100%;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;margin-top: 20px;overflow: hidden;} .wrapper>.sidebar>.block{padding: 0 15px;width: 100%;margin-top: 20px;} .wrapper>.sidebar>.block:first-child{margin-top: 0;} .wrapper>.sidebar>.block>.head{margin-bottom: 10px;} .wrapper>.sidebar>.block>.head span{font-family: 'SegoeUIBold';font-size: 1.2em;color: #0067B8;line-height: 1;} } @media screen and (min-width: 720px) and (max-width: 899px){ .wrapper{padding: 20px 0;} .wrapper>.content{padding: 0 20px;} .wrapper>.sidebar{padding-right: 20px;float:right;width: 300px;margin-left:-300px;position: relative;z-index: 1;} .wrapper>.sidebar + .content{padding: 0 20px;width: 100%;float:right;padding-right: 320px;} .wrapper>.sidebar>.block{margin-top: 20px;} .wrapper>.sidebar>.block:first-child{margin-top: 0;} .wrapper>.sidebar>.block>.head{margin-bottom: 10px;} .wrapper>.sidebar>.block>.head span{font-family: 'SegoeUIBold';font-size: 1.2em;color: #0067B8;line-height: 1;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .wrapper{padding: 20px 0;} .wrapper>.content{padding: 0 20px;} .wrapper>.sidebar{padding-right: 20px;float:right;width: 300px;margin-left:-300px;position: relative;z-index: 1;} .wrapper>.sidebar + .content{padding: 0 20px;width: 100%;float:right;padding-right: 320px;} .wrapper>.sidebar>.block{margin-top: 20px;} .wrapper>.sidebar>.block:first-child{margin-top: 0;} .wrapper>.sidebar>.block>.head{margin-bottom: 10px;} .wrapper>.sidebar>.block>.head span{font-family: 'SegoeUIBold';font-size: 1.4em;ext-transform: uppercase;color: #0067B8;line-height: 1;} } @media screen and (min-width: 1200px){ .wrapper{padding: 20px 0;} .wrapper>.content{padding: 0 20px;} .wrapper>.sidebar{padding-right: 20px;float:right;width: 300px;margin-left:-300px;position: relative;z-index: 1;} .wrapper>.sidebar + .content{padding: 0 20px;width: 100%;float:right;padding-right: 320px;} .wrapper>.sidebar>.block{margin-top: 20px;} .wrapper>.sidebar>.block:first-child{margin-top: 0;} .wrapper>.sidebar>.block>.head{margin-bottom: 10px;} .wrapper>.sidebar>.block>.head span{font-family: 'SegoeUIBold';font-size: 1.6em;text-transform: uppercase;color: #0067B8;line-height: 1;} } .block.entertainment{} .block.entertainment>.head{position:relative;padding: 20px 20px 0;} .block.entertainment>.head *{color: #0067B8;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .block.entertainment>.content{} .block.entertainment>.content>.content-list{} .block.entertainment>.content>.content-list>.item{} .block.entertainment>.content>.content-list>.item .icon{} .block.entertainment>.content>.content-list>.item .icon img{display:block;width: 100%;} .block.entertainment>.content>.content-list>.item .title{display: none;} @media screen and (max-width: 719px){ .block.entertainment{background-color: #fff;} .block.entertainment>.content{padding: 20px 15px;} .block.entertainment>.content>.content-list>.item{margin-top: 10px;} .block.entertainment>.content>.content-list>.item:first-child{margin-top: 0;} } @media screen and (min-width: 720px) and (max-width: 899px){ .block.entertainment>.head{background-color: #fff;} .block.entertainment>.content{background-color: #fff;padding: 20px 0;} .block.entertainment>.content>.content-list>.item{float:left;width: 33.33%;padding: 0 20px;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .block.entertainment>.head{background-color: #fff;} .block.entertainment>.content{background-color: #fff;padding: 20px 0;} .block.entertainment>.content>.content-list>.item{float:left;width: 33.33%;padding: 0 20px;} } @media screen and (min-width: 1200px){ .block.entertainment>.head{background-color: #fff;} .block.entertainment>.content{background-color: #fff;padding: 20px 0;} .block.entertainment>.content>.content-list>.item{float:left;width: 33.33%;padding: 0 20px;} } .last-news{} @media screen and (max-width: 399px){ .last-news{} .last-news .content-list{} .last-news .content-list>.item{margin-top: 10px;box-shadow: 0 0 4px rgba(0,0,0,0.4);background-color: #ededed;} .last-news .content-list>.item:first-child{margin-top: 0;} .last-news .content-list>.item>.media{height: 150px;overflow: hidden;} .last-news .content-list>.item>.media img{display: block;width: 100%;} .last-news .content-list>.item>.content{padding: 10px;} .last-news .content-list>.item>.content>.date{} .last-news .content-list>.item>.content>.date span{font-family: 'SegoeUILight';font-size: 0.8em;} .last-news .content-list>.item>.content>.title{} .last-news .content-list>.item>.content>.title span{color: #0067B8;font-family: 'SegoeUIBold';line-height: 1;} } @media screen and (min-width: 400px) and (max-width: 719px){ .last-news{} .last-news .content-list{} .last-news .content-list>.item{width: calc(50% - 5px);float:left;margin-bottom: 10px;box-shadow: 0 0 4px rgba(0,0,0,0.4);background-color: #ededed;margin-right: 10px;} .last-news .content-list>.item:nth-child(2n){margin-right: 0;} .last-news .content-list>.item>.media{height: 150px;overflow: hidden;} .last-news .content-list>.item>.media img{display: block;width: 100%;} .last-news .content-list>.item>.content{padding: 10px;min-height: 150px;} .last-news .content-list>.item>.content>.date{} .last-news .content-list>.item>.content>.date span{font-family: 'SegoeUILight';font-size: 0.8em;} .last-news .content-list>.item>.content>.title{} .last-news .content-list>.item>.content>.title span{color: #0067B8;font-family: 'SegoeUIBold';line-height: 1;} } @media screen and (min-width: 720px) and (max-width: 899px){ .last-news{} .last-news .content-list{} .last-news .content-list>.item{margin-top: 10px;box-shadow: 0 0 4px rgba(0,0,0,0.4);background-color: #ededed;} .last-news .content-list>.item:first-child{margin-top: 0;} .last-news .content-list>.item>.media{} .last-news .content-list>.item>.media img{display: block;width: 100%;} .last-news .content-list>.item>.content{padding: 10px;} .last-news .content-list>.item>.content>.date{} .last-news .content-list>.item>.content>.date span{font-family: 'SegoeUILight';font-size: 0.8em;} .last-news .content-list>.item>.content>.title{} .last-news .content-list>.item>.content>.title span{color: #0067B8;font-family: 'SegoeUIBold';line-height: 1;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .last-news{} .last-news .content-list{} .last-news .content-list>.item{margin-top: 10px;box-shadow: 0 0 4px rgba(0,0,0,0.4);background-color: #ededed;} .last-news .content-list>.item:first-child{margin-top: 0;} .last-news .content-list>.item>.media{} .last-news .content-list>.item>.media img{display: block;width: 100%;} .last-news .content-list>.item>.content{padding: 10px;} .last-news .content-list>.item>.content>.date{} .last-news .content-list>.item>.content>.date span{font-family: 'SegoeUILight';font-size: 0.8em;} .last-news .content-list>.item>.content>.title{} .last-news .content-list>.item>.content>.title span{color: #0067B8;font-family: 'SegoeUIBold';line-height: 1;} } @media screen and (min-width: 1200px){ .last-news{} .last-news .content-list{} .last-news .content-list>.item{margin-top: 10px;box-shadow: 0 0 4px rgba(0,0,0,0.4);background-color: #ededed;} .last-news .content-list>.item:first-child{margin-top: 0;} .last-news .content-list>.item>.media{} .last-news .content-list>.item>.media img{display: block;width: 100%;} .last-news .content-list>.item>.content{padding: 10px;} .last-news .content-list>.item>.content>.date{} .last-news .content-list>.item>.content>.date span{font-family: 'SegoeUILight';font-size: 0.8em;} .last-news .content-list>.item>.content>.title{} .last-news .content-list>.item>.content>.title span{color: #0067B8;font-family: 'SegoeUIBold';line-height: 1;} } /*--Слайдер фильмов--*/ @media screen and (max-width: 767px){ .top-film{background-color: #e6e6e7;box-shadow: 0 0 5px rgba(0,0,0,0.6);} .top-film>.head{padding: 10px 15px;position:relative;} .top-film>.head span{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .top-film>.content{padding: 20px 0;} .top-film>.head + .content{padding: 0 0 20px;} .top-film>.content .item{} .top-film>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .overlay>.info{display: none;} .top-film>.content .item .overlay>.manipulate{padding: 0 25px;height: 100%;} .top-film>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-film>.content .item .overlay>.manipulate .btn a{display: block;} .top-film>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-film>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-film>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-film>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-film>.content .item .overlay>.manipulate .btn.schedule{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019; cursor: pointer;} .top-film>.content .item .overlay>.manipulate .btn.schedule:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule span{color: #333;} .top-film>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-film>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-film>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-film>.content .item .soon span{color:#fff;} .top-film>.content .item:hover .trailer{top:0;} } @media screen and (min-width: 768px) and (max-width: 899px){ .top-film{background-color: #e6e6e7;box-shadow: 0 0 5px rgba(0,0,0,0.6);} .top-film>.head{padding: 10px 15px;position:relative;} .top-film>.head span{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .top-film>.content{padding: 20px 0;} .top-film>.head + .content{padding: 0 0 20px;} .top-film>.content .item{} .top-film>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;width:200%;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .overlay>.info, .top-film>.content .item .overlay>.manipulate{float:left;width: 50%;height: 100%;} .top-film>.content .item .overlay>.info{padding: 0 15px;} .top-film>.content .item .overlay>.info>.title{} .top-film>.content .item .overlay>.info>.title span{font-family: 'SegoeUIBold';color:#fff;text-transform: uppercase;} .top-film>.content .item .overlay>.info>.genres{line-height: 100%;} .top-film>.content .item .overlay>.info>.genres span{font-family: 'SegoeUIRegular';color:#e2e2e2;font-size: 0.9em;text-transform: capitalize;} .top-film>.content .item .overlay>.info>.genres .divider{margin: 0 5px;} .top-film>.content .item .overlay>.manipulate{padding: 0 25px;} .top-film>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-film>.content .item .overlay>.manipulate .btn a{display: block;} .top-film>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-film>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-film>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-film>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-film>.content .item .overlay>.manipulate .btn.schedule{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019;cursor: pointer;} .top-film>.content .item .overlay>.manipulate .btn.schedule:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule span{color: #333;} .top-film>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-film>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-film>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-film>.content .item .soon span{color:#fff;} .top-film>.content .item:hover .overlay{left:-100%;} .top-film>.content .item:hover .trailer{top:0;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .top-film{background-color: #121212; background-image: url(/images/top-bg.jpg);background-position: center center;background-attachment: fixed;background-repeat: no-repeat;} .top-film>.head{padding: 10px 15px;position:relative;} .top-film>.head span{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .top-film>.content{padding: 20px 0;} .top-film>.head + .content{padding: 0 0 20px;} .top-film>.content .item{} .top-film>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;width:200%;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .overlay>.info, .top-film>.content .item .overlay>.manipulate{float:left;width: 50%;height: 100%;} .top-film>.content .item .overlay>.info{padding: 0 15px;} .top-film>.content .item .overlay>.info>.title{} .top-film>.content .item .overlay>.info>.title span{font-family: 'SegoeUIBold';color:#fff;text-transform: uppercase;} .top-film>.content .item .overlay>.info>.genres{line-height: 100%;} .top-film>.content .item .overlay>.info>.genres span{font-family: 'SegoeUIRegular';color:#e2e2e2;font-size: 0.9em;text-transform: capitalize;} .top-film>.content .item .overlay>.info>.genres .divider{margin: 0 5px;} .top-film>.content .item .overlay>.manipulate{padding: 0 25px;} .top-film>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-film>.content .item .overlay>.manipulate .btn a{display: block;} .top-film>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-film>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-film>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-film>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-film>.content .item .overlay>.manipulate .btn.schedule{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019;cursor: pointer;} .top-film>.content .item .overlay>.manipulate .btn.schedule:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule span{color: #333;} .top-film>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-film>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-film>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-film>.content .item .soon span{color:#fff;} .top-film>.content .item:hover .overlay{left:-100%;} .top-film>.content .item:hover .trailer{top:0;} } @media screen and (min-width: 1200px){ .top-film{background-color: #121212; background-image: url(/images/top-bg.jpg);background-position: center center;background-attachment: fixed;background-repeat: no-repeat;} .top-film>.head{padding: 10px 15px;position:relative;} .top-film>.head span{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .top-film>.head + .content{padding: 0 0 20px;} .top-film>.content{padding: 20px 0;} .top-film>.content .item{} .top-film>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;width:200%;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .overlay>.info, .top-film>.content .item .overlay>.manipulate{float:left;width: 50%;height: 100%;} .top-film>.content .item .overlay>.info{padding: 0 15px;} .top-film>.content .item .overlay>.info>.title{} .top-film>.content .item .overlay>.info>.title span{font-family: 'SegoeUIBold';color:#fff;text-transform: uppercase;} .top-film>.content .item .overlay>.info>.genres{line-height: 100%;} .top-film>.content .item .overlay>.info>.genres span{font-family: 'SegoeUIRegular';color:#e2e2e2;font-size: 0.9em;text-transform: capitalize;} .top-film>.content .item .overlay>.info>.genres .divider{margin: 0 5px;} .top-film>.content .item .overlay>.manipulate{padding: 0 25px;} .top-film>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-film>.content .item .overlay>.manipulate .btn a{display: block;} .top-film>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-film>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-film>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-film>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-film>.content .item .overlay>.manipulate .btn.schedule{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019;cursor: pointer;} .top-film>.content .item .overlay>.manipulate .btn.schedule:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-film>.content .item .overlay>.manipulate .btn.schedule span{color: #333;} .top-film>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-film>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-film>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-film>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-film>.content .item .soon span{color:#fff;} .top-film>.content .item:hover .overlay{left:-100%;} .top-film>.content .item:hover .trailer{top:0;} } /*--Слайдер анонсов--*/ @media screen and (max-width: 767px){ .top-anonces{background-color: #e6e6e7;padding: 20px 0;} .top-anonces>.head{padding: 5px 15px;margin-bottom: 10px;text-align: center;position:relative;} .top-anonces>.head:after{content:'';position:absolute;display:block;top:50%;left:15px;right:15px;height:2px;background-color:#1775ad;} .top-anonces>.head>*{color: #1775ad;background-color: #e6e6e7;padding: 0 15px;position:relative;z-index:1;display: inline;text-transform: uppercase;font-size: 1.2em;} .top-anonces>.content{padding: 20px 0;} .top-anonces>.head + .content{padding: 0 0 20px;} .top-anonces>.content .item{} .top-anonces>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .overlay>.info{display: none;} .top-anonces>.content .item .overlay>.manipulate{padding: 0 25px;height: 100%;} .top-anonces>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-anonces>.content .item .overlay>.manipulate .btn a{display: block;} .top-anonces>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-anonces>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-anonces>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-anonces>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets span{color: #333;} .top-anonces>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-anonces>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-anonces>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-anonces>.content .item .soon span{color:#fff;} .top-anonces>.content .item:hover .trailer{top:0;} } @media screen and (min-width: 768px) and (max-width: 899px){ .top-anonces{background-color: #e6e6e7;padding: 20px;} .top-anonces>.head{} .top-anonces>.head{padding: 5px 0;margin-bottom: 10px;text-align: center;position:relative;} .top-anonces>.head:after{content:'';position:absolute;display:block;top:50%;left:0;right:0;height:2px;background-color:#1775ad;} .top-anonces>.head>*{color: #1775ad;background-color: #e6e6e7;padding: 0 15px;position:relative;z-index:1;display: inline;text-transform: uppercase;font-size: 1.2em;} .top-anonces>.content{padding: 15px 0;} .top-anonces>.head + .content{padding: 0 0 20px;} .top-anonces>.content .item{} .top-anonces>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;width:200%;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .overlay>.info, .top-anonces>.content .item .overlay>.manipulate{float:left;width: 50%;height: 100%;} .top-anonces>.content .item .overlay>.info{padding: 0 15px;} .top-anonces>.content .item .overlay>.info>.title{} .top-anonces>.content .item .overlay>.info>.title span{font-family: 'SegoeUIBold';color:#fff;text-transform: uppercase;} .top-anonces>.content .item .overlay>.info>.genres{line-height: 100%;} .top-anonces>.content .item .overlay>.info>.genres span{font-family: 'SegoeUIRegular';color:#e2e2e2;font-size: 0.9em;text-transform: capitalize;} .top-anonces>.content .item .overlay>.info>.genres .divider{margin: 0 5px;} .top-anonces>.content .item .overlay>.manipulate{padding: 0 25px;} .top-anonces>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-anonces>.content .item .overlay>.manipulate .btn a{display: block;} .top-anonces>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-anonces>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-anonces>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-anonces>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets span{color: #333;} .top-anonces>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-anonces>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-anonces>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-anonces>.content .item .soon span{color:#fff;} .top-anonces>.content .item:hover .overlay{left:-100%;} .top-anonces>.content .item:hover .trailer{top:0;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .top-anonces{background-color: #e6e6e7;padding: 20px;} .top-anonces>.head{} .top-anonces>.head{padding: 5px 0;margin-bottom: 10px;text-align: center;position:relative;} .top-anonces>.head:after{content:'';position:absolute;display:block;top:50%;left:0;right:0;height:2px;background-color:#1775ad;} .top-anonces>.head>*{color: #1775ad;background-color: #e6e6e7;padding: 0 15px;position:relative;z-index:1;display: inline;text-transform: uppercase;font-size: 1.2em;} .top-anonces>.content{padding: 20px 0;} .top-anonces>.head + .content{padding: 0 0 20px;} .top-anonces>.content .item{} .top-anonces>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;width:200%;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .overlay>.info, .top-anonces>.content .item .overlay>.manipulate{float:left;width: 50%;height: 100%;} .top-anonces>.content .item .overlay>.info{padding: 0 15px;} .top-anonces>.content .item .overlay>.info>.title{} .top-anonces>.content .item .overlay>.info>.title span{font-family: 'SegoeUIBold';color:#fff;text-transform: uppercase;} .top-anonces>.content .item .overlay>.info>.genres{line-height: 100%;} .top-anonces>.content .item .overlay>.info>.genres span{font-family: 'SegoeUIRegular';color:#e2e2e2;font-size: 0.9em;text-transform: capitalize;} .top-anonces>.content .item .overlay>.info>.genres .divider{margin: 0 5px;} .top-anonces>.content .item .overlay>.manipulate{padding: 0 25px;} .top-anonces>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-anonces>.content .item .overlay>.manipulate .btn a{display: block;} .top-anonces>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-anonces>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-anonces>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-anonces>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets span{color: #333;} .top-anonces>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-anonces>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-anonces>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-anonces>.content .item .soon span{color:#fff;} .top-anonces>.content .item:hover .overlay{left:-100%;} .top-anonces>.content .item:hover .trailer{top:0;} } @media screen and (min-width: 1200px){ .top-anonces{background-color: #e6e6e7;padding: 20px;} .top-anonces>.head{} .top-anonces>.head{padding: 5px 0;margin-bottom: 10px;text-align: center;position:relative;} .top-anonces>.head:after{content:'';position:absolute;display:block;top:50%;left:0;right:0;height:2px;background-color:#1775ad;} .top-anonces>.head>*{color: #1775ad;background-color: #e6e6e7;padding: 0 15px;position:relative;z-index:1;display: inline;text-transform: uppercase;font-size: 1.4em;} .top-anonces>.content{padding: 20px 0;} .top-anonces>.head + .content{padding: 0 0 20px;} .top-anonces>.content .item{} .top-anonces>.content .item .overlay{position: absolute;bottom:0;left:0;right:0;width:200%;z-index: 1;padding:20px 0;border: 1px solid rgba(104,105,104,0.32);background: rgba(1,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .overlay>.info, .top-anonces>.content .item .overlay>.manipulate{float:left;width: 50%;height: 100%;} .top-anonces>.content .item .overlay>.info{padding: 0 15px;} .top-anonces>.content .item .overlay>.info>.title{} .top-anonces>.content .item .overlay>.info>.title span{font-family: 'SegoeUIBold';color:#fff;text-transform: uppercase;} .top-anonces>.content .item .overlay>.info>.genres{line-height: 100%;} .top-anonces>.content .item .overlay>.info>.genres span{font-family: 'SegoeUIRegular';color:#e2e2e2;font-size: 0.9em;text-transform: capitalize;} .top-anonces>.content .item .overlay>.info>.genres .divider{margin: 0 5px;} .top-anonces>.content .item .overlay>.manipulate{padding: 0 25px;} .top-anonces>.content .item .overlay>.manipulate .btn{margin-top:10px;text-align: center;text-transform: uppercase;position:relative;line-height: 25px;} .top-anonces>.content .item .overlay>.manipulate .btn a{display: block;} .top-anonces>.content .item .overlay>.manipulate .btn span{font-family: 'SegoeUIBold';font-size: 0.8em;} .top-anonces>.content .item .overlay>.manipulate .btn:first-child{margin-top:0;} .top-anonces>.content .item .overlay>.manipulate .btn.more{border-radius: 3px;background-color: rgba(255,255,255,0.1);border: 1px solid #fff;} .top-anonces>.content .item .overlay>.manipulate .btn.more span{text-decoration: none;color:#fff;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets{border-radius: 3px 0 0 3px;background-color: #fff;border-right: 3px solid #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:before{content:'';position: absolute;display: block;right: -2px;top: 50%;width: 5px;height: 8px;margin-top: -4px;border-radius: 50% 0 0 50%;background-color: #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets:after{content:'';position: absolute;z-index: 1;display: block;top: 0;right: -5px;bottom: 0;height: 100%;width: 2px;border-right: 3px dotted #bb1019;} .top-anonces>.content .item .overlay>.manipulate .btn.tickets span{color: #333;} .top-anonces>.content .item .trailer{position: absolute;z-index: 1;top:-100%;left:0;right: 0;height: 65%;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .top-anonces>.content .item .trailer span{position: absolute;display:block;top:50%;left:50%;margin-top: -20px;margin-left:-20px;background-color: #000;height: 40px;width: 40px;text-align: center;border-radius: 100%;} .top-anonces>.content .item .trailer i{color: #fff;vertical-align: top;line-height: 40px;height: 100%;font-size: 1.2em;} .top-anonces>.content .item .soon{position: absolute;z-index:1;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;background-color: rgba(255, 99, 100, 0.5);border: 1px solid #e41a1b;border-radius: 3px;} .top-anonces>.content .item .soon span{color:#fff;} .top-anonces>.content .item:hover .overlay{left:-100%;} .top-anonces>.content .item:hover .trailer{top:0;} } /*---Страница фильма---*/ .film{} .film>.information{position: relative;z-index: 1;} .film>.information>.cover{margin-bottom: 20px;} .film>.information>.cover>.media{} .film>.information>.cover>.media img{display:block;width: 100%;} .film>.information>.ratings{margin-bottom: 10px;} .film>.information>.ratings>.itemRatingBlock{display: inline-block;vertical-align:middle;margin-right: 10px;} .film>.information>.ratings>.RUrating{display: inline-block;vertical-align:middle;height: 25px;line-height: 25px;padding: 0 5px;background-color: rgba(0,0,0,0.4);border-radius: 4px;} .film>.information>.ratings>.RUrating span{font-family: 'SegoeUILight';font-size: 1.2em;color:#fff;} .film>.information>.title{margin-bottom: 20px;} .film>.information>.title *{margin:0;padding: 0;font-family: 'SegoeUIRegular';font-weight:normal;line-height: normal;color: #1775ad;} .film>.information>.meta{margin-bottom: 20px;} .film>.information>.meta>.content-list{} .film>.information>.meta>.content-list>.item{margin-bottom: 5px;} .film>.information>.meta>.content-list>.item>.title{} .film>.information>.meta>.content-list>.item>.title span{font-family: 'SegoeUIBold';color:#9a9a9a;} .film>.information>.meta>.content-list>.item>.value{} .film>.information>.meta>.content-list>.item>.value span{} .film>.information>.description{} .film>.information>.description span{font-family: 'SegoeUIRegular';font-size: 1.1em;} .film>.content{} .film>.content>.schedule{margin-bottom: 40px;} .film>.content>.schedule>.head{display: table;margin: 0 auto 10px;} .film>.content>.schedule>.head span{font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #1775ad;} .film>.content>.schedule>.content{} .film>.content>.trailer{margin-bottom: 40px;} .film>.content>.trailer>.head{display: table;margin: 0 auto 10px;} .film>.content>.trailer>.head span{font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #1775ad;} .film>.content>.trailer>.content{} .film>.content>.gallery{} .film>.content>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .film>.content>.gallery>.head span{font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #1775ad;} .film>.content>.gallery>.content{} .film>.content>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .film>.content>.gallery>.content>.content-list>.item{margin-bottom: 20px;} .film>.content>.gallery>.content>.content-list>.item{} .film>.content>.gallery>.content>.content-list>.item img{display: block;width: 100%;height: 100%;background-size: cover;background-position: center top;} @media screen and (max-width: 719px){ .film>.information{margin-bottom: 40px;} .film>.information>.title *{font-size: 1.4em;} .film>.content>.schedule>.head span{font-size: 1.2em;} .film>.content>.trailer>.head span{font-size: 1.2em;} .film>.content>.gallery>.head span{font-size: 1.2em;} .film>.content>.gallery>.content>.content-list>.item{width:calc((100% - 60px)/2);height:120px;margin-bottom: 20px;} } @media screen and (max-width: 399px){ .film>.content>.gallery>.content>.content-list>.item{width: 100%;height:120px;margin-bottom: 20px;} } @media screen and (min-width: 720px) and (max-width: 899px){ .film>.information{margin-bottom: 40px;} .film>.information>.title *{font-size: 1.4em;} .film>.content>.schedule>.head span{font-size: 1.4em;} .film>.content>.trailer>.head span{font-size: 1.4em;} .film>.content>.gallery>.head span{font-size: 1.4em;} .film>.content>.gallery>.content>.content-list>.item{width:calc((100% - 60px)/4);height:120px;margin-bottom: 20px;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .film>.information{width: 350px;margin-right:-350px;float:left;position: relative;z-index: 1;} .film>.information>.title *{font-size: 1.6em;} .film>.content{padding-left: 370px;float:left;width: 100%;} .film>.content>.schedule>.head span{font-size: 1.6em;} .film>.content>.trailer>.head span{font-size: 1.6em;} .film>.content>.gallery>.head span{font-size: 1.6em;} .film>.content>.gallery>.content>.content-list>.item{width:calc((100% - 60px)/4);height:120px;margin-bottom: 20px;} } @media screen and (min-width: 1200px){ .film>.information{width: 400px;margin-right:-400px;float:left;position: relative;z-index: 1;} .film>.information>.title *{font-size: 2em;} .film>.content{padding-left: 420px;float:left;width: 100%;} .film>.content>.schedule>.head span{font-size: 2em;} .film>.content>.trailer>.head span{font-size: 2em;} .film>.content>.gallery>.head span{font-size: 2em;} .film>.content>.gallery>.content>.content-list>.item{width:calc((100% - 60px)/4);height:120px;margin-bottom: 20px;} } /*---Список фильмов---*/ .content.films.category{} .content.films.category>.head{position:relative;} .content.films.category>.head *{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .content.films.category>.content-list{padding: 20px 0;} .content.films.category>.content-list>.item>div{position: relative;} .content.films.category>.content-list>.item>div:after{content:'';display: table;clear:both;} .content.films.category>.content-list>.item>div>.description>.info{margin-bottom: 10px; overflow:hidden;} .content.films.category>.content-list>.item>div>.description>.info>.head span{font: 30px Arial,sans-serif;color: #fff;margin-bottom: 5px;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;} .content.films.category>.content-list>.item>div>.description>.info>.head a:hover{text-decoration:none;} .content.films.category>.content-list>.item>div>.description>.info>.head a:hover h1{color: #429DE8;} .content.films.category>.content-list>.item>div>.description>.info>.meta{color: #fff;} .content.films.category>.content-list>.item>div>.description>.info>.meta>span.sep{margin: 0 8px;color: #969696;} .content.films.category>.content-list>.item>div>.description>.info>.meta>.Rurating{display:inline-block;background: #2E6EA3;color: #FFF;padding: 0 7px;line-height: 25px;height: 25px;border-radius: 3px;font-family: 'SegoeUILight';font-size: 1.2em;vertical-align: middle;} .content.films.category>.content-list>.item>div>.description>.info>.meta>.genre{margin-top:5px;} .content.films.category>.content-list>.item>div>.description>.info>.meta>.genre>span.sep{opacity: 0;padding: 0;} .content.films.category>.content-list>.item>div>.description>.info>.meta>.genre>span{background: #000; color: #fff; padding: 3px 5px;border-radius: 3px;} .content.films.category>.content-list>.item>div>.description>.info>.itemRatingBlock {overflow: hidden;margin-bottom: 10px;} .content.films.category>.content-list>.item>div>.description>.info>.desc{color: #F3F3F3;font-size: 0.95em;line-height: normal;} .content.films.category>.content-list>.item>div>.description>.controls>.schedule{background-image: linear-gradient(to bottom, #F5F5F5,#E6E6E7);height: 30px;cursor:pointer;} .content.films.category>.content-list>.item>div>.description>.controls>.schedule:hover{background: #0067B8;border-left:1px solid #F5F5F5;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .content.films.category>.content-list>.item>div>.description>.controls>.schedule:active{box-shadow:none;} .content.films.category>.content-list>.item>div>.description>.controls>.schedule span{height: 28px; line-height: 28px; padding: 0 15px; color: #333;font-size: 14px;display:block;text-decoration: none;} .content.films.category>.content-list>.item>div>.description>.controls>.schedule:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions{background-image: linear-gradient(to bottom, #F5F5F5,#E6E6E7);height: 30px;} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions:hover{background: #0067B8;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions:active{box-shadow:none;} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions>a{height: 28px; line-height: 28px; padding: 0 15px; color: #333;font-size: 14px;display:block;text-decoration: none;} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions:hover>a{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .content.films.category>.content-list>.item>div>.description>.controls>.More{border-radius: 3px 0 0 3px;background-image: linear-gradient(to bottom, #F5F5F5,#E6E6E7);border: 1px solid transparent;height: 30px;} .content.films.category>.content-list>.item>div>.description>.controls>.More:hover{background: #0067B8;border:1px solid #F5F5F5;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .content.films.category>.content-list>.item>div>.description>.controls>.More:active{box-shadow:none;} .content.films.category>.content-list>.item>div>.description>.controls>.More>a{height: 28px; line-height: 28px; padding: 0 15px; color: #333;font-size: 14px;display:block;text-decoration: none;} .content.films.category>.content-list>.item>div>.description>.controls>.More:hover>a{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} @media screen and (max-width: 719px){ .content.films.category>.content-list>.item{overflow:hidden;margin-bottom:20px;float:left;width:calc((100% - 20px)/2);margin-right: 20px;} .content.films.category>.content-list>.item:nth-child(2n){margin-right:0;} .content.films.category>.content-list>.item>div>.image{padding-bottom: 150%;background-size:100% 100%;border: 4px solid #333;position: relative;} .content.films.category>.content-list>.item>div>.image a{display: block;} .content.films.category>.content-list>.item>div>.image img{display: block;position:absolute;width: 100%;height: 100%;opacity: 0;} .content.films.category>.content-list>.item>div>.description{display:none;} } @media screen and (min-width: 720px) and (max-width: 899px){ .content.films.category>.content-list>.item{overflow:hidden;background-color: #333;margin-top:20px;} .content.films.category>.content-list>.item:first-child{margin-top:0;} .content.films.category>.content-list>.item>div>.image{width: 170px;margin-right: -170px;float:left;border: 4px solid #333;} .content.films.category>.content-list>.item>div>.image img{width: 100%;height: 240px;display:block;} .content.films.category>.content-list>.item>div>.description{position: absolute;left: 170px;right: 0;top:0;bottom:0;padding-bottom: 50px;overflow: hidden;} .content.films.category>.content-list>.item>div>.description>.info{height: 100%;} .content.films.category>.content-list>.item>div>.description>.info>.head{padding: 10px 15px 0;background-color: #333;} .content.films.category>.content-list>.item>div>.description>.info>.meta{padding: 0 15px 5px;background-color: #333;} .content.films.category>.content-list>.item>div>.description>.info>.desc{padding: 5px 15px;} .content.films.category>.content-list>.item>div>.description>.controls{background-color: #333;padding: 10px 0;position: absolute;bottom: 0;left: 0;right: 0;} .content.films.category>.content-list>.item>div>.description>.controls>.schedule{border-radius: 3px 0 0 3px;float:right;} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions{border-radius: 0;float:right;} .content.films.category>.content-list>.item>div>.description>.controls>.More{float:right;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .content.films.category>.content-list>.item{overflow:hidden;background-color: #333;margin-top:20px;} .content.films.category>.content-list>.item:first-child{margin-top:0;} .content.films.category>.content-list>.item>div>.image{width: 170px;margin-right: -170px;float:left;border: 4px solid #333;} .content.films.category>.content-list>.item>div>.image img{width: 100%;height: 240px;display:block;} .content.films.category>.content-list>.item>div>.description{position: absolute;left: 170px;right: 0;top:0;bottom:0;padding-bottom: 50px;overflow: hidden;} .content.films.category>.content-list>.item>div>.description>.info{height: 100%;} .content.films.category>.content-list>.item>div>.description>.info>.head{padding: 10px 15px 0;background-color: #333;} .content.films.category>.content-list>.item>div>.description>.info>.meta{padding: 0 15px 5px;background-color: #333;} .content.films.category>.content-list>.item>div>.description>.info>.desc{padding: 5px 15px;} .content.films.category>.content-list>.item>div>.description>.controls{background-color: #333;padding: 10px 0;position: absolute;bottom: 0;left: 0;right: 0;} .content.films.category>.content-list>.item>div>.description>.controls>.schedule{border-radius: 3px 0 0 3px;float:right;} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions{border-radius: 0;float:right;} .content.films.category>.content-list>.item>div>.description>.controls>.More{float:right;} } @media screen and (min-width: 1200px){ .content.films.category>.content-list>.item{width: calc(50% - 10px);float: left;overflow:hidden;background-color: #333;margin-top:20px;} .content.films.category>.content-list>.item:first-child, .content.films.category>.content-list>.item:nth-child(2){margin-top:0;} .content.films.category>.content-list>.item:nth-child(even){margin-left:10px;} .content.films.category>.content-list>.item:nth-child(odd){margin-right:10px;} .content.films.category>.content-list>.item>div>.image{width: 170px;margin-right: -170px;float:left;border: 4px solid #333;} .content.films.category>.content-list>.item>div>.image img{width: 100%;height: 240px;display:block;} .content.films.category>.content-list>.item>div>.description{position: absolute;left: 170px;right: 0;top:0;bottom:0;padding-bottom: 50px;overflow: hidden;} .content.films.category>.content-list>.item>div>.description>.info{height: 100%;} .content.films.category>.content-list>.item>div>.description>.info>.head{padding: 10px 15px 0;background-color: #333;} .content.films.category>.content-list>.item>div>.description>.info>.meta{padding: 0 15px 5px;background-color: #333;} .content.films.category>.content-list>.item>div>.description>.info>.desc{padding: 5px 15px;} .content.films.category>.content-list>.item>div>.description>.controls{background-color: #333;padding: 10px 0;position: absolute;bottom: 0;left: 0;right: 0;} .content.films.category>.content-list>.item>div>.description>.controls>.schedule{border-radius: 3px 0 0 3px;float:right;} .content.films.category>.content-list>.item>div>.description>.controls>.Sessions{border-radius: 0;float:right;} .content.films.category>.content-list>.item>div>.description>.controls>.More{float:right;} } /*---Контакты---*/ .content.static{} .content.static>.head{padding: 5px 15px;position:relative;background-color: #333;} .content.static>.head h1{color: #fff;font-size: 1.2em;} .content.static>.content{} .content.static>.content a{color: #333; text-decoration: underline;} .content.static>.gallery>.content>.content-list>.item{} .content.static>.gallery>.content>.content-list>.item img{display: block;width: 100%;height: 100%;background-size: cover;background-position: center center;} @media screen and (max-width: 767px){ .content.static{} .content.static>.head{padding: 5px 15px;position:relative;background-color: #333;} .content.static>.head h1{color: #fff;font-size: 1.2em;} .content.static>.media{} .content.static>.media img{display: block;width: 100%;} .content.static>.content{padding: 20px 0;} .content.static>.content p{margin-bottom: 10px;} .content.static>.content a{color: #333; text-decoration: underline;} .content.static>.gallery{} .content.static>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .content.static>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .content.static>.gallery>.content{} .content.static>.gallery>.content>.content-list{} .content.static>.gallery>.content>.content-list>.item{margin-bottom: 20px;} } @media screen and (min-width: 400px) and (max-width: 767px){ .content.static>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .content.static>.gallery>.content>.content-list>.item{width:calc((100% - 20px)/2);height:180px;margin-bottom: 20px;} } @media screen and (min-width: 768px) and (max-width: 899px){ .content.static{} .content.static>.head{padding: 5px 15px;position:relative;background-color: #333;} .content.static>.head h1{color: #fff;font-size: 1.2em;} .content.static>.media{} .content.static>.media img{display: block;width: 100%;} .content.static>.content{padding: 20px 0;} .content.static>.content p{margin-bottom: 10px;} .content.static>.content a{color: #333; text-decoration: underline;} .content.static>.gallery{} .content.static>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .content.static>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .content.static>.gallery>.content{} .content.static>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .content.static>.gallery>.content>.content-list>.item{width:calc((100% - 40px)/3);height:180px;margin-bottom: 20px;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .content.static{} .content.static>.head{padding: 5px 15px;position:relative;background-color: #333;} .content.static>.head h1{color: #fff;font-size: 1.4em;} .content.static>.media{} .content.static>.media img{display: block;width: 100%;} .content.static>.content{padding: 20px 0;} .content.static>.content p{margin-bottom: 10px;} .content.static>.content a{color: #333; text-decoration: underline;} .content.static>.gallery{} .content.static>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .content.static>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .content.static>.gallery>.content{} .content.static>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .content.static>.gallery>.content>.content-list>.item{width:calc((100% - 80px)/5);height:150px;margin-bottom: 20px;} } @media screen and (min-width: 1200px){ .content.static{} .content.static>.head{padding: 10px 20px;position:relative;background-color: #333;} .content.static>.head *{color: #fff;font-size: 1.4em;} .content.static>.media{} .content.static>.media img{display: block;width: 100%;} .content.static>.content{padding: 20px 0;} .content.static>.content p{margin-bottom: 10px;} .content.static>.content a{color: #333; text-decoration: underline;} .content.static>.gallery{} .content.static>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .content.static>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .content.static>.gallery>.content{} .content.static>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .content.static>.gallery>.content>.content-list>.item{width:calc((100% - 80px)/5);height:180px;margin-bottom: 20px;} } .category.contacts{} .category.contacts>.head{position:relative;margin-bottom: 20px;} .category.contacts>.head *{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .category.contacts>.content{} .category.contacts>.content>.content-list{} .category.contacts>.content>.content-list>.item{} @media screen and (max-width: 399px){ .category.contacts>.content>.content-list{} .category.contacts>.content>.content-list>.item{padding: 20px;background-color: #e6e6e7;margin-bottom: 20px;} .category.contacts>.content>.content-list>.item:last-child{margin-bottom: 0;} .category.contacts>.content>.content-list>.item>.image{border-right: 1px solid #c3c3c3;margin-bottom: 20px;} .category.contacts>.content>.content-list>.item>.image img{display: block;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';} .category.contacts>.content>.content-list>.item>.content{} .category.contacts>.content>.content-list>.item>.content .title{margin-bottom: 5px;} .category.contacts>.content>.content-list>.item>.content .title span{color: #333;font-family: 'SegoeUIBold';text-transform: uppercase;font-size: 1.1em;} .category.contacts>.content>.content-list>.item>.buttons{} .category.contacts>.content>.content-list>.item>.buttons>.btn{border: 0.1em solid #333;border-radius:4px;line-height: 30px;cursor:pointer;display:inline-block;margin-left: 10px;margin-top: 20px;} .category.contacts>.content>.content-list>.item>.buttons>.btn:first-child{margin-left: 0;} .category.contacts>.content>.content-list>.item>.buttons>.btn a{display: block;padding:0 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn i{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn span{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover{border: 0.1em solid transparent;background-color: #0067B8;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.tickets{} .category.contacts>.content>.content-list>.item>.buttons>.more{} .category.contacts>.content>.content-list>.item>.buttons>.stock{} } @media screen and (min-width: 400px) and (max-width: 767px){ .category.contacts>.content>.content-list{} .category.contacts>.content>.content-list>.item{padding: 20px 0;background-color: #e6e6e7;margin-bottom: 20px;} .category.contacts>.content>.content-list>.item:last-child{margin-bottom: 0;} .category.contacts>.content>.content-list>.item>.image{float:left;width: 190px;min-height: 120px;margin-right: -190px;padding: 0 20px;border-right: 1px solid #c3c3c3;} .category.contacts>.content>.content-list>.item>.image img{display: block;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';} .category.contacts>.content>.content-list>.item>.content{margin-left: 190px;padding: 0 20px;min-height: 120px;} .category.contacts>.content>.content-list>.item>.content .title{margin-bottom: 5px;} .category.contacts>.content>.content-list>.item>.content .title span{color: #333;font-family: 'SegoeUIBold';text-transform: uppercase;font-size: 1.1em;} .category.contacts>.content>.content-list>.item>.buttons{margin-top: 20px;padding: 0 20px;} .category.contacts>.content>.content-list>.item>.buttons>.btn{border: 0.1em solid #333;border-radius:4px;line-height: 30px;cursor:pointer;display:inline-block;margin-left: 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn:first-child{margin-left: 0;} .category.contacts>.content>.content-list>.item>.buttons>.btn a{display: block;padding:0 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn i{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn span{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover{border: 0.1em solid transparent;background-color: #0067B8;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.tickets{} .category.contacts>.content>.content-list>.item>.buttons>.more{} .category.contacts>.content>.content-list>.item>.buttons>.stock{} } @media screen and (min-width: 768px) and (max-width: 899px){ .category.contacts>.content>.content-list{} .category.contacts>.content>.content-list>.item{padding: 20px 0;background-color: #e6e6e7;margin-bottom: 20px;} .category.contacts>.content>.content-list>.item:last-child{margin-bottom: 0;} .category.contacts>.content>.content-list>.item>.image{float:left;width: 190px;min-height: 120px;margin-right: -190px;padding: 0 20px;border-right: 1px solid #c3c3c3;} .category.contacts>.content>.content-list>.item>.image img{display: block;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';} .category.contacts>.content>.content-list>.item>.content{margin-left: 190px;padding: 0 20px;min-height: 120px;} .category.contacts>.content>.content-list>.item>.content .title{margin-bottom: 5px;} .category.contacts>.content>.content-list>.item>.content .title span{color: #333;font-family: 'SegoeUIBold';text-transform: uppercase;font-size: 1.1em;} .category.contacts>.content>.content-list>.item>.buttons{margin-top: 20px;padding: 0 20px;} .category.contacts>.content>.content-list>.item>.buttons>.btn{border: 0.1em solid #333;border-radius:4px;line-height: 30px;cursor:pointer;display:inline-block;margin-left: 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn:first-child{margin-left: 0;} .category.contacts>.content>.content-list>.item>.buttons>.btn a{display: block;padding:0 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn i{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn span{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover{border: 0.1em solid transparent;background-color: #0067B8;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.tickets{} .category.contacts>.content>.content-list>.item>.buttons>.more{} .category.contacts>.content>.content-list>.item>.buttons>.stock{} } @media screen and (min-width: 900px) and (max-width: 1199px){ .category.contacts>.content>.content-list{} .category.contacts>.content>.content-list>.item{padding: 20px 0;background-color: #e6e6e7;margin-bottom: 20px;} .category.contacts>.content>.content-list>.item:last-child{margin-bottom: 0;} .category.contacts>.content>.content-list>.item>.image{float:left;width: 190px;min-height: 120px;margin-right: -190px;padding: 0 20px;border-right: 1px solid #c3c3c3;} .category.contacts>.content>.content-list>.item>.image img{display: block;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';} .category.contacts>.content>.content-list>.item>.content{margin-left: 190px;padding: 0 20px;min-height: 120px;} .category.contacts>.content>.content-list>.item>.content .title{margin-bottom: 5px;} .category.contacts>.content>.content-list>.item>.content .title span{color: #333;font-family: 'SegoeUIBold';text-transform: uppercase;font-size: 1.1em;} .category.contacts>.content>.content-list>.item>.buttons{margin-top: 20px;padding: 0 20px;} .category.contacts>.content>.content-list>.item>.buttons>.btn{border: 0.1em solid #333;border-radius:4px;line-height: 30px;cursor:pointer;display:inline-block;margin-left: 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn:first-child{margin-left: 0;} .category.contacts>.content>.content-list>.item>.buttons>.btn a{display: block;padding:0 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn i{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn span{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover{border: 0.1em solid transparent;background-color: #0067B8;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.tickets{} .category.contacts>.content>.content-list>.item>.buttons>.more{} .category.contacts>.content>.content-list>.item>.buttons>.stock{} } @media screen and (min-width: 1200px){ .category.contacts>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .category.contacts>.content>.content-list>.item{width: calc(50% - 10px);padding: 20px 0;background-color: #e6e6e7;} .category.contacts>.content>.content-list>.item>.image{float:left;width: 190px;margin-right: -190px;padding: 0 20px;border-right: 1px solid #c3c3c3;} .category.contacts>.content>.content-list>.item>.image img{display: block;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';} .category.contacts>.content>.content-list>.item>.content{margin-left: 190px;padding: 0 20px;} .category.contacts>.content>.content-list>.item>.content .title{margin-bottom: 5px;} .category.contacts>.content>.content-list>.item>.content .title span{color: #333;font-family: 'SegoeUIBold';text-transform: uppercase;font-size: 1.1em;} .category.contacts>.content>.content-list>.item>.buttons{margin-top: 20px;padding: 0 20px;} .category.contacts>.content>.content-list>.item>.buttons>.btn{border: 0.1em solid #333;border-radius:4px;line-height: 30px;cursor:pointer;display:inline-block;margin-left: 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn:first-child{margin-left: 0;} .category.contacts>.content>.content-list>.item>.buttons>.btn a{display: block;padding:0 10px;} .category.contacts>.content>.content-list>.item>.buttons>.btn i{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn span{color:#333;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover{border: 0.1em solid transparent;background-color: #0067B8;} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .category.contacts>.content>.content-list>.item>.buttons>.tickets{} .category.contacts>.content>.content-list>.item>.buttons>.more{} .category.contacts>.content>.content-list>.item>.buttons>.stock{} } .content.contact{padding-bottom: 20px;} .content.contact>.head{position:relative;margin-bottom: 20px;} .content.contact>.head>.title>*{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .content.contact a{color:#121212;} .content.contact .contact-group{margin-bottom: 10px;padding: 0 20px;} .content.contact .contact-group>.title{font-family:'SegoeUIBold';color:#333;} .content.contact .contact-form{padding: 20px 0 0;} .content.contact .contact-form>.head{} .content.contact .contact-form>.head span, .content.contact .contact-form>.head h1, .content.contact .contact-form>.head h2, .content.contact .contact-form>.head h3, .content.contact .contact-form>.head h4, .content.contact .contact-form>.head h5{font-family: 'SegoeUIBold';font-size: 1.2em;font-weight: normal;} .content.contact .contact-form>.content{} .content.contact .contact-form>.content .control-group{margin-bottom: 10px;} .content.contact .contact-form>.content .control-group:last-child{margin-bottom: 0;} .content.contact .contact-form>.content .control-group>.control-label{margin-bottom: 5px;} .content.contact .contact-form>.content .control-group>.control-label>label{font-family: 'SegoeUIBold';color: #333;} .content.contact .contact-form>.content .control-group>.controls>input[type=text], .content.contact .contact-form>.content .control-group>.controls>input[type=email]{width: 100%;outline: none;border: 2px solid #2E6EA3;padding: 0 10px;height: 40px;} .content.contact .contact-form>.content .control-group>.controls>input[type=checkbox]{outline: none;border: 2px solid #2E6EA3;padding: 0 10px;height: 30px;width: 30px;} .content.contact .contact-form>.content .control-group>.controls>textarea{width: 100% !important;outline: none;border: 2px solid #2E6EA3;padding: 10px;} .content.contact .contact-form>.content .control-group>.controls>.btn{outline: none;background-color: #2E6EA3;border: 0;color:#fff;padding: 0 15px;height: 30px;font-family: 'SegoeUIBold';cursor: pointer;} @media screen and (max-width: 899px){ .content.contact .contact-group>.title{margin-bottom:5px;} .content.contact .contact-group>.value{} .content.contact .contact-form>.content .control-group>.controls{width: 100%;} .content.contact .contact-miscinfo #map{height: 450px;margin: 20px 0;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .content.contact .contact-group>.title{width: 150px;margin-right:-150px;float:left;} .content.contact .contact-group>.value{float:left;margin-left:150px;padding-left:20px;} .content.contact .contact-form>.content .control-group>.controls{width: 300px;} .content.contact .contact-miscinfo #map{height: 350px;margin: 20px 0;} } @media screen and (min-width: 1200px){ .content.contact .contact-group>.title{width: 220px;margin-right:-220px;float:left;} .content.contact .contact-group>.value{float:left;margin-left:220px;padding-left:20px;} .content.contact .contact-form>.content .control-group>.controls{width: 450px;} .content.contact .contact-miscinfo #map{height: 450px;margin: 20px 0;} } .category.cinema{} .category.cinema>.head{position:relative;margin-bottom: 20px;} .category.cinema>.head>.title>*{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .category.cinema>.content{} .category.cinema>.content>.content-list{} .category.cinema>.content>.content-list>.item{position:relative;} .category.cinema>.content>.content-list>.item .image{background-position:center center;background-size:cover;height:100%;} .category.cinema>.content>.content-list>.item .overlay{background-color:rgba(0,0,0,0.4);} .category.cinema>.content>.content-list>.item .overlay>.adress{font-family:'SegoeUIRegular';font-size:1.3em;color:#fff;padding: 5px 20px;} .category.cinema>.content>.content-list>.item .overlay>.phone{font-family:'SegoeUIRegular';font-size:1.3em;color:#fff;padding: 5px 20px;} .category.cinema>.content>.content-list>.item .overlay>.site{font-family:'SegoeUIRegular';position:absolute;bottom:0;right:0;padding:10px 20px;} .category.cinema>.content>.content-list>.item .overlay>.site>a{color:#fff;font-size:1.4em;} .category.cinema>.content>.content-list>.item .overlay>.social{position:absolute;bottom:0;right:0;padding:10px 20px;} .category.cinema>.content>.content-list>.item .overlay>.social>a{color:#fff;font-size:1.4em;} .category.cinema>.content>.content-list>.item .overlay>.social>a.vk:hover i{color:#45668e;} .category.cinema>.content>.content-list>.item .overlay>.social>a.fb:hover i{color:#3b5998;} .category.cinema>.content>.content-list>.item .overlay>.social>a.in:hover i{color:#517fa4;} .category.cinema>.content>.content-list>.item .overlay>.head{position:absolute;bottom:0;left:0;right:70px;padding: 10px 20px;} .category.cinema>.content>.content-list>.item .overlay>.head>span{color:#fff;font-family:'SegoeUIBold';font-size: 1.2em;} .category.cinema>.content>.content-list>.item .overlay>.buttons{padding: 10px 20px;} .category.cinema>.content>.content-list>.item .overlay>.buttons>.btn{border: 0.1em solid #fff;border-radius:4px;line-height: 30px; padding:0 10px;cursor:pointer;color:#fff;display:inline-block;} .category.cinema>.content>.content-list>.item .overlay>.buttons>.btn>a{color:#fff;} .category.cinema>.content>.content-list>.item .overlay>.buttons>.btn:hover{border: 0.1em solid transparent;background-color: #0067B8;color: #fff;} .category.cinema>.content>.content-list>.item .overlay>.buttons>.tickets{margin-right:10px;} .category.cinema>.content>.content-list>.item .overlay>.buttons>.more{margin-right:10px;} .category.cinema>.content>.content-list>.item .overlay>.buttons>.stock{} .cinema.item{} .cinema.item>.gallery>.content>.content-list>.item{} .cinema.item>.gallery>.content>.content-list>.item img{display: block;width: 100%;height: 100%;background-size: cover;background-position: center center;} @media screen and (max-width: 767px){ .category.cinema>.content>.content-list>.item{margin-bottom:20px;} .category.cinema>.content>.content-list>.item:last-child{margin-bottom:0;} .category.cinema>.content>.content-list>.item .image{position: absolute;top:0;left:0;right:0;bottom:0;z-index: 0;} .category.cinema>.content>.content-list>.item .overlay{position: relative;z-index: 1;padding-bottom: 80px;} .category.cinema>.content>.content-list>.item .overlay>.buttons{} .category.cinema>.content>.content-list>.item .overlay>.buttons>.btn{margin-bottom: 5px;} .cinema.item{} .cinema.item>.media{margin-bottom: 20px;position: relative;} .cinema.item>.media .image{} .cinema.item>.media .image img{display: block;width: 100%;height:100%;min-height: 200px;object-fit: cover;font-family: 'object-fit: cover;';} .cinema.item>.media>.overlay{position: absolute;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.2);} .cinema.item>.media>.overlay .title{position: absolute;bottom: 0;left:0;right: 0;padding: 15px 20px;} .cinema.item>.media>.overlay .title *{font-family: 'SegoeUIRegular';font-weight: normal;font-size: 3em;color: #fff;} .cinema.item>.meta{margin-top: 20px;} .cinema.item>.gallery{} .cinema.item>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .cinema.item>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .cinema.item>.gallery>.content{} .cinema.item>.gallery>.content>.content-list{} .cinema.item>.gallery>.content>.content-list>.item{margin-bottom: 20px;} } @media screen and (min-width: 400px) and (max-width: 767px){ .cinema.item>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .cinema.item>.gallery>.content>.content-list>.item{width:calc((100% - 20px)/2);height:180px;margin-bottom: 20px;} } @media screen and (min-width: 768px) and (max-width: 899px){ .category.cinema>.content>.content-list>.item{margin-bottom: 20px;height: 300px;} .category.cinema>.content>.content-list>.item:last-child{margin-bottom:0;} .category.cinema>.content>.content-list>.item .overlay{position:absolute;top:0;left:0;right:0;bottom:0;} .category.cinema>.content>.content-list>.item .overlay>.buttons{position:absolute;bottom: 40px;} .cinema.item{} .cinema.item>.media{margin-bottom: 20px;position: relative;} .cinema.item>.media .image{} .cinema.item>.media .image img{display: block;width: 100%;} .cinema.item>.media>.overlay{position: absolute;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.2);} .cinema.item>.media>.overlay .title{position: absolute;bottom: 0;left:0;right: 0;padding: 15px 20px;} .cinema.item>.media>.overlay .title *{font-family: 'SegoeUIRegular';font-weight: normal;font-size: 3em;color: #fff;} .cinema.item>.meta{margin-top: 20px;} .cinema.item>.gallery{} .cinema.item>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .cinema.item>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .cinema.item>.gallery>.content{} .cinema.item>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .cinema.item>.gallery>.content>.content-list>.item{width:calc((100% - 40px)/3);height:180px;margin-bottom: 20px;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .category.cinema>.content>.content-list>.item{margin-bottom: 20px;height: 300px;} .category.cinema>.content>.content-list>.item:last-child{margin-bottom:0;} .category.cinema>.content>.content-list>.item .overlay{position:absolute;top:0;left:0;right:0;bottom:0;} .category.cinema>.content>.content-list>.item .overlay>.buttons{position:absolute;bottom: 40px;} .cinema.item{} .cinema.item>.media{margin-bottom: 20px;position: relative;} .cinema.item>.media .image{} .cinema.item>.media .image img{display: block;width: 100%;} .cinema.item>.media>.overlay{position: absolute;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.2);} .cinema.item>.media>.overlay .title{position: absolute;bottom: 0;left:0;right: 0;padding: 15px 20px;} .cinema.item>.media>.overlay .title *{font-family: 'SegoeUIRegular';font-weight: normal;font-size: 3em;color: #fff;} .cinema.item>.meta{margin-top: 20px;} .cinema.item>.gallery{} .cinema.item>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .cinema.item>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .cinema.item>.gallery>.content{} .cinema.item>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .cinema.item>.gallery>.content>.content-list>.item{width:calc((100% - 40px)/3);height:180px;margin-bottom: 20px;} } @media screen and (min-width: 1200px){ .category.cinema>.content>.content-list>.item{width: calc((100% - 20px)/2);margin: 0 20px 20px 0;float: left;height: 250px;} .category.cinema>.content>.content-list>.item:nth-child(2n){margin-right:0;} .category.cinema>.content>.content-list>.item .overlay{position:absolute;top:0;left:0;right:0;bottom:0;} .category.cinema>.content>.content-list>.item .overlay>.buttons{position:absolute;bottom: 40px;} .cinema.item{} .cinema.item>.media{margin-bottom: 20px;position: relative;} .cinema.item>.media .image{} .cinema.item>.media .image img{display: block;width: 100%;} .cinema.item>.media>.overlay{position: absolute;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.2);} .cinema.item>.media>.overlay .title{position: absolute;bottom: 0;left:0;right: 0;padding: 15px 20px;} .cinema.item>.media>.overlay .title *{font-family: 'SegoeUIRegular';font-weight: normal;font-size: 3em;color: #fff;} .cinema.item>.meta{margin-top: 20px;} .cinema.item>.gallery{margin-top: 20px;} .cinema.item>.gallery>.head{display: table;margin: 0 auto 10px;padding-bottom:5px;} .cinema.item>.gallery>.head span{font-size: 2em;font-family: 'SegoeUIBold';text-transform: uppercase;line-height: 1;color: #0067B8;} .cinema.item>.gallery>.content{} .cinema.item>.gallery>.content>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .cinema.item>.gallery>.content>.content-list>.item{width:calc((100% - 80px)/5);height:150px;margin-bottom: 20px;} } .content-list.banners{} .content-list.banners>.item{} .content-list.banners>.item img{display: block;} /*--Раздел акций--*/ .content.stock.item{} .content.stock.item>.head{display: none;} .content.stock.item span{display:block;padding: 15px 0;} .content.stock.item p{padding: 0 40px 5px;} .content.stock.item b{font-family: 'SegoeUIBold';font-size: 1.3em;} .content.stock.category{} .content.stock.category>.head{padding: 5px 15px;position:relative;background-color: #333;} .content.stock.category>.head h1{color: #fff;font-size: 1.2em;} .content.stock.category>.content-list{padding: 15px 20px;} .content.stock.category>.content-list a{text-decoration:none;} @media screen and (max-width: 719px){ .content.stock.category>.content-list .item{margin-top:20px;} .content.stock.category>.content-list .item:first-child{margin-top:0;} .content.stock.category>.content-list .item>.image{} .content.stock.category>.content-list .item>.image img{width:100%;display: block;} .content.stock.category>.content-list .item>.title{padding: 10px;background-color: #F1F1F1;border-bottom: 1px dashed #333;} .content.stock.category>.content-list .item>.title span{color:#333;font-family: 'SegoeUILight';font-size: 1.2em;text-decoration:none;} } @media screen and (min-width: 720px) and (max-width: 899px){ .content.stock.category>.content-list .item{float:left;margin-bottom:40px;margin-right: 40px;width: calc((100% - 40px)/2);} .content.stock.category>.content-list a:nth-child(2n)>.item{margin-right: 0;} .content.stock.category>.content-list .item>.image{} .content.stock.category>.content-list .item>.image img{width:100%;display: block;} .content.stock.category>.content-list .item>.title{padding: 10px;background-color: #F1F1F1;} .content.stock.category>.content-list .item>.title span{color:#333;font-family: 'SegoeUILight';font-size: 1.2em;text-decoration:none;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .content.stock.category>.content-list .item{float:left;margin-bottom:20px;margin-right: 20px;width: calc((100% - 20px)/2);} .content.stock.category>.content-list a:nth-child(2n)>.item{margin-right: 0;} .content.stock.category>.content-list .item>.image{} .content.stock.category>.content-list .item>.image img{width:100%;display: block;} .content.stock.category>.content-list .item>.title{padding: 10px;background-color: #F1F1F1;} .content.stock.category>.content-list .item>.title span{color:#333;font-family: 'SegoeUILight';font-size: 1.2em;text-decoration:none;} } @media screen and (min-width: 1200px){ .content.stock.category>.content-list .item{float:left;margin-bottom:20px;margin-right: 20px;width: calc((100% - 40px)/3);} .content.stock.category>.content-list a:nth-child(3n)>.item{margin-right: 0;} .content.stock.category>.content-list .item>.image{} .content.stock.category>.content-list .item>.image img{width:100%;display: block;} .content.stock.category>.content-list .item>.title{padding: 10px;background-color: #F1F1F1;} .content.stock.category>.content-list .item>.title span{color:#333;font-family: 'SegoeUILight';font-size: 1.2em;text-decoration:none;} } /*--Новости--*/ .content.news.item{} .content.news.item>.head{padding: 10px 20px;position:relative;background-color: #333;} .content.news.item>.head h1{color: #fff;font-size: 1.4em;font-weight: normal; font-family: 'SegoeUIBold';text-transform: uppercase;} .content.news.item>.intro{padding: 20px;background-color: rgba(0,0,0,0.1);} .content.news.item>.content{padding: 10px 20px;} .content.news.item>.content p{padding-bottom: 5px;text-align: justify;} .content.news.item>.content img{display:block; margin: 10px auto;max-width: 100%; max-height: 800px;} .content.news.item>.content b{font-family: 'SegoeUIBold';font-size: 1.2em;} .content.news.item>.gallery{padding: 20px 20px 0;background-color: rgba(0,0,0,0.1);} .content.news.item>.gallery>.content-list>.item{} .content.news.item>.gallery>.content-list>.item img{display: block;width: 100%;height: 100%;background-size: cover;background-position: center top;} .content.news.category{} .content.news.category>.head{position: relative;} .content.news.category>.head h1{color: #525252;position:relative;font-family:'SegoeUIBold';font-size:1.6em;text-transform: uppercase;} .content.news.category>.content-list a{text-decoration:none;} @media screen and (max-width: 719px){ .content.news.category>.content-list{padding: 15px;} .content.news.category>.content-list .item{margin-top:20px;background-color: #F1F1F1;position: relative;} .content.news.category>.content-list .item:first-child{margin-top: 0;} .content.news.category>.content-list .item>.image{background-size: cover;background-position: center center;padding-bottom: 60%;} .content.news.category>.content-list .item>.image img{display: none;} .content.news.category>.content-list .item>.content{padding: 10px;} .content.news.category>.content-list .item>.content>.title{margin-bottom: 10px;} .content.news.category>.content-list .item>.content>.title span{color:#333;font-family: 'SegoeUIBold';font-size: 1.1em;text-decoration:none;} .content.news.category>.content-list .item>.content>.text{} .content.news.category>.content-list .item>.content>.text span{color:#444;font-family: 'SegoeUIRegular';font-size: 0.9em;ttext-decoration:none;} } @media screen and (min-width: 720px) and (max-width: 899px){ .content.news.category>.content-list{padding: 15px 20px;} .content.news.category>.content-list .item{margin-top:20px;background-color: #F1F1F1;position: relative;} .content.news.category>.content-list .item:first-child{margin-top: 0;} .content.news.category>.content-list .item>.image{width: 150px;position: absolute;left:0;top:0;bottom: 0;background-size: cover;background-position: center center;} .content.news.category>.content-list .item>.image img{display: none;} .content.news.category>.content-list .item>.content{margin-left: 150px; padding: 10px 20px;} .content.news.category>.content-list .item>.content>.title{margin-bottom: 10px;} .content.news.category>.content-list .item>.content>.title span{color:#333;font-family: 'SegoeUIBold';font-size: 1.2em;text-decoration:none;} .content.news.category>.content-list .item>.content>.text{} .content.news.category>.content-list .item>.content>.text span{color:#444;font-family: 'SegoeUIRegular';text-decoration:none;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .content.news.category>.content-list{padding: 15px 20px;} .content.news.category>.content-list .item{margin-top:20px;background-color: #F1F1F1;} .content.news.category>.content-list .item:first-child{margin-top: 0;} .content.news.category>.content-list .item>.image{width: 250px;float:left;} .content.news.category>.content-list .item>.image img{width:100%;display: block;} .content.news.category>.content-list .item>.content{margin-left: 250px; padding: 10px 20px;} .content.news.category>.content-list .item>.content>.title{margin-bottom: 10px;} .content.news.category>.content-list .item>.content>.title span{color:#333;font-family: 'SegoeUIBold';font-size: 1.4em;text-decoration:none;} .content.news.category>.content-list .item>.content>.text{} .content.news.category>.content-list .item>.content>.text span{color:#444;font-family: 'SegoeUIRegular';font-size: 1.2em;text-decoration:none;} .content.news.category>.content-list .item:hover{box-shadow: 0 0 5px 2px rgba(69, 84, 142, 0.44);} } @media screen and (min-width: 1200px){ .content.news.item>.gallery>.content-list{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .content.news.item>.gallery>.content-list>.item{width:calc((100% - 60px)/4);height:180px;margin-bottom: 20px;} .content.news.category>.content-list{padding: 15px 0;} .content.news.category>.content-list .item{margin-top:20px;background-color: #F1F1F1;} .content.news.category>.content-list .item:first-child{margin-top: 0;} .content.news.category>.content-list .item>.image{width: 300px;float:left;} .content.news.category>.content-list .item>.image img{width:100%;display: block;} .content.news.category>.content-list .item>.content{margin-left: 300px; padding: 10px 20px;} .content.news.category>.content-list .item>.content>.title{margin-bottom: 10px;} .content.news.category>.content-list .item>.content>.title span{color:#333;font-family: 'SegoeUIBold';font-size: 1.4em;text-decoration:none;} .content.news.category>.content-list .item>.content>.text{} .content.news.category>.content-list .item>.content>.text span{color:#444;font-family: 'SegoeUIRegular';font-size: 1.2em;text-decoration:none;} .content.news.category>.content-list .item:hover{box-shadow: 0 0 5px 2px rgba(69, 84, 142, 0.4);} } /*--Подвал--*/ footer{background-color: #333;} footer>.clear{} /*--Меню в футере--*/ @media screen and (max-width: 719px){ footer{background-color: #333;} footer>.clear{} footer>.info{padding: 20px 0;} footer>.sirene{padding: 20px 10px; text-align: center;text-transform: uppercase;} footer>.clear>.block{padding:0 10px;margin-bottom: 20px;} footer>.clear>.block:last-child{margin-bottom: 0;} footer>.clear>.block>.head{margin-bottom: 20px;} footer>.clear>.block>.head>span{font-size: 1.2em; color: #999;text-transform: uppercase;} footer>.clear>.block>.content{color: #999;} .fmenu{} .fmenu{} .fmenu .content-list.menu{} .fmenu .content-list.menu>.item{} .fmenu .content-list.menu>.item>span{display: none;} .fmenu .content-list.menu>.item>a{text-decoration: none;margin-bottom: 5px} .fmenu .content-list.menu>.item>a>.icon{display: none;} .fmenu .content-list.menu>.item>a>.title{color: #999;} .fmenu .content-list.menu>.item:hover>a{} .fmenu .content-list.menu>.item:hover>a>.title{color: #fff;text-decoration: underline;} .fmenu .content-list.menu>.item.parent .arrow{display: none;} } @media screen and (min-width: 720px) and (max-width: 899px){ footer{background-color: #333;} footer>.clear{} footer>.info{padding: 30px 0 20px;} footer>.sirene{padding: 20px 30px; text-align: center;text-transform: uppercase;} footer>.clear>.block{padding:0 30px;margin-bottom: 30px;} footer>.clear>.block:last-child{margin-bottom: 0;} footer>.clear>.block>.head{margin-bottom: 20px;} footer>.clear>.block>.head>span{font-size: 1.3em; color: #999;text-transform: uppercase;} footer>.clear>.block>.content{color: #999;} .fmenu{} .fmenu{} .fmenu .content-list.menu{} .fmenu .content-list.menu>.item{} .fmenu .content-list.menu>.item>span{display: none;} .fmenu .content-list.menu>.item>a{text-decoration: none;margin-bottom: 5px} .fmenu .content-list.menu>.item>a>.icon{display: none;} .fmenu .content-list.menu>.item>a>.title{color: #999;} .fmenu .content-list.menu>.item:hover>a{} .fmenu .content-list.menu>.item:hover>a>.title{color: #fff;text-decoration: underline;} .fmenu>.content-list.menu>.item.parent .arrow{display: none;} } @media screen and (min-width: 900px) and (max-width: 1199px){ footer{background-color: #333;} footer>.clear{width: 900px; margin: 0 auto;} footer>.info{padding: 30px 0 20px;} footer>.sirene{padding: 20px 30px; text-align: center;text-transform: uppercase;} footer>.clear>.block{width: calc(100%/3);float:left;padding:0 30px;} footer>.clear>.block>.head{margin-bottom: 20px;} footer>.clear>.block>.head>span{font-size: 1.3em; color: #999;text-transform: uppercase;} footer>.clear>.block>.content{color: #999;} .fmenu{} .fmenu{} .fmenu .content-list.menu{} .fmenu .content-list.menu>.item{} .fmenu .content-list.menu>.item>span{display: none;} .fmenu .content-list.menu>.item>a{text-decoration: none;margin-bottom: 5px} .fmenu .content-list.menu>.item>a>.icon{display: none;} .fmenu .content-list.menu>.item>a>.title{color: #999;} .fmenu .content-list.menu>.item:hover>a{} .fmenu .content-list.menu>.item:hover>a>.title{color: #fff;text-decoration: underline;} .fmenu .content-list.menu>.item.parent .arrow{display: none;} } @media screen and (min-width: 1200px){ footer{background-color: #242424;background-image: url(../img/footer_bg.jpg);background-repeat: no-repeat;background-position: top center;} footer>.clear{width: 1200px; margin: 0 auto;} footer>.info{padding: 40px 0 30px;} footer>.sirene{padding: 20px 50px; text-align: center;text-transform: uppercase;} footer>.clear>.block{width: calc(100%/3);float:left;padding:0 50px;} footer>.clear>.block>.head{margin-bottom: 20px;} footer>.clear>.block>.head>span{font-size: 1.4em; color: #999;text-transform: uppercase;} footer>.clear>.block>.content{color: #999; font-size: 1.1em;} footer .social.icons{background: none!important;} .fmenu{} .fmenu{} .fmenu .content-list.menu{} .fmenu .content-list.menu>.item{} .fmenu .content-list.menu>.item>span{display: none;} .fmenu .content-list.menu>.item>a{text-decoration: none;margin-bottom: 5px} .fmenu .content-list.menu>.item>a>.icon{display: none;} .fmenu .content-list.menu>.item>a>.title{color: #999;} .fmenu .content-list.menu>.item:hover>a{} .fmenu .content-list.menu>.item:hover>a>.title{color: #fff;text-decoration: underline;} .fmenu .content-list.menu>.item.parent .arrow{display: none;} } .newTable{overflow: auto;} .newTable table{width:100%;font-family: sans-serif;-webkit-font-smoothing: antialiased;font-size: 115%;} .newTable caption {font-size: 24px;font-weight: bold;margin-bottom: 5px;} .newTable th{background-color: #45548E;font-weight: bold;color: white;padding: 10px 20px;text-align: left;} .newTable td{background-color: rgb(238, 238, 238);padding: 5px 20px;color: #000;vertical-align: top;} .newTable .tab_center th{text-align: center;} .newList{margin: 10px 0;list-style:none;} .newList>li{padding:10px 15px;color:#333;} .newList>li:nth-child(odd){background-color:rgba(0,0,0,0.2);} .pagination{text-align: center;} .pagination .pagination-list{list-style: none;display: inline-block;} .pagination .pagination-list{list-style: none;display: inline-block;} .pagination .pagination-list>li{line-height: 30px;width: 30px;text-align: center;display: inline-block;} .pagination .pagination-list>li a{color: #000;display: block;} .pagination .counter{line-height: 30px;padding: 0 15px;} .social>.item.vk:hover{background-color: #45668e !important;} .social>.item.fb:hover{background-color: #3b5998 !important;} .social>.item.ok:hover{background-color: #F2720C !important;} .social>.item.tt:hover{background-color: #00aced !important;} .social>.item.yt:hover{background-color: #bb0000 !important;} .social>.item.gp:hover{background-color: #dd4b39 !important;} .social>.item.in:hover{background-color: #517fa4 !important;} .social>.item.pi:hover{background-color: #cb2027 !important;} .social>.item.tb:hover{background-color: #32506d !important;} .social>.item.tw:hover{background-color: #6441A5 !important;} /*--Плеер--*/ .player.video{position:relative;padding-bottom:55%;} .player.video>iframe{position:absolute;top:0;left:0;width:100%;height:100%} /*--Всплывающие окна--*/ @media screen and (max-width: 767px){ .pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;right: 0;overflow-y: scroll;} .pop>.controls{display: none;} } @media screen and (min-width: 768px) and (max-width: 899px){ .pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;right: 0;overflow-y: scroll;} .pop>.controls{display: none;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;width:100vw;overflow-y: scroll;padding: 50px 0;} .pop.bg{background-color: rgba(0,0,0,0.8);} .pop>.block{position: relative;background-color: #fff;} .pop>.controls{position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;} .pop>.controls>.btn{position: absolute;min-width: 80px;} .pop>.controls>.btn span{text-align: center;width: 20px;height: 26px;line-height: 26px;font-size: 1.8em;cursor: pointer;} .pop>.controls>.btn:hover span{color:#fff;} .pop>.controls>.prev{top:0;left:0;bottom:0;z-index: 1;} .pop>.controls>.prev span{position: absolute;top: 50%;left:35px;margin-top: -14px;} .pop>.controls>.next{top:0;right:0;bottom:0;z-index: 1;} .pop>.controls>.next span{position: absolute;top: 50%;right:35px;margin-top: -14px;} .pop>.controls>.close{top:0;right:0;height: 30%;z-index: 2;} .pop>.controls>.close span{position: absolute;top: 35px;right:35px;} } @media screen and (min-width: 1200px){ .pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;width:100vw;overflow-y: scroll;padding: 50px 0;} .pop.bg{background-color: rgba(0,0,0,0.8);} .pop>.block{position: relative;background-color: #fff;z-index: 2;} .pop>.controls{position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;} .pop>.controls>.btn{position: absolute;min-width: 80px;} .pop>.controls>.btn span{text-align: center;width: 20px;height: 28px;line-height: 28px;font-size: 2em;color: #838383;} .pop>.controls>.btn:hover span{color:#fff;} .pop>.controls>.prev{top:0;left:0;bottom:0;z-index: 1;} .pop>.controls>.prev span{position: absolute;top: 50%;left:40px;margin-top: -14px;} .pop>.controls>.next{top:0;right:0;bottom:0;z-index: 1;} .pop>.controls>.next span{position: absolute;top: 50%;right:40px;margin-top: -14px;} .pop>.controls>.close{top:0;right:0;height: 30%;z-index: 2;} .pop>.controls>.close span{position: absolute;top: 40px;right:40px;} } /*--Окно выбора кинотеатра--*/ .pop.select.cinema>.block .controls>.close{position: absolute;z-index:1;top:0;right:0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;} .pop.select.cinema>.block .controls>.close span{font-size: 1.3em;color:#a6a6a6;} .pop.select.cinema>.block .controls>.close:hover span{color:#fff;} .pop.select.cinema>.block>.head{background-color: #555;line-height: 40px;padding: 0 20px;} .pop.select.cinema>.block>.head span{color: #fff;font-family: 'SegoeUIBold';font-size: 1.3em;display: inline-block;} .pop.select.cinema>.block>.content{background-color: #EFEFEF;padding: 20px;} .pop.select.cinema>.block>.content .row{margin-bottom: 20px;} .pop.select.cinema>.block>.content .row:last-child{margin-bottom: 0;} .pop.select.cinema>.block>.content .content-list{} .pop.select.cinema>.block>.content .content-list .btn{margin-top: 10px;border: 0.1em solid #333;border-radius:4px;line-height: 30px; padding:0 10px;cursor:pointer;display:block;text-align: center;} .pop.select.cinema>.block>.content .content-list .btn:first-child{margin-top: 0;} .pop.select.cinema>.block>.content .content-list .btn i{color:#333;} .pop.select.cinema>.block>.content .content-list .btn span{color:#333;} .pop.select.cinema>.block>.content .content-list .btn:hover{border: 0.1em solid #0067B8;background-color: #0067B8;} .pop.select.cinema>.block>.content .content-list .btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .pop.select.cinema>.block>.content .content-list .btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} @media screen and (max-width: 767px){ .pop.select.cinema>.block{background-color: #EFEFEF;min-height: 100%;} } @media screen and (min-width: 768px) and (max-width: 899px){ .pop.select.cinema>.block{background-color: #EFEFEF;min-height: 100%;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .pop.select.cinema>.block{width:350px;margin:10% auto 0;} } @media screen and (min-width: 1200px){ .pop.select.cinema>.block{width:350px;margin:10% auto 0;} } /*--Окно просмотра трейлера--*/ .pop.trailer>.block .controls>.close{position: absolute;z-index:1;top:0;right:0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;} .pop.trailer>.block .controls>.close span{font-size: 1.3em;color:#a6a6a6;} .pop.trailer>.block .controls>.close:hover span{color:#fff;} .pop.trailer>.block>.head{background-color: #555;line-height: 40px;padding: 0 20px;} .pop.trailer>.block>.head span{color: #fff;font-family: 'SegoeUIBold';font-size: 1.3em;display: inline-block;} .pop.trailer>.block>.content{background-color: #EFEFEF;} .pop.trailer>.block>.content .row{margin-bottom: 20px;} .pop.trailer>.block>.content .row:last-child{margin-bottom: 0;} .pop.trailer>.block>.content .content-list{} .pop.trailer>.block>.content .content-list .btn{margin-top: 10px;border: 0.1em solid #333;border-radius:4px;line-height: 30px; padding:0 10px;cursor:pointer;display:block;text-align: center;} .pop.trailer>.block>.content .content-list .btn:first-child{margin-top: 0;} .pop.trailer>.block>.content .content-list .btn i{color:#333;} .pop.trailer>.block>.content .content-list .btn span{color:#333;} .pop.trailer>.block>.content .content-list .btn:hover{border: 0.1em solid #0067B8;background-color: #0067B8;} .pop.trailer>.block>.content .content-list .btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .pop.trailer>.block>.content .content-list .btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} @media screen and (max-width: 767px){ .pop.trailer>.block{background-color: #EFEFEF;min-height: 100%;} } @media screen and (min-width: 768px) and (max-width: 899px){ .pop.trailer>.block{background-color: #EFEFEF;min-height: 100%;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .pop.trailer>.block{width:600px;margin:5% auto 0;} } @media screen and (min-width: 1200px){ .pop.trailer>.block{width:800px;margin:5% auto 0;} } /*--Окно с информацией--*/ .pop.default .controls>.close{position: absolute;z-index:1;top:0;right:0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;} .pop.default>.block .controls>.close span{font-size: 1.3em;color:#a6a6a6;} .pop.default>.block .controls>.close:hover span{color:#fff;} .pop.default>.block>.head{background-color: #555;line-height: 40px;padding: 0 20px;} .pop.default>.block>.head span{color: #fff;font-family: 'SegoeUIBold';font-size: 1.3em;display: inline-block;} .pop.default>.block>.content{background-color: #EFEFEF;padding: 20px;} .pop.default>.block>.content .row{margin-bottom: 20px;} .pop.default>.block>.content .row:last-child{margin-bottom: 0;} .pop.default>.block>.content .content-list{} .pop.default>.block>.content .content-list .btn{margin-top: 10px;border: 0.1em solid #333;border-radius:4px;line-height: 30px; padding:0 10px;cursor:pointer;display:block;text-align: center;} .pop.default>.block>.content .content-list .btn:first-child{margin-top: 0;} .pop.default>.block>.content .content-list .btn i{color:#333;} .pop.default>.block>.content .content-list .btn span{color:#333;} .pop.default>.block>.content .content-list .btn:hover{border: 0.1em solid #0067B8;background-color: #0067B8;} .pop.default>.block>.content .content-list .btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} .pop.default>.block>.content .content-list .btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);} @media screen and (max-width: 767px){ .pop.default>.block{background-color: #EFEFEF;min-height: 100%;} } @media screen and (min-width: 768px) and (max-width: 899px){ .pop.default>.block{background-color: #EFEFEF;min-height: 100%;} } @media screen and (min-width: 900px) and (max-width: 1199px){ .pop.default>.block{width:800px;margin:2% auto 0;} } @media screen and (min-width: 1200px){ .pop.default>.block{width:1100px;margin:2% auto 0;} } #system-message-container{} #system-message-container .alert{padding: 20px 15px;background-color: rgba(5, 44, 115, 0.13);position: relative;} #system-message-container .alert.alert-error{background-color: rgba(152, 14, 14, 0.13);} #system-message-container .close{position: absolute;top:10px;right:10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;background:none;border:0;font-size: 1.2em;} #system-message-container .close:hover{background-color: rgba(152, 14, 14, 0.13);} .line-block{margin-bottom: 10px;} .line-block:after{content:'';display:table;clear:both;} .line-block>.title{font-family:'SegoeUIBold';color:#333;} @media screen and (max-width: 899px){ .line-block>.title{margin-bottom:5px;} .line-block>.value{} } @media screen and (min-width: 900px) and (max-width: 1199px){ .line-block>.title{width: 150px;margin-right:-150px;float:left;} .line-block>.value{float:left;margin-left:150px;padding-left:20px;} } @media screen and (min-width: 1200px){ .line-block>.title{width: 220px;margin-right:-220px;float:left;} .line-block>.value{float:left;margin-left:220px;padding-left:20px;} }