@charset "UTF-8"; body { background: #fff url("../img/texture.png") repeat; cursor: default; font-family: "PTSerifRegular"; } a { text-decoration: none; color: #85163c; } a,button, input[type="submit"], input[type="button"]{ transition: all .15s ease; } *:focus { outline: none; } input[type=submit], input[type=button] { -webkit-appearance: none; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-appearance: none; } button { border: 0; background: none; outline: none; padding: 0; margin: 0; } ul { list-style: none; } ol, ul, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; font-weight: normal; font-style: normal; line-height: normal; } h1 { font-size: 26px; text-transform: uppercase; font-family: "PTSerifBold"; } h2 { font-size: 24px; text-transform: uppercase; font-family: "PTSerifBold"; } h3 { font-size: 18px; text-transform: uppercase; font-family: "PTSerifBold"; } h4 { font-size: 18px; font-family: "PTSerifBold"; } p { font-size: 16px; line-height: 22px; } .article ol, .article ul, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article p { margin-bottom: 10px; } .article ul li { font-size: 16px; line-height: 22px; margin-bottom: 10px; } .article ul li::before { content: ""; background: #85163c; display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin-right: 12px; border-radius: 100%; } .article ul li:last-child { margin-bottom: 0; } .article ol { padding-left: 15px; } .article ol li { font-size: 16px; line-height: 22px; margin-bottom: 10px; } .article img.float-left { margin-right: 20px; margin-bottom: 20px; } .article img.float-right { margin-left: 20px; margin-bottom: 20px; } .article img.float-center { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .article a { font-size: 14px; line-height: 24px; text-decoration: underline; } .article a:hover { text-decoration: none; } .article table { margin-bottom: 10px; width: 100%; border-collapse: collapse; } .article table tr { border-left: 1px solid #85163c; border-right: 1px solid #85163c; } .article table tr th, .article table tr td { border-left: 1px solid #dadada; font-weight: normal; text-align: left; padding: 20px; font-size: 16px; line-height: 16px; } .article table tr th:first-child, .article table tr td:first-child { border-left: none; } .article table tr th { text-transform: uppercase; } .article table tr:nth-child(odd) { background: #f1f1f1; } .article table tr:first-child { color: #fff; background: #85163c; } .article table tr:last-child { border-bottom: 1px solid #85163c; } .alert-message { padding: 15px; display: block; margin-bottom: 10px; } .alert-message.alert-message--success { background: #e4f5fb; } .alert-message.alert-message--danger { background: #ff93a7; } .alert-message.alert-message--info { background: #f1f1f1; } .alert-message p { margin-bottom: 0; } .btn { position: relative; white-space: nowrap; outline: none; background: none; border: none; box-shadow: none; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 18px !important; line-height: 18px !important; text-align: center; padding: 12px 38px; text-decoration: none !important; } .btn::before { content: ""; background: url("../img/btn-tr.png") no-repeat; width: 5px; height: 42px; position: absolute; left: -5px; top: 0; } .btn::after { content: ""; background: url("../img/btn-tr.png") no-repeat; width: 5px; height: 42px; position: absolute; right: -5px; top: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn.btn--vinous { color: #fff; background: #85163c; } .btn.btn--vinous:hover { background: #a21143; text-decoration: none; } .btn.btn--vinous:hover::before, .btn.btn--vinous:hover::after { background: url("../img/btn-tr-h.png") no-repeat; } .btn.btn--vinous:focus { background: #6f1030; } .btn.btn--vinous:focus::before, .btn.btn--vinous:focus::after { background: url("../img/btn-tr-f.png") no-repeat; } *::-webkit-input-placeholder { opacity: 1; font-family: Arial; font-weight: normal; color: #a1a1a1; font-size: 14px; } *::-moz-placeholder { opacity: 1; font-family: Arial; font-weight: normal; color: #a1a1a1; font-size: 14px; } *:-moz-placeholder { opacity: 1; font-family: Arial; font-weight: normal; color: #a1a1a1; font-size: 14px; } *:-ms-input-placeholder { opacity: 1; font-family: Arial; font-weight: normal; color: #a1a1a1; font-size: 14px; } .form-line { position: relative; margin-bottom: 15px; } .form-line input:not([type=file]) { outline: none; background: none; border: none; box-shadow: none; display: block; width: 100%; height: 40px; padding: 0 10px; color: #000; background: #fff; border: 2px solid #dadada; border-radius: 7px; white-space: nowrap; text-overflow: ellipsis; } .form-line textarea { outline: none; background: none; border: none; box-shadow: none; width: 100%; display: block; padding: 8px 10px; color: #000; background: #fff; border: 2px solid #dadada; border-radius: 7px; text-overflow: ellipsis; resize: none; overflow-x: hidden; min-height: 150px; } .form-line label { display: inline-block; font-size: 18px; line-height: 20px; margin-bottom: 10px; } .form-line.form-line--name input:not([type=file]), .form-line.form-line--name textarea, .form-line.form-line--phone input:not([type=file]), .form-line.form-line--phone textarea { padding-left: 32px; } .form-line.form-line--name::before, .form-line.form-line--phone::before { content: ""; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 12px; background: url("../img/contact.png") no-repeat; } .form-line.form-line--mail input:not([type=file]), .form-line.form-line--mail textarea { padding-left: 32px; } .form-line.form-line--mail::before { content: ""; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 10px; background: url("../img/contact.png") no-repeat; } .form-line.form-line--concert input:not([type=file]), .form-line.form-line--concert textarea { padding-left: 32px; } .form-line.form-line--concert::before { content: ""; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 21px; background: url("../img/contact.png") no-repeat; z-index: 1000; } .form-line.form-line--text input:not([type=file]), .form-line.form-line--text textarea { padding-left: 32px; } .form-line.form-line--text::before { content: ""; position: absolute; left: 10px; top: 15px; width: 12px; height: 21px; background: url("../img/contact.png") no-repeat; } .form-line.form-line--name::before { background-position: -3px 0; } .form-line.form-line--phone::before { background-position: -3px -52px; } .form-line.form-line--mail::before { background-position: 0 -104px; } .form-line.form-line--concert::before { background-position: -1px -149px; } .form-line.form-line--text::before { background-position: -2px -205px; } .pagination { margin-top: 80px; text-align: center; } .pagination .pagination-list { display: inline-block; } .pagination .pagination-list li { float: left; margin-right: 3px; } .pagination .pagination-list li a { border: 1px solid #b5b5b5; background: #f8f8f8; background: linear-gradient(to bottom, #f8f8f8 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 ); border-radius: 4px; font-family: "PTSansCaptionRegular"; color: #000; font-size: 14px; line-height: 30px; display: block; height: 32px; text-align: center; width: 32px; } .pagination .pagination-list li a.ellipsis { background: none !important; border: none !important; cursor: default; font-family: "PTSansCaptionRegular"; } .pagination .pagination-list li a.ellipsis:hover { background: none; } .pagination .pagination-list li a.next { width: auto; padding: 0 10px; } .pagination .pagination-list li a:hover, .pagination .pagination-list li a.active { background: #e0e0e0; background: linear-gradient(to bottom, #e0e0e0 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 ); } strong, b {&nbsp; &nbsp;font-family: "PTSerifBold"; font-weight: normal; } .align-center { text-align: center !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .scroll-section { overflow: auto; max-height: 740px; } .in-block { position: relative; display: block; } .paragraph--uppercase { text-transform: uppercase; } .paragraph--lowercase { text-transform: lowercase; } .paragraph--last { margin-bottom: 0 !important; } .wrap { max-width: 1680px; min-width: 1280px; box-shadow: 0 3px 32px rgba(0, 0, 0, 0.18); margin: auto; background: #f8faf9; } .wrapper { min-height: 100%; overflow: hidden; } header .header-top { color: #fff; padding: 10px 0; background: #0e2947; } header .header-top .header-send_btn { margin: 0px 0; display: inline-block; font-size: 18px; line-height: 18px; color: #fff; padding: 10px 40px; border: 1px solid #fff; } header .header-top .header-send_btn:hover { background: #fff; color: #0e2947; } header .header-top .header-phone { font-size: 22px; line-height: 22px; margin-top: 25px; font-family: "PTSerifBold"; } header .header-top .header-mail { margin-top: 0px; font-size: 18px; line-height: 18px; font-family: "PTSerifItalic"; } header .header-bottom { background: #f8faf9; } header .header-bottom .header-list { display: flex;justify-content: space-between; } header .header-bottom .header-list > li {  } header .header-bottom .header-list > li:first-child { margin-left: 0; } header .header-bottom .header-list > li:first-child .header-list_dropdown { left: 0; } header .header-bottom .header-list > li:hover .header-list_dropdown { visibility: visible; opacity: 1; transition: all .15s ease; } header .header-bottom .header-list > li:hover > a { color: #0e2947; } header .header-bottom .header-list > li > a { display: block; padding: 15px 0; color: #000; font-family: "PTSansBold"; font-size: 14px; line-height: 16px; text-transform: uppercase; } header .header-bottom .header-list > li > a.active, header .header-bottom .header-list > li > a:hover { color: #0e2947; } header .header-bottom .header-list > li .header-list_dropdown { z-index: 3; visibility: hidden; opacity: 0; transition: all .15s ease; padding-top: 2px; min-width: 310px; position: absolute; left: -50px; top: 44px; } header .header-bottom .header-list > li .header-list_dropdown ul { background: rgba(255, 255, 255, 0.9); padding: 20px 40px; } header .header-bottom .header-list > li .header-list_dropdown ul li { margin-bottom: 10px; } header .header-bottom .header-list > li .header-list_dropdown ul li a { color: #000; font-family: "PTSansCaptionBold"; font-size: 14px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid transparent; } header .header-bottom .header-list > li .header-list_dropdown ul li a:hover { color: #0e2947; border-bottom: 1px solid #0e2947; } header .header-bottom .header-list > li .header-list_dropdown ul li:last-child { margin-bottom: 0; } header .header-bottom .header-list .main-top-link::before {opacity: 0; content: ""; position: absolute; left:0px; bottom: 0px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0e2947; } header .header-bottom .header-poster { float: left; margin-left: 50px; color: #000; font-family: "PTSansCaptionBold"; font-size: 16px; line-height: 76px; text-transform: uppercase; } header .header-bottom .header-poster span { position: relative; top: 3px; font-size: 22px; margin-right: 10px; } header .header-bottom .header-poster:hover { color: #0e2947; } header .header-slider { background: #0e2947; position: relative; } header .header-slider .header-slider_poster { text-align: center; z-index: 2; width: 300px; height: 373px; background: #f8faf9; position: absolute; right: -150px; top: 22px; padding: 0 30px 42px; } header .header-slider .header-slider_poster::before { content: ""; background: url("../img/poster-tr.png") no-repeat; width: 300px; height: 17px; position: absolute; left: 0; top: -17px; } header .header-slider .header-slider_poster::after { content: ""; background: url("../img/poster-tr.png") no-repeat; width: 300px; height: 17px; position: absolute; left: 0; bottom: -17px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header .header-slider .header-slider_poster .caption { position: relative; display: inline-block; font-size: 30px; line-height: 36px; font-family: "PTSerifBold"; border-bottom: 1px solid #c9cacb; } header .header-slider .header-slider_poster .caption::before { content: "\e90a"; font-family: "icomoon"; font-size: 22px; position: absolute; left: -37px; top: 0; } header .header-slider .header-slider_poster .description { font-size: 15px; color: #54585c; } header .header-slider .header-slider_poster .event-list { text-align: left; margin-top: 15px; } header .header-slider .header-slider_poster .event-list li { border-bottom: 1px solid #c9cacb; padding-bottom: 10px; margin-bottom: 10px; } header .header-slider .header-slider_poster .event-list li .date { margin-right: 10px; display: inline-block; font-family: "PTSerifItalic"; font-size: 14px; } header .header-slider .header-slider_poster .event-list li .date span { font-size: 18px; border-bottom: 1px solid #c9cacb; } header .header-slider .header-slider_poster .event-list li .time { margin-right: 10px; display: inline-block; font-family: "PTSerifItalic"; font-size: 15px; color: #a6a8aa; } header .header-slider .header-slider_poster .event-list li .name { display: block; color: #000; margin-top: 7px; font-size: 16px; line-height: 20px; max-height: 60px; overflow: hidden; font-family: "PTSansBold"; } header .header-slider .header-slider_poster .more { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; font-size: 26px; line-height: 26px; } header .header-slider .header-slider_poster .more:hover { color: #000; } header .header-slider .header-slider_poster .btn { position: absolute; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } header .header-divider { background: #fff; height: 2px; } .content { padding: 30px 0; } .content .content-caption { margin-bottom: 40px; font-size: 26px; line-height: 30px; font-family: "PTSerifBold"; text-transform: uppercase; } .content h1 { text-align: center; line-height: 30px; margin-bottom: 40px; } .category-carousel { margin-bottom: 60px; position: relative; } .category-carousel .category-carousel_item { display: block; } .category-carousel .category-carousel_item .img { background: #c9cacb; height: 190px; overflow: hidden; position: relative; } .category-carousel .category-carousel_item .img img { width: 100%; position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .category-carousel .category-carousel_item .img .overlay { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 3; background: rgba(255, 255, 255, 0.2); transition: all .15s ease; } .category-carousel .category-carousel_item .img .name { z-index: 2; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 18px; font-family: "PTSansBold"; display: block; line-height: 25px; text-transform: uppercase; text-align: center; padding: 10px; } .category-carousel .category-carousel_item:hover .overlay { opacity: 1; visibility: visible; transition: all .15s ease; } .enrollee { margin-bottom: 30px; } .enrollee .enrollee-block { background: #fff; border: 1px solid #0e2947; display: table; width: 100%; } .enrollee .enrollee-block .enrollee-block_entry { position: relative; background: #0e2947; display: table-cell; vertical-align: middle; width: 225px; text-align: center; } .enrollee .enrollee-block .enrollee-block_entry::after { content: ""; width: 0; height: 0; border-top: 13px solid transparent; border-left: 16px solid #0e2947; border-bottom: 13px solid transparent; position: absolute; right: -16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .enrollee .enrollee-block .enrollee-block_entry span { vertical-align: middle; font-family: "PTSerifBold"; font-size: 22px; color: #fff; } .enrollee .enrollee-block .enrollee-block_entry i { margin-right: 10px; display: inline-block; vertical-align: middle; font-style: normal; height: 45px; background: #fff; border-radius: 100%; text-align: center; width: 45px; } .enrollee .enrollee-block .enrollee-block_entry i::before { content: "\e901"; font-family: "icomoon"; color: #0e2947; font-size: 22px; line-height: 45px; } .enrollee .enrollee-block .enrollee-block_list { display: table-cell; vertical-align: middle; padding: 20px 20px 10px 45px; } .enrollee .enrollee-block .enrollee-block_list li { float: left; width: 50%; margin-bottom: 10px; } .enrollee .enrollee-block .enrollee-block_list li a { color: #000; font-family: "PTSansCaptionBold"; font-size: 14px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid #c9cacb; } .enrollee .enrollee-block .enrollee-block_list li a:hover { color: #0e2947; border-bottom: 1px solid #0e2947; } .enrollee.enrollee--section { margin-top: 80px; margin-bottom: 0; } .enrollee.enrollee--section .enrollee-block .enrollee-block_list li { width: 33.33333%; } .additional { margin-bottom: 80px; } .additional h4 { float: left; } .additional .more { float: right; font-family: "PTSerifItalic"; font-size: 14px; color: #999292; border-bottom: 1px solid #c9cacb; } .additional .more:hover { border-bottom: 1px solid transparent; } .additional .video { margin-top: 20px; } .additional .description { background: #fff; padding: 10px 15px; font-size: 15px; line-height: 22px; } .additional .img { background: #c9cacb; margin-top: 20px; height: 177px; overflow: hidden; position: relative; } .additional .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .additional .blog-block { margin: auto; width: 260px; border: 1px solid #0e2947; background: #fff; padding: 25px; text-align: center; } .additional .blog-block .blog-block_img { margin: auto; width: 180px; height: 195px; overflow: hidden; margin-bottom: 20px; position: relative; } .additional .blog-block .blog-block_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; height: 100%; } .additional .blog-block .blog-block_name { text-transform: uppercase; font-size: 22px; line-height: 24px; color: #000; font-family: "PTSerifBold"; border-bottom: 1px solid #c9cacb; } .additional .blog-block .blog-block_name:hover { border-bottom: 1px solid transparent; } .news-list .news-item { padding: 15px 0; background: #fff; } .news-list .news-item .name { margin-bottom: 15px; display: block; padding: 0 15px; color: #000; line-height: 22px; max-height: 66px; overflow: hidden; text-align: center; font-family: "PTSerifBold"; text-decoration: underline; } .news-list .news-item .name:hover { text-decoration: none; } .news-list .news-item .img {&nbsp; &nbsp;background: #c9cacb; height: 150px; overflow: hidden; margin-bottom: 15px; position: relative; } .news-list .news-item .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .news-list .news-item .description { padding: 0 15px; font-size: 15px; line-height: 22px; max-height: 110px; overflow: hidden; margin-bottom: 20px; } .news-list .news-item .date { padding: 0 15px; color: #999292; font-size: 14px; font-family: "PTSerifItalic"; } .gallery-list .gallery-item { margin-bottom: 30px; } .gallery-list .gallery-item .img { margin-bottom: 15px; display: block; background: #c9cacb; height: 177px; overflow: hidden; position: relative; } .gallery-list .gallery-item .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery-list .gallery-item .name { color: #000; display: block; font-size: 18px; line-height: 22px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #c9cacb; } .gallery-list .gallery-item .name:hover { text-decoration: underline; } .gallery-list .gallery-item .count { font-family: "PTSerifItalic"; font-size: 16px; line-height: 16px; color: #746d6d; } .album-list .album-item { margin-bottom: 30px; } .album-list .album-item .img { display: block; background: #c9cacb; height: 177px; overflow: hidden; position: relative; margin-bottom: 15px; } .album-list .album-item .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .album-list .album-item .name { color: #000; display: block; font-size: 18px; line-height: 22px; } .return-link { display: inline-block; } .return-link span { font-family: "PTSansCaptionRegular"; color: #000; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #c9cacb; } .return-link span:hover { border-bottom: 1px solid transparent; } .return-link::before { content: ""; display: inline-block; margin-right: 7px; background: url("../img/return.png") no-repeat; width: 16px; height: 13px; } .comment-list .comment-item { position: relative; background: #fff; padding: 10px; margin-bottom: 30px; } .comment-list .comment-item .comment-item_link { display: block; } .comment-list .comment-item .img { display: table-cell; background: #c9cacb; width: 135px; height: 135px; overflow: hidden; position: relative; } .comment-list .comment-item .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .comment-list .comment-item .name { color: #000; display: table-cell; vertical-align: middle; font-family: "PTSerifBold"; font-size: 18px; line-height: 30px; padding: 30px; } .comment-list .comment-item .name span { display: block; font-size: 16px; font-family: "PTSerifRegular"; } .comment-list .comment-item .comment-item_popup { display: none; position: absolute; z-index: 2; top: 155px; padding: 10px; background: #fff; left: 0; } .comment-list .comment-item .comment-item_popup .wish { font-size: 15px; line-height: 22px; font-family: "PTSerifBold"; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #c9cacb; } .comment-list .comment-item .comment-item_popup .description { font-size: 15px; } .comment-list .comment-item .comment-item_popup.active { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12); } .comment-list .comment-item:hover, .comment-list .comment-item.active { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12); } .faculty-list .faculty-item { margin-bottom: 30px; padding: 20px; background: #fff; } .faculty-list .faculty-item .caption { color: #0e2947; font-size: 18px; text-transform: uppercase; font-family: "PTSerifBold"; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #c9cacb; } .faculty-list .faculty-item .name { margin-bottom: 20px; } .faculty-list .faculty-item .name b { font-size: 18px; } .faculty-list .faculty-item .link { margin-bottom: 10px; display: block; } .faculty-list .faculty-item .link span { border-bottom: 1px solid #c9cacb; } .faculty-list .faculty-item .link span:hover { border-bottom: 1px solid transparent; } .faculty-list .faculty-item .phone { margin-top: 30px; } .faculty-list .faculty-item .phone b { font-size: 20px; } .concert-list .concert-item {&nbsp; &nbsp;padding: 10px 0 15px 0; background: #fff; margin-bottom: 30px; } .concert-list .concert-item .date { margin-bottom: 10px; padding: 0 10px; color: #746d6d; font-family: "PTSerifItalic"; } .concert-list .concert-item .img { margin-bottom: 15px; display: block; background: #c9cacb; height: 177px; overflow: hidden; position: relative; } .concert-list .concert-item .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .concert-list .concert-item .name { color: #000; display: block; padding: 0 15px; background: #fff; font-size: 18px; line-height: 22px; } .concert-list .concert-item .name:hover { text-decoration: underline; } a.clink {text-decoration: none !important;color: #0a0a0a;cursor: default !important;font-weight: 400;font-size: 16px;} .blog { margin-bottom: 60px; padding: 25px; background: #fff; border: 1px solid #0e2947; } .blog .name { margin-top: 10px; color: #0e2947; font-size: 22px; line-height: 30px; font-family: "PTSerifBold"; } .blog .speciality { font-size: 18px; line-height: 24px; margin-top: 30px; } .blog .info { font-size: 18px; line-height: 30px; margin-top: 30px; } .blog .description { margin-top: 20px; } .faq .faq-list li { margin-bottom: 70px; } .faq .faq-list li .name { display: inline-block; font-size: 18px; font-family: "PTSerifBold"; line-height: 18px; margin-right: 20px; } .faq .faq-list li .date { display: inline-block; font-size: 14px; font-family: "PTSerifItalic"; color: #999292; } .faq .faq-list li .divider { margin: 10px 0; height: 1px; background: #c9cacb; } .article-social_likes { margin: 60px 0; } .social-likes_caption { font-family: "PTSansRegular"; margin-right: 10px; } .article-date { font-size: 16px; line-height: 16px; color: #999292; font-family: "PTSerifItalic"; margin-bottom: 20px; } .poster-list { margin-bottom: 40px; } .poster-list .poster-item { padding-bottom: 15px; border-bottom: 1px solid #c9cacb; margin-bottom: 15px; } .poster-list .poster-item .date { font-size: 20px; line-height: 24px; font-family: "PTSerifItalic"; margin-bottom: 10px; } .poster-list .poster-item .time { font-size: 18px; line-height: 22px; color: #a6a8aa;&nbsp; &nbsp;font-family: "PTSerifItalic"; } .poster-list .poster-item .name { color: #0e2947; margin-bottom: 10px; font-size: 18px; line-height: 22px; } .poster-list .poster-item .place { font-size: 16px; line-height: 20px; color: #4e4e4e; } .poster-caption { text-transform: uppercase; font-size: 18px; font-family: "PTSerifBold"; margin-top: 30px; } .poster-date { display: inline-block; font-size: 20px; line-height: 24px; font-family: "PTSerifItalic"; margin-right: 10px; } .poster-time { display: inline-block; font-size: 18px; line-height: 22px; color: #a6a8aa; font-family: "PTSerifItalic"; } .poster-place { font-size: 16px; color: #4e4e4e; margin-top: 5px; } .poster-divider { height: 1px; background: #c9cacb; margin: 15px 0; } .poster-name { margin-top: 30px;&nbsp; &nbsp;font-family: "PTSerifBold"; font-size: 18px; line-height: 22px; margin-bottom: 10px; } .poster-description { font-size: 16px; line-height: 20px; } .poster-note { margin-top: 30px; font-size: 16px; text-transform: uppercase; line-height: 24px; } .contact .contact-address { margin-bottom: 20px; } .contact .contact-address strong { font-size: 20px; display: block; } .contact .contact-info { margin-bottom: 80px; } .contact .contact-info strong { font-size: 20px; } .contact h4 { margin-bottom: 20px; font-size: 20px; } .contact .feedback { margin-bottom: 80px; } .order-ticket .order-ticket_link { display: inline-block; font-size: 18px; line-height: 18px; color: #000; margin: 20px 0 60px; border-bottom: 1px solid #c9cacb; } .order-ticket .order-ticket_link:hover { border-bottom: 1px solid transparent; } .order-ticket .order-ticket_divider { margin-top: 100px; height: 1px; width: 100%; margin-bottom: 30px; background: #c9cacb; } .order-ticket .order-ticket_phone-list { margin-top: 40px; } .order-ticket .order-ticket_phone-list li { font-size: 18px; line-height: 30px; } .aside-list { margin-top: 0px; } .aside-list .aside-item { display: block; margin-bottom: 20px; } .aside-list .aside-item .img { background: #fff; height: 90px; overflow: hidden; margin-bottom: 10px; position: relative; } .aside-list .aside-item .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .aside-list .aside-item .name { padding: 10px; text-align: center; font-size: 16px; line-height: 16px; font-family: "PTSerifItalic"; color: #000; } .aside-list .aside-item:hover .name { text-decoration: underline; } .aside-list .aside-btn { display: block; margin-bottom: 20px; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #fff; font-family: "PTSerifItalic"; background: #1aa0cf; text-align: center; padding: 20px; } .aside-list .aside-btn:hover { background: #147da2; } .aside-menu_list { padding-bottom: 30px; border-bottom: 1px solid #c9cacb; margin-bottom: 30px; } .aside-menu_list li { margin-bottom: 20px; } .aside-menu_list li a { color: #000; font-size: 16px; line-height: 16px; text-transform: uppercase; border-bottom: 1px solid #c9cacb; } .aside-menu_list li a:hover { border-bottom: 1px solid transparent; } .aside-menu_list li a.active { font-family: "PTSerifBold"; border-bottom: 1px solid transparent; } .aside-archive_caption { font-family: "PTSerifBold"; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; } .aside-archive_list li { margin-bottom: 10px; } .aside-archive_list li a { color: #000; font-size: 16px; line-height: 16px; border-bottom: 1px solid #c9cacb; } .aside-archive_list li a:hover { border-bottom: 1px solid transparent; } footer .footer-top { background: #fff; padding: 30px 0; } footer .footer-top .logo { display: inline-block; margin-bottom: 30px; } footer .footer-top .copyright { font-size: 15px; } footer .footer-top .mail-link { font-size: 16px; color: #000; border-bottom: 1px solid #c9cacb; text-decoration: none; } footer .footer-top .mail-link:hover { border-bottom: 1px solid transparent; } footer .footer-top .social-list { margin-top: 7px; display: inline-block; } footer .footer-top .social-list li { float: left; margin-left: 10px; height: 30px; width: 30px; text-align: center; } footer .footer-top .social-list li a { display: block; color: #fff; line-height: 30px; } footer .footer-top .social-list li:nth-child(1) a { font-size: 18px; background: #8c95be; } footer .footer-top .social-list li:nth-child(1) a:hover { background: #6b77ac; } footer .footer-top .social-list li:nth-child(2) a { font-size: 16px;} footer .footer-top .social-list li:nth-child(3) a { font-size: 22px;} footer .footer-top .social-list li:nth-child(4) a { font-size: 18px;} footer .footer-bottom { background: #0E2947; padding: 30px 0; } footer .footer-bottom .footer-list { float: left; } footer .footer-bottom .footer-list li { float: left; position: relative; margin-left: 50px; } footer .footer-bottom .footer-list li:first-child { margin-left: 0; } footer .footer-bottom .footer-list li a { display: block; color: #fff; font-family: "PTSansRegular"; font-size: 14px; line-height: 14px; text-transform: uppercase; } footer .footer-bottom .footer-list li a.active, footer .footer-bottom .footer-list li a:hover { border-bottom: 1px solid #fff; } footer .footer-bottom .hoster-link { float: right; color: #cb5c82; font-size: 14px; line-height: 14px; font-family: "PTSansCaptionRegular"; } footer .footer-bottom .hoster-link a { color: #cb5c82; font-size: 14px; line-height: 14px; font-family: "PTSansCaptionRegular"; border-bottom: 1px solid #cb5c82; } footer .footer-bottom .hoster-link a:hover { border-bottom: 1px solid transparent; } /*Модалки*/ .modal { position: relative; } .modal.modal--video { width: 860px; background: rgba(0, 0, 0, 0.5); color: #fff; } .modal.modal--video .modal-social_likes { display: inline-block; margin: 20px 30px; } .modal.modal--video .modal-social_likes .social-likes_caption { color: #fff; } .modal.modal--feedback { width: 450px; background: #fff; padding: 45px; } .modal.modal--feedback .close { background: url("../img/close.png") no-repeat; width: 16px; height: 16px; position: absolute; top: 20px; right: 20px; } .modal.modal--feedback h4 { font-size: 20px; margin-bottom: 20px; } .modal.modal--ticket { width: 1250px; background: #fff; padding: 50px; } .modal.modal--ticket .close { background: url("../img/close.png") no-repeat; width: 16px; height: 16px; position: absolute; top: 40px; right: 50px; } .modal.modal--ticket .order-ticket_caption { font-size: 26px; font-family: "PTSerifRegular"; text-align: center; margin-bottom: 20px; color: #0e2947; } .modal.modal--ticket .divider { margin-bottom: 40px; height: 1px; background: #cb5c82; } .modal.modal--ticket .order-ticket_table { margin: auto; width: 900px; margin-bottom: 40px; } .modal.modal--ticket .order-ticket_table.floor-2 { width: 1040px; } .modal.modal--ticket .order-ticket_table.floor-1 { width: 100%; } .modal.modal--ticket .order-ticket_table .tr { float: left; width: 100%; } .modal.modal--ticket .order-ticket_table .tr .td { cursor: pointer; margin: 1px; float: left; border: 1px solid #000; width: 20px; height: 20px; font-size: 12px; font-family: "PTSansRegular"; line-height: 20px;&nbsp; &nbsp;text-align: center; } .modal.modal--ticket .order-ticket_table .tr .td.empty { border: 1px solid transparent; } .modal.modal--ticket .order-ticket_table .tr .td.empty:hover { background: #fff; } .modal.modal--ticket .order-ticket_table .tr .td.clicked{ background: #e27299; } .modal.modal--ticket .order-ticket_table .tr .td.busy { background: #0e2947; color: #fff; } .modal.modal--ticket .order-ticket_table .tr .td.busy:hover { background: #0e2947; } .modal.modal--ticket .order-ticket_table .tr .td:hover { background: #e27299; } .modal.modal--ticket .order-ticket_table .tr .balcony { margin: 1px; float: left; text-align: center; font-size: 16px; line-height: 20px; text-transform: uppercase; font-family: "PTSansBold"; width: 138px; height: 20px; } .modal.modal--ticket .order-ticket_table .tr .range { margin: 1px; float: left; font-size: 12px; line-height: 20px; height: 20px; font-family: "PTSansBold"; width: 40px; } .modal.modal--ticket .order-ticket_list { margin: 40px auto auto; width: 250px; } .modal.modal--ticket .order-ticket_list .order-ticket_item { margin-bottom: 10px; } .modal.modal--ticket .order-ticket_list .order-ticket_item span { display: inline-block; vertical-align: middle; border: 1px solid #000; width: 20px; height: 20px; font-size: 12px; font-family: "PTSansRegular"; line-height: 20px; text-align: center; } .modal.modal--ticket .order-ticket_list .order-ticket_item span.busy { background: #0e2947; color: #fff; } .RPv4-well { box-shadow: none !important; background-color: #fff !important; border: 1px solid #0e2947 !important; -weblkit-border-radius: 0 !important; border-radius: 0 !important; padding: 18px 20px !important; margin: 0 !important; }⁠ .social-list li a {border-radius: 5px;}
.logo img {
    height: 75px;
}
.header-top .row {
    display: flex;
    align-items: center;
}

.icon-calendar > img {
    color: #fff;
}